/* Impressum & Datenschutz — ruhige Textseite im Stil der Site: Display-Titel, Abschnitte mit feiner Linie oben */
.legal { max-width: 820px; padding: clamp(48px, 9vh, 110px) var(--gutter) clamp(80px, 12vh, 140px); }
.legal .display { margin: 18px 0 clamp(32px, 6vh, 56px); font-size: clamp(56px, 7vw, 104px); }
.legal__lead { margin: 0 0 40px; max-width: 640px; font-family: var(--serif); font-size: clamp(22px, 2vw, 28px); line-height: 1.25; }
.legal section { padding: 22px 0 26px; border-top: 1px solid var(--line); scroll-margin-top: calc(var(--nav-h) + 16px); }
.legal h2 { margin: 0 0 12px; font-family: var(--mono); font-weight: 400; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--lumen); }
.legal p, .legal li { margin: 0 0 12px; font-size: 15px; line-height: 1.65; color: #c9c5be; }
.legal ul { margin: 0 0 12px; padding-left: 18px; }
.legal strong { color: var(--bone); font-weight: 500; }
.legal a { color: var(--bone); border-bottom: 1px solid rgb(226 255 79 / 0.6); }
.legal a:hover { color: var(--lumen); }
.legal__stand { margin-top: 28px !important; font-size: 10px !important; color: var(--mute) !important; }
.legal__more { margin-top: 18px !important; }
.footer a[aria-current="page"] { color: var(--bone); }