.flex-layout.voorstelling_detail_hero-layout{
    margin-block: 0;
    aspect-ratio: 16/9;
    position: relative;
    isolation: isolate;
    display: flex;
}
.flex-layout.voorstelling_detail_hero-layout .bg_image{
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: -1;
    clip-path: polygon(
      0% 0%,
      100% 0%,
      100% 95.85%,
      40.67% 100%,
      0% 84.54%
    );
}

.flex-layout.voorstelling_detail_hero-layout .content-col{
    margin-top: auto;
    background-color: var(--grijs);
    color: var(--bruin);
    padding: max(1.5rem, calc(3 * var(--su)));
}

.flex-layout.voorstelling_detail_hero-layout .pk-heading,
.flex-layout.voorstelling_detail_hero-layout .pk-text{
    margin-bottom: max(1rem, calc(2 * var(--su)));
    word-wrap: break-word;
}

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

    .flex-layout.voorstelling_detail_hero-layout{
        aspect-ratio: unset;
    }

    .flex-layout.voorstelling_detail_hero-layout .bg_image{
        position: relative;
        grid-column: 1 / -1;
    }

    .flex-layout.voorstelling_detail_hero-layout .content-col{
        transform: translateY(-50%);
        margin-inline: max(.5rem, calc(.5 * var(--su)));
    }
}