/* Indien de video fullscreen moet, .header_video weghalen */
.header_video_home { 
	margin-top: var(--jumbotron-standard-margin);
}

 
.header_video_home_container header, .header_video_home_container .content { 
    position: relative;
    z-index: 99; 
}  

.header_video_home_figuur { 
    width: 55.4rem;
    height: 60rem;
    right: -0.5rem;
    bottom: -30.7rem;
    z-index: 1;
    position: absolute;
    display: flex;
    background-repeat: no-repeat;
    background-size: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Laag_2' data-name='Laag 2' viewBox='0 0 574.25 621.37'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23f8d8b6; %7D %3C/style%3E%3C/defs%3E%3Cg id='Laag_1-2' data-name='Laag 1'%3E%3Cpath id='Cirkel_vorm_lichtoranje_lijn' data-name='Cirkel vorm lichtoranje lijn' class='cls-1' d='M281.25,106.2c-75.25-6.49-146.86,5.88-206.09,54.77C18.38,207.82-1.91,289.37,.72,359.75c2.64,72.82,36.51,142.39,87.02,193.71,54.97,55.78,129.01,69.57,204.26,67.14,169.78-5.48,281.14-133.06,281.75-298.17C574.36,155.29,418.17,7.22,253.47,.52c-30.43-1.22-30.22,45.84,0,47.06,143.21,5.88,268.36,134.28,273.02,274.85,4.87,142.8-94.93,241.38-234.68,251.11-133.47,9.33-232.66-81.14-244.02-213.79-5.27-61.26,16.23-123.12,60.65-165.52,45.03-43,114.6-46.04,172.82-40.97,30.22,2.64,30.02-44.62,0-47.06h0Z'/%3E%3C/g%3E%3C/svg%3E");
}

.jumbotron .header_video_home h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
	color: var(--kleur_zwart);
	font-weight: 700 !important;
	font-family: 'pt-sans', sans-serif; 
}
 
.header_video_home header {
	margin-bottom: 3rem !important;
	padding-top: 10vh;
}

.header_video_home header h1 {
	position: relative; 
	font-size: 8rem;
	line-height: 9rem;
}

.header_video_home header h1 span {
	color: #F36F21;
}

.header_video_home header h1:before {
	content: '';
    display: block; 
    width: 5.6rem;
    height: 6.1rem;
	top: -3rem;
	left: -3rem; 
	background: no-repeat;
	background-size: cover;
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Laag_2' data-name='Laag 2' viewBox='0 0 84.6 91.14'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-width: 8px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Laag_1-2' data-name='Laag 1'%3E%3Cg id='Vorm_zwart_voor_titels' data-name='Vorm zwart voor titels'%3E%3Cpath id='Path_4500' data-name='Path 4500' class='cls-1' d='M38.25,4s41.29,.51,42.35,39.72'/%3E%3Cpath id='Path_4501' data-name='Path 4501' class='cls-1' d='M39.9,23.34S5.43,20.64,4.06,51.57c-1.37,30.92,21.92,35.57,21.92,35.57'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.header_video_home 
.content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: var(--kleur_wit);
    text-align: left;
    padding: 0;
} 

.row-details {
	margin-top: var(--jumbotron-standard-margin);
}

.video_container {
	margin-top: 0rem;
    margin-left: -7rem;
    margin-bottom: 0rem;
    margin-right: calc((-1 * (100vw - var(--container-width)) / 2) - var(--bs-gutter-x));
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
    overflow: hidden;
    position: relative;
    max-height: 70rem;
	-webkit-transform: scale(1);
} 

.video_overlay {
	overflow: hidden;
}

.video_overlay::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    background: rgb(0,0,0); 
	border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
    background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); 
}

#header-video { 
    opacity: 0;
    height: 70rem;
    object-fit: cover;
    width: 100%;
    display: block; 
} 

#header-video-duration {
    position: absolute;
    right: 56%;
    margin-right: calc((-1 * (100vw - var(--container-width)) / 2) - var(--bs-gutter-x));
    top: 50%;
    margin-top: -70px; 
    text-align: center;
    z-index: 99;
    color: #fff; 
}

#header-video-duration a {
    width: 200px;
    height: 96px;
    display: block;
    background-position: top center;
    background-size: inherit; 
    background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Laag_2' data-name='Laag 2' width='30.44mm' height='21.88mm' viewBox='0 0 86.29 62.03'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: url(%23linear-gradient); %7D .cls-2 %7B fill: %231d1d1b; %7D %3C/style%3E%3ClinearGradient id='linear-gradient' x1='2.39' y1='30.98' x2='83.09' y2='30.98' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f28c00'/%3E%3Cstop offset='1' stop-color='%23ec6608'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='iconen'%3E%3Cg id='play'%3E%3Cg id='oranje'%3E%3Cpath class='cls-1' d='m73.64,1.25H11.84C6.64,1.25,2.39,5.5,2.39,10.69v40.57c0,5.19,4.25,9.44,9.44,9.44h61.81c5.19,0,9.44-4.25,9.44-9.44V10.69c0-5.19-4.25-9.44-9.44-9.44Zm-18.95,30.5l-21.15,13.06c-1.24.77-2.84-.13-2.84-1.58V15.49c0-1.5,1.69-2.39,2.92-1.53l21.15,14.68c1.1.76,1.06,2.41-.08,3.11Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-2' d='m69.54,62.03H13.69c-6.19,0-12-9.33-12-14.96L0,11.95c0-.07,0-.14,0-.22C.96,4.16,7.77.07,13.69.07l47.65-.04c8.24-.47,12.87,3.6,15.28,7.1,4.33,6.31,4.73,15.27,2.61,19.95-.28.63-1.02.91-1.65.62-.63-.28-.91-1.02-.62-1.65,1.56-3.45,1.61-11.68-2.4-17.5-2.97-4.32-7.38-6.35-13.14-6.02l-47.72.04c-4.83,0-10.37,3.28-11.19,9.37l1.68,35.07c0,4.87,5.19,12.52,9.51,12.52h55.84c4.93,0,10.47-3.75,12.41-8.38.26-2.09,2.95-23.94,1.3-35.86-.09-.68.38-1.31,1.07-1.41.67-.09,1.32.38,1.41,1.07,1.77,12.8-1.19,35.72-1.32,36.69-.01.1-.04.21-.08.3-2.28,5.66-8.77,10.09-14.79,10.09Z'/%3E%3Cpath class='cls-2' d='m34.87,49.56c-.21,0-.42-.05-.61-.16-.4-.22-.64-.64-.64-1.09v-29.98c0-.47.26-.89.67-1.11.41-.22.91-.18,1.29.08l22.85,15.87c.35.24.55.64.54,1.06-.01.42-.23.81-.59,1.03l-22.85,14.11c-.2.12-.43.19-.66.19Zm1.25-28.84v25.35l19.32-11.93-19.32-13.42Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

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

article > .jumbotron:first-child.header_video_home {
    padding-top: 4rem;
	padding-bottom: calc(var(--jumbotron-standard-margin));
}
  
@media (max-width:992px)
{
	
	.header_video_home_container {  
		margin-top: -21rem;
	} 
	
    #header-video {
		max-height: 40rem;
    }
	
	.header_video_home header h1 {
		font-size: 3.6rem;
		line-height: 4.6rem; 
	}

	.header_video_home header h1:before { 
		width: 3.6rem;
		height: 4.1rem;
		top: -2rem;
		left: -2rem;
		background-size: 100%;
	} 
	
	.header_video_home_figuur {
		right: -20rem;
		bottom: -40rem;
		background-size: 80%; 
	}
}

@media (max-width:767px)
{
	.video_container {
		max-height: 19.7rem;
		margin-left: 0;
		margin-top: 6rem;
	} 
	
	 #header-video {
		 max-height: 19.7rem;
	}
	
}