:root{
	/*
	Definieer hier eventuele variabelen
	
	Voorbeeld aanmaken variabele:	
	--rood: #f00;@
	
	
	Voorbeeld gebruik variabele:
	color: var(--rood);
	*/
	
	--jumbotron-standard-margin: 10rem; /*margin between jumbotron elements*/
	--default-margin-bottom: 3rem; /*p, ol, ul, etc*/
	--footer-margin-top: 10rem;
    --default-line-height: 2.4rem;
	--bs-gutter-x: 3rem;
	
	--container-width: 1320px;
	--column-width: calc((var(--container-width) / 12) - (var(--bs-gutter-x) / 12));
	--fancybox-accent-color: #ccc;
    --ruimte-opvolgende-kleurblokken-zonder-marge: 0;
	--blauw: #0A0A96;
	--groen: #3C9B6E;
	--lichtblauw: #F1F1FB;
	--lichtgroen: #e9f4ef;
	--big-gap: 9rem;
}

html.no-scroll,
html.no-scroll body{
    overflow: hidden;
}

html{
	font-size: 62.5%;
}

.single-post .vacature_container{
    margin-bottom: var(--jumbotron-standard-margin);
}

body{
	color: var(--blauw); 
	font:400 1.6rem/var(--default-line-height) 'Open Sans';
    padding-top: 13.7rem;
}

#content article > .jumbotron > .container,
#content .vacature_container > .jumbotron > .container{
	opacity: 0;
	transform: translateY(100px);
}

.relevante_cases_slider{
    display: flex;
}

.relevante_case{
    height: 100%;
}

@keyframes slideInUpAndFade {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: slideInUpAndFade;
}


.row {
    --bs-gutter-x: 3rem;
}

.big-gap{
	--bs-gutter-x: var(--big-gap);
}

.jumbotron{
    position: relative;
	background:none;
	margin:0;
	padding:0;
}

.tns-outer *{
	outline:none !important;
}

.gallery + .gallery{
	margin-top: var(--bs-gap, 3rem);
}

.gekaderd_blok{
	padding: 3rem;
}

.gekaderd_blok.gekaderd_blok_e9f4ef{
	border-left: solid 0.3rem var(--groen);
}

.gekaderd_blok.gekaderd_blok_f1f1fb{
	border-left: solid 0.3rem var(--blauw);
}

article > .jumbotron .gform_wrapper:last-child form,
.gekaderd_blok > *:last-child{
	margin-bottom: 0;
}

.content_gekaderd{
	background: none !important;
	/*padding-top: 0 !important;
	padding-bottom: 0 !important;*/
}

.links_uitbreiden,
.rechts_uitbreiden{
    overflow: hidden;
}

.content_gekaderd + .content_gekaderd,
.stijl_achtergrondkleur + .content_gekaderd{
	padding-top: var(--jumbotron-standard-margin) !important;	
}

.content_gekaderd:not(.links_uitbreiden):not(.rechts_uitbreiden){
    padding-top: 0;
    padding-bottom: 0;
}

.content_gekaderd:not(.links_uitbreiden):not(.rechts_uitbreiden) .content_gekaderd_inner{
	padding-left: var(--column-width);
	padding-right: var(--column-width);
	padding-top: var(--jumbotron-standard-margin);
	padding-bottom: var(--jumbotron-standard-margin);    
}

.links_uitbreiden:before{
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	z-index: -1;
	
    /*Inclusief content*/
	/*right: calc(((100% - var(--container-width) + 1.5rem) / 2) + ((12 - var(--data-xxl-o)) * var(--column-width)) - ((var(--data-xxl-c)) * var(--column-width)));*/
    /*OUD*/
	/*right: calc(((100% - var(--container-width)) / 2) + ((12 - var(--data-xxl-o)) * var(--column-width)));*/
    
    /*Altijd 1 kolom vanaf de zijkant*/
    right: calc(var(--column-width));
    /*Altijd 1 kolom buiten de content*/
    right: calc(((100% - var(--container-width)) / 2) + 3rem - var(--column-width));
}
			
.rechts_uitbreiden:before{
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	z-index: -1;
	
    /*Inclusief content*/
	/*left: calc(((100% - var(--container-width) + 1.5rem) / 2) + ((var(--data-xxl-o)) * var(--column-width)));*/
    /*OUD*/
	/*left: calc(((100% - var(--container-width)) / 2) + ((var(--data-xxl-o)) * var(--column-width)) + ((var(--data-xxl-c)) * var(--column-width)));*/
    
    /*Altijd 1 kolom vanaf de zijkant*/
    left: calc(var(--column-width));
    /*Altijd 1 kolom buiten de content*/
    left: calc(((100% - var(--container-width)) / 2) + 3rem - var(--column-width));
}

picture.img-fluid img{
    max-width: 100%;
    height: auto;
}

.sharebutton{
	
}

.sharebutton__facebook,
.sharebutton__facebook:hover,
.sharebutton__facebook:focus{
    color: #3b5998;
}

.sharebutton__linkedin,
.sharebutton__linkedin:hover,
.sharebutton__linkedin:focus{
    color: #0077b5;
}

.sharebutton__twitter,
.sharebutton__twitter:hover,
.sharebutton__twitter:focus{
    color: #1da1f2;
}

.sharebutton__google-plus,
.sharebutton__google-plus:hover,
.sharebutton__google-plus:focus{
    color: #dd4b39;
}

.sharebutton__envelope,
.sharebutton__envelope:hover,
.sharebutton__envelope:focus{
    color: #adadad;
}

/*.last-no-margin > *:last-child,
.last-no-margin > header:last-child > h1,
.last-no-margin > .tinymce-row:last-child > div > *:last-child,
.last-no-margin > .table-responsive:last-child > table{
    margin-bottom: 0;
}*/

.geen_extra_marge_onderkant + .jumbotron{
	padding-top: 0 !important;
}

.geen_extra_marge_onderkant:has(+ .divider){
	padding-bottom: 0 !important;
}

#content .geen_extra_marge_onderkant.content_gekaderd + .jumbotron.content_gekaderd .content_gekaderd_inner,
#content .jumbotron:not(.stijl_achtergrondkleur):not(.header) + .jumbotron:not(.stijl_achtergrondkleur){
    padding-top: 0 !important;
}

.jumbotron.jumbo-padding{
    padding-top: var(--jumbotron-standard-margin);
    padding-bottom: var(--jumbotron-standard-margin);
}

.jumbotron.jumbo-padding:last-child:not(.stijl_achtergrondkleur),
.jumbotron.jumbo-padding.geen_extra_marge_onderkant{
	padding-bottom: 0;
}

/*article > .jumbotron:first-child {
    margin-top: 0;
}*/

.gallery figure{
    margin: 1px;
}

.gallery-caption{
	text-align: center;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 3rem; 
	margin-top: 6rem;
	max-width: 80%;
	margin-inline: auto;
}

.tns-nav{
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 3rem;
}

.tns-nav button{
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	padding: 0;
	border: none;
	background: #C5C5E9;
	transition: 0.3s background;
	opacity: 1;
}

.tns-nav button.tns-nav-active{
	background: var(--blauw);
}

#content :is(ul ul, ol ul, ul ol, ol ol){
    margin-bottom: 0;
}

#content{
    padding: 0 0;
}

#content :is(h1, h2, h3, h4, p, ul, ol, table, iframe, form){
	font-style:normal;
	margin-bottom:0;
	margin-top:0;
}

#content :is(header:has(h1), h2, h3, h4, p, ul, ol, form, table, section, .gekaderd_blok, .button-group, .introtekst, .woocommerce-notices-wrapper:not(:empty)) + :is(p, ul, ol, h2, h3, h4, .gekaderd_blok, .button-group, address, table, section, form, section, .introtekst),
#content :is(header:has(h1)) + script + .gform_wrapper{
    margin-top: var(--default-margin-bottom);
}

#content .info_blok :is(h2) + :is(p, ul, ol){
	margin-top: calc(2 * var(--default-margin-bottom)) !important;	
}

#content .stap_blok :is(h2) + :is(p, ul, ol, h2){
	margin-top: 3.5rem !important;	
}

#content :is(.case_call_to_action h2, .call_to_action h2) + :is(p, ul, ol, h2, h3, h4, .gekaderd_blok, .button-group, address, table, section, form, section, .introtekst){
    margin-top: calc(2 * var(--default-margin-bottom)) !important;	
}

.woocommerce-notices-wrapper:empty{
	display: none;
}

.dikke_lijn_element:not(.stijl_achtergrondkleur) + .jumbo-padding:not(.stijl_achtergrondkleur){
	margin-top: var(--jumbotron-standard-margin);
}

.dikke_lijn_element .last-no-margin{
	position: relative;
}

.dikke_lijn_element .last-no-margin:after{
	content: "";
    height: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    position: absolute;
    width: 50%;
    background: var(--blauw);
    bottom: calc(-1* var(--jumbotron-standard-margin));
}

.dikke_lijn_element.stijl_achtergrondkleur_e9f4ef .last-no-margin:after{
	background: var(--groen);
}

.dikke_lijn_element:not(.stijl_achtergrondkleur){
	border-bottom: solid 0.1rem var(--blauw);
}

#content .jumbotron :is(p, ul, ol, .gekaderd_blok, .button-group) + :is(h2, h3, h4){
    margin-top: var(--default-margin-bottom);
}

.introtekst,
.gform_description{
    font-size: 1.8rem;
	line-height: 3rem; 
}

.gform_description{
	font-weight: 600;
	margin-bottom: 4.5rem !important;
}

.kleine_tekst{
    font-size: 1.4rem;  
}

.jumbotron.call_to_action h2,
.jumbotron.case_call_to_action h2,
.jumbotron h1,
.jumbotron h2.quote_stijl{
	font-size:4.5rem;
	line-height: 6rem; 
	color: var(--blauw);
	font-weight: 600;
}

.dummy_h1,
.jumbotron h2.groot{	
	font-size:4.5rem;
	line-height: 6rem; 
}

.jumbotron h2.quote_stijl{
	color: var(--groen);
	font-weight: 400;
}

.jumbotron h2.quote_stijl:after{
	content: "__";
	display: block;
}

.jumbotron h1.hoofdkop_klein,
.jumbotron h2{
	font-size:3rem;
	line-height: 4rem; 
	color: var(--blauw);
}

.jumbotron h3{
	font-size:2.5rem;
	line-height: 3rem; 
	color: var(--blauw);
}

.jumbotron h4{
	font-size:2rem;
	color: var(--blauw);
	line-height: 2.6rem;
}

ul.checklist,
ul.lijst_met_pijlen{
	padding: 0;
	list-style: none;
	display: grid;
	gap: 1.5rem;
}

ul.checklist li,
ul.lijst_met_pijlen li{
	position: relative;
	padding-left: 3.5rem;
}

ul.checklist li{
	padding-left: 4.5rem;
}

ul.checklist li:before,
ul.lijst_met_pijlen li:before{
	color: #39e07c;
	position: absolute;
	left: 0;
	top: -0.1rem;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.6759' cy='13.6759' r='13.6759' fill='%23E9F4EF'/%3E%3Cpath d='M7.24023 13.3046L12.2787 18.5027L20.9162 8.84912' stroke='%233C9B6E' stroke-width='3'/%3E%3C/svg%3E%0A");
	width: 2.8rem;
	height: 2.8rem;
}

ul.lijst_met_pijlen li:before{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M1 7H0V9H1V7ZM18.7071 8.70711C19.0976 8.31658 19.0976 7.68342 18.7071 7.29289L12.3431 0.928932C11.9526 0.538408 11.3195 0.538408 10.9289 0.928932C10.5384 1.31946 10.5384 1.95262 10.9289 2.34315L16.5858 8L10.9289 13.6569C10.5384 14.0474 10.5384 14.6805 10.9289 15.0711C11.3195 15.4616 11.9526 15.4616 12.3431 15.0711L18.7071 8.70711ZM1 9H18V7H1V9Z' fill='%233C9B6E'/%3E%3C/svg%3E");
    width: 1.9rem;
    height: 1.6rem;
    top: 0.7rem;
}

.alm-filters-edit{
    display: none !important;
}

.alm-btn-wrap{
	width: 100%;
	text-align: center;
	margin-top: var(--jumbotron-standard-margin);
}

.alm-btn-wrap:has(.alm-load-more-btn.done){
    display: none;
}

.alm-filter--inner ul li {
	
}

.alm-filter--inner ul  li.alm-filter--radio ul li  {
	margin-bottom: 0rem; 
}

.alm-filter--inner ul li.alm-filter--radio ul {
	margin-top: 1rem !important;
}

.alm-filter--link {
    cursor: pointer;
    margin-bottom: 0rem;
}


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.alert > *:last-child{
	margin:0 !important;
}

.hide_tekst {
    display: none;
}

.lees_verder{
	margin-bottom:var(--default-margin-bottom);
}

p:empty{
	display:none;
}

em{
	font-style:italic !important;
}

strong{
	font-weight:600 !important;
}

a,
a:hover,
a:focus{
	color:var(--blauw);
}

#content a:not([class]),
#footer a:not([class]){
	transition: 0.3s color;
}

a:hover,
a:focus{
	color:var(--groen);
}

.tekstkleur_3c9b6e a,
.tekstkleur_3c9b6e a:hover,
.tekstkleur_3c9b6e a:focus{
	text-decoration: none;
	color: var(--groen);
}

hr{
	border-top:solid 0.1rem #c9c9c9;
	margin:var(--default-margin-bottom) 0;
    display: block;
}

.button,
.button:hover,
.button:focus,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
	text-decoration:none !important;
	outline:none;
	border-radius:0.5rem;
	color:#fff;
	background-color:var(--blauw);
	border: solid 0.2rem var(--blauw);
	padding:1.45rem 5.5rem !important;
	font-size: 1.8rem;
	font-family: 'Roboto';
	line-height:normal !important;
    cursor: pointer;
	display: inline-flex;
	align-items: center;
	transition: 0.3s color, 0.3s background-color, 0.3s border-color;
}

.button_inline,
.woocommerce a.button_inline,
.woocommerce-orders-table__cell-order-actions a.button,
.button_inline:hover,
.woocommerce a.button_inline:hover,
.woocommerce-orders-table__cell-order-actions a.button:hover,
.button_inline:focus,
.woocommerce a.button_inline:focus,
.woocommerce-orders-table__cell-order-actions a.button:focus{
	padding:0.6rem 1rem !important;	
}

.button:hover,
.button:focus,
body div.gform_wrapper .gform_footer button.gform_button:hover,
body div.gform_wrapper .gform_footer button.gform_button:focus,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus, 
.woocommerce a.button:focus, 
.woocommerce button.button:focus, 
.woocommerce input.button:focus{
    background: var(--groen);
	border-color: var(--groen);
}

.woocommerce-orders-table__cell-order-actions,
p.button-group,
.button-group p{
	display: flex;
	gap: 5rem;
	flex-wrap: wrap;
}

.button-group p[style="text-align: center;"]{
	justify-content: center;
}

.button_alt,
.button_alt:hover,
.button_alt:focus,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus, 
.woocommerce a.button.alt:focus, 
.woocommerce button.button.alt:focus, 
.woocommerce input.button.alt:focus{
	background-color:var(--groen) !important;
	border: solid 0.2rem var(--groen) !important;
}

.button_outline,
.button_outline:hover,
.button_outline:focus,
.woocommerce a.button_outline,
.woocommerce a.button_outline:hover,
.woocommerce a.button_outline:focus{
	background-color: transparent;
	border: solid 0.2rem var(--blauw);
	color: var(--blauw);
}

.button_outline:hover,
.button_outline:focus{
	background-color: var(--blauw);
	border: solid 0.2rem var(--blauw);
	color: #fff;	
}

.button_outline_alt,
.button_outline_alt:hover,
.button_outline_alt:focus{
	background-color: transparent;
	border: solid 0.2rem var(--groen);
	color: var(--groen);
}

.button_outline_alt:hover,
.button_outline_alt:focus{
	background-color: var(--groen);
	border: solid 0.2rem var(--groen);
	color: #fff;	
}

.button_met_icoon_voor i{
	margin-right: 1rem;
}

.button_met_icoon_na i{
		margin-left: 1rem;
}

.link_met_pijl_voor,
.link_met_pijl_na{	
	transition: 0.3s color, 0.3s background-color, 0.3s border-color;
    align-items: center;
    display: inline-flex;
	font-weight: 600;
}

.link_met_pijl_voor:before{
	content: "";
	width: 1.9rem;
	height: 1.6rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M1 7H0V9H1V7ZM18.7071 8.70711C19.0976 8.31658 19.0976 7.68342 18.7071 7.29289L12.3431 0.928932C11.9526 0.538408 11.3195 0.538408 10.9289 0.928932C10.5384 1.31946 10.5384 1.95262 10.9289 2.34315L16.5858 8L10.9289 13.6569C10.5384 14.0474 10.5384 14.6805 10.9289 15.0711C11.3195 15.4616 11.9526 15.4616 12.3431 15.0711L18.7071 8.70711ZM1 9H18V7H1V9Z' fill='%233C9B6E'/%3E%3C/svg%3E");
	margin-right: 1rem;
    display: inline-block;
    transition: 0.3s transform;
}

.link_met_pijl_na:after{
	content: "";
	width: 1.9rem;
	height: 1.6rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M1 7H0V9H1V7ZM18.7071 8.70711C19.0976 8.31658 19.0976 7.68342 18.7071 7.29289L12.3431 0.928932C11.9526 0.538408 11.3195 0.538408 10.9289 0.928932C10.5384 1.31946 10.5384 1.95262 10.9289 2.34315L16.5858 8L10.9289 13.6569C10.5384 14.0474 10.5384 14.6805 10.9289 15.0711C11.3195 15.4616 11.9526 15.4616 12.3431 15.0711L18.7071 8.70711ZM1 9H18V7H1V9Z' fill='%233C9B6E'/%3E%3C/svg%3E");
	margin-left: 1rem;
    display: inline-block;
    transition: 0.3s transform;
}

.link_met_pijl_voor:hover:before,
.link_met_pijl_na:hover:after{
    transform: translateX(0.5rem);
}

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

form.search-form{
	margin:0;
}

form.search-form label{
	padding:0;
	margin:0;
	float:left;
	background:#fff;
    height: 100%;
}

form.search-form input{
	margin:0;
	padding:0 0.5rem;
	outline:none;
	background:none;
	border:none;
	border-radius:0;
	float:left;
}

form.search-form button{
	margin:0;
	padding:0;
	outline:none;
	background:none;
	border:none;
	border-radius:0;
	float:left;
}

nav.navbar{
	min-height:0;
	background:#fff;
	border:none;
	margin:0;
    padding: 0;
	width:100%;
	float:left;
	flex-wrap: wrap;
	border-bottom: solid 0.1rem #C5C5E9;
}

#menu_bottom {
    background-color: #ddd;
    position: relative;
    width: 100%;
}

.fixed-top{	
    transition: 0.3s transform;
}

nav.navbar.is-hidden{
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand{
	height:auto;
	padding:0;
	margin:0;
}

.menu-container{
	margin: 2.7rem 0;
}

.navbar-collapse{
	align-items: flex-end;
}

.navbar>.container{
	align-items: normal;
}

#logoholder{
	margin: 2.7rem 0;
	float:left;
}

#logoholder img{
	width: 18rem;
	height: 8.2rem;
}

#topmenu{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 15;
}

#topmenu li{
	margin-left: 1.5rem;
	float: left;
	position: relative;
}

#topmenu li.menu-item-has-children a{
	display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

#topmenu li.menu-item-has-children > a:after{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1C3.6 3.8 6.08333 6.16667 7 7L13 1' stroke='%237373C5' stroke-width='1.5'/%3E%3C/svg%3E");
	width: 1.4rem;
	height: 0.9rem;
	display: inline-block;
}

#topmenu li a{
	color: #7373C5;
	font-family: "Open Sans";
	font-size: 1.5rem;
	font-weight: 400;
	text-decoration: none;
	transition: 0.3s color;
	white-space: nowrap;
	display: inline-flex;
}

#topmenu li:hover > a,
#topmenu > li.current-menu-item > a,
#topmenu > li.current-menu-ancestor > a,
#topmenu > li.current-menu-parent > a{
	color: #3C9B6E;
}

#topmenu li.inloggen-link a{
	display: inline-flex;
	align-items: center;
	gap: 1rem;
}

#topmenu li.inloggen-link a:before{
	content: "";
	background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10Z' fill='%23F1F1FB'/%3E%3Cg clip-path='url(%23clip0_203_346)'%3E%3Cpath d='M8.27994 10.6612C8.74816 11.0389 9.34753 11.2663 9.99953 11.2663C10.6515 11.2663 11.2509 11.0389 11.7191 10.6612C12.324 10.1729 12.711 9.4337 12.711 8.60664V6.66083C12.711 5.83377 12.324 5.09458 11.7191 4.60631C11.2509 4.22856 10.6515 4.00119 9.99953 4.00119C9.34753 4.00119 8.74816 4.22856 8.27994 4.60631C7.67504 5.09458 7.28809 5.83377 7.28809 6.66083V8.60755C7.28809 9.43461 7.67504 10.1738 8.27994 10.6621V10.6612ZM8.27994 6.66083C8.27994 5.72869 9.05015 4.9741 9.99953 4.9741C10.9489 4.9741 11.7191 5.72959 11.7191 6.66083V8.60664C11.7191 9.53878 10.9489 10.2934 9.99953 10.2934C9.05015 10.2934 8.27994 9.53788 8.27994 8.60664V6.65992V6.66083Z' fill='%237373C5'/%3E%3Cpath d='M10.0005 12.1915C7.72861 12.1915 5.71996 13.3039 4.5 14.9997H5.76891C6.81803 13.8746 8.32336 13.1644 10.0005 13.1644C11.6776 13.1644 13.182 13.8746 14.232 14.9997H15.5009C14.281 13.3039 12.2723 12.1915 10.0005 12.1915Z' fill='%237373C5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_203_346'%3E%3Crect width='11' height='11' fill='white' transform='translate(4.5 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	width: 2rem;
	height: 2rem;
	display: inline-block;
	transition: 0.3s background;
}

#topmenu li.inloggen-link a:hover:before{	
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10Z' fill='%23E9F4EF'/%3E%3Cg clip-path='url(%23clip0_566_3360)'%3E%3Cpath d='M8.28092 10.6612C8.74914 11.0389 9.3485 11.2663 10.0005 11.2663C10.6525 11.2663 11.2519 11.0389 11.7201 10.6612C12.325 10.1729 12.7119 9.43373 12.7119 8.60667V6.66086C12.7119 5.8338 12.325 5.09461 11.7201 4.60634C11.2519 4.22859 10.6525 4.00122 10.0005 4.00122C9.3485 4.00122 8.74914 4.22859 8.28092 4.60634C7.67602 5.09461 7.28906 5.8338 7.28906 6.66086V8.60758C7.28906 9.43464 7.67602 10.1738 8.28092 10.6621V10.6612ZM8.28092 6.66086C8.28092 5.72872 9.05113 4.97413 10.0005 4.97413C10.9499 4.97413 11.7201 5.72962 11.7201 6.66086V8.60667C11.7201 9.53881 10.9499 10.2934 10.0005 10.2934C9.05113 10.2934 8.28092 9.53791 8.28092 8.60667V6.65995V6.66086Z' fill='%233C9B6E'/%3E%3Cpath d='M10.0005 12.1915C7.72861 12.1915 5.71996 13.3039 4.5 14.9997H5.76891C6.81803 13.8746 8.32336 13.1644 10.0005 13.1644C11.6776 13.1644 13.182 13.8746 14.232 14.9997H15.5009C14.281 13.3039 12.2723 12.1915 10.0005 12.1915Z' fill='%233C9B6E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_566_3360'%3E%3Crect width='11' height='11' fill='white' transform='translate(4.5 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#topmenu li ul{
	display: none;
	position: absolute;
	padding: 1.5rem;
	background: #fff;
	box-shadow: 0px 0px 2.5rem 0px rgba(0, 0, 0, 0.20);
	list-style: none;
	margin: 0;
	left: -1.5rem;
	top: 3.5rem;
	gap: 1rem;
}

#topmenu > li > ul:before{
    height: 1.5rem; 
    top: -1.5rem; 
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background: transparent;
}

#topmenu li ul li{
	margin: 0;
}

#topmenu li:hover ul{
	display: grid;
}

.talen-container{
    position: relative;
    z-index: 15;
}

.talen.talen_lijst{
	list-style: none;
	padding: 0;
	margin: 0;
    display: flex;
}

.talen.talen_lijst li{
    margin-left: 1.5rem
}

.talen.talen_lijst a{
	color: #7373C5;
	font-family: "Open Sans";
	font-size: 1.5rem;
	font-weight: 400;
	text-decoration: none;
	transition: 0.3s color;
	white-space: nowrap;
	display: inline-flex;	
	transition: 0.3s color;
}

.talen.talen_lijst a:hover{
	color: #3C9B6E;	
}

#hoofdmenu{
	margin:3rem 0 0;
	gap: 1.5rem;
	align-items: center;
}

#hoofdmenu li{
	margin: 0;
	position:relative;
}

#hoofdmenu li:first-of-type{
	margin-left:0;
}

#hoofdmenu li:last-of-type{
	margin-right:0;
}

#hoofdmenu li a{
	padding:0;
	white-space: nowrap;
	background:none;
	color: #0A0A96;
	transition: 0.3s color, 0.3s opacity;
	text-decoration: none !important;
	font-family: "Open Sans";
	font-size: 1.6rem;
	font-weight: 600;
}

#hoofdmenu li.button{
	margin-left: 0;
	padding: 0 !important;
    font-weight: 400;
    margin-block: -7px;
}

#hoofdmenu li.button a{
	color: #fff !important;
	font-family: 'Roboto';
	font-weight: 400;
	padding: 0.8rem 2.75rem !important;
}

#hoofdmenu > li:hover > a,
.single-case #hoofdmenu > li#menu-item-3293 > a,
#hoofdmenu > li.current-menu-item > a,
#hoofdmenu > li.current-menu-ancestor > a,
#hoofdmenu > li.current-menu-parent > a{
	color: var(--groen);
	position: relative;
}

.single-case #hoofdmenu > li#menu-item-3293 > a:before,
#hoofdmenu > li.current-menu-item:not(.button) > a:before,
#hoofdmenu > li.current-menu-ancestor:not(.button) > a:before,
#hoofdmenu > li.current-menu-parent:not(.button) > a:before{
	content: "";
	height: 0.4rem;
	width: 100%;
	background: var(--groen);
	position: absolute;
	bottom: -2.9rem;
	left: 0;
}

#hoofdmenu li.menu-item-has-children > a:after{
	content: "\f107";
	font-family: 'Font Awesome 6 Pro';
	margin-left: 0.8rem;
}

#hoofdmenu li.menu-item-has-children.open > a:after{
	content: "\f106";
	font-family: 'Font Awesome 6 Pro';
}

/*Submenu*/
#hoofdmenu > li > ul{
	border-radius: 1rem;
	background: #fff;
	display:none;
	list-style:none;
	padding:1.5rem 1rem;
	margin:0;
	position:absolute;
	top:calc(100% + 1rem);
	left:-1rem;
	box-shadow: 0 0 1rem #00000030
}

/*Dit is om de ruimte tussen menu en submenu hoverable te maken
#hoofdmenu > li > ul:before {
    height: 1.5rem; Dit is afhankelijk van je website
    top: -1.5rem; Deze moet evenhoog zijn als "height"
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background: #f00; Deze moet je op "transparent" zetten
}
*/

/*#hoofdmenu li:hover > ul{
	display:block;
}*/

#hoofdmenu li ul li{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
}

#hoofdmenu li ul li:not(.submenu-back-button) + li{
	margin-top: 0.5rem;
}

#hoofdmenu li ul li a{
	white-space:nowrap;
	margin:0;
	padding:0 1.5rem;
	float:left;
	width:100%;
}

#hoofdmenu li ul li:hover > a,
#hoofdmenu li ul li.current-menu-item > a,
#hoofdmenu li ul li.current-menu-ancestor > a,
#hoofdmenu li ul li.current-menu-parent > a{
	text-decoration: underline;
}

/*Sub-sub menu*/
#hoofdmenu li ul li ul{
	display:none;
	left:100%;
	top:0;
}

#hoofdmenu li ul li:hover > ul{
	display:block;
}

#hoofdmenu li ul li ul li{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
}

#hoofdmenu li ul li ul li a{
	white-space:nowrap;
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

#footer{
	border-top: solid 0.1rem var(--blauw);
	margin-top: var(--footer-margin-top);
	padding:5rem 0;
	background:var(--lichtblauw);
}

.footermenu{
}

.footermarge{
    margin-top: 9.2rem;
}

#footer ul,
#footer p{
	list-style:none;
	padding:0;
	font-size: 1.5rem;
	line-height: 2.6rem;
}

#footer p a{
	text-decoration: none;
}

#footer p a:hover{
	text-decoration: underline;
}

#footer h4{
	font-weight: 700;
}

#footer ul li{
}

#footer ul li a:before{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M1 7H0V9H1V7ZM18.7071 8.70711C19.0976 8.31658 19.0976 7.68342 18.7071 7.29289L12.3431 0.928932C11.9526 0.538408 11.3195 0.538408 10.9289 0.928932C10.5384 1.31946 10.5384 1.95262 10.9289 2.34315L16.5858 8L10.9289 13.6569C10.5384 14.0474 10.5384 14.6805 10.9289 15.0711C11.3195 15.4616 11.9526 15.4616 12.3431 15.0711L18.7071 8.70711ZM1 9H18V7H1V9Z' fill='%233C9B6E'/%3E%3C/svg%3E");
	width: 1.9rem;
	height: 1.6rem;
	transition: 0.3s transform;
}

.footer-logo img {
    margin-left: calc(-1 * var(--column-width));
}

#footer ul li a{
	display: inline-flex;
	gap: 1rem;
	text-decoration: none;
	align-items: center;
    white-space: nowrap;
}

#footer ul li a:hover:before{
	transform: translateX(0.5rem);
}

.socialmedia a{
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	color: var(--groen);
	border: solid 0.2rem var(--groen);
	display: inline-flex;
	justify-content: center;
	align-items: center;
    font-size: 2rem;
    text-decoration: none;
	transition: 0.3s color, 0.3s background !important;
}

.socialmedia a:hover{
	color: #fff;
	background: var(--groen);
}

#footer-quote{
	padding: 3.5rem 0;
	border-bottom: solid 0.1rem var(--groen);
	color: var(--groen);
}

#footer-quote ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 2.5rem;
    justify-content: center;
}

#footer-quote ul li a{
    color: var(--groen);
    text-decoration: none;
}

#credits{
	padding:2rem 0;
	background:#fff ;
	color: var(--groen);
}

#credits,
#credits a{
	text-decoration:none;
}

#credits ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

#credits li{
	display: inline-block;
	margin-right: 1.5rem;
}

#credits li:first-of-type{
	margin-left:0;
}

#credits li:last-of-type{
	margin-right:0;
}

.submenu-back-button{
	display: none;
}

.stijl_achtergrondkleur{
	padding-top: var(--jumbotron-standard-margin);
	padding-bottom: var(--jumbotron-standard-margin);
}

#content article > .google_maps_volledige_breedte:last-child,
#content article > .stijl_achtergrondkleur:not(.content_gekaderd):not(.contact_blok):last-child,
#content article > .achtergrondafbeelding:last-child{
	margin-bottom: calc(-1 * var(--footer-margin-top));
}

.content_positie_links > .container > .row > div.col-sm-12{
	margin-left: 0 !important;
}

.content_positie_rechts > .container{
	margin-right: 0 !important;
}

.case_header{
	position: relative;
	isolation: isolate;
}

.vacature_header,
.blog_header{
	padding-block: 6rem !important;
}

.jumbo-introtekst{
	padding-bottom: 0 !important;
}

.single-vacature .vacature_blok_flex,
.single-post .blog_blok_flex{
	margin-block: 6rem;
}

.blog_blok_flex,
.vacature_blok_flex{
	gap: 4rem;
}

.blog_blok_content,
.vacature_blok_content{
	flex: 1;
}

.blog_blok_img,
.vacature_blok_img{
	max-width: 32rem;
}

.case_header:before,
.vacature_header:before,
.blog_header:before{
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	background: var(--lichtblauw);
	height: 39rem;
}

.single-post-blogs .blog_header:before{
	background: var(--lichtgroen);
}

.single-post-blogs .blog_header .dummy_h1{
	color: var(--groen) !important;
}

.vacature_container{
	margin-top: calc(-1 * var(--jumbotron-standard-margin));
	overflow-x: clip;
}

.vacature_container + .stijl_achtergrondkleur{
	margin-top: var(--jumbotron-standard-margin);
}

.vacature_container .jumbotron .last-no-margin{
	background: #fff;
	padding: calc(0.75 * var(--column-width)) var(--column-width) 0;
	position: relative;
}

.single-post:has(.whitepaper_download_form) .vacature_container .jumbotron .last-no-margin:after,
.single-post-whitepapers .vacature_container .jumbotron .last-no-margin:after,
.single-post-whitepaper .vacature_container .jumbotron .last-no-margin:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 40%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 85.02%);
}

.vacature_container .jumbotron .last-no-margin:before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 12.5rem;
	height: 4.5rem;
	background: var(--lichtblauw);
}

.single-post-blogs .vacature_container .jumbotron .last-no-margin:before{
	background: var(--lichtgroen);
}

.case_header_inner{
	position: relative;
}

.case_header_inner:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='198' height='396' viewBox='0 0 198 396' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M189.892 93.8142L126.056 31.7532L109.905 16.2099L95.3267 0.928711L77.5645 17.8953L63.14 32.1652H63.1783L0.646484 94.3385L32.1809 124.976L73.1911 84.1136L73.1528 387.822H117.616L117.692 84.1136L158.818 124.152L189.892 93.8142Z' fill='white'/%3E%3Crect x='73.5229' y='354' width='124.477' height='43' fill='white'/%3E%3C/svg%3E%0A");
	aspect-ratio: 199 / 396;
	height: 60%;
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

.case_header_inner:before{
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.5;
	background: linear-gradient(121deg, #0A0A96 0%, rgba(255, 255, 255, 0.00) 50.73%);
	mix-blend-mode: multiply;
}

.case_header_inner_logo{
	position: absolute;
	left: 5rem;
	top: 4.5rem;
	max-width: 30rem;
}

.case_sidebar{
	background: var(--lichtblauw);
	padding: 3.5rem;
}

.case_taxonomies_lijst{
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 1.5rem;
    flex-wrap: wrap;
}

.case_taxonomies_lijst a{
	display: inline-flex;
	background: var(--lichtgroen);
	color: var(--groen);
	border-radius: 9rem;
	padding: 1.45rem 2.5rem;
	text-decoration: none;
	border: solid 0.1rem var(--lichtgroen);
	transition: 0.3s background, 0.3s border-color !important;
}

.case_taxonomies_lijst a:hover{
	background: transparent;
	border: solid 0.1rem var(--groen)
}

.tax_branche a,
.tax_rol a,
.tax_pijnpunt a,
.alm-filter--toggle{
	display: inline-flex;
	gap: 1.5rem;
	align-items: center;
    white-space: nowrap;
}

.tax_branche a:before,
.tax_rol a:before,
.tax_pijnpunt a:before,
.alm-filter--toggle:before{
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
}

#alm-filter-category-title:before{
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='31' viewBox='0 0 17 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.98' d='M7.88511 0H16.5168L9.75192 10.6987H17L0 31L6.28174 16.1359H0L7.88511 0Z' fill='%233C9B6E'/%3E%3C/svg%3E%0A");
	height: 2.5rem;
	aspect-ratio: 24 / 21;
}

.tax_branche a:before,
#alm-filter-branche-title:before{
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_113_1045)'%3E%3Cpath d='M15.5521 9.38897V3.52883L7.10576 9.38897V0.600098H0V21.0001H5.43793H7.10576H13.8853H15.5521H24V3.52883L15.5521 9.38897Z' fill='%233C9B6E'/%3E%3Crect x='7.2002' y='12.6001' width='7.2' height='2.4' fill='%23E9F4EF'/%3E%3Crect x='15.6001' y='12.6001' width='7.2' height='2.4' fill='%23E9F4EF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_113_1045'%3E%3Crect width='24' height='20.4' fill='white' transform='translate(0 0.600098)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	height: 2.5rem;
	aspect-ratio: 24 / 21;
}

.tax_rol a:before,
#alm-filter-rol-title:before{
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_113_1053)'%3E%3Cpath d='M8.534 14.9882C9.52553 15.7882 10.7948 16.2697 12.1755 16.2697C13.5562 16.2697 14.8254 15.7882 15.8169 14.9882C17.0979 13.9543 17.9174 12.3889 17.9174 10.6375V6.51694C17.9174 4.76552 17.0979 3.20017 15.8169 2.1662C14.8254 1.36626 13.5562 0.884766 12.1755 0.884766C10.7948 0.884766 9.52553 1.36626 8.534 2.1662C7.25302 3.20017 6.43359 4.76552 6.43359 6.51694V10.6394C6.43359 12.3908 7.25302 13.9562 8.534 14.9901V14.9882Z' fill='%233C9B6E'/%3E%3Cpath d='M12.1773 18.229C7.36636 18.229 3.11275 20.5847 0.529297 24.1758H3.2164C5.43806 21.7932 8.62582 20.2893 12.1773 20.2893C15.7289 20.2893 18.9147 21.7932 21.1383 24.1758H23.8254C21.2419 20.5847 16.9883 18.229 12.1773 18.229Z' fill='%233C9B6E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_113_1053'%3E%3Crect width='23.2941' height='23.2941' fill='white' transform='translate(0.529297 0.882324)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	height: 2.5rem;
	aspect-ratio: 24 / 25;
}

.tax_pijnpunt a:before,
#alm-filter-pijnpunt-title:before{
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='31' viewBox='0 0 17 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.98' d='M7.88511 0H16.5168L9.75192 10.6987H17L0 31L6.28174 16.1359H0L7.88511 0Z' fill='%233C9B6E'/%3E%3C/svg%3E%0A");
	width: auto;
	height: 2.5rem;
	aspect-ratio: 17 / 31;
}

.cases_grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
	gap: 4rem;
}

.relevante_case{
	background: #fff;
	padding: 2rem;
	position: relative;
	border: 0.1rem solid #D2D2EF;
}

.relevante_case a{
	color: var(--groen) !important;
	font-weight: 600;
	text-decoration: none;
}

.relevante_case a:after{
	content: "";
	position: absolute;
	inset: 0;
}

.alle_cases{
	position: relative;
	margin-top: var(--jumbotron-standard-margin);
}

.alle_cases:after{
	content: "";
	width: 50%;
	left: 50%;
	transform: translateX(-50%);
	height: 1.2rem;
	background: var(--blauw);
	position: absolute;
	bottom: calc(-1 * var(--jumbotron-standard-margin));
}

.stijl_achtergrondkleur_e9f4ef .alle_cases:after{
	background: var(--groen);
}

.tns-controls{
	display: flex;
	justify-content: center;
	gap: 2.5rem;
	margin-top: 3rem;
	margin-bottom: 6rem;
}

.case_relevant{
	overflow-x: clip;
}

.case_relevant .tns-ovh,
.cases_blok .tns-ovh{
	overflow: visible;
}

.tns-controls button{
	transition: 0.3s opacity;
}

.tns-controls button[disabled]{
	opacity: 0.5;
}

.tns-controls button:nth-child(1):before{
	transform: rotate(180deg);
}

.tns-controls button:before{
	content: "";
	background:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M1 7H0V9H1V7ZM18.7071 8.70711C19.0976 8.31658 19.0976 7.68342 18.7071 7.29289L12.3431 0.928932C11.9526 0.538408 11.3195 0.538408 10.9289 0.928932C10.5384 1.31946 10.5384 1.95262 10.9289 2.34315L16.5858 8L10.9289 13.6569C10.5384 14.0474 10.5384 14.6805 10.9289 15.0711C11.3195 15.4616 11.9526 15.4616 12.3431 15.0711L18.7071 8.70711ZM1 9H18V7H1V9Z' fill='%230A0A96'/%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
	background-repeat: no-repeat;
	background-position: center;
    background-size: 60%;
	transition: 0.3s transform;
}

.tns-controls button:hover:before{
	transform: translateX(0.25rem);
}

.tns-controls button:nth-child(1):hover:before{
	transform: rotate(180deg) translateX(0.25rem);
}

.tns-controls button{
	border: none;
	padding: 0;
	width: 6rem;
	height: 6rem;
	background: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.relevante_case_img{
	position: relative;
}

.relevante_case_img:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 12.5rem;
	background: linear-gradient(180deg, rgba(10, 10, 150, 0.00) 0%, #0A0A96 calc(100% - 75px), #0A0A96 100%);
}

.relevante_case_img_logo{
	position: absolute;
	bottom: 6rem;
	left: 6rem;
	right: 6rem;
}

.logo_wit img{
	filter: brightness(0) invert(1);
}

.case_call_to_action .last-no-margin{
	background: #FAF1D9;
	padding-inline: 12.5rem;
	padding-block: var(--jumbotron-standard-margin);
	position: relative;
}

.case_call_to_action .last-no-margin:before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 4.5rem;
	background: #fff;
	width: 12.5rem;
}

.case_call_to_action .last-no-margin:after{
	content: "";
	height: 1.2rem;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	position: absolute;
	width: 50%;
	background: #ED9E27;
}

.case_doorkiesblokken_column{
	display: block;
	column-rule: 0.1rem inset #C5C5E9;
    column-count: 2;
	column-gap: 11rem;
}

#content ul:not([class]){
	display: grid;
	gap: 1.5rem;
}

.whitepaper_download_form{
	border: 0.1rem solid #d2d2ef;
	padding: 10rem 7rem;
	position: relative;
}

.whitepaper_download_form form{
	margin-top: 6rem !important;
}

.whitepaper_download_form:after{
	content: "";
	position: absolute;
	bottom: 0;
	height: 1.2rem;
	background: var(--blauw);
	width: 65%;
	left: 50%;
	transform: translateX(-50%);
}

.whitepaper_download_form .nieuwsbrief_wrapper input{
	text-align: left;
}

.whitepaper_download_img{
	margin-top: -15rem;
	max-width: 20rem;
	box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.27);
	margin-right: 4rem;
}

.introtekst_container{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.footer-logo img{	
    width: 18rem;
    height: 8.2rem;
}

#footer p:last-child{
    margin-bottom: 0 !important;
}

.alm-filters-container{
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-bottom: 6rem;
	margin-top: 3rem;
}

.alm-filter--title h3:after{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='17' viewBox='0 0 28 17' fill='none'%3E%3Cpath d='M2 2C7.2 7.6 12.1667 12.3333 14 14L26 2' stroke='%23C5C5E9' stroke-width='3'/%3E%3C/svg%3E");
	width: 28px;
	height: 17px;
	margin-left: 3rem;
}

.alm-filter--title h3{
	color: var(--groen);
	font-size: 1.6rem;
	line-height: normal;
	font-weight: 400;
	border-radius: 1rem;
	border: 0.1rem solid #D2D2EF;
	background: #FFF;
	padding: 1.4rem 1.5rem 1.4rem 3.5rem;
	transition: 0.3s border-color;
}

.alm-filter--title h3[aria-expanded="true"]:hover{
	border-color: #D2D2EF;	
}

.alm-filter--title h3:hover{
	border-color: var(--groen);
}



.alm-filter--inner ul{
	list-style: none;
	padding: 0;
	margin: 0;
    display: grid;
    gap: 1.5rem;
}

.alm-filter--group{
	position: relative;
	z-index: 150;
}

.alm-filter--link{
	cursor: pointer;
}

.alm-filter--link:hover,
.alm-filter--link.active{
	font-weight: 600;
}

.alm-filter--inner[style="display: block;"]{
	position: absolute;
	box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.20);
	padding: 8.5rem 3.5rem 3rem;
	top: 0;
	background: #fff;
	border: 0.1rem solid #D2D2EF;
	border-radius: 1rem;
    min-width: 100%;
}

.alm-filter--title:has(+ .alm-filter--inner[style="display: block;"]) h3{
	border-radius: 1rem 1rem 0 0;
	border-bottom: none;
    position: relative;
    z-index: 15;
}

.alm-filter--title:has(+ .alm-filter--inner[style="display: block;"]) h3:after{
	transform: rotate(180deg);
}

@media (max-width:767px)
{		
	.alm-filter--group:has(h3[aria-expanded="true"]){
		z-index: 151;
	}
	
	.alm-filter--inner[style="display: block;"]{
		padding: 8.5rem 6rem 3rem;
	}
}

@supports not (column-gap: 1rem) {
   /* 
	Isolated code for not supporting flexbox column-gap so have to work with margins. Thanks Safari :/ 
	*/
}

@supports not (row-gap: 1rem) {
   /* 
	Isolated code for not supporting flexbox row-gap so have to work with margins. Thanks Safari :/ 
	*/
}

@media (min-width:768px){
	:is(.gallery.gallery-columns-2, .gallery.gallery-columns-4) figure {
		grid-column: auto/span 6;
	}
	
	.gallery.gallery-columns-3 figure {
		grid-column: auto/span 4;
	}
}

@media (min-width:992px){
	.gallery.gallery-columns-4 figure {
		grid-column: auto/span 3;
	}
}

@media (max-width:767px)
{	
    :root{
        /*
        Definieer hier eventuele variabelen

        Voorbeeld aanmaken variabele:	
        --rood: #f00;

        Voorbeeld gebruik variabele:
        color: var(--rood);
        */

        --jumbotron-standard-margin: 6rem; /*margin between jumbotron elements*/
        --default-margin-bottom: 2.4rem; /*p, ol, ul, etc*/
        --footer-margin-top: 6rem;
        --bs-gutter-x: 3rem;
		
		--container-width: 100%;
    }
    
    .talen.talen_lijst{
        margin-left: 1.5rem;
        margin-top: 2rem;
    }
	
	.case_relevant .tns-outer,
	.berichten .tns-outer,
	.cases_blok .tns-outer{
		margin-top: 4rem;
	}
	
	:is(.gallery.gallery-columns-3, .gallery.gallery-columns-4, .gallery.gallery-columns-2) figure{
		grid-column: auto/span 6;
	}
	
	.case_sidebar_container{
		margin-inline: -3rem;
		margin-top: 6rem;
	}
	
	.button, .button:hover, .button:focus, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
		padding-inline: 2.5rem !important;
	}
	
	.case_taxonomies_lijst{
		flex-direction: column;
	}
	
	.case_call_to_action .last-no-margin{
		padding-inline: 3rem;		
	}
	
	.case_call_to_action .last-no-margin:after{
		width: 75%;
	}
	
	.case_call_to_action{
		overflow-x: clip;
	}
	
	.case_call_to_action > .container{
		padding: 0;
	}
	
	.case_call_to_action .last-no-margin:before{
		width: 6.5rem;
		height: 2.5rem;		
	}
	
	.woocommerce-orders-table__cell-order-actions, p.button-group, .button-group p{
		gap: 1rem;
	}
	
	.vacature_blok_img{
		max-width: 48rem;
	}
    
    #hoofdmenu li.menu-item-has-children ul,
    #hoofdmenu li.menu-item-has-children:hover ul {
        display: none;
        position: static; 
    }
	
	.vacature_container {
		margin-top: 0;
		background: #fff;
	}
	
	.vacature_container .jumbotron .last-no-margin:before{
		display: none;
	}
	
	.whitepaper_download_form{
		padding: 0;
		border: none;
	}
	
	.vacature_container .jumbotron .last-no-margin{
		padding: 0;
	}
	
	.whitepaper_download_img{
		margin-bottom: 0;
		margin-right: 0;
	}
	
	.whitepaper_download_form:after{
		display: none;
	}
	
	.navbar-expand-md .submenu-back-button{
		display: block;
	}

    .ajax-loader {
        width: auto;
        max-width: 100%;
        height: auto; 
    }

    article .gallery-item img {
        max-width: 100%;
        width: auto; 
    }

    .expaned-submenu {
        color: #a66740;
        text-align: center;
        float: right;
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        height: 100%;
        width: 5rem;
        cursor: pointer;
        z-index: 2000;
        margin: 0; 
    }
	
	.vacature_container .jumbotron .last-no-margin:before,
	.case_call_to_action .last-no-margin:before{
		height: 2.5rem;
		width: 6.5rem;
	}
	
	body{
		padding-top: 8.5rem;
	}
	
	body,
	html{
		overflow-x: clip;
	}
	
	.case_header:before{
		display: none;
	}
	
	.case_header{
		padding-top: 0 !important;
	}
	
	.case_header > .container{
		padding-inline: 0;
	}
	
	.case_header_inner_logo{
		max-width: 10rem;
		left: 3rem;
		top: 2.5rem;
	}
    
    .navbar-toggler {
		border: none;
		padding: 0;
		margin: 0;
		margin-left: auto;
		border-radius: 0 !important;
		outline: none !important;
		box-shadow: none !important;
    }

    .navbar-toggler-icon {
		width: 2.9rem;
		height: 1.8rem;
		outline: none !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='18' viewBox='0 0 29 18' fill='none'%3E%3Crect width='29' height='2' fill='%230A0A96'/%3E%3Crect y='16' width='29' height='2' fill='%230A0A96'/%3E%3Crect y='8' width='14' height='2' fill='%230A0A96'/%3E%3C/svg%3E");
    }

	.navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand{
		max-width:100%;
	}
	
	.navbar>.container .navbar-brand img,
    .navbar>.container-fluid .navbar-brand img{
		max-width:100%;
		height:auto;
	}
	
	.navbar-header{
		position:relative;
		width:auto;
	}
	
	.table-responsive{
		width:100%;
		overflow-y:auto;
		_overflow:auto;
		margin:0.5rem 0 0 0;
		border:0.1rem solid #888;
	}
	
	.table-responsive::-webkit-scrollbar{
		-webkit-appearance:none;
		width:1.4rem;
		height:1.4rem;
	}
	
	.table-responsive::-webkit-scrollbar-thumb{
		border-radius:0.8rem;
		border:0.3rem solid #fff;
		background-color:rgba(0, 0, 0, .3);
	} 
	
	.table-responsive table{
		min-width:100%;
	}
	
	#hoofdmenu li{
		margin:0;
        clear: both; 
	}
	
	#hoofdmenu li a{
		line-height:3.6rem;
	}

    #hoofdmenu li > ul {
        position: static;
        width: 100%;
        float: left; 
    }
	
	ul.talen.talen_dropdown {
		list-style-type: none;
		flex-direction: column;
		display: flex;
		gap: 1.5rem;
		padding: 3rem 3rem;
		color: #7373C5;
		font-family: "Open Sans";
		font-size: 1.5rem;
		font-weight: 400;
		text-decoration: none;
		transition: 0.3s color;
		white-space: nowrap;
	}
	
	#content article > .stijl_achtergrondkleur:last-child {
		margin-bottom: calc((var(--footer-margin-top) - var(--footer-margin-top)));
	}
	
	#logoholder{
		margin-block:1.5rem;
	}
	
	#logoholder img{
		max-width: 12.2rem;
	}
	
	#footer{
		padding-block: 5rem;
	}
	
	#credits{
		font-size: 1.5rem;
    	padding: 1rem 0;
	}
	
	#footer-quote{
		padding: 2.5rem 0;
		font-size: 1.7rem;
		line-height: 2.6rem;
	}
	
	.jumbotron.call_to_action h2,
	.jumbotron.case_call_to_action h2,
	.jumbotron h1,
	.jumbotron h2.quote_stijl,
	.dummy_h1, .jumbotron h2.groot{
		font-size:3rem;
		line-height: 4.5rem;
	}
	
	.jumbotron h1.hoofdkop_klein, .jumbotron h2{
		font-size: 3rem;
		line-height: 4rem;
	}
	
	.alm-filter--group,
	.alm-filter--title h3{
		width: 100%;
	}
	
	.alm-filter--title h3{
		justify-content: space-between;
		padding-left: 1.5rem !important;
	}
	
	.alm-filter--title h3:before{
		width: 3rem !important;
		background-position: center;
	}
	
	.alm-filter--title h3:after{
		margin-left: auto !important;
	}
	
	.doorkiesblokken{
		overflow-x: clip;
	}
	
	.doorkiesblokken > .container{
		padding-inline: 0;
	}
	
	.case_doorkiesblokken_column{
		column-count: 1;
		display: flex;
		gap: 6rem;
	}
	
	.single-vacature .vacature_blok_flex, .single-post .blog_blok_flex {
		margin-block: 4rem;
	}
	
	.single-case #hoofdmenu > li#menu-item-3293 > a:after,
#hoofdmenu > li.current-menu-item:not(.button) > a:after,
#hoofdmenu > li.current-menu-ancestor:not(.button) > a:after,
	#hoofdmenu > li.current-menu-parent:not(.button) > a:after{
		bottom: 0;
	}
	
	#topmenu li ul{
		position: static;
		background: none;
		box-shadow: none;
		margin-top: 1rem;
		margin-bottom: -0.5rem;
	}
    
    .footermarge {
        margin-top: 1rem;
    }
}

@media (min-width: 576px) and (max-width:767px)
{	
	:root{
		--container-width: 540px;
	}
}

@media (min-width:768px) and (max-width:991px)
{		
	:root{
		--container-width: 720px;
		--big-gap: 3rem;
		--jumbotron-standard-margin: 6rem; /*margin between jumbotron elements*/
		--footer-margin-top: 6rem;
	}
	
	body{
		padding-top: 15.3rem;
	}
	
	
	body .home_header_stijl:after{
		height: 87%;
	}
	
	.vacature_container .jumbotron .last-no-margin {
		padding: calc(1.25* var(--column-width)) var(--column-width) 0;
	}
	
	.navbar-expand-md .submenu-back-button{
		display: block;
	}
	
	.footer-logo img{
		max-width: 12rem;
	}
	
	.footer-logo{
		flex-basis: 100%;
    	width: 100%;
    	min-width: 100%;
	}
	
	.blog_blok_img, .vacature_blok_img {
		max-width: 24rem;
	}
	
	.cases_grid {
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		gap: 3rem;
	}
	
	.case_doorkiesblokken_column{
		column-gap: 7rem;
	}
	
	#logoholder img{
		max-width: 12rem;
	}
	
	.jumbotron.call_to_action h2,
	.jumbotron.case_call_to_action h2,
	.jumbotron h1,
	.jumbotron h2.quote_stijl,
	.dummy_h1, .jumbotron h2.groot{
		font-size:3.5rem;
		line-height: 5rem;
	}
	
	.jumbotron h1.hoofdkop_klein, .jumbotron h2{
		font-size: 2.5rem;
		line-height: 3.5rem;
	}
	
	#hoofdmenu{
		gap: 1.5rem;
		z-index: 15;
	}
	
	#hoofdmenu li a{
		font-size: 1.6rem;
	}
	
	#hoofdmenu li.button a{
		padding-inline: 2rem !important;
	}
	
	#hoofdmenu li.button {
    	margin-left: 0;
	}
	
	.navbar>.container{
		display: grid;
	}
	
	.navbar>.container #logoholder{
		grid-row: 1;
    	grid-column: 1;
		z-index: 15;
    	margin: 1.5rem 0;
	}
	
	.menu-container{
		grid-row: 1;
    	grid-column: 1;
	}
    
    .footermarge {
        margin-top: 1rem;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
	:root{
		--container-width: 960px;
		--big-gap: 6rem;
	}
	
	.navbar>.container{
		display: grid;
	}
	
	.navbar>.container #logoholder{
		grid-row: 1;
    	grid-column: 1;
		z-index: 15;
    	margin: 1.5rem 0;
	}
	
	.menu-container{
		grid-row: 1;
    	grid-column: 1;
	}
	
	.blog_blok_img, .vacature_blok_img {
		max-width: 24rem;
	}
	
	.cases_grid {
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		gap: 3rem;
	}
	
	.case_doorkiesblokken_column{
		column-gap: 7rem;
	}
	
	#logoholder img{
		max-width: 8rem;
	}
	
	.jumbotron.call_to_action h2,
	.jumbotron.case_call_to_action h2,
	.jumbotron h1,
	.jumbotron h2.quote_stijl,
	.dummy_h1, .jumbotron h2.groot{
		font-size:3rem;
		line-height: 4.5rem;
	}
	
	.jumbotron h1.hoofdkop_klein, .jumbotron h2{
		font-size: 2.5rem;
		line-height: 3.5rem;
	}
	
	.navbar-expand-lg .submenu-back-button{
		display: block;
	}
	
	#hoofdmenu {
        z-index: 15;
    }
}

@media (min-width:1200px) and (max-width:1399px)
{
	:root{
		--container-width: 1140px;
	}
	
    .navbar-expand-xl .submenu-back-button{
		display: block;
	}
	
	.jumbotron.call_to_action h2,
	.jumbotron.case_call_to_action h2,
	.jumbotron h1,
	.jumbotron h2.quote_stijl,
	.dummy_h1, .jumbotron h2.groot{
		font-size:4rem;
		line-height: 5.5rem;
	}
    
    #logoholder img {
        width: 12rem;
    }
    
    #hoofdmenu {
        gap: 1.5rem;
    }
    
    #hoofdmenu li.button a{        
        padding: 0.8rem 2rem !important;
        font-size: 1.6rem;
    }
}

@media (min-width:1200px)
{	
	.content_breedte_groot > .container > .row > div.col-sm-12{
		margin-left: calc(var(--column-width) * 1);
		margin-right: calc(var(--column-width) * 1);
		width: calc(var(--column-width) * 8);
	}
	
	.content_breedte_medium > .container > .row > div.col-sm-12{
		margin-left: calc(var(--column-width) * 2);
		margin-right: calc(var(--column-width) * 2);
		width: calc(var(--column-width) * 8);
	}
	
	.content_breedte_smal > .container > .row > div.col-sm-12{
		margin-left: calc(var(--column-width) * 3);
		margin-right: calc(var(--column-width) * 3);
		width: calc(var(--column-width) * 6);
	}
}

@media (min-width:1400px)
{
	:root{
		--container-width: 1320px;
	}
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.ui-datepicker tbody td {
  background: #fff; }

.ui-datepicker{
	margin-top: 0 !important;
}

iframe[name="google_conversion_frame"] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -1.3rem;
  float: left; }

li.menu-item:not(.menu-item-has-children) > a[href="#"] {
  cursor: default; }

.owl-carousel:not(.owl-loaded) {
  display: block; }

.modal-body img {
  max-width: 100% !important;
  height: auto !important; }

picture {
  max-width: 100%; }

a,
a:focus,
a:active {
  outline: 0 none !important;
  outline: none !important;
  outline-style: none !important;
  ie-dummy: expression(this.hideFocus=true);
  -moz-outline-style: 0 none; }

img {
  image-rendering: -webkit-optimize-contrast; }

a.lightbox {
  outline: none; }

.wp-caption {
  max-width: 100% !important; }

.gallery-item img {
  display: inline-block; }

.alignleft {
  display: inline;
  float: left; }

picture.alignleft img{
  display: inline;
  float: left; }

.alignright {
  display: inline;
  float: right; }

picture.alignright img{
  display: inline;
  float: right; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

picture.aligncenter img{
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;     
}

img.alignleft,
img.alignright,
img.aligncenter,
picture.alignleft img,
picture.alignright img,
picture.aligncenter img{
  margin-bottom: 2.4rem; }

img.alignleft,
picture.alignleft img{
  margin-right: 2.4rem; }

img.alignright,
picture.alignright img{
  margin-left: 2.4rem; }

.expaned-submenu {
  display: none; }

#CybotCookiebotDialogDetailFooter {
	display: none;
}

input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

#CybotCookiebotDialogDetailFooter{ display: none !important; }