/* Layout für Rechtstexte (Impressum/Datenschutz) — nutzt theme.css-Tokens */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7}
a{color:var(--c-accent-text)}
.legal-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.legal-header .inner{max-width:880px;margin:0 auto;padding:0 24px;height:72px;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-header .brand{display:flex;align-items:center;gap:12px;font-weight:800}
.legal-header .brand img{height:42px;width:auto}
[data-theme="dark"] .legal-header .brand img{filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,255,255,.3))}
.legal-header small{display:block;font-size:11px;font-weight:600;color:var(--c-accent-text);text-transform:uppercase;letter-spacing:1px}
.back{font-size:14px;font-weight:600;color:var(--text-muted)}
.back:hover{color:var(--c-accent-text)}
main{max-width:880px;margin:0 auto;padding:56px 24px 100px}
h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:8px}
.sub{color:var(--text-muted);margin-bottom:40px}
h2{font-size:1.3rem;margin:38px 0 12px;color:var(--c-accent-text)}
h3{font-size:1.05rem;margin:24px 0 8px}
p,li{color:var(--text-muted);margin-bottom:12px}
ul{padding-left:22px;margin-bottom:12px}
strong{color:var(--text)}
.box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin:20px 0}
.todo{background:color-mix(in srgb,#f59e0b 14%,var(--bg));border:1px solid color-mix(in srgb,#f59e0b 40%,var(--border));
  border-radius:var(--radius-sm);padding:14px 18px;margin:18px 0;color:#b9831f;font-size:.92rem}
[data-theme="dark"] .todo{color:#f0c46a}
.todo b{color:inherit}
.legal-footer{border-top:1px solid var(--border);background:var(--bg-muted)}
.legal-footer .inner{max-width:880px;margin:0 auto;padding:24px;color:var(--text-dim);font-size:.85rem;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.legal-footer a{color:var(--text-muted)}