/* Rechtstexte und 404 */
.legal{padding:clamp(96px,12vw,150px) 0 clamp(50px,7vw,90px)}
.legal .wrap{max-width:820px}
.legal h1{
  font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.05em;
  font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1;margin-bottom:clamp(24px,3vw,40px);
}
.legal h2{
  font-size:1.05rem;font-weight:500;margin:2.2em 0 .7em;
}
.legal p,.legal li{color:var(--muted);font-size:.96rem;line-height:1.7}
.legal p+p{margin-top:.9em}
.legal ul{list-style:disc;padding-left:1.2em;margin:.6em 0}
.legal li{margin-bottom:.35em}
.legal a{color:var(--ink)}
.legal .back{
  display:inline-block;margin-top:clamp(30px,4vw,48px);
  border:1px solid var(--line);padding:13px 24px;text-decoration:none;
}
@media (hover:hover){.legal .back:hover{background:var(--ink);color:var(--paper)}}
.legal .note{border:1px solid var(--line);padding:18px 20px;margin-top:1.4em}

.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:40px var(--gut)}
/* Spezifitaet 0,2,1, sonst gewinnt `.legal p` (0,1,1) und die Ziffern bleiben winzig. */
.nf p.nf-code{
  font-family:var(--disp);font-size:clamp(4.5rem,20vw,12rem);line-height:.9;
  letter-spacing:.04em;margin-bottom:.2em;color:var(--ink);
}
.nf p.nf-lead{color:var(--muted);margin-bottom:2em;font-size:1.05rem}
.nf .back{margin-top:0}