.flex-layout.hero_content_afbeeldingen {
    margin-top: 155px;
}

.flex-layout.hero_content_afbeeldingen .pk-grid-container {
    align-items: stretch;
}

.flex-layout.hero_content_afbeeldingen .content-col {
    background: var(--color-midnight-blue);
    border-radius: 16px 0px 16px 16px;
    padding: max(2.625rem, calc(2.625 * var(--su))) max(5.25rem, calc(5.25 * var(--su))) max(2.1875rem, calc(2.1875 * var(--su))) max(2.0625rem, calc(2.0625 * var(--su)));
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    gap: max(1.5rem, calc(1.5 * var(--su)));
}

.flex-layout.hero_content_afbeeldingen .hero-main-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap:0;
}

.flex-layout.hero_content_afbeeldingen .hero-main-content  .pk-button-group{
    margin-top:12px;
}

.flex-layout.hero_content_afbeeldingen .content-col .pk-module.pk-text,
.flex-layout.hero_content_afbeeldingen .content-col .pk-module.pk-text p,
.flex-layout.hero_content_afbeeldingen .content-col .pk-module.pk-text li {
    color: var(--color-white);
}

.flex-layout.hero_content_afbeeldingen .content-col .pk-module.pk-text h1 {
    color: var(--color-icy-white);
}

.flex-layout.hero_content_afbeeldingen .images-col {
    display: flex;
    flex-direction: column;
    gap: max(0.75rem, calc(0.75 * var(--su)));
}

.flex-layout.hero_content_afbeeldingen .images-col .image-wrapper {
    flex: 1;
    overflow: hidden;
    border-radius: 16px;
    min-height: 350px;
    max-height: 350px;
}

.flex-layout.hero_content_afbeeldingen .images-col .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (min-width: 1920px) {
.flex-layout.hero_content_afbeeldingen {
    margin-top: 175px;
}
}

@media (max-width: 992px) {
    .flex-layout.hero_content_afbeeldingen .pk-grid-container {
        gap: max(0.75rem, calc(0.75 * var(--su)));
    }

    .flex-layout.hero_content_afbeeldingen .content-col {
        padding: 40px 20px;
    }

    .flex-layout.hero_content_afbeeldingen .images-col {
        min-height: 400px;
        margin:0px 20px;
    }
}