:root {
  --tiefwasser:#123047; --tonne:#F2C230; --karte:#F4F7F8; --text:#1C2B36;
  --flachwasser:#A9CAD6; --linie:#CFDBDF; --gedaempft:#4E6170;
  --serif:"Iowan Old Style","Charter","Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html.dark {
  --karte:#0C1F2F; --text:#DCE6EA; --gedaempft:#9AB0BC; --linie:#24404F; --flachwasser:#2F5B70;
}
body { background: var(--karte) !important; color: var(--text); font-family: var(--sans); }
header { background: var(--karte) !important; border-bottom: 4px solid var(--tonne) !important; }
header, header a, header span { color: var(--tiefwasser) !important; }
html.dark header, html.dark header a, html.dark header span { color: #EAF1F4 !important; }
h1, h2 { font-family: var(--serif); color: var(--tiefwasser); }
html.dark h1, html.dark h2 { color: #EAF1F4; }
a { text-decoration-color: var(--tonne); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid var(--tonne) !important; outline-offset: 2px;
}