/* =========================================================
   FESTHELDEN — Rechtsseiten (Impressum / Datenschutz)
========================================================= */
.legal-page{ background: var(--cream); }

.legal-nav{ background: var(--white); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 50 }
.legal-nav-inner{ display: flex; align-items: center; justify-content: space-between; height: 70px }
.legal-brand img{ height: 44px; width: auto; display: block }

.legal-main{ max-width: 820px; padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(56px, 7vw, 96px) }
.legal-main .eyebrow{ margin-bottom: 16px }
.legal-title{ font-family: var(--font-display); font-weight: 400; font-size: clamp(44px, 7vw, 80px); line-height: 1; color: var(--ink-900); margin-bottom: clamp(28px, 4vw, 44px); padding-bottom: .06em }

.legal-block{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--line) }
.legal-block:last-of-type{ border-bottom: none }
.legal-block h2{ font-size: 18px; font-weight: 700; color: var(--gold-deep); margin-bottom: 12px; letter-spacing: -0.01em }
.legal-block p{ color: var(--ink-700); font-size: 15.5px; line-height: 1.75 }
.legal-block a{ color: var(--gold-deep); font-weight: 600 }
.legal-block a:hover{ color: var(--gold) }
.legal-block strong{ color: var(--ink-900) }

.todo{ background: var(--gold-soft); color: var(--gold-deep); padding: 1px 7px; border-radius: 5px; font-size: 13.5px; font-weight: 600 }

.legal-note{ margin-top: 28px; font-size: 13px; color: var(--ink-400); line-height: 1.6; font-style: italic }

.legal-footer{ background: var(--ink-900); color: rgba(255,255,255,0.6); padding: 24px 0 }
.legal-footer .container{ display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; font-size: 13px }
.legal-footer-links{ display: flex; gap: 20px }
.legal-footer-links a{ color: rgba(255,255,255,0.6); transition: color .2s }
.legal-footer-links a:hover{ color: var(--gold-bright) }