/* Einwilligungs-Banner warnatsystems.com (28.09.2026, NZ5U; hell umgebaut 22:45 nach Jamie:
   „der Look vom Banner passt nicht zur Webseite").
   Alle Werte aus der Seite uebernommen, nicht erfunden:
     Karte    = body.aura .hell .karte (warnat-aura.css Z. 112–114, 139): Weiss .8, Rand Weiss .85,
                blur 16px, Schatten-Token --schatten + Glanzkante, Rundung --radius 14px
     Augenbraue = .eyebrow (Space Grotesk 12px/600, Sperrung .22em) in der Farbe von .light .eyebrow
                #3257c9 — das reine Seitenblau #3B82F6 schafft auf Weiss nur 3,7:1, #3257c9 schafft AA
     Tinte    = #0F172A (body.aura), Nebentext #5A6478 (--text-soft)
     Knoepfe  = .btn (Rundung 10px, Space Grotesk 600) + body.aura .btn-ghost (Z. 129–130) in der
                kleinen Groesse von .ptext .btn-ghost (10px 18px, 13.5px) — alle drei gleich, kein Verlauf.
   Kontrast (auf Weiss gerechnet): Tinte 17,9:1 · Nebentext 6,0:1 · Augenbraue/Link #3257c9 6,1:1 ·
   Hover-Text #7C3AED 5,7:1 — alles ueber AA (4,5:1). Schlimmster Fall ueber der kraeftigsten
   Aura-Wolke (Weiss .8 auf #C4B5FD): Nebentext 5,3:1, Augenbraue/Link 5,6:1, Hover 5,1:1. */
body > #ws-consent.ws-consent, .ws-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9000;display:flex;justify-content:center;pointer-events:none}
body > #ws-consent.ws-consent[hidden], .ws-consent[hidden]{display:none!important}
.ws-consent__box{pointer-events:auto;width:100%;max-width:560px;
  background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.85);border-radius:14px;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:var(--schatten,0 .3px .4px hsl(222 25% 55% / .10),0 1px 1.2px hsl(222 25% 55% / .12),0 2.4px 3px hsl(222 25% 55% / .14),0 5.6px 7px hsl(222 25% 55% / .16),0 12px 15px hsl(222 25% 55% / .18)),inset 0 1px 0 rgba(255,255,255,.9);
  color:#0F172A;padding:18px 18px 16px;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.6}
.ws-consent__titel{margin:0 0 8px;font-family:'DM Sans',monospace;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#3257c9}
.ws-consent__text{margin:0 0 14px;color:#0F172A}
.ws-consent__text a{color:#3257c9;text-decoration:underline;text-underline-offset:2px}
.ws-consent__text a:hover{color:#7C3AED}
.ws-consent__wahl{display:grid;gap:8px;margin:0 0 14px;padding-top:12px;border-top:1px solid rgba(148,163,184,.28)}
.ws-consent__wahl[hidden]{display:none}
.ws-consent__wahl label{display:flex;gap:10px;align-items:flex-start;color:#5A6478;font-size:13.5px;cursor:pointer}
.ws-consent__wahl input{margin-top:3px;accent-color:#3B82F6;width:16px;height:16px}
.ws-consent__knoepfe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ws-consent__btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:10px 12px;border-radius:10px;
  border:1px solid rgba(148,163,184,.45);background:rgba(255,255,255,.55);color:#0F172A;
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:13.5px;line-height:1.2;cursor:pointer;
  transition:transform .15s,background .15s,border-color .15s,color .15s}
.ws-consent__btn:hover{border-color:#8B5CF6;color:#7C3AED}
.ws-consent__btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}
.ws-cookie-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
.ws-cookie-link:hover{text-decoration:underline}
@media (max-width:420px){.ws-consent{left:10px;right:10px;bottom:10px}.ws-consent__btn{font-size:12.5px;padding:10px 6px}}
/* Der zusaetzliche Fusslink „Datenschutz-Einstellungen“ darf die Fusszeile am Handy nicht verbreitern
   (gemessen 28.09.: Startseite 506 px, /ki/ 456 px bei 390 px Fenster) — Umbruch erlauben. */
footer .flinks, footer .foot-in, footer .rechts{flex-wrap:wrap;row-gap:6px}