/* Legal pages (Impressum, Datenschutz): same tokens as the landing page, reading column. */
.legal-top { padding-top: 16px; }
.legal-top .nav { background: var(--tint); border-color: var(--line); }
.legal { max-width: 760px; padding-top: 56px; padding-bottom: 88px; }
.legal h1 { font-size: clamp(34px, 5vw, 52px); line-height: 1.05; letter-spacing: -0.02em; margin-bottom: 8px; }
.legal .stand { color: var(--muted); font-size: 14px; margin-bottom: 28px; }
.legal h2 { font-size: 21px; line-height: 1.25; margin: 40px 0 10px; }
.legal h3 { font-size: 16px; margin: 22px 0 6px; }
.legal p, .legal li { color: var(--soft); }
.legal p + p, .legal p + address, .legal address + p { margin-top: 12px; }
.legal ul { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 6px; }
.legal a { text-decoration: underline; text-underline-offset: 3px; }
.legal address { font-style: normal; color: var(--ink); }
footer.wrap { padding-bottom: 40px; }