/* ==========================================================================
   Unterseiten (Impressum, Datenschutz, 404) -- nutzt die Tokens aus style.css
   ========================================================================== */
.legal {
  padding: var(--space-5) 0 var(--space-6);
}

.legal .container {
  max-width: 760px;
}

.legal h1 {
  margin-bottom: var(--space-4);
}

.legal h2 {
  font-size: 1.35rem;
  margin: var(--space-4) 0 var(--space-1);
}

.legal h3 {
  font-size: 1.1rem;
  margin: var(--space-3) 0 var(--space-1);
}

.legal p,
.legal li {
  font-size: 0.98rem;
}

.legal ul {
  margin: 0 0 var(--space-2);
  padding-left: 1.2rem;
}

.legal a:not(.btn) {
  color: var(--salbei);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.legal a:not(.btn):hover {
  color: var(--terrakotta-dark);
}

.legal-meta {
  margin-top: var(--space-4);
  font-size: 0.85rem;
  opacity: 0.7;
}

.notfound {
  text-align: center;
}

.notfound .btn {
  margin-top: var(--space-2);
}

/* Footer-Links (auf allen Seiten) */
.site-footer .fine-print a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-footer .fine-print a:hover {
  color: var(--terrakotta-dark);
  opacity: 1;
}