:root{

  --brand:        #009AA6;
  --brand-deep:   #006F78;

  --brand-darker: #0F262C;
  --brand-light:  #e4f4f6;

  --brand-accent: var(--brand-deep);
  --brand-wash:   #d6eef1;

  --ink:          #17343B;

  --ink-soft:     #55696E;

  --surface:      #ffffff;
  --surface-deep: #f3fafb;
  --bg:           #e9f4f5;
  --white:        #ffffff;

  --line:         #d5e5e8;
  --error:        #A32D2D;

  --ampel-gruen:         #2e9e5b;
  --ampel-gruen-text:    #1f6b3f;
  --ampel-gruen-flaeche: #e6f5ec;
  --ampel-gelb:          #f2b600;
  --ampel-gelb-text:     #8a6200;
  --ampel-gelb-flaeche:  #fff6d6;
  --ampel-rot:           #d93a2f;
  --ampel-rot-text:      #a8271e;
  --ampel-rot-flaeche:   #fdeceb;
  --ampel-aus:           #e3dde0;

  --error-flaeche:       #fff5f4;
  --error-flaeche-stark: #fdecea;
  --error-text:          #8f2424;

  --footer-text: #c3d7da;
  --footer-link: #e2eff1;
  --footer-copy: #9ab5ba;

  --brand-rgb:      0 154 166;
  --brand-deep-rgb: 0 111 120;
  --error-rgb:      163 45 45;

  --flaeche-leiste: rgba(255,255,255,.97);
  --linie:          var(--line);

  --font-head: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

@font-face{
  font-family: "Inter";
  src: url("../fonts/inter-400-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family: "Inter";
  src: url("../fonts/inter-400-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}