/* ============================================================
   Layout für die eigenständigen Rechtstexte-Seiten (impressum.html,
   datenschutz.html) — bewusst eigene, schlanke Datei statt weiterer Regeln
   in index.css: diese Seiten laufen ohne den ganzen App-Rahmen (kein
   #header/#board/…), nur Schrift/Farben aus index.css (:root-Variablen,
   Google-Fonts-Link) werden mitgenutzt, siehe <link> in den HTML-Dateien.
   ============================================================ */
body.legal-page{
  min-height:100vh;
  display:flex;flex-direction:column;align-items:center;
  padding:48px 20px 80px;
  background:radial-gradient(circle at 1px 1px, var(--grid) 1px, transparent 0) 0 0/26px 26px,
             radial-gradient(ellipse 900px 620px at 50% 20%, var(--depth-2), var(--depth) 72%);
}

.legal-doc{width:100%;max-width:680px;line-height:1.6;font-size:14.5px}

.legal-back{display:inline-block;margin-bottom:22px;font-size:12.5px;color:var(--text-muted)}
.legal-back:hover{color:var(--paper)}

.legal-doc h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:28px;
  letter-spacing:-.03em;margin:0 0 6px;color:var(--paper)}
.legal-doc .legal-updated{font-size:12px;color:var(--text-muted);margin:0 0 28px}

.legal-doc h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:18px;
  color:var(--paper);margin:34px 0 10px}
.legal-doc h2:first-of-type{margin-top:0}

.legal-doc p{margin:0 0 14px;color:var(--text-light)}
.legal-doc ul{margin:0 0 14px;padding-left:20px;color:var(--text-light)}
.legal-doc li{margin:0 0 6px}
.legal-doc a{color:#8FC0F0;text-decoration:underline;text-decoration-color:rgba(143,192,240,.5)}
.legal-doc a:hover{text-decoration-color:#8FC0F0}
.legal-doc strong{color:var(--paper)}

.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:13px}
.legal-doc th,.legal-doc td{text-align:left;padding:7px 10px;border:1px solid var(--edge);vertical-align:top}
.legal-doc th{color:var(--paper);background:rgba(255,255,255,.03)}

.legal-todo{background:rgba(207,90,84,.12);border:1px solid rgba(207,90,84,.45);border-radius:4px;
  padding:2px 6px;color:var(--rust);font-weight:600;font-size:.95em}

.legal-notice{margin:0 0 28px;padding:12px 14px;border:1px solid rgba(235,194,74,.45);
  border-radius:4px;background:rgba(235,194,74,.1);color:var(--paper);font-size:13px;line-height:1.5}

.legal-doc button{font-size:13px;padding:9px 16px;border-radius:3px;border:1px solid var(--edge);
  background:transparent;color:var(--text-light);cursor:pointer}
.legal-doc button:hover{background:rgba(255,255,255,.05);color:var(--paper)}
.legal-doc button[disabled]{opacity:.4;cursor:default}