/* ASAP Living — Einwilligungsbanner (CI: Salbeigrün #93A69A, Text #1a1a1a). 14.10.2026, kompakt (~60 %), Milchglas ohne Farbrand */
.asap-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483000; display: flex; justify-content: center; padding: 10px; pointer-events: none; }
.asap-consent[hidden] { display: none; }
.asap-consent__karte { pointer-events: auto; max-width: 440px; width: 100%; box-sizing: border-box; background: rgba(255, 255, 255, .94); color: #1a1a1a; border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .55); box-shadow: 0 10px 36px rgba(0, 0, 0, .14), inset 0 0 0 .5px rgba(0, 0, 0, .06);
  padding: 12px 14px 10px; font: 12.5px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; }
/* Milchglas, wo der Browser es kann; sonst bleibt die fast deckende Fläche (Lesbarkeit) */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .asap-consent__karte { background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); }
}
.asap-consent__karte h2 { margin: 0 0 4px; font-size: 14px; font-weight: 600; color: #1a1a1a; }
.asap-consent__karte p { margin: 0 0 6px; color: #333; }
.asap-consent__karte a { color: #5f7a68; text-decoration: underline; }
.asap-consent__details { margin: 2px 0 8px; }
.asap-consent__details summary { cursor: pointer; color: #5f7a68; font-weight: 600; }
.asap-consent__schalter { display: block; margin: 5px 0 0 2px; font-size: 12px; color: #333; }
.asap-consent__schalter input { accent-color: #93A69A; width: 14px; height: 14px; vertical-align: -2px; }
.asap-consent__knoepfe { display: flex; gap: 6px; }
/* Alle drei Knöpfe gleichwertig (VG Hannover 19.03.2025: „Ablehnen“ auf erster Ebene gleichrangig) */
.asap-consent__knopf { flex: 1 1 0; min-height: 34px; border-radius: 8px; border: 2px solid #93A69A; background: #93A69A; color: #fff;
  font: 600 12.5px/1.15 system-ui, -apple-system, "Segoe UI", sans-serif; cursor: pointer; padding: 4px 6px; }
.asap-consent__knopf:hover { background: #7e9486; border-color: #7e9486; }
.asap-consent__knopf:focus-visible { outline: 3px solid #1a1a1a; outline-offset: 2px; }
.asap-consent__fusslink { display: inline-block; margin: 10px 0; font-size: 13px; color: inherit; opacity: .8; text-decoration: underline; cursor: pointer; }
.asap-consent__fusslink--frei { position: fixed; left: 10px; bottom: 6px; z-index: 50; background: rgba(255,255,255,.9); padding: 2px 8px; border-radius: 6px; color: #333; }
@media (max-width: 520px) { .asap-consent { padding: 6px; } .asap-consent__karte { padding: 10px 12px 8px; } }
/* Platzhalter für Google Maps ohne Einwilligung */
.asap-karte-ph { position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box;
  background: #eef1ee; border-radius: inherit; font: 13px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; color: #333; text-align: center; }
.asap-karte-ph--block { position: relative; inset: auto; border-radius: 14px; }
.asap-karte-ph__innen { max-width: 340px; }
.asap-karte-ph__innen p { margin: 0 0 10px; }
.asap-karte-ph__innen a { display: block; margin-top: 8px; color: #5f7a68; font-size: 12px; }
.asap-karte-ph__knopf { flex: none; padding: 0 18px; }