/*
Theme Name: Trubendorffer
Theme URI: http://trubendorffer.nl/
Author: Imprint
Author URI: http://imprint.amsterdam
Version: 1.0
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 16px;
	line-height: 26px;
	color: #515151;
	background-color: #fff;
	font-family: 'Merriweather', serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0.5px;
}
body{
	overflow-x: hidden;
}
.no_scroll body{
	overflow: hidden;
}

a{
	text-decoration: underline;
	color: #515151;
	transition: color 0.3s ease;
}
a:hover,
a:active,
a:focus{
	color: #983f8d;
}
.small, small{
	font-size: 12px;
}

h1, h2, h3, h4, h5{
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.8;
}
#area_content.single h1, h2, h3, h4, h5{
	color: #1899c0;
	font-family: 'Merriweather', serif;
}
#area_content.page h1,
#area_content.page h2,
#area_content.page h3,
#area_content.page h4,
#area_content.page h5{
	margin-bottom: 1rem;
}
#area_content.page h3.custom_title{
	margin-bottom: 3rem;
	font-size: 25px;
	line-height: 25px;
}
#area_content.page h3 span{
	font-size: 25px;
	line-height: 25px;
	padding: 5px;
} 
#area_content.page h4, 
#area_content.page h5{
	color: #1899c0;
	font-family: 'Merriweather', serif;
	font-weight: 700;
	font-size: 24px;
}

.title_large{
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 35px;
	line-height: 48px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.title_large.icon{
	padding-left: 65px;
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: left center;
}
.title_large.icon.icon_mail{
	background-image: url('images/icon_contact_mail.svg');
}
.title_large.icon.icon_phone{
	background-image: url('images/icon_contact_call.svg');
}
.title_large.icon.icon_callback{
	background-image: url('images/icon_contact_callback.svg');
}

.icon.icon_alcohol{
	background-image: url('images/icons/icon_alcohol.svg');
}
.icon.icon_seks{
	background-image: url('images/icons/icon_seks.svg');
}
.icon.icon_wiet{
	background-image: url('images/icons/icon_cannabis.svg');
}
.icon.icon_eten{
	background-image: url('images/icons/icon_eten.svg');
}
.icon.icon_gamen{
	background-image: url('images/icons/icon_gamen.svg');
}
.icon.icon_xtc{
	background-image: url('images/icons/icon_xtc.svg');
}
.icon.icon_speed{
	background-image: url('images/icons/icon_speed.svg');
}
.icon.icon_ghb{
	background-image: url('images/icons/icon_ghb.svg');
}
.icon.icon_medicijnen{
	background-image: url('images/icons/icon_medicijnen.svg');
}
.icon.icon_relatie{
	background-image: url('images/icons/icon_relatie.svg');
}
.icon.icon_coke{
	background-image: url('images/icons/icon_drugs.svg');
}
.icon.icon_gokken{
	background-image: url('images/icons/icon_gok.svg');
}
.icon.icon_internet{
	background-image: url('images/icons/icon_internal.svg');
}
.icon.icon_diagnose{
	background-image: url('images/icons/icon_diagnose.svg');
}



.font-type1{
	font-family: 'Merriweather', serif;
}
.font-type2{
	font-family: 'Rubik', sans-serif;
}
.font-size-xs,
.font-size-xs span{
	font-size: 9px !important;
	line-height: 14px !important;
	letter-spacing: 0px;
}
.font-size-small,
.font-size-small span{
	font-size: 12px !important;
	line-height: 22px !important;
	letter-spacing: 0px;
}
.font-size-medium,
.font-size-medium span{
	font-size: 15px !important;
    line-height: 22px !important;
}
.font-size-large,
.font-size-large span{
	font-size: 20px !important;
    line-height: 32px !important;
}
.font-size-xl,
.font-size-xl span{
	font-size: 26px !important;
    line-height: 38px !important;
}

.font-bold{
	font-weight: 700 !important;
}
.font-light{
	font-weight: 400 !important;
}

.color-light-blue,
.color-light-blue > a{
	color: #37b4d7 !important;
}
.color-dark-blue{
	color: #006682 !important;
}
.color-highlight{
	color: #29a5c7;	
}
.color-grey{
	color: #515151 !important;
}
.color-white{
	color: #fff;	
}

.cta_block .cta_button{
	margin-left: 10px;
}
.cta_block .cta_button:first-child{
	margin-left: 0px;
}
#area_content .cta_button{
	text-align: center;
	margin-right: 20px;
	margin-bottom: 20px;
}

.button_wrapper {
	margin-bottom: 3rem;
}

.cta_button{
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	padding: 11px;
	font-size: 11px !important;
	line-height: 12px !important;
	border: 1px solid rgba(0,0,0,0.1);
	text-transform: uppercase;
	color: #983f8d;
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	transition: all .2s ease-in-out;
	background-color: #fff;
}
.cta_button:hover{
	color: #fff;
	border-color: rgba(0,0,0,0);
	background-color: #983f8d;
	text-decoration: none;
}

.cta_button.primary{
	color: #fff;
	border-color: rgba(0,0,0,0);
	background-color: #983f8d;
}
.cta_button.primary:hover{
	color: #983f8d !important;
  background-color: #fff;
	border-color: #983f8d !important;
}

.cta_button.secondary{
	border-color: rgba(0,0,0,0.15);
	color: #515151;
	background-color: transparent;
}
.cta_button.secondary:hover{
	color: #983f8d;
	border-color: #983f8d;
}
.cta_button.secondary.white{
	border-color: #fff;
	color: #fff;
}
.cta_button.secondary.white:hover{
	border-color: #fff;
	color: #fff;
	opacity: 0.5;
}

.input_container{
	margin-bottom: 30px;
}
.input_container .input_label{
	margin-bottom: 10px;
}
.field_select{
	cursor: pointer;
	font-size: 14px;
	-webkit-appearance: none;
	border: 1px solid rgba(0,0,0,0.1);
	width: 100%;
	display: block;
	background-color: #fff;
	padding: 10px 40px 10px 20px;
	border-radius: 3px;
	outline: none;
	overflow: hidden;
	color: rgba(0,0,0,0.5);
	background-image: url('images/icon_dropdown.svg');
	background-size: auto;
	background-position: right 15px center;
	background-repeat: no-repeat;
}
.field_select.active{
	color: #983f8d;
	border-color: #983f8d;
}
.field_input{
	/* -webkit-appearance: none; */
	font-size: 14px;
	border: 0px;
	width: 100%;
	display: block;
	background-color: rgba(0,0,0,0.2);
	padding: 10px 20px;
	border-radius: 3px;
	outline: none;
	overflow: hidden;
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f2ebf2 inset;
}
.has-value .field_input{
	cursor: pointer;
	color: #983f8d !important;
	border: 1px solid #983f8d !important;
	background-color: #fff !important;
}
.field_input.color-light{
	background-color: rgba(0,0,0,0.05);
}
.field_input.light{
	color: #fff;
	caret-color: #fff;
}
.field_input.light::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}
.field_input.light::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}
.field_input.light:-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}
.field_input.light:-moz-placeholder { /* Firefox 18- */
	color: #fff;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.label_optioneel{
  font-size: 12px;
  opacity: 0.7;
}
div.wpcf7 .ajax-loader{
	display: none !important;
}
div.wpcf7-validation-errors {
    border: 2px solid #ffffff !important;
}
span.wpcf7-not-valid-tip{
	color: #fff !important;
  font-size: 12px !important;
  text-align: right;
  margin-top: 5px;
}
.wpcf7-radio table{
	width: 100%;
}
.wpcf7-list-item{
	position: relative;
	display: block !important;
	margin: 0 0 .5rem 0 !important;	
}
.form-check-label,
.wpcf7-list-item label{
	padding-left: 25px;	
	cursor: pointer;
	color: #fff;
	font-size: 14px;
}
.form-check-input,
.wpcf7-list-item input{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	outline: none;
	
	cursor: pointer;
	margin-top: 5px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
	margin-left: -25px;
	margin-right: 5px;
	background-color: rgba(255,255,255,0.2);
	border: 1px solid #fff;
    transition: all .2s ease-in-out;
}
.form-check-input:hover,
.wpcf7-list-item input:hover{
	background-color: rgba(255,255,255,0);
}
.form-check-input[type="radio"]:checked,
.wpcf7-list-item input:checked{
	background-color: #983f8d;
	border-color: #983f8d;
}
.form-check-input[type="radio"]:checked:before,
.wpcf7-list-item input:checked:before{
	background-image: url('images/icon_checkmark.svg');
	background-repeat: no-repeat;
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	background-size: auto;
    top: 0px;
}
#content_container .wpcf7{
	border: 1px solid rgba(0,0,0,0.1);
	padding: 50px 40px;
}
#content_container .wpcf7 .input_container .input_label{
	padding: 0 20px;
}
#content_container .wpcf7 .field_input{
	background-color: rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0);
	color: #515151;
}
#content_container .wpcf7 .form-check-label,
#content_container .wpcf7 .wpcf7-list-item label{
	color: #515151;
}
#content_container .wpcf7 .form-check-input[type="radio"]:checked ~ .wpcf7-list-item-label,
#content_container .wpcf7 .wpcf7-list-item input:checked ~ .wpcf7-list-item-label{
	color: #983f8d !important;
}
#content_container .wpcf7 .form-check-input,
#content_container .wpcf7 .wpcf7-list-item input{
	background-color: rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.1);
}
#content_container .wpcf7 .field_input:focus {
	background-color: #fff;
	color: #983f8d;
	border: 1px solid rgba(0,0,0,0.1);
}
#content_container .wpcf7 .field_input{
	color: #515151;
	caret-color: #515151;
}
#content_container .wpcf7 .field_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #515151;
}
#content_container .wpcf7 .field_input::-moz-placeholder { /* Firefox 19+ */
	color: #515151;
}
#content_container .wpcf7 .field_input:-ms-input-placeholder { /* IE 10+ */
	color: #515151;
}
#content_container .wpcf7 .field_input.light:-moz-placeholder { /* Firefox 18- */
	color: #515151;
}
#content_container .wpcf7 .form-check-input[type="radio"]:checked:before,
#content_container .wpcf7 .wpcf7-list-item input:checked:before{
	background-image: url('images/icon_checkmark_purple.svg');
}
#content_container .wpcf7-list-item{
	margin-left: 20px !important;
}
#content_container .wpcf7 span.wpcf7-not-valid-tip,
#content_container .wpcf7 div.wpcf7-response-output{
	color: #1899c0 !important;
}


form{
	margin: 0px;
}
.search_form{
	position: relative;
}
.search_form .submit{
	outline: none;
	padding: 0px;
	margin: 0px;
	-webkit-appearance: none;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
	border: 0px;
	width: 50px;
	background-color: transparent;
	background-image: url('images/icon_search.svg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	opacity: 1;
	transition: opacity 0.3s ease;
	text-indent: -9999em;
}
.search_form.color-light .submit{
	background-image: url('images/icon_search-white.svg');
}
.has-value .search_form .submit{
	background-image: url('images/icon_close-grey.svg');
}
.search_form .submit:hover{
	opacity: 0.5;
}


.hide{
	display: none;
}

.menu{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.menu.menu-inline li{
	display: inline-block;
}
.menu li a{
	text-decoration: none;
}
.semi-bold{
	font-weight: 400;
}
.bold{
	font-weight: 700;
}

iframe,
img,
video{
	max-width: 100%;
}
video,
.wp-video-shortcode{
	object-fit: cover;
}
video:focus{
	outline: none;
	border: 0;
}
img{
	height: auto;
}
.wp-video-shortcode video, video.wp-video-shortcode{
	height: auto;
}

hr{
	margin-top: 2rem;
	margin-bottom: 2rem;
	border-top: 1px solid rgba(0,0,0,0.1);
}
hr.large{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
#area_content hr{
	border-top: 1px solid rgba(0,0,0,0.1);
}

.border-top{
	border-top: 1px solid rgba(0,0,0,0.1) !important;
}
.border-bottom{
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
hr.border-bold{
	border-width: 2px !important;
}

.loading{
	display: block;
	margin: 50px auto;
	width: 100px;
	height: 50px;
	background-image: url('images/icon_loading.svg');
	background-repeat: no-repeat;
	background-size: 50px;
    background-position: center;
}
.loading.hide{
	display: none !important;
}


.gradient-blue{
    background-color: #3ab7d8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3ab7d8+0,1d9dc3+100 */
	background: rgb(58,183,216); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(58,183,216,1) 0%, rgba(29,157,195,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(58,183,216,1) 0%,rgba(29,157,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(58,183,216,1) 0%,rgba(29,157,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.gradient-dark-blue{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006682+0,006682+100 */
	background: rgb(0,102,130); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,102,130,1) 0%, rgba(0,102,130,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,102,130,1) 0%,rgba(0,102,130,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,102,130,1) 0%,rgba(0,102,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006682', endColorstr='#006682',GradientType=1 ); /* IE6-9 */
}
.gradient-purple{
	background-color: #983f8d;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#923e8b+0,6a3579+100 */
	background: rgb(146,62,139); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(146,62,139,1) 0%, rgba(106,53,121,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(146,62,139,1) 0%,rgba(106,53,121,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(146,62,139,1) 0%,rgba(106,53,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* shortcode block: getal */
.block_getal{
  background-color: #006682;
}
.block_getal .getal{
	background-color: #1899c0;
}

/* shortcode block: percentage */
.block_percentage .getal{
	background-color: #0c6680;
}
.block_percentage .percentage{
	background-color: #fff;
	color: #1899c0;
	margin-left: 5px;
	font-size: 30px;
	padding: 3px 5px;
}
.block_getal,
.block_percentage{
	padding: 4vw 4.5vw;
	position: relative;
}

/* shortcode block: getal & percentage */
.block_getal .getal,
.block_percentage .getal{
	font-size: 54px;
	padding: 30px 15px;
	display: inline-block;
}
.block_getal .getal,
.block_percentage .getal,
.block_percentage .percentage{
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
}
.block_getal .getal_wrapper,
.block_percentage .getal_wrapper{
	margin-right: 3vw;
}
.block_getal .block_share,
.block_percentage .block_share{
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.block_getal .block_share ul,
.block_percentage .block_share ul {
	margin: 0px !important;
	padding: 0px !important;
}
.block_getal .block_share li a.icon,
.block_percentage .block_share li a.icon {
    display: inline-block;
    content: '';
    width: 22px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center center;
    color: #fff;
    font-size: 11px;
    vertical-align: middle;
    transition: opacity 0.3s ease;
}
.block_getal .block_share li a.icon:hover,
.block_percentage .block_share li a.icon:hover {
    opacity: 0.8;
}
.block_getal .block_share li a.icon.icon_facebook,
.block_percentage .block_share li a.icon.icon_facebook {
    background-image: url('images/icon_follow_facebook.svg');
}


/* watermark: quote */
.watermark_quote{
	padding: 10%;
	position: relative;
	overflow: hidden;
}
.watermark_quote:after{
	display: block;
	z-index: 0;
	content: '';
	position: absolute;
	top: 5vh;
	right: 0px;
	bottom: 0px;
	left: 20px;
	opacity: 1;
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: left top;
	opacity: .4;
	background-image: url('images/icon_quote-dark.svg');
}
.watermark_quote:before{
	display: block;
	z-index: 0;
	content: '';
	position: absolute;
	top: 0px;
	right: 20px;
	bottom: 5vh;
	left: 0px;
	opacity: 1;
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: right bottom;
	opacity: .4;
	background-image: url('images/icon_quote2-dark.svg');
}
.watermark_quote .qoute{
	z-index: 1;
	position: relative;
}
.watermark_quote .content{
	font-size: 12px;
	line-height: 20px;
	margin: 2vh 0;
}
.watermark_quote .content p{
	margin-bottom: 1.5rem !important;
}

.watermark_quote .name{
	padding: 7px 10px;
}

/* content elements */
#area_content.page p,
#area_content.single p,
#area_content.page .block_percentage,
#area_content.single .block_percentage,
#area_content.page .block_getal,
#area_content.single .block_getal,
#area_content .custom_title,
#area_content .wp-video{
    margin-bottom: 2rem;
}

.content_element{
}

	/* cta */
	.content_element.type_cta_simple,
	.content_element.type_cta_luxe,
	.content_element.type_cta_advanced,
	.content_element.type_cta_testimonial,
	.content_element.type_blok_bekijkook,
	.content_element.type_content_contactpersoon,
	.content_element.type_blok_verslavingen{
	    margin-top: 2rem;
	    margin-bottom: 2rem;
	}

	.content_element .cta_wrapper .cta_icon{
		margin-right: 40px;
	}
	.content_element .cta_wrapper .cta_icon .icon{
		display: block;
		width: 50px;
		height: 50px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}
	.content_element .cta_wrapper{
		border: 1px solid rgba(0,0,0,0.1);
		padding: 40px;
	}
	.content_element .cta_wrapper .cta_content{
		font-size: 12px;
		line-height: 20px;
		margin-right: 40px;
	}
	.content_element .cta_wrapper .cta_content a{
		font-weight: 700;
		text-decoration: none;
	}

	/* cta: simple */
	.content_element.type_cta_simple .cta_wrapper{
		padding: 0;
		border: 0;
	}
	.content_element.type_cta_simple .cta_wrapper .cta_button{
		margin-bottom: 0;
	}	
	.content_element.type_cta_simple .cta_content{
		margin-bottom: 1rem;
	}
	.content_element.type_cta_simple .cta_button_wrapper{
	}
	
	/* cta: luxe */
	.content_element.type_cta_luxe{
	}
	
	/* cta: advanced */
	.content_element.type_cta_advanced{
	}
	.content_element.type_cta_advanced .cta_content_wrapper{
		padding: 40px;
		color: #fff;
		font-size: 12px;
	}
	.content_element .cta_content_wrapper p,
	.content_element .cta_content_wrapper ul,
	.content_element .cta_content_wrapper .custom_title{
		margin-bottom: 1.5rem !important;
	}
	.content_element .cta_content_wrapper ul{
		font-size: 14px;
	}

	/* testiomonial */
	.content_element.type_content_testimonial{
		background-color: #f9f9f9;
	}
	.content_element.type_content_testimonial .watermark_quote{
	}
	.content_element.type_content_testimonial .watermark_quote .qoute{
	}
	.content_element.type_content_testimonial .watermark_quote .name{
		opacity: .5;
	}

	/* bekijk ook */
	.content_element.type_blok_bekijkook{
	}
	.content_element.type_blok_bekijkook .blok_bekijkook ul li{
		padding-left: 0 !important;
	}
	
	/* cta: contactpersoon */
	.content_element.type_content_contactpersoon{
	}	
	.content_element.type_content_contactpersoon .cta_contactpersoon_wrapper{
		position: relative;
		border: 1px solid rgba(0,0,0,0.1);
		min-height: 120px;
	}
	.content_element.type_content_contactpersoon .cta_contactpersoon_wrapper .image{
		position: absolute;
		z-index: 0;
		top: 0;
		bottom: 0;
		width: 30%;
		
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
	}
	.content_element.type_content_contactpersoon .cta_contactpersoon_wrapper .image_sidecontent{
		position: relative;
		z-index: 1;
		margin-left: calc(30% - 20px);
	}	
	.content_element.type_content_contactpersoon .cta_contactpersoon_wrapper .image_sidecontent .title_blue span,
	.content_element.type_content_contactpersoon .cta_contactpersoon_wrapper .image_sidecontent .title_light_blue span{
		font-size: 16px;
		line-height: 18px;
		padding: 2px 5px;
		margin: 1px 0px 0px 0px;
	}
	.contactpersoon_content{
		font-size: 12px;
		line-height: 22px;
	}
	.content_element.type_content_contactpersoon .cta_contactpersoon_wrapper .cta_button_wrapper{
		margin-right: 40px;
	}
	.content_element.type_content_contactpersoon .cta_contactpersoon_wrapper .cta_button_wrapper .cta_button{
		color: #515151;
	}


	/* blok: kennisbank */
	.content_element.type_blok_kennisbank{
	}
	.content_element.type_blok_kennisbank .item{
		margin-bottom: 1rem;
	}
	.content_element.type_blok_kennisbank .item .image{
		width: 100%;
		padding-top: 56%; 
		position: relative; 
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		margin-bottom: 10px;
	}
	.content_element.type_blok_kennisbank .item .title{
		color: #1899c0;
		font-family: 'Merriweather', serif;
		font-weight: 700;
		margin: 10px 0 5px 0;
	}
	.content_element.type_blok_kennisbank .item .links{
		margin-bottom: 20px;
	}
	.content_element.type_blok_kennisbank .item .links ul{
		margin: 0 !important;
		padding: 0;
		list-style: none;
	}	
	.content_element.type_blok_kennisbank .item .links ul li{
	}	
	.content_element.type_blok_kennisbank .item .links ul li a{
		font-size: 12px;
	}	
	
	.content_element.type_blok_kennisbank .item .button{
	}


/* watermark: logo */
.watermark_logo{
	position: absolute;
	top: -100px;
	opacity: 0;
	left: -30vw;
}
.watermark_logo:after{
	display: block;
	content: '';
	position: fixed;
	top: 0px;
	bottom: 0px;
	opacity: 0.1;
	background-image: url('images/watermark_trubendorffer.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
	width: 200vw;
	height: calc(100vh + 100px);
	z-index: 0;
}
#menu_fullscreen .watermark_logo,
#search_fullscreen .watermark_logo{
    z-index: -1;
}


/* menu & search: fullscreen */
#menu_fullscreen,
#search_fullscreen{
	padding-top: 20vh;
	position: fixed;
	z-index: 800;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	padding-bottom: 5vh;
	opacity: 0;
	transition: all .5s ease-in-out;
}
#menu_fullscreen .inner,
#search_fullscreen .inner{
	margin-top: 0px;
	overflow-y: auto;
	height: 100%;
}
#menu_fullscreen.hide,
#search_fullscreen.hide{
	display: none !important;
}


#menu_fullscreen .menu_container{
	display: table;
	width: 100%;
}
#menu_fullscreen .menu_container a{
	color: #fff;
	text-decoration: none;
	transition: opacity 0.5s ease;
}
#menu_fullscreen .menu_container a:hover{
	opacity: 0.7;
}
#menu_fullscreen .menu_container > ul{
	display: table-row;
}
#menu_fullscreen .menu_container > ul > li.multi_menu > ul{
	display: table;
	width: 100%;
}
#menu_fullscreen .menu_container .column{
	display: table-cell;
	padding-left: 30px;
}
#menu_fullscreen .menu_container .column:first-child{
	padding-left: 0px;
}

#menu_fullscreen .menu_container > ul > li,
#menu_fullscreen .menu_container > ul > .column > li{
	position: relative;
	display: table-cell;
	padding-left: 30px;

  transition: all .7s ease-in-out;
}
#menu_fullscreen .menu_container > ul > li > .collapse{
	display: none;
}
#menu_fullscreen .menu_container > ul > li.fade-in{
	opacity: 0;
}
#menu_fullscreen .menu_container > ul > li.show{
	opacity: 1;
}
#menu_fullscreen .menu_container > ul > li:first-child{
	padding-left: 0px;
}
#menu_fullscreen .menu_container > ul > li > a{
	display: block;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 30px;
}

#menu_fullscreen .menu_container ul.sub-menu{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#menu_fullscreen .menu_container ul.sub-menu > li,
#menu_fullscreen .menu_container ul.sub-menu > .column > li{
	border-bottom: 1px solid rgba(255,255,255,0.15);
	position: relative;
}
#menu_fullscreen .menu_container ul.sub-menu > li > a,
#menu_fullscreen .menu_container ul.sub-menu > .column > li > a{
	padding: 12px 20px 10px 0px;
	display: block;
	transition: all 0.3s ease;
}
#menu_fullscreen .menu_container ul.sub-menu > li > a:hover,
#menu_fullscreen .menu_container ul.sub-menu > .column > li > a:hover{
	padding-left: 10px;
	padding-right: 10px;
}
#menu_fullscreen .menu_container .collapse{
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	cursor: pointer;
	top: 17px;
	width: 15px;
	height: 15px;
	right: 5px;
	
	background-repeat: no-repeat;
	background-size: 11px;
	background-position: center center;
	background-image: url('images/icon_plus.svg');	
    transition: all 0.3s ease;
}
#menu_fullscreen .menu_container .collapse:hover{
	transform: rotate(90deg);
}
#menu_fullscreen .menu_container .collapse.active{
	background-image: url('images/icon_minus.svg');	
}
#menu_fullscreen .menu_container .collapse.active:hover{
	transform: rotate(0deg);
}

#menu_fullscreen .menu_container .sub-menu .sub-menu{
	display: none;
	padding: 0px 0px 15px 0px;
}
#menu_fullscreen .menu_container .sub-menu .sub-menu.open{
	display: block;
}
#menu_fullscreen .menu_container .sub-menu .sub-menu.open li{
	border: 0px;
}
#menu_fullscreen .menu_container .sub-menu .sub-menu.open li a{
	font-size: 12px;
	line-height: 18px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: rgba(255,255,255,0.8);
}


.fullscreen-open #area_header{
	z-index: 1001;
}
.fullscreen-open #top_notification_bar,
.fullscreen-open #menu_header_minimal,
.fullscreen-open #contact_bar,
.fullscreen-open #contact_bar_slide{
	opacity: 0 !important;
	visibility: hidden;
}
.fullscreen-open #area_header #toggle_fullscreen_menu li a.toggle{
	background-image: url('images/icon_close.svg') !important;
	background-size: 13px;

	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition:         transform 0.3s ease-in-out;
}
.fullscreen-open #area_header #toggle_fullscreen_menu li a.toggle:hover{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.fullscreen-open #area_header #toggle_fullscreen_menu li a.toggle:hover:before,
.fullscreen-open #area_header #toggle_fullscreen_menu li a.toggle:hover:after{
	display: none !important;
}

#search_fullscreen .search_content{
	margin: 2vh 0px;
}
#search_fullscreen .general_search .search_field{
	background-color: rgba(0,0,0,0.1);
}
#search_fullscreen .faq_wrapper{
	color: #fff;
}
#search_fullscreen .faq_wrapper .title{
}
#search_fullscreen .faq_wrapper .title a,
#search_fullscreen .faq_wrapper .title a:hover{
	color: #fff;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
#search_fullscreen .faq_wrapper .title a:hover{
	opacity: 0.7;
}
#search_fullscreen .faq_wrapper .items{
}
#search_fullscreen .faq_wrapper .items .item a{
	display: block;
	padding: 11px 20px 10px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	transition: all .2s ease-in-out;
}
#search_fullscreen .faq_wrapper .items .item a:hover{
	border-bottom: 1px solid rgba(255,255,255,1.0);
	padding: 11px 10px 10px 10px;
}



/* sidebar */
#area_sidebar a{
	color: #fff;
}
#area_sidebar a:hover{
	color: #fff;
	opacity: 0.8;
}
#area_sidebar{
    top: 0px;
    position: fixed;
    height: 100vh;
    width: 50vw;
    right: -50vw;
    z-index: 950;
    color: #fff;
    overflow-y: auto;
	
    transition: all 0.5s ease;
}
#area_sidebar.open {
	right: 0px !important;
	
	-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
}
#area_sidebar .inner{
	padding: 5vw  10vw  5vw  5vw;
}
#area_sidebar .top_container{
	margin-bottom: 50px;
}
#area_sidebar .top_container .close_sidebar{
	cursor: pointer;
    display: inline-block;
    content: '';
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center center;

	background-image: url('images/icon_close.svg') !important;
	background-size: 13px;

	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition:         transform 0.3s ease-in-out;
}
#area_sidebar .top_container .close_sidebar:hover{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#area_sidebar .content_container{
	width: 100%;
}
#area_sidebar .content_container .content_part{
	margin-bottom: 100px;
}
#area_sidebar .content_container .content_part .content{
	margin-bottom: 40px;
}
#sidebar_overlay{
	cursor: pointer; /* moet custom icon worden */
	display: none;
	content: '';
	position: fixed;
	top: 0px; 
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.3); 
	z-index: 900;
}
#sidebar_overlay.open{
	display: block;
}


/* top notification bar */
#top_notification_bar{
	position: relative;
	background-color: #1e8faf;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 12px 0px;
	max-height: 53px;
}
#top_notification_bar:after{
	display: block;
	content: '';
	position: absolute;
	bottom: -10px;
	width: 13px;
	height: 13px;
	right: calc(25vw);
	
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	background-image: url('images/icon_cta-arrow.svg');	
	transition: all 0.2s ease;
}
#top_notification_bar .content,
#top_notification_bar .content a{
	color: #fff;
}
#top_notification_bar .content p{
	margin: 0px;
}
.contactbar_visible #top_notification_bar:after{
	bottom: 0px;
}


#top_notification_bar .content .icon_whatsapp_white{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: -7px;
	width: 25px; 
	height: 25px;	
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center center;
    background-image: url('images/icon_contact_whatsapp-white.svg');	
}


/* contact bar */
.contact_bar{
	color: #fff;
	text-align: center;
	padding: 0;
	width: 100%;
}

/* slide down */
#contact_bar_slide{
	position: fixed;
	z-index: 0;
	opacity: 0;
	transition: top 0.3s ease;
	width: 100%;
}
#contact_bar_slide.visible{
	z-index: 890;
	opacity: 1;
}


.contact_bar .menu li{
	padding: 0px 25px;
	border-left: 1px solid rgba(255,255,255,0.2);
}
.contact_bar .menu li:first-child{
	border-left: 0px;
}
.contact_bar .menu li .icon{
	font-size: 14px;
	color: #fff;		
	padding: 12px 20px 12px 4vw;
	transition: opacity 0.3s ease;
}
.contact_bar .menu li a{
	cursor: pointer;
}
.contact_bar .menu li a:hover{
	opacity: 0.7;
}
.contact_bar .menu li .icon{
	background-repeat: no-repeat;
	background-size: 23px;
	background-position: 10px center;
}
.contact_bar .menu li .icon.icon_phone{
	background-image: url('images/icon_contact_call.svg');
}
.contact_bar .menu li .icon.icon_newsletter{
	background-image: url('images/icon_contact_mail.svg');
}
.contact_bar .menu li .icon.icon_callback{
	background-image: url('images/icon_contact_callback.svg');
}
.contact_bar .menu li .icon.icon_whatsapp{
	background-image: url('images/icon_contact_whatsapp.svg');
}


/* ----- header ----- */
#area_header{
	position: fixed;
    z-index: 850;
	top: -100px;
	opacity: 0;
	width: 100%;

	transition: all 0.3s ease;
}
#area_header.sticky{
	background-color: #fff;
	-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
}


	/* main */
	#area_header .main{
		height: 15vh;
		max-height: 130px;

		-webkit-transition: all 100ms linear;
		-moz-transition: all 100ms linear;
		-o-transition: all 100ms linear;
		transition: all 100ms linear;
	}
	#area_header.sticky .main{
		height: 75px;
	}

	#area_header .main .menu-inline{
		display: inline-block;
		line-height: 12px;
	}
	#area_header .main .menu-inline li a{
		color: #515151;
	}
	
	#area_header #toggle_fullscreen_menu li{
		margin-right: 25px;
	}
	#area_header #toggle_fullscreen_menu li a.toggle{
		position: relative;
		cursor: pointer;
		display: block;
		content: '';
		width: 17px;
		height: 17px;
		
		background-repeat: no-repeat;
		background-size: 17px;
		background-position: center center;
	}
	#area_header #toggle_fullscreen_menu li a.toggle:before{
		z-index: 900;
		display: none;
		position: absolute;
		font-size: 12px;
		background-color: #5f5f5f;
		line-height: 11px;
		top: -35px;
		content: attr(data-label);
		color: #fff;
		border-radius: 3px;
		padding: 7px;
		transform:translateX(calc(-50% + 8px));
	}
	#area_header #toggle_fullscreen_menu li a.toggle:after{
		z-index: 900;
		content: '';
		display: none;
		position: absolute;
		top: -10px;
		width: 7px;
		height: 7px;
		transform:translateX(calc(-50% + 5px));
		background-image: url('images/icon_toggle_label.svg');
		background-position: center center;
		background-size: 7px;
		background-repeat: no-repeat;

		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	#area_header #toggle_fullscreen_menu li a.toggle:hover:before,
	#area_header #toggle_fullscreen_menu li a.toggle:hover:after{
		display: block;
	}

	#area_header.transparant #toggle_fullscreen_menu li a.toggle:before{
		background-color: rgba(0,0,0,0.2);
	}
	#area_header.transparant #toggle_fullscreen_menu li a.toggle:after{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20);
		opacity: 0.2;
	}

	#area_header #toggle_fullscreen_menu li #menu{
		background-image: url('images/icon_menu.svg');
	}
	#area_header #toggle_fullscreen_menu li #search{
		background-image: url('images/icon_header_search.svg');
	}
	#area_header #toggle_fullscreen_menu li.hide{
		display: none !important;
	}
	#area_header #menu_header_minimal li{
		position: relative;
		display: inline-block;
		padding: 0;
	    transition: all .2s;
	}
	#area_header #menu_header_minimal li a{
		z-index: 1;
		position: relative;
		display: inline-block;
		padding: 15px;
		font-size: 12px;
		line-height: 12px;
		font-weight: 700;
	    transition: all .2s;
	}
	#area_header #menu_header_minimal li a:hover{
		opacity: 0.7;
	}
	#area_header.sticky #menu_header_minimal li a:hover{
		opacity: 1;
		color: #983f8d;
	}
	
	/* submenu */
	#area_header #menu_header_minimal li.menu-item-has-children:hover a{
		background-color: #fff;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		overflow: visible;
	}

	#area_header #menu_header_minimal li.menu-item-has-children:hover > a{
		opacity: 1;
		color: #983f8d;
	}
	#area_header #menu_header_minimal li.menu-item-has-children:hover > ul.sub-menu{
		visibility: visible;
		opacity: 1;
	}
	#area_header #menu_header_minimal li ul.sub-menu{
		z-index: 0;
		opacity: 0;
		top: 42px;
		visibility: hidden;
		position: absolute;
		background-color: #fff;
		border-radius: 3px;
		border-top-left-radius: 0;
		width: 250px;
		margin: 0;
		padding: 10px 20px 20px 20px;
		list-style: none;
		
		-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
		box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
		
	    transition: all .2s;
	}
	#area_header #menu_header_minimal li ul.sub-menu li{
		display: block;
		margin: 0;
		padding: 0;
	}	
	#area_header #menu_header_minimal li ul.sub-menu li a{
		display: block;
		margin: 0;
		padding: 10px 0;
		color: #37b4d7;
		font-weight: 400;
	    border-bottom: 1px solid rgba(0,0,0,0.1);

	    transition: all .2s ease-in-out;
	}	
	#area_header #menu_header_minimal li ul.sub-menu li a:hover{
		color: #983f8d;
		border-bottom-color: #983f8d;
	}	
	#area_header #menu_header_minimal li ul.sub-menu li.current-menu-item a{
		color: #983f8d;
		border-bottom-color: #983f8d;
	}
	
	
	
	
	#area_header #logo_container{
		height: 100%;
	}
	#area_header #logo_container .logo{
		display: block;
		width: 200px;
		height: 100%;
		
		background-image: url('images/logo_trubendorffer-blue.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right center;

		-webkit-transition: width 100ms linear;
		-moz-transition: width 100ms linear;
		-o-transition: width 100ms linear;
		transition: width 100ms linear;
		text-indent: -9999em;
	}
	#area_header.sticky #logo_container .logo{
		width: 170px;
	}

	/* header: transparant */
	#area_header.transparant .main .menu li a{
		color: #fff;
	}
	#area_header.transparant #logo_container .logo,
	.fullscreen-open #area_header #logo_container .logo{
		background-image: url('images/logo_trubendorffer-white.svg');
	}
	#area_header.transparant #toggle_fullscreen_menu li a#menu{
		background-image: url('images/icon_menu-white.svg');
	}
	#area_header.transparant #toggle_fullscreen_menu li a#search{
		background-image: url('images/icon_header_search-white.svg');
	}


	/* header: huge */
	#area_header.huge .main{
		max-height: 8vw;
	}
	#area_header.huge #logo_container .logo{
		width: 20vw;
		max-width: 290px;
	}
	#area_header.huge #menu_header_minimal li a{
		/*
		font-size: 14px;
		*/
	}
	/* header: huge sticky */
	#area_header.huge.sticky .main{
		height: 70px;
	}
	#area_header.huge.sticky #logo_container .logo{
		width: 170px;
	}
	#area_header.huge.sticky #menu_header_minimal li a{
		/*
		font-size: 14px;
		*/
	}
	#area_header.huge.sticky #menu_header_minimal li.current_page_item a,
	#area_header.sticky #menu_header_minimal li.current-menu-ancestor > a{
		opacity: 1;
		color: #983f8d;
	}



/* ----- END header ----- */



/* ----- header top content ----- */
#header_top_content{
	position: relative;
}

	/* title container */
	#header_top_content .title_container{
		/* margin-top: 50px; */
		margin-top: 0px;
	}
	.isDesktop #header_top_content .content_container{
	    transform: translate(-100px, 0px);
	}
	.isDesktop #header_top_content .title_container,
	.isDesktop #header_top_content .header_content{
		opacity: 0;
	}
	.custom_title .title_top:after,
	.custom_title .title_sub:after,
	.title_blue:after,
	.title_light_blue:after,
	#header_top_content .title_container:after{
		content: '';
		display: block;
		clear: both;
	}
	#header_top_content .title_container .title_top,
	#header_top_content .title_container .title_sub{
		margin: 0px;
		padding: 0px;
		float: left;
		clear: left;
	}
	.custom_title span,
	.title_light_blue span,
	.title_blue span,
	#header_top_content .title_container .title_top span,
	#header_top_content .title_container .title_sub span{
		display: inline-block;
		text-transform: uppercase;
		color: #fff;
		padding: 5px 0px 5px 10px;
		margin: 3px 0px 0px 0px;
		font-size: 38px;
		line-height: 38px;
		font-weight: normal;
		letter-spacing: 0.5px;
		font-family: 'Rubik', sans-serif;
		font-weight: 400;
	}
	.custom_title.font-size-medium span,
	.title_light.font-size-medium_blue span,
	.title_blue.font-size-medium span{
		padding: 5px 3px;
	}
	.custom_title.font-size-medium span:first-child,
	.title_light.font-size-medium_blue span:first-child,
	.title_blue.font-size-medium span:first-child{
		padding-left: 5px;
	}
	.custom_title.font-size-medium span:last-child,
	.title_light.font-size-medium_blue span:last-child,
	.title_blue.font-size-medium span:last-child{
		padding-left: 5px;
	}

	.title_light_blue span,
	#header_top_content .title_container .title_top span{
		background-color: #1899c0;
	}
	.title_blue span,
	#header_top_content .title_container .title_sub span{
		background-color: #0c6680;
	}
	.title_white span{
		background-color: #fff;
		color: #1899c0;
	}
	#header_top_content .header_content{
		margin-top: 20px;
		font-size: 15px;
	}


	/* type: custom */
	.toggle_sidebar{
		cursor: pointer;
	}
	#header_top_content .custom{
		position: relative;
		padding-top: 175px;
		padding-bottom: 40px;
		min-height: 475px;
		color: #fff;
		overflow: hidden;
	}
	#header_top_content .custom .container{
		position: relative;
		z-index: 1;
	}
	
	#header_top_content .custom a{
		color: #fff;
	}

	#header_top_content .custom .title_container{
		padding: 20px 0px;
	}
	#header_top_content .custom .title_container .title_top span,
	#header_top_content .custom .title_container .title_sub span{
		font-size: 50px;
		line-height: 65px;
	}
	#header_top_content .custom .title_container .title_top span{
		background-color: #0c6680;
	}
	#header_top_content .custom .title_container .title_sub span{
		background-color: #fff;
		color: #37b4d7;
	}
	
	#header_top_content #contact_block{
		color: #fff;
	}
	#header_top_content #contact_block .title{
		color: #fff;
		font-size: 16px;
	}
	#header_top_content #contact_block .content{
		color: #fff;
		padding: 10px 0px 25px 0px;
		font-size: 15px;
	}
	#header_top_content #contact_block .content a:hover{
		/* opacity: .7; */
	}
	#header_top_content #contact_block .icon{
		opacity: 0;
		padding: 75px 10px 20px 10px;
		
		background-repeat: no-repeat;
		background-size: 48px;
		background-position: top center;
	}
	#header_top_content #contact_block .icon.contact_call{
		background-image: url('images/icon_contact_call.svg');
	}
	#header_top_content #contact_block .icon.contact_subscribe{
		background-image: url('images/icon_contact_mail.svg');
	}
	#header_top_content #contact_block .icon.contact_callback{
		background-image: url('images/icon_contact_callback.svg');
	}
	#header_top_content #contact_block .icon.contact_whatsapp{
		background-image: url('images/icon_contact_whatsapp.svg');
	}
	
	#header_top_content #contact_block .content .form_tosidebar{
		position: relative;
	}
	#header_top_content #contact_block .content .form_tosidebar .field_input{
		transition: all 0.3s ease;
		padding-right: 50px;
	}
	#header_top_content #contact_block .content .form_tosidebar .field_input:focus{
		background-color: #fff;
		color: #515151;
	}
	#header_top_content #contact_block .content .form_tosidebar .field_input:hover{
		-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	}	
	#header_top_content #contact_block .content .form_tosidebar .input_submit{
	    border-top-right-radius: 3px;
	    border-bottom-right-radius: 3px;
		padding: 0px;
		margin: 0px;
		-webkit-appearance: none;
		cursor: pointer;
		position: absolute;
		right: 0px;
		top: 0px;
		bottom: 0px;
		display: block;
		border: 0px;
		width: 45px;
		background-color: #fff;
		background-image: url('images/icon_arrow-purple.svg');
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: center center;
		opacity: 1;
		transition: background-color 0.3s ease;
		text-indent: -9999em;
	}
	#header_top_content #contact_block .content .form_tosidebar .input_submit:hover{
		background-image: url('images/icon_arrow-white.svg');
		background-color: #983f8d;
	}

	/* var 1 */
	#header_top_content .custom.var1 #contact_block{
		display: table;
		width: 100%;
		padding-top: 40px;
		text-align: center;
	}
	.isDesktop #header_top_content .custom.var1 #contact_block{
		transform: translate(0px, 100px);		
	}
	#header_top_content .custom.var1 #contact_block .menu{
		display: table-row;
	}
	#header_top_content .custom.var1 #contact_block .menu .item{
		display: table-cell;
		vertical-align: top;
	}
	#header_top_content .custom.var1 #contact_block .menu a.item{
		cursor: pointer;
		text-decoration: none;
	}
	#header_top_content .custom.var1 #contact_block .menu .item .inner{
		display: inline-block;
		margin: auto;
		
	}
	#header_top_content .custom.var1 #contact_block hr{
		margin: 0px;
		border-color: rgba(255,255,255,0.2);
	}
	#header_top_content .custom.var1 #contact_block .icon.contact_subscribe hr,
	#header_top_content .custom.var1 #contact_block .icon.contact_callback hr{
		display: none;
	}

	/* var 2 */
	.isDesktop #header_top_content .custom.var2:before{
		content: '';
		display: block;
		position: absolute;
		right: 0px;
		top: 220px;
		bottom: 0px;
		width: 50vw;
		background-color: rgba(255, 255, 255, 0.1);
	}
	#header_top_content .custom.var2 #contact_block{
		margin-top: 40px;		
	}
	.isDesktop #header_top_content .custom.var2 #contact_block{
		transform: translate(100px, 0px);		
	}
	#header_top_content .custom.var2 #contact_block .content{
		padding: 10px 0px;
	}
	#header_top_content .custom.var2 #contact_block hr{
		display: none;
	}
	#header_top_content .custom.var2 #contact_block .item{
		display: block;
	}	
	#header_top_content .custom.var2 #contact_block a.item{
		cursor: pointer;
		text-decoration: none;
	}
	#header_top_content .custom.var2 #contact_block .icon{
		background-position: left center;
	    padding: 25px 0px 20px 85px;
        border-top: 1px solid rgba(255,255,255,0.2);
	}
	#header_top_content .custom.var2 #contact_block .icon:first-child{
		border-top: 0px;
	}


	/* type: image and title */
	#header_top_content .image_and_title{
		position: relative;
		min-height: 400px;
		height: 55vh;
		margin-bottom: 75px;
	}
	#header_top_content .image_and_title .container,
	#header_top_content .image_and_title .container .row{
		height: 100%;
	}
	
	#header_top_content .image_and_title .title_container{
		position: absolute;
		bottom: -25px;
		z-index: 5;
		max-width: 75vw;
		opacity: 0;
    margin-left: -25px;
	}
	#header_top_content .image_and_title .background{
		display: block;
		background-size: cover;
		background-position: top center;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		overflow: hidden;
	}
	#header_top_content .image_and_title .background .image{
		display: block;
		background-size: cover;
		background-position: top center;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;

	    -webkit-transform: scale(1.11) translateZ(0);
	    -ms-transform: scale(1.11) translateZ(0);
	    transform: scale(1.11) translateZ(0);		
	}
	#header_top_content .image_and_title .background:after{
		display: block;
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		background-color: rgba(255,255,255,1);
		z-index: 3;
		transition: background-color 1.5s ease;
	}
	#header_top_content .image_and_title.anim .background .image{
	    -webkit-transform: scale(1) translateZ(0);
	    -ms-transform: scale(1) translateZ(0);
	    transform: scale(1) translateZ(0);
	    -webkit-transition: transform 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9);
	    transition: transform 0.95s 0s cubic-bezier(0.3, 0.58, 0.42, 0.9);				
	}
	#header_top_content .image_and_title.anim .background:after{
		background-color: rgba(0,0,0,0.3);
	}
	
	/* video header */
	#header_top_content .image_and_title #header_video_wrapper,
	#header_top_content .image_and_title #header_video_wrapper .video{
		cursor: pointer;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		width: 100%;
	  height: 100%;
	}
	#header_top_content .image_and_title #header_video_wrapper .video{
		z-index: 3;
		object-fit: cover;
	}
	#header_top_content .image_and_title #header_video_wrapper video::-webkit-media-controls,
	#header_top_content .image_and_title #header_video_wrapper video::-webkit-media-controls-start-playback-button{
	display: none !important;
	}


	#header_top_content .image_and_title .header_mobile_play_button{
		position: absolute;
		z-index: 6;
		content: '';
		display: block;
		width: 70px;
		height: 70px;
		background-image: url('images/icon_play.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 70px;
	  top: 50%;
	  left: 50%;
		transform: translate(-50%,-50%);
	  transition: all .3s ease-in-out;
	}
	


	/* type: title only */
	#header_top_content .title_only{
		position: relative;
		display: block;
		height: auto;
		width: 100%;
		margin-top: 200px;
		margin-bottom: 75px;
	}
	#header_top_content .title_only .title_container{
		opacity: 0;
		margin-left: -25px;
	}
	



/* ----- EDN header top content ----- */




/* ----- content ----- */
#area_content{
}

#area_content .breadcrump_container{
	margin-bottom: 40px;
}

	/* page submenu */
	#page_sub_menu{
		padding: 30px 0px;
	}
	#page_sub_menu ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#page_sub_menu ul li{
		display: inline-block;
	}
	#page_sub_menu ul li a{
		font-size: 12px;
	}
	#page_sub_menu ul li:after{
		content: ',';
	}
	#page_sub_menu ul li:last-child:after{
		content: '';
	}

	#area_content.home #page_sub_menu{
		margin-top: 50px;
		padding: 0px;
	}
	#area_content.home #page_sub_menu ul li a{
		font-size: 14px;
	}
	
	.overige_verslavingen_menu .item{
		position: relative;
	}
	.overige_verslavingen_menu .item a{
		display: block;
		padding: 11px 10px 10px 40px;
		color: #37b4d7;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,0.1);

	    transition: all .2s ease-in-out;
	}
	.overige_verslavingen_menu .item a:hover{
		color: #983f8d;
		border-bottom-color: #983f8d;
	}	
	.overige_verslavingen_menu .item .icon{
		position: absolute;
		left: 0;
		top: 10px;
		display: block;
		width: 25px;
		height: 25px;
		
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}

	/* search filter */
	#search_container{
	    padding: 4vh 0px;	
	}


	/* content sidebar */
	#content_container{
	}
	#content_sidebar{
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 150px;
	}
	#content_sidebar .sidebar_title{
		margin-bottom: 20px;
		margin-left: 10px;
	}
	#content_sidebar .menu > li{
		display: block;
		border-bottom: 1px solid #f0f0f0;
	}
	#content_sidebar .menu > li > a{
		font-size: 14px;
		color: #1899c0;
	    padding: 12px 20px 10px 0px;
	    display: block;
	    transition: all 0.3s ease;
	}
	#content_sidebar .menu > li:first-child > a{
		padding-top: 0px;
	}

	#content_sidebar .menu > li > a:hover{
		padding-left: 10px;
		padding-right: 10px;
	}
	#content_sidebar .menu > li.current_page_item > a,
	#content_sidebar .menu .sub-menu .current-menu-item a{
		color: #983f8d;
	}
	#content_sidebar .menu > li.current_page_item > a:hover{
		padding-left: 10px;
		padding-right: 10px;
	}
	#content_sidebar .menu > li.current_page_item{
		border-bottom-color: rgba(153, 63, 143, 0.5);
	}
	
	/* submenu */
	#content_sidebar .menu .sub-menu{
		list-style: none;
		margin: 0 0 20px 20px;
		padding: 0;
	}	
	#content_sidebar .menu .sub-menu > li{
	}
	#content_sidebar .menu .sub-menu > li > a{
		font-size: 12px;
	}
	
	/* mobile select menu */
	#content_sidebar .mobile_select select{
	    margin-bottom: 3rem;
	    color: #983f8d;
	}
	#content_sidebar .mobile_select select option.current{
	}
	
	
	/* content single */
	#area_content .author_block{
		padding: 0px 10px 10px 5px;
		margin-bottom: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}

	

/* ----- EDN content ----- */




/* ----- footer ----- */
#area_footer{
	position: relative;
}

	/* top bar */
	#area_footer .top_bar{
		padding: 50px 0px;
	}

	#area_footer .top_bar .breadcrump_container{
		max-width: 50%;
	}
	.breadcrump_container .icon_arrow-left{
		margin-top: -2px;
		vertical-align: middle;
		margin-right: 15px;
		display: inline-block;
		content: '';
		width: 18px;
		height: 18px;
		background-image: url('images/icon_arrow-back.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		text-indent: -9999em;
	}
	.breadcrump_container a{
		font-size: 12px;
		text-decoration: none;
		color: #515151;
		transition: all 0.3s ease;
	}
	.breadcrump_container a:hover{
		opacity: 0.7;
	}
	.breadcrump_container a.current-item{
		color: #983f8d;
	}
	.breadcrump_container a.current-item:hover{
		opacity: 1;
	}
	
	#area_footer .top_bar .share_container{
		font-size: 12px;
		line-height: 28px;
	}
	#area_footer .top_bar .share_container .icons_share{
		display: inline-block;
	}
	#area_footer .top_bar .share_container .icons_share li{
		margin-left: 23px;
		color: #fff;
	}
	#area_footer .top_bar .share_container .icons_share li a.icon{
		display: inline-block;
		content: '';
		width: 22px;
		height: 22px;
		margin-top: -5px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		font-size: 11px;
		vertical-align: middle;
		transition: opacity 0.3s ease;
		text-indent: -9999em;
	}
	#area_footer .top_bar .share_container .icons_share li a.icon:hover{
		opacity: 0.8;
	}
	#area_footer .top_bar .share_container .icons_share li a.icon.icon_facebook{
		background-image: url('images/icon_share_facebook.svg');
	}
	#area_footer .top_bar .share_container .icons_share li a.icon.icon_twitter{
		background-image: url('images/icon_share_twitter.svg');
	}
	#area_footer .top_bar .share_container .icons_share li a.icon.icon_mail{
		background-image: url('images/icon_share_mail.svg');
	}
	


	/* footer: usp bar */
	#area_footer .usp_bar{
		padding: 40px 0px;
		background-color: #006682;
		color: #fff;
	}
	#area_footer .usp_bar .swiper-pagination-bullet{
		width: 7px;
		height: 7px;
		background: transparent;
		border: 1px solid #fff;
		opacity: .3;
		margin: 0px 7px;
	}
	#area_footer .usp_bar .swiper-pagination-bullet-active{
		background: #fff;
		opacity: 1;
		border: 1px solid transparent;
	}
	#area_footer .usp_bar .swiper-pagination-bullets{
		position: relative;
		bottom: inherit;
		margin-top: 25px;
	}
	#area_footer .usp_bar .swiper-slide .content{
		font-size: 15px;
		font-weight: 700;
		line-height: 25px;
		padding: 0px 50px 0px 80px;

		background-image: url('images/icon_checkmark.svg');
		background-repeat: no-repeat;
		background-size: auto;
		background-position: 45px center;
	}

	#area_footer .usp_bar .item{
		font-size: 14px;
		font-weight: 700;
		line-height: 25px;
		padding: 0 0 0 30px;
		margin-bottom: 10px;

		background-image: url('images/icon_checkmark.svg');
		background-repeat: no-repeat;
		background-size: auto;
		background-position: left center;
	}


	/* main */
	#area_footer .main{
		background-color: #079dc6;
		color: #fff;
	}
	/* footer: search */
	.general_search{
	    padding: 4vh 0px;	
	}
	.general_search .search_field{
		padding: 25px 90px 25px 30px;
		font-size: 16px;
	}
	.general_search .search_form .submit{
		width: 90px;
	}

	
	#area_footer .main #bottom{
		border-top: 1px solid rgba(255,255,255,0.2);
		padding: 40px 0px 20px 0px;
	}

	/* footer: follow social */
	#area_footer .main #bottom .follow_social_container li{
		margin-right: 10px;
		margin-bottom: 10px;
		color: #fff;
	}
	#area_footer .main #bottom .follow_social_container li a.icon{
		display: inline-block;
		content: '';
		width: 22px;
		height: 25px;
		background-repeat: no-repeat;
		background-size: 22px;
		background-position: center center;
		color: #fff;
		font-size: 11px;
		vertical-align: middle;
		transition: opacity 0.3s ease;
	}
	#area_footer .main #bottom .follow_social_container li a.icon:hover{
		opacity: 0.8;
	}
	#area_footer .main #bottom .follow_social_container li a.icon.icon_facebook{
		background-image: url('images/icon_follow_facebook.svg');
	}
	#area_footer .main #bottom .follow_social_container li a.icon.icon_linkedin{
		background-image: url('images/icon_follow_linked.svg');
	}
	#area_footer .main #bottom .follow_social_container li a.icon.icon_instagram{
		background-image: url('images/icon_follow_insta.svg');
	}
	#area_footer .main #bottom .follow_social_container li a.icon.icon_youtube{
		background-image: url('images/icon_follow_youtube.svg');
	}
	
	/* footer: menu */
	#area_footer .main #bottom #menu_footer li {
		margin: 0px 15px;
	}
	#area_footer .main #bottom #menu_footer li:last-child {
		margin: 0px 0px 0px 15px;
	}
	#area_footer .main #bottom #menu_footer li a{
		color: #fff;
		font-size: 12px;
	}
	#area_footer .main #bottom #menu_footer li.logo_hkz a{
		margin-top: -2px;
		vertical-align: middle;
		display: inline-block;
		content: '';
		width: 32px;
		height: 23px;
 		background-repeat: no-repeat;
		background-size: contain;
		background-position: center top;
		background-image: url('images/logo_hkz.svg');
	}
	
	/* footer: partner block */
	#area_footer #block_partners{
		padding: 0px 0px 30px 0px;
	}
	#area_footer #block_partners ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: right;
	}
	#area_footer #block_partners ul li{
		display: inline;
		margin-left: 25px;
	}
	#area_footer #block_partners ul li:first-child{
		margin-left: 0px;
		
	}
	#area_footer #block_partners ul li img{
		height: 30px;
	}
	#area_footer #block_partners ul li a{
		transition: opacity 0.3s ease;
	}
	#area_footer #block_partners ul li a:hover{
		opacity: .7;
	}
	
	
/* ----- END footer ----- */



/* ----- custom Bootstrap ----- */
@media (min-width: 767px) {
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    padding-right: 25px;
    padding-left: 25px;
}
.row {
	margin-right: -25px;
	margin-left: -25px;
}
.container,
.container-fluid {
  padding-right: 25px;
  padding-left: 25px;
}
.table td, .table th{
	font-size: 13px;
}
.modal-content{
	border-radius: 0px;
	border: 0px;

	-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
}
.modal-header{
	border-bottom: 0px;
}
.modal-body{
	padding: 80px 70px;
}
.modal-body .close_btn{
	position: absolute;
	right: 40px;
	top: 30px;
	cursor: pointer;
}
.modal-body .close_btn{
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	
	background-color: transparent;
	background-image: url('images/icon_close-lightblue.svg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition:         transform 0.3s ease-in-out;
}
.modal-body .close_btn:hover{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.modal-backdrop.show{
    opacity: .4;
}

.diffuse_cookie-bar__container{
	-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
}

.grecaptcha-badge{
	display: none !important;
}