/* Rechtliche Unterseiten & 404 */
.legal-page .hdr { position: sticky; }
.legal { padding-block: clamp(4rem, 9vw, 8rem); }
.legal .h-xl { margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.legal__body { max-width: 52rem; }
.legal__body h2 {
  font-family: var(--f-display); font-stretch: 62%; font-weight: 850; text-transform: uppercase;
  font-size: clamp(1.6rem, 2.6vw, 2.4rem); line-height: .95;
  margin: 3rem 0 1rem; padding-top: 1.25rem; border-top: 1px solid var(--line-d);
}
.legal__body h3 { font-size: 1.1rem; margin: 1.75rem 0 .6rem; }
.legal__body p, .legal__body li { color: var(--t-d-2); }
.legal__body p + p { margin-top: .9rem; }
.legal__body ul { list-style: square; padding-left: 1.2rem; margin-top: .6rem; }
.legal__body li + li { margin-top: .35rem; }
.legal__body a { color: var(--t-d); text-decoration: underline; text-underline-offset: 3px; }
.legal__body a:hover { color: var(--blue-hi); }
.legal-page .ftr { padding-top: 0; }
.legal-page .ftr__bottom { padding-bottom: calc(1.25rem + env(safe-area-inset-bottom)); }

.nf { min-height: 100svh; display: grid; place-content: center; text-align: left; padding-block: 6rem; }
.nf__code { font-family: var(--f-display); font-stretch: 62%; font-weight: 850; font-size: clamp(9rem, 38vw, 30rem); line-height: .75; color: transparent; -webkit-text-stroke: 2px var(--blue-hi); }
.nf h1 { margin-top: 1.5rem; }
.nf p { margin: 1.25rem 0 2rem; color: var(--t-d-2); max-width: 40ch; }