/* ══ GENESIS — legal.css · Impressum & Datenschutz (M3) ══
   Rechtsseiten in der GENESIS-Designsprache: Galerie-Papier, Spine,
   Mono-Marginalien, Archivo-Plakat — ohne JS, ohne Effekte. */

.legal { min-height: 72vh; }
.legal .h2 { margin-top: .4rem; }
.legal__body { max-width: var(--measure); margin-top: 2.2rem; }
.legal__body p { color: var(--fg-dim); margin-bottom: 1.1rem; text-wrap: pretty; }
.legal__body a { color: var(--brass); text-decoration: underline; text-underline-offset: 3px; }
.legal__body a:hover { color: var(--fg); }

.legal__meta {
  display: flex; gap: .4rem 1.6rem; flex-wrap: wrap;
  margin-top: 2.6rem; padding-top: 1.2rem;
  border-top: 1px solid var(--line-soft);
  font-size: var(--fs-micro); color: var(--fg-dim);
}
.legal__back { margin-top: 3rem; }

/* Nav der Unterseiten: immer „scrolled"-Zustand (Papier + Linie) */
.nav--sub {
  opacity: 1; transform: none;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line-soft);
}

/* Schmale Screens (legal.css lädt responsive.css nicht) */
@media (max-width: 560px) {
  .nav--sub { gap: 1.1rem; }
  .nav--sub .nav__links { gap: 1.1rem; }
}
@media (max-width: 480px) {
  .nav--sub .nav__links a:first-child { display: none; }  /* Marke verlinkt bereits heim */
}