/* Einwilligungs-Banner - eigene Lösung, ersetzt Cookiebot */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:16px;display:none}
.consent.is-open{display:block}
.consent__card{max-width:760px;margin:0 auto;background:var(--color-white);border:1px solid var(--color-grey-100);border-radius:var(--radius);box-shadow:0 -8px 50px rgba(5,5,5,.14);padding:26px 28px;position:relative}
.consent__title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-black);margin:0 0 10px}
.consent__text{font-family:var(--font-body);font-size:.86rem;line-height:1.6;color:var(--color-grey-500);margin:0 0 10px}
.consent__text:last-of-type{margin-bottom:18px}
.consent__link{color:var(--color-purple);text-decoration:underline;font-weight:600}
.consent__actions{display:flex;gap:12px;flex-wrap:wrap}
/* Beide Buttons bewusst gleich groß und gleich kontraststark - "Ablehnen" darf
   optisch nicht schwächer sein als "Zustimmen" (DSK-Vorgabe). */
.consent__btn{flex:1 1 200px;padding:15px 28px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.9rem;font-weight:600;line-height:1;cursor:pointer;border:none;transition:var(--transition);text-align:center;color:#fff}
.consent__btn--deny{background:var(--color-grey-500)}
.consent__btn--deny:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(61,53,72,.28)}
.consent__btn--allow{background:var(--gradient-brand)}
.consent__btn--allow:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(87,7,143,.3)}
.consent__btn:focus-visible{outline:3px solid var(--color-magenta);outline-offset:3px}
.consent__close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:none;background:transparent;color:var(--color-grey-300);font-size:1.4rem;line-height:1;cursor:pointer;border-radius:50%;transition:var(--transition)}
.consent__close:hover{background:var(--color-off-white);color:var(--color-grey-500)}
.consent__close:focus-visible{outline:3px solid var(--color-magenta);outline-offset:2px}
@media (max-width:640px){
  .consent{padding:10px}
  .consent__card{padding:22px 20px}
  .consent__btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .consent__btn{transition:none}
  .consent__btn:hover{transform:none}
}
