/* ---------- Lux Theme (schwarz + gold) ---------- */
:root{
  --lux-bg:#0e0f12;
  --lux-panel:#15161a;
  --lux-text:#ece9e4;
  --lux-muted:#c9c2b6;
  --lux-gold:#f7d089;
  --lux-gold-2:#cfa866;
  --lux-stroke:rgba(247,208,137,.26);
}

.lux-body{
  margin:0;
  color:var(--lux-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.65;
  background: radial-gradient(1200px 600px at 85% 10%, rgba(247,208,137,.07), transparent 55%),
              radial-gradient(900px 560px at 12% 85%, rgba(247,208,137,.06), transparent 60%),
              linear-gradient(180deg, #121317 0%, var(--lux-bg) 100%);
  min-height:100dvh;
}

/* weiche Gold-Glows unten */
.lux-body::after{
  content:"";
  position:fixed; left:-15%; right:-15%; bottom:-2rem; height:260px; z-index:0; pointer-events:none;
  background: radial-gradient(60% 160% at 50% 70%, rgba(247,208,137,.25), rgba(0,0,0,0) 65%);
  filter: blur(42px); opacity:.65;
}

/* Container */
.lux-wrap{ max-width:1180px; margin:0 auto; padding:clamp(20px,3vw,32px) 20px; position:relative; z-index:1; }

/* Headline (groß + gold) */
.lux-h1{
  margin:.1rem 0 1rem;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:800; line-height:1.07;
  font-size:clamp(2rem,5vw,3.4rem);
  color:#fff;
}
.lux-h1 .gold{
  background:linear-gradient(180deg,var(--lux-gold),var(--lux-gold-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 24px rgba(207,168,102,.18);
}

/* Untertitel */
.lux-lead{ color:var(--lux-muted); max-width:65ch; }

/* Panel / Karten */
.lux-panel{
  background:var(--lux-panel);
  border:1px solid var(--lux-stroke);
  border-radius:16px;
  padding:clamp(16px,2.2vw,22px);
  box-shadow:0 18px 38px rgba(0,0,0,.32);
}
.lux-panel + .lux-panel{ margin-top:14px; }

/* 2-Spalten Hero */
.lux-hero{
  display:grid; grid-template-columns:1.25fr 1fr; gap:clamp(16px,3vw,26px); align-items:center;
  margin-top:6px; margin-bottom:clamp(18px,3vw,26px);
}
@media (max-width: 900px){ .lux-hero{ grid-template-columns:1fr; } }

/* Media-Kachel mit Goldlinie unten */
.lux-media{
  border-radius:16px; overflow:hidden; border:1px solid var(--lux-stroke);
  background:#0b0c0e; position:relative; min-height:260px;
}
.lux-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.lux-media::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
  background:linear-gradient(90deg,transparent,var(--lux-gold),transparent); opacity:.9;
}

/* Buttons */
.lux-actions{ display:flex; gap:.8rem; margin-top:1rem; flex-wrap:wrap; }
.lux-btn{
  display:inline-flex; align-items:center; gap:.5rem; text-decoration:none; font-weight:700;
  padding:.85rem 1.05rem; border-radius:12px; transition:.2s ease; border:1px solid var(--lux-stroke);
}
.lux-btn--primary{ background:linear-gradient(180deg,var(--lux-gold),var(--lux-gold-2)); color:#0b0b0c; border-color:transparent; box-shadow:0 10px 24px rgba(207,168,102,.25); }
.lux-btn--primary:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.lux-btn--ghost{ color:var(--lux-gold); background:transparent; }
.lux-btn--ghost:hover{ background:rgba(247,208,137,.08); }

/* Sektionen */
.lux-section{ margin-top:clamp(18px,3vw,28px); }
.lux-h2{
  font-family:"Playfair Display", Georgia, serif;
  color:var(--lux-gold);
  font-size:clamp(1.3rem,3.2vw,2rem);
  margin:0 0 .6rem;
}

/* Footer */
.lux-footer{
  margin-top:clamp(24px,4vw,40px); padding:14px 0; text-align:center; color:#fcead8;
  border-top:1px solid var(--lux-stroke);
}
.lux-footer a{ color:var(--lux-gold); text-decoration:none; }
.lux-footer a:hover{ text-decoration:underline; }

/* A11y */
a:focus-visible{ outline:2px solid var(--lux-gold); outline-offset:2px; border-radius:6px; }