/* Bodygrindwerk — Rechtsseiten (Impressum / Datenschutz) */
.legal-body {
  background: var(--bg-0, #0A0B0D);
  color: var(--fg-1, #F4F5F7);
  font-family: "Inter Tight", system-ui, sans-serif;
  line-height: 1.65;
  margin: 0;
}
.legal { max-width: 72ch; margin: 0 auto; padding: clamp(2rem, 6vw, 5rem) 1.4rem; }
.legal h1 {
  font-family: "Space Grotesk", "Inter Tight", sans-serif;
  font-weight: 700; letter-spacing: .02em;
  font-size: clamp(1.6rem, 4.5vw, 2.4rem); margin: 0 0 1.4rem;
}
.legal h2 {
  font-family: "Space Grotesk", sans-serif; font-weight: 600;
  font-size: clamp(1.15rem, 2.8vw, 1.45rem); margin: 2.2rem 0 .6rem;
  color: var(--fg-1, #F4F5F7);
}
.legal h3 { font-size: 1.05rem; font-weight: 600; margin: 1.5rem 0 .4rem; color: var(--fg-1, #F4F5F7); }
.legal p, .legal li { color: var(--fg-2, #B3B8C2); margin: 0 0 .8rem; }
.legal ul { padding-left: 1.4rem; margin: 0 0 .9rem; }
.legal a { color: var(--accent, #2A6FDB); text-decoration: underline; text-underline-offset: 2px; }
.legal a:hover { filter: brightness(1.15); }
.legal__back { margin-top: 2.6rem; font-weight: 600; }
.legal__back a { text-decoration: none; }