.jumbotron.jumbo-padding.header_video {
    padding: 0;
    margin-top: calc(var(--padding_body) * -1);
    margin-bottom: 0;
}
 
.jumbotron.header_video {
    overflow-x: clip;
    --padding-inline: var(--bs-gutter-x, .75rem);
    --content-max-width: var(--container-width);
    --narrow-size-reduction: calc(((100% - var(--container-width)) / 2) - 3rem);
    --_content-column-size: calc(var(--narrow-size-reduction) / 2);
    display: grid;
    grid-template-columns: /* Split the first column */ [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(10, 1fr) minmax(var(--padding-inline), 1fr) [content-end] /* Split the last column */ 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);
    z-index: 0;
    position: relative;
    align-items: center;
	height: 100vh;
}

.header_video_container{
	grid-row: 1;
	grid-column: outer-full-width;
}
 
.header_video_content {
    grid-column: content-start / 9;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: start;
    color: #fff;
    z-index: 1;
    align-items: flex-start;
}
 
.header_video_content .inner { 
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-block: 5rem;
}
 
.header_video_content h1 { 
	line-height: normal;
	
}
 
.header_video_content .vijftig_jaar {
	position: relative;
	margin-bottom: 2rem;
}
 
.header_video_content .vijftig_jaar span { 
	border-radius: 0.8rem; 
	background-color: var(--blauw);
    padding: 1.45rem 0.9rem;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    display: flex;
    width: 14rem;
    align-items: center;
	position: relative;
    justify-content: center;
}
 
.header_video_content .vijftig_jaar:after { 
	content: '';
	display: block;
	position: relative;
	border-top: 1px solid rgba(255,255,255,0.5);
	width: calc(100% - 16rem);
	left: 0;
	transform: translate(16rem, -3rem);
}
 
#header-video{
    opacity: 0;
    transition:opacity 0.6s ease-in-out;
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
 
#header-video.visible{
    opacity: 1;
}
 
.jumbotron.jumbo-padding.header_video:before {
	content: '';
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='880' viewBox='0 0 1920 880' fill='none'%3E%3Cpath opacity='0.44' d='M1920 880L0 880L7.6932e-05 1.52537e-05L1920 0.000183105L1920 880Z' fill='url(%23paint0_linear_6092_1406)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6092_1406' x1='960' y1='880' x2='960' y2='9.91796e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	grid-row: 1;
	grid-column: outer-full-width-start / outer-full-width-end;
}
 
@media (max-width:767px)
{
	
	.jumbotron.header_video {
		grid-template-columns: /* Split the first column */ [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(1, 1fr) minmax(var(--padding-inline), 1fr) [content-end] /* Split the last column */ 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 {
        height: 100vh;
        width: 100vw;
        object-fit: cover;
    }
	
	.header_video_content {
		grid-column: content-start / content-end;
	}
}