/* =========================================================================
   Cookie-Wand (Soft Wall) — eigenstaendiges Modul.
   Faellt bewusst nicht auf die Marken-Variablen der Seite zurueck, damit es
   auch auf den Rechtsseiten mit schlankem Stylesheet richtig aussieht.
   ========================================================================= */
.kekse{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:1.2rem;
  background:rgba(6,8,20,.62);backdrop-filter:blur(4px);
  font-family:var(--font,Figtree,-apple-system,'Segoe UI',sans-serif)}
.kekse.zeig{display:grid}
.kekse__karte{width:min(100%,470px);background:var(--white,#fff);
  border-radius:var(--r-lg,26px);padding:2rem 1.7rem 1.5rem;text-align:center;
  max-height:92svh;overflow-y:auto;box-shadow:0 24px 64px rgba(6,8,20,.28)}
.kekse__logo{height:26px;width:auto;margin:0 auto 1.3rem;display:block}
.kekse h2{margin:0 0 .7rem;font-size:1.18rem;font-weight:800;letter-spacing:-.028em;
  line-height:1.2;color:var(--ink,#0B0D1F)}
.kekse p{margin:0;font-size:.875rem;line-height:1.6;color:var(--muted,#585E77)}

.kekse__panel{margin-top:1.2rem;text-align:left;border:1px solid var(--line,#DEE1EF);
  border-radius:var(--r,20px);padding:.9rem 1rem}
.kekse__panel[hidden]{display:none}
.kekse__zeile{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.62rem 0;border-bottom:1px solid var(--line-2,#EBEDF6)}
.kekse__zeile:last-of-type{border-bottom:0}
.kekse__zeile b{display:block;font-size:.8125rem;font-weight:600;color:var(--ink,#0B0D1F)}
.kekse__zeile span{display:block;font-size:.6875rem;color:var(--muted,#585E77)}
.kekse__fest{font-size:.75rem;font-weight:600;color:var(--ok,#1E7A52);white-space:nowrap}

.schalter{display:flex;align-items:center;gap:.5rem;cursor:pointer}
.schalter input{position:absolute;opacity:0;width:0;height:0}
.schalter__bahn{width:38px;height:21px;border-radius:11px;background:var(--line,#DEE1EF);
  position:relative;transition:background .22s ease}
.schalter__punkt{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;
  background:#fff;transition:transform .26s cubic-bezier(.22,.61,.36,1)}
.schalter input:checked + .schalter__bahn{background:var(--accent,#2020ED)}
.schalter input:checked + .schalter__bahn .schalter__punkt{transform:translateX(17px)}
.schalter__text{font-size:.75rem;font-weight:600;color:var(--muted,#585E77);min-width:1.6rem}
.schalter input:focus-visible + .schalter__bahn{outline:2px solid var(--accent,#2020ED);outline-offset:2px}

/* Gleichrangigkeit: „Alle akzeptieren" und „Ablehnen" stehen in derselben
   Zeile und sind exakt gleich breit. Kein vorausgewaehlter Schalter. */
.kekse__knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1.35rem}
.kekse__knopf{padding:.88rem 1rem;border-radius:var(--r-btn,10px);
  border:1px solid var(--line,#DEE1EF);background:#fff;color:var(--ink,#0B0D1F);
  font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;
  transition:background .18s ease,border-color .18s ease}
.kekse__knopf--ja{background:var(--accent,#2020ED);border-color:var(--accent,#2020ED);color:#fff}
.kekse__knopf--ja:hover{background:var(--accent-d,#1010C1);border-color:var(--accent-d,#1010C1)}
.kekse__knopf--nein:hover{border-color:var(--ink,#0B0D1F)}
.kekse__knopf--mehr{grid-column:1 / -1;border-color:transparent;
  color:var(--muted,#585E77);font-weight:500;font-size:.8125rem}
.kekse__knopf--mehr:hover{background:rgba(11,13,31,.04)}
.kekse__panel .kekse__knopf{width:100%;margin-top:.9rem}

.kekse__links{margin-top:1rem;font-size:.75rem;color:var(--muted-2,#878DA5)}
.kekse__links a{color:var(--muted,#585E77);text-underline-offset:2px}
body.kekse-offen{overflow:hidden}

@media (max-width:420px){
  .kekse__knoepfe{grid-template-columns:1fr}
  .kekse__karte{padding:1.6rem 1.25rem 1.25rem}
}