/* Weser Theme – Block: Text CTA (Kontakt-Teaser) */
/* Abstand oberhalb/unterhalb der Sektion: assets/css/section-spacing.css */
.block-text-cta {
    background-color: var(--color-white);
    text-align: center;
}

/* Figma: Tablet/Mobil 22px/26px, Desktop 32px/48px – Literata Bold */
.text-cta-headline {
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .text-cta-headline {
        font-size: 32px;
        line-height: 48px;
    }
}

/* Text + Button auf allen Breakpoints 16px / line-height auto */
.text-cta-text {
    font-size: 16px;
    color: var(--color-text);
    max-width: 640px;
    margin: 0 auto 36px;
    line-height: normal;
}

.block-text-cta .btn {
    font-size: 16px;
    line-height: normal;
    font-weight: var(--fw-normal);
}

/* Figma-Kontakt-Teaser: gefüllter Button mit heller Schrift.
   Seit 1.42.0 über die Farbwelt-Tokens statt fest auf #263864 – auf einer
   DE-RYCK-Seite ist dieser Button sonst als einziger blau geblieben, während
   Überschrift und Fließtext schon rot waren. Auf Weserwaben und Weserpools
   ändert sich nichts: --color-cta ist dort dasselbe Dunkelblau. */
.block-text-cta .btn-primary {
    background-color: var(--color-cta);
    border-color: var(--color-cta);
    color: var(--color-cta-text);
}

/* Hover invertiert – siehe Kopf von buttons.css. */
.block-text-cta .btn-primary:hover,
.block-text-cta .btn-primary:focus {
    background-color: var(--color-cta-text);
    border-color: var(--color-cta);
    color: var(--color-cta);
}