/* Einwilligungs-Banner – projectdias „Leitstand“ (Claude, 2026-10-05). Gestaltung passend zur Seite; Text und Logik unverändert in consent.js.
   „Ablehnen“ und „Statistik erlauben“ sind bewusst gleich gestaltet. */
.cc{--cc-accent:#F5A524;--cc-bg:#11161D;--cc-ink:#E6EDF3;--cc-muted:#AAB4C0;--cc-line:#2D3746;--cc-line-2:#222A35;--cc-btn:#1A212B;--cc-btn-hover:#222A35;
  position:fixed;z-index:2147483000;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));width:min(27rem,calc(100vw - 2rem));
  font-family:inherit;font-size:.95rem;line-height:1.5;color:var(--cc-ink);pointer-events:none}
.cc[hidden]{display:none}
.cc-card{pointer-events:auto;position:relative;overflow:hidden;background:var(--cc-bg);border:1px solid var(--cc-line);border-radius:14px;
  padding:3.55rem 1.25rem 1.1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 60px -30px rgba(0,0,0,.85);
  opacity:0;transform:translateY(40px);transition:opacity .5s ease,transform .62s cubic-bezier(.2,.8,.2,1)}
.cc-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2.6rem;border-bottom:1px solid var(--cc-line-2)}
.cc-card::after{content:"";position:absolute;top:1.15rem;right:1.2rem;width:8px;height:8px;border-radius:50%;background:var(--cc-accent);box-shadow:0 0 8px var(--cc-accent)}
.cc.cc-in .cc-card{opacity:1;transform:none}
.cc.cc-out .cc-card{opacity:0;transform:translateY(30px);transition:opacity .28s ease-in,transform .28s ease-in}
.cc-badge{display:none}
.cc-title{font-family:inherit;font-weight:600;font-size:1.02rem;line-height:1.35;letter-spacing:-.01em;margin:0 0 .45rem;color:var(--cc-ink)}
.cc-text{margin:0 0 1rem;color:var(--cc-muted);font-size:.92rem;line-height:1.55}
.cc-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.cc-btn{appearance:none;min-height:48px;border-radius:8px;border:1px solid var(--cc-line);background:var(--cc-btn);color:var(--cc-ink);
  padding:.6rem .8rem;font-family:inherit;font-weight:600;font-size:.95rem;line-height:1.2;cursor:pointer;transition:background .2s,border-color .2s}
.cc-btn:hover{background:var(--cc-btn-hover);border-color:#8B96A3}
.cc-btn:focus-visible{outline:2px solid var(--cc-accent);outline-offset:3px}
.cc-btn-reject,.cc-btn-accept{background:var(--cc-btn);color:var(--cc-ink)}
.cc-more{display:inline-flex;align-items:center;min-height:44px;margin-top:.25rem;font-size:.88rem;color:var(--cc-accent);text-decoration:underline;text-underline-offset:.18em}
.cc-more:hover{color:#FFC861}
.cc-more:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}
/* Breite Bildschirme: rechts unten, damit die Einstiegs-Schaltflächen links frei bleiben */
@media (min-width:1000px){.cc{left:auto;right:max(1rem,env(safe-area-inset-right))}}
/* Telefone: kompakte Karte, ohne Kopfleiste */
@media (max-width:599px){
  .cc{left:max(.5rem,env(safe-area-inset-left));bottom:max(.5rem,env(safe-area-inset-bottom));width:calc(100vw - 1rem);font-size:.9rem}
  .cc-card{padding:.85rem 1rem .6rem}
  .cc-card::before,.cc-card::after{display:none}
  .cc-title{font-size:.95rem;margin-bottom:.3rem}
  .cc-text{font-size:.82rem;line-height:1.45;margin-bottom:.7rem}
  .cc-btn{min-height:44px;font-size:.9rem}
  .cc-more{font-size:.82rem;margin-top:0}
}
html:has(.cc:not([hidden])){scroll-padding-bottom:var(--cc-h,0px)}
@media (max-width:599px){html:has(.cc:not([hidden])){--cc-h:18.5rem}}
@media (prefers-reduced-motion:reduce){.cc-card{transition:opacity .2s ease!important;transform:none!important}}
@media print{.cc{display:none!important}}
