/* ════════════════════════════════════════════════════════════════════
 * BATTLE BETS — Legal Pages Stylesheet
 * Geteilte Styles für /impressum, /datenschutz, /agb
 * ════════════════════════════════════════════════════════════════════ */

:root {
  --bg:#0B1A2E; --bg-2:#142540; --bg-3:#1A2E4D;
  --line:#1F3050; --line-2:#2A3C5C;
  --text:#F5F0E1; --text-2:#A8B5C8; --text-3:#6A7B92;
  --c1:#C9A961; --c2:#E8C77E; --c1-g:#C9A96122;
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html,body { background:var(--bg); color:var(--text);
  font-family:'Space Grotesk', system-ui, sans-serif;
  font-size:15px; line-height:1.65; -webkit-font-smoothing:antialiased; }

.legal-wrap { max-width:780px; margin:0 auto; padding:48px 24px 80px; }

.legal-nav { display:flex; justify-content:space-between; align-items:center;
  margin-bottom:48px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.legal-nav .home-link {
  font-family:'JetBrains Mono', monospace; font-size:12px;
  color:var(--c1); letter-spacing:.15em; text-transform:uppercase;
  text-decoration:none; font-weight:700;
  display:inline-flex; align-items:center; gap:8px; }
.legal-nav .home-link:hover { color:var(--c2); }
.legal-nav .meta {
  font-family:'JetBrains Mono', monospace; font-size:10px;
  color:var(--text-3); letter-spacing:.1em; }

.legal-content h1 {
  font-family:'Bricolage Grotesque', sans-serif; font-weight:800;
  font-size:42px; letter-spacing:-0.04em; line-height:.95;
  color:#fff; margin-bottom:14px; }
.legal-content .subtitle {
  font-family:'JetBrains Mono', monospace; font-size:11px;
  color:var(--c1); letter-spacing:.15em; text-transform:uppercase;
  margin-bottom:32px; font-weight:700; }
.legal-content h2 {
  font-family:'Bricolage Grotesque', sans-serif; font-weight:700;
  font-size:22px; letter-spacing:-0.02em; color:var(--c1);
  margin:36px 0 12px; padding-top:24px; border-top:1px solid var(--line); }
.legal-content h2:first-of-type { border-top:none; padding-top:0; margin-top:0; }
.legal-content h3 {
  font-family:'Space Grotesk', sans-serif; font-weight:700;
  font-size:15px; letter-spacing:.05em; text-transform:uppercase;
  color:var(--text); margin:24px 0 10px; }
.legal-content p { color:var(--text-2); margin-bottom:14px; }
.legal-content strong { color:var(--text); font-weight:600; }
.legal-content ul, .legal-content ol {
  padding-left:24px; color:var(--text-2); margin-bottom:14px; }
.legal-content ul li, .legal-content ol li { margin-bottom:6px; }
.legal-content a { color:var(--c1); text-decoration:none; border-bottom:1px dotted var(--c1); }
.legal-content a:hover { color:var(--c2); border-color:var(--c2); }
.legal-content .address { font-family:'JetBrains Mono', monospace; font-size:14px;
  background:var(--bg-2); border:1px solid var(--line); border-radius:10px;
  padding:14px 18px; margin:10px 0 16px; color:var(--text); line-height:1.7; }

.legal-disclaimer {
  background:rgba(232,154,78,.08); border:1px solid #E89A4E40;
  border-radius:12px; padding:14px 18px; font-size:13px;
  color:var(--text-2); margin:32px 0; }
.legal-disclaimer strong { color:#E89A4E; }

.legal-footer { margin-top:64px; padding-top:24px; border-top:1px solid var(--line);
  font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--text-3);
  letter-spacing:.05em; text-align:center; line-height:1.7; }
.legal-footer .links { display:flex; gap:20px; justify-content:center;
  flex-wrap:wrap; margin-bottom:10px; }
.legal-footer .links a { color:var(--text-2); text-decoration:none; }
.legal-footer .links a:hover { color:var(--c1); }
