/* DIGITALGROWMATIC — Rechtsseiten (Impressum, Datenschutz). Lesbarkeit vor Inszenierung:
   heller Grund wie S05/S06, eine Textspalte, keine Bewegung. */
.legal-page { background: #ffffff; }
.legal { --l-ink: #17181a; --l-mute: #4f4e4a; --l-faint: #6b6964; --l-rule: rgba(23, 24, 26, .18);
  background: #ffffff; color: var(--l-ink); }
.legal ::selection { background: var(--l-ink); color: #ffffff; }
.legal :focus-visible { outline: 2px solid var(--l-ink); outline-offset: 3px; box-shadow: none; }
.legal__inner { padding: calc(var(--nav-h, 56px) + clamp(56px, 10vh, 120px)) var(--pad) clamp(88px, 14vh, 160px); max-width: calc(46rem + 2 * var(--pad)); }
.legal .sec-label { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--l-faint); }
.legal h1 {
  margin: clamp(18px, 3vh, 32px) 0 clamp(36px, 6vh, 64px);
  font-stretch: 118%; font-weight: 800; text-transform: uppercase;
  font-size: clamp(32px, 5vw, 72px); line-height: .98; letter-spacing: -.018em; hyphens: manual; overflow-wrap: normal;
}
.legal h2 {
  margin: clamp(40px, 6vh, 64px) 0 14px; padding-top: 16px; border-top: 1px solid var(--l-rule);
  font-stretch: 112%; font-weight: 750; font-size: clamp(19px, 1.5vw, 24px); line-height: 1.2;
}
.legal h3 { margin: 28px 0 8px; font-size: 17px; font-weight: 700; line-height: 1.3; }
.legal p, .legal li, .legal address { font-size: clamp(16px, 1.1vw, 18px); line-height: 1.65; color: var(--l-mute); font-style: normal; }
.legal p, .legal address { margin: 0 0 14px; }
.legal ul { margin: 0 0 14px; padding-left: 1.2em; }
.legal li + li { margin-top: 4px; }
.legal a { color: var(--l-ink); text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal strong { color: var(--l-ink); font-weight: 650; }
.legal .legal__note { margin-top: clamp(40px, 6vh, 64px); font-size: 14px; color: var(--l-faint); }
/* Kopf: ohne Hero dauerhaft kompakt (navigation.js setzt Zone/Theme aus data-nav-theme) */
/* Offene Fakten (Deploy-Blocker) sichtbar markieren — nur lokal, solange nicht bestätigt */
.legal mark.legal-open { background: #ffe08a; color: #17181a; padding: 0 .2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }