/* Impressum and Datenschutz: one reading column on the landing's colours. */
.legal { max-width: 760px; padding: 60px 0 90px; }
.legal h1 { margin: 20px 0 8px; font-size: 45px; font-weight: 400; letter-spacing: -2px; }
.legal h2 { margin: 40px 0 10px; font-size: 20px; font-weight: 500; }
.legal p, .legal dd { color: var(--muted); font-size: 15px; line-height: 1.8; }
.legal dl { display: grid; grid-template-columns: minmax(160px, 1fr) 2fr; gap: 14px 24px; margin: 30px 0 0; }
.legal dt { font-size: 14px; }
.legal dd { margin: 0; }
.legal a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.legal a:hover { color: var(--mint); }
@media (max-width: 700px) { .legal h1 { font-size: 34px; } .legal dl { grid-template-columns: 1fr; gap: 4px; } .legal dd { margin-bottom: 14px; } }