/* Gemeinsames Layout für Datenschutz und Impressum (ohne JS-Runtime). */
html { background: var(--surface-page); }
body { margin: 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: var(--text-body); background: var(--surface-page); -webkit-font-smoothing: antialiased; }
.legal { max-width: 760px; margin: 0 auto; padding: clamp(32px, 7vw, 72px) 16px 96px; font-size: 16px; line-height: 1.65; }
.legal h1 { margin: 24px 0 4px; font-size: clamp(30px, 6vw, 44px); line-height: 1.05; letter-spacing: -0.02em; color: var(--text-heading); }
.legal h2 { margin: 40px 0 8px; font-size: 20px; color: var(--text-heading); }
.legal p, .legal ul { margin: 0 0 14px; }
.legal ul { padding-left: 22px; }
.legal li { margin-bottom: 4px; }
.legal a { color: var(--text-accent); text-underline-offset: 3px; }
.legal-meta { font-family: "Courier New", Courier, monospace; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-muted); }
.legal-back { font-family: "Courier New", Courier, monospace; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; text-decoration: none; }
/* Platzhalter, die vor Veröffentlichung ersetzt werden müssen */
.todo { background: #ffe08a; color: #1B1A17; padding: 0 4px; }