.introblok{
	position: relative;
}

.introblok:not(.achtergrondafbeelding){
	background-image: url(../../../images/no-img-header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: -156px;
	padding: 285px 0 0;
	background-size: auto 156px;
}

.introblok:before{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31' height='1118' viewBox='0 0 31 1118'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_225' data-name='Rectangle 225' width='31' height='1118' transform='translate(375.867 0.086)' fill='%23fff'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Cpath id='Path_641' data-name='Path 641' d='M0,109.51H426.867V-1008.2H0Z' transform='translate(0 1008.196)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1118' data-name='Group 1118' transform='translate(-375.867 -0.086)'%3E%3Cg id='Mask_Group_580' data-name='Mask Group 580' clip-path='url(%23clip-path)'%3E%3Cg id='Group_1047' data-name='Group 1047' transform='translate(-20)' clip-path='url(%23clip-path-2)'%3E%3Cg id='Group_1046' data-name='Group 1046' transform='translate(-0.001 0)'%3E%3Cpath id='Path_640' data-name='Path 640' d='M41.823,82.459-153.927-113.29a123.2,123.2,0,0,1,0-174.022l195.75-195.75V-759.153l-333.8,333.8c-124.092,124.093-124.092,326.008,0,450.1l333.8,333.8Z' transform='translate(385.045 759.153)' fill='%238cdacd'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	width: 31px;
	height: 1118px;
	content: "";
	position: absolute;
	top: 340px;
	left: 0;
	z-index: 1;
}

.introblok:after{
	background-position: right top;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31' height='1118' viewBox='0 0 30 1118'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_226' data-name='Rectangle 226' width='30' height='1118' transform='translate(20 -1008.396)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1117' data-name='Group 1117' transform='translate(-20 1008.396)'%3E%3Cg id='Mask_Group_581' data-name='Mask Group 581' clip-path='url(%23clip-path)'%3E%3Cg id='Group_1054' data-name='Group 1054' transform='translate(20 -1008.196)'%3E%3Cg id='Group_1051' data-name='Group 1051' transform='translate(0 0)'%3E%3Cpath id='Path_643' data-name='Path 643' d='M0,82.244l195.7-195.7a123.169,123.169,0,0,0,0-173.978L0-483.133v-276.02L333.713-425.439c124.061,124.062,124.061,325.925,0,449.988L0,358.267Z' transform='translate(0 759.153)' fill='%23091e2b'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	width: 31px;
	height: 1118px;
	content: "";
	position: absolute;
	top: 340px;
	right: 0;
	z-index: 1;
}

.introblok.achtergrondafbeelding{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	min-height: 100vh;
	margin-top: -156px;
	position: relative;
	z-index: 0;
}

.introblok.achtergrondafbeelding h1{
	color: #ffffff;
}

.introblok header:not(.header_met_subtitel) span{
	color: #ffffff;
}

.introblok.achtergrondafbeelding .subtitel{
	color: #ffffff;
}

.introblok.achtergrondafbeelding p{
	color: #ffffff;
	font-family: azo-sans-web;
	font-size: 30px;
	font-weight: 700;
	line-height: 50px;
}

.introblok.achtergrondafbeelding.introblok_smal{
	min-height: 0;
	padding: 285px 0 125px;
}

.introblok.achtergrondafbeelding{
	padding-top: 285px;
	padding-bottom: 125px;
}


body:not(.single-vacature) .introblok:not(.achtergrondafbeelding) header.header_met_subtitel span,
body .introblok.achtergrondafbeelding .subtitel,
body .introblok header:not(.header_met_subtitel) h1{
	font-family: azo-sans-web;
	font-size: 60px;
	font-weight: 700;
	line-height: 75px;
	margin-bottom: 36px !important;
	text-transform: none;
	display: block;
}

body.home .introblok header:not(.header_met_subtitel) h1{
	margin-bottom: 87px !important;
}

body:not(.single-vacature) .introblok:not(.achtergrondafbeelding) header.header_met_subtitel h1,
body .introblok.achtergrondafbeelding h1,
body .introblok header:not(.header_met_subtitel) span{
	font-family: azo-sans-web;
	display: block;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
	/* Text style for "werken bij" */
	text-transform: uppercase;
	margin-bottom: 16px !important;
	line-height: 1.2;
}

body .introblok:not(.achtergrondafbeelding) header:last-child:not(.header_met_subtitel) h1{
	margin-bottom: 0 !important;
}

.home .introblok img{
	margin-bottom: 70px;
	display: inline-block;
}

.home .introblok header{
	text-align: center;
}

.home .introblok header:not(.header_met_subtitel) h1,
.home .introblok header:not(.header_met_subtitel) h1 span#TypingText{
	color: #ffffff;
	font-family: azo-sans-web;
	font-size: 100px;
	font-weight: 700;
	line-height: 110px;
	text-align: center;
	text-transform: none;
	display: inline-block;
}

.home .introblok header:not(.header_met_subtitel) h1 span#TypingText{
	line-height: normal;
    height: 110px;
    margin-bottom: -7px !important;
}

.home .introblok header:not(.header_met_subtitel) h1:after{
	display: block;
	margin: 0 auto;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='69' height='26' viewBox='0 0 69 26'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%238cdacd' d='M19.42 19.49L0 0h18.282L28.56 10.317a8.137 8.137 0 0 0 11.523 0L50.364 0h18.282L49.225 19.49c-8.218 8.248-21.588 8.248-29.805 0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	content: "";
	width: 69px;
	height: 26px;
	margin-top: 25px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width:767px)
{		
	.introblok{
		overflow: hidden;
	}
	
	.introblok:before{
		left: -22px;
		top: 50%;
		height: 287px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	
	.introblok:after{
		right: -22px;
		top: 50%;
		height: 287px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	
	body:not(.single-vacature) .introblok:not(.achtergrondafbeelding) header.header_met_subtitel span, body .introblok.achtergrondafbeelding .subtitel, body .introblok header:not(.header_met_subtitel) h1{
		font-size: 40px;
		line-height: 56px;
	}
	
	body:not(.single-vacature) .introblok:not(.achtergrondafbeelding) header.header_met_subtitel h1, body .introblok.achtergrondafbeelding h1, body .introblok header:not(.header_met_subtitel) span{
		font-size: 14px;
	}
	
	.introblok.achtergrondafbeelding p{
		font-size: 22px;
		line-height: 38px;
	}
	
	.introblok:not(.achtergrondafbeelding){
		padding-top: 160px;
	}
	
	.introblok.achtergrondafbeelding.introblok_smal {
		min-height: 0;
		padding: 160px 0 100px;
	}
	
	.introblok.achtergrondafbeelding{
		padding: 160px 0 100px;		
	}
	
	.introblok:not(.achtergrondafbeelding){
		background-size: auto 80px;
	}
	
	.home .introblok header:not(.header_met_subtitel) h1,
	.home .introblok header:not(.header_met_subtitel) h1 span#TypingText{
		font-size: 50px;
		line-height: 64px;
	}
	
	.home .introblok header:not(.header_met_subtitel) h1 span#TypingText {
		line-height: normal;
		height: 60px;
		margin-bottom: 0 !important;
		display: block;
	}
}

@media (min-width:768px) and (max-width:991px)
{	
	.introblok.achtergrondafbeelding p{
		font-size: 26px;
    	line-height: 46px;
	}
	
	.introblok:before,
	.introblok:after{
		background-size: auto 60%;
		background-repeat: no-repeat;
	}
	
	.home .introblok header:not(.header_met_subtitel) h1 span#TypingText {
		line-height: normal;
		height: 130px;
		margin-bottom: 0 !important;
		display: block;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.introblok:before,
	.introblok:after{
		background-size: auto 75%;
		background-repeat: no-repeat;
	}
	
	.home .introblok header:not(.header_met_subtitel) h1,
	.home .introblok header:not(.header_met_subtitel) h1 span#TypingText{
		font-size: 80px;
	}
	
	.home .introblok header:not(.header_met_subtitel) h1 span#TypingText {
		line-height: normal;
		height: 95px;
		margin-bottom: -10px !important;
	}
}