/* ============================================================
   weihnachtshütte.be — Theme C · "Kerzenschein"
   Premium / dunkel · Beerenrot-Wein, Gold, Kerzenlicht.
   Wird zusammen mit core.css geladen.
   ============================================================ */
:root{
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Mulish",system-ui,sans-serif;
  --wine:#2A1417;
  --wine-2:#33191c;
  --wine-deep:#1d0e10;
  --bg:#2A1417;
  --fg:#F1E3D0;
}
body{background:var(--bg);color:var(--fg)}
h1,h2,h3,h4{color:#F7ECDB;font-weight:600}
.eyebrow{color:var(--gold-soft)}
.eyebrow::before,.eyebrow::after{background:rgba(226,195,124,.55)}
.section-head p{color:rgba(241,227,208,.66)}

/* Header */
.site-header.solid{background:var(--wine-deep)}
.brand{color:#F7ECDB}

/* ---------- Hero (Startseite) ---------- */
.heroC{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;
  color:#F7ECDB;overflow:hidden;background:var(--wine-deep)}
.heroC .bg{position:absolute;inset:0;z-index:0}
.heroC .bg img{width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.85)}
.heroC .glow{position:absolute;inset:0;z-index:1;
  background:radial-gradient(70% 55% at 50% 42%,rgba(201,154,69,.30) 0%,rgba(124,31,51,.20) 36%,rgba(29,14,16,.92) 78%)}
.heroC .vign{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(29,14,16,.55),rgba(29,14,16,.3) 40%,rgba(29,14,16,.9))}
.heroC .inner{position:relative;z-index:3;max-width:880px;padding:140px 28px 96px}
.heroC h1{font-family:var(--serif);font-weight:600;font-size:clamp(40px,5vw,64px);line-height:1.07;letter-spacing:.01em;
  color:#F9F0E1;margin:18px 0 0;text-wrap:balance}
.heroC h1 em{font-style:italic;color:var(--gold-soft)}
.heroC .rule{width:64px;height:1px;background:var(--gold);margin:26px auto 0;opacity:.8}
.heroC .sub{font-family:var(--sans);font-size:clamp(17px,2vw,20px);color:rgba(241,227,208,.82);
  max-width:600px;margin:26px auto 34px;font-weight:400}
.heroC .hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- Countdown · Kerzen ---------- */
.cd-candles{display:flex;gap:30px;justify-content:center;margin:0 auto 40px;flex-wrap:wrap}
.candle{display:flex;flex-direction:column;align-items:center;gap:12px;width:78px}
.candle .flame{width:14px;height:22px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
  background:radial-gradient(circle at 50% 70%,#fff 0%,#FFE08A 35%,#F0A93C 70%,#C5374F 100%);
  filter:drop-shadow(0 0 10px rgba(240,169,60,.9));animation:flicker 2.4s ease-in-out infinite;transform-origin:center bottom}
.candle:nth-child(2) .flame{animation-delay:.5s}
.candle:nth-child(3) .flame{animation-delay:1s}
.candle:nth-child(4) .flame{animation-delay:1.5s}
@keyframes flicker{0%,100%{transform:scaleY(1) rotate(-1deg);opacity:.92}50%{transform:scaleY(1.12) rotate(1.5deg);opacity:1}}
@media (prefers-reduced-motion:reduce){.candle .flame{animation:none}}
.candle .stick{width:100%;border-radius:8px 8px 4px 4px;padding:14px 6px 12px;text-align:center;
  background:linear-gradient(180deg,#F1E3D0,#E4D0B4);box-shadow:0 10px 26px rgba(0,0,0,.4)}
.candle .stick .n{font-family:var(--serif);font-weight:700;font-size:34px;line-height:1;color:var(--wine);font-variant-numeric:tabular-nums}
.candle .stick .u{font-family:var(--sans);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(42,20,23,.62);margin-top:6px}
.cd-cap{font-family:var(--sans);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:12px;
  color:var(--gold-soft);text-align:center;margin-bottom:18px}

/* ---------- Dunkle Sektionen ---------- */
.section{background:var(--bg)}
.section.alt{background:var(--wine-2)}
.adv .ic{background:rgba(201,154,69,.14);color:var(--gold-soft);border:1px solid rgba(226,195,124,.4)}
.adv h3{color:#F7ECDB}
.adv p{color:rgba(241,227,208,.62)}
.adv-headline{color:#F7ECDB}
.adv-headline b{color:var(--gold-soft)}
.steps-wrap{background:var(--wine-deep)}
.step{background:rgba(255,255,255,.04);border-color:rgba(226,195,124,.2)}
.gallery .ph{border:1px solid rgba(226,195,124,.22)}
.model{background:var(--wine-2);border:1px solid rgba(226,195,124,.18)}
.model h3{color:#F7ECDB}
.model p{color:rgba(241,227,208,.6)}
.model .more{color:var(--gold-soft)}
.model .dim{color:var(--gold)}
.cert{color:rgba(241,227,208,.82)}
.cert .lic{color:var(--gold-soft)}
.faq-item{background:var(--wine-2);border:1px solid rgba(226,195,124,.16)}
.faq-q{color:#F7ECDB}
.faq-a .inner{color:rgba(241,227,208,.66)}
.btn-outline{color:var(--gold-soft);border-color:var(--gold)}
.btn-outline:hover{background:var(--gold);color:var(--wine)}
.cta-final .ov{background:linear-gradient(180deg,rgba(29,14,16,.7),rgba(29,14,16,.9))}

/* ---------- Innenseiten · dunkle Overrides ---------- */
.page-banner .ov{background:linear-gradient(180deg,rgba(29,14,16,.62),rgba(29,14,16,.86))}
.crumbs{color:rgba(241,227,208,.7)}
.crumbs a:hover{color:var(--gold-soft)}

.model-row .txt h2{color:#F7ECDB}
.model-row .txt p{color:rgba(241,227,208,.66)}
.model-row .txt .dim{background:var(--gold);color:var(--wine)}
.feat-list li{color:var(--fg)}
.feat-list .lic{color:var(--gold-soft)}
.spec-table td{border-bottom-color:rgba(226,195,124,.18)}
.spec-table td:first-child{color:rgba(241,227,208,.6)}
.spec-table td:last-child{color:var(--gold-soft)}

.opt{background:var(--wine-2);border:1px solid rgba(226,195,124,.16)}
.opt .ic{background:rgba(201,154,69,.14);color:var(--gold-soft);border:1px solid rgba(226,195,124,.36)}
.opt h3{color:#F7ECDB}
.opt p{color:rgba(241,227,208,.6)}

/* Referenzen-Filter */
.filter{background:var(--wine-2);border-color:rgba(226,195,124,.24);color:var(--gold-soft)}
.filter:hover{border-color:var(--gold)}
.filter.active{background:var(--gold);color:var(--wine);border-color:var(--gold)}
.real-card{background:var(--wine-2);border:1px solid rgba(226,195,124,.16)}
.real-card .media{background:var(--wine-deep)}
.real-card .meta h3{color:#F7ECDB}
.real-card .meta p{color:rgba(241,227,208,.6)}

/* Kontakt-Formular */
.contact-info{background:var(--wine-deep);border:1px solid rgba(226,195,124,.18)}
.form-card{background:var(--wine-2);border:1px solid rgba(226,195,124,.16)}
.form-card h2{color:#F7ECDB}
.form-card .lead{color:rgba(241,227,208,.66)}
.field label{color:var(--gold-soft)}
.field input,.field select,.field textarea{background:var(--wine-deep);border-color:rgba(226,195,124,.24);color:var(--fg)}
.field input::placeholder,.field textarea::placeholder{color:rgba(241,227,208,.4)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,154,69,.18);background:var(--wine-deep)}
.field select option{background:var(--wine-deep);color:var(--fg)}
.form-note{color:rgba(241,227,208,.55)}
.cta-band{background:linear-gradient(120deg,var(--berry-deep),var(--berry))}

/* Map placeholder */
.map-embed{border:1px solid rgba(226,195,124,.2);border-radius:18px;overflow:hidden;height:320px;
  background:radial-gradient(90% 90% at 30% 20%,#33191c,#1d0e10);display:flex;align-items:center;justify-content:center;
  color:rgba(241,227,208,.6);font-family:var(--mono);font-size:13px;text-align:center;gap:10px;flex-direction:column;padding:24px}
.map-embed .lic{width:30px;height:30px;color:var(--gold-soft)}