#pk_flex_content .flex_layout.hero_afbeelding_content {
    max-width: unset;
    padding: 0;
    overflow: hidden;
}

#pk_flex_content .flex_layout.hero_afbeelding_content .flex_container {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 86px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#pk_flex_content .flex_layout.hero_afbeelding_content .flex_container::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: '';
    background: linear-gradient(90deg, rgba(0, 18, 29, .88) 0%, rgba(0, 26, 39, .68) 52%, rgba(0, 26, 39, .2) 100%);
}

#pk_flex_content .flex_layout.hero_afbeelding_content .flex_hero_inner {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: calc(100vh - 86px);
    max-width: var(--site-grid);
    margin: 0 auto;
    padding: 80px 40px;
}

#pk_flex_content .flex_layout.hero_afbeelding_content .flex_container_inner { max-width: 1040px; }

#pk_flex_content .flex_layout.hero_afbeelding_content .heading { margin-bottom: 28px; color: white; }

#pk_flex_content .flex_layout.hero_afbeelding_content .text_wrapper { max-width: 920px; }

#pk_flex_content .flex_layout.hero_afbeelding_content .text_wrapper,
#pk_flex_content .flex_layout.hero_afbeelding_content .text_wrapper p { color: white; }

#pk_flex_content .flex_layout.hero_afbeelding_content .button_hero_wrapper { margin-top: 36px; }

#pk_flex_content .flex_layout.hero_afbeelding_content .outline_knop {
    padding: .75rem 1.125rem;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: .5rem;
    background: transparent;
    color: white;
}

#pk_flex_content .flex_layout.hero_afbeelding_content .outline_knop .button_text { color: white; }

#pk_flex_content .flex_layout.hero_afbeelding_content .outline_knop:is(:hover, :active, :focus) {
    padding: .75rem 1.125rem;
    border-color: white;
    background: white;
    color: var(--pure-black);
}

#pk_flex_content .flex_layout.hero_afbeelding_content .outline_knop:is(:hover, :active, :focus) .button_text { color: var(--pure-black); }

#pk_flex_content .flex_layout.hero_afbeelding_content .word_switch {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 1em;
    overflow: hidden;
    vertical-align: bottom;
    color: var(--tech-green);
}

#pk_flex_content .flex_layout.hero_afbeelding_content .word_switch span { position: absolute; opacity: 0; transform: translateY(100%); }

#pk_flex_content .flex_layout.hero_afbeelding_content .lottie_style_element {
    position: absolute;
    top: 50%;
    right: -10%;
    width: auto;
    height: 1700px;
    min-height: 120vh;
    max-width: unset;
    aspect-ratio: 1;
    transform: translateY(-50%);
}

#pk_flex_content .flex_layout.hero_afbeelding_content .lottie_style_element svg { width: 100%; height: 100%; }

#pk_flex_content .flex_layout.hero_afbeelding_content #scroll_down { position: absolute; right: 40px; bottom: 80px; }

@media screen and (max-width: 1300px) {
    #pk_flex_content .flex_layout.hero_afbeelding_content .lottie_style_element {
        right: unset;
        left: calc(((100vw - 1265px) / 2) - 100px);
        height: 1400px;
        min-height: 1000px;
    }
}

@media screen and (max-width: 767px) {
    #pk_flex_content .flex_layout.hero_afbeelding_content .flex_container { min-height: calc(100dvh - 63px); }
    #pk_flex_content .flex_layout.hero_afbeelding_content .flex_hero_inner { min-height: calc(100dvh - 63px); padding: 80px 20px; }
    #pk_flex_content .flex_layout.hero_afbeelding_content #scroll_down { display: none; }
}