:root{
	/*
	Definieer hier eventuele variabelen
	
	Voorbeeld aanmaken variabele:	
	--rood: #f00;
	
	Voorbeeld gebruik variabele:
	color: var(--rood);
	*/
	
	--jumbotron-standard-margin: 12rem; /*margin between jumbotron elements*/
	--default-margin-bottom: 3rem; /*p, ol, ul, etc*/
	--footer-margin-top: 12rem;
    --default-line-height: 3rem;
	--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: calc(var(--jumbotron-standard-margin) / 2);
	
	--lichtblauw: #1CABE3;
	
	--lichtgrijs: #f00;
	--lichtgrijs_2: #f00;
}

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

html{
	font-size: 62.5%;
    overflow-x: clip;
}

body{
	font:300 1.6rem/var(--default-line-height) "Poppins", sans-serif;
    padding-top: 15.5rem;
	color: #383A44;
    overflow-x: clip;
}

.single-vacature article > #row_1:first-child{
	text-align: center;
}

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

.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: clamp(2rem, 0.375rem + 11.6667vw, 10rem) clamp(3rem, 1.125rem + 8.3333vw, 8rem);
	border-radius: 3rem;
}

.gekaderd_blok > *{
	max-width: 63rem;
	margin: 0 auto;
}

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: clamp(3rem, 1.125rem + 8.3333vw, 7rem);
	padding-bottom: clamp(3rem, 1.125rem + 8.3333vw, 7rem);    
	border-radius: 3rem;
}

.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));
}

.alm-filter--title h3{
	color: var(--grijs);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.8rem;
	margin-bottom: 1rem !important;
    hyphens: auto;
}

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

.alm-filter-count{
	margin-left: 0.5rem;
	color: rgba(54, 56, 57, 0.50);
}

.alm-filter-count:before{
	content: "(";
}

.alm-filter-count:after{
	content: ")";
}

.alm-filter--inner ul{
	list-style: none;
	padding: 0;
	display: flex;
	gap: 1rem;
	flex-direction: column;
}

.alm-filter--inner ul li{
	display: flex;
	gap: 1rem;
    hyphens: auto;
}

.alm-filter--inner ul li:before{
	content: "\f0c8";
	font-family: 'Font Awesome 6 Pro';
	color: var(--grijs);
	font-weight: 100;
	font-size: 2.2rem;
}

.alm-filter--inner ul li:has(.active):before{
	content: "\f14a";
}

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;
}

#content .jumbotron:not(.stijl_achtergrondkleur) + .jumbotron:not(.stijl_achtergrondkleur){
    padding-top: 0 !important;
}

.single-verhaal #content .jumbotron:not(.stijl_achtergrondkleur):not(.volledige_afbeelding):has(+ .jumbotron:not(.stijl_achtergrondkleur)),
.single-vacature #content .jumbotron:not(.stijl_achtergrondkleur):not(.volledige_afbeelding):has(+ .jumbotron:not(.stijl_achtergrondkleur)){
    padding-bottom: 8rem;
}

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

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

.gallery{
	display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, 3rem);
}

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

.gallery figure{
	margin: 0;
}

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

#content{
    padding: 0 0;
}

#content :is(h1, h2, h3, h4){
    text-wrap-style: balance;	
}

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

#content :is(h2, h3, h4) + :is(p, ul, ol, h2, h3, h4, .gekaderd_blok, .button-group, address, table, section, form, section, .introtekst, .dropdown_items_container, .medewerker-info){
    --default-margin-bottom: 2rem;
}



#content :is(h3, h4) + :is(p, ul, ol, h2, h3, h4, .gekaderd_blok, .button-group, address, table, section, form, section, .introtekst, .dropdown_items_container, .medewerker-info){
    --default-margin-bottom: 0.75rem;
}

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

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

.introtekst{
    font-size: 2rem;
	line-height: 1.65;
}

.kleine_tekst{
    font-size: 1.4rem;  
	line-height: 2.4rem;
}

.single_vacature_meta{
	border-radius: 4rem 4rem 0 0;
	padding: 3rem 3.5rem;
	margin-top: -5rem;
	background: #fff;
}

.content_1_koloms:has(.single_vacature_meta){
	padding-top: 0 !important;
}

.jumbotron h1,
.jumbotron h2.h2_groot{
	font-size: clamp(3.5rem, 0.5rem + 4.3333vw, 6.4rem);
	font-weight: 600;
	line-height: 1;
}

.jumbotron h2{
	font-size:4rem;
	line-height: 1.1;
    font-weight: 600;
}

.jumbotron h3{
	font-size:2.4rem;
	line-height: 1.1;
    font-weight: 600;
}

.jumbotron h4{
	font-size:1.8rem;
	line-height: 1.1;
    font-weight: 600;
}

.jumbotron h3 i{
	width: 6rem;
	height: 6rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: var(--lichtblauw);
	border-radius: 50%;
	margin-bottom: 1.5rem;
}

.stijl-group .jumbotron h3 i{
	background: #fff;
	color: var(--lichtblauw);
}

ul.checklist,
ul.lijst_met_pijlen{
	padding: 0;
	list-style: none;
}

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

ul.checklist li:before,
ul.lijst_met_pijlen li:before{
	color: #39e07c;
	position: absolute;
	left: 0;
	top: 0;
	content: "\f00c";
	font-family: 'Font Awesome 6 Pro';
}

ul.lijst_met_pijlen li:before{
	content: "\f061";
}

ul.downloads{
	list-style: none;
	padding: 0;
}

ul.downloads li{
	padding: 1.5rem 0;
	border-bottom: solid 0.1rem rgba(0, 0, 0, 0.10);
}

ul.downloads li a{
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 2rem;
	line-height: 3rem;
	text-decoration: none;
}

ul.downloads li:first-child{
	border-top: solid 0.1rem rgba(0, 0, 0, 0.10);
}

ul.downloads li a:after{
	content: "\f019";
	font-family: "Font Awesome 6 Pro";
	font-size: 2rem;
	font-weight: 300;
}

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

.alm-btn-wrap{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: var(--default-margin-bottom);
}

.jumbotron.pt-sm{
	padding-top: 3rem;
}
.jumbotron.pt-md{
	padding-top: 6rem;
}
.jumbotron.pt-lg{
	
}
.jumbotron.pt-xl{
	padding-top: 14rem;
}
.jumbotron.pt-xxl{
	padding-top: 16rem;
}

.jumbotron.pb-sm{
	padding-bottom: 3rem;
}
.jumbotron.pb-md{
	padding-bottom: 6rem;
}
.jumbotron.pb-lg{
	
}
.jumbotron.pb-xl{
	padding-bottom: 14rem;
}
.jumbotron.pb-xxl{
	padding-bottom: 16rem;
}

.cd-top,
.cd-top:hover,
.cd-top:focus{
	display:inline-flex;
	justify-content: center;
	align-items: center;
	height:6rem;
	width:6rem;
	border-radius: 50%;
	z-index:1000;
	white-space:nowrap;
	font-size: 2.4rem;
	background:var(--lichtblauw);
	text-decoration: none !important;
	color: #fff;
}

.snel_contact,
.snel_contact:hover,
.snel_contact:focus{
	background: linear-gradient(305deg, #10D406 -40.76%, #089301 77.75%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
	width: 7rem;
	height: 7rem;
	color: #fff;
    display: inline-flex;
    border-radius: 50%;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10)) drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.09)) drop-shadow(0px 18px 11px rgba(0, 0, 0, 0.05)) drop-shadow(0px 31px 12px rgba(0, 0, 0, 0.01)) drop-shadow(0px 49px 14px rgba(0, 0, 0, 0.00));
	position: fixed;
	right: 6.5rem;
	bottom: 6.5rem;
	z-index: 500;
}

.snel_contact i{
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background: linear-gradient(138deg, rgba(255, 255, 255, 0.15) 23.65%, rgba(255, 255, 255, 0.00) 104.29%);
	justify-content: center;
	align-items: center;
	display: inline-flex;
	font-size: 2.6rem;
}

.snel_contact_info{
	box-shadow: 0px 474px 133px 0px rgba(0, 0, 0, 0.00), 0px 303px 121px 0px rgba(0, 0, 0, 0.01), 0px 171px 102px 0px rgba(0, 0, 0, 0.05), 0px 76px 76px 0px rgba(0, 0, 0, 0.09), 0px 19px 42px 0px rgba(0, 0, 0, 0.10);
	background: #fff;
	border-radius: 0.8rem;
	padding: 3.5rem 2.5rem;
	position: fixed;
	right: 4rem;
	bottom: 10rem;
	z-index: 499;
	width: 30rem;
	transition: 0.3s transform, 0.3s opacity;
	transform: translateX(120%);
	color: #000; 
	opacity: 0;
}

.snel_contact_info.open{
	transform: translateX(0);
	opacity: 1;
}

.snel_contact_info a{
	color: #000; 
	text-decoration: none;
}

.snel_contact_info ul{
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 4.4rem;
}

.snel_contact_info ul li:not(:last-child){
	border-bottom: solid 0.1rem rgba(0, 0, 0, 0.10);
}

.snel_contact_info ul i{
	color: var(--lichtblauw);
	font-size: 1.8rem;
}

.snel_contact_info_close{
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	color: #1A1A1A;
	font-size: 1.8rem;
}

@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(--lichtblauw);
}

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

.menu_button a{
	background: linear-gradient(305deg, #10D406 -40.76%, #089301 77.75%);
	border-radius: 3rem;
	padding: 0.55rem 1.45rem;
    background-size: 100%;
    transition: 0.3s background-size;
}

.menu_button a:hover{
    background-size: 200%;
}

.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:5rem !important;
	color:#fff;
	background: linear-gradient(305deg, #10D406 -40.76%, #089301 77.75%);
	border: solid 0.1rem transparent;
	padding:1.15rem 2.5rem !important;
	line-height:normal !important;
	font-weight: 600;
    cursor: pointer;
	display: inline-flex;
	align-items: center;
	transition: 0.3s color, 0.3s background-size, 0.3s border-color;
	background-size: 100%;
}

.button:hover,
.button:focus{
	background-size: 200%;
}

.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.55rem 1.45rem !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{
    
}

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

.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:#fff !important;
	border: solid 0.1rem #fff !important;
	color: var(--lichtblauw);
}

.button_outline,
.button_outline:hover,
.button_outline:focus,
.woocommerce a.button_outline,
.woocommerce a.button_outline:hover,
.woocommerce a.button_outline:focus{
	background: transparent;
	border: solid 0.1rem var(--lichtblauw);
	color: var(--lichtblauw);
    transition: 0.3s background, 0.3s color;
}

.button_outline:hover,
.button_outline:focus,
.woocommerce a.button_outline:hover,
.woocommerce a.button_outline:focus{
	background: var(--lichtblauw);
	border: solid 0.1rem var(--lichtblauw);
	color: #fff;
}

.button_outline_alt,
.button_outline_alt:hover,
.button_outline_alt:focus{
	background: transparent;
	border: solid 0.1rem #fff;
	color: #fff;
}

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

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

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 0 !important;
    background: var(--lichtblauw);
    transition: 0.3s background;
}

.gform_wrapper.gravity-theme .gform_footer button:hover, 
.gform_wrapper.gravity-theme .gform_footer input:hover, 
.gform_wrapper.gravity-theme .gform_page_footer button:hover, 
.gform_wrapper.gravity-theme .gform_page_footer input:hover {
    margin-bottom: 0 !important;
    background: #005C80;
}

.link_met_pijl_voor,
.link_met_pijl_na{	
	transition: 0.3s color, 0.3s background-color, 0.3s border-color;
}

.medewerker-info-foto{
	width: 8rem;
}

.medewerker-info-foto img{
	border-radius: 50%;
}

.pijl_terug:before{
	rotate: 180deg;
}

.pijl_terug{
	text-decoration: none;
	color: var(--wit25) !important;
}

.link_met_pijl_voor:before{
	content: "\f061";
	font-family: 'Font Awesome 6 Pro';
	margin-right: 1rem;
    display: inline-block;
    transition: 0.3s transform;
}

.link_met_pijl_na:after{
	content: "\f061";
	font-family: 'Font Awesome 6 Pro';
	margin-left: 1rem;
    display: inline-block;
    transition: 0.3s transform;
}

a:has(.link_met_pijl_voor):hover .link_met_pijl_voor:before,
a:has(.link_met_pijl_na):hover .link_met_pijl_na:after,
.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;
	display: flex;
	gap: 2rem;
}

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

form.search-form input{
	margin:0;
	padding: 1rem 1.5rem;
	outline:none;
	background:none;
	border:none;
	border-radius:0;
	float:left;
	border: 1px solid #D3D3D3;
}

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;
}

#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;
}

.tns-controls{
	display: flex;
	gap: 0.5rem;
}

.tns-controls,
.tns-controls button{
	outline: none;
}

.tns-controls button{
	margin: 0;
	background: none;
	width: 4.7rem;
	height: 4.7rem;
	border-radius: 50%;
	padding: 0;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	color: #fff;
	background: var(--lichtblauw);
	border: none;
	font-size: 1.9rem;
	font-weight: 300;
}

.tns-controls button[disabled]{
	opacity: 0.3;
	cursor: default;
}

.tns-controls button:not([disabled]):hover{
	color: #fff;
	background: #005C80;
}

.tns-controls{
	margin-top: 3rem;
	justify-content: flex-end;
}

#logoholder{
	margin-block: 3rem;
	float:left;
	width: 32rem;
}

#logoholder svg{
	max-width: 100%;
	height: auto;
}

.jumbo_before_header{
	background: #000;
	padding-block: 1rem;
	width: 100%;
    z-index: 150;
}

.jumbo_before_header .container{
	display: flex;
    justify-content: flex-end;
}

.jumbo_before_header ul#topmenu{
	display: flex;
	flex-direction: row;
	gap: 2.5rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.jumbo_before_header ul li{
	
}

.jumbo_before_header ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	line-height: 3rem;
	font-weight: 500;
    white-space: nowrap;
}

.jumbo_before_header ul li.taal_active a{
	text-decoration: underline;
}

.jumbo_before_header ul.talen{
	display: flex;
	flex-direction: row;
	gap: 1rem;
	list-style: none;
	padding: 0;
	margin: 0 0 0 2.5rem;	
}

#hoofdmenu{
	margin:0 0 0 5vw;
	display: flex;
	gap: 3rem;
}

#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;
	transition: 0.3s color, 0.3s opacity;
	text-decoration: none !important;
	color: var(--lichtblauw);
	font-size: 2rem;
	font-weight: 500;
}

body:has(.jumbotron.stijl_achtergrondkleur_363839:first-child) #hoofdmenu > li > a{
	color: #fff;
}

#hoofdmenu > li:hover > a,
#hoofdmenu > li.current-menu-item > a,
#hoofdmenu > li.current-menu-ancestor > a,
#hoofdmenu > li.current-menu-parent > a{
	color: var(--lichtblauw) !important;
}

#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{
	background: #fff;
	display:none;
	list-style:none;
	padding:1rem;
	margin:0;
	position:absolute;
	top: calc(100% + 6rem);
	left:0;
	border-radius: 0.8rem;
    box-shadow: 0px 474px 133px 0px rgba(0, 0, 0, 0.00), 0px 303px 121px 0px rgba(0, 0, 0, 0.01), 0px 171px 102px 0px rgba(0, 0, 0, 0.05), 0px 76px 76px 0px rgba(0, 0, 0, 0.09), 0px 19px 42px 0px rgba(0, 0, 0, 0.10);
}

#hoofdmenu > li > ul:before {
    height: 6rem;
    top: -6rem;
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='19' viewBox='0 0 29 19' fill='none'%3E%3Cpath d='M12.74 1.3433C13.5382 0.412008 14.9789 0.41201 15.7771 1.3433L27.7135 15.27C28.8254 16.5674 27.9036 18.5715 26.1949 18.5715H2.32213C0.613457 18.5715 -0.308374 16.5674 0.803575 15.27L12.74 1.3433Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 2rem bottom -0.5rem;
}

#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.4rem;
}

#hoofdmenu li ul li a{
	white-space:nowrap;
	margin:0;
	padding:1.3rem 2rem;
	float:left;
	width:100%;
	font-size: 1.6rem;
    background: #F5F5F5;
    border-radius: 0.6rem;
    width: 38rem;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s background;
}

#hoofdmenu li ul li a:hover {
    background: #e1e1e1;
}

#hoofdmenu li ul li a:after{
    content: "\e09f";
    color: #1CABE3;
    font-family: "Font Awesome 6 Pro";
    font-size: 2rem;
    font-weight: 300;
}

#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{
	--default-margin-bottom: 1.5rem;
	padding:12rem 0 6rem;
	background:#000;
	position: relative;
	overflow: clip;
}

#footer:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='357' height='257' viewBox='0 0 357 257' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='83.844' cy='271.211' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='83.844' cy='157.229' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='-42.612' cy='294.365' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='214.745' cy='294.365' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='271.738' cy='142.083' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='186.257' cy='67.282' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='-18.569' cy='67.282' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='186.257' cy='185.724' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='-18.569' cy='185.724' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='313.59' cy='237.373' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='83.844' cy='43.2464' r='42.7435' fill='white' fill-opacity='0.07'/%3E%3C/svg%3E%0A");
	width: 35.7rem;
	aspect-ratio: 357 / 257;
	background-size: contain;
	pointer-events: none;
}

#footer:after{
	content: "";
	position: absolute;
	left: calc(((100vw - var(--container-width)) / 2) + var(--container-width));
	transform: translateX(-60%);
	bottom: 0;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='716' height='548' viewBox='0 0 716 548' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='358.001' cy='356.401' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='358.001' cy='206.65' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='283.125' cy='506.153' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='432.876' cy='506.153' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='559.229' cy='575.179' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='156.771' cy='575.179' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='642.294' cy='449.996' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='73.6969' cy='449.996' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='191.86' cy='386.82' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='529.981' cy='386.82' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='604.856' cy='186.751' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='111.134' cy='186.751' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='492.551' cy='88.4767' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='223.449' cy='88.4767' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='492.551' cy='244.087' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='223.449' cy='244.087' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='659.842' cy='311.944' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='56.1569' cy='311.944' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='358.001' cy='56.8981' r='56.1569' fill='white' fill-opacity='0.07'/%3E%3C/svg%3E%0A");
	width: 71.6rem;
	aspect-ratio: 716 / 548;
	background-size: contain;
	pointer-events: none;
}

#footer .socialmedia{
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}

#footer .socialmedia a{
	color: #fff;
	font-size: 3rem;
}

#footer svg *{
	fill: #fff;
}

#footer h4{
	color: var(--wit25);
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: 300;
	margin-bottom: var(--default-margin-bottom);
}

#footer ul,
#footer p{
	list-style:none;
	padding:0;
	color: #fff;
	margin: 0;
}

#footer svg{
	max-width: 22rem;
	height: auto;
}

#footer p{
	line-height: 3.8rem;
}

#footer p + p,
#footer p + ul{
	margin-top: var(--default-margin-bottom);
}

#footer ul{
	display: flex;
	gap: 0.9rem;
	flex-direction: column;
}

#footer ul li{
}

#footer p a,
#footer ul li a{
	color: #fff;
	text-decoration: none;
}

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

.footer-title{
	font-weight: 600;
	margin-bottom: 1.5rem;
}

#credits{
	padding:12rem 0 0;
	background:#000;
}

#credits,
#credits a{
	text-decoration:none;
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff !important;
}

#credits a:hover{
	text-decoration: underline;
}

#credits ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
    flex-direction: row;
}

.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 > .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;
}

.stijl-group:has(.stijl_achtergrondkleur_0f5e7d) > .jumbotron,
.stijl-group:has(.stijl_achtergrondkleur_26a0d0) > .jumbotron{
	background: transparent;
}

.stijl-group:has(.stijl_achtergrondkleur_0f5e7d){
	background: linear-gradient(147deg, #000 -37.38%, #0F5E7D 86.69%);
}

.stijl-group:has(.stijl_achtergrondkleur_26a0d0){
	background: linear-gradient(180deg, #0A668A 0%, #26A0D0 122.1%);
}

.stijl-group{
	position: relative;
	overflow-x: clip;
    z-index: 5;
}

.stijl-group:has(.bolletjes_achtergrond_rechts):before,
.stijl-group:has(.bolletjes_achtergrond_links):before,
.jumbotron:not(.stijl_achtergrondkleur).bolletjes_achtergrond_rechts:before,
.jumbotron:not(.stijl_achtergrondkleur).bolletjes_achtergrond_links:before{
	content: "";
	background-image: url("data:image/svg+xml,%0A%3Csvg width='1000' height='993' viewBox='0 0 1000 993' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='500.158' cy='496.275' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='500.158' cy='287.348' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='395.695' cy='705.202' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='604.621' cy='705.202' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='395.695' cy='914.128' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='604.621' cy='914.128' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='780.903' cy='801.504' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='219.413' cy='801.504' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='896.792' cy='626.854' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='103.511' cy='626.854' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='268.367' cy='538.713' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='740.097' cy='538.713' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='844.56' cy='259.587' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='155.743' cy='259.587' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='687.878' cy='122.479' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='312.437' cy='122.479' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='687.878' cy='339.58' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='312.437' cy='339.58' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='921.276' cy='434.25' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='79.0399' cy='434.25' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3Ccircle cx='500.158' cy='78.4212' r='78.3475' fill='white' fill-opacity='0.07'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	position: absolute;
	width: 100rem;
	aspect-ratio: 1000 / 993;
	right: -5rem;
	top: 1rem;
}

.jumbotron:not(.stijl_achtergrondkleur).bolletjes_achtergrond_rechts:before,
.jumbotron:not(.stijl_achtergrondkleur).bolletjes_achtergrond_links:before{
	background-image: url("data:image/svg+xml,%0A%3Csvg width='922' height='916' viewBox='0 0 922 916' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Ccircle cx='461.276' cy='458.386' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='461.276' cy='265.752' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='364.96' cy='651.02' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='557.593' cy='651.02' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='364.96' cy='843.654' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='557.593' cy='843.654' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='720.129' cy='739.812' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='202.425' cy='739.812' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='826.98' cy='578.782' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='95.5611' cy='578.782' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='247.561' cy='497.515' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='682.505' cy='497.515' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='778.822' cy='240.155' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='143.72' cy='240.155' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='634.358' cy='113.739' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='288.195' cy='113.739' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='634.358' cy='313.91' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='288.195' cy='313.91' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='849.554' cy='401.198' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='72.9986' cy='401.198' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3Ccircle cx='461.276' cy='73.1176' r='72.2377' fill='%23786464' fill-opacity='0.07'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.stijl-group:has(.bolletjes_achtergrond_links):not(:first-child):before,
.stijl-group:has(.bolletjes_achtergrond_rechts):not(:first-child):before,
.jumbotron:not(.stijl_achtergrondkleur).bolletjes_achtergrond_rechts:not(:first-child):before,
.jumbotron:not(.stijl_achtergrondkleur).bolletjes_achtergrond_links:before{
	top: calc(-2 * var(--jumbotron-standard-margin));
}

.stijl-group:has(.bolletjes_achtergrond_links):not(:first-child):before,
.jumbotron:not(.stijl_achtergrondkleur).bolletjes_achtergrond_links:before{
	left: -5rem;
	right: auto;
}

@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: 5rem; /*margin between jumbotron elements*/
        --default-margin-bottom: 2.4rem; /*p, ol, ul, etc*/
        --footer-margin-top: 5rem;
        --bs-gutter-x: 3rem;
		
		--container-width: 100%;
    }
    
	ul.downloads li a{
		font-size: 1.6rem;
		line-height: 2.4rem;		
	}
	
    body{
        padding-top: 14.5rem;
    }
    
    .jumbo_before_header ul#topmenu{
        gap: 1.5rem;
    }
    
    #footer:after{        
        transform: rotate(90deg);
        left: auto;
        right: 0;
        bottom: auto;
        top: 0;
    }
    
    #logoholder{
        width: 25rem;
        z-index: 105;
        position: relative;
    }
	
	.single-verhaal #content .jumbotron:not(.stijl_achtergrondkleur):not(.volledige_afbeelding):has(+ .jumbotron:not(.stijl_achtergrondkleur)), .single-vacature #content .jumbotron:not(.stijl_achtergrondkleur):not(.volledige_afbeelding):has(+ .jumbotron:not(.stijl_achtergrondkleur)) {
		padding-bottom: 3rem;
	}
	
	.alm-mobile-filters + div.alm-mobile-filters_container{
		position: fixed;
		inset: 0;
		overflow: auto;
		padding: 3rem 3rem 0;
		background: var(--lichtroze);
		z-index: 1500;
		display: flex;
		flex-direction: column;
		gap: 3rem;
		justify-content: space-between;
		transform: translateX(-100%);
		transition: 0.3s transform;
	}
	
	.alm-mobile-filters + div.alm-mobile-filters_container.visible_filters{
		transform: translateX(0);		
	}

	.alm-mobile-filters_container .alm-filters{
		max-height: calc(100vh - 15rem);
		overflow: auto;
	}

	.alm-toon_items{
		background: var(--roze);
		padding: 3rem;
		margin: 0 -3rem;
		text-align: center;
	}
    
    .snel_contact, .snel_contact:hover, .snel_contact:focus{
        right: 2.5rem;
        bottom: 2.5rem;
    }
	
	#footer{
		padding-block: 6rem;
	}
	
	:is(.gallery.gallery-columns-3, .gallery.gallery-columns-4, .gallery.gallery-columns-2) figure{
		grid-column: auto/span 6;
	}
    
    #hoofdmenu li.menu-item-has-children ul,
    #hoofdmenu li.menu-item-has-children:hover ul {
        display: none;
        position: static; 
    }
	
	.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; 
    }
    
    .navbar-toggler {
		border: none;
		padding: 0;
		margin: 0;
		border-radius: 0 !important;
		outline: none !important;
		box-shadow: none !important;
    }

    .navbar-toggler-icon {
		outline: none !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z' fill='%23383A44'/%3E%3C/svg%3E");
    }

    body:has(.jumbotron.stijl_achtergrondkleur_363839:first-child) .navbar-toggler-icon {
		outline: none !important;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
	
	.verhaal_quote{
		position: static;
	}

	.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; 
    }
	
	#content article > .stijl_achtergrondkleur:last-child {
		margin-bottom: calc((var(--footer-margin-top) - var(--footer-margin-top)));
	}
	
	.verhaal_item_quote{
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;  
		overflow: hidden;
    	margin-bottom: 2rem;
    	line-height: 1.4;
	}
	
	.single_vacature_meta{
		margin-inline: -3.5rem;
	}
	
	#credits ul {
		gap: 0.5rem;
		flex-direction: column;
	}
	
	.jumbotron h2 {
    	font-size: 2.6rem;
	}
}

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

@media (min-width:768px) and (max-width:991px)
{		
	:root{
		--container-width: 720px;
		--jumbotron-standard-margin: 6rem;
		--footer-margin-top: 6rem;
	}
    
    body{
        padding-top: 17.3rem;
    }
	
	.single-verhaal #content .jumbotron:not(.stijl_achtergrondkleur):not(.volledige_afbeelding):has(+ .jumbotron:not(.stijl_achtergrondkleur)), .single-vacature #content .jumbotron:not(.stijl_achtergrondkleur):not(.volledige_afbeelding):has(+ .jumbotron:not(.stijl_achtergrondkleur)) {
		padding-bottom: 4rem;
	}
	
	.vacatures_grid {
		grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
	}
	
	.single_vacature_meta{
		margin-inline: -3.5rem;
	}
	
	#logoholder {
		margin-block: 2rem;
	}
	
	#hoofdmenu{ 
		margin-bottom: 2rem;
    	gap: initial;
		justify-content: space-between;
		width: 100%;
	}
	
	#footer{
		padding: 6rem 0;
	}
	
	.verhaal_item_quote{
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;  
		overflow: hidden;
    	margin-bottom: 2rem;
    	line-height: 1.4;
	}
    
    .jumbotron h2 {
        font-size: 3rem;
    }
    
    #hoofdmenu{
        gap: 2rem;
    }
    
    #hoofdmenu > li:last-child > ul{
        left: auto;
        right: 0;
    }
    
    #hoofdmenu > li:last-child > ul:before{
        background-position: right 2rem bottom -0.5rem;
    }
    
    #hoofdmenu li a{
        font-size: 1.8rem;
    }
    
    #logoholder {
        margin-block: 2rem;
        float: none;
        margin-inline: auto;
        width: 22rem;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
	:root{
		--container-width: 960px;
		--jumbotron-standard-margin: 8rem;
		--footer-margin-top: 8rem;
	}
    
    .jumbotron h2 {
        font-size: 3rem;
    }
	
	.single-verhaal #content .jumbotron:not(.stijl_achtergrondkleur):not(.volledige_afbeelding):has(+ .jumbotron:not(.stijl_achtergrondkleur)), .single-vacature #content .jumbotron:not(.stijl_achtergrondkleur):not(.volledige_afbeelding):has(+ .jumbotron:not(.stijl_achtergrondkleur)) {
		padding-bottom: 5rem;
	}
    
    body{
        padding-top: 14.2rem;
    }
	
	#footer{
		padding: 8rem 0;
	}
	
	.navbar-expand-lg .submenu-back-button{
		display: block;
	}
    
    #hoofdmenu > li:last-child > ul{
        left: auto;
        right: 0;
    }
    
    #hoofdmenu > li:last-child > ul:before{
        background-position: right 2rem bottom -0.5rem;
    }
    
    #hoofdmenu li a{
        font-size: 1.8rem;
    }
    
    #logoholder {
        margin-block: 3rem;
        float: left;
        width: 22rem;
    }
}

@media (min-width:1200px) and (max-width:1399px)
{
	:root{
		--container-width: 1140px;
	}
	
    .navbar-expand-xl .submenu-back-button{
		display: block;
	}
    
    #hoofdmenu > li:last-child > ul{
        left: auto;
        right: 0;
    }
    
    #hoofdmenu > li:last-child > ul:before{
        background-position: right 2rem bottom -0.5rem;
    }
    
    #hoofdmenu li a{
        font-size: 1.8rem;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1600px) {
	:root{
		--container-width: 1520px;
	}
	
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}

@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; }

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open{
	display: flex;
}

.screen-reader-text, .screen-reader-text span {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -10000em;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0;
}