, nicht auf . Vorher zielten alle Regeln auf body.legal und griffen deshalb nie. */ .legal { max-width: 720px; margin: 0 auto; padding: var(--s-32) var(--gutter) var(--s-96); color: var(--text); background: var(--paper); font-family: var(--font-body); line-height: var(--lead-body); } body:has(.legal) { margin: 0; background: var(--paper); } .legal h1 { font-family: var(--font-display); font-weight: 400; font-size: var(--size-h2); color: var(--ink); line-height: var(--lead-display); margin: var(--s-32) 0 var(--s-24); } .legal h2 { font-size: var(--size-h3); margin: var(--s-32) 0 var(--s-12); } .legal a { color: var(--ink); text-underline-offset: 3px; } /* Klassenname folgt dem Markup (legal__back). Vorher hieß die Regel .back und griff nicht — der Link fiel auf Browser-Schwarz zurück, also auf eine Farbe außerhalb der Palette. */ .legal .legal__back { display: inline-flex; align-items: center; min-height: var(--tap); margin-bottom: var(--s-24); font-size: var(--size-label); font-weight: 700; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink); text-decoration: none; box-shadow: 0 var(--min-line) 0 0 var(--ink); }