:root {
  --primaer: #01356c;
  --akzent: #fe6719;
  --seitenleiste: #01356c;
  --hintergrund: #f5f7fa;
  --flaeche: #e6ebf0;
  --text: #090c11;
  --auf-primaer: #ffffff;
  --auf-akzent: #111827;
  --auf-seitenleiste: #ffffff;
}
:root[data-darstellung="dunkel"] {
  --hintergrund: #0b1622;
  --flaeche: #12202f;
  --text: #e2e7ee;
  --seitenleiste: #081321;
  --auf-seitenleiste: #ffffff;
  --auf-akzent-flaeche: #111827;
}
@media (prefers-color-scheme: dark) {
:root[data-darstellung="auto"] {
  --hintergrund: #0b1622;
  --flaeche: #12202f;
  --text: #e2e7ee;
  --seitenleiste: #081321;
  --auf-seitenleiste: #ffffff;
  --auf-akzent-flaeche: #111827;
}
}