.content_afbeelding-layout {
    margin-block: max(4rem, calc(8.75 * var(--su)));
}

.content_afbeelding-layout .pk-content_wrap {
    display: flex;
    flex-direction: column;
    margin-top: max(1rem, calc(3 * var(--su)));
}

.content_afbeelding-layout .pk-content_wrap .pk-heading {
    font-size: var(--scaling-h3);
    color: var(--ex-grey-blue);
}

.content_afbeelding-layout .pk-content_wrap .pk-text {
    color: var(--ex-grey-blue);
}

.content_afbeelding-layout .pk-cta-link {
    display: inline-flex;
    align-items: center;
    gap: max(0.5rem, calc(0.5 * var(--su)));
    margin-top: max(1.5rem, calc(1.5 * var(--su)));
    color: var(--ex-grey-blue);
    text-decoration: none;
}

.content_afbeelding-layout .pk-cta-link::after {
    content: "\e5e1";
    font-family: "Material Symbols Outlined";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: max(1.5rem, calc(1.5 * var(--su)));
    height: max(1.5rem, calc(1.5 * var(--su)));
    font-size: max(0.7rem, calc(0.7 * var(--su)));
    border: 1px solid var(--ex-border);
    border-radius: 999px;
    transition:
        border-color 0.2s ease,
        transform 0.2s ease;
}

.content_afbeelding-layout .pk-cta-link:hover::after {
    border-color: var(--ex-grey-blue);
    transform: translateX(3px);
}

.content_afbeelding-layout .pk-illu-wrap {
    width: max(6rem, calc(6 * var(--su)));
    margin-top: auto;
}

.content_afbeelding-layout .pk-illu-wrap img {
    display: block;
    width: 100%;
    height: auto;
}

.content_afbeelding-layout .pk-image_wrap {
    border-radius: max(1.5rem, calc(1.5 * var(--su)));
    overflow: hidden;
}

.content_afbeelding-layout .pk-image_wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 940/650;
}

@media only screen and (min-width: 993px) {
    .content_afbeelding-layout .pk-content_wrap {
        display: flex;
        flex-direction: column;
        padding-inline: 0 max(2.5rem, calc(2.5 * var(--su)));
    }

    .content_afbeelding-layout.is-reversed .pk-content_wrap {
        padding-inline: max(2.5rem, calc(2.5 * var(--su))) 0;
    }

    .content_afbeelding-layout.is-reversed .pk-image_wrap {
        order: -1;
    }

    .content_afbeelding-layout .pk-illu-wrap.is-mobile {
        display: none;
    }
}

@media only screen and (max-width: 993px) {
    .content_afbeelding-layout .pk-row-content {
        row-gap: max(1.25rem, calc(1.5 * var(--su)));
    }

    .content_afbeelding-layout .pk-illu-wrap.is-desktop {
        display: none;
    }

    .content_afbeelding-layout .pk-illu-wrap.is-mobile {
        margin-top: max(2rem, calc(2 * var(--su)));
    }
}

@media only screen and (max-width: 767px) {
    .content_afbeelding-layout .pk-image_wrap img {
        aspect-ratio: 16/9;
    }
}

@media only screen and (max-width: 667px) {
    .content_afbeelding-layout .pk-image_wrap img {
        aspect-ratio: 345/475;
    }
}