/* Bits mit Biss: Einwilligungshinweis. Datei nach public/banner.css, in allen <head>-Bereichen einbinden:
 *   <link rel="stylesheet" href="/banner.css?v=20261028">
 * (Bei jeder späteren CSS-Änderung den ?v=-Wert erhöhen, sonst bleibt der Edge-Cache alt.)
 * Nutzt nur vorhandene Variablen aus styles.css (--navy, --navy-2, --teal, --coral, --sans). Beide Knöpfe sind gleich gestaltet. */
.consent{position:fixed;left:1rem;right:1rem;bottom:1rem;max-width:42rem;margin:0 auto;z-index:50;
  background:var(--navy);color:#f3f6f3;border:1px solid var(--teal);border-radius:10px;
  box-shadow:0 12px 40px rgba(0,0,0,.35);padding:1.1rem 1.25rem;font-family:var(--sans);font-size:.95rem;line-height:1.55}
.consent[hidden]{display:none}
.consent .consent-title{font-size:1.1rem;font-weight:760;letter-spacing:-.02em;margin:0 0 .4rem;color:#fff}
.consent p{margin:0 0 .9rem;color:#d3dde0}
.consent .consent-links{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0 0 .9rem}
.consent .consent-links a{color:var(--teal);text-decoration:underline;text-underline-offset:.18em;padding:.15rem 0}
.consent-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.consent-btn{flex:1 1 10rem;font:inherit;font-weight:760;cursor:pointer;padding:.75rem 1.25rem;border-radius:8px;
  background:var(--teal);color:var(--navy);border:2px solid var(--teal);line-height:1.3;min-height:2.75rem}
.consent-btn:hover{filter:brightness(1.08)}
.consent-btn:focus-visible,.consent-open:focus-visible,.consent .consent-links a:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:4px}
/* Footer-Knopf "Analyse-Einstellungen": sieht aus wie die Links daneben */
.consent-open{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;
  text-decoration:underline;text-underline-offset:.18em}
.consent-open:hover{color:var(--teal)}
/* Handy: kompakter Hinweis. Zustimmen und Ablehnen bleiben gleich groß, nebeneinander, gut tippbar (>= 44 px). */
@media(max-width:640px){
  .consent{left:.5rem;right:.5rem;bottom:.5rem;padding:.55rem .65rem;font-size:.75rem;line-height:1.35;
    max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto;overscroll-behavior:contain}
  .consent .consent-title{font-size:.85rem;margin:0 0 .2rem}
  .consent p{margin:0 0 .4rem}
  .consent .consent-links{gap:.1rem 1rem;margin:0 0 .55rem}
  .consent-actions{flex-wrap:nowrap;gap:.5rem}
  .consent-btn{flex:1 1 0;padding:.45rem .5rem;font-size:.9rem;min-height:2.75rem}
}
@media(prefers-reduced-motion:reduce){.consent-btn{transition:none}}
@media print{.consent{display:none}}