/* Schwebende Bedienelemente (Darstellung links, Cookie-Einstellungen rechts) und Darstellungsvarianten */
body{padding-bottom:calc(var(--hit-min) + var(--s-5) + env(safe-area-inset-bottom,0px))}
.schweb-leiste{position:fixed;left:var(--s-3);right:var(--s-3);bottom:calc(var(--s-3) + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:var(--s-3);pointer-events:none;z-index:40}
.schweb{pointer-events:auto;min-height:var(--hit-min);padding:0 var(--s-4);font:var(--fw-medium) var(--fs-sm)/1 var(--font-text);color:var(--c-text);background:var(--c-surface);border:var(--b-regel) solid var(--c-line-strong);border-radius:var(--r-rund);cursor:pointer}
.schweb:hover{border-color:var(--c-text)}
.darstellung-panel{position:fixed;left:var(--s-3);bottom:calc(var(--hit-min) + var(--s-3) + var(--s-2) + env(safe-area-inset-bottom,0px));width:min(calc(100vw - 2 * var(--s-3)),24rem);max-height:calc(100vh - 8rem);overflow:auto;padding:var(--s-4);background:var(--c-surface);color:var(--c-text);border:var(--b-regel) solid var(--c-line-strong);border-radius:var(--r-3);box-shadow:var(--shadow-float);z-index:41}
.darstellung-panel[hidden]{display:none}
.darstellung-titel{font:var(--fw-head) var(--fs-lg)/1.2 var(--font-head);margin:0 0 var(--s-3)}
.darstellung-gruppe{margin-bottom:var(--s-3)}
.darstellung-label{margin:0 0 var(--s-1);font-weight:var(--fw-strong);font-size:var(--fs-sm)}
.darstellung-optionen{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.darstellung-unten{display:flex;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-4);align-items:center}
@media print{.schweb-leiste,.darstellung-panel{display:none}}

/* Schriftgroesse (alle Groessen sind rem) */
:root[data-schrift="gross"]{font-size:112.5%}
:root[data-schrift="sehr-gross"]{font-size:125%}
/* Bewegung */
:root[data-bewegung="reduziert"] *,:root[data-bewegung="reduziert"] *::before,:root[data-bewegung="reduziert"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Hoher Kontrast: reines Schwarz/Weiss, kraeftige Linien, unterstrichene Links; Marken-Violett nur dunkel genug (>= 7:1) */
:root[data-kontrast="hoch"][data-theme="light"]{
  --c-bg:#fff; --c-surface:#fff; --c-surface-2:#F0F0F0; --c-surface-3:#E0E0E0;
  --c-text:#000; --c-text-muted:#1A1A1A; --c-line:#595959; --c-line-strong:#000;
  --c-link:#2A12A8; --c-accent:#2A12A8; --c-accent-hover:#1B0B7A; --c-on-accent:#fff; --c-focus:#000;
  --c-vorschlag-line:#8A2E00; --c-vorschlag-text:#8A2E00; --c-entschieden-line:#2A12A8; --c-entschieden-text:#2A12A8;
  --c-band:#fff; --c-band-text:#000; --c-signal-flaeche:#F0F0F0; --c-signal-text:#000;
}
:root[data-kontrast="hoch"][data-theme="dark"]{
  --c-bg:#000; --c-surface:#000; --c-surface-2:#1A1A1A; --c-surface-3:#2E2E2E;
  --c-text:#fff; --c-text-muted:#E6E6E6; --c-line:#A6A6A6; --c-line-strong:#fff;
  --c-link:#C9C1FF; --c-accent:#C9C1FF; --c-accent-hover:#fff; --c-on-accent:#000; --c-focus:#fff;
  --c-vorschlag-line:#FFB38A; --c-vorschlag-text:#FFB38A; --c-entschieden-line:#C9C1FF; --c-entschieden-text:#C9C1FF;
  --c-band:#000; --c-band-text:#fff; --c-signal-flaeche:#1A1A1A; --c-signal-text:#fff;
}
:root[data-kontrast="hoch"] a{text-decoration:underline;text-decoration-thickness:2px}
:root[data-kontrast="hoch"] .knopf,:root[data-kontrast="hoch"] .schweb,:root[data-kontrast="hoch"] .chip{border-width:3px}
:root[data-kontrast="hoch"] :focus-visible{outline-width:4px}
/* Bei vergroesserter Schrift frueher auf das Handy-Menue wechseln (Medienabfragen in rem folgen der eigenen Schriftgroesse nicht) */
:root[data-schrift] .nav{display:none!important}
:root[data-schrift] .mobil{display:block!important}
.kreis a,:root[data-kontrast="hoch"] .kreis a{text-decoration:none}

/* Schwebende Leiste: nie umbrechen, auf kleinen Bildschirmen kurze Beschriftung */
.schweb{white-space:nowrap}
.schweb .kurz{display:none}
@media (max-width:480px){
  .schweb{padding:0 var(--s-3)}
  .schweb .lang{display:none}
  .schweb .kurz{display:inline}
}