/* --- Oranger, Kreis-CTA ------------------------------------------------------------------------------------ */
.is-style-group-cta {
    width: 15.5rem;
    height: 15.5rem;
    background-color: var(--color--primary-1);
    color: white; /* Textfarbe */
    border-radius: 50%; /* Kreisform */
    display: flex;
    flex-direction: column; /* Stapele Icon & Text vertikal */
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.5rem; /* Abstand zwischen Icon und Text */
    transform: rotate(-15deg);
}

.is-style-group-cta p {
    margin: 0;
    font-size: 2rem;
    font-family: var(--font-family--primary);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 1px;
}

/* -------CTA Banner-------------------------------------------------------------------------------------------- */

section.wp-block-group.alignfull:has(.cta-banner) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cta-banner {
    background-color: var(--color--primary-1);
    border-radius: var(--border-radius--medium);
    padding: clamp(1.5rem, 1vw + 1rem, 2.5rem);
}

.cta-banner h3.wp-block-heading {
    color: var(--color--secondary-2);
    margin-bottom: 0;
}

.cta-banner .block-editor-rich-text__editable.wp-block-button__link{
    background-color: unset;
}

.cta-banner .wp-block-button:not(.block-editor-block-list__block) {
    background-color: var(--color--secondary-1);
    transition: all 0.3s linear;
}

.cta-banner .wp-block-button:hover {
    background-color: var(--color--secondary-2) !important;
    transition: all 0.3s linear;
}
.cta-banner .wp-block-button:hover .wp-block-button__link {
    color: var(--color--secondary-1) !important;
    transition: all 0.3s linear;
}

.cta-banner .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-top: 0;
}

/* -------Media Queries-------------------------------------------------------------------------------------------- */

@media screen and (max-width: 781px) {
    .cta-banner {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 600px) {
    section.wp-block-group.alignfull:has(.cta-banner) {
        background-color: var(--color--primary-1);
    }
}