/* ==========================================================================
   RECHTLICHES · Impressum & Datenschutz (einfache Textseiten)
   ========================================================================== */
.legal{padding-block:clamp(160px,20vw,320px) clamp(90px,11vw,210px)}
.legal .h2{margin-bottom:clamp(30px,3.5vw,66px)}
.legal__text{max-width:52em}
.legal__text p{
  font-size:var(--fs-meta);font-weight:400;line-height:1.75;
  margin-bottom:1.4em;
}
.legal__text p:last-child{margin-bottom:0}
/* Datenschutz von extern (Privacy-Bee-Widget): für hellen Grund gestaltet – auf einer hellen
   Fläche bleiben seine Farben lesbar, unser Text-Stil gilt dort nicht */
.legal__text--extern{
  max-width:60em;background:var(--paper);color:var(--ink);
  border-radius:18px;padding:clamp(22px,3.4vw,56px);
}
.legal__text--extern p{font-size:inherit;line-height:inherit;margin-bottom:revert}

/* ==========================================================================
   404 · «TÄTSCH! DANEBEN.»
   ========================================================================== */
.fehler{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,2.2vw,40px);padding-block:clamp(140px,16vw,260px) clamp(80px,9vw,160px)}
.fehler__kicker{color:#FF3FD2;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.fehler__titel .line>span{display:inline-block}
.fehler__text{max-width:30em}
.fehler .pill{align-self:flex-start}