/* datenschutz.css — seitenspezifische Styles der Datenschutz-Seite.
   Theme-Variablen, obere Leiste, Modal und Buttons kommen aus page-shell.css;
   hier liegt nur noch die Typografie des Rechtstextes. */

main { max-width: 1100px; margin: 32px auto; padding: 0 16px 60px; }
.card { background: var(--surface); border-radius: 10px; padding: 24px; margin-bottom: 20px; border: 1.5px solid var(--border); }
h1 { font-size: 1.3rem; margin-bottom: 8px; color: var(--text-heading); }
h2 { font-size: 1rem; font-weight: 700; margin-bottom: 16px; color: var(--text-heading); }
h3 { font-size: 0.95rem; font-weight: 700; margin: 16px 0 6px; color: var(--text-heading); }
p { font-size: 0.92rem; color: var(--text); margin: 6px 0; line-height: 1.55; }
ul { margin: 6px 0 10px 22px; }
li { font-size: 0.9rem; color: var(--text); margin: 4px 0; line-height: 1.5; }
.muted { color: var(--text-muted); font-size: 0.85rem; }
code { background: var(--surface2); padding: 1px 6px; border-radius: 4px; font-size: 0.85em; color: var(--text); }
.legal-box { background: var(--surface2); border-left: 3px solid var(--accent); padding: 12px 14px; margin: 10px 0; font-size: 0.85rem; color: var(--text); border-radius: 4px; }
@media (max-width: 700px) { main { margin: 16px auto; } .card { padding: 16px; } }