/* Nur die Einwilligungskomponente; bestehende Website-Tokens und Schrift bleiben. */
#statistik-auswahl {
  --statistik-radius: 0;
  --statistik-bg: var(--ef-surface, #fff);
  --statistik-text: var(--ef-text, #1a1a1a);
  --statistik-rand: var(--ef-border-strong, #8a8a8a);
  --statistik-fokus: var(--ef-accent, #7d5d00);
  --statistik-hover: var(--ef-surface-hover, #fafafa);
  --statistik-fs-titel: var(--ef-fs-m);
  --statistik-fs-text: var(--ef-fs-s);
  --statistik-fs-klein: var(--ef-fs-xs);
  --statistik-lh: var(--ef-lh-snug);
  --statistik-abstand-s: var(--ef-space-xs);
  --statistik-abstand-m: var(--ef-space-s);
  --statistik-abstand-l: var(--ef-space-m);
  --statistik-breite: 37.6rem;
  --statistik-prim-bg: var(--ef-gold, #e3b11a);
  --statistik-prim-text: #141414;
  --statistik-prim-hover: var(--ef-gold-hover, #f0c94e);
  box-sizing: border-box;
  position: fixed;
  inset: auto var(--statistik-abstand-l) var(--statistik-abstand-l) auto;
  z-index: 2147483000;
  width: min(var(--statistik-breite), calc(100% - 2 * var(--statistik-abstand-l)));
  max-height: calc(100dvh - 2 * var(--statistik-abstand-l));
  margin: 0;
  padding: var(--statistik-abstand-l);
  overflow: auto;
  border: 1px solid var(--statistik-rand);
  border-radius: var(--statistik-radius);
  background: var(--statistik-bg);
  color: var(--statistik-text);
  font: 400 var(--statistik-fs-text)/var(--statistik-lh) Inter, system-ui, sans-serif;
  hyphens: none;
}
#statistik-auswahl:not([open]) { display: none; }
#statistik-auswahl[data-website="bgw"] { --statistik-prim-bg: var(--color-primary, #005096); --statistik-prim-text: var(--color-on-primary, #fff); --statistik-prim-hover: var(--color-primary-hover, #003f83); --statistik-fs-titel: var(--text-m); --statistik-fs-text: var(--text-s); --statistik-fs-klein: var(--text-xs); --statistik-lh: 1.5; --statistik-abstand-s: var(--space-xs); --statistik-abstand-m: var(--space-s); --statistik-abstand-l: var(--space-m); --statistik-radius: 14px; --statistik-bg: var(--color-card, #fff); --statistik-text: var(--color-text, #1a1a1a); --statistik-rand: var(--color-field-border, #8a8a8a); --statistik-fokus: var(--color-primary, #005096); --statistik-hover: var(--color-surface, #fafafa); }
#statistik-auswahl[data-website="eaf"] { --statistik-prim-bg: var(--brand-primary, #118568); --statistik-prim-text: var(--brand-on-primary, #fff); --statistik-prim-hover: var(--brand-primary-hover, #007357); --statistik-fs-titel: 16px; --statistik-fs-text: 14px; --statistik-fs-klein: 13px; --statistik-lh: 1.5; --statistik-abstand-s: 8px; --statistik-abstand-m: 12px; --statistik-abstand-l: 16px; --statistik-breite: 376px; --statistik-radius: 10px; --statistik-bg: var(--site-card-bg, #fff); --statistik-text: var(--site-text, #1a1a1a); --statistik-rand: var(--site-field-border, #8a8a8a); --statistik-fokus: var(--site-focus-ring, #006e55); --statistik-hover: var(--site-card-hover-bg, #fafafa); }
#statistik-auswahl h2 { margin: 0 calc(44px + var(--statistik-abstand-s)) var(--statistik-abstand-s) 0; color: inherit; font-size: var(--statistik-fs-titel); font-weight: 600; line-height: 1.3; outline: 0; }
#statistik-auswahl p { margin: 0 0 var(--statistik-abstand-m); font-size: var(--statistik-fs-text); hyphens: none; color: inherit; }
#statistik-auswahl a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
#statistik-auswahl .statistik-aktionen { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--statistik-abstand-s); margin: 0 0 var(--statistik-abstand-m); }
#statistik-auswahl button {
  min-height: 44px;
  padding: var(--statistik-abstand-s) var(--statistik-abstand-m); font-size: var(--statistik-fs-text);
  border: 1px solid var(--statistik-rand);
  border-radius: 0;
  font: inherit;
  font-weight: 600;
  line-height: 1.3;
  color: var(--statistik-text);
  background: var(--statistik-bg);
  cursor: pointer;
}
#statistik-auswahl[data-website="bgw"] button { border-radius: 50px; }
#statistik-auswahl[data-website="eaf"] button { border-radius: 6px; }
#statistik-auswahl button:hover { border-color: var(--statistik-fokus); }
#statistik-auswahl .statistik-prim { border-color: var(--statistik-prim-bg); background: var(--statistik-prim-bg); color: var(--statistik-prim-text); }
#statistik-auswahl .statistik-prim:hover { border-color: var(--statistik-prim-hover); background: var(--statistik-prim-hover); }
#statistik-auswahl h2:focus, #statistik-auswahl h2:focus-visible { outline: 0; }
#statistik-auswahl :focus-visible { outline: 2px solid var(--statistik-fokus); outline-offset: 2px; }
#statistik-auswahl .statistik-zu {
  position: absolute;
  inset: var(--statistik-abstand-2xs, 0.3rem) var(--statistik-abstand-2xs, 0.3rem) auto auto;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
#statistik-auswahl[data-website="bgw"] .statistik-zu,
#statistik-auswahl[data-website="eaf"] .statistik-zu { border-radius: 6px; }
#statistik-auswahl .statistik-zu:hover { background: var(--statistik-hover); }
#statistik-auswahl .statistik-links { display: flex; flex-wrap: wrap; gap: var(--statistik-abstand-s) var(--statistik-abstand-l); margin: 0; font-size: var(--statistik-fs-klein); }
#statistik-auswahl [data-statistik-status] { margin: var(--statistik-abstand-s) 0 0; font-size: var(--statistik-fs-klein); }
#statistik-auswahl [data-statistik-status]:empty { display: none; }
@media (max-width: 30em) {
  #statistik-auswahl { inset: auto 0 0 0; width: 100%; border-width: 1px 0 0; border-radius: 0 !important; padding: var(--statistik-abstand-m) var(--statistik-abstand-l); }
}

html[data-theme="dark"] #statistik-auswahl {
  --statistik-bg: #272727;
  --statistik-text: #e8e6e1;
  --statistik-rand: #77746d;
  --statistik-hover: #2d2d2d;
}
html[data-theme="dark"] #statistik-auswahl[data-website="eaf"] { --statistik-fokus: #6cd5b3; }