/* pxmedia.de — Consent-Einstieg (Haus-Standard, 24.09.2026; Port der Referenz myrocketpage.de): mittig, Seite dahinter unscharf.
   Farben aus tokens.css (Orange-Akzent, dunkles Glas, Radius der Bildmarke). */
html.consent-offen body > :not([data-consent]):not(script):not([data-sternenstaub]){filter:blur(9px);pointer-events:none;user-select:none}
html.consent-offen{overflow:hidden}
.consent{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:rgba(10,10,10,.55);overflow:auto}
.consent__box{width:min(100%,34rem);max-height:100%;overflow:auto;padding:1.6rem 1.5rem 1.3rem;border-radius:var(--radius,14px);background:rgba(21,21,21,.96);border:1px solid rgba(242,149,14,.32);box-shadow:0 2.4rem 6rem rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.04);color:var(--c-text-2);font-size:.95rem;line-height:1.5}
.consent__logo{display:block;width:150px;height:auto;margin:0 0 1.1rem}
.consent__titel{margin:0 0 .5rem;font-size:1.35rem;line-height:1.2;color:var(--c-weiss);letter-spacing:-.01em}
.consent__intro{margin:0 0 1rem}
.consent__punkte{display:flex;flex-direction:column;gap:.35rem;margin:0 0 1.1rem}
.consent__punkt{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.03)}
.consent__punkt summary{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:44px;padding:.35rem .8rem;cursor:pointer;list-style:none;color:var(--c-weiss);font-weight:700}
.consent__punkt summary::-webkit-details-marker{display:none}
.consent__punkt[open] summary{border-bottom:1px solid rgba(255,255,255,.08)}
.consent__punkt[open] .consent__pfeil{transform:rotate(180deg)}
.consent__pfeil{flex:none;color:var(--c-orange);transition:transform .2s}
.consent__punkt p{margin:0;padding:.6rem .85rem .75rem;font-size:.9rem;color:var(--c-text-2)}
.consent__haken{display:flex;align-items:center;gap:.6rem;min-height:44px;flex:1;cursor:pointer}
.consent__haken input{width:1.2rem;height:1.2rem;accent-color:var(--c-orange);flex:none;cursor:pointer}
.consent__haken input:disabled{opacity:.7;cursor:default}
.consent__hinweis-titel{padding-left:1.8rem;font-weight:700}
.consent__knoepfe{display:grid;gap:.5rem;grid-template-columns:1fr;margin:0 0 .9rem}
@media (min-width:480px){.consent__knoepfe{grid-template-columns:1fr 1fr}.consent__knoepfe .consent__knopf--haupt{grid-column:1 / -1}}
.consent__knopf{min-height:48px;padding:.6rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--c-weiss);font:inherit;font-weight:700;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .2s,background .2s}
.consent__knopf:hover{border-color:var(--c-orange)}
.consent__knopf:active{transform:scale(.97)}
.consent__knopf:focus-visible{outline:2px solid var(--c-orange);outline-offset:2px}
.consent__knopf--haupt{background:var(--c-orange);color:#151515;border-color:transparent}
.consent__knopf--haupt:hover{background:#ffa733}
.consent__knopf--leise{border-color:transparent;color:var(--c-text-2)}
.consent__links{margin:0;font-size:.85rem;color:var(--c-text-2)}
.consent__links a{color:var(--c-orange)}
@media (prefers-reduced-motion:reduce){.consent__knopf,.consent__pfeil{transition:none}}
/* Handy: kompakter, damit das ganze Fenster ohne Scrollen in 375×667 passt (Sichtung MRP 24.09.) */
@media (max-width:479px), (max-height:700px){
  .consent{padding:12px}
  .consent__box{padding:1rem .9rem .8rem;font-size:.9rem;line-height:1.45}
  .consent__logo{width:118px;margin-bottom:.7rem}
  .consent__titel{font-size:1.15rem;margin-bottom:.35rem}
  .consent__intro{margin-bottom:.7rem}
  .consent__punkte{gap:.25rem;margin-bottom:.75rem}
  .consent__punkt summary{min-height:44px;padding:.15rem .7rem}
  .consent__punkt p{font-size:.85rem;padding:.45rem .7rem .6rem}
  .consent__knoepfe{gap:.4rem;margin-bottom:.6rem}
  .consent__knopf{min-height:44px;padding:.45rem .9rem}
  .consent__links{font-size:.8rem}
}
/* Fuß-Knopf „Datenschutz-Einstellungen“ sieht aus wie die Fuß-Links */
.fuss__einstellungen{background:none;border:0;padding:0;font:inherit;color:var(--c-text-2);cursor:pointer;line-height:2;transition:color .25s}
.fuss__einstellungen:hover{color:var(--c-weiss)}