/* ═══ Legal pages (Impressum, Datenschutz) ═══════════════════ */
/* full-width wrap so the column lines up with the logo; readable measure on the children */
.legal{padding-top:28px;padding-bottom:72px}
.legal>*{max-width:760px}
.legal .back{display:inline-block;font-size:14px;color:var(--ink-3);margin-bottom:18px}
.legal .back:hover{color:var(--ink)}
.legal h1{font-size:clamp(30px,4vw,40px);margin-bottom:6px}
.legal .stand{font-size:13.5px;color:var(--ink-3);margin-bottom:28px}
.legal .note{font-size:14px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin-bottom:28px}
.legal h2{font-size:20px;margin:36px 0 10px}
.legal h3{font-size:16px;margin:22px 0 6px}
.legal p,.legal li{font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.legal p+p{margin-top:10px}
.legal ul{margin:8px 0 0 20px}
.legal li+li{margin-top:4px}
.legal a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.legal dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 20px;font-size:15.5px;line-height:1.5;margin-top:8px}
.legal dt{color:var(--ink-3)}
.legal dd{color:var(--ink);overflow-wrap:anywhere}
.legal .facts{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:var(--paper)}
.legal .facts p{color:var(--ink)}
@media(max-width:640px){.legal dl{grid-template-columns:1fr;gap:0}.legal dd{margin-bottom:10px}}
.logo-tag{font-weight:400;font-size:15px;color:var(--ink-3);margin-left:-2px;white-space:nowrap}
@media(max-width:640px){.logo-tag{font-size:12.5px}}
@media(max-width:400px){.logo-tag{display:none}}