*, *:after, *:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0;}

html{height:100%; scroll-behavior:smooth; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; font-family:var(--fontbody); -webkit-text-size-adjust:100%;}
html,body{background:transparent; line-height:26px; font-size:19px; font-weight:400;}
	
:root{
	--fontbody: 'Lato', sans-serif;
	--fontheader: 'Lato', sans-serif;

	--color1: #000;
	--color2: #fff;
	--color3: #faa74a; /*#46a5db; */
	--color4: #48b05f; /*#faa74a; */
	--color5: #399149; /*#df8c2e; */
	--color6: #df8c2e; /*#2c84b6; */
}

img{height:auto; max-width:100%; border-style:none; display:inline-block;}
audio, canvas, iframe, img, svg, video{vertical-align:middle;}

ul, ul li{margin-left:0; padding-left:0; list-style:none;}
.text ul{list-style:disc; padding-left:30px; margin-bottom:20px;} 
.text ul li{list-style:disc;}
.text h3{margin-top:10px;}

ol{margin-bottom:20px; padding-left:30px;}	
b,strong{font-weight:bolder;}
p{padding-bottom:15px;}
	
button, input{overflow:visible;}
button, select{text-transform:none;}
button, input, select, textarea{font-family:inherit; font-size:100%; margin:0;}
textarea{overflow:auto; resize:vertical;}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="email"] {-webkit-appearance:none; border-radius:0;} 
input[type='checkbox'] {width:auto!important;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}	
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none; padding:0;}
[type="checkbox"], [type="radio"]{box-sizing:border-box; padding:0;}
	

h1,h2,h3,h4{font-family:var(--fontheader); font-weight:900;}
h1{padding:0; margin:0 0 30px 0; font-size:36px; line-height:40px;} 
h2{padding:0; margin:0 0 30px 0; font-size:33px; line-height:36px;}
h3{padding:0; margin:0 0 20px 0; font-size:24px; line-height:28px;}
h4{padding:0; margin:0 0 20px 0; font-size:21px; line-height:24px;}

::-moz-selection {background:var(--color3); text-shadow:none;}
::selection {background:var(--color3); text-shadow:none;}
	
main, header, section, aside, footer{display:block;}
	
body{display:flex; flex-direction:column; min-height:100vh;}
.wrap{flex:1;}
.wrap{background-color:transparent;}
		
.row{max-width:1320px; margin:0 auto; padding:0 30px;}

video::-webkit-media-controls-start-playback-button{display:none;}
video::-webkit-media-controls-panel{display:none!important; opacity:1!important;}	
video{pointer-events:none;}

	
/* preloader */
.preloader-wrapper{height:100%; width:100%; background:radial-gradient(white,#eee); background:-webkit-radial-gradient(white,#eee); position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999; text-align:center;}
.preloader .preload, .preload{overflow:hidden; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:80px;}
	
.spin{display:inline-block; position:relative; width:50px; height:50px;}
.spin div{box-sizing:border-box; display:block; position:absolute; width:40px; height:40px; margin:3px; border-width:3px; border-style:solid; border-color:var(--color4); border-radius:50%; animation:spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color:var(--color4) transparent transparent transparent;}
.spin div:nth-child(1){animation-delay: -0.45s;}
.spin div:nth-child(2){animation-delay: -0.3s;}
.spin div:nth-child(3){animation-delay: -0.15s;}
	
@keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

/* algemeen */
.button{margin-top:25px;}
.btn{border:0; padding:8px 15px; font-weight:900; background:var(--color3); color:var(--color2); text-shadow:2px 2px 1px var(--color6); text-decoration:none; cursor:pointer; font-size:18px; display:inline-block; transition:.2s;}
.btn:hover{background:var(--color6); color:var(--color2); box-shadow:6px 6px 2px 1px rgba(0,0,0,.05); transform:translateY(-3px); text-shadow:2px 2px 1px rgba(0,0,0,.3);}
.btn i{position:relative; height:10px; top:3px; margin-left:5px;}

	
/* top */
.header{position:relative; z-index:2;}
.header .row{position:relative;}
	
.lang{position:absolute; right:30px; top:30px; z-index:10;}
.lang a{display:inline-block; width:30px; height:30px; padding:0; margin-left:15px;}
.lang img{display:block; border-radius:100%; overflow:hidden;}
	
.logo{position:relative; margin:0 auto 20px; width:180px; top:26px; border:4px solid var(--color2); background:var(--color2); transition:.3s;}
.logo img{box-shadow:6px 6px 2px 1px rgba(0,0,0,.05);}

.nav{position:absolute; top:78px; right:30px; z-index:2;}
.nav li{display:inline-block; margin-left:12px;}
.nav a{display:block; padding:8px 12px; font-weight:900; text-decoration:none; background:var(--color3); color:var(--color2); font-size:18px; transition:.2s; text-shadow:2px 2px 1px var(--color6);}
.nav a:hover{background:var(--color6); color:var(--color2); text-shadow:2px 2px 1px rgba(0,0,0,.3);}
	
	
/* intro */
.top-wave{height:80px; top:-79px; position:absolute; width:100%; z-index:1;}
.top-wave svg{height:80px; width:100%;}
	
.bottom-wave{height:80px;}
.bottom-wave svg{height:80px; width:100%;}

.intro{position:relative; background:var(--color4); background:linear-gradient(var(--color4), var(--color5)); color:var(--color2); text-shadow:2px 2px 1px var(--color5); padding-top:70px;}
.intro .row, .intro-custom .row{position:relative; z-index:1;}
.intro .row:after{content:''; clear:both; display:block;}
.intro .img{background:var(--color4); position:absolute; width:45%; margin-top:-10px; transform:rotate(-1deg); box-shadow:12px 12px 2px 1px rgba(0,0,0,.05); overflow:hidden;}
.intro .txt{width:53%; min-height:350px; float:right; margin-top:0; padding:0 0 30px 60px; font-size:18px; line-height:26px;}
.intro a{color:var(--color2); text-decoration:underline; font-weight:600;}	
.intro .btn{background:var(--color3); color:var(--color2); text-shadow:2px 2px 1px var(--color6); text-decoration:none;}
.intro .btn:hover{background:var(--color6); color:var(--color2); text-shadow:2px 2px 1px rgba(0,0,0,.3); text-decoration:none;}

.zeester{position:absolute; right:5%; bottom:10%; width:170px; opacity:.03; transform:rotate(-5deg);}	
	
	
html .splide__pagination__page.is-active{background:var(--color3); transform:scale(1.2);}
html .splide__pagination__page{background: var(--color2); border-radius:0; height:14px; margin:6px; opacity:1; width:14px;}	

	
/* main - home */
.main{padding:60px 0;}
.main h2{text-align:center; color:var(--color1);}

	
/* filter overzicht */
.tab-wrap{overflow:hidden; text-align:center; position:relative; list-style:none; margin-left:-15px; margin-right:-15px;}

.tab{display:none;}
.tab:checked:nth-of-type(1) ~ .tab-content:nth-of-type(1),
.tab:checked:nth-of-type(2) ~ .tab-content:nth-of-type(2), 
.tab:checked:nth-of-type(3) ~ .tab-content:nth-of-type(3),
.tab:checked:nth-of-type(4) ~ .tab-content:nth-of-type(4){opacity:1; position:relative; top:0; z-index:10; transition:.2s;}

.tab + label{background:var(--color3); color:var(--color2); text-shadow:2px 2px 1px var(--color6); font-weight:600; font-size:18px; transition:.2s; width:auto; cursor:pointer; display:inline-block; text-decoration:none; -webkit-box-flex:3; -webkit-flex-grow:3; -ms-flex-positive:3; flex-grow:3; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-align:center; box-sizing:border-box; padding:9px 15px; position:relative; margin:0 5px 5px;}
.tab + label:hover, .tab:checked{background:var(--color6); color:var(--color2); text-shadow:2px 2px 1px rgba(0,0,0,.4);}
.tab:checked + label{background:var(--color6); text-shadow:2px 2px 1px rgba(0,0,0,.4);}
.tab:checked + label:hover{background:var(--color6); text-shadow:2px 2px 1px rgba(0,0,0,.4);}

.tab-content{padding:30px 0 10px; position:absolute; width:100%; z-index:-1; opacity:0; left:0; right:0;}

.blokken{display:flex; flex-wrap:wrap;}
.blokken .item{width:25%; padding:15px; text-align:center;}
.blokken .item a{transition:.2s; overflow:hidden; display:block; text-decoration:none; color:var(--color2); text-shadow:2px 2px 1px var(--color5); position:relative;}
.blokken .item a:hover{transform:translateY(-3px);}
.blokken .item img{transition:.3s ease-in-out;}
.blokken .item img:hover{transform:scale(1.05);}
.blokken .item .kop{background:var(--color4); background:linear-gradient(var(--color4), var(--color5)); color:var(--color2); position:relative;}
.blokken .item .kop h3{margin:0; padding:6px 10px 15px; font-size:20px; min-height:50px; transition:.2s; text-shadow:2px 2px 1px var(--color5);}
.blokken .item .kop svg{position:absolute; width:100%; height:20px; margin-top:-19px; z-index:1; left:0; top:0; transition:.2s;}
.blokken .item a:hover .kop svg{height:25px; margin-top:-24px;}
.blokken .item i{transition:.3s; position:absolute; z-index:2; left:50%; margin-top:-50px; top:0; display:block; margin-left:-17px; width:34px; height:34px; line-height:34px; text-align:center; background:var(--color3); color:var(--color2); text-shadow:2px 2px 1px var(--color3); font-size:21px; box-shadow:0px 1px 6px 1px rgba(0,0,0,.2); text-shadow:2px 2px 1px var(--color6);}
.blokken .item a:hover i{margin-top:33%;}	
	
	
/* standaard template */
.intro-custom{position:relative; background:var(--color4); background:linear-gradient(var(--color4), var(--color5)); color:var(--color2); text-shadow:2px 2px 1px var(--color5); padding-top:35px;}
.intro-custom .txt{font-size:18px; line-height:26px;}
.intro-custom a{color:var(--color2); text-decoration:underline; font-weight:600;}
.intro-custom .text{max-width:750px;}	
.intro-custom a.btn{text-decoration:none;}

.intro .txt ul li:before{content: "•"; padding-right:5px; font-size:20px; color: var(--color3);}
	
/* breadcrumbs */
.breadcrumbs{position:absolute; width:100%; margin-top:-30px; font-size:90%; margin-bottom:0; display:block; padding:6px 0 7px; list-style:none;}	
.breadcrumbs ul{display:inline; margin:0; padding:0;}	
.breadcrumbs ul li{display:inline; position:relative;}
.breadcrumb li.first:before{display:none;}
.breadcrumb li:before{content:"/"; margin:0 5px;}	
.breadcrumb a{color:var(--color2); margin:0; padding:0; text-decoration:none;}	
.breadcrumb > span{padding-right:10px;}	
	
	
/* faq */
.cb_faq{max-width:750px;}
.cb_faq .item > span{padding:15px 0; font-size:24px; font-weight:700; display:block;}
.cb_faq .item{margin-bottom:15px;}	

.faq-q{cursor:pointer; padding:15px 20px; background-color:var(--color3); text-shadow:2px 2px 1px rgba(0,0,0,.4); width:100%; border:none; text-align:left; outline:none; transition:.3s; color:var(--color2); font-weight:600; box-shadow:2px 2px 4px var(--color5);}
.faq-q.active, .faq-q:hover{color:var(--color2);}
.faq-q:before{content:'\002B'; color:var(--color2); float:right; margin-left:5px; font-weight:400;}
.faq-q.active:before{content:"\2212";}
.faq-a{padding:0 20px; max-height:0; overflow:hidden; transition:all 0.2s ease-out; background:var(--color2); color:var(--color1); text-shadow:0px 0px 0px var(--color2);}
.faq-a > span{padding-top:15px; display:block; padding-bottom:6px;}
.faq-a a{color:var(--color1);}	
	
/* contact */
.form{max-width:750px;}
.form-input{margin-bottom:10px;}
.form-input label{display:block; padding-bottom:4px;}
.form-input input, .form-input textarea{border:1px solid var(--color2); padding:6px; font-family:inherit; font-size:inherit; width:100%; box-shadow:2px 2px 1px var(--color5);}	
.req{color:var(--color3);}
.form-req{font-size:14px; font-weight:300; text-align:right;}
#antispam{display:none!important;}

.form-input .btn{border:0; margin-top:10px; padding:12px 20px;}
.form-input .btn:hover{transform:translateY(-3px);}	
	
.errors{padding:8px 12px; text-align:center; background:#e60000; color:var(--color2); margin:10px 0 20px; text-shadow:2px 2px 1px rgba(0,0,0,0); font-size:85%;}
.success{padding:8px 12px; text-align:center; background:green; color:var(--color2); margin:10px 0 20px; text-shadow:2px 2px 1px rgba(0,0,0,0); font-size:85%;}


/* activiteit form */
.main .form{max-width:750px; margin-left:auto; margin-right:auto;}
.main .form-input input, 
.main .form-input textarea{border:2px solid #ccc; padding:8px 6px; box-shadow:2px 0px 6px rgba(0,0,0,.05);}	
.main .form-activiteit{font-size:115%; margin-bottom:20px; text-align:center; padding:15px; background:#eee;}
.main .form-activiteit input{border:0; background:#eee; font-weight:600; pointer-events:none; outline:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; cursor:default;}		
	
	
/* footer */
.footer{background:var(--color4); background:linear-gradient(var(--color4), var(--color5)); color:var(--color2); position:relative; padding:0; margin-top:100px;}
.footer .wave{height:100px; position:absolute; top:-99px; left:0; right:0;}
.footer .wave svg{width:100%; height:100px;}
.footer .f-logo{background:#fff; padding:6px 5px 5px 5px; width:170px; margin-bottom:30px; margin-top:10px; box-shadow: 6px 6px 2px 1px rgba(0,0,0,.05);}
.footer .f-logo img{display:block;}
.footer h4{color:var(--color2); padding-top:10px;}
.footer a{color:var(--color2); text-decoration:none;}
.footer a:hover{color:var(--color2);}
.footer .cols{display:flex; flex-wrap:wrap;}
.footer .cols .item{padding-right:50px; padding-bottom:10px; text-shadow:2px 2px 1px var(--color5);}
.footer .cols .item.first{width:200px; padding-right:0;}
.footer .list a{display:inline-block; padding:5px 15px 5px 10px; font-weight:600; text-decoration:none; background:var(--color3); color:var(--color2); font-size:16px; transition:.2s; text-shadow:2px 2px 1px var(--color6); text-shadow:2px 2px 1px var(--color6); margin-bottom:8px;}
.footer .list a:hover{background:var(--color6); text-shadow:2px 2px 1px rgba(0,0,0,.4);}
.footer .list a i{font-size:85%; margin-right:4px;}

.credits{margin-top:30px; padding:15px 0; text-align:left; background:rgba(255,255,255,.1); font-size:16px; text-shadow:2px 2px 1px var(--color5);}
.credits a{color:var(--color2); text-decoration:none;}
.credits a:hover{color:var(--color2); text-decoration:none;}

.door{float:right;}
	
.seo{font-size:14px; text-align:center; opacity:.75;}	
	
@media (max-width: 1020px) {
	html,body{line-height:22px; font-size:17px;}
	
	h1{margin:0 0 25px 0; font-size:32px; line-height:36px;} 
	h2{margin:0 0 25px 0; font-size:28px; line-height:32px;}
	h3{margin:0 0 15px 0; font-size:24px; line-height:24px;}
	h4{margin:0 0 15px 0; font-size:20px; line-height:22px;}
	
	/* top */	
	.logo{width:140px;}
	.lang{top:18px;}
	.lang a{width:24px; height:24px; margin-left:12px;}
	
	.nav{top:60px;}
	.nav a{display:block; padding:6px 12px; font-size:16px;}


}
	
@media (max-width: 1019px) {
	/* intro */
	.intro{padding-top:70px;}
	.intro .img{position:absolute; width:38%; margin-top:0; box-shadow:7px 7px 2px 1px rgba(0,0,0,.05);}
	.intro .txt{width:60%; min-height:100px; margin-top:0; padding:0 0 30px 45px; font-size:17px; line-height:24px;}
	.zeester{width:140px;}
	
	/* filter overzicht */
	.blokken{display:flex; flex-wrap:wrap;}
	.blokken .item{width:33.333%;}
	.blokken .item .kop h3{padding:5px 10px 12px; font-size:18px; min-height:45px;}
	.blokken .item .kop svg{height:15px; margin-top:-14px;}
	.blokken .item a:hover .kop svg{height:25px; margin-top:-24px;}
	
}
	
@media (max-width: 768px) {	
	html,body{line-height:22px; font-size:16px;}
	
	h1{margin:0 0 20px 0; font-size:26px; line-height:29px;} 
	h2{margin:0 0 20px 0; font-size:24px; line-height:27px;}
	h3{margin:0 0 12px 0; font-size:21px; line-height:24px;}
	h4{margin:0 0 12px 0; font-size:18px; line-height:22px;}
	
	/* top */
	.logo{width:90px; top:17px; margin-bottom:0;}
	
	.lang{top:24px; right:72px; z-index:10;}

	.nav-trigger{display:block; z-index:2; cursor:pointer; position:absolute; right:25px; top:24px; text-align:center; width:30px; height:36px; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer;}	
	.nav-trigger span{display:block; position:absolute; height:4px; width:100%; background:var(--color1); opacity:1; left:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; transition:.25s ease-in-out;}	
	.nav-trigger span:nth-child(1){top:1px;}
	.nav-trigger span:nth-child(2), .nav-trigger span:nth-child(3){top:10px;}
	.nav-trigger span:nth-child(4){top:19px;}
	.nav-trigger.open span:nth-child(1){top:10px; width:0; left:50%;}
	.nav-trigger.open span:nth-child(2){-webkit-transform:rotate(45deg); transform:rotate(45deg);}
	.nav-trigger.open span:nth-child(3){-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	.nav-trigger.open span:nth-child(4){top:10px; width:0; left:50%;}
	
	.nav-trigger{display:block;}
	
	.nav{display:none;}
	.active .nav{display:block; left:0; right:0; position:absolute; top:50%; transform:translateY(-50%);}
	.active.header{position:fixed; top:0; left:0; bottom:0; right:0; height:100%; z-index:100; background:var(--color4);}
	.active.header .row{height:100%;}
	.nav a{display:block; background:transparent; font-size:24px; margin-bottom:20px; text-shadow:2px 2px 1px var(--color5);}
	.nav a:hover{background:transparent; text-shadow:2px 2px 1px var(--color5);}
	.nav li{display:block; margin-left:0; text-align:center;}

	/* intro */
	.intro{padding-top:30px;}
	.intro .img{width:100%; max-width:600px; margin-top:15px; position:relative;}
	.intro .txt{width:100%; margin-top:35px; padding:0 0 30px 0; font-size:16px; line-height:22px;}
	.zeester{width:110px;}

	.top-wave{height:40px; top:-39px;}
	.top-wave svg{height:40px;}

	.bottom-wave{height:40px;}
	.bottom-wave svg{height:40px;}
	
	/* faq */
	.cb_faq .item > span{font-size:21px;}
	
	/* footer */
	.footer{margin-top:50px;}
	.footer .wave{height:40px; top:-39px;}
	.footer .wave svg{height:40px;}
	.credits span.space{display:block; opacity:0; height:5px; overflow:hidden;}
}
	
@media (max-width: 680px) {	
	
	.row{padding:0 22px;}
	
	.main{padding:40px 0;}
	
	/* filter overzicht */
	.tab-wrap, .blokken{margin-left:-10px; margin-right:-10px;}
	.tab-wrap .blokken{margin-left:0; margin-right:0;}
	.blokken .item{padding:10px; width:50%;}
	.blokken .item .kop h3{padding:5px 10px 12px; font-size:16px; min-height:40px;}
	.blokken .item .kop svg{height:12px; margin-top:-11px;}
	.blokken .item a:hover .kop svg{height:12px; margin-top:-11px;}
	.blokken .item .kop h3{font-size:15px;}
	
	/* faq */
	.cb_faq .item > span{font-size:18px;}
	
	.breadcrumbs{position:relative; margin-top:0; width:auto;}
	
		
	/* footer */
	.footer .f-logo{width:100px; margin-bottom:0; margin-top:20px; display:inline-block;}
	.footer h4{padding-top:0;}

	.footer .cols{display:block;}
	.footer .cols .item{padding-right:0; padding-bottom:30px; text-align:center;}
	.footer .cols .item.first{width:100%;}

	.credits{text-align:center; font-size:14px;}
	.door{float:none; display:block; padding-top:20px;}
	
}