/* Zusatz für Impressum, Datenschutz, Danke, 404 */
.legalpage{ padding:clamp(100px,11vw,150px) 0 clamp(70px,9vw,120px); }
.legalpage h1{ font-size:clamp(2rem,4.5vw,3rem); margin-bottom:14px; }
.legalpage h1.display{ margin-bottom:18px; }
.legalpage h2{
  font-size:1.2rem; margin:42px 0 12px;
  font-variation-settings:'wdth' 106,'wght' 700;
}
.legalpage p, .legalpage li{ color:var(--soft); max-width:72ch; }
.legalpage ul{ padding-left:20px; }
.legalpage a:not(.btn){ color:var(--accent); }
.legalpage .back{
  display:inline-block; margin-bottom:28px; text-decoration:none;
  font-family:"IBM Plex Mono",monospace; font-size:.78rem;
  letter-spacing:.14em; text-transform:uppercase; color:var(--muted);
}
.legalpage .back:hover{ color:var(--accent); }
.todo{
  background:var(--accent-wash); border:1px dashed var(--accent);
  border-radius:10px; padding:18px 20px; margin:26px 0;
}
.todo p{ color:var(--text); margin:0; font-size:.94rem; }
.todo b{ color:var(--accent); }

/* Stand-Datum unter der Überschrift */
.legalpage__stand{
  font-family:"IBM Plex Mono",monospace; font-size:.74rem;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--faint) !important; margin:0 0 30px !important;
}

/* Querverweis am Seitenende */
.legalpage__weiter{
  margin-top:clamp(44px,6vw,72px) !important;
  padding-top:26px; border-top:1px solid var(--line);
}

/* Kasten „Kurz und ohne Jura“ / Hinweiskasten ohne Warnton */
.klar{
  border:1px solid var(--line); border-radius:var(--r-lg,22px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
    var(--surface);
  padding:clamp(20px,3vw,30px); margin:30px 0;
  max-width:72ch;
}
.klar__k{
  font-family:"IBM Plex Mono",monospace; font-size:.72rem;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--accent) !important; margin:0 0 14px !important;
}
.klar ul{ margin:0; padding-left:0; list-style:none; display:grid; gap:10px; }
.klar li{
  position:relative; padding-left:22px; color:var(--soft); font-size:.97rem;
}
.klar li::before{
  content:""; position:absolute; left:0; top:.62em;
  width:9px; height:1px; background:var(--accent);
}
.klar b{ color:var(--text); font-variation-settings:'wght' 620; }

/* Danke- und 404-Seite: etwas mehr Luft, Schritte wie auf der Startseite */
.legalpage--danke .direct{ margin:30px 0 clamp(44px,6vw,70px); }
.legalpage--danke h2{ margin-top:0; }
.legalpage--danke .steps{ margin-bottom:clamp(32px,4vw,48px); }
.legalpage--danke .btn{ margin-top:4px; }

/* Danke-Seite (28.10.2026): weniger Luft oben, Überschrift als ein Satz
   über die volle Breite, Zeilenhöhe mit Platz für g/p/j-Unterlängen */
.legalpage--danke{ padding-top:clamp(56px,7vw,96px); }
.legalpage--danke h1.display{
  font-size:clamp(1.9rem,4.4vw,3.6rem); line-height:1.08;
  max-width:22ch; margin-bottom:22px;
}