/* myrocketpage.de — Consent-Einstieg (Haus-Standard, 24.09.2026): mittig, Seite dahinter unscharf. Farben aus tokens.css. */
html.consent-offen body > :not([data-consent]):not(script){filter:blur(9px);pointer-events:none;user-select:none}
html.consent-offen body > [data-steigflug]{filter: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,15,.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,18px);background:rgba(17,17,24,.96);border:1px solid rgba(124,140,248,.28);box-shadow:0 2.4rem 6rem rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.04);color:var(--tx-body,rgba(200,208,228,.9));font-size:.95rem;line-height:1.55;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.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:#f1f4f9;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:#f1f4f9;font-weight:600}
.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(--indigo,#7c8cf8);transition:transform .2s}
.consent__punkt p{margin:0;padding:.6rem .85rem .75rem;font-size:.9rem;color:var(--tx-body,rgba(200,208,228,.85))}
.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(--indigo,#7c8cf8);flex:none;cursor:pointer}
.consent__haken input:disabled{opacity:.7;cursor:default}
.consent__hinweis-titel{padding-left:1.8rem;font-weight:600}
.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:12px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#f1f4f9;font:inherit;font-weight:600;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .2s,background .2s}
.consent__knopf:hover{border-color:var(--indigo,#7c8cf8)}
.consent__knopf:active{transform:scale(.97)}
.consent__knopf:focus-visible{outline:2px solid var(--indigo,#7c8cf8);outline-offset:2px}
.consent__knopf--haupt{background:linear-gradient(135deg,var(--indigo,#7c8cf8),var(--blue,#5ba3fb));color:#0a0a0f;border-color:transparent}
.consent__knopf--leise{border-color:transparent;color:var(--tx-body,rgba(200,208,228,.85))}
.consent__links{margin:0;font-size:.85rem;color:var(--tx-mut,rgba(150,160,180,.9))}
.consent__links a{color:var(--indigo,#7c8cf8)}
@media (max-width:479px){.consent__box{padding:1.2rem 1rem 1rem}.consent__titel{font-size:1.2rem}.consent__logo{width:130px}}
@media (prefers-reduced-motion:reduce){.consent__knopf,.consent__pfeil{transition:none}}
/* Handy: kompakter, damit das ganze Fenster ohne Scrollen in 375×667 passt (Sichtung 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}
}
