/* lautsprecher-reparatur.de: Gerüst wie kamera-doktor (styles.css), Gerätewelt „Klang bei Nacht“. 08.10.2026.
   CTA #A63D1E (Weiß darauf 6,2:1), Akzent #F5B841 nur für Auszeichnung. */
:root{
  --bg:#0C0F16; --bg-2:#131824; --bg-3:#1B2232; --line:#232B3D; --line-2:#313B52;
  --fg:#F3F5F9; --fg-2:#BAC2D3; --fg-3:#8892A8;
  --red:#A63D1E; --red-2:#8C3318; --red-soft:rgba(166,61,30,.16);
  --cyan:#F5B841; --cyan-2:#F8CF78; --cyan-soft:rgba(245,184,65,.12);
  --glow-cyan:0 0 0 1px rgba(245,184,65,.5), 0 0 32px -8px rgba(245,184,65,.3);
}
.rec{border-radius:var(--r-xs);letter-spacing:.12em}
.chips span,.chips a{border-radius:var(--r)}
.badge{border-radius:var(--r-xs)!important}
.hero h1 em{color:var(--cyan-2)}
.hero-shade{background:linear-gradient(180deg,rgba(12,15,22,.5) 0%,rgba(12,15,22,.1) 35%,rgba(12,15,22,.72) 72%,rgba(12,15,22,.97) 100%),linear-gradient(90deg,rgba(12,15,22,.86) 0%,rgba(12,15,22,.4) 42%,rgba(12,15,22,0) 64%)}
.logo .mark{background:url(/favicon.svg) center/contain no-repeat!important;border:0!important;box-shadow:none!important}
.logo .mark::before,.logo .mark::after{display:none!important}
.flow.drei{grid-template-columns:repeat(3,1fr)}
.flow.drei::before,.flow.drei::after{display:none}
@media (max-width:980px){.flow.drei{grid-template-columns:1fr}}
.eyebrow{white-space:normal}
.btn{white-space:normal;text-align:center}
@media (max-width:420px){.kva-box{padding:20px 16px}.kva-box .big{font-size:1.6rem}}
@media (max-width:760px){.hero-media img,.hero-media video{object-position:100% 50%;opacity:.35}.hero .lead{font-size:1.02rem}}
/* Landingpages (Muster hifi-verstaerker): Statuskarte und Messprotokoll im Kopfbereich gestalten */
.landing .hero-bg{display:none}
.landing .hero-art{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);padding:22px 22px 18px;display:grid;gap:20px;box-shadow:0 24px 60px -30px rgba(0,0,0,.7)}
.landing .hero-art .lbl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:var(--t-xs);color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em}
.landing .hero-art .lbl b{color:var(--cyan);font-weight:600;text-transform:none;letter-spacing:0;font-size:var(--t-s)}
.landing .hero-art .lbl b.warn{color:var(--cyan-2)}
.landing .hpbar .track{height:8px;border-radius:99px;background:var(--bg-3);overflow:hidden;margin:12px 0 10px}
.landing .hpbar .fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--cyan))}
.landing .hpbar .sub{color:var(--fg-2);font-size:var(--t-s);line-height:1.55}
.landing .diag ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.landing .diag li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--bg-3);color:var(--fg-2);font-size:var(--t-s)}
.landing .diag li b{color:var(--fg);font-weight:600;white-space:nowrap}
.landing .hero-art p{margin:0;color:var(--fg-2);font-size:var(--t-s)}
.landing .hero-copy figure{display:none}
@media (max-width:860px){.landing .hero-art{margin-top:8px}}