.flex-layout.content_image-layout {
    padding-inline: 0;
    /* padding-block: max(5rem, calc(18 * var(--su))); */
    background-color: var(--bg-color, var(--grijs));
    display: flex;
    align-items: stretch;
    --mask-url: url("data:image/svg+xml,%3Csvg width='1512' height='870' viewBox='0 0 1512 870' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_709_3170)'%3E%3Cpath d='M396.819 832.067L1549.24 825.962L2033.98 857.975L1615.9 -4.50849L719.328 35.9024L-71.7373 70.8995L-174.707 676.686L-108.471 880.132L396.819 832.067Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_709_3170'%3E%3Crect width='1512' height='870' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask: var(--mask-url) no-repeat center / cover;
    -webkit-mask: var(--mask-url) no-repeat center / cover;
}

.flex-layout.content_image-layout.knalpaars .content-col, .flex-layout.content_image-layout.bruin .content-col {
    color: var(--wit);
}

.flex-layout.content_image-layout.flipped {
    --mask-url: url("data:image/svg+xml,%3Csvg width='1512' height='870' viewBox='0 0 1512 870' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_709_3171)'%3E%3Cpath d='M1115.18 832.067L-37.2419 825.962L-521.979 857.975L-103.895 -4.50849L792.672 35.9024L1583.74 70.8995L1686.71 676.686L1620.47 880.132L1115.18 832.067Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_709_3171'%3E%3Crect width='1512' height='870' fill='white' transform='matrix(-1 0 0 1 1512 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.flex-layout.content_image-layout .pk-grid-container {
    column-gap: 0;
}

.flex-layout.content_image-layout .content-col {
    padding-inline: var(--pk-site-gutter) 0;
    padding-block: max(4rem, calc(12.5 * var(--su)));
    position: relative;
}

.flex-layout.content_image-layout.flipped .content-col {
    padding-inline: 0 var(--pk-site-gutter);
}

.flex-layout.content_image-layout .content-col::before {
    content: '';
    position: absolute;
    right: calc(-1 * max(3rem, calc(4 * var(--su))));
    top: 0;
    width: auto;
    aspect-ratio: 35 / 799;
    height: 100%;
    transform: translate(calc(100% - 1px), 0%);
    background-color: var(--bg-color);
    mask: url("data:image/svg+xml,%3Csvg width='35' height='799' viewBox='0 0 35 799' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V799L35 625L7 2L0 0Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat left center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='35' height='799' viewBox='0 0 35 799' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V799L35 625L7 2L0 0Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat left center / contain;
    pointer-events: none;
}

.flex-layout.content_image-layout.flipped .content-col::before {
    content: '';
    position: absolute;
    left: calc(-1 * max(3rem, calc(4 * var(--su))));
    right: 0;
    top: 0;
    width: auto;
    aspect-ratio: 35 / 799;
    height: 100%;
    transform: translate(calc(-100% + 1px), 0%) scale(-1, 1);
}

.flex-layout.content_image-layout .content-col .pk-heading {
    margin: 0;
}

.flex-layout.content_image-layout .image-col {
    padding-inline: max(3rem, calc(4 * var(--su))) 0;
}

.flex-layout.content_image-layout.flipped .image-col {
    padding-inline: 0 max(3rem, calc(4 * var(--su)));
}

.flex-layout.content_image-layout.flipped .image-col {
    order: -1;
}

.flex-layout.content_image-layout .image-col img {
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 992px) {

    .flex-layout.content_image-layout .image-col {
        padding-inline: 0 !important;
        order: -1 !important;
    }

    .flex-layout.content_image-layout .content-col {
        padding-inline: var(--pk-site-gutter) !important;
        padding-block: 4rem 6rem;
    }

    .flex-layout.content_image-layout .content-col::before {
        content: unset;
    }


}