/* Case „Spitex-Weiterbildung" — Faktenbox „Zeitersparnis" prominent hervorheben.
   Wird per pageCss (by slug) NUR auf /referenzen/spitex-weiterbildung geladen
   und ueberschreibt die kompakten .fakten-Regeln aus leonova-sections.css
   (gleiche Spezifitaet, spaetere Quellreihenfolge -> gewinnt). */

/* Eigener Farb-Band, damit sich die Kennzahlen vom weissen Fliesstext abheben */
.fakten { background: var(--c-creme); }

.fakten__intro {
    font-size: 1.1875rem;
    line-height: 1.6;
    color: var(--c-text-mid);
    max-width: 62ch;
    margin-top: var(--space-4);
}

/* Zwei grosse Kennzahlen nebeneinander */
.fakten__grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--space-6);
}
.fakten__item {
    padding-block: var(--space-6);
    gap: var(--space-4);
}

/* Die Prozentzahl gross und markant */
.fakten__item-text {
    font-family: var(--font-display);
    font-size: clamp(3rem, 1.4rem + 5.5vw, 5rem);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.03em;
    color: var(--c-blau);
    font-variation-settings: "opsz" 60;
}

@media (max-width: 640px) {
    .fakten__grid { grid-template-columns: 1fr; }
}