.flex-layout.afbeelding_content_cta .acc-wrapper {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 16px;
    min-height: max(20rem, calc(25 * var(--su)));
    border-radius: 16px;
    overflow: hidden;
}

.flex-layout.afbeelding_content_cta .acc-content {
    background: var(--color-sky-blue);
    padding: max(6.5rem, calc(6.5 * var(--su))) max(7.8rem, calc(7.8 * var(--su)));
    display: flex;
    flex-direction: column;
    gap: max(1.25rem, calc(1.5 * var(--su)));
    justify-content: center;
    position: relative;
    z-index: 1;
}



.flex-layout.afbeelding_content_cta.has-higher-padding .acc-content {
    padding-block: max(9rem, calc(9 * var(--su)));
}

.flex-layout.afbeelding_content_cta.is-flipped .acc-wrapper {
    grid-template-columns: 5fr 7fr;
}

.flex-layout.afbeelding_content_cta.is-flipped .acc-content {
    background: var(--color-midnight-blue);
    order: 2;
}

.flex-layout.afbeelding_content_cta.is-flipped .acc-image {
    order: 1;
}

.flex-layout.afbeelding_content_cta.is-flipped .pk-module.pk-text h2,
.flex-layout.afbeelding_content_cta.is-flipped .pk-module.pk-text h3,
.flex-layout.afbeelding_content_cta.is-flipped .pk-module.pk-text h4,
.flex-layout.afbeelding_content_cta.is-flipped .pk-module.pk-text h5,
.flex-layout.afbeelding_content_cta.is-flipped .pk-module.pk-text h6,
.flex-layout.afbeelding_content_cta.is-flipped .pk-module.pk-text p {
    color: var(--color-icy-white);
}

.flex-layout.afbeelding_content_cta .acc-image {
    position: relative;
    overflow: hidden;
}

.flex-layout.afbeelding_content_cta .acc-content p:last-child {
    margin-bottom: 0;
}

.flex-layout.afbeelding_content_cta .acc-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 992px) {
    .flex-layout.afbeelding_content_cta .acc-wrapper,
    .flex-layout.afbeelding_content_cta.is-flipped .acc-wrapper {
        grid-template-columns: 1fr !important;
    }

    .flex-layout.afbeelding_content_cta .acc-image img{
        aspect-ratio: 1/1;
    }

    .flex-layout.afbeelding_content_cta .acc-content,
    .flex-layout.afbeelding_content_cta.is-flipped .acc-content {
        order: 1;
        padding: max(3.25rem, calc(3.25 * var(--su))) max(1.95rem, calc(1.95 * var(--su)));
    }

    .flex-layout.afbeelding_content_cta .acc-image,
    .flex-layout.afbeelding_content_cta.is-flipped .acc-image {
        order: 2;
        min-height: max(15rem, calc(18 * var(--su)));
    }
}