.flex-layout.hero_big_image {
    margin-top: 0;
    margin-bottom: calc(2 * var(--pk-row-spacing));
    padding-inline: 0;
    position: relative;
    --shape-height: max(8rem, calc(12.5 * var(--su)));
}

.flex-layout.hero_big_image::after {
    content: '';
    width: 100vw;
    z-index: 0;
    display: block;
    background-color: var(--hero-bg, var(--knalpaars));
    transform: translateY(-1px);
    height: var(--shape-height);
    clip-path: polygon(0% 0%, 100% -378.4%, 100% 100%);
}

.flex-layout.hero_big_image .pk-grid-container {
    align-items: center;
    padding-inline: var(--pk-site-gutter);
    background-color: var(--hero-bg, var(--knalpaars));
    padding-top: var(--pk-header-height);
    align-items: start;
}

.flex-layout.hero_big_image .image-col {
    order: -1;
    margin-left: calc(-1 * var(--pk-site-gutter));
    height: calc(120% + var(--shape-height));
    width: 100%;
    position: relative;
    z-index: 1;
    --mask-url: url("data:image/svg+xml,%3Csvg width='759' height='971' viewBox='0 0 759 971' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_701_3102)'%3E%3Cpath d='M-308.635 835.998L-351.033 334.038L-317.636 1.43339L305.216 -2.18065L610.8 174.498L759.581 907.701L319.216 941.997L-77.027 978.427L-308.635 835.998Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_701_3102'%3E%3Crect width='759' height='971' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    mask: var(--mask-url) no-repeat right center / cover;
    -webkit-mask: var(--mask-url) no-repeat right center / cover;
    /* padding-block: 0 max(5rem, calc(18 * var(--su))); */
}

.flex-layout.hero_big_image.flipped .image-col {
    order: 1;
    margin-left: auto;
    margin-right: calc(-1 * var(--pk-site-gutter));
    mask-position: left center;
    transform: scaleX(-1);
}

.flex-layout.hero_big_image .image-col img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    position: absolute;
    aspect-ratio: unset;
}

.flex-layout.hero_big_image.flipped .image-col img {
    transform: scaleX(-1);
}

.flex-layout.hero_big_image .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.flex-layout.hero_big_image .content-col {
    padding-block: max(3rem, calc(5 * var(--su)));
    display: flex;
    flex-direction: column;
    gap: max(1.5rem, calc(2 * var(--su)));
    color: var(--wit);
}

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

.flex-layout.hero_big_image .update-meta {
    display: flex;
    align-items: center;
    gap: .5em;
    font-size: var(--desktop-body-sm);
    font-weight: 400;
}

.flex-layout.hero_big_image .update-meta .update-categorie {
    font-weight: 500;
}

.flex-layout.hero_big_image .update-meta-divider {
    opacity: .5;
}


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

    .flex-layout.hero_big_image .pk-grid-container {
        padding-inline: var(--pk-site-gutter);
    }

    .flex-layout.hero_big_image .content-col {
        padding-left: unset !important;
    }

    .flex-layout.hero_big_image .image-col {
        display: none;
    }
/* 
    .flex-layout.hero_big_image .image-col img {
        position: static;
    } */

}