/* erbright Cookie-Hinweis – reine UI, es gibt keine optionalen Dienste, die freigeschaltet werden.
   Tokens kommen aus index.html bzw. pages.css. Beide Buttons bewusst gleich gewichtet (keine Dark Patterns). */
.consent{position:fixed;left:24px;bottom:24px;z-index:200;width:min(440px,calc(100% - 32px));background:#fff;color:var(--color-ink);border-radius:var(--radius-card-lg);padding:24px;box-shadow:0 20px 50px -12px rgba(30,25,40,.32),0 1px 3px rgba(30,25,40,.08);font:400 15px/23px var(--font-sans);letter-spacing:-.011em}
.consent[hidden]{display:none}
.consent__title{font:400 22px/30px var(--font-display);margin-bottom:8px}
.consent__text{color:var(--color-text-muted)}
.consent__text a{color:var(--color-ink)}
.consent__options{margin-top:16px;border-top:1px solid var(--color-border-subtle)}
.consent__options[hidden]{display:none}
.consent__option{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}
.consent__option strong{display:block;font-weight:600;font-size:15px}
.consent__option small{display:block;font-size:13px;line-height:19px;color:var(--color-text-muted)}
.consent__switch{position:relative;flex:none;width:40px;height:24px;margin-top:2px}
.consent__switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.consent__switch input:disabled{cursor:not-allowed}
.consent__switch span{position:absolute;inset:0;border-radius:var(--radius-pill);background:rgba(30,25,40,.16);transition:background-color .2s ease;pointer-events:none}
.consent__switch span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(30,25,40,.2);transition:transform .2s var(--motion-ease-standard)}
.consent__switch input:checked + span{background:var(--color-ink)}
.consent__switch input:checked + span::after{transform:translateX(16px)}
.consent__switch input:disabled + span{opacity:.5}
.consent__switch input:focus-visible + span{outline:2px solid var(--color-ink);outline-offset:2px}
.consent__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.consent__btn{border:0;cursor:pointer;border-radius:var(--radius-pill);padding:12px 16px;font:400 15px/22px var(--font-sans);letter-spacing:-.084px;background:var(--color-ink);color:#fff;transition:transform .28s var(--motion-ease-standard)}
.consent__btn:hover{transform:scale(1.02)}
.consent__btn:focus-visible,.consent__link:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}
.consent__link{display:block;margin:12px auto 0;background:none;border:0;cursor:pointer;font:400 14px/20px var(--font-sans);color:var(--color-text-muted);text-decoration:underline}
.consent__link:hover{color:var(--color-ink)}
@media (max-width:640px){
  .consent{left:16px;bottom:16px;padding:20px}
}
@media (prefers-reduced-motion:reduce){
  .consent__btn,.consent__switch span,.consent__switch span::after{transition:none}
  .consent__btn:hover{transform:none}
}