/* ================================
   Text-Hilfsklassen (im Editor frei verwendbar)
   Block → Erweitert → Zusätzliche CSS-Klasse(n)
   ================================ */

.hs-eyebrow {
    display: block;
    font-size: var(--font-size-small);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-red-dark);
}

.hs-lead {
    font-size: var(--font-size-medium);
    line-height: 1.5;
    color: var(--color-red-dark);
}

.hs-text-red { color: var(--color-red-dark); }
.hs-text-beige { color: var(--color-beige); }
.hs-text-white { color: var(--color-white); }

.hs-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.hs-text-center { text-align: center; }
.hs-text-right { text-align: right; }

.hs-bold { font-weight: 700; }