/* VFRplan – Einwilligungsbanner für die Statistik (statistik.js). Gemeinsam für Werbeseite und Planung; nutzt deren
   Tokens (--surface, --ink, --text, --rule-strong, --brand, --f-body) mit Rückfallwerten. Nicht modal, unten, kompakt;
   beide Knöpfe gleich gestaltet (keine Hervorhebung einer Wahl). */
.statistik-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2000;
  padding: 0 12px calc(12px + env(safe-area-inset-bottom, 0px));
  pointer-events: none;
}
.statistik-banner[hidden] { display: none; }
.statistik-banner__inner {
  pointer-events: auto;
  max-width: 880px; margin: 0 auto; box-sizing: border-box;
  display: flex; align-items: center; gap: 12px 20px; flex-wrap: wrap;
  padding: 12px 16px; border: 1px solid var(--rule-strong, #d4d4d8); border-radius: 14px;
  background: var(--surface, #fff); color: var(--text, #3f3f46);
  box-shadow: 0 12px 32px -12px rgba(0, 0, 0, .35);
  font: 400 14px/1.45 var(--f-body, system-ui, sans-serif);
}
.statistik-banner__text { flex: 1 1 380px; margin: 0; }
.statistik-banner__text b { color: var(--ink, #0a0a0a); font-weight: 600; }
.statistik-banner__text a { color: var(--brand-fg, var(--brand, #0b5fa5)); text-decoration: underline; text-underline-offset: 3px; }
.statistik-banner__knoepfe { flex: 0 0 auto; display: flex; gap: 8px; }
.statistik-banner__knopf {
  min-height: 44px; min-width: 44px; padding: 10px 18px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--ink, #0a0a0a); background: var(--surface, #fff); color: var(--ink, #0a0a0a);
  font: 600 14px/1.2 var(--f-body, system-ui, sans-serif);
}
.statistik-banner__knopf:hover { background: var(--ink, #0a0a0a); color: var(--surface, #fff); }
.statistik-banner__knopf:focus-visible, .statistik-banner a:focus-visible, [data-statistik-einstellungen]:focus-visible {
  outline: 3px solid var(--brand-fg, var(--brand, #0b5fa5)); outline-offset: 3px;
}
:root[data-theme="dark"] .statistik-banner__inner { box-shadow: 0 12px 32px -12px rgba(0, 0, 0, .8); }

/* Schmale Bildschirme (390 px): Text oben, beide Knöpfe gleich breit darunter */
@media (max-width: 560px) {
  .statistik-banner { padding: 0 8px calc(8px + env(safe-area-inset-bottom, 0px)); }
  .statistik-banner__inner { padding: 12px; font-size: 13px; }
  .statistik-banner__text { flex-basis: 100%; }
  .statistik-banner__knoepfe { flex: 1 1 100%; }
  .statistik-banner__knopf { flex: 1 1 0; padding: 10px 8px; }
}

/* Link „Cookie-/Statistik-Einstellungen“ im Fuß: als Textlink, wie die übrigen Fußlinks */
[data-statistik-einstellungen] {
  display: inline; padding: 0; margin: 0; border: 0; background: none; cursor: pointer;
  color: inherit; font: inherit; text-align: left; text-decoration: none;
}
[data-statistik-einstellungen]:hover { text-decoration: underline; }
[data-statistik-einstellungen][hidden] { display: none; }
@media (pointer: coarse) { [data-statistik-einstellungen] { min-height: 44px; } }

@media print { .statistik-banner { display: none !important; } }