/* Content Block "Kontaktbereich". Tokens: base.css */
.frame.frame-type-srwebsites_contactcta {
    --frame-background: linear-gradient(180deg, var(--color-primary), var(--color-primary-dark));
    --frame-color: var(--color-on-primary);
    --frame-link-color: var(--color-on-primary);
    --frame-link-hover-color: var(--color-on-dark-lead);
    text-align: center;
}

.kb-cta__title {
    margin: 0;
    color: inherit;
    font-size: clamp(1.625rem, 3vw, 2.125rem);
    line-height: 1.15;
    text-wrap: balance;
}

.kb-cta__text {
    max-width: 40rem;
    margin: .75rem auto 0;
    color: var(--color-on-dark-lead);
    font-size: 1.0625rem;
    line-height: 1.65;
}

.kb-cta__text p { margin: 0; }
.kb-cta__text a { text-decoration: underline; }

.kb-cta__actions {
    margin: 1.75rem 0 0;
}

/* Abstand: Der Block hat einen eigenen Hintergrund (Verlauf), ist für BP aber frame-background-none.
   BP (_frame.scss, make-frame-collapsible) würde ihn daher mit einem vorangehenden "none"-Abschnitt
   zusammenschieben. #page-content hebt die Spezifität über die BP-Regel. */
#page-content .frame + .frame-type-srwebsites_contactcta {
    --frame-outer-spacing-before: 0;
}