/* ────────────────────────────────────────────────────────────
   Consent-Banner (DSGVO, striktes Opt-in). Nutzt die Dark-Theme-
   Variablen aus styles.css. „Ablehnen" ist gleichwertig zu
   „Akzeptieren" (gleiche Größe, 44px-Touch-Target) — nur die Farbe
   unterscheidet, damit Ablehnen so leicht ist wie Akzeptieren.
   ──────────────────────────────────────────────────────────── */
#consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;
  max-width:520px;margin-inline:auto;background:var(--card);color:var(--text);
  border:1px solid var(--border);border-radius:var(--r-card);
  box-shadow:0 12px 40px rgba(0,0,0,.5);}
#consent-banner[hidden]{display:none;}
.consent-inner{padding:20px;}
.consent-title{margin:0 0 6px;font-size:16px;font-weight:700;}
.consent-desc{margin:0 0 16px;font-size:14px;color:var(--text2);line-height:1.5;}
.consent-desc a{color:var(--green);text-decoration:underline;}
.consent-actions{display:flex;gap:12px;flex-wrap:wrap;}
.consent-btn{flex:1 1 140px;min-height:44px;padding:10px 16px;border-radius:var(--r-btn);
  font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;
  border:1px solid var(--border);transition:transform .15s ease,background .15s ease;}
.consent-btn:active{transform:translateY(1px);}
.consent-btn--secondary{background:transparent;color:var(--text);}
.consent-btn--primary{background:var(--green);color:#0a130b;border-color:var(--green);}

/* ── Floating „Cookie-Einstellungen"-Button (unten links, dauerhaft) ──
   Eingeklappt ein runder Icon-Button; klappt bei Hover/Fokus zu einer Pille
   mit Label auf. Öffnet über data-cookie-settings dasselbe Banner wie der
   Footer-Link. Bei offenem Banner ausgeblendet (kein Overlap). */
#cookie-fab{position:fixed;left:16px;bottom:16px;z-index:9998;
  display:inline-flex;align-items:center;height:48px;max-width:48px;overflow:hidden;
  border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);
  cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4);padding:0;white-space:nowrap;
  font-family:inherit;font-weight:600;font-size:14px;
  transition:max-width .3s ease,transform .15s ease,box-shadow .15s ease;}
#cookie-fab .cookie-fab-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;color:var(--green);}
#cookie-fab .cookie-fab-label{padding-right:20px;}
#cookie-fab:hover,#cookie-fab:focus-visible,#cookie-fab:focus-within{max-width:280px;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.5);}
#cookie-fab:focus-visible{outline:2px solid var(--green);outline-offset:2px;}
#consent-banner:not([hidden]) ~ #cookie-fab{display:none;}
@media (prefers-reduced-motion:reduce){#cookie-fab{transition:box-shadow .15s ease;}}