/* ============================================================
   impressum.css — nur fuer impressum.html
   ------------------------------------------------------------
   BEWUSST EINE EIGENE DATEI, KEIN INLINE-<style>.
   Diese Regeln standen bis September 2026 als inline <style> im Kopf der
   impressum.html — und wurden live nie angewandt: die .htaccess setzt
   "style-src 'self'" ohne 'unsafe-inline', der Browser verwarf den ganzen
   Block ("Applying inline style violates ... 'style-src 'self''").
   Sichtbare Folge war genau das, wovor der Kommentar zu .legal warnt: main
   blieb auf display:contents, die Lesespalte fiel weg und die Zeilen liefen
   ueber die volle Fensterbreite. Externe Datei = 'self' = wird ausgeliefert.
   Cache-Marke wie die uebrigen Stylesheets.
   ============================================================ */

/* display:block ist Pflicht: site.css setzt main{display:contents}, damit auf
   der Startseite das sticky EU-Band am Body verankert bleibt. Ohne diese Zeile
   erzeugt <main class="legal"> keine Box und max-width/margin/padding fallen
   ersatzlos weg — die Lesespalte verschwindet, Zeilen laufen über die volle Breite. */
.legal { display: block; max-width: var(--container-narrow); margin: 0 auto; padding: clamp(48px, 7vw, 88px) var(--gutter); }
.legal h1 { font-family: var(--font-poster); text-transform: uppercase; font-size: clamp(40px, 7vw, 64px);
  line-height: .95; color: var(--ink-900); margin: 0 0 32px; }
.legal h2 { font: var(--fw-black) 20px/1.2 var(--font-sans); color: var(--ink-900);
  margin: 40px 0 12px; padding-top: 18px; border-top: 2px solid var(--ink-900); }
.legal h3 { font: var(--fw-bold) 15px/1.3 var(--font-sans); color: var(--ink-900); margin: 24px 0 6px; }
.legal p, .legal address, .legal li { font: var(--text-body); color: var(--ink-800); font-style: normal; margin: 0 0 10px; }
.legal ul { margin: 0 0 10px; padding-left: 20px; }
.legal li { margin: 0 0 4px; }
.legal a { color: var(--red-600); }
/* Kein Akzentstreifen links (abgegriffenes Kartenmuster) — die roten
   Grossbuchstaben davor markieren den Hinweis deutlich genug. */
/* Derzeit von keiner Seite verwendet. Steht hier unveraendert weiter, weil
   dieser Umzug ein reiner Bugfix ist und nichts nebenbei aufraeumen soll. */
.flag { background: var(--red-50); border: 1px solid var(--red-100); border-radius: var(--radius-0);
  padding: 14px 18px; margin: 0 0 28px; font: var(--text-caption); color: var(--ink-700); }
.back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 28px;
  font: var(--fw-bold) 13px/1 var(--font-sans); text-transform: uppercase; letter-spacing: .06em; color: var(--red-600); }
.legal .stand { font: var(--text-caption); color: var(--ink-600); margin-top: 36px; }