/* Impressum und Datenschutz — eigenständig, ohne stil.css der Seite: Diese beiden Seiten müssen
   auch dann lesbar sein, wenn die Seite selbst umgebaut wird. Die Werte sind die Tokens aus
   docs/DESIGN.md §5 (Grautreppe, Tinte, Bernstein), hell und dunkel nach dem System, Systemschrift,
   drei Größen, zwei Gewichte. Eine eigene Datei statt <style>: Die Content-Security-Policy erlaubt
   keinen Inline-Stil. (Aussehen nach dem Neubau: Vorschlag von triebwerk, V-0220, übernommen in V-0223.) */

:root {
  color-scheme: light dark;
  --grau-2: #f7f8fb; --grau-5: #d7d9dc; --grau-9: #545557; --grau-10: #1d1e20;
  --hinweis: #c17a00; --hinweis-text: #7b4c00; --hinweis-flaeche: #fef0d4;
}
@media (prefers-color-scheme: dark) {
  :root {
    /* Dieselben Werte wie stil.css (V-0236): Wer dort eine Stufe ändert, ändert sie hier mit. */
    --grau-2: #111213; --grau-5: #2f3032; --grau-9: #bfc1c3; --grau-10: #e6e8ea;
    --hinweis: #e9b452; --hinweis-text: #e9ca89; --hinweis-flaeche: #31240e;
  }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: var(--grau-2); color: var(--grau-10); }
body {
  margin: 0;
  font: 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.recht { max-width: 66ch; margin: 0 auto; padding: 24px 16px 48px; }
.recht nav { font-size: 14px; line-height: 20px; margin-bottom: 24px; }
.recht h1 { font-size: 16px; line-height: 24px; font-weight: 600; margin: 0 0 4px; }
.recht h2 { font-size: 16px; line-height: 24px; font-weight: 600; margin: 32px 0 4px; }
.recht b, .recht strong { font-weight: 600; }
.recht p, .recht ul { margin: 8px 0; }
.recht ul { padding-left: 20px; }
.recht li { margin: 4px 0; }
.recht address { font-style: normal; }
.recht .stand { color: var(--grau-9); font-size: 14px; line-height: 20px; margin-bottom: 16px; }
.recht .hinweis { background: var(--hinweis-flaeche); color: var(--hinweis-text); border-radius: 8px; padding: 12px 16px; margin: 16px 0; }
.recht footer { margin-top: 40px; padding-top: 12px; border-top: 1px solid var(--grau-5); color: var(--grau-9); font-size: 14px; line-height: 20px; }

.recht a { color: inherit; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.recht a:focus-visible { outline: 2px solid var(--grau-10); outline-offset: 2px; border-radius: 2px; }

/* Eine Lücke, die Silas noch füllen muss. Absichtlich laut: Sie darf nicht unbemerkt online
   bleiben. betrieb/lauf.py meldet jede Datei mit data-luecke bei jedem Lauf. */
.luecke { background: var(--hinweis-flaeche); color: var(--hinweis-text); border: 1px dashed var(--hinweis); border-radius: 4px; padding: 1px 6px; }