/* Check Umzug – Einwilligungsbanner (Schritt G-a). Markenfarben #2774A1 / #322D2D.
   Unten verankert, sperrt die Seite nicht; drei gleich große, gleich gestaltete Knöpfe. */
.cu-ew{position:fixed;left:0;right:0;bottom:0;z-index:1100;display:flex;flex-direction:column;max-height:85vh;max-height:85dvh;box-sizing:border-box;background:#fff;color:#322D2D;border-top:3px solid #2774A1;box-shadow:0 -6px 24px rgba(0,0,0,.18);font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5;text-align:left}
.cu-ew[hidden]{display:none}
.cu-ew *,.cu-ew *::before{box-sizing:border-box}
.cu-ew:focus{outline:none}
.cu-ew-innen{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;max-width:1120px;margin:0 auto;padding:16px 20px}
.cu-ew-inhalt{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cu-ew-titel{margin:0 0 6px;font-family:inherit;font-size:17px;line-height:1.3;font-weight:700;color:#322D2D;letter-spacing:0;text-transform:none}
.cu-ew p{margin:0 0 8px;color:#322D2D;font-size:inherit}
.cu-ew a{color:#2774A1;text-decoration:underline}
.cu-ew a:hover{color:#1c5578}
.cu-ew a:focus-visible,.cu-ew button:focus-visible,.cu-ew input:focus-visible{outline:3px solid #322D2D;outline-offset:2px}
.cu-ew-knoepfe{display:flex;flex:none;gap:10px;padding-top:12px}
.cu-ew-knopf{flex:1 1 0;min-width:0;min-height:44px;margin:0;padding:10px 14px;border:2px solid #2774A1;border-radius:8px;background:#2774A1;color:#fff;font:inherit;font-weight:700;line-height:1.25;cursor:pointer}
.cu-ew-knopf:hover{background:#1c5578;border-color:#1c5578}
.cu-ew-knopf[hidden]{display:none}
.cu-ew-wahl{margin-top:8px;padding-top:4px;border-top:1px solid #d5dde5}
.cu-ew-wahl[hidden]{display:none}
.cu-ew-zeile{display:flex;align-items:flex-start;gap:12px;margin:10px 0}
.cu-ew-zeile label{cursor:pointer}
.cu-ew-zeile input{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:44px;height:26px;margin:1px 0 0;border:0;border-radius:13px;background:#767d84;cursor:pointer;transition:background .15s}
.cu-ew-zeile input::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.cu-ew-zeile input:checked{background:#2774A1}
.cu-ew-zeile input:checked::before{left:21px}
.cu-ew-klein{font-size:13px}
@media (max-width:600px){
  .cu-ew{font-size:14px;line-height:1.45}
  .cu-ew-innen{padding:12px 16px}
  .cu-ew-titel{font-size:16px}
  /* Handy: „Alle akzeptieren“ und „Alle ablehnen“ nebeneinander, gleich groß; Einstellungen darunter */
  .cu-ew-knoepfe{flex-wrap:wrap;gap:8px;padding-top:10px}
  .cu-ew-knopf{flex:1 1 40%;padding:9px 8px}
  .cu-ew-knopf[data-a="wahl"],.cu-ew-knopf[data-a="speichern"]{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){.cu-ew-zeile input,.cu-ew-zeile input::before{transition:none}}
@media print{.cu-ew,.cu-ew-fest{display:none!important}}
/* solange das Banner offen ist: Seitenende und WhatsApp-Knopf frei halten */
html.cu-ew-offen body{padding-bottom:var(--cu-ew-h,0px)}
html.cu-ew-offen .wa-fab{bottom:min(calc(var(--cu-ew-h,0px) + 16px),calc(100vh - 160px))!important}
/* Handy: hohes Banner würde den WhatsApp-Knopf über die Kopfzeile schieben – solange es offen ist, ausblenden */
@media (max-width:600px){html.cu-ew-offen .wa-fab{visibility:hidden}}
/* „Cookie-Einstellungen“ in der Fusszeile (Aussehen wie der Link daneben) */
.cu-ew-fuss{display:inline;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.cu-ew-fuss:hover{text-decoration:underline!important}
.cu-ew-fuss:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* Startseite: die Fusszeilen-Links dort haben zu wenig Kontrast (2,9:1) – Knopf hell (11:1, WCAG AA) */
.foot-bottom .legal .cu-ew-fuss{color:#cdd9ec!important}
.cu-ew-fusszeile{padding:8px 16px;text-align:center}
.cu-ew-fest{position:fixed;left:12px;bottom:12px;z-index:1090;padding:6px 10px;border:1px solid #767d84;border-radius:6px;background:#fff;color:#322D2D;font-size:13px}