/* ============================================================
   COOKIE-/EINWILLIGUNGSBANNER
   Karte auf Papier, unten links, kein Abdunkeln der Seite —
   die Bewegung bleibt bei 2/10: einblenden, sonst nichts.

   Zwei Fassungen, gesteuert über js/consent.js:
   · Hinweis      — eine Schaltfläche, weil es nichts zu wählen gibt
   · Einwilligung — Ablehnen und Zustimmen gleich groß, gleich
                    prominent, gleiche Klickfläche (Pflicht: eine
                    Ablehnung darf nicht schwerer sein als eine
                    Zustimmung)
   Lädt nach style-hell.css + miller-hell.css.
   ============================================================ */

.ck{position:fixed;z-index:120;left:clamp(12px,3vw,28px);bottom:clamp(12px,3vw,28px);
  width:min(460px,calc(100vw - 24px));
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 18px 44px rgba(2,82,166,.16),0 2px 8px rgba(2,82,166,.08);
  padding:22px 24px 20px;
  opacity:0;transform:translateY(14px);
  transition:opacity .4s var(--ease),transform .4s var(--ease)}
.ck.in{opacity:1;transform:none}
.ck[hidden]{display:none}
@media(prefers-reduced-motion:reduce){
  .ck{transition:none;opacity:1;transform:none}
}

.ck-title{font-family:"Urbanist",system-ui,sans-serif;font-size:12.5px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--blue-logo);display:block}
.ck-text{margin-top:10px;font-size:14.5px;line-height:1.65;color:var(--ink-soft)}
.ck-text strong{color:var(--ink);font-weight:600}
.ck-text a{color:var(--blue-logo);text-decoration:underline;text-underline-offset:3px}

.ck-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
/* flex-basis 0, damit beide Knöpfe exakt gleich breit werden — eine
   schmalere Ablehnung wäre eine Benachteiligung der Ablehnung. */
.ck-btn{flex:1 1 0;min-width:132px;font:inherit;font-size:14.5px;font-weight:600;
  cursor:pointer;border-radius:999px;padding:11px 20px;text-align:center;
  border:1px solid var(--blue-logo);background:var(--blue-logo);color:var(--white);
  transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.ck-btn:hover{background:var(--navy-deep);transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(2,82,166,.22)}
.ck-btn:active{transform:scale(.98)}
/* Ablehnen: gleiche Größe, gleicher Rahmen, nur ohne Füllung —
   keine Abwertung durch Grauschleier oder Kleinschrift. */
.ck-btn--ghost{background:transparent;color:var(--blue-logo)}
.ck-btn--ghost:hover{background:var(--surface);box-shadow:none}
.ck-btn:focus-visible{outline:2px solid var(--blue-logo);outline-offset:3px}

.ck-more{margin-top:12px;font-size:13px;color:var(--ink-faint)}
.ck-more a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}

/* Widerrufs-Link im Footer: erscheint nur, wenn es etwas zu widerrufen gibt */
.ck-revoke{background:none;border:0;padding:0;font:inherit;font-size:inherit;
  color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ck-revoke:hover{color:var(--white)}