/* Rechtsseiten (Impressum / Datenschutz) — nutzt die Marken-Tokens & Schriften
   aus marketing.css (beide werden in LegalShell geladen). Helles, ruhiges Layout. */
.legal{ background:var(--paper); color:var(--ink); min-height:100vh; font-family:var(--sans); font-weight:300; line-height:1.7; }
.legal-bar{ border-bottom:1px solid rgba(36,26,9,.1); background:var(--paper); }
.legal-bar-inner{ max-width:760px; margin:0 auto; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.legal-brand{ font-family:var(--serif); font-weight:500; font-size:20px; letter-spacing:.04em; color:var(--ink); }
.legal-back{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-ink); white-space:nowrap; }
.legal-back:hover{ color:var(--gold); }
.legal-main{ max-width:760px; margin:0 auto; padding:56px 24px 90px; }
.legal-eyebrow{ font-size:12px; letter-spacing:.28em; text-transform:uppercase; color:var(--gold-ink); margin:0 0 16px; }
.legal-main h1{ font-family:var(--serif); font-weight:500; font-size:clamp(30px,5vw,44px); color:var(--ink); margin:0 0 8px; line-height:1.12; }
.legal-main h2{ font-family:var(--serif); font-weight:500; font-size:23px; margin:38px 0 10px; color:var(--ink); }
.legal-main h3{ font-family:var(--serif); font-weight:500; font-size:18px; margin:24px 0 6px; color:var(--ink); }
.legal-main p, .legal-main li{ font-size:16px; color:#39322a; }
.legal-main p{ margin:0 0 12px; }
.legal-main a{ color:var(--gold-ink); text-decoration:underline; text-underline-offset:2px; }
.legal-main ul{ margin:8px 0 14px 20px; }
.legal-main li{ margin:4px 0; }
.legal-ph{ color:#a8842b; font-style:italic; }
.legal-note{ background:var(--paper-2); border-left:2px solid var(--gold); padding:14px 18px; margin:22px 0; font-size:14px; color:#5a5040; line-height:1.6; }
.legal-foot{ border-top:1px solid rgba(36,26,9,.1); padding:30px 24px; text-align:center; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:rgba(36,26,9,.45); }