/*
	Theme Name: Custom Template
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*/
@font-face {  font-family: 'icomoon';  src:  url('assets/fonts/icomoon.eot?aspii7');  src:  url('assets/fonts/icomoon.eot?aspii7#iefix') format('embedded-opentype'),    url('assets/fonts/icomoon.ttf?aspii7') format('truetype'),    url('assets/fonts/icomoon.woff?aspii7') format('woff'),    url('assets/fonts/icomoon.svg?aspii7#icomoon') format('svg');  font-weight: normal;  font-style: normal;  font-display: block;}

:root {
	--font-family-slab:"quatro-slab";
	--font-family:"quatro";
	--color-green-dark:#20461F;
	--color-green:#39883E;
	--color-green-light: #95BD8A;
	--color-light:#EDF2E2;
	--color-yellow:#F4E260;
	--color-yellow-dark: #F0C900;
	--color-black: #000;
	--color-white: #fff;
	
	--border-radius-button: 23px;
	--padding-content: 90px 0 45px;
	--padding-content-inner: 90px 15px 45px;
	--padding-content-first:70px;
	--padding-buttons: 15px 30px;
	--padding-buttons-outline: 14px 28px;
	--font-size-72:72px;
	--font-size-52:52px;
	--font-size-36:36px;
	--font-size-28:28px;
	--font-size-24:24px;
	--font-size-20:20px;
	--font-size-18:18px;
	--font-size-17:17px;
	--font-size-16:16px;
	--font-size-14:14px;

	--margin-20: 20px;
	--margin-30: 30px;
	--margin-45: 45px;
	--margin-60: 60px;
	
	--minheight-content: 540px;
	--header-height:150px
}
@media screen and (max-width:1250px)	{
	:root{
			--header-height:100px
	}
}

@media screen and (max-width:992px)	{
	:root{
			--padding-content: 40px 0 0;
			--padding-content-inner: 40px 15px 0px;
			--margin-45: 40px;
		
			--minheight-content: 380px;
	
	}
}
@media screen and (max-width:767px)	{
	:root{
		
			--minheight-content: 270px;
	
	}
}



[class^="icon-"], [class*=" icon-"] {  font-family: 'icomoon' !important;
  speak: never;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icon-calendar:before {
  content: "\e900";
}
.icon-check:before {
  content: "\e901";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-chevron-up:before {
  content: "\e905";
}
.icon-door-dink:before {
  content: "\e906";
}
.icon-mail:before {
  content: "\e907";
}
.icon-marker:before {
  content: "\e908";
}
.icon-phone:before {
  content: "\e909";
}
.icon-social-facebook:before {
  content: "\e90b";
}
.icon-social-instagram:before {
  content: "\e90c";
}
.icon-sound:before {
  content: "\e90d";
}


a, a:before,a:after, input, button , a span, .expertise-box > div {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item:before {
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}



.grecaptcha-badge {    visibility: hidden;}
body.logged-in header{top:32px;}
@media screen and (max-width: 782px) {
    body.logged-in header{top:46px;}

}
/*------------------------------------*\
    MAIN


\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}

a{text-decoration:none;}

.blue-background .standaard-content a:not(.btn) {	color:#fff;	text-decoration:underline;}
.white-background .standaard-content a:not(.btn) {	color:var(--color-grey-dark);	text-decoration:underline;}

.standaard-content a:not(.btn) {font-weight:bold;color:var(--color-green-dark);text-decoration:underline;}



a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: var(--font-family-slab); margin: 0;color:var(--color-green-dark); font-weight:700;line-height:1.2;text-transform:none}
body {font-size:var(--font-size-16);line-height:1.5;font-family: var(--font-family);color:var(--color-black);font-weight:400;}
 
.standaard-content h2,
.standaard-content h3,
.standaard-content h4,
.standaard-content h5,
.standaard-content h6 {font-size:var(--font-size-18);}

.subtitel + h2 {margin-top:20px;}
.title-box h1, .title-box h2, .title-box .h1 {font-size:var(--font-size-36);font-weight:700}
.title-box h1 .subtitel, .title-box h2 .subtitel {display:block;font-size:var(--font-size-14);text-transform:uppercase;font-family:var(--font-family);font-weight:400;margin-bottom:20px}


.small-title h2 {font-size:var(--font-size-28)}

p { margin-top:0;margin-bottom:20px}
.large-content p, .intro-content { margin-top:0;margin-bottom:30px}
p:last-child {margin:0}

.strong {font-weight:700}

.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {position:relative;padding-left:20px;margin-bottom:3px;}
.standaard-content ul li:last-child {margin-bottom:0;}
.standaard-content ul, .standaard-content ol {margin-bottom:20px;}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {content:"";position:absolute;left:0;top:9px;line-height:1;content: "";background:var(--color-green);width:7px;height:7px;border-radius:50%}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-green);
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content ul + .btn, .standaard-content ol + .btn {margin-top:5px;}

.standaard-content p + h2, .standaard-content p + h3, .standaard-content p + h4, .standaard-content p + h5, .standaard-content p + h6,
.standaard-content ul + h2, .standaard-content ul + h3, .standaard-content ul + h4, .standaard-content ul + h5, .standaard-content ul + h6, 
.standaard-content ol + h2, .standaard-content ol + h3, .standaard-content ol + h4, .standaard-content ol + h5, .standaard-content ol + h6{margin-top:25px}

.large-content, .intro-content {font-size:var(--font-size-20);}

.title-box h1 .subtitel, .title-box h2 .subtitel, .intro-content {color:var(--color-green);}
.title-light h1:not(.subtitel), .title-light h2 {color:var(--color-light)} 
.title-light .subtitel, .title-white h1, .title-white h2, .content-white, .content-white h1, .content-white h2, .content-white h3, .content-white h4, .content-white h5, .content-white h6 {color:#fff;}

.content-row-404 .title-box h1 .subtitel {color:var(--color-light)} 


.greenwhite-background .title-box h1 .subtitel, .greenwhite-background .title-box h2 .subtitel, .greenwhite-background .intro-content, .greenwhite-background {color:#fff}

.green-content {color:var(--color-green)}

.small-title-box h2 {font-size:var(--font-size-28)}

.large-title-box h2 {font-size:var(--font-size-72)}

@media screen and (max-width:992px){
	.title-box h1 .subtitel, .title-box h2 .subtitel {font-size:13px;margin-bottom:15px;}
	.title-box h1, .title-box h2, .title-box .h1 {font-size: var(--font-size-28);}
	.large-content, .intro-content{font-size: var(--font-size-17);}
	.small-title-box h2 {    font-size: var(--font-size-20);}
	body {font-size:15px;}
}

@media screen and (max-width:767px){
	.title-box h1, .title-box h2, .title-box .h1 {font-size: var(--font-size-24);}
	.small-title-box h2 {    font-size: var(--font-size-18);}
	
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.row>* {
	    padding-right: 15px;
    padding-left: 15px;
}


.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1230px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 20px;
}

.row {margin-left:-15px;margin-right:-15px;}
.row>* {padding-right:15px;padding-left:15px;}

.content-row {padding:var(--padding-content);position:relative;}
.no-background + .no-background {padding-top:0;}

.white-background {background-color:#fff;}
.white-background + .white-background, .green-background + .green-background, .greenlight-background + .greenlight-background, .yellow-background + .yellow-background , .greenwhite-background + .greenwhite-background{padding-top:0;}
.green-background, .greenwhite-background {background-color:var(--color-green-light);}
.greenlight-background {background-color:var(--color-light);}
.yellow-background {background-color:var(--color-yellow);}
.greendark-background {background-color:var(--color-green-dark);}

@media screen and (min-width:991px){
	.white-background + .extra-row {margin-top:-30px}

}
@media screen and (min-width:767px){
	.single-content-min-height {min-height:var(--minheight-content);}
}
.relative-container .container {position:relative;}

.content-row-404 {padding:0;background-size:cover;background-position:center center;}
.content-row-404 .container {padding-top:120px;padding-bottom:75px;display:flex;align-items:center;flex-wrap:wrap;min-height:100vh}
.logo-404 {margin-top:auto;text-align:center;}
.logo-404 a {display:inline-block;width:216px;}
.logo-404 a img {display:block;width:216px;}
.content-row-404 .container .row {    width: 100%;}


.title-box {margin-bottom:var(--margin-30);position:relative}
.title-btn {text-align:right; margin-bottom:var(--margin-30);}

.small-title-box {margin-bottom:20px}

.margin-fix,.marginfix {margin-bottom:var(--margin-45)}
.nomargin {margin-bottom:0!important}
.small-marginfix {margin-bottom:var(--margin-30);}
.large-marginfix {margin-bottom:var(--margin-60);}
.form-margin {margin-bottom:15px;}

.textcenter, .text-center {text-align:center;}
.standaard-content p + .btn {margin-top:5px;}

.media-box {position:relative;}
.media-box img {width:100%;}
.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}


.top-image-container {
    position: absolute;
    top: -90px;
    transform: translateY(-50%) translateX(65%);
    right: 0px;
    /* transform: translateX(75%); */
    width: auto;
    max-width: none;
}

@media screen and (max-width:1780px){
	.top-image-container {		max-width:200px;right:20px;transform:translateY(-50%) translateX(0%)}
}



@media screen and (max-width:992px){
	.title-box {margin-bottom:15px;}
	.standaard-content p + .btn {margin-top:0;}
	.large-content p, .intro-content:not(.marginfix) {margin-bottom:20px;}
	.large-content p:last-child, .intro-content:not(.marginfix):last-child {margin-bottom:0;}
	    .top-image-container {        max-width: 170px;              top: -90px;    }
	.relative-container {    margin-top: 90px;    padding-top: 90px;}
	.content-row-404 .container {padding-top:60px;padding-bottom:45px}
}
@media screen and (max-width:767px){
	.top-image-container {width:100%;text-align:center;        max-width: none;}
	.top-image-container img {width:auto;height:150px;object-fit:contain}
}

/*------------------------------------*\
    Pagina banner
\*------------------------------------*/
.pagina-banner {height:570px;}
.pagina-banner img {width:100%;height:100%;object-fit:cover;}

@media screen and (max-width:1250px){
	.pagina-banner {height:350px;}

}

@media screen and (max-width:650px){
	.pagina-banner {height:270px;}

}

/*------------------------------------*\
    FaQ
\*------------------------------------*/
.faq-row {display:block;border-bottom:1px solid var(--color-green-light);}
.faq-row:first-child{border-top:1px solid var(--color-green-light);}
.faq-row h3 {cursor:pointer;font-family:var(--font-family-slab);font-weight:700;font-size:var(--font-size-28);margin-top:20px;margin-bottom:20px;color:var(--color-green-light);position:relative;padding-right:60px}
.faq-row h3 span {width:45px;height:45px;background:none;border:2px solid var(--color-green-light);position:absolute;top:-6px;right:0;border-radius:50%;}
.faq-row h3 span:before, .faq-row h3 span:after {width:2px;height:10px;position:absolute;content:'';background:var(--color-green-light);left:calc(50% - 1px);top:calc(50% - 5px);}
.faq-row h3 span:after {transform:rotate(90deg)}
.faq-row h3.active, .faq-row h3:hover {color:var(--color-green-dark);}
.faq-row h3:hover span {border-color:var(--color-green-dark);}
.faq-row h3:hover span:after, .faq-row h3:hover span:before {background:var(--color-green-dark);}

.faq-row h3.active span {background:var(--color-green-dark);border-color:var(--color-green-dark);transform:rotate(45deg)}
.faq-row h3.active span:after, .faq-row h3.active span:before {background:#fff;}
.faq-content {margin-bottom:20px;display:none}

@media screen and (max-width:992px){
	.faq-row h3  {    font-size: var(--font-size-20);margin-bottom:15px;margin-top:15px;}
	.faq-row h3 span {    width: 30px;    height: 30px;    top: -3px;}
	
	
}

@media screen and (max-width:767px){
	.faq-row h3  {    font-size: var(--font-size-18);}
	
}


/*------------------------------------*\
    Nieuws
\*------------------------------------*/
.nieuws-archive .nieuws-box {width:33.33333%;margin-bottom:30px}
.nieuws-archive {margin-bottom:15px;}

.card-figure{    margin: 0;  }
.card-link {display:block;height:100%;color:#000}
.card-img{    width: 100%;    height: 270px;    object-fit: cover;     display: block;  }
.card-content {display:block;padding:30px;}
.card-title {font-size:var(--font-size-28);font-family:var(--font-family-slab);color:var(--color-green-dark);margin-bottom:15px;}

.nieuws-box-type-1 .card-link, .nieuws-box-type-5 .card-link {background:var(--color-green-light);} 
.nieuws-box-type-2 .card-link, .nieuws-box-type-6 .card-link {background:var(--color-light);} 
.nieuws-box-type-3 .card-link, .nieuws-box-type-4 .card-link {background:var(--color-yellow);} 

.card-link:hover .btn {background:#fff;color:var(--color-green-dark);}

@media screen and (max-width:992px){
	.nieuws-archive .nieuws-box {width:50%;}
	.card-title {font-size:var(--font-size-20)}
}

@media screen and (max-width:767px){
	.card-title {font-size:var(--font-size-18)}
}
@media screen and (max-width:600px){
	.nieuws-archive .nieuws-box {width:100%;}
}
/*------------------------------------*\
    CONTACT
\*------------------------------------*/
.contact-info-row .col-md-5 h3 {margin-bottom:15px;font-size:var(--font-size-28);}
.contact-info-row .media-box {margin-top:15px}
.contact-desc {color:var(--color-green);}

.contact-info-list {display:flex;flex-wrap:wrap;align-items:center;}
.contact-info-list div {width:auto;}
.contact-info-list div:not(:first-child) {margin-left:auto;}
.contact-info-list a {display:flex;flex-wrap:wrap;align-items:center;color:var(--color-green-dark);font-size:var(--font-size-20);font-weight:700;line-height:1;}
.contact-info-list a span {display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;margin-right:15px;border:2px solid var(--color-green-dark);color:var(--color-green-dark);font-size:16px}
.contact-info-list a span:not(.icon-mail) {font-size:20px}
.contact-info-list a:hover span, .contact-info-list a:focus span {background:var(--color-green-dark);color:#fff;}


@media screen and (max-width:992px){
	.contact-info-list a {    font-size: var(--font-size-18);}
	.contact-info-row .col-md-5 h3  {    font-size: var(--font-size-20);margin-bottom:10px}
	.contact-info-row .media-box {margin-top:0;}
}

@media screen and (max-width:767px){
	.contact-info-row .col-md-5 h3  {    font-size: var(--font-size-18);}
	
}
@media screen and (max-width:650px){
	.contact-info-list div {width:100%;margin-bottom:10px;}
	.contact-info-list div:last-child {margin-bottom:0;}
}






/*CF7*/
.content-row:not(.no-background) input[type="text"], .content-row:not(.no-background) input[type="email"], .content-row:not(.no-background) textarea, .content-row:not(.no-background) input[type="number"], .content-row:not(.no-background) select {padding-left:15px;}


form p {margin:0;}
input[type="text"], input[type="email"], textarea, input[type="number"], select {height:45px;background:#fff;border:none;border-bottom:1px solid var(--color-green-light);width:100%;
	font-family:var(--font-family);font-weight:400;padding:0;margin:0;margin-bottom:15px;outline:none;}
textarea {margin-bottom:30px;padding-top: 8px;padding-bottom:8px;resize:none;overflow:hidden}
input::placeholder, textarea::placeholder {
  color: var(--color-green-light);font-family:var(--font-family);font-weight:400;
}
.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:red!important}

.wpcf7 form .wpcf7-response-output {    margin: 15px 0 0;    padding: 20px;    border: 2px solid var(--color-yellow);    background: var(--color-yellow);    text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {    border-color: red;    background: red;color:#fff;}

.wpcf7 form.sent .wpcf7-response-output {	border-color: var(--color-green);background:var(--color-green);color:#fff;}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output {	border-color: red; background:red;color:#fff;}

.wpcf7 form.spam .wpcf7-response-output {	border-color: red;background:red }



.wpbs-form-fields input[type="text"], .wpbs-form-fields input[type="email"], .wpbs-form-fields textarea, .wpbs-form-fields input[type="number"], .wpbs-form-fields select {margin:0;}
.wpbs-main-wrapper .wpbs-form-container {margin-left:auto;margin-right:auto;}



.mc4wp-form-fields {display:flex;flex-wrap:wrap;}
.mc4wp-form-fields .btn {margin-left:30px;}
.mc4wp-form-fields input[type="email"] {width:calc(100% - 180px);border-radius:23px;border:none;padding-left:30px;margin:0}

@media screen and (max-width:450px){
	.mc4wp-form-fields .btn {margin-left:0;}
	.mc4wp-form-fields input[type="email"] {width:100%;margin-bottom:20px}
}


/*------------------------------------*\
    Plattegrond
\*------------------------------------*/
.plattegrond-image {     position: relative;    text-align: center;    background: var(--color-green-light);}
.map-container {position:relative; max-height: 1080px;  }
.map-container img {top:0;left:0;width:auto;height:100%;object-fit:contain;z-index:1;max-width:100%;}
.plattegrond-image-titel {text-align:left;position:absolute;z-index:10;top:120px;width:100%;font-size:var(--font-size-28);font-family:var(--font-family-slab);font-weight:700;color:var(--color-green-dark)}


@media screen and (min-width:1049px){
	.map-legend img {  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;}

}

.map-legend {
    position: absolute;
    z-index: 10;
    width: 330px;
    bottom: 60px;
    right: calc(50% - 700px);
    z-index: 10;
    text-align: left;padding-right:20px;
}
.legend-box h3{display:inline-block;font-size:20px;cursor:pointer;}
.legend-box {margin-bottom:7px;}
.legend-box:last-child {margin-bottom:0;}
.legend-box h3 span:last-child {border-bottom:2px solid transparent;padding-bottom:5px;}
.legend-box.active h3 span:last-child, .legend-box:hover h3 span:last-child{color:#fff;border-color:var(--color-yellow);}

.legend-box h3 {position:relative;padding-left:35px;margin-bottom:7px;}
.legend-box h3 span:first-child {
    font-family: var(--font-family-slab);
    margin: 0;
    color: var(--color-green-dark);
    font-weight: 700;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 80%;position:absolute;left:0;top:0;
}


.legend-click-box {    position: absolute;    z-index: 100;}
.legend-click-box.current {z-index:200}
.click-zone:hover,  .click-zone.active{background:var(--color-yellow);}

.click-zone2:before, .click-zone2:after {width:10px;height:2px;content:"";position:absolute;background:#20461F;left:calc(50% - 5px);top:calc(50% - 1px)}
.click-zone2:after {transform:rotate(90deg)}

.click-zone2.active:after {display:none}

.click-zone {
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-family: var(--font-family-slab);
    margin: 0;
    color: var(--color-green-dark);
    font-weight: 700;
    font-size: 20px;
}


.click-toggle {width:275px;height:275px;display:flex;align-items:center;justify-content:center;background:var(--color-green-dark);border:10px solid var(--color-yellow);border-radius:50%;overflow:hidden;background-size:cover;background-position:center center;position:absolute;left:0;top:-0;z-index:-1;font-size:20px;color:#fff;font-weight:700;transform:scale(0)}

.active + .click-toggle {transform:scale(1);left:-40px;top:-8px;}


.legend-click-box.legend-box-1 {    top: 66%;    left: 54%;}
.legend-click-box.legend-box-2 {    top: 55%;    left: 47%;}
.legend-click-box.legend-box-3 {    top: 47%;    left: 59%;}
.legend-click-box.legend-box-4 {     top: 49%;    left: 48%;}
.legend-click-box.legend-box-5 {     top: 55%;    left: 54%;}
.legend-click-box.legend-box-6 {     top: 73%;    left: 31%;}
.legend-click-box.legend-box-7 {     top: 63%;    left: 30%;}
.legend-click-box.legend-box-8 {     top: 58%;    left: 27%;}
.legend-click-box.legend-box-9 {     top: 50%;    left: 17%;}
.legend-click-box.legend-box-10 {     top: 62%;    left: 47%;}
.legend-click-box.legend-box-11 {     top: 60%;    left: 51%;}
.legend-click-box.legend-box-12 {      top: 53%;    left: 25%;}




	.legend-box h3 {font-size:18px;}


@media screen and (max-width:1500px){
	.legend-box h3 {font-size:18px;}
	.map-legend {right:0;}
	.legend-box h3 span:first-child {top:-2px}
}

@media screen and (max-width:1199px){
	.plattegrond-image-titel {top:45px;}
	.plattegrond-image-titel .row > div {margin-left:8.33333333%;}
}

@media screen and (max-width:1100px){
	.click-zone {    width: 30px;	height: 30px;font-size: 18px;}
	.click-toggle {    width: 250px;		height: 250px;}
	.active + .click-toggle {    left: -45px;}
}

.legend-box img {display:none;width:100%;height:540px;object-fit:cover;}
@media screen and (max-width:1050px){
	.map-legend {position:relative;margin-top:10px;padding:0 20px;padding-bottom:30px;max-width:100%;width:100%;bottom:0;}
	.click-zone:hover, .click-zone.active {background:#fff}
	.active + .click-toggle {display:none!important}
	.click-zone {        width: 20px;        height: 20px;        font-size: 12px;    }
	.legend-box h3 span:last-child {border:none!important}
	.legend-box h3 {display:block}
	.legend-box.active img {display:block;margin-top:20px;margin-bottom:20px;}
}

@media screen and (max-width:992px){
	.plattegrond-image-titel {font-size:22px;top:30px;}
	.plattegrond-image-titel .row > div {margin-left:0;}

 	.legend-box img {height:450px;}

} 
@media screen and (max-width:767px){
		.legend-click-box {display:none!important}
	.map-container img {width:100%;object-fit:cover;}
}

@media screen and (max-width:500px){
	.plattegrond-image-titel {font-size:16px;top:15px;}
 .legend-box img {height:270px;}
}



/*------------------------------------*\
    PODWALK
\*------------------------------------*/
.podwalk-image {    max-height: 1080px;    position: relative;    text-align: center;    background: var(--color-green-light);}
.podwalk-image img {top:0;left:0;width:auto;height:100%;object-fit:contain;z-index:1;max-width:100%;}
.podwalk-image-titel {text-align:left;position:absolute;z-index:10;top:120px;width:100%;font-size:var(--font-size-28);font-family:var(--font-family-slab);font-weight:700;color:var(--color-green-dark)}

.audio-fragments ul, .audio-fragments li {padding:0;margin:0;display:block}
.audio-fragments {margin-top:30px;}
.audio-fragments li {padding:30px 0;border-top:1px solid var(--color-green-light)}
.audio-fragments li:last-child {padding-bottom:0;}

.audio-fragments h3 {    position: relative;    padding-left: 45px;    margin-bottom: 15px;    font-size: var(--font-size-24);}
.audio-fragments h3 span {position:absolute;top:0;left:0;width:30px;height:30px;border-radius:50%;background:var(--color-yellow);font-size:var(--font-size-20);display:flex;align-items:center;justify-content:center;}

.audio-transscript a {color:var(--color-green-dark);font-size:14px;font-style:italic;text-decoration:underline}
.audio-transscript a:hover, .audio-transscript a:focus {color:#000}

@media screen and (max-width:1199px){
	.podwalk-image-titel {top:45px;}
	.podwalk-image-titel .row > div {margin-left:8.33333333%;}
}

@media screen and (max-width:992px){
	.podwalk-image-titel {font-size:22px;top:30px;}
	.podwalk-image-titel .row > div {margin-left:0;}
	.audio-fragments h3 {font-size:20px;}
	.audio-fragments h3 span {font-size:17px}
	.audio-fragments h3 span{top:-4px}
 
}
@media screen and (max-width:500px){
	.podwalk-image-titel {font-size:16px;top:15px;}
}



/*------------------------------------*\
    BOOKING
\*------------------------------------*/
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-1 div:first-of-type, body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-3 div:first-of-type {
    background-color: var(--color-green-light) !important;
}

body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-5 div:first-of-type {
    background-color: var(--color-yellow) !important
}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-2 div:first-of-type, body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-3 div:nth-of-type(2), body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-4 div:first-of-type {
    background-color: #f35e5e !important;
}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-3 div:nth-of-type(2) svg, body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-4 div:first-of-type svg {fill:#f35e5e!important}


.wpbs-form-field-label {
    font-family: var(--font-family-slab);
    font-weight: 700;
    color: var(--color-green-dark);
}


/*------------------------------------*\
    HOME
\*------------------------------------*/
.home-banner-holder {position:relative;}
.home-banner-holder .row{position:relative;min-height:100vh;max-height:1080px;z-index:10;padding:calc(var(--header-height) + 30px) 0 }
.home-banner-holder h1 {font-size:var(--font-size-52);color:#fff;}
.home-banner-slider.slick-slider {position:absolute;top:0;left:0;width:100%;height:100%;}
.home-banner-slider:before {content:"";position:absolute;top:0;left:0;width:100%;height:50%;z-index:2;background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);opacity:.25} 

.home-slide {position:relative;height:100%;width:100%;background-size:cover;background-position:center center;overflow:hidden}
.home-slide:before {content:"";position:absolute;top:0;left:0;height:50%;min-height:540px;width:100%;opacity:.25;background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.home-banner-slider div {    height: 100%;}

.home-banner-slider .slick-dots {
    position: absolute;
  
    padding: 0;
    margin: 0;
    width: 20px;
    list-style: none;
    text-align: center;
    z-index: 100;
   top:50%;
	  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
    right: calc(50% - 595px);bottom:auto;
}
.slick-dots li button .slick-dot-icon:before {display:none}
.home-banner-slider .slick-dots li {margin:0;}

.home-banner-slider .slick-dots li button {
    border-radius: 50%;
    background: var(--color-light);border:3px solid #fff;
}
.home-banner-slider .slick-dots li.slick-active button, .home-banner-slider .slick-dots li button:hover, .home-banner-slider .slick-dots li button:focus {background:var(--color-yellow)}

.home-banner-slider .slick-dots li button {
    display: block;
    height: 15px;
    width: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0;padding:0;
}


.scrolldown:hover {color:#fff;background:var(--color-green-dark)}
.scrolldown {
    position: absolute;
    bottom: 90px;
    left: calc(50% - 22.5px);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    color: var(--color-green-dark);
    font-size: 7px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 100;
    cursor: pointer;
    padding-top: 2px;
}

.home-intro .title-box h2 .subtitel {color:var(--color-green-light);margin-bottom:0}
.home-intro .intro-content {    color: #fff;    font-family: var(--font-family-slab);    font-size: var(--font-size-24);}

.icon-row {margin-top:15px;justify-content:center;gap:60px;margin-bottom:15px;}
.home-column-box {line-height:1.4;text-align:center;font-family:var(--font-family);font-weight:700;color:var(--color-green);font-size:var(--font-size-20);padding:0;margin-bottom:30px;    width: 250px;}
.home-column-box .icon {margin-bottom:20px;justify-content:center}
.icon-row + .row {margin-top:15px;}

@media screen and (max-width:1250px){
	.icon-row {gap:0 30px;}
	.home-column-box {width:220px}
	
	.home-banner-slider .slick-dots {right:20px;}
	
}
@media screen and (max-width:992px){
	.home-column-box {font-size:16px;}
	.icon-row {margin-top:0;margin-bottom:0;}
	.home-column-box .icon {margin-bottom:15px;}
	.home-banner-holder h1 {font-size:var(--font-size-36)}
	.scrolldown {bottom:60px;}
}
@media screen and (max-width:767px){
	.scrolldown {width:30px;height:30px;}
	.home-intro .intro-content {font-size:var(--font-size-20)}
	.home-banner-slider .slick-dots {visibility:hidden}
	
}
@media screen and (max-width:600px){
	.home-column-box {width:100%}
	.home-banner-holder h1 {font-size:var(--font-size-28)}
	.home-intro .intro-content {font-size:var(--font-size-18)}
}


.home-images-row {position:relative}
.home-images-row img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;padding:0!important}
.home-images-row .single-content-min-height {padding:var(--padding-content);position:relative;z-index:10;}

.home-omgeving-1, .home-omgeving-1:before {background:var(--color-green)}
.home-omgeving-1:before{content:"";position:absolute;top:0;right:100%;height:100%;width:75px;}
.home-images-row .single-content-min-height.home-omgeving-1 {padding-right:90px;padding-left:15px;}

.home-images-row .home-omgeving-2, .home-images-row .home-omgeving-3 {width:480px;padding:90px 90px 45px}
.home-omgeving-2 {margin-left:auto;}
.home-omgeving-3 {margin-right:auto}
.omgeving-images-row-2 img:first-child {    padding: 0;    width: calc(50% - 480px);}
.omgeving-images-row-2 img:nth-child(3) {    padding: 0;    width: calc(50% - 480px);	right:0;left:auto}


.verblijven-images-row img {width:50%;left:auto;right:0;}
.verblijven-images-row .home-verblijven-1 {padding-left:15px;padding-right:90px;}

.verblijven-images-row-2 img:nth-child(3) {    padding: 0;    width: calc(50% - 480px);	right:0;left:auto}
.home-images-row .home-verblijven-3 {width:480px;padding:90px 90px 45px}
.home-images-row  .home-verblijven-2 {height:50%;margin-top:auto;padding:60px 90px 15px 20px;position:relative;z-index:10;}
.verblijven-images-row-2 img:first-child {width:50%;height:50%;}
.home-images-row .home-verblijven-2:before {width:50vw;height:100%;    background-color: var(--color-yellow);content:"";position:absolute;right:100%;top:0;}
.home-images-row.greenlight-background .home-verblijven-2:before {background-color:var(--color-light)}
.home-verhalen-row {position:relative;}
.home-verhalen-row img  {position:absolute;top:0;object-fit:cover;z-index:1;padding:0!important} 


.home-verhalen-row-1 .col-md-6 {margin-top:auto;padding:90px 90px  45px 15px}
.home-verhalen-row-1 img {max-width:720px;top:0;left:50%;height:100%;width:50%}

.home-verhalen-row-4 .col-md-6 {margin-top:auto;padding:90px 15px  45px 90px;margin-left:auto}
.home-verhalen-row-4 img {width:720px;top:0;right:50%;height:100%}

.home-verhalen-3 {position:relative;}
.home-verhalen-3 .verblijven-image-container {position:absolute;height:270px;width:100%;bottom:-127px;left:0;background-size:contain;background-repeat:no-repeat;z-index:2;}
.home-images-row .home-verhalen-3 {padding-bottom:127px}

.verhalen-label img {position:relative;width:100%;height:auto;left:0;}
.verhalen-label {width:90px;margin-bottom:30px;margin-left:auto;}

.wide-container {max-width:1950px}
.banner-blocks {position:relative;overflow:hidden;}
.banner-blocks:before, .banner-blocks:after {content:"";position:absolute;height:100%;width:50%;top:0;}
.banner-blocks:before {left:0;background:var(--color-green-light)}
.banner-blocks:after {left:50%;background:var(--color-yellow)}

.banner-blocks .row {position:relative;z-index:10;}

.banner-blocks .row > div {min-height:270px;padding:60px;display:flex;flex-wrap:wrap;}
.banner-blocks .row > div .btn{margin-top: auto;}
.banner-blocks h2 {font-size:24px;margin-bottom:15px;}
.banner-blocks h2:last-child {margin-bottom:0;}
.col-small {width:480px;background-size:cover;background-position:center center;display:flex;flex-wrap:wrap;}
.col-small h2 {color:#fff;width:100%}
.col-small .btn {margin-top:auto;}

.col-wide {width:calc(50% - 240px);}
.actie-label {text-transform:uppercase;    position: absolute;    width: 120px;    height: 120px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    z-index: 10;    color: var(--color-green-dark);    font-weight: 600;    text-align: center;    font-size: 14px;    line-height: 1.5;	bottom:90px;padding:25px;	left:calc(50% - 60px);background:var(--color-yellow)}
.actie-label:before {content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:1px dashed var(--color-green-dark);left:10px;top:10px;z-index:2}


.verblijven-images-row-2 .row {margin-left:-20px;margin-right:-20px;}


@media screen and (max-width:1350px){
	.banner-blocks .row > div {padding:60px 40px;}
	.col-small, .home-images-row .home-omgeving-2, .home-images-row .home-omgeving-3 {    width: 380px;}
	.col-wide {width:calc(50% - 190px);}
	.banner-blocks h2 {font-size:22px;}
	
	.home-images-row .home-omgeving-2, .home-images-row .home-omgeving-3 {    padding: 60px 40px 15px;}
	.omgeving-images-row-2 img:first-child, .omgeving-images-row-2 img:nth-child(3), .verblijven-images-row-2 img:nth-child(3) {  width: calc(50% - 380px);}
	.home-images-row .single-content-min-height, .home-images-row .home-verblijven-2 {padding-right:40px;}
	.home-images-row .home-verblijven-3 {    width: 380px;    padding: 60px 40px 15px;}
	
	.home-verhalen-row-1 .col-md-6 {    margin-top: auto;    padding: 60px 40px 15px 15px;}
	.home-verhalen-row-4 .col-md-6 {    padding: 60px 15px 	15px 40px;}
}
@media screen and (max-width:992px){
	.col-small {    width: 100%;}
	.col-wide {width:100%;}
	.banner-blocks .row > div {padding:40px 20px;}
	.banner-blocks .row {       margin-left: -20px;    margin-right: -20px;}

	.home-images-row .home-omgeving-2, .home-images-row .home-omgeving-3, .home-images-row .home-verblijven-3 {min-height:0;}
	.home-images-row .home-omgeving-2, .home-images-row .home-omgeving-3, .home-images-row .single-content-min-height.home-omgeving-1, .verblijven-images-row .home-verblijven-1, .home-images-row .home-verblijven-2, .home-images-row .home-verblijven-3 {    padding: 40px 20px 0px;}
	.home-images-row .single-content-min-height.home-omgeving-1, .verblijven-images-row .home-verblijven-1 {padding-top:60px;padding-bottom:20px;padding-right:25px;}
	.home-images-row .home-omgeving-2 .marginfix, .home-images-row .home-omgeving-3 .marginfix {margin-bottom:40px;}
	.omgeving-images-row-2 img:first-child, .omgeving-images-row-2 img:nth-child(3), .col-small, .home-images-row .home-omgeving-2, .home-images-row .home-omgeving-3, .home-images-row .home-verblijven-2, .home-images-row .home-verblijven-3 {  width: 100%;}	
	.omgeving-images-row-2 .row, .verblijven-images-row-2 .row {margin-left:-20px;margin-right:-20px;}
	
	.omgeving-images-row-2.home-images-row img, .verblijven-images-row-2 img:first-child, .verblijven-images-row-2 img:nth-child(3){position:relative;top:0;left:0;right:0;height:270px;width:100%}
	
	.home-intro {min-height:350px;}
	
	.home-verhalen-3 .verblijven-image-container {    height: 155px;    bottom: -75px;background-position:center right  }
	.home-images-row  .home-verblijven-3.home-verhalen-3 {padding-bottom:65px}
	
}
@media screen and (max-width:767px){
	.banner-blocks h2 {font-size:18px;}
	.home-images-row .single-content-min-height.home-omgeving-1, .verblijven-images-row .home-verblijven-1, .home-verhalen-row .single-content-min-height {min-height:0;}
	.home-images-row .single-content-min-height.home-omgeving-1, .verblijven-images-row .home-verblijven-1, .home-verhalen-row-1 .col-md-6, .home-verhalen-row-4 .col-md-6 {padding-top:40px;padding-bottom:00px;padding-right:20px;}
	.home-verhalen-row-4 .col-md-6 {padding-left:15px;padding-right:15px;}
	.home-images-row .row  {margin-left:-20px;margin-right:-20px;}
	.omgeving-images-row-1.home-images-row img, .verblijven-images-row  img, .home-verhalen-row-1 > img, .home-verhalen-row-4 > img {position:relative;top:0;left:0;right:0;height:270px;width:100%}
	.home-intro {min-height:270px;}
	.home-verhalen-row-1 > img {    max-width: none;}
	
	.verhalen-label {    position: absolute;    z-index: 10;    top: 20px;    right: 20px;margin:0;}
	.home-verhalen-row-4 .verhalen-label {top:110px;}
	.home-verhalen-3 .verblijven-image-container {    background-position:center left  }
	.home-verhalen-row-4 {padding-top:90px;}
}




/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.video-link {display:block;position:relative}

.video-link.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}

.video-link span {
	font-size: var(--font-size-14);
	font-family:var(--font-family);
    color: var(--color-green-dark);
    font-weight: 500;
    display: inline-block;
    line-height: 1;
    padding: var(--padding-buttons);
    background: var(--color-yellow);
    border-radius: 25px;
    text-align: center;
  	border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;text-transform:uppercase;
	position:absolute;
	 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);padding-right:50px;
}

.video-link span:before {content:"";position:absolute;  width: 0; 
  height: 0; 
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 8px solid #fff;top:calc(50% - 4px);right:20px;right: 18px;z-index:2;}
.video-link span:after {content:"";position:absolute;  width: 30px; 
  height: 30px; 
 border-radius:50%;background:var(--color-green-dark);top:calc(50% - 15px);right:8px;}
.video-link:hover span {background-color:#fff;}

.btn, .wpbs-form-submit-button button {
	font-size: var(--font-size-14);
	font-family:var(--font-family);
    color: #fff;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
    padding: var(--padding-buttons);
    background: var(--color-green-dark);
    border-radius: 25px;
    min-width: 150px;
    text-align: center;
  	border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;text-transform:uppercase;

}
.btn.yellow {background: var(--color-yellow);color: var(--color-green-dark);}
.btn:hover, .btn:focus, .wpbs-form-submit-button button:hover, .wpbs-form-submit-button button:focus {background: var(--color-yellow);color: var(--color-green-dark);} 

.yellow-background .btn:hover, .yellow-background .btn:focus, .btn.yellow:hover, .btn.yellow:focus {background: #fff;color:var(--color-green-dark)} 


.back-btn a {width:45px;height:45px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:10px;color:var(--color-green-dark);background:var(--color-light);border-radius:50%;margin-top:-15px;margin-left:auto;}
.back-btn a:hover, .back-btn a:focus {background:var(--color-green-dark);color:#fff}




.video-btn {position:relative;}
.video-btn span {
    display: inline-block;
    line-height: 1;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translate(0%, -50%);
    /* padding-right: 50px; */
}
.btn.video-btn {
    padding-right: 50px;
}
.video-btn span:before {content:"";position:absolute;  width: 0; 
  height: 0; 
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 8px solid #fff;top:calc(50% - 4px);right:20px;right: 18px;z-index:2;}
.video-btn span:after {content:"";position:absolute;  width: 30px; 
  height: 30px; 
 border-radius:50%;background:var(--color-green-dark);top:calc(50% - 15px);right:8px;}
.video-btn:hover span {background-color:#fff;}



@media screen and (max-width:767px){
	.btn {font-size:12px;}
	
	.back-btn a {margin-left:0;margin-bottom:30px;width:30px;height:30px;}
	
}


/*------------------------------------*\
    WCAG FOCUS
\*------------------------------------*/
  /* Strong focus for keyboard users; uses :focus-visible for accessibility */
  .card-link:focus-visible{
    outline: none;
    box-shadow:0 0 0 4px rgb(33 70 30 / 15%);
  }

.visually-hidden, .slick-next, .slick-prev {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

 @media (prefers-reduced-motion: reduce){
    .card-link, .card-link:hover { transition: none; transform: none; }
  }


/*------------------------------------*\
    CONTENTBLOCKS
\*------------------------------------*/
.txtimg-row:not(.content-row) .txtimg-row-content, .routes-row-content {padding:var(--padding-content-inner);}
.txtimg-row-content:not(.order-md-2){padding-right:90px!important}
.txtimg-row-content.order-md-2{padding-left:90px!important}

.txtimg-row {overflow:hidden}
.image-container {padding:0;}
.order-md-2 + .image-container > div {float:right}
.image-container > div {height:100%;width:50vw;position:relative;}

.full-image img, .grid-image img {height:100%;object-fit:cover;width:100%;position:absolute;top:0;left:0;}
.grid-image img {object-fit:contain;object-position:0}
.half-image img {width:50%;height:100%;top:0;left:0;position:absolute;object-fit:cover}
.half-image img:nth-child(2){left:50%}
.order-md-2 + .image-container > div.grid-image img {left:auto;right:0;width:auto;max-width:100%}

.image-container > div.container-image {width:100%;}
.container-image img {width:100%}
.content-row.txtimg-row .image-container:not(.order-md-2) {padding-left:15px}
.content-row.txtimg-row .image-container.order-md-2 {padding-right:15px}

.added-padding-top .txtimg-row-content{padding-top:60px;}

.slick-slide img {width:100%;height:auto;}

@media screen and (max-width:992px){
	.txtimg-row-content:not(.order-md-2){padding-right:45px!important}
	.txtimg-row-content.order-md-2{padding-left:45px!important}
	.added-padding-top .txtimg-row-content{padding-top:30px;}

}
@media screen and (max-width:767px){
	.txtimg-row-content:not(.order-md-2){padding-right:15px!important}
	.txtimg-row-content.order-md-2{padding-left:15px!important}

	
	/*.txtimg-row:not(.content-row) .image-container {
        padding: 0;
        order: 0;
        height: 270px;
        margin-left: -5px;
        width: calc(100% + 10px);
        max-width: none;
    }
	.txtimg-row:not(.content-row) .txtimg-row-content {order:1;}*/
	
		
	.txtimg-row .image-container {
        padding: 0;
        order: 0;
        height: 270px;
        margin-left: -5px;
        width: calc(100% + 10px);
        max-width: none;
    }
	.txtimg-row .txtimg-row-content {order:1;}

	.image-container > div {width:100%}
	.image-container {padding-right:15px;}
	.image-container > div {        height: 100%;        min-height: 100%;        margin: 0;    }
	.image-container > div.full-image, .image-container > div.half-image {height:100%;}
	.grid-image img, .order-md-2 + .image-container > div.grid-image img, .container-image img {width:100%;height:100%;object-fit:cover;object-position:center center;}
	.txtimg-row-content {padding: var(--padding-content-inner);}
	.content-row.txtimg-row .image-container:not(.order-md-2) {    padding-left: 0;}
	
	.txtimg-row .added-padding-top .image-container {height:auto;width:100%;margin-left:0;padding: 0 15px !important;}
	
}

/*Kolommen*/
.column-box h2 {font-family:var(--font-family);font-weight:700;color:var(--color-green);font-size:var(--font-size-20);margin-bottom:15px;margin-top:15px;}
.column-box .icon {display:flex;align-items:flex-end;}

.column-box {padding-left:30px;padding-right:30px;}
.columns-row {
    margin-left: -30px;
    margin-right: -30px;
}
@media screen and (max-width:1260px){
.columns-row {
    margin-left: -20px;
    margin-right: -20px;
}	.column-box {
    padding-left: 20px;
    padding-right: 20px;
}
}


/*Historie*/
.historie-row {position:relative;}
.historie-row-content {display:flex;align-items:center;}
.historie-row .title-box h2 {line-height:1;}

.historie-row .full-image {padding:0;width:50%;height:100%;object-fit:cover;position:absolute;top:0;}
.historie-row .full-image img {position:relative;}
.historie-row-1  .full-image {right:0;}
.historie-row-2  .full-image {left:0;}

.historie-row-content {    width: 480px;    margin-left: calc(50% - 480px);    padding: 60px;}
.historie-row-2 .historie-row-content {  margin-left: 50%;}
.historie-row .half-image {    position: absolute;    height: 100%;    z-index: 1;    left: 0;   width:calc(50% - 480px);  overflow: hidden;}
.historie-row-2 .half-image {left:auto;right:0;}
.historie-row .half-image img {    width: 100%;    height: 50%;left:0!important;}
.historie-row .half-image img:nth-child(2){top:50%}


@media screen and (max-width:1250px){
	.historie-row-content {    width: 300px;    margin-left: calc(50% - 300px);padding: 40px 40px 0;}
	.historie-row .half-image  {    width: calc(50% - 300px);}
}

@media screen and (max-width:767px){
	.historie-row .half-image img {	    width: 50%;    height: auto;}
	.historie-row .half-image img:nth-child(2) {    top: 0;}
	.historie-row .half-image {
        top: 0;
        left: auto;
        right: auto;
        width: calc(100% + 10px);
        min-height: calc(100% - 270px);
        position: relative;
        padding: 0;
        max-width: none;
        margin-left: -5px;
        display: flex;
        flex-wrap: wrap;
    }
	.historie-row-content {width:50%;margin-left:0;padding:40px 20px 0}
	.historie-row .half-image img {position:relative;}
	.historie-row-2 .historie-row-content {    margin-left: 0;}
	.historie-row .full-image {    position: relative;    height: auto;   width: calc(50% + 5px);        max-width: none;}
	.historie-row .full-image:first-child {margin-left:-5px;}
	.historie-row .full-image:last-child {margin-right:-5px}
}

@media screen and (max-width:600px){
	.historie-row .full-image:first-child, .historie-row .full-image:last-child {width:calc(100% + 10px);margin-left:-5px;}
	.historie-row-content {width:100%}
}



/*Quote img*/
.quote-image-row {position:relative;overflow:hidden}
.quote-container {    width: 480px;    margin-left: calc(50% - 480px); padding:0;  }
.quote-image-row-2 .quote-container {   margin-left:50%;}
.quote-container > div { padding: 60px 60px 90px;display:flex;flex-wrap:wrap;align-items:flex-end;height:100%;}
.quote-container > img + div {height:50%;}
.quote-container > img {width:100%;height:50%;object-fit:cover;}
.quote-image-row .full-image {padding:0;width:50%;height:100%;object-fit:cover;position:absolute;top:0;}
.quote-image-row .full-image img {position:relative;}
.quote-image-row-1  .full-image {right:0;}
.quote-image-row-2  .full-image {left:0;}
.quote-image-row .half-image {    position: absolute;    height: 100%;    z-index: 1;    left: 0;   width:calc(50% - 480px);  overflow: hidden;}
.quote-image-row-2 .half-image {left:auto;right:0;}
.quote-image-row .half-image img {    width: 100%;    height: 50%;left:0!important;}
.quote-image-row .half-image img:nth-child(2){top:50%}
.quote-image-row .half-image.full-height img {height:100%}
.quote-box {    font-size: var(--font-size-20);    color: var(--color-green);    font-weight: 700;    font-style: italic;}
.greenwhite-background .quote-box {color:#fff;}

@media screen and (max-width:1350px){
	.quote-container {    width: 300px;    margin-left: calc(50% - 300px);}
	.quote-image-row .half-image {    width: calc(50% - 300px);}
	.quote-box {font-size:18px}
	.quote-container > div {		padding: 40px;}

}
@media screen and (max-width:992px){
	    .quote-box {
        font-size: 16px;
    }
}
@media screen and (max-width:767px){
	.quote-image-row .full-image {position:relative;width:calc(100% + 20px);margin-left:-5px;height:270px;max-width:none;}
	.quote-container {width:50%;margin-left:0;}
	.quote-image-row .half-image {position:relative;left:auto;right:auto;}
	    .quote-image-row .half-image.full-height, .quote-image-row .half-image {
        top: 0;
        left: 0;
        width: 50%;
        min-height: calc(100% - 270px);
        position: relative;
        padding: 0;
    }
	.quote-image-row .half-image img {position:relative;}
	.quote-image-row-2 .quote-container {    margin-left: 0;}
	
	.quote-image-row .half-image.full-height:last-child {    top: 0;    left: 0;    width: 50%;    height:auto;}
	.quote-container > img {width:calc(100% + 5px);max-width:none;}
	.quote-container {min-height:270px;}
	
	.quote-image-row-2 .quote-container > img {        margin-left: -5px;}
	.quote-image-row .half-image {overflow:visible}
	.quote-image-row .half-image img {width:calc(100% + 5px);max-width:none}
	.quote-image-row .half-image:first-child img {float:right}
	.quote-image-row .half-image.full-height, .quote-image-row .half-image {
    height: auto;
}
	.quote-image-row .half-image img:nth-child(2) {
    top: 0;
}
	
}
@media screen and (max-width:600px){
	.quote-container > img {display:none;}
	.quote-image-row .half-image.full-height, .quote-image-row .half-image.full-height:last-child {top:0;position:relative;width:calc(100% + 20px);margin-left:0;height:270px;max-width:none;left:0;}
	.quote-image-row-2 .quote-container, .quote-container {    margin-left: 0;    width: 100%;    min-height: 0;}
	.no-quote {min-height:0;}
	.quote-container.no-quote > div {padding:0;}
	.quote-image-row .half-image.full-height, .quote-image-row .half-image {width:100%}
	    .quote-image-row .half-image img {
        width: calc(100% + 10px);
        max-width: none;
        margin-left: -5px;
    }
	.quote-image-row .half-image:first-child img {float:none}
	.quote-image-row .half-image:not(.full-height) img {width:50%;margin:0;}
	.quote-image-row .half-image:not(.full-height) {display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: calc(100% + 10px);
        margin-left: -5px;
        max-width: none;}
	
	.quote-container > div {padding:40px  15px}
	.quote-image-row .half-image:not(.full-height) img {        height: 270px;}
	.quote-container > img + div {    min-height: 50%;}
}

/*Routes*/
.routes-row {overflow:hidden}
.route-info {margin-top:30px;margin-bottom:20px;}
.route-info ul, .route-info li {padding:0;margin:0;list-style:none}
.route-info li {margin-bottom:10px;margin-right:60px;display:inline-block;font-weight:600;color:var(--color-green-dark)}
.route-info li:last-child {margin-right:0;}

.route-info li span {display:flex;align-items:center;font-size:14px;font-weight:400;margin-bottom:10px;color:var(--color-green-light)}
.route-info svg {margin-right:10px;}
.greenwhite-background  .route-info li span {color:#fff;}

.routes-image-container {width:480px;}
.routes-row-content {width:calc(100% - 480px)}
.routes-row .routes-row-content.order-md-2 + .image-container > div.grid-image img {    object-position: 100% center;}
.routes-row .routes-row-content:not(.order-md-2) + .image-container > div.grid-image img {    object-position: 0 center;}
.routes-image-container.image-container > div {    width: calc(480px + (50vw - 615px));}

.routes-row.green-background .route-info li span {color:#fff;} 

@media screen and (max-width:1241px){
	.routes-image-container.image-container > div {    width: 485px;}
}


@media screen and (max-width:992px){
	.txtimg-row-content:not(.order-md-2){padding-right:45px!important}
	.txtimg-row-content.order-md-2{padding-left:45px!important}
	.added-padding-top .txtimg-row-content{padding-top:30px;}
	
	
	.routes-row-content {    width: 60%;}
	.routes-image-container {    width: 40%;}
	.routes-image-container.image-container > div {width:calc(100% + 5px)}
	.route-info li {margin-right:30px;}
	.route-info {    margin-top: 15px;    margin-bottom: 10px;}

}
@media screen and (max-width:767px){
		.routes-row-content,
	.routes-image-container {    width: 100%;}
	
	.routes-row-content {order:2}
	.routes-image-container {order:0;        padding: 0 15px;}
	
	.routes-row .grid-image img, .routes-row .full-image img {position:relative;width:100%;height:auto;}
	.routes-image-container.image-container > div {width:100%}
	.routes-image-container.image-container > div.full-image {width:calc(100% + 40px);margin-left:-20px;}
	
	.txtimg-row-content:not(.order-md-2){padding-right:15px!important}
	.txtimg-row-content.order-md-2{padding-left:15px!important}
}



/*Mailing*/
.mailing-content-row {background:var(--color-green-light)}
.mailing-content-row .container {position:relative;padding-left:20px;padding-right:20px;}
.form-content {font-size:var(--font-size-14);font-style:italic}
.form-content span {font-weight:bold}
.mailing-image-container {    position: absolute;    bottom: 0;    transform: translateY(50%) translateX(100%);    right: 0px;    /* transform: translateX(75%); */    width: auto;    max-width: none;}

@media screen and (max-width:1780px){
	.mailing-image-container {		transform: translateY(50%) translateX(0%);max-width:200px;right:20px;}
}
@media screen and (max-width:992px){
	.mailing-image-container {max-width:170px;}
}
@media screen and (max-width:767px){
	.mailing-image-container {display:none}
}
/*Specificaties*/
.specificaties {max-width:510px;}
.specificaties ul, .specificaties li {padding:0;margin:0;list-style:none}
.specificaties ul {display:flex;flex-wrap:wrap;width:100%}
.specificaties > ul > li {display:block;border-bottom:1px solid var(--color-green-light);padding-bottom:8px;margin-bottom:8px;width:100%;}
.specificaties > ul > li:last-child {margin-bottom:0;}
.specificaties > ul > li li:first-child {width:130px;}
.specificaties > ul > li li:last-child {width:calc(100% - 130px);}
.specificaties-row .col-md-6 + .standaard-content {margin-top:15px;}
.specificatie-slider {margin-bottom:0!important;}
.specificatie-slider-holder {position:relative;}
.slider-triggers {width:auto;position:absolute;bottom:30px;right:45px;z-index:10;display:flex;flex-wrap:wrap;align-items:center;}
.prev-slide, .next-slide {width:45px;height:45px;background:#fff;color:#000;font-size:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;}
.slider-count {display:inline-flex;align-items:center;flex-wrap:wrap;margin:0 20px;font-size:16px;color:#fff;}


/*Tarieven*/
.tarieven-list ul, .tarieven li {padding:0;margin:0;list-style:none}
.tarieven-list ul {width:100%;display:flex;flex-wrap:wrap;}
.tarieven-list > ul > li {display:flex;width:100%}
.tarieven-list > ul > li li {width:33.33333%;padding-right:30px}
.alt-tarieven.tarieven-list > ul > li {border-bottom:1px solid #fff;padding-bottom:8px;margin-bottom:8px;}
.alt-tarieven.tarieven-list > ul > li:last-child {border:none;padding:0;margin:0;}
.alt-tarieven.tarieven-list > ul > li:first-child {font-weight:700}
.alt-tarieven.tarieven-list {font-size:var(--font-size-20);color:var(--color-green)}

.white-background  .alt-tarieven.tarieven-list > ul > li {border-color:#000}

@media screen and (max-width:767px){
	.alt-tarieven.tarieven-list {font-size:16px;}
	.tarieven-list > ul.no-titles > li li {    width: 50%;}

}
@media screen and (max-width:600px){
	.alt-tarieven.tarieven-list > ul > li:first-child {display:none}
	.tarieven-list > ul.with-titles > li li {width:50%;}
	.tarieven-list > ul.with-titles > li li:before {content:attr(data-title);margin-right:10px;font-weight:700;display:block}
	.tarieven-list > ul.with-titles > li li:first-child {width:100%;margin-bottom:5px;}
	
}

@media screen and (max-width:450px){
.tarieven-list > ul.no-titles > li li, .tarieven-list > ul.with-titles > li li {    width: 100%;}
	.tarieven-list > ul.no-titles > li > ul {margin-bottom:10px;}
	.tarieven-list > ul.no-titles > li > ul:last-cchild {margin-bottom:0;}
}


/*Icons*/
.with-label {position:relative;}
.image-container > div.image-label, .grid-label {text-transform:uppercase;
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    color: var(--color-green-dark);
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;top:45px;min-height:0;
	
}
div.image-label:before, .grid-label:before {content:"";position:absolute;width:130px;height:130px;border-radius:50%;border:1px dashed var(--color-green-dark);left:10px;top:10px;z-index:2}
.selected-label:before {display:none;}
.selected-label {background-color:transparent!important;background-size:contain;background-repeat:no-repeat;background-position:center center;}

.grid-label {position:relative;top:0;margin-bottom:30px;}
.grid-label.selected-label  {width:90px;height:90px;}
.order-md-2 .grid-label {margin-left:auto}

.image-container > div.image-label {right:0;}
.order-md-2 + .image-container > div.image-label {left:0;right:auto}

.image-container > div.image-label.image-label-image {    left: 60px;}
.order-md-2 + .image-container > div.image-label.image-label-image {    left: auto;right:60px}


.yellow-background div.image-label {background:var(--color-yellow)}
.green-background div.image-label{    background-color: var(--color-green-light);}
.white-background div.image-label, .greenlight-background div.image-label{    background-color: var(--color-green-dark);color:#fff;}
.white-background div.image-label:before, .greenlight-background div.image-label:before {border-color:#fff;}

.image-label-image:before {display:none;}
.image-label-image {width:90px!important;height:90px!important;background:none!important;border-radius:none;}



@media screen and (max-width:992px){

.image-container > div.image-label.image-label-image {
    left: auto;
    top: 20px;
    right: 20px;
}
}
@media screen and (max-width:767px){
	.row.added-padding-top {    position: relative;}
	.grid-label {    position: absolute;    top: 20px;    right: 35px;}
	
	
	
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {background:var(--color-green-dark);color:var(--color-light);font-size:var(--font-size-16);padding-top:45px;}

footer ul, footer li {padding:0;margin:0;list-style:none;}
footer h3 {font-family:var(--font-family-slab);font-size:var(--font-size-28);color:var(--color-green-light);margin-bottom:25px;}
.footer-top {padding-bottom:45px;}
.footer-top a {color:var(--color-light);text-decoration:none;}
.footer-top a:hover, .footer-top a:focus {color:var(--color-green-light);}
.footer-top li {margin-bottom:10px;}
.footer-top li:last-child {margin-bottom:0;}
.footer-top ul {margin-bottom:38px;}
.footer-top ul:last-child {margin-bottom:0;}
.footer-widget {width:20%;margin-bottom:30px;}


.footer-bottom {background:var(--color-yellow);padding:30px 0}
.footer-bottom ul, .footer-bottom li {padding:0;margin:0;list-style:none;}
.footer-bottom li {display:inline-block;}
.footer-bottom .col-md-4 {width:20%;order:2;}
.footer-bottom .col-md-8 {width:80%}
.footer-bottom .col-md-4 li {margin-right:15px;}
.footer-bottom .col-md-8 li {margin-right:70px;}
.footer-bottom .col-md-8 a {color:var(--color-green);}
.footer-bottom .col-md-8 a:hover {color:var(--color-green-dark);}
.socials a {    display: flex!important;    width: 30px;    height: 30px;    background: var(--color-green-dark)!important;    border-radius: 50%;    color: #fff!important;    align-items: CENTER!important;    justify-content: center!important;    font-size: 14px!important;}
.socials a:hover, .socials a:focus {background:#fff!important;color: var(--color-green-dark)!important;}
header .socials a:hover, header .socials a:focus {background:var(--color-yellow)!important;color: var(--color-green-dark)!important;}

@media screen and (max-width:992px){
	.footer {padding-top:30px;}
	footer h3 {font-size:21px;margin-bottom:20px;}
	footer, footer a {font-size:15px;}
	.footer-top ul {margin-bottom:25px;}
	.footer-top {		padding-bottom: 15px;	}
	.footer-bottom {padding:20px 0}
	.footer-bottom .col-md-8 li {margin-right:45px;}
}

@media screen and (max-width:767px){
	footer h3 {font-size:18px;margin-bottom:15px;}
	.footer-top {		padding-bottom: 0;	}
	.footer-widget {width:100%;position:relative;padding-bottom:20px;margin-bottom:20px;}
	.footer-widget:before {content:"";position:absolute;bottom:0;left:15px;width:calc(100% - 30px);height:1px;background:var(--color-light);opacity:.2}
	.footer-widget:last-child {padding-bottom:0;margin-bottom:30px;}
	.footer-widget:last-child:before {display:none}
	.footer-bottom .col-md-4 {width:100%;order:0;margin-bottom:20px;text-align:center}
	.footer-bottom .col-md-8 {width:100%;text-align:center;}
	.footer-bottom .col-md-8 li {margin-left:15px;margin-right:15px;margin-bottom:5px;}
	.footer-bottom .col-md-4 li {margin-left:7px;margin-right:7px;}
	.footer-bottom {padding:20px 0 15px}
	
	
}
/*------------------------------------*\
    BREADCRUMB
\*------------------------------------*/
.breadcrumbs {margin-bottom:45px;opacity:.35;}
.breadcrumbs, .breadcrumbs a {color:var(--color-green-light);font-size:var(--font-size-14);}
.breadcrumbs a:hover {color:#fff;}
.breadcrumbs p > span {margin-left:15px;}
.breadcrumbs span.icon-chevron-right {    font-size: 11px;margin:0 10px;}


@media screen and (max-width:992px){
	.breadcrumbs {margin-bottom:30px;}
}

@media screen and (max-width:767px){
	.breadcrumbs {display:none}
}


/*------------------------------------*\
    Header
\*------------------------------------*/
.visibility-hidden {visibility:hidden}
body:not(.home) main {margin-top:var(--header-height)}
body.error404 main {margin-top:0}
.header {padding-top:30px;height:var(--header-height);position:fixed;top:0;left:0;width:100%;background:#fff;z-index:500;}

.header-logo {width:231px;}
.header-logo a {display:block;position:relative;}

.header-hover {position:absolute;width:100%;background:#fff;top:0;left:0;height:100%;z-index:-1;}
.nav-container {position:relative;z-index:10;}
 


.header-language {margin-top:32px;
    width: auto;
}

.wpml-ls-legacy-dropdown-click a {position:relative;}
.wpml-ls-legacy-dropdown-click {    width: auto;    max-width: 100%;}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {    position: relative;    padding-right: 20px;width:95px;} 
.wpml-ls-legacy-dropdown-click a {    display: flex;    text-decoration: none;    color: var(--color-green-dark);    border: none;
    background-color: transparent;    padding: 0;    line-height: 1;    font-size: 18px;    text-transform: uppercase;    font-weight: 600;align-items:center;flex-wrap:wrap;}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    border: none;
    position: absolute;
    right: 0;
    top: 10px;
    content: "\e902";
    font-family: 'icomoon' !important;
    font-size: 5px;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
    display: inline;
    vertical-align: middle;
    order: 2;
    margin: 0 10px 0 40px;
    width: 25px;
    height: 25px;
    object-fit: cover;
    border-radius: 50%;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item {position:relative}
.wpml-ls-legacy-dropdown-click .wpml-ls-item:before {border:1px dashed var(--color-green-dark);width:45px;height:45px;border-radius:23px;position:absolute;content:"";top:-10px;right:20px}



.wpml-ls-legacy-dropdown-click .wpml-ls-item:hover:before{border:1px solid var(--color-green-dark);}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {background:none!important;}


.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {border:none;opacity:0;}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border-width: 0;
    color:transparent
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item:before {display:none}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border: none;
    padding-top: 5px;
}
.wpml-ls-legacy-dropdown-click .toggle-wpml:before {
	height: 76px;    border-style: solid;}
.wpml-ls-legacy-dropdown-click .toggle-wpml .wpml-ls-sub-menu {opacity:1;}


.wpml-ls-legacy-dropdown-click .wpml-ls-flag+span {
    position: absolute;
    margin: 0;
    top: calc(50% - 7.5px);
    left: 0;
}


				
.main-navigation {    width: auto;    margin-left: auto;margin-right:0}				
		
.main-navigation ul, .main-navigation ul li {  list-style: none;  margin: 0;  padding: 0;}
.main-navigation > ul > li {display:inline-flex;margin-left:30px;flex-wrap:wrap;align-items:center}		
				.main-navigation > ul > li:first-child {margin-left:0;}
.main-navigation li {  position: relative;}

.main-navigation a,
.main-navigation button {
  display: inline-block;
  background: none;
  border: none;
  color: var(--color-green-dark);
  text-decoration: none;
  font-size: 18px;
  padding: 10px 0 25px;font-weight:600;
  cursor: pointer;line-height:1;
}
.main-navigation button[aria-expanded="true"] > span{transform:rotate(180deg);display:block}

.main-navigation .sub-menu a {color:var(--color-green);padding:10px 0;display:inline-block;border-bottom:1px dashed var(--color-green);font-size:16px;font-weight:normal }				
				.main-navigation .sub-menu li {display:block;}			
.main-navigation button {
    font-size: 7px;
}
.main-navigation a:focus-visible,
.main-navigation button:focus-visible {  outline: 3px solid var(--color-green);  outline-offset: 2px;}
.main-navigation > .menu {    margin-top: 26px;}
/* Submenu basis */
.sub-menu {
  display: none;
  position: absolute;
  left: -20px;
  top: 100%;
  background: transparent;
  min-width: 240px;
  z-index: 1000;padding:0 20px!important
}
.sub-menu:after {content:"";}
.sub-menu.open {
  display: block;background:#fff;
}

li:hover > .submenu {
 background:#fff;
}
.submenu-toggle {
  font-size: 0.8rem;
  margin-left: 4px;
  color: #1a73e8;
}

.header-hover {
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}


.mobbtn-holder {margin-left:auto;width:45px;padding-right:0;display:none;padding-left:0;}

.mobbtn {border-radius:50%;width:45px;height:45px;position:relative;display:block;border:1px dashed var(--color-green-dark);cursor:pointer;        margin-top: 10px;background:none;}
.mobbtn.active-menu {border:1px solid var(--color-green-dark);}
.mobbtn span {width:22px;height:2px;background:var(--color-green-dark);position:absolute;left:11px;}
.mobbtn span:nth-child(1){top:16px;}
.mobbtn span:nth-child(2){top:21px;}
.mobbtn span:nth-child(3){top:26px;}
.mobbtn.active-menu span:nth-child(2){width:0;left:50%;}
.mobbtn.active-menu span:nth-child(1){transform:rotate(45deg);top:21px;}
.mobbtn.active-menu span:nth-child(3){transform:rotate(-45deg);top:21px;}

body:not(.home) .header:not(.active-header):after {content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;border-bottom:1px solid var(--color-light);z-index:10;} 
.header.active-header  .header-hover {border-bottom:1px solid var(--color-light)}
	
.home .header:not(.fixed-header):not(.active-header):not(.menu-open) {background:none;}
.home .header:not(.fixed-header):not(.active-header):not(.menu-open) .header-hover {background:none}

.home .header:not(.fixed-header):not(.active-header):not(.menu-open) .main-navigation > ul > li > a, .home .header:not(.fixed-header):not(.active-header):not(.menu-open) .main-navigation > ul > li > button {color:#fff;}

.home .header:not(.fixed-header):not(.active-header):not(.menu-open) .header-logo > img:first-child {opacity:0;}

.hover-image {position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}
.home .header:not(.fixed-header):not(.active-header):not(.menu-open) .hover-image  {opacity:1;}

.home .header:not(.fixed-header):not(.active-header):not(.menu-open) .wpml-ls-legacy-dropdown-click a {color:#fff;}
.home .header:not(.fixed-header):not(.active-header):not(.menu-open) .wpml-ls-legacy-dropdown-click .wpml-ls-item:before  {border-color:#fff;}


.home .header:not(.fixed-header):not(.active-header):not(.menu-open) .mobbtn {border-color:#fff;}
.home .header:not(.fixed-header):not(.active-header):not(.menu-open) .mobbtn span {background:#fff;}

.main-navigation .socials {display:none}


/* Hover-ondersteuning voor muisgebruikers */
@media (hover:hover)  and (min-width:978px){
  .menu-item:hover > .sub-menu {
    display: block;
  }
}

@media screen and (max-width:1250px)	{
	.header-logo {    width: 165px;}
	.main-navigation a, .main-navigation button {font-size:15px;padding-bottom:15px;}
	.main-navigation button {font-size:7px}
	.main-navigation .sub-menu a {font-size:14px}
	.wpml-ls-legacy-dropdown-click a {font-size:15px;}
	.header-language {		margin-top: 20px;}
	.main-navigation > .menu {    margin-top: 14px;}
	.header {padding-top:20px}
	.main-navigation > ul > li {margin-left:25px;}
	.main-navigation {    margin-right: 0;}
}			
@media screen and (max-width:1050px)	{
	.main-navigation {
    position: fixed;
       top: -100%;
    left: 0;
    background: #fff;z-index:-1;
    width: 100%;
    height: 100%;
    overflow: auto;padding-top:var(--header-height);opacity:0;padding-left:20px;padding-right:20px;padding-bottom:30px;}
	.home .header.menu-open:after, .home .header.fixed-header:after {content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;border-bottom:1px solid var(--color-light);z-index:10;} 

	
	.wpml-ls-legacy-dropdown-click .wpml-ls-flag + span {visibility:hidden;position:absolute;z-index:-99999;text-indent:-9999px;overflow:hidden}
	.wpml-ls-legacy-dropdown-click .wpml-ls-flag {    margin: 0;        margin-left: 8px;}
	.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {display:none}
	.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {    position: relative;    padding-right: 0;    width: 45px;}
	.wpml-ls-legacy-dropdown-click .wpml-ls-item:before {    top: -10px; right: 2px;}
	.mobbtn-holder {display:block;}
	
	.main-navigation {opacity:0;}
	.main-navigation.menu-open {top:0;opacity:1;}
	
	.header-logo {position:relative;z-index:100;}
	    .main-navigation .socials {        display: flex;        flex-wrap: wrap;        margin: 20px 0;        justify-content: center;    }

	.main-navigation > ul > li {display:flex;        justify-content: space-between;}
	.main-navigation > ul > li {margin-left:0;        border-bottom: 1px solid var(--color-light);}
	.main-navigation > ul > li:last-child {border-bottom:none;}
	.main-navigation a, .main-navigation button {
        font-size: 18px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
	.sub-menu {    position: relative;    left: 0;    top: 100%;    width: 100%;    min-width: 100%;    padding: 0 !important;margin-top:-5px!important;margin-bottom:-1px!important;background:#fff;}
	.sub-menu li:last-child {padding-bottom:20px;}	
	.nav-container {		position: initial;}
	.header-hover {height:100%!important}
	    .main-navigation > .menu {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
	.main-navigation button {font-size: 7px;    }
	
	.main-navigation {
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
	
	.main-navigation > ul.socials > li {display:inline-block;margin:0 7px;border:none;}
	
	
	
}


/*Skiplink*/
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #1a73e8;
  color: #fff;
  padding: 8px 16px;
  z-index: 100;
}
.skip-link:focus {
  top: 0;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/



::selection {
	background:var(--color-green-dark);;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-green-dark);;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-green-dark);;
	color:#FFF;
	text-shadow:none;
}






/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}