/* =========================================================================
   RGN Consent — Soft Cookie Wall (eigenständiges Modul) · FÖN-X
   Läuft auf allen Seiten, auch auf Impressum, Datenschutz und 404.
   Deshalb eigene Klassen und Rückfallwerte statt der Marken-Token.
   ========================================================================= */
.kekse{
  position:fixed;inset:0;z-index:150;display:none;place-items:center;padding:16px;
  background:rgba(9,8,8,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.kekse.is-auf{display:grid}
.kekse__c{
  width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow-y:auto;
  background:#fff;color:#121111;border-radius:20px;
  box-shadow:0 24px 64px rgba(0,0,0,.35);padding:26px 24px 22px;text-align:center;
  font:400 16px/1.6 'Inter',system-ui,-apple-system,sans-serif;
}
.kekse__logo{ display:block;margin:0 auto 1rem;font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:1.5rem;line-height:1;color:#121111; }
.kekse__c img{height:44px;width:auto;margin:0 auto 1rem;display:block}
.kekse__c h2{
  font-family:'Archivo',system-ui,sans-serif;font-weight:600;letter-spacing:-.025em;
  font-size:1.45rem;line-height:1.2;margin:0 0 .6rem;color:#121111;
}
.kekse__c > p{margin:0 0 1.25rem;font-size:.8125rem;line-height:1.65;color:#5F5A55}

/* Die beiden Hauptknöpfe: eine Zeile, exakt gleiche Breite */
.kekse__btn{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.6rem}
.kekse__k{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:.8rem 1rem;border-radius:10px;border:1.5px solid transparent;
  font:600 clamp(.82rem,.62rem + .55vw,.9375rem)/1.15 'Inter',system-ui,sans-serif;
  white-space:nowrap;cursor:pointer;
  transition:background .18s,border-color .18s,color .18s;
}
.kekse__k--ja{background:#C8281A;color:#fff}
.kekse__k--ja:hover{background:#A91F12}
.kekse__k--nein{background:#fff;color:#121111;border-color:#DEDAD5}
.kekse__k--nein:hover{border-color:#121111}
.kekse__k:focus-visible{outline:2px solid #121111;outline-offset:2px}
/* Einstellungen steht darunter und leiser */
.kekse__k--mehr{
  width:100%;min-height:44px;background:none;border:0;padding:.5rem;
  font-size:.8125rem;font-weight:500;color:#5F5A55;text-decoration:underline;
}
.kekse__k--mehr:hover{color:#121111}

.kekse__ein{ display:none;text-align:left;margin:0 0 1rem;border:1px solid #E6E1DC;border-radius:14px;overflow:hidden; }
.kekse__ein.is-auf{display:block}
.kekse__z{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-bottom:1px solid #EFEBE7}
.kekse__z:last-of-type{border-bottom:0}
.kekse__z b{display:block;font-size:.8125rem;font-weight:600;color:#121111}
.kekse__z em{display:block;font-style:normal;font-size:.75rem;color:#5F5A55;line-height:1.45}
.kekse__z i{margin-left:auto;font-style:normal;font-size:.6875rem;font-weight:600;color:#5F5A55;white-space:nowrap}
.kekse__sw{margin-left:auto;position:relative;width:40px;height:23px;flex:none}
/* Tippfläche 48×45 px, der Schalter bleibt optisch 40×23 */
.kekse__sw input{position:absolute;inset:-11px -4px;opacity:0;width:auto;height:auto;margin:0;cursor:pointer;z-index:1}
.kekse__sw span{position:absolute;inset:0;border-radius:999px;background:#DDD8D3;transition:background .3s}
.kekse__sw span::after{ content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.22,.72,.3,1); }
.kekse__sw input:checked + span{background:#C8281A}
.kekse__sw input:checked + span::after{transform:translateX(17px)}
.kekse__sw input:focus-visible + span{outline:2px solid #121111;outline-offset:2px}
.kekse__spei{margin:.85rem 1rem 1rem;width:calc(100% - 2rem)}

.kekse__links{ display:flex;justify-content:center;gap:0 1.1rem;flex-wrap:wrap;margin-top:.5rem;font-size:.75rem; }
.kekse__links a{display:inline-flex;align-items:center;min-height:44px;color:#5F5A55;text-decoration:none}
.kekse__links a:hover{color:#C8281A;text-decoration:underline}

body.kekse-offen{overflow:hidden}

@media (max-width:420px){
  .kekse__btn{grid-template-columns:1fr}
  .kekse__c{padding:22px 18px 18px}
}
@media (prefers-reduced-motion:reduce){
  .kekse__sw span,.kekse__sw span::after,.kekse__k{transition:none}
}
.kekse__links a{transition:color .18s}
