/* Einwilligungsbanner. Ablehnen ist genauso leicht erreichbar wie Zustimmen —
   das verlangt die Datenschutzkonferenz, und alles andere ist ohnehin unredlich. */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--navy-900);
  color:var(--pale);border-top:3px solid var(--mint);transform:translateY(100%);
  transition:transform .32s cubic-bezier(.22,.61,.36,1)}
.consent.on{transform:none}
.consent-in{max-width:var(--max);margin:0 auto;padding:18px var(--gut);
  display:flex;align-items:center;gap:clamp(16px,3vw,40px);flex-wrap:wrap}
.consent p{margin:0;font-size:14.5px;line-height:1.55;max-width:70ch;flex:1 1 320px}
.consent b{color:#fff}
.consent a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
.consent-act{display:flex;gap:10px;flex:0 0 auto}
.consent-act button{appearance:none;border:0;cursor:pointer;font:inherit;font-size:14.5px;
  font-weight:700;padding:11px 20px;border-radius:3px;white-space:nowrap}
.consent-act button[data-ok="0"]{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #52648A}
.consent-act button[data-ok="0"]:hover{box-shadow:inset 0 0 0 1.5px #fff}
.consent-act button[data-ok="1"]{background:var(--mint);color:var(--navy-900)}
.consent-act button[data-ok="1"]:hover{background:var(--mint-300)}
@media(max-width:620px){.consent-act{width:100%}.consent-act button{flex:1}}
@media(max-width:380px){.consent-act{flex-wrap:wrap}.consent-act button{flex:1 1 100%}}