/* =========================================================================
   RGN Consent — Soft Cookie Wall · MERK Metalltechnik
   Eigenständiges Modul (läuft auch auf Impressum, Datenschutz, 404),
   deshalb Rückfallwerte statt Abhängigkeit von main.css.
   ========================================================================= */
.kekse{
  position:fixed;inset:0;z-index:150;display:none;place-items:center;padding:16px;
  background:rgba(17,21,24,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.kekse.is-auf{display:grid}
.kekse__c{outline:none;
  width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow-y:auto;
  background:#fff;color:#1B2024;border-radius:26px;border:1px solid #E1E5E8;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.45);padding:28px 26px 22px;text-align:center;
  font:400 16px/1.6 'IBM Plex Sans',system-ui,-apple-system,sans-serif;
}
.kekse__c img{height:44px;width:auto;margin:0 auto 6px;display:block}
.kekse__name{display:block;font:500 15px/1.3 'Schibsted Grotesk','IBM Plex Sans',sans-serif;color:#1B2024;margin:0 0 16px;letter-spacing:-.01em}
.kekse__c h2{font:500 21px/1.25 'Schibsted Grotesk','IBM Plex Sans',sans-serif;letter-spacing:-.016em;margin:0 0 .55rem;color:#1B2024}
.kekse__c > p{margin:0 0 1.2rem;font-size:13.5px;line-height:1.62;color:#4A5258}

/* Hauptknöpfe: eine Zeile, exakt gleiche Breite */
.kekse__btn{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.5rem}
.kekse__k{
  display:inline-flex;align-items:center;justify-content:center;min-height:50px;
  padding:.75rem 1rem;border-radius:10px;border:1.5px solid transparent;
  font:500 15px/1.15 'IBM Plex Sans',system-ui,sans-serif;white-space:nowrap;cursor:pointer;
  transition:background-color .18s,border-color .18s,color .18s;
}
.kekse__k--ja{background:#C8161B;color:#fff}
.kekse__k--ja:hover{background:#AE1217}
.kekse__k--nein{background:#fff;color:#1B2024;border-color:#CED5DA}
.kekse__k--nein:hover{border-color:#1B2024}
.kekse__k--mehr{width:100%;min-height:44px;background:none;border:0;padding:.5rem;font-size:13.5px;font-weight:500;color:#4A5258;text-decoration:underline}
.kekse__k--mehr:hover{color:#1B2024}

.kekse__ein{display:none;text-align:left;margin:0 0 1rem;border:1px solid #E1E5E8;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 #EDF0F2}
.kekse__z:last-of-type{border-bottom:0}
.kekse__z b{display:block;font-size:13.5px;font-weight:600;color:#1B2024}
.kekse__z em{display:block;font-style:normal;font-size:12.5px;color:#5E666C;line-height:1.45}
.kekse__z i{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;color:#5E666C;white-space:nowrap}
.kekse__sw{margin-left:auto;position:relative;width:42px;height:24px;flex:none}
.kekse__sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.kekse__sw span{position:absolute;inset:0;border-radius:999px;background:#D2D8DC;transition:background .3s}
.kekse__sw span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.22,.72,.3,1)}
.kekse__sw input:checked + span{background:#C8161B}
.kekse__sw input:checked + span::after{transform:translateX(18px)}
.kekse__spei{margin:.85rem 1rem 1rem;width:calc(100% - 2rem)}

.kekse__links{display:flex;justify-content:center;gap:1.1rem;flex-wrap:wrap;margin-top:.7rem;font-size:12.5px}
.kekse__links a{color:#5E666C;text-decoration:none}
.kekse__links a:hover{color:#C8161B;text-decoration:underline}

body.kekse-offen{overflow:hidden}

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