/* Grundfarben: Petrolblau der Finanzakzent, helle kühle Flächen, Systemschrift. */
:root{
  --navy:#14293A; --brand:#2F5B75; --brand-d:#244A61; --brand-2:#A9B8C3; --steel:#97A6AD; --steel-2:#D5DEE4; --mist:#E9EEF2;
  --sand:#F4F6F8; --sand-2:#E9EEF2; --amber:#E9A23B; --amber-ink:#8A5A0B; --amber-bg:#FDF3E1;
  --bg:#F4F6F8; --surface:#fff; --panel:#F1F4F7; --ink:#14293A; --muted:#66778A; --line:#E6EAEE;
  --soft:#EAF0F4; --tint:#fff; --tint-2:#F4F6F8;
  --late:#C0392B; --late-bg:#FCEBE8; --today:#B26B00; --today-bg:#FFF4E0; --ok:#1F8A55; --ok-bg:#E5F5EC;
  --r:18px; --r-s:12px;
  --shadow:0 1px 2px rgba(20,41,58,.04),0 6px 24px rgba(20,41,58,.06);
  --head:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  --ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI Variable Text","Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font:var(--ui);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid rgba(47,91,117,.35);outline-offset:2px}

/* Viertelkreise als wiederkehrendes Bildelement */
.qc{display:inline-block;width:22px;height:22px;flex:none;border-top-left-radius:100%;background:var(--amber)}
.qc.tr{border-radius:0 100% 0 0}.qc.br{border-radius:0 0 100% 0}.qc.bl{border-radius:0 0 0 100%}
.qc.navy{background:var(--brand)}.qc.steel{background:var(--steel)}.qc.sand{background:var(--sand-2)}