/* ---------- Rechtliches: zweispaltiger Kopf ---------- */
.legal-top{ padding:72px 0 64px; }
.legal-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;
}
.legal-left h1{ font-size:clamp(32px, 4vw, 44px); margin-top:10px; }
.legal-sub{ font-family:var(--sans); font-size:15px; color:var(--cream-dim); margin-top:10px; }
.legal-divider{
  border:none; border-top:1px solid var(--gold-line); margin:28px 0;
}
.legal-buttons{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
.legal-btn{
  padding:16px 14px; font-size:12px; text-align:center; width:100%;
}
.legal-right p{ color:var(--cream-dim); font-size:16px; line-height:1.7; margin:0 0 20px; }
.legal-right a{ color:var(--gold); text-decoration:underline; }
.legal-right strong{ color:var(--cream); }

@media (max-width:760px){
  .legal-grid{ grid-template-columns:1fr; gap:40px; }
  .legal-buttons{ grid-template-columns:1fr; }
}

/* ---------- Rechtliches: einspaltige Textabschnitte ---------- */
.legal-single{ padding:64px 0; }
.legal-content{ max-width:760px; margin:0 auto; }
.legal-content h1{ font-size:clamp(28px, 4vw, 38px); margin-top:10px; }
.legal-content h2{
  font-size:20px; margin-top:40px; margin-bottom:14px; color:var(--gold);
}
.legal-content h2:first-of-type{ margin-top:0; }
.legal-content p{ color:var(--cream-dim); font-size:16px; line-height:1.75; margin:0 0 18px; }
.legal-content a{ color:var(--gold); text-decoration:underline; word-break:break-word; }
.legal-content ul{ color:var(--cream-dim); font-size:16px; line-height:1.75; margin:0 0 18px; padding-left:22px; }
.legal-content ul li{ margin-bottom:6px; }
.legal-content strong{ color:var(--cream); }
.legal-content .legal-meta{ font-family:var(--sans); font-size:14px; color:var(--muted); margin-top:6px; margin-bottom:36px; }
.legal-content #cookie-settings-btn{ margin-bottom:18px; font-size:12px; padding:12px 26px; }
