/* Einwilligungsbanner (ADR-742). Web-Stil: EB Garamond, Raisonne nur in der Überschrift, gelber Streifen oben, ruhig. Beide Hauptknöpfe GLEICH (Ablehnen = Akzeptieren). */
/* Rückfallwerte: Das Banner steht auch auf Seiten ohne Journal-Stil. Jeder Wert ist der Wert aus static/marke/farben.json (gaeste.*), nichts Eigenes. */
.wh-ce{
  /* farben-ok: Rückfall = farben.json gaeste.papier, das Banner steht auch auf Seiten ohne Journal-Stil */
  --wh-papier:var(--papier,#ffffff);
  /* farben-ok: Rückfall = farben.json gaeste.tinte */
  --wh-tinte:var(--tinte,#141414);
  /* farben-ok: Rückfall = farben.json gaeste.gelb */
  --wh-gelb:var(--gelb,#F7D34C);
  /* farben-ok: Rückfall = farben.json gaeste.linie */
  --wh-linie:var(--linie,#E7E3DA);
  /* farben-ok: Rückfall = farben.json gaeste.mut */
  --wh-mut:var(--mut,#57585C);
  /* farben-ok: Rückfall = farben.json gaeste.blass */
  --wh-blass:var(--blass,#FDF3CF);
}
.wh-ce{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;box-sizing:border-box;max-height:92vh;overflow:auto;
  background:var(--wh-papier);color:var(--wh-tinte);border-top:4px solid var(--wh-gelb);
  padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));font-family:var(--serif,'EB Garamond',Georgia,serif);font-size:17px;line-height:1.45;
  box-shadow:0 -8px 24px rgba(20,20,20,.12)}
.wh-ce:focus{outline:none}
.wh-ce>*{max-width:720px;margin-left:auto;margin-right:auto}
.wh-ce-titel{margin:0 0 8px;font-family:var(--raisonne,'Raisonne','Montserrat',system-ui,sans-serif);font-weight:600;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.wh-ce-text{margin:0 0 14px}
.wh-ce-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.wh-ce-wahl{margin:0 auto 14px;display:grid;gap:10px}
.wh-ce-wahl[hidden],.wh-ce-spar[hidden]{display:none}
.wh-ce-zeile{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:8px 0;border-top:1px solid var(--wh-linie);cursor:pointer}
.wh-ce-zeile input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--wh-tinte)}
.wh-ce-zeilentext{display:grid;gap:2px}
.wh-ce-zeilentext strong{font-weight:600}
.wh-ce-zeilentext span{color:var(--wh-mut);font-size:15px}
.wh-ce-knoepfe{display:grid;grid-template-columns:1fr;gap:10px}
.wh-ce-knopf{min-height:48px;padding:10px 18px;border:2px solid var(--wh-tinte);border-radius:0;background:transparent;color:var(--wh-tinte);
  font-family:var(--sans,'Montserrat',system-ui,sans-serif);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.wh-ce-knopf:hover{background:var(--wh-blass)}
.wh-ce-knopf:focus-visible,.wh-ce-mehr:focus-visible,.wh-ce-link:focus-visible,.wh-ce-fuss:focus-visible,.wh-ce-zeile input:focus-visible{outline:3px solid var(--wh-tinte);outline-offset:3px}
.wh-ce-mehr{min-height:44px;padding:8px 4px;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;
  font-family:inherit;font-size:16px;cursor:pointer;justify-self:start}
.wh-ce-fuss{color:inherit;text-decoration:underline;text-underline-offset:3px}
.wh-ce-fuss-frei{display:inline-block;padding:14px 16px;font-family:var(--serif,'EB Garamond',Georgia,serif);font-size:15px}
.wh-ce-offen .wh-ce-fuss-frei{visibility:hidden}
@media (min-width:640px){.wh-ce{padding-left:24px;padding-right:24px}.wh-ce-knoepfe{grid-template-columns:1fr 1fr auto;align-items:center}.wh-ce-spar{grid-column:1/-1}}
@media (prefers-reduced-motion:no-preference){.wh-ce{animation:wh-ce-ein .2s ease-out}@keyframes wh-ce-ein{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}}
