@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
body {overflow-x:hidden;  position: relative;   font-family: "Poppins", sans-serif;  font-optical-sizing: auto;  font-weight: 400; font-style: normal;  font-size:20px; line-height: 44px; background: #ffffff; margin: 0px; color:#1d1d1b;}

.grecaptcha-badge{right: -2000px !important;}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: .8; }
}


 .to-fade-in{transition: all 0.8s ease-out;  opacity: 0; position: relative; top: 50px;}
 .to-fade-in.fade_in { opacity: 1; top: 0px;}

*, *:before, *:after {box-sizing: border-box; margin: 0;  }
*:before, *:after {content:"";}
p {margin-top: 0px; margin-bottom: 20px}
.content p:last-child{margin-bottom: 0px}
.content p:last-child img.alignnone{margin-bottom: 0px;}
picture{display: block; line-height: 0px;}
.menu-item a:before{margin: 0px;}
a{color:#00a7a7; }
a:hover{color:#017171;}

a.button{display: inline-block; position: relative;text-decoration: none;color:#00a7a7; border: 1px solid #00a7a7;  line-height: 50px; padding: 20px 40px; font-weight: 700; font-size: 24px; }
a.button:hover{ background-color:#00a7a7; color:#fff;}

p.groene_kop{font-weight: 700; font-size: 33px; line-height: 52px; color:#00a7a7}


h1, h2, h3{font-weight: 700; font-style: normal; font-size: 60px; line-height: 66px;margin-top: 0px;margin-bottom: 30px; font-style: normal; }
h4{font-weight: 400; font-size: 20px; line-height: 26px;margin: 0 0 20px 0;}
.single-post strong{display: block;}

.grecaptcha-badge{right: -18600px !important;}

.content .button{margin-top: 30px;}


/*header*/
.header{width: 100%; padding:0; z-index: 2;}
.header_main{ width: 100%; max-width: 1630px; display: block;  margin: 0 auto; padding: 50px 20px 40px; position: relative}
.logo{margin-top: 0px;display: inline-block;width: 525px; }
.logo img{width: 100%; height: auto; display: block;}
.logo a{text-decoration: none; display: block;}


.toggle-menu{display: none; }

.mobile-menu{display: none; float: right; vertical-align: top; font-size: 22px; margin-top: 22px; margin-right: 20px}
.mobile-menu span{margin-right: 10px; font-size: 18px;}


/*menu*/
.nav{display: inline-block; float: right; padding-top: 54px; position: relative; vertical-align: top;  }
.nav .mobile_content{display: none;}
.nav div{display: block;}
.nav ul{display: block; list-style: none; margin: 0px; padding: 0px; }
.nav ul>li{display: inline-block; margin-left: 100px; position: relative}
.nav ul li.current_page_item a{color: #00a7a7}
.nav ul>li:first-child{margin-left: 0px;}
.nav ul>li>a{font-weight: 700; text-decoration: none; font-size:20px; line-height: 20px; color:#1d1d1b; display: block;}


/*main grid*/
.site-wrapper{margin: 0 auto;}
 #main_content{ z-index: -2}
.main-wrapper{display: block; max-width: 1920px; padding: 0; margin: 0 auto;}
.main-wrapper:after{display: table; content:""; clear: both;}
.page-wrapper{margin: 0px auto}

.row{display: block; position: relative; margin-bottom: 0px; scroll-margin-top: 80px; }
.top_geen{padding-top: 0px}
.top_klein{padding-top: 40px}
.top_groot{padding-top:110px}
.bottom_geen{padding-bottom: 0px;}
.bottom_klein{padding-bottom: 40px;}
.bottom_groot{padding-bottom: 110px;}


img.alignnone {float:none; margin: 0;}
img.alignleft {float:left; margin: 5px 10px 5px 0px;}
img.aligncenter {display:block; float:none; margin: 0px auto;}
img.alignright {float:right; margin: 5px 0 5px 10px;}

.row:after{content:""; display: table; clear: both;}
.col{float: left; position: relative;}
.col-3{width: 25%;}
.col-4{width: 33%;}
.col-6{width: 50%;}
.col-6.a{width: 45%;}
.col-6.b{width: 55%;}
.col-8{width: 75%;}
.col-12{width: 100%;}
.col-6:nth-child(1){padding-right: 20px; width: 43%;}
.col-6:nth-child(2){padding-left: 20px; width: 57%;}
.columns:after{display: table; clear: both; content:"";}
.container_wrapper{max-width: 1314px; padding: 0 20px; margin: 0 auto;}
.left_side{width: 43%; padding-right: 10px; display: inline-block}
.right_side{width: 57%; padding-left: 10px; display: inline-block}


/*fullscreen_foto*/
.fullscreen_foto {width: 100%; position: relative; color:#fff; font-weight: 500;}
.fullscreen_foto img{display: block; width: 100%; height: auto;}
.fullscreen_foto .image{position: relative; background-size: 0px}
.fullscreen_foto .image p{margin: 0px;}
body:not(.single-post) .fullscreen_foto .image:after{content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../layout/patroon2.png) no-repeat center top -1px; background-size: cover}
.fullscreen_foto .container_wrapper{width: 100%;position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);}


/*ankerblokken*/
.anker_blok{position: relative; width: 100%;}
.ankerblokken_container{width: 100%;}
.anker_blok .ankerblokken_wrapper{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 20px; grid-row-gap: 0px;  max-width: 930px; margin: 0 auto; padding: 30px 0;}
.anker_blok .ankerblokken_wrapper:before{display: none;}
.anker_blok .blok{opacity: .6; position: relative;}
.anker_blok .blok:hover{opacity: 1;}
.anker_blok .blok.active{opacity: 1}
.anker_blok .blok .image{display: block; height: 110px; position: relative; text-align: center}
.anker_blok .blok h3{color:#fff; font-weight: 700; font-size: 18px; line-height: 20px; text-align: center; margin: 0px;}
.anker_blok .blok a{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

/*wysiwyg dubbele wysiwyg*/
.wysiwyg, .dubbele_wysiwyg{position: relative; width: 100vw; left: 50%; transform: translateX(-50%);}
.dubbele_wysiwyg .col-6:nth-child(1) img{margin-top: 140px; max-width: 100%; height: auto}

.single-post .dubbele_wysiwyg .col-6:nth-child(1) img{margin-top: 0px; margin-bottom: 60px; width: 100%; height: auto}
.dubbele_wysiwyg .wysiwyg_wrapper:after{content:""; display: table; clear: both;}
.wysiwyg_container{background-size: cover; position: relative}
.wysiwyg_container.bg_color{padding: 100px 0px;}
.wysiwyg_container.bg_color.half{padding: 0px; margin-top: -60px;}
.wysiwyg_container.bg_color.half:before{width: 200vw; position: absolute; left: -50vw; content:""; height: 50%; bottom: 0px; background-color:#fdfff6 }

.wysiwyg_wrapper{position: relative;}
.wysiwyg_wrapper p:last-child{margin-bottom: 0px;}





.nieuwsitem_short{display: block; padding-bottom: 60px;}
.nieuwsitem_short:after{content: ""; display: table; clear: both;}
.nieuwsitem_short .col{display: inline-block; }
.nieuwsitem_short img{width: 100%; height: auto; display: block }
.nieuwsitem_short h3 {font-size: 40px; line-height: 50px;}
.nieuwsitem_short .content{padding-right: 60px;}
.page-navigation{text-align: center;}
.page-navigation-single{ margin-bottom: 110px;}
.page-navigation-single:after{display: table; clear: both; content:"";}
.page-navigation a, .page-navigation .current {display: inline-block; margin: 0 6px; color:#00a7a7; border: 1px solid #00a7a7; line-height: 52px; min-width: 52px; text-decoration: none; padding: 0 10px;}
.page-navigation a:hover{background-color:#00a7a7; color:#fff;}
.page-navigation .current {color:#1d1d1b; border: 1px solid #1d1d1b; }

ul {margin-bottom: 20px;}
.wysiwyg ul, .dubbele_wysiwyg ul{list-style: none; padding: 0 0 0 20px; }
.wysiwyg ul li, .dubbele_wysiwyg ul li{position: relative; }


ul.table_list{list-style: none; margin: 0 0 30px; padding: 0px;}
.table_list li{border-bottom: 1px solid #85b645; padding: 6px 0px;}
.table_list li:first-child{border-bottom: 3px solid #85b645; font-weight: 700; font-size: 20px;}
.video-container {position:relative; width: calc(100% + 160px); left: 50%; transform: translateX(-50%); max-width:1400px;  padding-bottom:56.25%;	height:0;	overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {	position:absolute;	top:0;	left:0;		height:100%;}







.footer{position: relative;background:#00a7a7;}

.footer-bottom{position: relative; color: #fff; position: relative; max-width: 1314px; margin: 0 auto;  padding: 100px 20px 60px; }
.footer-bottom .row{font-weight: 700}
.footer-bottom .groene_kop{color:#fff;}
.footer-bottom .row.contact h3{display: none;}
.footer-bottom  a{color:#fff; text-decoration: none;}
.footer-bottom p{margin-bottom: 30px;}
.footer .socials{margin: 0px 0 40px; }
.footer .socials a{margin-right: 10px;}
 .footer-bottom    p.groene_kop {font-size: 24px;   line-height: 42px;}


@media only screen and (max-width: 1300px)  {
 
 
 body {font-size:18px; line-height: 42px;}
 
 h1, h2, h3{font-size: 60px; line-height: 66px; margin-bottom: 20px; }
p.groene_kop{font-size: 30px; line-height: 53px;}

 /*header*/
.header_main{ padding: 30px 20px 20px; }
.logo{width: 425px; }

/*menu*/
.nav{padding-top: 34px;  }
.nav ul>li { margin-left: 60px;}
.nav ul>li>a{font-size:18px; line-height: 18px; }
 
 
}

@media only screen and (max-width: 1024px)  {
 body{margin-top: 95px; font-size:16px; line-height: 32px; position: relative}
 body:before{ transition: opacity .3s; width: 100vw; height: 100%; top: 0; left: -110%; background: #00a7a7; position: absolute; opacity: .0; z-index:2}
 body.nav-open:before{left: 0; opacity: .8;}
  h1, h2, h3{font-size: 40px; line-height: 46px; }
  p.groene_kop{font-size: 30px; line-height: 43px; position: relative; top: -11px;}
  
  a.button {line-height: 40px;  padding: 14px 30px;  font-size: 20px;}


  
 .logo{width: 325px; }
 .header{height: 95px; padding: 0; position: fixed; top: 0px; width: 100vw; background: #fff;}
 .header_main{ padding: 15px 20px 15px; }
 
.toggle_wrapper{cursor: pointer; background: #00a7a7; padding: 8px 6px; float: right; margin-right: 20px; top: 19px; position: relative;  z-index:2; transition: all .3s; line-height: 0;}
.nav-open .toggle_wrapper{background: #00a7a7;}
.toggle-menu{position: relative; display: inline-block; border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 30px; height: 22px;}
.toggle-menu:before,.toggle-menu:after {content:""; display: block; width: 100%; height: 2px; border-top: 2px solid #fff; position: absolute; top: 8px;}

.nav-open .toggle-menu{border: none;}
.nav-open .toggle-menu:before{transform: rotate(-45deg); top: 10px;}
.nav-open .toggle-menu:after{transform: rotate(45deg); top: 10px;}
 
 
 /*menu*/
.nav {transition:all .4s ease-out; display: block; opacity: 0; position: absolute;  background:#fff; right: -100%; top: 0px; height: 100vh;  width: calc(100% - 350px);  overflow-y: auto; margin: 0px; text-align: left; padding-top: 150px; padding-bottom: 150px;}
.nav-open .nav {display: block; right: 0px; opacity: 1;}
.nav .mobile_content{display: block;  text-align: center;width: 100%; margin: 50px auto 0px; padding: 30px 20px 0px; font-size: 16px;}
.nav .mobile_content .payoff{ font-size: 22px; line-height: 22px; display: block;}

.nav .mobile_content .block_wrapper, .nav .mobile_content .copyright{display: none;}
.nav ul{margin: 0px; display: block; padding: 0 20px 0 20px; }
.nav ul>li{height: auto; margin: 0px; padding:10px 0; display: block;}
.nav ul>li>a{font-size: 18px; line-height: 18px; }
.nav ul li{display: block;position: relative;}
.nav ul:after{display: table; clear: both;}
.nav ul>li.contact{display: none;}


/*Grid*/
.container_wrapper{padding: 0 30px;}
.remove_br br{display: none;}
.left_side,.col-6:nth-child(1){width: 30%;}
.right_side,.col-6:nth-child(2){width: 70%;}


/*fullscreen_foto*/

.fullscreen_foto img{display: block; width: 100%; height: auto;}


.dubbele_wysiwyg .col-6:nth-child(1) img{margin-bottom: 60px; width: 100%; height: auto}
/*projecten*/



.nieuwsitem_short .content{padding-right: 0px;}



.page-navigation-single{ margin-bottom: 110px;}
.page-navigation-single:after{display: table; clear: both; content:"";}
.page-navigation a, .page-navigation .current {display: inline-block; margin: 0 6px; color:#00a7a7; border: 1px solid #00a7a7; line-height: 52px; min-width: 52px; text-decoration: none; padding: 0 10px;}
.page-navigation a:hover{background-color:#00a7a7; color:#fff;}
.page-navigation .current {color:#1d1d1b; border: 1px solid #1d1d1b; }



 
}

@media only screen and (max-width: 768px)  {
 
 body{font-size:16px; line-height: 32px; margin-top: 80px;}
  .header{height: 80px;}
 .header_main{ padding: 15px 20px 0; }
  .logo{width: 255px; }
  .toggle_wrapper {float: right;    margin-right: 0px;  top: 9px; padding: 8px 6px;}
  .toggle-menu { height: 18px; width: 26px;    }
  .toggle-menu:before, .toggle-menu:after { height: 2px; border-top: 2px solid #fff;   position: absolute;    top: 6px; }
  .nav-open .toggle-menu:before, .nav-open .toggle-menu:after{top: 8px;}
  .nav  {top: 80px; width:80%; padding-top: 30px; padding-bottom: 120px;}
        
 h1, h2, h3{font-size: 28px; line-height: 34px;}



 /*header*/


.header_main:after{display: table; clear: both}


/*grid*/


.top_groot{padding-top:50px}
.bottom_groot{padding-bottom: 50px;}
.left_side,.col-6:nth-child(1){width: 100%;}
.right_side,.col-6:nth-child(2){width: 100%;}

.col-6{width: 100%;}
.col-6:nth-child(1){padding-right: 0px; padding-bottom: 5px;}
.col-6:nth-child(2){padding-left: 0px;}
.container_wrapper{padding: 0 20px;}

/*Fullscreen foto*/
body:not(.single-post) .fullscreen_foto .image:after {opacity: .3; background: url(../layout/patroon_mob.png) no-repeat center top -1px;  background-size: 100% auto;}

.fullscreen_foto .image{position: absolute; height: 100%; width: 100%; background-size: cover }
.fullscreen_foto .image img{display: none;}
.fullscreen_foto .container_wrapper{width: 100%; position: relative; bottom: auto; padding-top: 80px; }
.fullscreen_foto .container_wrapper .right_side{padding: 0;}

/*ankerblokken*/
.anker_blok .blok .image{display: block; height: 70px; position: relative; text-align: center}
.anker_blok .blok .image img{max-width: 60px;}

.col-6:nth-child(1) p.groene_kop br{display: none;}
.dubbele_wysiwyg .col-6:nth-child(1) img {margin: 40px 0;}



.nieuwsitem_short h3 {font-size: 28px; line-height: 34px;}
.nieuwsitem_short a.button, .single-post a.button{width: 100%; text-align: center; margin-top: 20px;    }
.single-post .dubbele_wysiwyg .col-6:nth-child(1) img {margin-bottom: 20px;}
.single-post .top_groot {  padding-top: 20px;    }
.single-post  .page-navigation-single div:nth-child(1){display: none;}

    .page-navigation a, .page-navigation .current { margin: 0 3px; border: 1px solid #00a7a7;  line-height: 32px;  min-width: 32px;   padding: 0 10px; }

.footer-bottom {padding: 40px 20px 40px;}
.footer-bottom .row { padding-left: 0; text-align: center    }
.footer-bottom .row  .col-6:nth-child(1) p.groene_kop br{display: block;}
.footer .socials{margin: 40px 0 0}
.footer .socials a {margin: 0 15px;}

}