/* ═══════════════════════════════════════════════
   LEGAL PAGES – Impressum, Datenschutz, Barrierefreiheit
   Lädt NACH style.css – enthält nur seitenspezifische Styles
═══════════════════════════════════════════════ */

/* ── CONTENT ── */
.page-wrap {
  padding-top: 64px;
  min-height: 100vh;
  display: flex; flex-direction: column;
}

.page-header {
  padding: 72px var(--px) 48px;
  border-bottom: 1px solid var(--border);
}
.page-header p {
  font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--cyan);
  margin-bottom: 12px;
}
.page-header h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800; line-height: 1.15; color: var(--text);
}

.page-content {
  padding: 56px var(--px) 80px;
  max-width: calc(1200px + 2 * max(24px, calc((100% - 1200px) / 2)));
  flex: 1;
  line-height: 1.7;
}

.legal-section {
  margin-bottom: 48px;
}
.legal-section h2 {
  font-size: 1.15rem; font-weight: 700; color: var(--text);
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.legal-section h3 {
  font-size: 0.95rem; font-weight: 600; color: var(--text);
  margin: 20px 0 8px;
}
.legal-section p {
  font-size: 0.925rem; color: rgba(241,245,249,0.75);
  margin-bottom: 10px;
}
.legal-section ul {
  margin: 8px 0 10px 20px;
  font-size: 0.925rem; color: rgba(241,245,249,0.75);
}
.legal-section ul li { margin-bottom: 4px; }
.legal-section address {
  font-style: normal;
  font-size: 0.925rem; color: rgba(241,245,249,0.75);
  line-height: 1.8;
}
.legal-section a {
  color: var(--cyan);
  text-decoration: none;
  transition: opacity 0.15s;
}
.legal-section a:hover { opacity: 0.8; }
.legal-section a[target="_blank"]::after {
  content: ' \2197';
  font-size: 0.75em;
  vertical-align: super;
}
.legal-section a[href^="mailto:"]::after {
  content: ' \2709';
  font-size: 0.85em;
}

/* ── FOOTER OVERRIDES ── */
.footer { background: var(--bg); }
.footer-logo img { height: 28px; }

/* ── UTILITY ── */
.text-main { color: var(--text); }