@font-face {
  font-family: "open-sans";
  src: url("../fonts/OpenSans-Regular.55835483c304.woff2") format("woff2"), url("../fonts/OpenSans-Regular.87119b577169.woff") format("woff");
}

@font-face {
  font-family: "open-sans";
  src: url("../fonts/OpenSans-Bold.3326e4d74d39.woff2") format("woff2"), url("../fonts/OpenSans-Bold.6dbaf63547f2.woff") format("woff");
  font-weight: bold;
}

@font-face {
  font-family: "open-sans";
  src: url("../fonts/OpenSans-BoldItalic.5aaceea2d60d.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.7be88e73fea7.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "open-sans";
  src: url("../fonts/OpenSans-Italic.383eba0e55ed.woff2") format("woff2"), url("../fonts/OpenSans-Italic.b9812e74f089.woff") format("woff");
  font-style: italic;
}

:root {
    --grau1:#dadada;
    --grau2:#9d9d9d;
    --grau3:#4a4a4a;
    --gruen1:#a5c715;
    --gruen2:#199637;
    --orange1:#e6641e;
    --orange2:#f08c1e;
    --rot1:#ea561f;
    --blau1:#44a1ca;
    --blau2:#006d9a;
}

.col-rot1 {
  color: var(--rot1);
}
.col-grau1 {
  color: var(--grau1);
}
.col-blau2 {
  color: var(--blau2);
}


.bg-grau1 {
  background-color: var(--grau1);
}
.bg-grau2 {
  background-color: var(--grau2);
}
.bg-grau3 {
  background-color: var(--grau3);
}

.farbe-schulfamilie {
  --farbe-abschnitt:var(--orange2);
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}


body {
  font-family: 'open-sans';
  color: var(--grau3);
}




.navbar-logo {
  width: 10vw;
}


.empty-list-text {
  color: var(--grau2);
  font-style: italic;
}