/* ============================================================
   x-kennzahlen.css — Sektionsfamilie „Kennzahlen-Leiste"
   (Bauplan E, M-Hub-B: HELLE Adaption der S6-Proof-Bar der
   Startseite, vgl. site.css .bf-refs-proof/.bf-proof).
   4 Mono-Kennzahlen mit Hairline-Trennern auf Weiß — keine
   Sektor-Kacheln, nur belegte Werte gem. D24.
   Foundation = tokens + components + site.css; nur DS-Tokens,
   Breakpoints 1080/760/600 wie Master.
   ============================================================ */
.bfx-kennzahlen-sec { background: #fff; padding: 96px 0; }
.bfx-kennzahlen-head { max-width: 760px; margin-bottom: 40px; }
.bfx-kennzahlen-head .bf-h2 { margin: 18px 0 16px; }
.bfx-kennzahlen-row { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--bf-border); padding-top: 36px; }
.bfx-kennzahlen-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 25px; border-right: 1px solid var(--bf-border); }
.bfx-kennzahlen-item:last-child { border-right: none; }
.bfx-kennzahlen-v { font-family: var(--bf-font-mono); font-size: 38px; font-weight: 700; color: var(--bf-text); letter-spacing: -0.02em; line-height: 1; }
.bfx-kennzahlen-k { font-family: var(--bf-font-mono); font-size: 12px; line-height: 1.4; color: var(--bf-text-muted); }

@media (max-width: 1080px) {
  .bfx-kennzahlen-row { grid-template-columns: repeat(2, 1fr); gap: 28px 0; }
  .bfx-kennzahlen-item:nth-child(2) { border-right: none; }
}
@media (max-width: 600px) {
  .bfx-kennzahlen-sec { padding: 64px 0; }
  .bfx-kennzahlen-row { grid-template-columns: 1fr; border-top: none; padding-top: 0; }
  .bfx-kennzahlen-item { padding: 22px 0; border-right: none; border-top: 1px solid var(--bf-border); }
  .bfx-kennzahlen-item:first-child { border-top: none; }
}