/* Rechtstexte. Bewusst schmal und ruhig — das hier liest niemand zum Vergnügen,
   es muss nur auffindbar und verständlich sein. */
.legal { max-width: 720px; margin: 0 auto; padding: 56px 24px 80px; }
.legal h1 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(34px, 5vw, 54px); line-height: 1; margin: 12px 0 8px; }
.legal h2 { font-family: 'Bebas Neue', sans-serif; font-size: 24px; margin: 38px 0 12px; letter-spacing: .02em; }
.legal h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); margin: 26px 0 8px; }
.legal p, .legal li { font-size: 13px; line-height: 1.9; color: #b9b9b9; }
.legal ul, .legal ol { margin: 10px 0 10px 20px; }
.legal li { margin-bottom: 6px; }
.legal strong { color: var(--white); }
.legal a { color: var(--white); }
.legal .updated { font-size: 11px; color: var(--muted); font-style: italic; margin-top: 40px;
                  border-top: 1px solid var(--border); padding-top: 16px; }
.legal .todo { display: inline-block; background: rgba(200,57,43,.14); border: 1px dashed var(--red);
               color: #e58a80; padding: 1px 7px; font-size: 12px; letter-spacing: .04em; }
.legal .note { border-left: 2px solid var(--dim); padding: 4px 0 4px 16px; margin: 18px 0; }
.legal-nav { display: flex; gap: 18px; flex-wrap: wrap; font-size: 11px; letter-spacing: .1em;
             text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.legal-nav a { color: var(--muted); }
.legal-nav a.on, .legal-nav a:hover { color: var(--white); }