/* Rechtsseiten (Impressum / Datenschutz) — schlicht, edel, lesbar */
.legal{
  --gold:#c9a86a; --gold-lite:#e7d3a1; --silver:#cdd1d8;
  margin:0; min-height:100vh; background:#050505; color:var(--text,#f4f2ee);
  font-family:var(--sans,Inter,sans-serif); font-weight:300;
}
.legal__back{display:inline-flex; align-items:center; gap:8px; color:var(--muted,#8d8a85);
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; transition:.2s}
.legal__back:hover{color:var(--text)}
.legal__wrap{max-width:760px; margin:0 auto; padding:70px 24px 90px}
.legal__logo{height:40px; width:auto; margin:30px 0 26px; opacity:.92; display:block}
.legal h1{
  font-family:var(--display,"Cinzel",serif); text-transform:uppercase; letter-spacing:.09em; font-weight:500;
  font-size:clamp(30px,5vw,48px); line-height:1.05; margin:0 0 28px;
  background:linear-gradient(120deg,#eef1f5 10%, var(--silver) 45%, var(--gold) 92%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.legal h2{font-family:var(--serif,"Cormorant Garamond",serif); font-weight:500; font-size:23px;
  letter-spacing:.01em; color:var(--text); margin:40px 0 12px}
.legal p,.legal li{color:var(--muted,#8d8a85); line-height:1.85; font-size:15px; letter-spacing:.01em}
.legal ul{padding-left:20px; margin:10px 0}
.legal li{margin:5px 0}
.legal strong{color:var(--text); font-weight:400}
.legal a{color:var(--silver); border-bottom:1px solid rgba(201,168,106,.4); transition:.2s}
.legal a:hover{color:var(--gold-lite)}
.legal__note{margin-top:46px; padding-top:18px; border-top:1px solid var(--line,#1c1c1c);
  color:var(--muted-2,#6a6864); font-size:12px; line-height:1.6}