.header_video{
    display: grid;
    height: 100svh;
    overflow: hidden;
    padding: 0 !important;

    --padding-inline: var(--bs-gutter-x, .75rem);
    --content-max-width: var(--container-width, 1200px);
    --grid-columns: 10;
    --narrow-size-reduction: max(0px, calc(((100% - var(--content-max-width)) / 2) - 3rem));
    --_content-column-size: calc(var(--narrow-size-reduction) / 2);
    --header-video-padding-top: var(--jumbotron-standard-margin);
    --header-video-padding-bottom: var(--jumbotron-standard-margin);

    grid-template-columns:
        [outer-full-width-start] minmax(0, var(--_content-column-size))
        [full-width-start] minmax(0, var(--_content-column-size))
        [content-start] minmax(var(--padding-inline), 1fr)
        repeat(var(--grid-columns), 1fr)
        minmax(var(--padding-inline), 1fr) [content-end]
        minmax(0, var(--_content-column-size)) [full-width-end]
        minmax(0, var(--_content-column-size)) [outer-full-width-end];
    gap: 0 var(--bs-gutter-x, .75rem);
}

.header_video.pt-sm  { --header-video-padding-top: var(--jumbotron-margin-sm); }
.header_video.pt-md  { --header-video-padding-top: var(--jumbotron-margin-md); }
.header_video.pt-xl  { --header-video-padding-top: var(--jumbotron-margin-xl); }
.header_video.pt-xxl { --header-video-padding-top: var(--jumbotron-margin-xxl); }

.header_video.pb-sm  { --header-video-padding-bottom: var(--jumbotron-margin-sm); }
.header_video.pb-md  { --header-video-padding-bottom: var(--jumbotron-margin-md); }
.header_video.pb-xl  { --header-video-padding-bottom: var(--jumbotron-margin-xl); }
.header_video.pb-xxl { --header-video-padding-bottom: var(--jumbotron-margin-xxl); }

.header_video.row_1{
    margin-top: calc(-1 * var(--body-padding, 0px));
}

.header_video_media,
.header_video_breadcrumbs,
.header_video_content{
    grid-row: 1;
    min-width: 0;
}

.header_video_media{
    grid-column: outer-full-width-start / outer-full-width-end;
    position: relative;
    z-index: 0;
}

.header_video_content{
    align-items: flex-end;
    color: #fff;
    display: flex;
    padding-bottom: var(--header-video-padding-bottom);
    padding-top: var(--header-video-padding-top);
    position: relative;
    z-index: 2;
}

.header_video.row_1 .header_video_content{
    padding-top: calc(var(--header-video-padding-top) + var(--body-padding, 0px));
}

.header_video_breadcrumbs{
    align-self: start;
    color: #fff;
    grid-column: content-start / content-end;
    padding-top: calc(11rem + var(--body-padding, 0px));
    position: relative;
    z-index: 2;
}

.header_video_breadcrumbs #breadcrumbs,
.header_video_breadcrumbs #breadcrumbs a{
    color: #fff;
}

.header_video_breadcrumbs #breadcrumbs .breadcrumb_last,
.header_video_breadcrumbs #breadcrumbs [aria-current="page"]{
    color: var(--grijs-50);
}

.header_video_breadcrumbs:empty{
    display: none;
}

.header_video_content_container{
    grid-column: content-start / content-end;
}

.header_video_content_container .container,
.header_video_content .row,
.header_video_content [class*="col-"]{
    --bs-gutter-x: 0;
    padding-left: 0;
    padding-right: 0;
}

.header_video_content_container .container,
.header_video_content .row{
    width: 100%;
}

.header_video_content_ruimtelijk{
    grid-column: full-width-start / full-width-end;
}

.header_video_content_inner > *:last-child{
    margin-bottom: 0;
}

.header_video_content h1,
.header_video_content h2,
.header_video_content h3,
.header_video_content h4,
.header_video_content a:not(.button){
    color: inherit;
}

.header_video_content_ruimtelijk h1{
    font-size: clamp(3rem, 1.44rem + 8vw, 12rem);
}

#content .header_video_content_ruimtelijk .header_video_content_inner > :is(header:has(h1), h1) + p{
    margin-top: calc(var(--default-margin-bottom) * 2) !important;
}

.header-video{
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.header-video.visible{
    opacity: 1;
}

@media (max-width:767px)
{
    .header_video{
        height: 100svh;
    }

    .header_video_content_container,
    .header_video_content_ruimtelijk{
        grid-column: full-width-start / full-width-end;
    }

    .header_video_breadcrumbs{
        padding-top: calc(4rem + var(--body-padding, 0px));
    }
    
    #content .header_video_content_ruimtelijk .header_video_content_inner > :is(header:has(h1), h1) + p {
        margin-top: var(--default-margin-bottom) !important;
    }
}