/* Lawstylez: Einwilligungsfenster (consent.css der Labelwelten), Sprachwahl und Fassung ohne Skript.
   Lädt nach consent.css; die Farbwerte kommen aus dem Bündel (:root, HSL-Bestandteile wie 200 100% 60%).
   Website-Abschlussablauf Punkte 7 und 18 (Owner 12.10.2026: zwei kleine Flaggen ohne Fläche und Text). */
.st-consent, .st-consent-link {
  --text: hsl(var(--foreground));
  --text-muted: hsl(var(--muted-foreground));
  --surface: hsl(var(--card));
  --surface-raised: hsl(215 30% 10%);
  --surface-hover: hsl(215 30% 14%);
  --accent: hsl(var(--primary));
  --line: hsl(var(--border));
  --radius-lg: 16px;
  --radius-sm: 10px;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-display: "Orbitron", system-ui, sans-serif;
}
.st-consent { z-index: 1000; }
.st-consent[hidden] { display: none; }
.st-consent h2 { font-size: 22px; letter-spacing: .04em; text-transform: uppercase; }
/* Ohne freiwillige Kategorie stehen nur zwei Knöpfe da; sie teilen sich die Breite. */
.st-consent__actions { display: flex; }
.st-consent__actions button { flex: 1 1 0; }
.st-consent__actions button[hidden] { display: none; }
.st-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Sprachwahl in der Kopfleiste und im Einwilligungsfenster: Flagge 20 × 14 px in 30 px Bedienfläche. */
.st-lang { display: inline-flex; align-items: center; gap: 2px; }
.st-lang__item {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  opacity: .55;
  transition: opacity .2s ease;
}
.st-lang__item img { display: block; width: 20px; height: 14px; border-radius: 2px; box-shadow: 0 0 0 1px rgb(255 255 255 / .25); }
.st-lang__item:hover, .st-lang__item:focus-visible, .st-lang__item[aria-current] { opacity: 1; }
.st-lang__item[aria-current] img { box-shadow: 0 0 0 1px hsl(var(--background)), 0 0 0 2px hsl(var(--primary)); }
.st-lang__item:focus-visible { outline: 2px solid hsl(var(--primary)); outline-offset: 1px; }

/* Fassung ohne Skript (noscript): die wichtigsten Angaben lesbar auf dunklem Grund. */
.ohne-skript { max-width: 46rem; margin: 0 auto; padding: 6rem 1.5rem 3rem; color: #f0f3f6; background: #07070a; font: 400 1rem/1.6 "Inter", system-ui, sans-serif; }
.ohne-skript h1 { margin: 0 0 1rem; font: 700 1.6rem/1.25 "Orbitron", system-ui, sans-serif; }
.ohne-skript p { margin: 0 0 .9rem; }
.ohne-skript a { color: #33bbff; }