$mitstudie-sf-color: #cfe1e7;
$mitstudie-obl-color: #f2e4d4;
$mitstudie-val-color: #d1e1d6;
$mitstudie-tlv-color: #e9ccda;

table.diagramme {
  table-layout: fixed;
  width: 100%;

  th {
    background-color: color('background-secondary');
    color: color('foreground');
    padding: spacing(-2);
    border: $width-border solid color('background');
  }

  td {
    padding: spacing(-2);
    border: $width-border solid color('background');
    a {
      text-shadow: none;
    }
  }

  .sf {
    background-color: $mitstudie-sf-color;
  }

  .obl {
    background-color: $mitstudie-obl-color;
  }

  .val {
    background-color: $mitstudie-val-color;
  }

  .tlv {
    background-color: $mitstudie-tlv-color;
  }

  .ogr {
    background-color: $mitstudie-obl-color;
  }
}