/* ═══════════════════════════════════════════════════════════════════════════
   IMPRESSUM & DATENSCHUTZ
   Servergerendertes Dokument aus routes/rechtliches.js (GET /impressum, /datenschutz).

   Diese Regeln standen bis zur Vollprüfung August 2026 als <style>-Block im
   HTML. Die CSP-Härtung vom Juli 2026 setzt style-src-elem 'self' – damit
   verwirft der Browser jeden Inline-<style>-Block, und die Seite kam völlig
   ungestylt an (Times New Roman, keine Breitenbegrenzung). Als eigene Datei
   unter public/css/ ist sie wieder "self" und wird angewandt.
═══════════════════════════════════════════════════════════════════════════ */

/* Abstands-Skala. Wiederholt aus public/css/themes.css, weil dieses Dokument
   eigenständig ausgeliefert wird und die App-Stylesheets NICHT lädt – ohne die
   Definition hier liefen alle var(--sp-N) ins Leere. Dieselben Werte, damit
   Bildschirm-App und gedrucktes Dokument dieselbe Rasterung haben
   (test/spacing-skala.test.js wacht darüber). */
:root {
  --sp-2: 2px;  --sp-4: 4px;  --sp-6: 6px;  --sp-8: 8px;  --sp-10: 10px;
  --sp-12: 12px; --sp-14: 14px; --sp-16: 16px; --sp-18: 18px; --sp-20: 20px; --sp-22: 22px;
}

  :root { color-scheme: light dark; }
  body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
         background: #14110e; color: #f4ecdf; line-height: 1.6; }
  main { max-width: 720px; margin: 0 auto; padding: 32px var(--sp-20) 60px; }
  h1 { font-size: 26px; margin: var(--sp-18) 0 var(--sp-6); }
  h2 { font-size: 18px; margin: 26px 0 var(--sp-6); color: #e8b475; }
  p  { margin: var(--sp-10) 0; font-size: 15px; }
  a  { color: #d98b3b; }
  .fusszeile { margin-top: 40px; padding-top: var(--sp-14); border-top: 1px solid #3a322a;
               font-size: 14px; color: #b7a990; }
  @media (prefers-color-scheme: light) {
    body { background: #faf6ef; color: #2a2118; }
    .fusszeile { border-top-color: #e2d9cb; }
  }

/* Lange Wörter brechen, statt aus der Seite zu laufen. Die App-Karten machen
   das seit jeher (.card in components.css); diese eigenständigen Dokumente
   laden deren Stylesheets nicht und hatten die Regel deshalb nicht — auf
   320 px stand die Überschrift „Datenschutzerklärung" 26 px über dem
   Bildschirmrand und die ganze Seite ließ sich seitlich wegschieben
   (Befund D7, Darstellungsprüfung 09/2026). hyphens: auto setzt dabei einen
   sauberen Trennstrich, weil die Seiten lang="de" tragen. */
body {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}