/* ==========================================================
   Content Block: Textabschnitt
========================================================== */

.text-section {
    width: 100%;
    padding: 4.5rem 0;
}

.text-section--white {
    background: #fff;
}

.text-section--light {
    background: #f6f6f6;
}

.text-section__inner--narrow {
    max-width: 46rem;
}

.text-section__inner--medium {
    max-width: 58rem;
}

.text-section__inner--wide {
    max-width: 72rem;
}

.text-section__eyebrow {
    margin: 0 0 0.75rem;
    color: var(--color-primary, #c12030);
    font-family: var(--font-monospace, monospace);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
}

.text-section__title {
    max-width: 22ch;
    margin: 0;
    color: #333;
    font-size: clamp(1.75rem, 4vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -0.03125rem;
    line-height: 1.18;
}

.text-section__body {
    margin-top: 1.25rem;
    color: #4f4f4f;
    font-size: 1.0625rem;
    line-height: 1.7;
}

.text-section__body > :first-child {
    margin-top: 0;
}

.text-section__body > :last-child {
    margin-bottom: 0;
}

@media (max-width: 48rem) {
    .text-section {
        padding: 3rem 0;
    }
}