

/* BREAKPOINT: XXL (BASE) */
.fr-cta-section-alpha {padding-top: var(--section-space-xs); padding-bottom: var(--section-space-xs)}


/* BREAKPOINT: XXL (BASE) */
.primary-left-blur {overflow: hidden}
.primary-left-blur { --before-display: flex; --before-opacity: 0.15; --before-inset: auto auto 5em -5em; /* nur links unten */ --before-width: 20rem;       /* kleinere Fläche */ --before-rotate: 30deg;       /* weniger geneigt */ --before-blur: 30px;        /* geringerer Blur */ --before-color: var(--primary); --overflow: visible; isolation: isolate; overflow: var(--overflow); position: relative; /* Nachher-Blur deaktiviert oder optional anpassen */ --after-display: none;} .primary-left-blur::before { opacity: var(--before-opacity); content: ""; display: var(--before-display); width: var(--before-width); aspect-ratio: 1 / 1; background-color: var(--before-color); position: absolute; inset: var(--before-inset); z-index: -1; filter: blur(var(--before-blur)); transform: rotate(var(--before-rotate));} .primary-left-blur::after { display: none; /* deaktiviert */}


/* BREAKPOINT: XXL (BASE) */
.fr-cta-section-alpha__inner {row-gap: var(--content-gap); align-items: center; text-align: center; padding-top: var(--space-l); padding-right: var(--space-l); padding-bottom: var(--space-l); padding-left: var(--space-l); background-color: var(--primary); width: var(--width-l); border-radius: var(--radius)}

/* BREAKPOINT: M */
@media (max-width: 767px) {
.fr-cta-section-alpha__inner {align-items: center; text-align: left}
}

/* BREAKPOINT: XXL (BASE) */
.fr-cta-section-alpha__heading-wrapper {display: flex; flex-direction: column; row-gap: .5em}


/* BREAKPOINT: XXL (BASE) */
.fr-cta-section-alpha__heading {color: var(--text-dark)}


/* BREAKPOINT: XXL (BASE) */
.fr-cta-section-alpha__button-wrapper {flex-direction: row; align-items: center; column-gap: var(--content-gap); display: flex; row-gap: var(--content-gap)}

/* BREAKPOINT: M */
@media (max-width: 767px) {
.fr-cta-section-alpha__button-wrapper {flex-direction: column}
}
/* BREAKPOINT: S */
@media (max-width: 478px) {
.fr-cta-section-alpha__button-wrapper {width: 100%}
}

