/* Gemeinsame Ebene für Impressum, Datenschutz und Kontakt. Nur additive Regeln,
   die Startseite (styles.css) bleibt unverändert. */
.legal-page{background:var(--bg)}
.legal-main{padding:clamp(30px,calc(var(--lf-layout-unit, 1vw) * 5),70px) clamp(22px,calc(var(--lf-layout-unit, 1vw) * 6),110px) clamp(50px,calc(var(--lf-layout-unit, 1vw) * 7),90px);max-width:1120px;margin:0 auto}
.legal-main h1{font-size:clamp(38px,calc(var(--lf-layout-unit, 1vw) * 5.4),68px);margin:10px 0 clamp(18px,calc(var(--lf-layout-unit, 1vw) * 2.6),28px)}
.legal-main h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(22px,calc(var(--lf-layout-unit, 1vw) * 2.6),30px);line-height:1.05;letter-spacing:.03em;margin:0 0 12px;color:var(--white)}
.legal-main p,.legal-main li{color:#c3cbd4;font-size:15px;line-height:1.75}
.legal-main p{margin:0 0 12px}
.legal-main ul{margin:0 0 14px;padding-left:20px}
.legal-main li{margin-bottom:6px}
.legal-main a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.legal-lead{max-width:620px;font-size:16px}
.legal-card{border:1px solid #ffffff14;background:#0c141d;padding:clamp(20px,calc(var(--lf-layout-unit, 1vw) * 3),34px);margin-bottom:22px}
.legal-card dl{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:10px 24px;margin:0}
.legal-card dt{color:#8f9aa6;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.legal-card dd{margin:0;color:var(--white);font-size:15px;line-height:1.6}
.legal-card dd.pending{color:var(--gold);font-style:italic}
.legal-note{border-left:3px solid var(--gold);padding:14px 18px;background:#121c27;margin:0 0 26px}
.legal-note p{margin:0;color:var(--white)}
.legal-main section{margin-bottom:28px}
.legal-back{margin-top:34px}
.legal-back .button{margin-top:0}

.contact-form{display:grid;gap:18px;max-width:640px;margin-bottom:8px}
.contact-field{display:grid;gap:7px}
.contact-field label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a9b3be;font-weight:700}
.contact-field input,.contact-field textarea{width:100%;padding:14px 16px;border:1px solid #ffffff24;background:#0a121a;color:var(--white);font:15px/1.5 'DM Sans',Arial,sans-serif;border-radius:2px}
.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.contact-field textarea{min-height:170px;resize:vertical}
.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-privacy{font-size:13px;line-height:1.7;color:#9ea8b3;margin:0}
.contact-submit{display:inline-flex;align-items:center;gap:36px;justify-self:start;padding:18px 26px;border:0;background:var(--gold);color:#0a111b;font-size:11px;letter-spacing:.16em;font-weight:800;transition:transform .2s}
.contact-submit:hover{transform:translateY(-2px)}
.contact-submit[disabled]{opacity:.55;cursor:progress;transform:none}
.contact-status{min-height:1.6em;font-size:14px;line-height:1.6;margin:0}
.contact-status[data-state="success"]{color:#8fd6a4}
.contact-status[data-state="error"]{color:#f0a8a0}
.contact-status[data-state="pending"]{color:#a9b3be}

@media(max-width:760px){
  .legal-card dl{grid-template-columns:1fr;gap:4px}
  .legal-card dd{margin-bottom:12px}
  .legal-main{padding-inline:22px}
  footer{flex-wrap:wrap}
  .footer-legal{gap:0 14px}
}