/* =========================================================================
   RGN Soft Cookie Wall, Fassung RM EntrümpelProfis
   Eigenständig, ohne Abhängigkeit vom Seiten-Stylesheet: Rechtsseiten und die
   404 laden es genauso. Zustimmen und Ablehnen sind gleich breit und gleich
   deutlich, nichts ist vorausgewählt.
   ========================================================================= */
.kekse{
  position:fixed;inset:0;z-index:200;display:none;
  align-items:center;justify-content:center;padding:1.2rem;
  background:rgba(14,16,19,.66);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.kekse.zeig{display:flex;animation:keksRein .28s cubic-bezier(.22,.61,.36,1) both}
@keyframes keksRein{from{opacity:0}to{opacity:1}}
body.kekse-offen{overflow:hidden}

.kekse__karte{
  width:min(500px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow-y:auto;
  background:#fff;border-radius:20px;padding:1.7rem 1.6rem 1.4rem;
  box-shadow:0 24px 64px rgba(0,0,0,.34);text-align:center;
  font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:#14171B;
  animation:keksHoch .34s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes keksHoch{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.kekse__logo{height:44px;width:auto;margin:0 auto 1.1rem;display:block}
.kekse__karte h2{
  font:800 1.7rem/1.05 'Saira Condensed','Arial Narrow',sans-serif;
  letter-spacing:.005em;margin:0 0 .55rem;color:#14171B;
}
.kekse__karte p{font-size:.94rem;line-height:1.55;color:#55595F;margin:0 0 1.2rem}
.kekse__karte a{color:#9A4304;text-decoration:underline;text-underline-offset:2px}

.kekse__panel{
  border:1px solid #E4E1DB;border-radius:10px;
  padding:.2rem .95rem .95rem;margin:0 0 1rem;background:#FAF9F7;text-align:left;
}
.kekse__zeile{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.8rem 0;border-bottom:1px solid #E4E1DB;
}
.kekse__zeile:last-of-type{border-bottom:0}
.kekse__zeile b{display:block;font:700 .93rem/1.3 inherit;color:#14171B}
.kekse__zeile span{display:block;font-size:.83rem;line-height:1.4;color:#55595F;margin-top:.1rem}
.kekse__fest{font-size:.8rem;color:#55595F;white-space:nowrap;flex:none}

.schalter{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex:none}
.schalter input{position:absolute;opacity:0;width:0;height:0}
.schalter__bahn{
  width:42px;height:24px;border-radius:99px;background:#C9C5BC;
  position:relative;transition:background .2s ease;flex:none;
}
.schalter__punkt{
  position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;
  background:#fff;transition:transform .2s cubic-bezier(.22,.61,.36,1);
}
.schalter input:checked + .schalter__bahn{background:#9A4304}
.schalter input:checked + .schalter__bahn .schalter__punkt{transform:translateX(18px)}
.schalter input:focus-visible + .schalter__bahn{outline:2px solid #14171B;outline-offset:2px}
.schalter__text{font-size:.8rem;color:#55595F;width:1.6rem}

/* Zwei gleich breite Spalten: gleiche Breite ist gebaut, nicht geschätzt */
.kekse__knoepfe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem;margin-bottom:.4rem}
.kekse__knopf{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  min-height:50px;padding:.8rem .5rem;border-radius:10px;border:2px solid #14171B;
  font:700 .97rem/1 inherit;cursor:pointer;white-space:nowrap;
  background:#14171B;color:#fff;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .14s ease;
}
.kekse__knopf:active{transform:scale(.98)}
.kekse__knopf:focus-visible{outline:3px solid #E8711A;outline-offset:2px}
.kekse__knopf--ja:hover,.kekse__knopf--nein:hover{background:#2A2F36;border-color:#2A2F36}
.kekse__knopf--mehr{
  width:100%;min-height:44px;background:none;border-color:transparent;color:#55595F;font-weight:600;
  text-decoration:underline;text-underline-offset:3px;
}
.kekse__knopf--mehr:hover{color:#14171B}
.kekse__panel .kekse__knopf{width:100%;margin-top:.8rem}

.kekse__links{margin:.6rem 0 0;font-size:.84rem;color:#55595F}

@media (max-width:420px){
  .kekse__karte{padding:1.4rem 1.15rem 1.15rem}
  .kekse__knopf{font-size:.9rem}
  .kekse__logo{height:38px}
}
@media (prefers-reduced-motion:reduce){
  .kekse.zeig,.kekse__karte{animation:none}
}