/* ============================================================
   Sharpa — Legal pages (Impressum, Datenschutzerklärung)
   Used by: impressum.html, datenschutz.html
   Layout: schmale Lese-Spalte, ruhige Hierarchie.
   ============================================================ */

.container.narrow { max-width: 780px; }

.legal-header {
  background: var(--creme);
  padding: clamp(6.5rem, 10vw, 8.5rem) clamp(1.25rem, 4vw, 2rem) clamp(2.5rem, 4vw, 3.5rem);
}
.legal-header h1 { margin: 0.5rem 0 0; }
.legal-stand {
  font-size: 0.9rem;
  color: var(--text-muted);
  font-style: italic;
  margin-top: 1.25rem;
}

.legal-content {
  background: var(--bg-light);
  padding: clamp(3rem, 6vw, 4.5rem) clamp(1.25rem, 4vw, 2rem) clamp(4rem, 8vw, 6rem);
}
.legal-content h2 {
  font-size: clamp(1.15rem, 2.3vw, 1.4rem);
  color: var(--petrol);
  margin: 2.5rem 0 1rem;
  letter-spacing: 0.005em;
}
.legal-content h2:first-of-type { margin-top: 0; }
.legal-content h3 {
  font-size: clamp(1rem, 2vw, 1.1rem);
  color: var(--text-black);
  margin: 1.75rem 0 0.6rem;
}
.legal-content p,
.legal-content ul,
.legal-content ol {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--text-dark);
  margin-bottom: 1rem;
}
.legal-content ul,
.legal-content ol {
  padding-left: 1.4rem;
}
.legal-content li {
  margin-bottom: 0.3rem;
}
.legal-content a {
  color: var(--petrol);
  border-bottom: 1px solid rgba(45, 106, 106, 0.25);
  transition: border-color 0.2s;
  word-break: break-word;
}
.legal-content a:hover { border-bottom-color: var(--petrol); }
.legal-content strong { color: var(--text-black); }
.legal-content address {
  font-style: normal;
  margin-bottom: 1rem;
  line-height: 1.75;
}