/* Cookie-Banner fuer die Seiten im neuen Design (25.09.2026).
   Die alten Seiten holen dieselben Regeln aus style.css. Farben mit
   Rueckfall, weil das neue Design andere Variablennamen hat. */
.ks-banner{
  position:fixed;z-index:200;left:16px;right:16px;bottom:16px;
  max-width:460px;margin-left:auto;
  background:#fff;color:var(--dunkel,var(--aub,#36293D));
  border:1px solid rgba(54,41,61,.10);border-top:3px solid var(--pink,#DD2368);
  border-radius:18px;box-shadow:0 18px 50px rgba(54,41,61,.20);
  padding:22px 22px 16px;font-size:.95rem;line-height:1.55;
  font-family:var(--sans,system-ui,sans-serif);
  max-height:calc(100vh - 32px);overflow:auto;
}
.ks-titel{font-family:var(--serif,Georgia,serif);font-size:1.5rem;line-height:1.1;margin:0 0 .35em}
.ks-text{margin:0 0 14px;color:var(--grau,#6B5F70)}
.ks-text a{color:var(--pink,#DD2368)}
.ks-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ks-knopf{
  cursor:pointer;border:0;border-radius:999px;padding:13px 12px;
  background:var(--pink,#DD2368);color:#fff;
  font-family:inherit;font-size:.92rem;font-weight:600;letter-spacing:.02em;
}
.ks-knopf:hover{filter:brightness(1.07)}
.ks-mehr{
  display:block;margin:12px auto 0;background:none;border:0;cursor:pointer;
  font-family:inherit;font-size:.84rem;color:var(--grau,#6B5F70);text-decoration:underline;
}
.ks-auswahl{margin:0 0 14px;display:grid;gap:10px}
.ks-auswahl[hidden]{display:none}
.ks-gruppe{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--grau,#6B5F70);cursor:pointer}
.ks-gruppe strong{color:var(--dunkel,var(--aub,#36293D))}
.ks-gruppe input{margin-top:4px;accent-color:var(--pink,#DD2368);width:16px;height:16px;flex:none}
.ks-gruppe--fest{cursor:default}