.legal{max-width:780px;padding:56px 0 96px}
.legal .back{display:inline-block;margin-bottom:24px;font-family:var(--f-display);text-transform:uppercase;letter-spacing:.1em;font-weight:600;text-decoration:none;color:var(--night);border-bottom:2px solid var(--signal)}
.legal h1{font-size:clamp(40px,6vw,64px);color:var(--night);margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--night)}
.legal h2{font-size:clamp(24px,3vw,32px);color:var(--night);margin:40px 0 12px}
.legal p,.legal address{margin-bottom:16px;font-size:17px;font-style:normal}
.legal address{padding:16px 20px;background:var(--bone);border-left:5px solid var(--signal);border-radius:var(--r);line-height:1.7}
.legal a{color:var(--signal-dk);text-underline-offset:3px;overflow-wrap:anywhere}
.legal a:hover{color:var(--night)}
.legal .small,.legal .note{font-size:14px;color:var(--ink-2)}
@media (max-width:640px){.legal{padding:36px 0 64px}.legal p,.legal address{font-size:16px}}
.legal ul{margin:0 0 16px 22px;font-size:17px}.legal li{margin-bottom:6px}

/* Roboto-Anpassung */
.legal h1{font-size:clamp(32px,5vw,50px)}
.legal h2{font-size:clamp(20px,2.4vw,26px)}
.legal .back{font-size:14px;font-weight:700}