/* ============================================================================
   U³ — Rechtstext-Seiten (Impressum, Datenschutz) · Lesespalte
   Baut auf tokens.css + styles.css + za.css.
   ========================================================================== */
.legal { max-width: 768px; }
.legal__lead { font-size: 17px; line-height: 1.7; color: var(--u3-ink-2); }
.legal__block { padding-top: 38px; margin-top: 38px; border-top: 1px solid var(--u3-line); }
.legal__block:first-child { padding-top: 0; margin-top: 0; border-top: none; }
.legal__block > h2 { font-family: var(--u3-font-serif); font-weight: 500; font-size: clamp(22px, 2.6vw, 28px); color: var(--u3-petrol-ink); letter-spacing: -0.3px; line-height: 1.2; margin: 0 0 16px; }
.legal__block h3 { font-family: var(--u3-font-serif); font-weight: 500; font-size: 19px; color: var(--u3-ink); margin: 26px 0 8px; }
.legal__block p { font-size: 16.5px; line-height: 1.72; color: var(--u3-ink-2); margin: 0 0 12px; text-wrap: pretty; }
.legal__block p:last-child { margin-bottom: 0; }
.legal__block address { font-style: normal; font-size: 16.5px; line-height: 1.7; color: var(--u3-ink); }
.legal__block address strong { font-family: var(--u3-font-serif); font-weight: 500; }
.legal__num { font-family: var(--u3-font-mono); font-size: 12px; letter-spacing: 1.2px; color: var(--u3-petrol-ink); display: block; margin-bottom: 8px; }
.legal__list { list-style: none; margin: 10px 0 14px; padding: 0; display: grid; gap: 9px; }
.legal__list li { font-size: 16.5px; line-height: 1.6; color: var(--u3-ink-2); padding-left: 22px; position: relative; }
.legal__list li::before { content: ""; position: absolute; left: 0; top: 11px; width: 12px; height: 1px; background: var(--u3-petrol); }
.legal a { color: var(--u3-petrol-ink); border-bottom: 1px solid rgba(28,83,95,.4); padding-bottom: 1px; }
.legal a:hover { border-color: var(--u3-petrol-ink); }