/* 
	* Stijlen in dit bestand zijn automatisch gegenereerd door admin-stijlopties.php.
	* Directe aanpassingen worden bij de volgende generatie overschreven.
	* Wijzigingen kunnen worden gedaan via het Stijlopties-menu in de WordPress admin.
	*/
:root {
	--carousel-aantal: 3;
}
body {
	font-family: 'Assistant', Open Sans;
	line-height: 1.6;
	font-size: 20px; 
	
	
}
body h1 {
	line-height: 1.3;
	font-size: var(--h1);
	
	
	
}
body.home h1 {
	
	
	
}
body h2 {
	line-height: 1.3;
	font-size: var(--h2);
	
	
	
}
body h3 {
	line-height: 1.3;
	font-size: var(--h3);
	
	
	
}
body h4 {
	line-height: 1.3;
	font-size: var(--h4);
	
	
	
}
body h5 {
	line-height: 1.3;
	font-size: var(--h5);
	
	
	
}
body h6 {
	line-height: 1.3;
	font-size: var(--h6);
	
	
	
}

body.home #hoofdmenu-list > .menu-item > a {
	color: rgb(0,0,0);
}
body.home #hoofdmenu-list > .menu-item > a:hover {
	color: var(--hoofdkleur-1);
}
body.home header.header-scroll #hoofdmenu-list > .menu-item > a {
	color: rgb(0,0,0);
}
body.home header.header-scroll #hoofdmenu-list > .menu-item > a:hover {
	color: var(--hoofdkleur-1);
}
body:not(.home) #hoofdmenu-list > .menu-item > a {
	color: rgb(0,0,0);
}
body:not(.home) #hoofdmenu-list > .menu-item > a:hover {
	color: var(--hoofdkleur-1);
}
body:not(.home) header.header-scroll #hoofdmenu-list > .menu-item > a {
	color: rgb(0,0,0);
}
body:not(.home) header.header-scroll #hoofdmenu-list > .menu-item > a:hover {
	color: var(--hoofdkleur-1);
}

body.home .hero, body.home .hero.slider img { 
	min-height: 60vh;
}

body.page:not(.home) .hero, body.page:not(.home) .hero.slider img {
	min-height: 1000px;
}

h1, h2, h3 {
	font-family: 'Assistant', Source Sans Pro;
}
h4, h5, h6 {
	font-family: 'Assistant', Open Sans;
}
p {
    margin-block-start: 0.75em;
	margin-block-end: 0.75em;
}
.boventitel { 
	font-family: 'Assistant', Source Sans Pro;
}
section.page-breaker  .div-block > h3 {
	font-family: 'Assistant', Source Sans Pro;
}

.button {
	border-radius: 0px;
	
	
	border-style: solid;
}
.button::before { 
	
}
.button::after { 
	
}
.button:not(.button-disabled) {
	
	
	box-shadow: 0px 0px 0px 0px #ffffff00 !important;
}
.button:not(.button-disabled):hover {
	
	box-shadow: 0px 0px 0px 0px #ffffff00 !important;
	
	
	
	border-style: solid;
}
.button-disabled {
	box-shadow: 0px 0px 0px 0px #ffffff00 !important;
}
.button-disabled:hover {
	box-shadow: 0px 0px 0px 0px #ffffff00 !important;
}
.button.button-alt {
	
	
	box-shadow: 0px 0px 0px 0px #ffffff00 !important;
	
	
	border-style: solid;
}
.button.button-alt:hover {
	
	box-shadow: 0px 0px 0px 0px #ffffff00 !important;
	
	
	
	border-style: solid;
}
.button.vertelknop-container {
	
}
.vertelknop-tekst {
	
}

.header-row {
	background-color: ;
	padding-top: 10px;
	padding-bottom: 10px;
}
header .site-logo {height: 45px;}
@media screen and (max-width: 992px){header .site-logo {height: px;}}
@media screen and (max-width: 768px){header .site-logo {height: px;}}
@media screen and (max-width: 480px){header .site-logo {height: px;}}

header.header-scroll img.site-logo {height: px;}
@media screen and (max-width: 992px){header.header-scroll img.site-logo {height: px;}}
@media screen and (max-width: 768px){header.header-scroll img.site-logo {height: px;}}
@media screen and (max-width: 480px){header.header-scroll img.site-logo {height: px;}}

.header-container {max-width: 1400px;}



@media (max-width: 991px) {
	.header-right #mobile-button-tekst {
		display: inline-flex;
		flex-direction: row;
		align-items: center;
	}
	.mobile-button-tekst-hide {
		width: 0px;
		height: 0px;
		overflow: hidden;
	}
    .header-right #mobile-button-tekst:before {
		content: '';  
		margin-right: 10px;  
		color: #191919;
		font-size: var(--l-text); 
		text-align: center;
	}
	#mobile-button {
		min-width: 30px;
		min-height: 30px;
	}
}

#hoofdmenu-list .menu-item a {
	font-size: var(--l-text);
	font-weight: 500;
	color: rgb(0,0,0);
	
}
#hoofdmenu-list .menu-item a:hover {
	color: var(--hoofdkleur-1);

}

#hoofdmenu-list .menu-item a {
	font-size: var(--l-text);
	font-weight: 500;
	color: rgb(0,0,0);
	
}

#hoofdmenu-list .menu-item a:hover {
	color: var(--hoofdkleur-1);
}

body.home #hoofdmenu-list > .menu-item > a {
	color: rgb(0,0,0);
}
body.home #hoofdmenu-list > .menu-item > a:hover {
	color: var(--hoofdkleur-1);
}
body.home header.header-scroll #hoofdmenu-list > .menu-item > a {
	color: rgb(0,0,0);
}
body.home header.header-scroll #hoofdmenu-list > .menu-item > a:hover {
	color: var(--hoofdkleur-1);
}
body:not(.home) #hoofdmenu-list > .menu-item > a {
	color: rgb(0,0,0);
}
body:not(.home) #hoofdmenu-list > .menu-item > a:hover {
	color: var(--hoofdkleur-1);
}
body:not(.home) header.header-scroll #hoofdmenu-list > .menu-item > a {
	color: rgb(0,0,0);
}
body:not(.home) header.header-scroll #hoofdmenu-list > .menu-item > a:hover {
	color: var(--hoofdkleur-1);
}

#hoofdmenu-list .sub-menu .menu-item a:hover {
	
}
#hoofdmenu-list .sub-menu .menu-item a .pagina-icoon {
    
}

@media (max-width: 479px) {
    header .headerbutton {
	    display: none;    
	}
}

.paginablokken section .section-inner-wrap {
	
	
}

.hero {
	position: relative;
}
.hero:not(.tekst-afbeelding) .section-inner-wrap > div:not(.collumns-2) .text-shadow {
	
	text-shadow: var(--text-shadow);
}
.hero h1 {
	
}
.hero .hero-tekst {
	
}
.hero.berichtslider .hero-bericht-slide::before,
.hero.afbeelding::before,
.hero.video::before,
.hero.slider::before { 
	
}	
.hero.berichtslider .hero-bericht-slide > .section-inner-wrap,
.hero.afbeelding .section-inner-wrap,
.hero.video .section-inner-wrap,
.hero.slider > .section-inner-wrap {
	z-index: 2;
}



.page-breaker::before {
	
}
.page-breaker .section-inner-wrap {
	position: relative;
	z-index: 2;
}
.page-breaker h1, .page-breaker h2, .page-breaker h3, .page-breaker h4, .page-breaker h5, .page-breaker h6 {
	
}
.page-breaker div {
	
}

section.verwijzingen a {
	box-shadow:  none;
	background-color: #ffffff;
}
section.verwijzingen a:hover {
	box-shadow:  none;
}
section.verwijzingen a.box-shadow {
	box-shadow:  none;
}
section.verwijzingen a.box-shadow:hover {
	box-shadow:  none;
}

@media (min-width:991px) {section.overzicht .overzicht-inner {
	grid-template-columns: repeat(4, 1fr);
}}

section.faq .faqs {
	grid-template-columns: repeat(2, 1fr);
}

footer .footer_collumn_1_wrapper {
	grid-column: span 2;
}
footer .footer_collumn_2_wrapper {
	grid-column: span 1;
}
footer .footer_collumn_3_wrapper {
	grid-column: span 1;
}
footer .footer_collumn_4_wrapper {
	grid-column: span 2;
}