/* Legal-Seiten Content-Styles — setzt styles.css voraus (Navbar, Footer, Tokens, Fonts) */

main.legal {
  width: min(820px, calc(100vw - 48px));
  margin: 0 auto;
  padding: 150px 0 96px;
}

main.legal h1 {
  max-width: none;
  font-family: "Space Grotesk", "Manrope", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 8px;
  color: var(--ink);
  letter-spacing: -0.01em;
  text-transform: none;
  hyphens: none;
}
main.legal .lead {
  color: var(--muted);
  font-size: 0.98rem;
  margin: 0 0 40px;
}
main.legal h2 {
  max-width: none;
  font-family: "Space Grotesk", "Manrope", sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 40px 0 12px;
  color: var(--ink);
  text-transform: none;
}
main.legal h3 {
  font-family: "Space Grotesk", "Manrope", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  margin: 24px 0 8px;
  color: var(--ink);
}
main.legal p, main.legal li {
  color: var(--ink);
}
main.legal p { margin: 0 0 14px; }
main.legal ul { padding-left: 22px; margin: 0 0 14px; }
main.legal li { margin-bottom: 6px; }
main.legal strong { color: var(--ink); font-weight: 700; }
main.legal a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
main.legal a:hover { color: var(--red); }
main.legal address {
  font-style: normal;
  background: var(--paper-strong);
  border: 1px solid var(--line-light);
  border-radius: 10px;
  padding: 20px 22px;
  margin: 6px 0 18px;
}
main.legal address strong { display: block; margin-bottom: 4px; }
main.legal address a { text-decoration: underline; text-underline-offset: 3px; }

.legal-todo {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 4px;
  background: #fff2c4;
  color: #6f4d00;
  font-weight: 700;
  font-style: italic;
  border-bottom: 2px dashed #d99c00;
}

@media (max-width: 600px) {
  main.legal { padding: 132px 0 72px; }
  main.legal h1 { font-size: 1.9rem; }
  main.legal h2 { font-size: 1.2rem; }
}