/* kaffeemaschinen-doktor.de: Gerüst wie kamera-doktor (styles.css), Gerätewelt „Espresso und Crema“. Relaunch 05.10.2026.
   CTA #B4432A (Weiß darauf geprüft >= 4,5:1), Akzent #E0A458 nur für Auszeichnung. */
:root{
  --bg:#0E0A08; --bg-2:#18120F; --bg-3:#231A16; --line:#2C221D; --line-2:#3A2E27;
  --fg:#F7F2EE; --fg-2:#C9BDB4; --fg-3:#998B81;
  --red:#B4432A; --red-2:#963722; --red-soft:rgba(180,67,42,.16);
  --cyan:#E0A458; --cyan-2:#EDC48A; --cyan-soft:rgba(224,164,88,.12);
  --glow-cyan:0 0 0 1px rgba(224,164,88,.5), 0 0 32px -8px rgba(224,164,88,.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(14,10,8,.5) 0%,rgba(14,10,8,.1) 35%,rgba(14,10,8,.72) 72%,rgba(14,10,8,.97) 100%),linear-gradient(90deg,rgba(14,10,8,.82) 0%,rgba(14,10,8,.35) 40%,rgba(14,10,8,0) 62%)}
.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:65% 50%}.hero .lead{font-size:1.02rem}}

/* 08.10.2026: Kennzahlen-Block und Druckanzeige (Gestaltung ging beim Relaunch verloren) */
.facts{padding:28px 0 8px}
.facts .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.facts .fact{border-left:2px solid var(--cyan-soft);padding-left:14px}
.facts .fact .n{font-size:1.9rem;line-height:1.1;font-weight:700;color:var(--cyan);margin-bottom:6px}
.facts .fact .l{font-size:.92rem;line-height:1.45;opacity:.78}
@media(min-width:900px){.facts .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gauge .val{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:8px}
.gauge .val span{font-size:2rem;font-weight:700;color:var(--cyan)}
.gauge .lbl{text-align:center;opacity:.75;font-size:.9rem}