/* legal.css — shared stylesheet for /legal/*.html (Impressum, Datenschutz, AGB)
   Same-origin only, no external fonts/CDN — matches promo/index.html's palette. */
:root{
  --gold:#C0A062; --gold-bright:#E8CE8A;
  --bg:#08080E; --bg2:#0D0D16; --panel:rgba(16,14,28,.72);
  --line:rgba(255,255,255,.10); --gold-line:rgba(192,160,98,.30);
  --silver:#E4E4EC; --silver-dim:rgba(228,228,236,.62);
  --warn:#FFB84D;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--bg); color:var(--silver-dim);
  line-height:1.6; padding:0 0 60px;
}
a{color:var(--gold-bright);}
a:hover{color:var(--gold);}

header.legal-head{
  background:var(--bg2); border-bottom:1px solid var(--gold-line);
  padding:22px 20px; text-align:center;
}
header.legal-head .brand{
  font-weight:700; letter-spacing:1px; color:var(--gold-bright); font-size:15px;
}
header.legal-head nav{margin-top:10px; font-size:13px;}
header.legal-head nav a{margin:0 8px; color:var(--silver-dim);}
header.legal-head nav a.current{color:var(--gold-bright); font-weight:600;}

main{max-width:720px; margin:0 auto; padding:36px 20px;}
h1{color:var(--silver); font-size:26px; margin-bottom:6px;}
.updated{font-size:12px; color:var(--silver-dim); margin-bottom:28px;}
h2{color:var(--gold-bright); font-size:17px; margin:30px 0 8px; border-bottom:1px solid var(--line); padding-bottom:6px;}
h3{color:var(--silver); font-size:14px; margin:16px 0 4px;}
p{margin:0 0 12px; font-size:14px;}
ul,ol{margin:0 0 12px 22px; font-size:14px;}
li{margin-bottom:4px;}
strong{color:var(--silver);}
.note{
  background:var(--panel); border:1px solid var(--gold-line); border-radius:8px;
  padding:12px 14px; font-size:13px; margin:14px 0;
}
.placeholder{
  color:var(--warn); font-weight:700; background:rgba(255,184,77,.12);
  border:1px dashed var(--warn); border-radius:4px; padding:1px 6px;
}
table{width:100%; border-collapse:collapse; font-size:13px; margin:10px 0 16px;}
th,td{text-align:left; padding:6px 8px; border-bottom:1px solid var(--line);}
th{color:var(--silver);}
footer.legal-foot{
  max-width:720px; margin:30px auto 0; padding:16px 20px; text-align:center;
  font-size:12px; color:var(--silver-dim); border-top:1px solid var(--line);
}