/* Impressum and Datenschutz: running text on the site's chrome. */

.legal { padding: calc(var(--topbar) + var(--s-8)) 0 var(--s-8); }
.legal .wrap { max-width: 800px; }
.legal h1 { font-size: clamp(36px, 5vw, 56px); margin: var(--s-3) 0 var(--s-5); }
.legal h2 { font-size: 19px; font-weight: 600; font-stretch: 108%; margin: 34px 0 10px; }
.legal p, .legal li { color: var(--text-2); font-size: var(--t-body); line-height: 1.65; max-width: 40em; }
.legal ul { padding-left: 20px; display: grid; gap: 6px; }
.legal address { font-style: normal; color: var(--text); line-height: 1.7; }
.legal a { color: var(--text); text-underline-offset: 4px; }
.legal .panel { margin-top: var(--s-2); padding: 22px var(--s-4); border: 1px solid var(--hairline); border-radius: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%); }
.legal .panel > h2:first-child { margin-top: 0; }
.legal .updated { margin-top: 40px; font-size: 13.5px; color: var(--text-3); }