.block .block-caption .block-ttl h2 a,
.block .block-caption .block-subtxt a,
.page-block-caption .page-block-txt p,
.page-block-caption .page-block-ttl.ttl-only h2,
#pageBlock1 .page-block-caption .page-block-name h1,
.page-block .page-block-caption h2,
.page-block .page-block-caption h2 a,
.page-block-caption .page-block-txt h3,
.page-block-caption .page-block-ttl h3 a,
.page-block-caption .page-block-txt li, .block .block-caption .block-txt ul li,
#pageBlock1 .page-block-caption .page-block-txt h4,
.block .block-caption .block-txt p, .block .block-caption .block-txt a, .block .block-caption .block-txt ul li,
.page-block-caption .page-block-ttl.ttl-only h2 a{
    color: #173936;
}
.page-block .page-block-caption h2{
    line-height: 1.1em;
}
a.menu-link,
a.childmenu.menu-link{
}
p b,
.btn-primary,
.btn-primary span{
}


#mainmenu li.menu-aanbod{
    margin-top: 15px!important;
}

#mainmenu  ul li.childmenu a{
    font-weight: 300!important;
}
#theBody .mainmenu .navbar{
    padding-left: 10px;
}

#topheadermessage{
    position: absolute; top:auto;   bottom: -70px; height: 70px; 
    left: auto; right: 0px; background: #E5BE95; width: 300px!important; padding: 15px  15px;;
    display: none;
}

#topheadermessage h2{
    width: 100%; float: left; top: 0px; left: 0px; margin:0px; padding: 0px; color: #163936; font-size: 14px; text-align: left;
}
#topheadermessage h2 a{
    color: #163936; text-decoration: none;
}
#topheadermessage h2 a:hover{
    color: #A2AE98; text-decoration: none;
}
#topheadermessage p{
    width: 100%; float: left; top: 0px; left: 0px; margin:0px; padding: 0px; color: #163936; font-size: 14px; text-align: left;
}
#topheadermessage.msg_1 p{
    text-align: center; font-size: 17px; font-weight:300;
}
#topheadermessage.msg_1 p b{
    font-weight:700;
}
#topheadermessage p a{
    text-decoration: none;
}
#topheadermessage p a:hover{
     color: #163936;
}

@media (max-width: 599px) {
    #topheadermessage{
        display: block; position: relative;
        width: 100%!important; top: 0px; height: 90px; /*background-image: url("../img/frame/arrow-right-green.svg"); background-repeat: no-repeat; background-size: 60px; background-position: 95% 80% ;*/
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; background-image: none;
    }
    #topheadermessage h2{
        font-size: 16px; text-align: left;
    }
    #topheadermessage.msg_1{
        display: flex; justify-content: center; align-content: center; align-items: center;
    }
}
@media (min-width: 600px) {
    #topheadermessage{
        display: block;
        width: 440px!important; bottom: -90px; height: 90px; /*background-image: url("../img/frame/arrow-right-green.svg"); background-repeat: no-repeat; background-size: 60px; background-position: 360px 70% ;*/
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    #topheadermessage h2{
        font-size: 20px; text-align: left; line-height: 33px;
    }
    #topheadermessage.msg_1{
        display: flex; justify-content: center; align-content: center; align-items: center;
    }
    #topheadermessage.msg_1 p{
        font-size: 20px;
    }
    
}


#ontourblock{
    background: #f7f0e4; display: flex; justify-content: center; padding: 30px 0px;
}
#ontourblock .page-block-image{
    width: 100%; display: flex; justify-content: center; padding: 0px;
}
#ontourblock .page-block-image{
    width: 100%; max-width: 400px;
}
.shrink #topheadermessage{
}
.woningzoeker #topheadermessage{
    opacity: 0; pointer-events: none;
}

#afteraanbod,
#afterfinance,
#afterverkoop{
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#footer_links .afterMenu{
    display: none!important;
}
#afterverkoop{
    display: none!important;
}
@media (max-width: 767px) {
    
	#afterfinance,
	#afterverkoop{
        display: none;
	}
}

@media (min-width: 768px) {
	#afteraanbod{
	}
    
    .shrink #header:hover{
        overflow: visible;
    }
}
@media (min-width: 991px) {
	#afteraanbod{
	}
}
.mainmenu ul li.active li.childmenu a{
}
.mainmenu ul li.active li.childmenu.active a{
}


h
h1,h2,h3,h4,h5,
a.menu-link,
a.childmenu.menu-link{
}
p{
    text-transform: none;
}

#pageBlock0 .page-block-header-caption .page-block-name h1,
#pageBlock0 .page-block-header-caption .page-block-intro h2{
    
}


.menuactive .logo .st0{
}
.menuactive .logo path{
}
.footer-logo-content{
    width: 100%; padding: 15px; text-align: center;
}
.footer-logo-content svg{
    width: 100px;
}
.nav-container{
    position: relative; float: left; width: 100%; background: #274845; height: 90px;
}

#theBody {
}
#wrapper,
#wrappercontent{
    background:none;
}
#wrappercontent{
    max-width: 1920px; margin-bottom: 30px;
}
.main-content{
    padding: 0px 0px;
}
.footer{
    background: none; color: #000000;  margin-top: 45px;   
}
.footer,
.home .footer{
    background: #ce8d4b;
}
.locatie .footer{
    background: #7f957d;
}
.zaanse-helden .footer{
    background: #935735;
}
.nieuws .footer{
    background: #ce8d4b;
}
.faq .footer{
    background: #ce8d4b;
}
.contact .footer{
    background: #ce8d4b;
}

.footer ul{
}
.footer ul li{
}
.footer ul li a{
}
.footer ul li.childmenu a{
}
.footer .socials{
}

.footer-address{
}
.footer-address h2{
    font-size: 40px;  line-height: 1em;
}
.footer-address p{
    font-size: 20px; text-transform: uppercase; margin-bottom: 10px;
}

.footer .menu-socials .social-icon{
    width: 100%; height: auto; margin: 0px; padding: 0px;
}
.footer .menu-socials .social-icon a{
    padding: 3px 0px !important; line-height: 20px;
}


.light .page-block-caption .page-block-txt h3{
    color: #d68428;    
}
.light .page-block-caption .page-block-txt p{
    color: #d68428;
}
.footer-menu2 .menu-link a{
    font-family: hero-new,sans-serif;
    font-weight: 700;
    font-style: normal;
}
.footer-menu2 .menu-link.menu-nieuws, .footer-menu2 .menu-link.menu-faq, .footer-menu2 .menu-link.menu-over-ons, .footer-menu2 .menu-link.menu-contact {
    width: auto!important;
    float: left!important;
    margin-right: 10px;
    margin-bottom: 30px;
}

.footer .actionblock{
    padding: 10px 30px;
}
.footer-logos-text{
     position: relative; float: left; width: 100%; top: 0px; left: 0px;
}
.footer-logos-content{
    height: 80px; position: relative; float: left; width: auto; top: 0px; left: 0px;
}
.footer-logos-content a{
    width: 50px; height: 80px; position: relative; top: auto; bottom: 0px; left: 0px; float: left;
}
.footer-logos-content img{
    width: 210px; height: auto; position: absolute; top: auto; bottom: 0px; left: 0px; float: left;
}
.footer-logos-content:nth-of-type(2) img{
    width: 100px;
}

@media (min-width: 768px) {
    .footer-menu2{
    }    
    .footer ul{ 
    }  
}


@media (min-width: 991px) {
    .footer-menu1,
    .footer-menu2{
        width: 50%; float: left;
    }
    .footer #footer_links ul{
        margin-top: 0px;
    }
    .footer .actionblock{
        width: 50%; float: right; padding: 0px 15px 45px 15px;
    }
    .footer-address{
    }
    .footer-address h2{
    }
    .footer-address p{
    }
    .footer-menu1{
    }
    .footer #footer_links ul li a{
    }
}
.footer-menu1 ul li{
}
.footer-menu2 .menu-link a{
}
.shrink .navbar-toggle{
}
.footer{
}

.shrink #header,
.folio-scroll #header{
}
.shrink .nav-container,
.folio-scroll .nav-container{
	pointer-events: all;
}
.shrink #menu-search,page-block-link
.folio-scroll #menu-search{
}
.shrink #header .logo,
.folio-scroll #header .logo{
}


.breadcrumb{
    background: none; padding: 0px; margin: 0px;
}
.breadcrumb a{
    line-height: 20px;
}

.btn-primary{
    width: auto; height: auto; min-height: 30px; background: none!important; z-index: 1; padding: 5px 20px 5px 20px; border-radius: 0px; position: relative; display: inline-block; border:1px solid #173936;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    color: #173936; text-transform: none;
}
.btn-primary span{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    z-index: 2; position: relative; line-height: 20px; padding: 0px; margin: 0px; font-size: 14px;
    font-weight: 300;
}
.btn-primary::before{
    position:absolute; display:block; background: #000000;
    width: 0%; height:2px; content: ' ';
    left: 50%; top: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; z-index: 1;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover{
	 border:1px solid #173936; color: #889A7F;
}
.btn-primary:hover span{
}
.btn-primary:hover::before{
}

.light .btn-primary{
    padding: 8px 25px;
    color: #ffffff;
}
.light .btn-primary span{
}
.light .btn-primary::before{
    display: none;
}

.btn-primary.btn-upload{
    padding: 8px 15px 8px 15px; margin-bottom: 5px;
    background: #000000!important;
}
.btn-primary.btn-upload span{
    color: #ffffff; font-size: 16px!important;
}



.btn-primary.scrolltop{
    left: 0px; top: 0px; margin-right: 30px;
    float: right; padding-top: 30px;
    border: 0px!important; background-color: none!important; background-image: url("../img/frame/arrow-up.svg")!important; background-repeat: no-repeat!important; background-position: center bottom!important;
    width: 30px; background-size: 10px!important; height:70px;
}
.btn-primary.scrolldown{
    float: right; padding-bottom: 30px;
    border: 0px!important; background-color: none!important; background-image: url("../img/frame/arrow-down.svg")!important; background-repeat: no-repeat!important; background-position: center top!important;
    width: 30px; background-size: 10px!important; height:70px;
    position: absolute; top: auto; bottom: 10px; left: auto; right: 15px;
}

.btn-primary.scrolltop:hover,
.btn-primary.scrolldown:hover{
     background-size: 14px!important;
}
.btn-primary.scrolltop::before,
.btn-primary.scrolldown::before{
    display: none;
}

.btn-primary.scrolltop span,
.btn-primary.scrolldown span{
    display: none;
}


.btn-primary.scrolltop img{
    width: 100%;
}

.shrink .btn-primary.scrolltop{
    opacity: 1;
}


.color-8 .btn-primary{
    border:1px solid #ffffff;
}
.color-8 .btn-primary span{
    color: #ffffff;
}

.page-block.pageHeader{
    width: 100%; margin: 0px 0px 10px 0px; padding: 0px!important;
}
.page-block.pageHeader .page-block-image{
    width: 100%; padding: 0px; margin: 0px;
}
.page-block.pageHeader .page-block-caption{
    background:rgba(0,0,0,0.7); position: absolute; width: 50%; min-width: 300px; top: auto; left: auto; bottom: 30px; right: 0px;
}
.page-block.pageHeader .page-block-caption h2,
.page-block.pageHeader .page-block-caption h2 a,
.page-block.pageHeader .page-block-caption p,
.page-block.pageHeader .page-block-caption p a{
    color: #ffffff; padding: 0px; margin: 0px 0px 5px 0px;
}
.page-block.pageHeader .page-block-caption h2{
    font-size: 22px;
}
.page-block.pageHeader .page-block-caption p{
    font-size: 12px;
    margin-bottom: 10px;
}

#menu-search{
	display: block;
	display: none;
}
#SearchModal{
}
#menu-search.in #SearchModal{
}
#menu-search.in img.closesearch{
	opacity: 1;
}
#menu-search.in img.opensearch{
	opacity: 0;
}

.page-block-caption-head{
}
.second-page-block-ttl{
    display: none;
}
#pageBlock0,
.page-block.header-video{
    padding: 0px; margin-bottom: 0px;
}
#pageBlock0 .page-block-page_image,
.page-block.header-video .page-block-page_image{
    padding: 0px;
}

#pageBlock1_replacer .page-block-caption-head,
#pageBlock1 .page-block-caption-head{
    display: block; padding-bottom: 0px;
}
.page-block-caption .page-block-txt{
}
.page-block-caption .page-block-ttl.ttl-only h3,
.page-block-caption .page-block-ttl.ttl-only h2{

}

.card-deck{
    padding: 0px 15px;
}
.card-img-top{
    border-radius: 0px;
}
.card{
    border: 0px solid #656565;
    border-radius: 0px;
}
.card-img-overlay h2{
    font-size: 18px; padding: 0px; margin: 0px;
    color: #ffffff;    
}

.page-block .page-block-caption .page-block-txt h2{
}

hr{
    color: #656565; background-color: #656565;
}

#pageBlock2.page-block .page-block-caption p {
    color: #945833;
    text-align: center;
    font-weight: 300;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    line-height: 1;
}




.block-list.waarom-wonen-in-de-zaanse-helden .page-block-caption,
.block-list.tips-en-services .page-block-caption {
    background: #ECE1CE; width: 100%; margin: -30vw 0px 45px 0%; margin-bottom: 45px!important; padding-left: 0px;
}
.block-list.waarom-wonen-in-de-zaanse-helden .page-block-caption .page-block-ttl,
.block-list.tips-en-services .page-block-caption .page-block-txt {
    padding-left: 100px;
}

.block-list.waarom-wonen-in-de-zaanse-helden .page-block-caption .page-block-ttl h2,
.block-list.tips-en-services .page-block-caption .page-block-ttl h2 {
    padding: 30px 0px;
}
/*.block-list.tips-en-services .page-block-caption .page-block-ttl h2 {
    padding: 30px 0px 0px 0px;
}*/
.block-list.waarom-wonen-in-de-zaanse-helden .page-block-caption .page-block-module,
.block-list.tips-en-services .page-block-caption .page-block-module{
    padding: 0px;
}

.block-list.page-block{
    margin-top: 0px;
}
.block-list.page-block .page-block-extra-txt{
    text-align: center; margin-top: 45px;
}

.block-list.page-block .card{
	border: 0px; border-radius: 0px; background: none; margin: 0px 0px 30px 0px
}
.block-list.page-block .card .card-img-overlay{
	position: relative;
}
.block-list.page-block .card-header{
    padding: 15px 30px 0px 100px;  background: none; border: 0px solid #000000; min-height: 80px;
}
.block-list.page-block .card-header h4{
    position: absolute; width: 80px; height: 80px; background: #E8B98D; color: #ffffff; font-size: 30px; text-align: right; padding: 15px; line-height: 50px;
    top: 0px; left: 0px;
}
.block-list.page-block .card-header h4 a{
    text-decoration: none; width: 100%; position: relative; float: left; color: #FF4656;
}
.block-list.page-block .card-header h4 a.collapsed{
	background-image: url("../../futurefaces/img/icons/arrow-grey.svg"); color: #656565;
}

.block-list.page-block .card-body{
	padding: 5px 30px 30px 30px;
}
.block-list.page-block .card-title{

	padding: 15px 0px 5px;
}
.block-list.page-block .card-title .block-image{
	position: absolute; top: 30px; left: 30px; width: 45px;
}
.block-list.page-block .card-title .block-image svg{
	width: 100%;
}
.block-list.page-block .card-title h2{
	padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px;
}
.block-list.page-block .card-text{
	margin: 0px 0px 0px 0px;
}


.light.block-list.page-block .card-header h4 a.collapsed{
	color: #ffffff;
}
.light.block-list.page-block .card-title h2,
.light.block-list.page-block .card-text p{
    color: #ffffff;
}




.large-quote.page-block{
    padding: 0px!important;
}
.large-quote.page-block .page-block-image{
    padding-bottom: 0px;
}
.large-quote.page-block .page-block-caption{
    position: absolute; top: 0px; bottom: 0px; padding: 30px 30px;
}
.large-quote.page-block .page-block-caption .page-block-link{
    display: none;
}
.large-quote.page-block .page-block-caption .page-block-ttl h2{
    width: 100%; padding: 0px; margin: 0px; line-height: 1.4; 
    text-align: right; font-size: 16px;
}
.large-quote.page-block .page-block-caption .page-block-ttl h3{
    width: 50%; padding: 0px; margin: 0px; line-height: 1.4; 
}
.large-quote.page-block .page-block-caption .page-block-ttl h2,
.large-quote.page-block .page-block-caption .page-block-ttl h2 a,
.large-quote.page-block .page-block-caption .page-block-ttl h3,
.large-quote.page-block .page-block-caption .page-block-ttl h3 a{
    color: #000000; text-decoration: none;
}
.large-quote.page-block .page-block-caption .btn-primary{
    position: absolute; bottom: 0px; top: auto; left: 15px;
}


#welkom.large-quote.page-block .page-block-caption,
.welkom.page-block .carousel-item .block-caption,
#header-daktuin.large-quote.page-block .page-block-caption{
    position: absolute; bottom: 0px; top: auto; padding: 30px 30px 30px 50%;
}

@media (max-width: 768px) {
.home .welkom.page-block .carousel-item .block-caption,
.home #welkom.large-quote.page-block .page-block-caption{
    bottom: auto; top: 90px;
}
}
@media (min-width: 1200px) {
.home #welkom.large-quote.page-block .page-block-caption,
.home .welkom.page-block .carousel-item .block-caption{
    max-width: 70%;
}
#welkom.large-quote.page-block .page-block-caption,
.home .welkom.page-block .carousel-item .block-caption{
    max-width: 70%;
}
}
#welkom.large-quote.page-block .page-block-caption .page-block-ttl h2,
#header-daktuin.large-quote.page-block .page-block-caption .page-block-ttl h2,
.home .welkom.page-block .carousel-item .block-caption .block-ttl h2{
    color: #ffffff; font-weight: 500;
    text-align: left;
}
#welkom.large-quote.page-block .page-block-image,
#header-daktuin.large-quote.page-block .page-block-image{
    width: 100%;
}



.fullscreenvideo{
	background: #ffffff!important;padding: 0px!important;
}
.fullscreenvideo .page-block-caption .page-block-txt p{
	font-family: headfont; font-size: 16px; line-height: 1.1;
}
.fullscreenvideo .page-block-caption .page-block-ttl h2,
.fullscreenvideo .page-block-caption .page-block-ttl h2 a{
	font-family: regularfont; font-size: 14px;
}
.fullscreenvideo .page-block-caption{
    background: rgba(255,255,255,0.5); padding-top: 40px!important;   
}

.video .volume-off,
.video .volume-on{
    background: #FF4656; border-radius: 50%; padding: 8px 10px; width: 40px; height: 40px;
    color: #ffffff; font-size: 14px; position: absolute; top: 25px; left: 25px;border:2px solid #ffffff;
    display: none;
}
.video .volume-off{
    display: none; z-index: 2;
}
.video .volume-on{
    display: none; z-index: 2;
}
#videoContainer{
    position: relative; overflow: hidden; opacity: 1; pointer-events: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
#videoContainer.playing{
    opacity: 1; pointer-events: all;
}
#videoContainer .video{
  width: 100%;
}

#videoContainer iframe {
    width: 100%; position: relative; float: left;
	height: 56.25vw;
    max-height: 1080px;
}

.header-video .page-block-caption{
    position: absolute; top: auto; bottom: 0px; background: rgba(164,177,165,0.7);
    width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.header-video .page-block-caption.playing{
    top: 0px; bottom: auto;
}
.header-video .page-block-caption .page-block-ttl.ttl-only{
    background: url("../img/btns/btn-icon-white.svg"); background-position: left center; background-size: contain;
    background-repeat: no-repeat; padding-left: 30px;
}
.header-video .page-block-caption .page-block-ttl.ttl-only h2,
.header-video .page-block-caption .page-block-ttl.ttl-only h2 a{
    font-weight: 500; font-size: 14px; color: #fff; margin: 0px; padding: 0px; line-height: 2em;
}
.header-video .page-block-caption{
    position: absolute; top: auto; bottom: 0px; background: rgba(164,177,165,0.7);
    width: 100%;
}

.header-video .page-block-link{
    position: absolute; top: 50%; margin-top: -75px;
    width: 100%; left: 0px; text-align: center;
}
.header-video .page-block-link h2{
    color: #ffffff; font-weight: 500; font-size: 20px;
}
.header-video .page-block-link img{
    width: 50px;
}


.medium-quote.page-block{
	padding: 0px 30px 15px 30px; max-width: 800px; z-index: 2;
}
.medium-quote.page-block .page-block-caption{
	position: relative; top: 0px; left: 0px; width: 100%; padding: 30px 0px 30px 0px;
} 
.medium-quote.page-block .page-block-caption .page-block-txt p{
	font-size: 18px; line-height: 1.4; padding-bottom: 0px; margin-bottom: 0px;
    font-weight: 200;
}
.medium-quote.page-block .page-block-caption .page-block-ttl h2,
.medium-quote.page-block .page-block-caption .page-block-ttl h2 a{
	font-size: 22px;
}
.medium-quote.page-block .page-block-caption .page-block-txt p,
.medium-quote.page-block .page-block-caption .page-block-ttl h2,
.medium-quote.page-block .page-block-caption .page-block-ttl h2 a{
	color: #707070;
}
.medium-quote.page-block .page-block-caption .page-block-ttl h2,
.medium-quote.page-block .page-block-caption .page-block-ttl h2 a{
    text-align: center;
}
.medium-quote.page-block .page-block-caption .btn-primary{
    width: 100%; text-align: center; border: 0px;
    padding: 0px 0px 90px 0px
}
.medium-quote.page-block .page-block-caption .btn-primary span{
    font-weight: 300;
}
.medium-quote.page-block .page-block-caption .btn-primary::after{
    background: url("../img/btns/btn-icon.svg"); background-size: contain; background-repeat: no-repeat;
    width: 40px; height: 68px; content: ''; display: block; position: absolute; top: 36%; left: 50%; margin-left: -20px;
}

.small-quote.page-block{
    margin: 0px 0px;
    width: calc(100%); padding:0px;
}
.small-quote.page-block .page-block-image{
    width: 100%!important;
}
.small-quote.page-block .page-block-page_image{
    width: 100%!important;
}
.small-quote.page-block .page-block-caption{
    position: absolute; top: auto; bottom: 0px;
	padding: 15px 30px!important;
}
.small-quote.page-block .page-block-caption .page-block-link{
}
.small-quote.page-block .page-block-caption .page-block-ttl h2{
    width: 100%; padding: 0px; margin: 0px; line-height: 1.2; 
    font-size: 30px; text-align: left; 
    font-weight: 200;
    color: #ffffff;
}
.small-quote.page-block .page-block-caption .page-block-ttl h2 a{
    color: #ffffff;
}
.small-quote.page-block .page-block-caption .page-block-ttl h2::before {
}
.small-quote.page-block .page-block-caption .page-block-ttl h2::after {
}

.small-quote.page-block .page-block-caption .page-block-ttl h3{
    width: 50%; padding: 0px; margin: 5px 0px 0px 0px; line-height: 1.4; 
}
.small-quote.page-block .page-block-caption .page-block-ttl h2,
.small-quote.page-block .page-block-caption .page-block-ttl h2 a,
.small-quote.page-block .page-block-caption .page-block-ttl h3,
.small-quote.page-block .page-block-caption .page-block-ttl h3 a,
.small-quote.page-block .page-block-caption .page-block-txt p{
    color: #ffffff; text-decoration: none;
}

.small-quote.page-block .page-block-caption .page-block-link .btn-primary{
    color: #ffffff; border: 0px; padding: 0px;
}

.carousel-item img{
    width: 100%;
}

.page-block.color-6 .page-block-caption p{
    color: #df9d4f;
}
.page-block.color-7{
    background: #ece1ce;
}
.page-block.color-8{
    background: #CCD3CD;
}

.small-quote.color-88888 .page-block-caption{
    background: rgba(224,157,79,0.8);
  background-blend-mode: multiply;
} 
.small-quote.color-99999 .page-block-caption{
    background: rgba(0,0,0,0.1);
  background-blend-mode: multiply;
} 
.small-quote.color-1000000 .page-block-caption{
    background: rgba(141,169,133,0.8);
  background-blend-mode: multiply;
} 


.page-block.sideblock .justanimageblock{
    padding: 15px 15px 0px 15px!important;
}
.page-block.sideblock .small-quote.page-block{
    width: calc(100% - 30px); margin-left: 15px; margin-top: 15px;
}

.page-block.gallery{
    padding: 0px; margin: 0px 0px 0px 0px!important;
}
.page-block.gallery .page-block-caption{
    position: absolute; background: rgba(255,255,255,0.6); padding: 30px!important;
}
.page-block.gallery .zoom-icon{
    width: 20px; margin: 15px; float: right;
}
a.lbox span{
    float: right; line-height:33px; position: relative; font-weight: 500; padding-left: 10px;
}
a.lboxzoom{
    position: relative; margin: 15px 15px; float: left;
    display: none;
}
a.lboxzoom img{
    width: 30px;
}

.sfeerstrip .page-block-module{
    padding: 0px 15px; display: flex; gap: 30px 15px;
} 
.sfeerstrip .page-block-module .block-image{
    padding: 0px 0px;
} 


.page-block.gallery .lightbox .page-block-caption{
    display: none;
}


.nieuws #pageBlock1{
    display: none;
}
.block.news{
    margin: 15px 0px 15px 0px;
}
.block.news .block-caption .block-btns{
    display: none;
}
.block.news .block-caption .block-subtxt{
   padding: 15px 0px 15px 30px;
}


.page-menu-container{
    display: none;
}


.justanimageblock{
    flex-basis: 100%; padding: 15px 0px 0px 0px;   
}

@media (max-width: 600px) {
}
@media (min-width: 600px) {
    

    .large-quote.page-block .page-block-caption .page-block-ttl h2{
        font-size: 20px;
    }
    .page-block.small-quote.page-block{
    } 
    .page-block.small-quote.page-block .page-block-image,
    .page-block.small-quote.page-block .page-block-image img,
    .page-block.gallery .page-block-caption .page-block-txt p{
        text-shadow: 1px 1px #fff;
    }
    .page-block.gallery .page-block-image{
        width: 60%;
    }
    .page-block.gallery .page-block-caption{
        width: 40%; right: 0px; left: auto;
    }
    

    .block.news .block-image{
        width: 50%; float: right; margin: 0px 30px;
    }
    .block.news:nth-of-type(2n) .block-image{
        float: left;
    }

    .justanimageblock{
        width: 50%; padding: 15px 0px 0px 0px;
        margin: 0px 0px; z-index: 1;
    }
    .page-block.art-block{
        padding-top: 200px; margin-top: -200px; z-index: 0;
    }
    
    .page-block.justanimageblock .page-block-image,
    .page-block.justanimageblock .page-block-image img{
        
    }
    
}

#pageBlockPage{
    display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;
    gap: 0px;
}

@media (min-width: 768px) {
    
.block-list.waarom-wonen-in-de-zaanse-helden .page-block-caption .page-block-ttl,
.block-list.waarom-wonen-in-de-zaanse-helden .page-block-caption .page-block-txt ,
.block-list.tips-en-services .page-block-caption .page-block-ttl,
.block-list.tips-en-services .page-block-caption .page-block-txt {
    padding-left: 135px!important;
}
    
    .block-list.waarom-wonen-in-de-zaanse-helden .page-block-caption,
    .block-list.tips-en-services .page-block-caption {
         width: 70%; margin: -30vw 0px 0px 30%;
    }
    .block-list.page-block .card-header{
        padding: 45px 10% 0px 135px;  background: none; border: 0px solid #000000; min-height: 80px;
    }
    .block-list.page-block .card-header p{
        font-size: 16px;
    }
    .block-list.page-block .card-header h4{
        width: 105px; height: 105px; line-height: 100px; margin-top: 0px;
    }
    #pageBlockPage{
        display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;
        gap: 0px;
    }
    
    .page-block.small-quote.page-block{
    } 
    .large-quote.page-block .page-block-caption .btn-primary{
        left: 45px;
    }
    .page-block.gallery .page-block-caption .page-block-ttl h2{
        font-size: 30px;
    }
    .page-block.gallery .page-block-caption .page-block-txt p{
        font-size: 16px;
    }
    .page-block.gallery .lightbox .page-block-caption{
        position: fixed; background: none; width: 60%; right: 30px; left: auto; top: 175px;
        z-index: 500001; display: block;
    }
    .block.news .block-image{
        width: 33.33%;
    }
    .block.news:nth-of-type(2n) .block-image{
    }
    
    .header-video .page-block-link h2{
        color: #ffffff; font-weight: 500; font-size: 20px;
    }
    
    .medium-quote.page-block{
        padding: 0px 45px 15px 45px; float: none;
    }
    .medium-quote.page-block .page-block-caption .page-block-txt p{
        font-size: 30px; padding: 0px 60px;
    }
    
    
    .page-block.justanimageblock{
        flex-basis: 50%; padding: 15px 30px 0px 0px;
        margin: 0px 50% 0px 0px; z-index: 1;
    }


    #welkom.large-quote.page-block .page-block-caption,
    #header-daktuin.large-quote.page-block .page-block-caption{
        padding: 30px 30px 90px 45%;
    }
    #welkom.large-quote.page-block .page-block-caption .page-block-ttl h2,
    #header-daktuin.large-quote.page-block .page-block-caption .page-block-ttl h2{
        font-size: 40px;
    }
    #welkom.large-quote.page-block .page-block-image,
    #header-daktuin.large-quote.page-block .page-block-image{
    }
}
.gm-style-iw-d h3{
    font-size: 16px!important;
}
.gm-style-iw-d p{
    font-size: 12px!important;
}


.gm-ui-hover-effect{
    border: 0px solid #000000!important; display: none!important;
}
.gm-style-iw-d{
    padding-bottom: 15px!important;
}

@media (min-width: 991px) {
    .page-block.small-quote.page-block{
        padding: 0px;
    } 
    .large-quote.page-block .page-block-caption .btn-primary{
        left: 150px;
    }
    .page-block.gallery .page-block-image{
        width: 100%; padding-left: 150px;
    }
    .page-block.gallery .page-block-caption{
        display: none;
    }
    .page-block.gallery .lightbox .page-block-caption{
       display: block; width: 660px;
    }
    .page-block.gallery .page-block-caption .page-block-ttl h2{
        font-size: 34px;
    }
    .page-block.gallery .page-block-caption .page-block-txt p{
        font-size: 18px;
        text-shadow: 1px 1px #fff;
    }
    .page-block.gallery .page-block-module{
        padding: 0px!important;
    }
    .medium-quote.page-block .page-block-caption .page-block-txt p{
        font-size: 34px;
    }
    .block.news .block-caption{
        width: 70%;
    }
    .block.news .block-image{
        width: 30%; margin: 0px; float: right!important; padding: 30px 0px 0px 30px;
    }
    .block.news .block-caption .block-ttl h2{
        font-size: 30px; margin-bottom: 30px;
    }
    
    
    .page-block.justanimageblock{
        
    } 
    
}

@media (max-width: 990px) {
    
}
@media (min-width: 1280px) {
    .block-list.page-block .card{
        min-height: 120px;
    }
    .block-list.page-block .card-header{
        padding: 45px 0% 0px 135px;  background: none; border: 0px solid #000000; min-height: 80px;
    }
    .block-list.page-block .card-header p{
        font-size: 20px;
    }
    
    .medium-quote.page-block{
        max-width: none;
        padding-left: calc(50% + 0px);
        padding-right: 5%;
    }
    .page-block.justanimageblock{
        flex-basis: 100%; padding-right: calc(50% + 30px); margin: 0px;
    }
    .page-block.sfeerstrip{
        width: 90%;
        margin-top: 30px;
    }
    
    
}
@media (min-width: 1920px) {
    
    .block-list.waarom-wonen-in-de-zaanse-helden .page-block-caption,
    .block-list.tips-en-services .page-block-caption {
         width: 70%; margin: -570px 0px 0px 30%;
    }
    
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.card-header h4 a{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.page-block.centered{
    text-align: center;
}
.page-block.centered .page-block-caption .page-block-ttl h3,
.page-block.centered .page-block-caption .page-block-ttl h2,
.page-block.centered .page-block-caption .page-block-txt p,
.page-block.centered .page-block-caption .page-block-link{
    text-align: center;
}
.page-block.centered .page-block-image{
    width: 100%; padding: 0px 20%;
}
.page-block.centered .page-block-caption{
    width: 100%;
    background-image: url("../img/icons/icon-white.svg"); background-position: center 10px ; background-repeat: no-repeat; background-size: 50px;
    padding-top: 105px;
}
.page-block.centered .page-block-caption .page-block-ttl{
    width: 100%;
}

._default.page-block{
    margin: 0px 0px;
}

._default .page-block-page_image{
    padding: 0px 15px 15px 15%;
}
._default .page-block-image{
}
.page-block-caption .page-block-txt td,
#pageBlock1 .page-block-caption .page-block-txt p,
.page-block._default .page-block-caption .page-block-txt p{
    margin: 0px 0px 15px 0px;
}
.page-block._default .page-block-caption .page-block-txt h3{
    text-align: left; padding: 15px 0px 0px 0px; font-size: 14px;
}

#pageBlock1  .page-block-caption .page-block-txt h2:nth-of-type(2){
    margin-top: 30px;
}


.page-block-caption .page-block-txt td,
.page-block-caption .page-block-txt li,
.block .block-caption .block-txt ul li{
	font-size: 12px;
}
#pageBlock1 .page-block-caption .page-block-txt p,
.page-block._default .page-block-caption .page-block-txt p{
	font-size: 12px;
}
#pageBlock1 .page-block-caption .page-block-txt h4,
.page-block._default .page-block-caption .page-block-txt h4{
	font-size: 14px; margin-bottom: 10px;
}

#pageBlock1 .page-block-caption .page-block-txt p{
}

.page-block.newsletter{
    background: #A2AE98;
    color: #173936;
    padding: 30px 15px;
}
.page-block.newsletter .page-block-caption .page-block-ttl.ttl-only h2,
.page-block.newsletter .page-block-caption .page-block-ttl.ttl-only h3{
    text-align: center;
    font-size: 24px;
}

#form_newsletter_container{
    position: relative; width: 100%; float: left;
}

#newsletter{
    margin: 0px;
}
#newsletter .page-block-caption{
    display: flex; justify-content: center;
}



#mc_embed_signup{
    font-family: hero-new, sans-serif!important;
    width: 100%; max-width: 400px; margin: 0px; background: none!important;
}
#mc_embed_signup form{
    padding: 0px!important;
}
#mc_embed_signup .indicates-required{
    margin-right: 0px!important;
}
#mc_embed_signup .mc-field-group{
    width: 100%!important;
}
#mc_embed_signup .mc-field-group label{
    font-family: hero-new, sans-serif;
    font-weight: 300; color:#404040;
}
#mc_embed_signup .mc-field-group label.mainlable{
    font-weight: 500; width: 100%; margin-top: 5px;
}
#mc_embed_signup input{
    border: 1px solid #ffffff!important; color: #ffffff; background: none!important;
}
#mc_embed_signup .asterisk{
    color: #000000!important;
}
#mc_embed_signup .mc-field-group.input-group input{
    margin-top: 2px!important;
}
#mc_embed_signup .button{
    background: #ffffff!important; color: #404040!important; float: right;
}

.alert-success{
	background: #889a80; color: #ffffff; padding: 45px!important; max-width: 500px;
    color: #173936;
}
.alert-success a{
    color: #ffffff;
}
.alert-success h1{
    color: #ffffff; margin-bottom: 15px;
}
.form-group.has-error{
    color: #F83470;
}

.page-block.cta-center {
    padding-top: 30px;
    padding-bottom: 30px;
}

.page-block.cta-popup {
    position: absolute; top: 30px; left: 0%; width: 100%; height: auto; background: #ffffff; z-index: 19999;
	overflow-y: scroll;
}
.cta-popup_bg {
    position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: rgba(0,0,0,0.8);  z-index: 500;
}
.page-block.cta-popup .page-block-image{
    padding: 0px 20% 15px 20%;
}
.page-block.cta-popup .page-block-caption{
    padding: 15px;
}
.page-block.cta-popup .page-block-caption .page-block-ttl h2{
    font-size: 16px; text-align: left;
}
.page-block.cta-popup .page-block-caption .page-block-txt p,
.page-block.cta-popup .page-block-caption .page-block-txt ul li{
    color: #000000; font-size: 12px!important;
}
.page-block.cta-popup .close{
    color: #000000; font-size:2.5rem; margin-right: 15px; opacity: 1;
}
.page-block.cta-popup .page-block-link{
    margin: 15px 0px 30px 0px; text-align: center;
}

.page-block.cta-popup .page-block-link .btn-primary{
    background: none!important; border: 1px solid #ffffff;
}
.page-block.cta-popup .page-block-link .btn-primary span{
    color: #ffffff; text-transform: none;
}
.page-block.cta-popup .page-block-link .btn-primary:hover span{
    color: #ffffff;
}


#pageBlock1 .page-block-caption .page-block-name{
}
#pageBlock1 .page-block-caption .page-block-name h1{
    font-size:22px;  margin-bottom: 15px;  margin-top: 0px; width: 100%;
}

.contact #pageBlock1 .page-block-caption .page-block-name{
}


@media (min-width:350px) and (max-height: 575px){
    #pageBlockPage{
        min-height: 450px;
    }
}

#menuvideo,
.inline-video video{
    position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%;
}

#menuvideo{
	display: none; opacity: 0;
}
.menuactive #menuvideo{
	display: block;
}
.menuactive #header{
}
#theBody .menu-hamburger .mainmenu{
}


@media(min-width:768px) {
  
    
}
@media(min-width:991px) {
  
    
}



@media (max-width: 768px){
	#theBody.menuactive .logo,
	#theBody.menuactive.home .logo{
	}
}

@media (min-width: 576px){
    .card-deck .card {
        flex: 100%; margin-bottom: 30px;
    }
}
@media(min-width:600px) {
}
@media(min-width:700px) {
}
@media(min-width:768px) {
    
	#theBody .menu-hamburger #aftermen.afterMenu{
        position: absolute; top: 7px; left: 130px;
    }
	#theBody .menu-hamburger #afterwomen.afterMenu{
        position: absolute; top: 43px; left: 190px;
    }

	#mainsection{
        margin-top: 0px;
        padding: 0px 0px 0px 0px;
    }
    .footer{
        padding: 60px 30px 0px 30px;
    }
    .breadcrum{
        padding-left: 30px; padding-bottom: 0px;
    }
    .page-block{
        padding: 0px 0px 0px 0px;
    }
	.page-block-caption .page-block-ttl h2{
        margin-top: 15px;
	}

    #pageBlock0{
    }
    #pageBlock1 .page-block-caption .page-block-name{
    }
    #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 28px;
    }
    .main #pageBlock1 .page-block-caption .page-block-name h1,
    .development #pageBlock1 .page-block-caption .page-block-name h1{
        margin-top: 80px;
    }
    
    .card-deck{
        padding: 0px 45px;
    }
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
	.page-block-module{
		padding: 0px 0px;
	}
	._default.page-block{
        padding: 0px;
	}
	._default.page-block .page-block-image{
	}
	._default.page-block .page-block-caption{
		width: 100%; margin-left: 0%; padding: 0px 45px 0px 45px;
	}
	._default.page-block.with_block_image .page-block-caption{
		width: 70%; margin-left: 0%; padding: 0px 30px 0px 45px; float: left;
	}
    ._default.page-block .page-block-caption .page-block-txt{
        margin: 0px;
    }
    ._default .page-block-page_image{
        padding: 0px 30px 15px 40%;
    }
    ._default .page-block-image{
        margin: 0px 30px 0px 0px!important;
        padding-left: 0px;
        width: calc(30% - 30px);
        float: right;
    }
    .page-block._default .page-block-caption .page-block-txt p{
        
    }
    .page-block._default .page-block-caption .page-block-txt h3{
        text-align: left; padding: 15px 0px 0px 0px; font-size: 16px;
    }
	.detail-content #pageBlock0{
	}
	.detail-content #pageBlock2{
	}
	.detail-content #pageBlock3{
	}
	.detail-content #pageBlock3 .page-block-caption{
	}
    .card-deck{
        padding: 0px 30px;
    }
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
    .card-deck .card.team {

    }
    
    .page-block.cta-popup{
		position: fixed;
        width: 560px; left: 50%; margin-left: -280px; height: 700px; top: 50%; margin-top: -350px; padding: 15px 15px!important;
    }
    .page-block.cta-popup .page-block-link .btn-primary {
    }
    .page-block.cta-popup .page-block-caption{
        padding: 15px 15px;
    }
    .page-block.cta-popup .page-block-link{
        margin-top: 0px;
    }
    
    ._default.page-block.header-video .page-block-caption{
        padding: 15px 45px;
    }
    .header-video .page-block-caption .page-block-ttl.ttl-only{
        padding-left: 60px;
    }
    .header-video .page-block-caption .page-block-ttl.ttl-only h2, .header-video .page-block-caption .page-block-ttl.ttl-only h2 a{
        font-size: 20px; line-height: 4em;
    }
    .page-block.newsletter,
    ._default.page-block.newsletter{
    }
    #pageBlock0 .page-block-header-caption .page-block-name h1{
        font-size: 36px;
        margin-top: 90px;
    }
    
}

@media (min-width:768px) and (max-height: 575px){
    #pageBlockPage{
        min-height: 450px;
    }
}

@media(max-width:767px) {
    .page-block.cta-popup {
        position: fixed; top: 30px; height: calc(100vh - 60px); overflow-y: scroll; padding: 0px; max-height: 680px;
    }
    .page-block.cta-popup .page-block-image{
        padding: 0px 20% 5px 20%; margin-bottom: 15px;
    }
    .page-block.cta-popup .page-block-link{
        margin-top: 0px;
    }
    .page-block.cta-popup .page-block-caption .page-block-ttl h2{
        font-size: 40px;
    }
    .page-block.cta-popup .page-block-caption .page-block-txt p{
        font-size: 18px;
    }
    
    
}

@media(max-width:567px) {
    .page-block.cta-popup .page-block-caption .page-block-ttl h2{
        font-size: 30px;
    }
    .page-block.cta-popup .page-block-caption .page-block-txt p{
        font-size: 16px;
    }
}

@media(min-width:768px) and (max-height:700px) {
	.page-block.cta-popup{
        height: 100vh; top: 0%; margin-top: 0px; overflow-y: scroll;
    }
}

@media(max-width:990px) {
    
    .page-block.sideblock{
        width: 100%; height: 300px; overflow: hidden; padding: 0px!important; margin-bottom: 15px;
    }
    .page-block.sideblock .page-block-module{
        position: absolute; top: 0px; height: 100%; left: 0px; width: auto;
        display: flex;
        flex-wrap: nowrap;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .page-block.sideblock .page-block-module .page-block{
        height: 100%; width: auto; float: left; padding: 0px!important; margin: 0px 7.5px!important; max-width: none;
    }
    .page-block.sideblock .page-block-module .page-block .page-block-image,
    .page-block.sideblock .page-block-module .page-block .page-block-image img{
        height: 100%; width: auto;
    }
    .page-block.sideblock .page-block-module .page-block .page-block-caption{
        min-width: 250px;
    }
    .page-block.sideblock .page-block-module #newsletter.page-block .page-block-caption{
        margin-top: 30%;
    }
    
}


@media(min-width:991px) {
    .topheader.actionblock{
        width: 70%; padding: 30px 50px 15px 45px;
    }
    .topheader.actionblock h2{
        font-size: 16px; margin-right: 0px;
    }
    .topheader.actionblock p{
        font-size: 16px; flex-grow:2; text-align: right;
    }
    
    .main-content{
        padding: 0px 30px 0px 30px;
    }
    .page-block{
        width: 100%; border: 0px solid #000000!important; float: none;
        padding: 0px 0px;
    }
    .page-block.secondary_column{
        width: 100%; float: right;
    }
    .page-block.sideblock{
        padding: 150px 0px 0px 0px; margin: 0px;
    }
    .page-block.sideblock .page-block-module{
        padding: 0px; margin: 0px;
    }
    
    .page-block.header-video,
    #pageBlock0{
        padding: 0px;
        /*padding-left: 150px;*/ 
        /*margin-bottom: 15px;*/
    }
    
    
    #pageBlock1{
    }
    
    #footer_links{
    }
    ._default .page-block-page_image{
        padding: 0px 0px 15px 30%;
    }
    #pageBlock1 .page-block-caption{
    }
    ._default.page-block .page-block-caption{
    }
    .page-block.sideblock .page-block{
        width: calc(100% - 30px); padding: 0px!important;
        margin: 15px 15px 0px 15px!important;
        height: auto!important;
    }
    .page-block.sideblock .page-block.westfield-mall{
        width:calc(81% - 30px); float: left;
    }
     .page-block.sideblock .page-block.small-quote.page-block .page-block-image,
     .page-block.sideblock .page-block.small-quote.page-block .page-block-image img,
     .page-block.sideblock .page-block.justanimageblock .page-block-image,
     .page-block.sideblock .page-block.justanimageblock .page-block-image img{
        height: auto; width: 100%;
    }

    
    .home .page-block.sideblock{
    }
    ._default .page-block-image{
        margin: 0px!important; width:30%;
    }
    
    .page-block.sideblock #newsletter.page-block{
        margin-top: 45px!important; margin-bottom: 45px!important;
    }
    
    .main #pageBlock1 .page-block-caption .page-block-name h1,
    .development #pageBlock1 .page-block-caption .page-block-name h1{
    }
    #pageBlock1_replacer .page-block-caption,
    #pageBlock1 .page-block-caption{
    }
    #pageBlock1_replacer .page-block-caption-head,
    #pageBlock1 .page-block-caption-head{
    }
    .block-list.page-block .card{
		width: 100%; float: left;
	}	
    .block-list.page-block .content-card{
		position: absolute; top: 0px; left: 50%;
	}
	.page-block-module{
		width: 100%; float: right; margin-top: 0px;
	}
    
    
    .page-block.centered .page-block-caption{
        width: 100%; padding: 180px 20% 45px; background-size: 80px;
    }
    
    .page-block.newsletter,
    ._default.page-block.newsletter{
        padding: 45px 15px;
    }
    ._default.page-block .page-block-caption{
    }
    
    #newsletter._default.page-block .page-block-caption{
    }
    #mc_embed_signup{
    }
    #pageBlock0 .page-block-header-caption .page-block-name h1{
        font-size: 46px;
        padding-top: 0px;
    }
    
}


@media (min-width:991px) and (max-height: 650px){
    #pageBlockPage{
        min-height: 500px;
    }
}


@media(min-width:1200px) {
    
    .page-block{
        padding: 0px 0px 0px 0px;
    }
    
    .pagetop.actionblock p,
    .mainmenu ul li a{
        font-size: 14px;
    }
    .page-block-caption .page-block-ttl h2, .page-block-caption .page-block-ttl.ttl-only h2 ,
    .page-block .page-block-caption h2,
    .block.news .block-caption .block-ttl h2,
    .small-quote.page-block .page-block-caption .page-block-ttl h2,
    .medium-quote.page-block .page-block-caption .page-block-ttl h2, .medium-quote.page-block .page-block-caption .page-block-ttl h2 a,
    #mainsection.detail-item #pageBlock1 .page-block-caption .page-block-txt h2, #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 34px;
    }
    
    .medium-quote.page-block .page-block-caption .page-block-txt p{
        font-size: 44px;
    }
    
    .page-block.art-block .page-block-caption .page-block-ttl h2{
        font-size: 50px; line-height: 44px;
    }
    
    .medium-quote.page-block .page-block-caption .btn-primary span{
        font-size: 22px;
    }
    #pageBlock1 .page-block-caption .page-block-name h1{
        margin: 15px 0px 30px;
    }
    p,
    .page-txt ul li,
    .page-block-caption .page-block-txt p,
    .detail-content .page-txt-intro p,
    .page-txt p,
    .detail-content .page-txt h2,
    .detail-content .page-txt h3,
    .block .block-caption .block-txt p,
    #pageBlock1 .page-block-caption .page-block-txt p, .page-block._default .page-block-caption .page-block-txt p,
    .page-block-caption .page-block-txt td, .page-block-caption .page-block-txt li, .block .block-caption .block-txt ul li{
        font-size: 14px;
    }
    #pageBlock1 .page-block-caption .page-block-txt h3, .page-block .page-block-caption .page-block-txt h3{
        font-size: 20px;
    }
    .page-block .page-block-caption .page-block-txt h2{
        font-size: 26px;
    }
    
}
@media(min-width:1440px) {
}

@media(max-width:600px){
}
@media(min-width:768px)  and (min-height: 500px) {
}
@media(min-width:1000px)  and (min-height: 600px) {
}
@media(min-width:1280px) {
   
}

@media(min-width:1440px) {
    
    .footer{
        padding: 0px 0px;
    }
    .footer .container{
        padding: 0px 30px;
    }
    .models  #mainsection,
    .namesearch  #mainsection{
        max-width: none; margin-left:0px;
    }
    
    
    .breadcrum{
        padding-left: 45px;
    }
    .page-block .page-block-caption{
        padding: 15px 45px 15px;
    }
	._default.page-block .page-block-caption{
	}
    .page-block-module{
        padding: 0px 60px;
    }
    .nieuws .page-block-module{
        padding: 0px 15px; max-width: 1450px;
    }    
    .home .page-block .page-block-caption h2,
    #mainsection.detail-item #pageBlock1 .page-block-caption .page-block-txt h2,
	#pageBlock1 .page-block-caption .page-block-name h1{
	}
    
    #showsitems .block .block-caption .block-ttl h3, #showsitems .block .block-caption .block-txt h3,
    #showsitems h4,
    .card .card-title h2,
    #mainsection.detail-item #pageBlock1 .page-block-caption .page-block-txt h3,
    .card-img-overlay h2{
        font-size: 24px;
    }
	.home #shoplinks.page-block .page-block-txt p a,
    .page-block-caption .page-block-subttl h3 p{
		font-size: 16px;
	}
    
    p,
    .block .block-image .block-ttl h2, .block .block-image .block-ttl h2 a,
    .page-txt ul li,
    .page-block-caption .page-block-txt p,
    .detail-content .page-txt-intro p,
    .page-txt p,
    .detail-content .page-txt h2,
    .detail-content .page-txt h3,
    #pageBlock1 .page-block-caption .page-block-txt p, .page-block._default .page-block-caption .page-block-txt p,
    .page-block-caption .page-block-txt td,
    .card .card-title h3,
	.card .card-text p,
	.page-block-caption .page-block-txt p{
		font-size: 20px; line-height: 1.4;
	}
    
    .block .block-caption .block-txt p,
    .page-block-caption .page-block-txt li, .block .block-caption .block-txt ul li{
        font-size: 16px;
    }
    .home .page-block-caption .page-block-txt li{
        font-size: 20px;
    }
    
	.page-block._default .page-block-caption .page-block-txt h3,
    .page-block-txt p a.btn-primary,
    .btn-primary span{
		font-size: 18px;
	}
    
    .intern-pagemenu li a.page-hash-link,
    .small-quote .page-block-caption .page-block-ttl h2,
    .small-quote .page-block-caption .page-block-ttl h2 a{
    }
    
    
    .card-body .btn-primary,
	.page-block-link .btn-primary{
	}
    .card-body .btn-primary::after,
	.page-block-link .btn-primary::after{
	}
	
    .card-img-overlay{
    }
	._default.page-block .page-block-caption{
	}
    
    #pageBlock0 .page-block-header-caption .page-block-name h1 {
        font-size: 56px;
        padding-left: 0px;
        width: 60%;
    }
    
}

@media(min-width:1920px) {

    #wrappercontent{
        margin-left: calc(50vw - 960px);
    }

}

.show-image {
}
.show-image:hover {
  -webkit-animation: none;
}
.short-animate {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.long-animate {
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

.lightbox {
  position: fixed;
  top: -30px;
  left: 0;
  right: 0;
  background: rgba(255,255,255, 0);
  z-index: 50001;
  opacity: 0;
    pointer-events: none;
    display: flex; justify-content: center;
}

.lightbox:target {
  top: 0%;
    height: auto;
  opacity: 1;
    pointer-events: all;
}

.lightbox:target::before {
  position: fixed; content: ''; display: block;
  top: 0px; left: 0px;
width: 100%; height: 100%;
  background: rgba(255,255,255, 0.6);
}

.lightbox img {
  position: relative;
  margin: auto;
  /*top: 100px;
  left: 30px;
  right: 30px;*/
  margin: 60px 30px 30px 30px;
  /*width: calc(100% - 60px);*/
  max-height: 0%;
    filter: drop-shadow(0px 0px 5px #999);
}
.light-prev, .light-next {
  pointer-events:none;
  position: absolute;
  height: 30px;
  width: 30px;
  top: 50%;
  left: 0;
  z-index: 50002;
  background: rgba(255,255,255, 0);
  margin-top: 50px;
}
.light-prev img, .light-next img{
    width: 0px!important;
}
.light-next {
    left: auto;
    right: 0;
}

.light-prev-btn {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 25px;
  width: 25px;
  text-indent: -5000px;
  right: 0px;
  top: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.light-prev-btn:before {
  content: '';
  display: block;
  position: absolute;
  height: 12px;
  width: 1px;
  left: 0px;
  top: 0;
  background: #000000;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}
.light-prev-btn:after {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 1px;
  top: 12px;
  left: 1;
  background: #000000;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

.light-next-btn {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 25px;
  width: 25px;
  text-indent: -5000px;
  right: -2px;
  top: 5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.light-next-btn:before {
  content: '';
  display: block;
  position: absolute;
  height: 12px;
  width: 1px;
  left: 12px;
  top: 1px;
  background: #000000;
  border-radius: 0px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}
.light-next-btn:after {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 1px;
  top: 12px;
  left: 0;
  background: #000000;
  border-radius: 0px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

#quick-lightbox-nav{
    position: fixed; max-width: 1440px; opacity: 0;
    height: 40px;
    width: 100%;
    top: 105px;
    margin-top: -8px;
    display: flex; justify-content: flex-end; flex-wrap: nowrap; padding-right: 70px;
    z-index: 50002;
    pointer-events: none;
}
.quick-light-link{
    position: relative; text-decoration: none!important;
    color: #6A6A6A; width: 15px; height: 15px; text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.quick-light-link.active-light,
.quick-light-link:hover{
    color: #000000; 
}
.quick-light-link::before{
    position: absolute; top: 20px; left: 50%; margin-left: -5px;
    display: block; width:10px; height: 10px; background: #6A6A6A; content: ''; border-radius: 50%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.quick-light-link:hover::before,
.quick-light-link.active-light::before{
     background: #8da985;
}


#close-button {
    opacity: 0;
  position: fixed;
  height: 40px;
  width: 40px;
  top: 105px;
  right: 30px;
  left: auto;
  z-index: 50003;
  background: rgba(255,255,255, 0);
}
#close-lightbox {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 25px;
  width: 25px;
  text-indent: -5000px;
  right: 5px;
  top: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#close-lightbox:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 1px;
  left: 12px;
  top: 0;
  background: #000000;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}
#close-lightbox:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 1px;
  top: 12px;
  left: 0;
  background: #000000;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}
.lightbox:target img {
  max-width: 100%;
  max-height: calc(100% - 100px);
}
.lightbox:target~#quick-lightbox-nav,
.lightbox:target~#close-button {
  top: 15px; opacity: 1;
}
.lightbox:target~#close-button #close-lightbox:after {
  width: 50px;
}
.lightbox:target~#close-button #close-lightbox:before {
  height: 50px;
}
.lightbox:target .light-next{
    pointer-events:all
}
.lightbox:target .light-prev{
    pointer-events:all
}

@media(min-width:768px){ 
    .lightbox img{
  		margin: 0 auto; float: none; margin-top: 75px;
    }   
    .lightbox:target~#quick-lightbox-nav,
    .lightbox:target~#close-button{
        top: 15px; z-index: 10000000;
        pointer-events: all;
    }
    .light-prev, .light-next{
        margin-top: 70px;
    }
}

@media(min-width:1440px){

    .lightbox {
      width: 1440px;
      left: calc(50% - 720px);
    } 
    .lightbox:target~#quick-lightbox-nav,
    .lightbox:target~#close-button{
        right: calc(50% - 685px);
    }
    
    #quick-lightbox-nav{
        padding-right: 45px;
    }
}
@-webkit-keyframes show-image {
  0% {
    -webkit-transform: rotate(2deg);
  }
  20% {
    -webkit-transform: rotate(-2deg);
  }
  40% {
    -webkit-transform: rotate(2deg);
  }
  60% {
    -webkit-transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(-2deg);
  }
}


#menu-search .search-init{
	position: absolute; margin:0px; float: left; top: 0px; left: 0px; z-index: 10000000001; width: 100%; text-align: right;
    text-transform: uppercase;
}
#menu-search .search-init::after{
}
#menu-search .search-init img{
	width: 12px; position: absolute; top: 0px; left: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#menu-search .search-init .closesearch{
	opacity: 0; pointer-events: none;
}
#theBody.modal-open{
	overflow:visible;
}
#search.page-block{
	position: absolute; top: -300px; padding: 100px 20px 0px 15px;
}
#SearchModal{
	background: #ffffff;
    display: block;
    position: fixed;
    width: 100vw;
	left: 0px;
    height: 100px;
    overflow: hidden;
	top: -100px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; 
	padding: 0px;
	z-index: 999999; min-width: 320px;
	color: #ffffff;
}
.menuactive #SearchModal{
    display: none!important;
}
#SearchModal #search{
	position: absolute; float: left; width: 100%; padding: 15px 15px 30px 15px; top: 0px; left: 0px; display: none;
}
#SearchModal .form-group.row{
	padding: 0px;	
}
#SearchModal a{
	color: #585858; text-decoration: none; padding: 0px; margin: 0px; font-size: 30px; line-height: 1.4em;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#SearchModal a:hover,
#SearchModal a.selected{
	color: #ffffff;
}
#SearchModal h2,
#SearchModal h2 a{
	color: #000000; padding: 0px 0px; margin: 0px 0px 0px 0px;
	font-size: 14px; line-height: 20px; font-family: headfont; text-align: center; width: 100%;
}

#SearchModal .slide-min,
#SearchModal .slide-max{
	color: #ffffff;  padding: 1px 0px 1px 0px; margin: 0px;
	font-size: 14px; line-height: 18px; width: 40px;
}
#SearchModal .slide-max{
	padding: 1px 0px 1px 5px; text-align: right;
}
#SearchModal .slider-handle {
	background: #ffffff;
}
#SearchModal .slider.slider-horizontal .slider-track{
	height: 1px; margin: 0px;
}
#SearchModal .slider.slider-horizontal{
	width: 150px;
}
#SearchModal .tooltip-inner{
	background: #ffffff;
	color: #000000; font-size: 11px;
}

#SearchModal .bs-tooltip-top .arrow::before{
	border-top-color: #ffffff;
}

#SearchModal .resetlink{
	position: relative; float: left; margin-top: 15px;
}
.loaderlayover{
	min-height: 100vh; min-width: 100vw; background: #FFF6ED;
}

@media(max-width:1600px) and (min-width:768px) { /*5 x 320*/
	.mainmenu.navbar-collapse.collapse{
	}
}

@media(max-width:767px)and (max-height:440px) { 
    #SearchModal{
		overflow-y: scroll;
	}
}
@media(min-width:768px)and (max-height:500px) { 
    #SearchModal{
		overflow-y: scroll;
	}
}

@media(min-width:991px){ /*5 x 320*/
    #SearchModal{
		width: 50vw;
		left: -50vw;
	}
}
	
@media(min-width:991px) and (min-height:650px){ /*5 x 320*/
	#SearchModal a{
		/*font-size: 22px; line-height: 26px;*/
	}
}
	
#SearchModal.in{
	left: 0%; top: 70px;
	-webkit-transition: left,top 0.5s ease-out;
	-moz-transition: left,top 0.5s ease-out;
	-o-transition: left,top 0.5s ease-out;
	transition: left,top 0.5s ease-out;
}
#SearchModal.in #search{
	display: block;
}
#menu-search.in .search-init::after{
}
#menu-search.in .search-init .opensearch{
	opacity: 0; pointer-events: none;
}
#menu-search.in .search-init .closesearch{
	opacity: 1; pointer-events: all;
}
@media(min-width:768px) and (max-width:991px) {
	#theBody.search-open #extraMenu{
	}
}


#theBody  #wrappercontent #models_container{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

@media(min-width:768px) {
	#wrappercontent{
		-webkit-transition: padding 0.5s ease-out;
		-moz-transition: padding 0.5s ease-out;
		-o-transition: padding 0.5s ease-out;
		transition: padding 0.5s ease-out;
	}
	#theBody.search-open #wrappercontent #models_container.flow-names{
	}
	#theBody.search-open #wrappercontent #models_container.flow-names .block{
	}
	#theBody.search-open #wrappercontent #models_container.flow-namesss .block .block-caption .block-ttl h2 {
	}
	#theBody.search-open #wrappercontent #models_container.flow-namesss .block .block-caption .block-ttl h2 a  {
	}
	#theBody.search-open #welcome .page-block-links{
		opacity: 0;
	}
	#theBody.search-open #welcome .page-block-previews{
		max-width: 100%;	
	}

	#menu-search .search-init{
	}
	#menu-search .search-init img{
	}
	#menu-search .search-init::after{
	}
    #SearchModal{
		width: calc(100vw - 400px); left: 200px; height: 150px; top: -150px;
	}
    #SearchModal.in {
        left:200px; top:10px;
    }
	#SearchModal #search{
	}

}

@media(min-width:991px)and (min-height:600px) { 
	#menu-search input.form-control{
        font-size: 50px!important; margin-top: 10px;
	}
}

@media(min-width:991px) {
}
@media(min-width:1200px){ 
}
@media(min-width:1280px) and (min-height:600px) { 
}
@media(min-width:1440px) {
}




#interactive_layer{
	position: absolute; top: 0px; left: 0px; width: 100%;
}
#interactive_layer .deelgebied .label{
	opacity: 0;
}
#interactive_layer .deelgebied:hover .label{
	opacity: 1;
}
#interactive_layer .area{
}
#interactive_layer .area:hover{
	fill:#000000;
}




.woningaanbod #pageBlock1 .page-block-caption .page-block-txt h3{
	font-weight: 200!important;
}


.block.woningaanbod{
    margin: 0px 0px 15px 0px; width: 100%; padding-bottom: 50px; max-width: 500px;
}
.block.woningaanbod .block-image{
    overflow: hidden;
}
.block.woningaanbod .block-image::after{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; content: '';
    background: rgb(0,0,0, 0);
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 100%);
    z-index: 1; pointer-events: none;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.block.woningaanbod .block-image img{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.block.woningaanbod:hover .block-image::after{
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 100%);
}
.block.woningaanbod:hover .block-image img{
    transform: scale(1.1);
}
.block.woningaanbod:hover .block-image .block-ttl{
    padding: 30px; pointer-events: none;
}
.block.woningaanbod .block-image .block-icon{
}
.block.woningaanbod .block-caption{
    padding: 30px 0px 15px 0px;
}
.block.woningaanbod .block-caption .block-icon{
    display: none;
}
.block.woningaanbod .block-link{
	position: absolute; top: auto; bottom: 0px; padding-left: 0px;
}
.block.woningaanbod .block-caption .block-ttl h2{
    color: #6A6A6A; font-size: 24px; margin-bottom: 0px;
}
.block.woningaanbod .block-image .block-ttl h2{
    width: 100%; 
    margin:0px; font-size: 12px;
}
.block.woningaanbod .block-image .block-ttl h2:nth-of-type(1){
    font-size: 16px;
}
.block.woningaanbod .block-icon .st0{
    display: block;
}
.block.woningaanbod .btn-primary{
    border:0px solid #ffffff; margin: 15px 0px 15px 0px; padding: 10px 0px 10px 0px;
}
.block.woningaanbod .btn-primary span{
    color:#142C29!important; font-size: 14px; font-weight: 500;
}

.block.woningaanbod .block-caption .block-txt.block-txt-remark{
    background: #f3dcc6; padding: 15px;    
}

.block.woningaanbod .block-caption .block-txt.block-txt-remark p{
    font-weight: 400;
}



.page-block.sideblock{
    opacity: 1!important;
    transform: scale(1,1)!important;
}

.carousel-item .block-caption{
    position: relative; left: auto; right: 0px; width: 100%; bottom: 0px; height: 100px; padding: 0px 30px;
}
.carousel-item .block-caption .block-ttl h2{
    color: #6A6A6A; font-size: 18px; font-weight: 200; text-align: center;
}

#pageBlock_nav{
    padding: 0px; margin: 15px 0px 0px 0px; display: flex; justify-content: center; display: none;
}
#pageBlock_nav .block{
    width: auto; padding: 0px; margin: 0px;
}
#pageBlock_nav .block .block-caption{
    width: 100%; padding: 0px 0px; margin: 0px;
}
#pageBlock_nav .block .block-caption .block-ttl h2{
    font-size: 12px; padding: 0px 15px;
}
#pageBlock_nav .block.active .block-caption .block-ttl h2 {
    font-weight: 500;
}

@media(min-width:768px) {
    #pageBlock0.woningaanbod-header .page-block-header-caption .page-block-name h1{
        /*float: right; text-align: right; */margin-bottom: 20%;
    }
}
@media(min-width:991px) {
    #pageBlock_nav{
        display: flex;
    }
}
@media(min-width:1280px) {
    .block.woningaanbod .block-image .block-ttl h2{
        width: auto; font-size: 16px!important; margin: 10px 0px;
    }
    .block.woningaanbod .block-image .block-ttl h2:nth-of-type(1),
    .block.woningaanbod .block-image .block-ttl h2:nth-of-type(2){
        padding-right: 10px; border-right: 2px solid #ffffff; margin-right: 10px;    
    }
    #pageBlock_nav .block .block-caption .block-ttl h2{
        font-size: 14px; padding: 0px 30px;
    }
}


@media(min-width:600px) {
    .block.woningaanbod{
    
    }
    .block.woningaanbod .block-image{
    }
    
    .block.woningaanbod .block-image .block-icon{
    }
    .carousel-item .block-caption{
    }
    .carousel-item .block-caption .block-ttl h2{
    }
}

@media(min-width:768px) {
    .block.woningaanbod{
        flex-basis: 50%; padding-bottom: 75px; width: 50%; max-width: none; margin-bottom: 45px;
    }
    .block.woningaanbod .block-image .block-icon{
    }
    .block.woningaanbod .block-image{
    }
    .block.woningaanbod .block-caption{
        padding: 45px 15px 15px 15px;
    }
    .block.woningaanbod .block-link{
        padding-left: 15px;
    }
    
}
@media(min-width:991px) {
    
    .carousel-item .block-caption .block-ttl h2{
        font-size: 24px;
    }
}
    
@media(min-width:1200px) {

    .carousel-item .block-caption{
        max-width: 600px; padding-left: 120px; background-size:75px;
    }
    .carousel-item .block-caption .block-ttl h2{
        font-size: 34px;
    }
}




@media(min-width:600px) {
    .page-block-image{
        width: 50%;
        float: right;
    }
}



.page-block.gallery .page-block-module{
    display: flex; flex-wrap: wrap;
}

.page-block-gal_image{
    width: 50%;
    margin: 0px 0px 0px 0px; padding: 0px;
}
.page-block-gal_image:nth-of-type(1){
    width: 100%;
}
.page-block-gal_image:nth-of-type(4){
    width: 100%;
}
.page-block-gal_image:nth-of-type(5){
    width: 100%;
} 
.page-block-gal_ttl{
    display: none;
}
#sfeer-zaandam .page-block-gal_image:nth-of-type(4),
#sfeer-zaandam .page-block-gal_image:nth-of-type(5){
    width: 50%;
}
#sfeer-zaandam .page-block-gal_image:nth-of-type(6){
    width: 100%;
}
   

.gallerymode-2 .page-block-gal_image:nth-of-type(1){
	width: 100%!important;
}
.gallerymode-2 .page-block-gal_image:nth-of-type(2){
	position: absolute; top: 0px; left: 0px; width: 50%!important;
}



@media(min-width:600px) {

.page-block.gallery .page-block-module{
    display: flex; flex-wrap: nowrap;
}
    
.page-block-gal_image{
    width:auto!important;
}
.gallerymode-4 .page-block-gal_image{
    width:25%!important;
}
.gallerymode-4 .page-block-gal_image:nth-of-type(3){
    position: absolute; left: 50%;
}
.gallerymode-4 .page-block-gal_image:nth-of-type(4),
.gallerymode-6 .page-block-gal_image:nth-of-type(1),
.gallerymode-6 .page-block-gal_image:nth-of-type(6){
    width:50%!important;
}
	
.gallerymode-6 .page-block-gal_image:nth-of-type(2){
    position: absolute; left: 0%; top: auto; bottom: 0px; width: 25%!important;
}
.gallerymode-6 .page-block-gal_image:nth-of-type(3){
    position: absolute; left: 25%; top: auto; bottom: 0px; width: 25%!important;
}
.gallerymode-6 .page-block-gal_image:nth-of-type(4){
    position: absolute; left: 50%; top: auto; bottom: 0px; width: 25%!important;
}
.gallerymode-6 .page-block-gal_image:nth-of-type(5){
    position: absolute; left: 75%; top: auto; bottom: 0px; width: 25%!important;
}
    
    
}

@media(min-width:700px) {
    .page-block.gallery{

    }
    .page-block.gallery .page-block-module{
    }
    
}
@media(min-width:1000px) {
	
.gallerymode-6 .page-block-gal_image:nth-of-type(2){
	left: 10%; width: 20%!important;
}
.gallerymode-6 .page-block-gal_image:nth-of-type(3){
    left: 30%; width: 20%!important;
}
.gallerymode-6 .page-block-gal_image:nth-of-type(4){
    left: 50%; width: 20%!important;
}
.gallerymode-6 .page-block-gal_image:nth-of-type(5){
    left: 70%; width: 20%!important;
}
}
@media(min-width:1440px) {
}
#pageBlock2.page-block{
    padding: 30px 0px;
}
#pageBlock2.page-block .page-block-caption h2{
    color: #945833; text-align: center; font-size: 60px; padding: 0px; margin: 0px; font-weight: 300;
}
#pageBlock2.page-block .page-block-caption p{
    color: #173936; text-align: center; font-weight: 300; padding: 0px; margin: 0px; font-size: 20px; line-height: 1;   
}

#pageBlock3{
    width: 40%; z-index: 1; margin-top: 30.6%;
}
#pageBlock3::after {
    position: absolute; top: auto; bottom: 30px; left: 30px; width: 30px; height: 30px;
    content: ''; background-image: url("../img/btns/zoom.svg"); background-repeat: no-repeat; background-position: center center;
    cursor: pointer;
    pointer-events: none;
}
@media(min-width:600px) {
}
@media(min-width:768px) {
}
@media(min-width:1000px) {

    .footer::before{
        margin-left: calc(50vw - 500px); 
    }
    #pageBlock2.page-block .page-block-caption p{
        font-size: 24px; line-height: 1;   
    }
}
@media(min-width:1440px) {
    .footer::before{
    }
    #pageBlock2.page-block .page-block-caption p{
        font-size: 34px; line-height: 1;   
    }
}
.locatie #pageBlock0::after{
    content: 'De Held Jozua'; display: block; position: absolute; top: auto; bottom: 0px; left: auto; right: 60px; width: auto; color: #000000; background: rgba(255,255,255,0.4); padding: 15px; font-size: 22px;
}
.locatie #pageBlock0{
    margin: 0px;
}
.locatie #pageBlock1 .page-block-caption{
    padding: 30px 30px 15px 30px; background: #e5d6bf;
}
.locatie #pageBlock1 .page-block-caption .page-block-name{
    display: none;
}
.locatie #pageBlock2{
    background: none;
}
.locatie #pageBlock2.page-block .page-block-caption p{
    color: #173936; font-size: 28px; line-height: 1;
}
.locatie #pageBlock2.page-block .page-block-caption p::after{
    position: relative; float: left; width: 100%; content: ''; height: 7px; background: url("../img/frame/greengolf.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 10px;
}
.locatie #sfeer-locatie{
    background: #e5d6bf; margin-bottom: 60px;
}
.locatie #sfeer-locatie .page-block-gal_ttl{
    background: #935733;
}
.locatie #pageBlock0.page-block .page-block-header-caption{
    bottom: auto!important; top: 0px!important;
}


@media(min-width:600px) {
    .locatie #pageBlock1{
        width: 75%; margin: 45px 0px 0px 0px;
    }
    .locatie #pageBlock2{
        width: 25%; margin: 45px 0px 0px 0px; padding-bottom: 0px; max-width: 250px;
    }
    .locatie #pageBlock2 .page-block-caption{
        padding-left: 30px!important; padding-right: 30px!important;
    }
}
@media(min-width:700px) {
    .locatie .page-block-gal_image{
        margin-top: 0px!important;
    }
}
@media(min-width:1000px) {
    #sfeer-locatie::before{
        background: #e5d6bf; width: 100%; position: absolute; top: 0px; left: 0px; height: 294px; content: '';
    }
    .locatie #pageBlock1{
        max-width: calc(50% + 250px);
    }
    .locatie #pageBlock1 .page-block-caption{
        padding-left: calc(50vw - 500px);
    }
}
@media(min-width:1440px) {
    .locatie #pageBlock1{
        max-width: calc(50% + 250px);
    }
    .locatie #pageBlock1 .page-block-caption{
        padding-left: calc(100% - 750px);
    }
}

.locatie #pageBlock1{
    display: none;
}

.page-block.map{
    background: #ECE1CE; padding-top: 30px; margin-bottom: 60px;
}
.page-block.map .page-block-caption .page-block-ttl{
    margin-bottom: 30px;
}
.page-block.map .page-block-caption .page-block-ttl h2{
    font-weight: 500; padding: 0px; margin: 0px; text-align: center;
}
.page-block.map .page-block-caption .page-block-ttl h3,
.page-block.map .page-block-caption .page-block-ttl h3 p{
    padding: 0px; margin: 0px;
    font-weight: 300; font-size: 22px; text-align: center;
}

.page-block.map .page-block-link{
    position: absolute; bottom: 0px; top: auto; width: 100%;
    background: #935735; padding: 10px 30px;
}
.page-block.map .page-block-link .btn-primary{
    background: none; background-image: url("../img/frame/arrow-right.svg"); background-position: center right; border:0px!important; color: #ffffff; width:100%; background-size: 50px; background-repeat: no-repeat; text-align: left; padding: 0px; height: 20px;
}
.page-block.map .page-block-caption:nth-of-type(2n){
    padding: 30px!important; background: #BAC4B1; border-left: 0px solid #b0b9a6; margin-top: 0px;
}
/*.page-block.map .page-block-caption:nth-of-type(2n)::after{
    background: url("../img/logo/topmenu/logo-icon-w.svg"); display: block; position: absolute; width: 70px; height: 100px; background-size: contain;
    content: ''; left: 0%; top:110%; background-repeat: no-repeat;
}*/

.page-block.map .page-block-caption .page-block-txt p{ 
    color: #ffffff;
}
.page-block.map .page-block-caption:nth-of-type(2n) p:nth-of-type(1){ 
    color: #142C29;
}
.page-block.map #map2 h3{
    color: #935733; font-size: 12px; margin: 0px; padding: 0px;
}
.page-block.map #map2{
    font-size: 10px;
}
.page-block.map #map2 p{
    font-size: 10px;
}
#map2{
    height: 75vh;
}

@media(min-width:600px) {
    
    #map2{
        width: 100%; height: 500px;
    }
    .page-block.map .page-block-page_image{
        width: 60%; float: right;
    }
    .page-block.map .page-block-caption:nth-of-type(2n){
        margin-top: 0px; width: 40%;
    }
}
@media(min-width:1000px) {
    
    .page-block.map .page-block-caption:nth-of-type(1){
     padding-top: 0px;
     padding-bottom: 0px;
    }
    
    .page-block.map{
/*      padding-left: calc(50% - 500px);
        padding-right: calc(50% - 500px);*/
    }
    .page-block.map .page-block-page_image{
    }
    .page-block.map .page-block-caption{
    }
    .page-block.map .page-block-caption:nth-of-type(2n){
        position: absolute; top: auto; bottom: 0px; left: 0px;
        padding: 60px!important;
    }
}
@media(min-width:1280px) {
    #map2{
        height: 750px; max-height: none;
    }
}
@media(min-width:1440px) {
    .page-block.map{
        /*padding-left: 220px;
        padding-right: 220px;
        padding-left: calc(50% - 500px);
        padding-right: calc(50% - 500px);*/
    }
    #map2{
    }
    .page-block.map .page-block-page_image{
    }
    .page-block.map .page-block-caption:nth-of-type(2n){
    }
}
@media(min-width:1600px) {
    .page-block.map .page-block-page_image{
    }
    .page-block.map .page-block-caption:nth-of-type(2n){
        padding: 90px!important;
    }
    #map2{
        height: 900px; max-height: none;
    }
}

#wind{
    margin-top: 45px; overflow: hidden;
}
#wind .page-block-caption{
    background: #d3965a; opacity: 1!important;
    padding: 30px 30px 15px 30px!important;
}
#wind .page-block-caption:nth-of-type(1){
    padding: 20px 30px 15px 30px!important;
}
#wind.page-block .page-block-image{
    margin: 0px!important;
}

    #wind .page-block-caption h2{
        color: #ffffff;
    }
    #wind .page-block-caption .page-block-txt p{
        color: #ffffff;
    }

@media(min-width:600px) {
    #wind.page-block .page-block-image{
        position: absolute; left: 50%; width: 50%;
    }
    #wind .page-block-caption{
        z-index: 1; width: 70%;
        padding: 0px 30px 0px 30px!important;
    }
    #wind .page-block-page_image{
        z-index: 1; width: 70%;
        padding: 0px 00px 0px 0px!important;
    }
}
@media(min-width:900px) {
    #wind .page-block-caption {
        z-index: 1; width: 60%;
    }
    #wind .page-block-caption .page-block-txt{
        padding-bottom : 45px!important;
    }
    #wind .page-block-caption h2{
        width: 300px; font-size: 40px;
    }
    #wind .page-block-page_image{
        z-index: 1; width: 60%; margin-bottom: 200px;
    }
}
@media(min-width:1000px) {
    #wind.page-block  .page-block-caption {
        padding-left: calc(50vw - 500px)!important;
    }
}
@media(min-width:1440px) {
    #wind.page-block .page-block-caption {
        width: calc(50% + 250px);
        padding-left: calc(50% - 500px)!important;
        padding-right: 60px!important;
    }
    #wind .page-block-page_image{
        width: calc(50% + 250px);
    }
    
}

.wonen #pageBlock0 .page-block-header-caption .page-block-name h1{
    width: 50%; float: right; color: #ffffff;
}

.wonen #pageBlock1{
    margin: 0px;
}
.wonen #pageBlock1 .page-block-caption{
    background: #e5d6bf;
}
.wonen #pageBlock1 .page-block-caption .page-block-name{
    display: none;
}
.wonen #pageBlock2{
    background: none;
}
.wonen #pageBlock2.page-block .page-block-caption p{
    color: #173936; font-size: 28px; line-height: 1;
}
.wonen #pageBlock2.page-block .page-block-caption p::after{
    position: relative; float: left; width: 100%; content: ''; height: 7px; background: url("../img/frame/greengolf.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 10px;
}
.wonen #sfeer-wonen .page-block-gal_ttl{
    background: #935733;
}

.wonen #updates{
    background: #eaddc9;
}

@media(min-width:600px) {
    .wonen #pageBlock1{
        width: 75%; margin: 45px 0px 0px 0px;
    }
    .wonen #pageBlock2{
        width: 25%; margin: 45px 0px 0px 0px; padding-bottom: 0px;
    }
}
@media(min-width:700px) {

    .wonen #pageBlock0 .page-block-header-caption .page-block-name h1{
        width: 50%; float: right; margin-right: 10%;
    }
    .wonen .page-block-gal_image{
        margin-top: 0px!important;
    }
    
}
@media(min-width:1000px) {
    #sfeer-wonen::before{
        background: #e5d6bf; width: 100%; position: absolute; top: 0px; left: 0px; height: 294px; content: '';
    }
    .wonen #pageBlock1{
		width: 60%;
    }
    .wonen #pageBlock1 .page-block-caption{
    }
    .wonen #pageBlock2{
		width: 40%;
        margin: 105px 0px 0px 0px;
    }
}
@media(min-width:1440px) {
    .wonen #pageBlock1{
    }
    .wonen #pageBlock1 .page-block-caption{
    }
}
@media(min-width:1920px) {
    .wonen #pageBlock1{
    }
    .wonen #pageBlock1 .page-block-caption{
    }
}



#woonaanbod{
    background: #f0e9d9; margin-bottom: 0px;
}
#woonaanbod .page-block-caption{
    background: #f0e9d9; opacity: 1!important;
    padding: 0px 30px 15px 30px!important;
}
#woonaanbod .page-block-caption h3,
#woonaanbod .page-block-caption h2,
#woonaanbod .page-block-caption p,
#woonaanbod .page-block-caption .table>tbody>tr>td{
    color: #173936;
}
#woonaanbod .page-block-caption h3{
    font-size: 14px; font-weight: 600;
}
#woonaanbod .page-block-caption .table>tbody>tr>td{
    padding: 0px 5px 5px 0px; font-size: 14px; line-height: 1.6;
}
#woonaanbod .page-block-caption .table>tbody>tr>td:nth-of-type(1){
    width: 90px;
}
#woonaanbod .page-block-caption .table>tbody>tr>td:nth-of-type(2){
    width: 180px;
}
#woonaanbod .page-block-caption:nth-of-type(1){
    padding: 0px 30px 15px 30px!important;
}
#woonaanbod.page-block .page-block-image{
    margin: 0px!important;
}

#woonaanbod2{
    background: #d79e5b; margin-bottom: 60px;
}
#woonaanbod2 .page-block-caption-head{
    display: none;
}
#woonaanbod2 .page-block-caption{
    background: #d79e5b; opacity: 1!important;
}
#woonaanbod2 .page-block-caption h3,
#woonaanbod2 .page-block-caption h2,
#woonaanbod2 .page-block-caption h2 a,
#woonaanbod2 .page-block-caption p,
#woonaanbod2 .page-block-caption .table>tbody>tr>td{
    color: #173936;
}
#woonaanbod2 .page-block-caption h2{
    font-size: 18px;
}
#woonaanbod2 .page-block-caption h2 a{
    text-decoration: underline;
}
#woonaanbod2 .page-block-caption h3{
    font-size: 14px; font-weight: 600;
}
#woonaanbod2 .page-block-caption .table>tbody>tr>td{
    padding: 0px 5px 5px 0px; font-size: 14px; line-height: 1.6;
}
#woonaanbod2 .page-block-caption .table>tbody>tr>td:nth-of-type(1){
    width: 90px;
}
#woonaanbod2 .page-block-caption .table>tbody>tr>td:nth-of-type(2){
    width: 180px;
}
#woonaanbod2 .page-block-caption:nth-of-type(1){
    padding: 0px 30px 15px 30px!important;
}
#woonaanbod2.page-block .page-block-image{
    margin: 0px!important;
}


@media(min-width:600px) {
    #woonaanbod.page-block .page-block-image{
        float: left; padding: 30px 30px 0px 30px; width: 100%;
    }
    #woonaanbod .page-block-caption{
        z-index: 1; width: 50%; float: right;
    }
    #woonaanbod .page-block-caption-head{
        width: 100%!important; background: #ffffff;
    }
    #woonaanbod2.page-block .page-block-image{
        float: right; width: 30%;
    }
    #woonaanbod2 .page-block-caption{
        z-index: 1; width: 70%;
    }
    #woonaanbod2 .page-block-caption-head{
        width: 100%; background: #ffffff;
    }
}
@media(min-width:900px) {
    #woonaanbod.page-block .page-block-image{
        float: left; padding: 0px 30px 30px 30px; width: 70%;
    }
    #woonaanbod .page-block-caption {
        width: 30%;
    }
    #woonaanbod .page-block-caption .page-block-txt{
        padding-bottom : 45px!important; padding-top: 30px;
    }
    #woonaanbod .page-block-caption h2{
        font-size: 30px; margin-top: 45px;
    }
    #woonaanbod2.page-block .page-block-image{
        width: 50%;
    }
    #woonaanbod2 .page-block-caption {
        width: 50%;
    }
    #woonaanbod2 .page-block-caption .page-block-txt{
        padding-bottom : 15px!important; padding-top: 30px;
    }
    #woonaanbod2 .page-block-caption h2{
    }
}
@media(min-width:1000px) {
    #woonaanbod.page-block  .page-block-image {
        padding-left: calc(50vw - 500px)!important;
    }
    #woonaanbod .page-block-caption {
    }
    #woonaanbod2.page-block  .page-block-caption {
    }
}
@media(min-width:1440px) {
    #woonaanbod.page-block  .page-block-image {
        padding-right: 60px!important;
    }
    #woonaanbod.page-block  .page-block-caption-head,
    #woonaanbod2.page-block  .page-block-caption {
        padding-right: 60px!important;
    }
    #woonaanbod.page-block  .page-block-caption-head {
    }
    #woonaanbod2.page-block  .page-block-caption {
        padding-top: 10%!important;
    }
}

@media(min-width:1920px) {
    #woonaanbod.page-block  .page-block-image {
        padding-left: 460px!important;
        padding-right: 60px!important;
    }
    #woonaanbod.page-block .page-block-caption-head,
    #woonaanbod2.page-block  .page-block-caption {
        padding-right: 60px!important;
    }
}


.daktuin #pageBlock0 .page-block-header-caption .page-block-name h1{
    width: 50%; float: right; color: #ffffff;
}

.daktuin #pageBlock1{
    margin: 0px;
}
.daktuin #pageBlock1 .page-block-caption{
    background: #899a7e;
}
.daktuin #pageBlock1 .page-block-caption p,
.daktuin #pageBlock1 .page-block-caption h2{
    color: #ffffff;
}
.daktuin #pageBlock1 .page-block-caption .page-block-name{
    display: none;
}
.daktuin #pageBlock2{
    background: none;
}
.daktuin #pageBlock2.page-block .page-block-caption p{
    color: #173936; font-size: 28px; line-height: 1;
}
.daktuin #pageBlock2.page-block .page-block-caption p::after{
    position: relative; float: left; width: 100%; content: ''; height: 7px; background: url("../img/frame/greengolf.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 10px;
}
.daktuin #sfeer-daktuin{
    background: #899a7e;
}


.daktuin #updates{
}

@media(min-width:600px) {
    .daktuin #pageBlock1{
        width: 75%; margin: 45px 0px 0px 0px;
    }
    .daktuin #pageBlock2{
        width: 25%; margin: 45px 0px 0px 0px; padding-bottom: 0px;
    }
    .daktuin #pageBlock2 p{
        font-size: 16px!important;
    }
}
@media(min-width:700px) {

    .daktuin #pageBlock0 .page-block-header-caption .page-block-name h1{
        width: 50%; float: right; margin-right: 10%;
    }
    .daktuin .page-block-gal_image{
        margin-top: 0px!important;
    }
    
}
@media(min-width:1000px) {
    #sfeer-wonen::before{
        background: #e5d6bf; width: 100%; position: absolute; top: 0px; left: 0px; height: 294px; content: '';
    }
    .daktuin #pageBlock1{
		width: 60%;
    }
    .daktuin #pageBlock1 .page-block-caption{
    }
    .daktuin #pageBlock2{
		width: 40%;
        margin: 105px 0px 0px 0px;
    }
    .daktuin #pageBlock2 p{
        font-size: 20px!important;
    }
}
@media(min-width:1440px) {
    .daktuin #pageBlock1{
    }
    .daktuin #pageBlock1 .page-block-caption{
    }
}
@media(min-width:1920px) {
    .daktuin #pageBlock1{
        max-width: 1210px;
    }
    .daktuin #pageBlock1 .page-block-caption{
    }
}


#mens-en-dier{
    background: #e9d8bd; margin: 45px 0px 0px 0px;
}
#mens-en-dier .page-block-caption-head{
    display: none;
}
#mens-en-dier.page-block .page-block-image{
    width: 100%; padding: 30px;
}
#mens-en-dier.page-block .page-block-caption{
    padding-bottom: 30px;
}
@media(min-width:1000px) {
    #mens-en-dier{
        padding-left: calc(50% - 500px);
        padding-right: calc(50% - 500px);
    }
    #mens-en-dier.page-block .page-block-caption{
        padding:0px 0px 30px 0px;
    }
}
@media(min-width:1920px) {
    #mens-en-dier{
        padding-left: 460px;
        padding-right: 460px;
    }
}

#sfeer-daktuin2 .page-block-gal_image{
    float: left; width: 50%;
}
@media(min-width:700px) {
    #sfeer-daktuin2 .page-block-gal_image{
        position: relative!important; left: 0px!important; margin: 0px!important;
        float: left!important; width: 25%!important;
    }
}

#sfeer-daktuin-3 .page-block-gal_image{
    float: left; width: 50%;
}
@media(min-width:700px) {
    #sfeer-daktuin-3 .page-block-gal_image{
        position: relative!important; left: 0px!important; margin: 0px!important;
        float: left!important; width: 25%!important;
    }
}


.zaanse-helden #pageBlock0.page-block .page-block-header-caption{
    display: none;
}
.zaanse-helden #pageBlock0 .page-block-header-caption .page-block-name h1{
    width: 50%;
    margin-left: 50%;
}

.zaanse-helden #pageBlock1{
    margin: 0px;
}
.zaanse-helden #pageBlock1 .page-block-caption{
    padding-bottom: 45px; background: #e5d6bf; padding-top: 45px;
}
.zaanse-helden #pageBlock1 .page-block-caption .page-block-name{
    display: none;
}
.zaanse-helden #pageBlock1.page-block .page-block-caption::after{
    position: relative; float: left; width: 100%; content: ''; height: 10px; background: url("../img/frame/golf.svg"); background-position: left center; background-repeat: no-repeat; background-size: contain; margin-top: 10px;
}

.zaanse-helden #pageBlock2{
    background: #935733; border-right: 50vw solid #d7a370;
}
.zaanse-helden #pageBlock2.page-block .page-block-caption h2,
.zaanse-helden #pageBlock2.page-block .page-block-caption p{
    color: #ffffff;
}
.zaanse-helden #pageBlock2.page-block .page-block-caption p::after{
}

.zaanse-helden #pageBlock3{
    margin: 0px; width: 100%;
}

#pageBlock5{
    margin: 0px; padding: 0px;
}
#pageBlock5 .block-image{
    width: 50%; padding: 0px 15px;
}
.zaanse-helden #pageBlock5 .block-image{
    width: 33.33%; padding: 0px 15px; float: left;
}

@media(min-width:600px) {
    
    .zaanse-helden #pageBlock1{
        width: 75%; margin-top: 45px; margin-right: 25%;
    }
    .zaanse-helden #pageBlock3{
        width: 40%; margin-top: -30vw; float: right; margin-left: 60%;
    }
    .zaanse-helden #pageBlock3 .block-image{
        width: 100%;
    }
    #pageBlock5{
        width: 75%;
    }
    .zaanse-helden #pageBlock2{
         border-right: 0px; width: 25%; padding: 15px 0px; height: 16.67vw;
    }
    .zaanse-helden #pageBlock2  .page-block-caption{
		padding: 15px 15px 10px 15px;
    }
    .zaanse-helden #pageBlock2  .page-block-caption p{
        font-size: 16px;
    }
}
@media(min-width:768px) {
    .zaanse-helden #pageBlock1 .page-block-caption p{
        font-size: 18px;
    }
    .zaanse-helden #pageBlock2{
         padding: 30px 0px; height: 16.67vw;
    }
    .zaanse-helden #pageBlock2  .page-block-caption p{
        font-size: 20px;
    }
}
@media(min-width:900px) {
    .zaanse-helden #pageBlock1 .page-block-caption{
        padding-top: 60px;
    }
    .zaanse-helden #pageBlock1 .page-block-caption p{
        font-size: 18px; line-height: 1.8!important;
    }
    .zaanse-helden #pageBlock3{
        width: 40%; margin-top: -26.5vw; margin-left: 60%;
    }
    #pageBlock5{
        width: 50%;
    }
    .zaanse-helden #pageBlock5{
        width: 75%;
    }
    .zaanse-helden #pageBlock2{
        width: 25%;
        padding: 35px 0px; height: 16.67vw;
    }
    .zaanse-helden #pageBlock2.page-block .page-block-caption p{
        line-height: 1;
    }
}
@media(min-width:1000px) {
    .zaanse-helden #pageBlock1{
    }
    .zaanse-helden #pageBlock1 .page-block-caption{
    }
    .zaanse-helden #pageBlock3{
        width: 50%; margin-top: -33.2%; max-width: 720px; margin-left: 50%;
    }
    .zaanse-helden #pageBlock5{
        width: 75%;
    }
    .zaanse-helden #pageBlock2{
		width: 25%; max-height: 319.75px;
    }
}
@media(min-width:1200px) {
	.zaanse-helden #pageBlock2 .page-block-caption p {
		font-size: 22px; padding: 20px 45px;
	}
}
@media(min-width:1440px) {
    .zaanse-helden #pageBlock3{
        margin-top: -478px;
        width: 720px; margin-right: calc(50% - 720px)
    }
}
@media(min-width:1440px) {
	.zaanse-helden #pageBlock2 .page-block-caption p {
		font-size: 28px; padding: 45px 45px;
	}
}
@media(min-width:1920px) {
    .zaanse-helden #pageBlock1{
        width: 1440px;
    }
    .zaanse-helden #pageBlock1 .page-block-caption{
    }
    .zaanse-helden #pageBlock1 .page-block-caption p{
        font-size: 20px;
    }
	.zaanse-helden #pageBlock2 {
		padding: 60px 45px;
	}
    .zaanse-helden #pageBlock3{
        margin-top: -478px; margin-right: 240px;
    }
    .zaanse-helden #pageBlock5{
    }
}

#molenpark{
    background: #7f957d; margin-bottom: 50px;
}
#molenpark .page-block-caption{
    background: #7f957d; opacity: 1!important;
}
#molenpark .page-block-caption .page-block-txt h3,
#molenpark .page-block-caption h2,
#molenpark .page-block-caption p{
    color: #ffffff;
}
#molenpark .page-block-caption:nth-of-type(1){
}
#molenpark .page-block-caption:nth-of-type(3){
	padding-top: 30px!important;
}
#molenpark.page-block .page-block-image{
    margin: 0px!important;
}


@media(min-width:600px) {
    #molenpark.page-block{
        padding: 45px; margin-top: 60px;
    }
    #molenpark.page-block .page-block-image{
        float: right; width: 100%; padding: 15px 0px 30px 0px;
    }
    #molenpark .page-block-caption{
        z-index: 1; width: 80%;
    }
    #molenpark .page-block-caption:nth-of-type(1){
        padding-bottom: 0px;
    }
    #molenpark .page-block-caption:nth-of-type(3){
        padding-top: 0px!important;
    }

    #molenpark .page-block-page_image{
        z-index: 1; width: 100%;
        padding: 0px 00px 0px 0px!important;
    }
    
}
@media(min-width:900px) {
    #molenpark .page-block-caption {
        width: 50%;
    }
    #molenpark .page-block-caption .page-block-txt{
        padding-bottom : 15px!important; padding-top: 0px; margin-top: 0px;
    }
    #molenpark .page-block-caption h2{
        font-size: 30px; margin-top: 30px;
    }
    #molenpark.page-block .page-block-image{
        float: right; width: 50%; padding: 15px 0px 30px 0px;
    }
}
@media(min-width:1000px) {
    #molenpark.page-block  .page-block-caption {
		margin-top: 0px;
    }
    #molenpark.page-block  .page-block-caption-head {
        padding-top: 0px;
    }
}
@media(min-width:1440px) {
    #molenpark .page-block-caption .page-block-txt{
        padding-bottom : 0px!important;
    }
    #molenpark.page-block  .page-block-caption {
    }
    #molenpark.page-block .page-block-image{
        float: right; padding: 15px 150px 30px 0px;
    }
}
@media(min-width:1960px) {
    #molenpark .page-block-caption .page-block-txt{
        padding-bottom : 0px!important;
    }
    #molenpark.page-block  .page-block-caption {
    }
}

#sfeer-daktuin2{
    display: none;
}


#bekijk-het-aanbod {
    background: #d29449;
}
#de-daktuin{
    margin-bottom: 45px;
}

#bekijk-het-aanbod.page-block .page-block-image,
#de-daktuin.page-block .page-block-image {
    margin: 0px;
}
#bekijk-het-aanbod .page-block-caption .page-block-ttl.ttl-only h2,
#de-daktuin .page-block-caption .page-block-ttl.ttl-only h2{
    text-align: left;
}
#bekijk-het-aanbod .page-block-caption .page-block-ttl.ttl-only h2 a,
#de-daktuin .page-block-caption .page-block-ttl.ttl-only h2 a{
    color: #ffffff;
}
#de-daktuin .page-block-caption .page-block-ttl.ttl-only h2 a{
    background-image: url("../img/frame/arrow-right.svg"); background-position: bottom left;
	background-repeat: no-repeat; padding-bottom: 30px!important; background-size: 50px; float: left;
}

#bekijk-het-aanbod.page-block .page-block-link,
#de-daktuin.page-block .page-block-link{
    padding: 0px 0px 30px 0px;
}
#bekijk-het-aanbod.page-block .page-block-link .btn-primary,
#de-daktuin.page-block .page-block-link .btn-primary{
    background: none; border: none; color: #ffffff; padding: 10px 0px; width: auto;
}
#bekijk-het-aanbod.page-block .page-block-link .btn-primary::before,
#de-daktuin.page-block .page-block-link .btn-primary::before{
    display: none;
}
#bekijk-het-aanbod.page-block .page-block-link .btn-primary::after,
#de-daktuin.page-block .page-block-link .btn-primary::after{
    content: '';
    background: none; background-image: url("../img/frame/arrow-right.svg"); background-position: center left; border:0px!important; color: #ffffff; width:100%; background-size: 50px; background-repeat: no-repeat; text-align: left; padding: 0px; height: 20px; width: 100px; position: absolute; top: 100%; left: 0px;
}
@media(min-width:600px) {
    #bekijk-het-aanbod.page-block .page-block-image,
    #de-daktuin.page-block .page-block-image,
    #architect2.page-block .page-block-image {
        width: 100%; float: left;
    }
    
    #bekijk-het-aanbod .page-block-caption,
    #bekijk-het-aanbod .page-block-link,
    #de-daktuin .page-block-caption,
    #de-daktuin .page-block-link,
    #architect2 .page-block-caption,
    #architect2 .page-block-link{
        width: calc(100%); float: right;
    }
    
    #bekijk-het-aanbod .page-block-link,
    #de-daktuin .page-block-link{
        width: calc(100%); float: right;
    }
    #bekijk-het-aanbod .page-block-caption .page-block-ttl.ttl-only h2,
    #de-daktuin .page-block-caption .page-block-ttl.ttl-only h2{
        text-align: left; padding-top: 15px; margin: 0px;
    }
    #bekijk-het-aanbod .page-block-caption .page-block-ttl.ttl-only h2,
    #bekijk-het-aanbod.page-block .page-block-link .btn-primary,
    #de-daktuin .page-block-caption .page-block-ttl.ttl-only h2,
    #de-daktuin.page-block .page-block-link .btn-primary{
        font-size: 22px;
    }
    #historie{
        margin: 60px 0px
    }
    #historie.page-block .page-block-image{
        float: left; margin-top: 90px;
    }
    #historie .page-block-caption,
    #historie .page-block-link{
        width: calc(50%); float: right; padding-bottom: 0px;
    }
}
@media(min-width:1000px) {
    #bekijk-het-aanbod,
    #de-daktuin,
    #architect2{
        padding: 0px 15%;
        padding-left: calc(50% - 500px);
    }
    #historie{
        padding: 45px 15%;
    }
    #sfeer-locatie {
        padding: 0px 15%;    
    }
    #sfeer-locatie::before {
        display: none;
    }
    
    .daktuin .page-block .page-block-caption h2{
        font-size: 22px;
    }
    #historie.page-block .page-block-image{
        margin-top: 0px;
    }
    #historie.page-block .page-block-caption{
        padding: 0px 45px;
    }
}
@media(min-width:1440px) {
    #bekijk-het-aanbod,
    #de-daktuin {
    }
    #bekijk-het-aanbod .page-block-caption .page-block-ttl.ttl-only h2,
    #bekijk-het-aanbod.page-block .page-block-link .btn-primary,
    #de-daktuin .page-block-caption .page-block-ttl.ttl-only h2,
    #de-daktuin.page-block .page-block-link .btn-primary{
        font-size: 32px;
    }
}
@media(min-width:1920px) {
    #bekijk-het-aanbod,
    #de-daktuin,
    #architect2,
    #sfeer-locatie {
        padding: 0px 350px;
    }
    #historie{
        padding: 45px 350px;
    }
    #historie.page-block .page-block-caption{
        padding: 0px 75px;
    }
    #historie.page-block .page-block-image{
        float: left; margin-top: 90px;
    }
    #bekijk-het-aanbod .page-block-caption .page-block-ttl.ttl-only h2,
    #bekijk-het-aanbod.page-block .page-block-link .btn-primary,
    #de-daktuin .page-block-caption .page-block-ttl.ttl-only h2,
    #de-daktuin.page-block .page-block-link .btn-primary{
        font-size: 32px;
    }
}

#architect{
    margin-top: 60px;
}
#architect .page-block-caption{
    background: #e5d6bf; opacity: 1!important;
    padding: 15px 30px 15px 30px!important;  width: 70%; float: right;
}
#architect .page-block-caption h2,
#architect .page-block-caption p{
}
#architect .page-block-caption:nth-of-type(1){
    padding: 30px 30px 0px 30px!important;
}
#architect.page-block .page-block-image{
    display: none;
}
#architect .page-block-page_image{
     width: 30%;
}


@media(min-width:600px) {
    #architect.page-block .page-block-image{
        float: right; display: block; width: 50%;
    }
    #architect.page-block .page-block-image{
        float: right; position: absolute; left: auto; right: 0px;
    }
    #architect .page-block-caption{
        width: 50%; margin-left: 20%!important; position: relative; top:0px; z-index: 1; float: left;
    }
    #architect .page-block-caption:nth-of-type(1){
    }
    #architect .page-block-page_image{
        width: 20%; position: absolute; top:0px; left: 0%;
    }
}
@media(min-width:768px) {
    
    #architect .page-block-caption {
        width: 55%; max-width: 550px;
    }
    #architect .page-block-caption .page-block-ttl,
    #architect .page-block-caption .page-block-ttl h2{
        margin-top: 0px; padding-top: 0px; font-size: 30px; max-width: 500px;
    }
    #architect .page-block-page_image{
        width: 20%; position: absolute; top:0px; left: 10%;
    }
    #architect .page-block-caption{
        margin-left: 30%!important;
    }
}
@media(min-width:1000px) {  
    #architect.page-block .page-block-image{
        float: right; position: relative;
    }
    #architect .page-block-page_image{
        width: 330px; left: calc(40% - 325px); top: 60px;
    }  
    #architect .page-block-caption {
        height: 375px; position: absolute; top: 180px; left: 20%;
        margin-left: 20%!important;
    }
    #architect .page-block-caption:nth-of-type(1){
        top: 60px;
    }
}
@media(min-width:1440px) { 
    #architect .page-block-caption {
        height: 560px; padding: 0px 60px 60px!important; top: 250px;
    }
	#architect .page-block-caption:nth-of-type(1){
		padding: 60px 60px 0px 60px!important;
	}
    #architect.page-block .page-block-image{
        float: right; position: relative; margin-right: calc(50% - 720px); width: 720px;
    }
}
@media(min-width:1440px) {    
    #architect.page-block .page-block-image{
        margin-right: 240px;
    }
}

#architect2{
    margin: 15px 0px;
}
#architect2 .page-block-caption{
    background: #ffffff; opacity: 1!important;
}
#architect2 .page-block-caption .page-block-txt::after{
}

#architect2 .page-block-caption-head{
    display: none;
}
#architect2 .page-block-caption h2,
#architect2 .page-block-caption p{
}
#architect2 .page-block-caption:nth-of-type(1){
    padding: 30px 30px 0px 30px!important;
}
#architect2.page-block .page-block-image{
}


@media(min-width:600px) {
    #architect2.page-block .page-block-image{
    }
    #architect2 .page-block-caption{
    }
    #architect2 .page-block-caption:nth-of-type(1){
    }
    #architect2 .page-block-page_image{
    }
}
@media(min-width:768px) {
    
    #architect2 .page-block-caption {
    }
    #architect2 .page-block-page_image{
    }
}
@media(min-width:1000px) {  
    #architect2{
    }  
    #architect2.page-block .page-block-image{
    }
    #architect2 .page-block-page_image{
    }  
    #architect2 .page-block-caption {
    }
    #architect2 .page-block-caption:nth-of-type(1){
    }
    #architect2 .page-block-caption .page-block-txt::after{
    }
}
@media(min-width:1440px) { 
    #architect2{
    }  
    #architect2 .page-block-caption {
    }
    #architect2 .page-block-caption:nth-of-type(1){
    }
    #architect2 .page-block-page_image{
    }  
}
@media(min-width:1920px) { 
    #architect2{
    }  
    #architect2 .page-block-caption {
    }
    #architect2 .page-block-caption:nth-of-type(1){
    }
    #architect2 .page-block-page_image{
    }  
}


#architect .page-block-caption .page-block-txt p b,
#architect2 .page-block-caption .page-block-txt p b{
    font-weight: 600; font-size: 10px;
}


.block.news .block-image img{
    width: 60%;
}
.block.news .block-caption .block-ttl h2,
.block.news .block-caption .block-ttl h3,
.block.news .block-caption .block-txt p{
    text-align: right;
}
.block-btns .btn-list{
    float: right;
}
.block.news:nth-last-of-type(2n + 2) .block-ttl h2,
.block.news:nth-last-of-type(2n + 2) .block-ttl h3,
.block.news:nth-last-of-type(2n + 2) .block-txt p{
    text-align: left;
}
.block.news:nth-last-of-type(2n + 2) .block-btns .btn-list{
    float: left;
}
.block.news:nth-last-of-type(2n + 2) .block-image img{
    width: 60%; float: right;
}

.block.news{
    background: #ece1ce;
}
.block.news:nth-last-of-type(2n + 2){
    background: none;
}

#download.page-block{
    margin-bottom: 0px; padding-bottom: 0px;
}
#download.page-block .page-block-caption{
    max-width: 1000px; float: none; margin: 0 auto;
}

.faq #pageBlock1{
    display: none;
}
.faq #pageBlock0.page-block .page-block-header-caption{
    display: none;
}
.faq #pageBlock1 .page-block-image{
    width: 40%; margin: 0px;
}
.faq #pageBlock1 .page-block-caption{
    width: 60%; 
    padding: 30px 30px 30px 30px; background: #e5be96;
}

.faq #pageBlock2{
    padding: 30px 0px; margin: 0px; width: 70%; margin-top: -100px; float: right; margin-left: auto;
}
.faq #pageBlock2.page-block .page-block-caption h2{
    color: #163835;
}
.faq #pageBlock2.page-block .page-block-caption p{
    color: #163835; font-size: 28px; line-height: 1;
}
.faq #pageBlock2.page-block .page-block-caption p::after{
}

.faq .panel-body h3{
    color: #173936; font-weight: 400; font-size: 14px;
}


@media(min-width:600px) {
    .faq #pageBlock2{
        width: 50%;
        margin-top: -204px; padding-right: 25%;
    }
}

@media(min-width:768px) {
    .faq #pageBlock1{
        width: 50%; background: none;
    }
    .faq #pageBlock2{
        padding: 90px 0px 90px 0px; padding-right: 25%;
        margin-top: -340px;
    }
    .faq #pageBlock1 .page-block-image{
        width: 30%; margin: 0px 0px 0px 60%;
    }
    .faq #pageBlock1 .page-block-caption{
        width: 100%;
    }

}
@media(min-width:1000px) {  
    .faq #pageBlock1 .page-block-caption{
        padding-left: calc(50vw - 500px);
    } 
}
@media(min-width:1440px) {    
    .faq #pageBlock1 .page-block-caption{
        padding-left: 220px;
    }
}

#veelgestelde-vragen {
    margin-top: 15px;
}
#veelgestelde-vragen .page-block-module{
	padding: 15px 0px; width: 100%; max-width: 1000px; margin: 0 auto; float: none;
}
#veelgestelde-vragen .panel-group .panel{
	border-radius: 5px; border: 0px; margin: 0px 0px 10px 0px;
	position: relative; width: 100%; margin-right: 0%; float: left;
}
#veelgestelde-vragen .card{
	width: 100%;
}
#veelgestelde-vragen .card-header{
	background: #ece1ce;
}
#veelgestelde-vragen .card-header h4{
    font-size: 12px; font-weight: 600;
}
#veelgestelde-vragen .card-header h4 a{
	text-decoration: none; color: #173936;
}
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a{
	text-decoration: none; width: 100%;
}
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a .glyphicon-menu-down,
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a .glyphicon-menu-up{
	position: absolute; top: 30px; right: 20px; left: auto; color: #173936; font-size: 20px;
	margin-top: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a .glyphicon-menu-up{
	margin-top: -5px;
}
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-menu-down,
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-menu-up{
	top: 50%;
	margin-top: -10px;
}
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a .glyphicon-menu-down{
	display: none;
}
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-menu-up{
	transform: rotate(180deg); color: #935733;
}
#veelgestelde-vragen .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-menu-down{
	/*display: block;*/
}
#veelgestelde-vragen .panel-group .panel-body{
	padding: 20px 20px 20px 20px; font-size: 14px; line-height: 1.6; border: 0px;
}
#veelgestelde-vragen .panel-group .panel-body p{
	font-size: 14px; line-height: 1.6; padding-bottom: 15px;
}
#veelgestelde-vragen .card-title h2,
#veelgestelde-vragen .card-text p{
	color: #173936;	
}


@media(min-width:600px) {
    #veelgestelde-vragen .page-block-caption{
    }
}
@media(min-width:768px) {
    
	#veelgestelde-vragen .page-block-module{
	}
	#veelgestelde-vragen .panel-group .panel{
	}
	#veelgestelde-vragen .panel-group .panel:nth-of-type(2n+2){
	}

}


#levensloop{
    margin-bottom: 0px;
}
#levensloop .page-block-caption{
    background: #e5d6bf; opacity: 1!important;
    padding: 15px 30px 15px 30px!important;
}
#levensloop .page-block-caption h2,
#levensloop .page-block-caption p{
}
#levensloop .page-block-caption:nth-of-type(1){
    padding: 45px 30px 0px 30px!important;
}
#levensloop.page-block .page-block-image{
    display: none;
}


@media(min-width:600px) {

    #levensloop{
        margin-bottom: 60px;
    }
    #levensloop.page-block .page-block-image{
        float: right; display: block; width: 50%;
    }
    #levensloop.page-block .page-block-image{
        float: right; position: absolute; left: auto; right: 0px;
    }
    #levensloop .page-block-caption{
        width: 50%; margin-left: 40%!important; position: relative; top:0px; z-index: 1;
    }
    #levensloop .page-block-caption:nth-of-type(1){
    }
    #levensloop .page-block-page_image{
        width: 30%; position: absolute; top:60px; left: 10%;
    }
}
@media(min-width:768px) {
    
    #levensloop .page-block-caption {
        width: 45%; max-width: 648px;
    }
    #levensloop .page-block-caption .page-block-ttl,
    #levensloop .page-block-caption .page-block-ttl h2{
        margin-top: 0px; padding-top: 0px; font-size: 30px;
    }
    #levensloop .page-block-page_image{
        width: 20%; position: absolute; top:60px; left: 20%;
    }
}
@media(min-width:1000px) {  
    #levensloop.page-block .page-block-image{
        float: right; position: relative;
    }
    #levensloop .page-block-page_image{
        width: 288px; left: calc(40% - 288px);
    }  
    #levensloop .page-block-caption {
        height: 240px; position: absolute; top: 180px;
    }
    #levensloop .page-block-caption:nth-of-type(1){
        top: 60px;
    }
}
@media(min-width:1440px) { 
    #levensloop .page-block-caption {
        height: 275px; position: absolute; top: 145px;
    }
    #levensloop .page-block-caption:nth-of-type(1){
        top: 60px;
    }
}

@media(min-width:1440px) {    
    #levensloop.page-block .page-block-image{
        float: right; position: relative; margin-right: calc(50% - 720px); width: 720px;
    }
}
@media(min-width:1440px) {    
    #levensloop.page-block .page-block-image{
        margin-right: 240px;
    }
}


.over-ons #pageBlock0 .page-block-caption{
    display: none;
}

.over-ons #pageBlock1{
    margin: 0px;
}
.over-ons #pageBlock1 .page-block-caption{

    background: #dbbf92;
}
.over-ons #pageBlock1 .page-block-caption .page-block-name{
    display: none;
}
.over-ons #pageBlock2{
    background: #d9a262; padding: 30px 0px;
}
.over-ons #pageBlock2.page-block .page-block-caption p{
    color: #173936; font-size: 12px; line-height: 1; text-align: left;
}
.over-ons #sfeer-overons .page-block-gal_image{
    width: 50%!important; margin: 0px!important; padding: 0px!important; float: left; position: relative;
}

@media(min-width:600px) {
    .over-ons #pageBlock1{
        width: 75%; margin: 45px 25% 0px 0px;
    }
    .over-ons #pageBlock2{
        width: 75%; margin: 0px 0px 0px 0px; padding-bottom: 30px; float: right; margin-left: auto;
    }
}
@media(min-width:768px) {
    .over-ons #pageBlock2{
        width: 50%; height: 16.69vw; margin-bottom: 30px; margin: 0px;
        padding: 10px 0px;
    }
    .over-ons #pageBlock2.page-block .page-block-caption p{
    }
    .over-ons #sfeer-overons{
        width: 50%;
    }

}
@media(min-width:1000px) {
    #sfeer-overons::before{
    }
    .over-ons #pageBlock1{
    }
    .over-ons #pageBlock2{
       height: 166.83px;
    }
	.over-ons #pageBlock2 .page-block-caption{
		padding-top: 30px!important;
	}
	
    .over-ons #pageBlock2.page-block .page-block-caption p{
        font-size: 14px;
    }
    .over-ons #pageBlock1 .page-block-caption{
    }
    .over-ons #sfeer-overons{
       	margin-left: calc(50% - 500px);
    }
}
@media(min-width:1440px) {
    .over-ons #pageBlock1{
    }
    .over-ons #pageBlock1 .page-block-caption{
    }
    .over-ons #sfeer-overons{
    }
}
@media(min-width:1920px) {
    .over-ons #pageBlock1{
    }
    .over-ons #pageBlock1 .page-block-caption{
    }
    .over-ons #sfeer-overons{
        width: 500px; margin-left: 460px;
    }
}

#stebru,
#impact{
    background-color: #e8dac3; padding-top: 45px; margin: 0px; border-bottom: 15px solid #e8dac3; width: 100%;
    padding-bottom: 90px; background-image:url("../img/frame/stebru.png"); background-repeat: no-repeat; background-position: 40px bottom; background-size: 100px;
}
#impact{
    background-image:url("../img/frame/impact.png");
}
#stebru .page-block-caption-head,
#impact .page-block-caption-head{
    display: none;
}

@media(min-width:768px) {
   #stebru,
    #impact{
        width: 50%; margin-top: 15px; height: 545px;
    }
}
@media(min-width:1000px) {
	#stebru .page-block-caption-head, #impact .page-block-caption-head,
	#stebru .page-block-caption, #impact .page-block-caption{
		/*padding-left: 60px!important; padding-right: 60px!important;*/ padding-top: 15px!important;
	}
}
@media(min-width:1000px) {
	
    #stebru,
    #impact{
        width: 50%; margin-top: 15px; height: 540px;
    }
    #stebru{
        background-position: 60px bottom;
    }
    #impact{
        background-position: 60px bottom;
    }
}
@media(min-width:1440px) {
    #stebru{
    }
    #impact{
    }
	#stebru, #impact {
		height: 640px;
        background-position: 120px bottom;
	}
}
@media(min-width:1920px) {
    #stebru{
        background-position: 160px bottom;
    }
    #impact{
        background-position: 160px bottom;
    }
}

#in-ontwikkeling{
    padding-top: 30px;
}
#in-ontwikkeling .page-block-caption-head{
    display: none;
}
#in-ontwikkeling .page-block-link {
    padding-left: 30px;
}

@media(min-width:768px) {
    #in-ontwikkeling{
        width: 50%;
    }
    .over-ons #updates{
        width: 50%;
    }
}
@media(min-width:1000px) {
    #in-ontwikkeling{
    }
    #in-ontwikkeling{
        padding-top: 90px;
    }
}
@media(min-width:1920px) {
    #in-ontwikkeling{
    }
    
}


.page-block-caption .page-block-txt h3{
    font-weight: 500;
}

.interactive_layer{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
}
.gebouw-woning-nav,
.woningaanbod-nav,
.gebouwen-nav,
.finance-nav,
.verkoop-nav,
.woningtypen-nav{
    position: absolute; top: auto; bottom: 30px; left: 0px; width: 100%;
    padding: 0px 15px;
}
.verkoop-nav{
    display: none!important;
}
.gebouw-woning-nav a,
.woningaanbod-nav a,
.gebouwen-nav a,
.finance-nav a,
.verkoop-nav a,
.woningtypen-nav a{
    color: #ffffff; font-weight: 300; text-decoration: none; padding-right: 15px; padding-left: 15px;
}
.gebouw-woning-nav a:nth-of-type(1),
.verkoop-nav a:nth-of-type(1){
    border-right: 1px solid #ffffff;
}
.gebouw-woning-nav a.active,
.woningaanbod-nav a.active,
.gebouwen-nav a.active,
.finance-nav a.active,
.woningtypen-nav a.active{
    font-weight: 500; text-decoration: underline;
}
.gebouwen-nav,
.woningaanbod-nav,
.finance-nav,
.woningtypen-nav{
    position: relative; top:0px; bottom: auto; margin: 15px 0px 45px 0px;
}
.gebouwen-nav,
.finance-nav{
    margin: 30px 0px 30px 0px; float: left;
}
.gebouwen-nav a,
.woningaanbod-nav a,
.finance-nav a,
.woningtypen-nav a{
    color: #173936;
}
.gebouwen-nav a:nth-of-type(1),
.gebouwen-nav a:nth-of-type(2){
    border-right: 1px solid #173936;
}
.woningaanbod-nav a,
.finance-nav a,
.woningtypen-nav a{
    border-right: 1px solid #173936;
}
.woningaanbod-nav a:last-of-type(),
.finance-nav a:last-of-type(),
.woningtypen-nav a:last-of-type(){
    border-right: 0px solid #173936;
}



.page-block .page-block-caption{
    padding: 15px 30px;
}
.page-block .page-block-module{
    padding: 0px 30px;
}
.page-block.gallery .page-block-module{
    padding: 0px 0px;
}

#pageBlock0 .page-block-header-caption .page-block-name h1{
    font-weight: 200;
}

@media(min-width:768px) {
    .page-block .page-block-caption{
        padding: 15px 30px;
    }
    .page-block .page-block-module{
        padding: 0px 30px;
    }
    .logo-icon{
    }
}

@media(min-width:900px) {
    .logo-icon{
    }
    .menu-centered .logo{
    }
    #theBody .mainmenu{
    }
    .page-block .page-block-module,
    .page-block .page-block-caption{
        padding-left: 60px;
        padding-right: 60px;
    }
	#pageBlock0.page-block .page-block-header-caption{
        padding: 30px 60px;
	}
    .gebouw-woning-nav,
    .gebouwen-nav,
    .verkoop-nav,
	.woningaanbod-nav,
    .finance-nav,
	.woningtypen-nav{
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media(min-width:1280px) {
    .logo-icon{
    }
    .menu-centered .logo{
    }
    #theBody .mainmenu{
    }
    .page-block .page-block-caption{
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .page-block .page-block-module{
        padding-left: 90px;
        padding-right: 90px;
        padding-top: 15px;
        padding-bottom: 60px;
    }
    #pageBlock1.page-block .page-block-caption{
        padding-top: 60px;
        padding-bottom: 60px;
    }
	#pageBlock0.page-block .page-block-header-caption{
        padding: 30px 90px;
	}
    .gebouw-woning-nav,
    .gebouwen-nav,
    .woningaanbod-nav,
    .finance-nav,
	.verkoop-nav,
	.woningtypen-nav{
        padding-left:75px;
        padding-right:75px;
    }
}

@media(min-width:1440px) {
    .logo{
    }
    .logo-icon{
    }
    .menu-centered .logo{
    }
    #theBody .mainmenu{
    }
    .page-block .page-block-module,
    .page-block .page-block-caption{
        padding-left: 120px;
        padding-right: 120px;
    }
    #pageBlock1.page-block .page-block-caption{
    }
    
	#pageBlock0.page-block .page-block-header-caption{
        padding: 30px 120px;
	}
    .gebouw-woning-nav,
    .gebouwen-nav,
    .woningaanbod-nav,
    .verkoop-nav,
	.finance-nav,
	.woningtypen-nav{
        padding-left:105px;
        padding-right:105px;
    }
}
@media(min-width:1600px) {
    .logo-icon{
    }
    .menu-centered .logo{
    }
    #theBody .mainmenu{
    }
    .page-block .page-block-module,
    .page-block .page-block-caption{
        padding-left: 160px;
        padding-right: 160px;
    }
    
	#pageBlock0.page-block .page-block-header-caption{
        padding: 30px 160px;
	}
    .gebouw-woning-nav,
    .gebouwen-nav,
    .woningaanbod-nav,
    .verkoop-nav,
	.finance-nav,
	.woningtypen-nav{
        padding-left:145px;
        padding-right:145px;
    }
}









#meld-je-aan.page-block.cta-left{
    background: rgba(20,44,41,0.8); border-radius: 50%; width: 200px; height: 200px;
    left: 0px; top: 0px; z-index: 10; margin: 0px 0px 30px 0px;
}
.page-block.cta-right{
    background: rgba(20,44,41,0.8); border-radius: 50%; width: 200px; height: 200px;
    position: absolute; left: auto; right: 30px; top: 30px; z-index: 10;
}
.home .page-block.cta-right{
    display: none;
}


.aanbod .page-block.cta-right{
    background: rgba(162,174,152,0.8);
}
.de-gebouwen .page-block.cta-right,
.aanbod .page-block.cta-right,
.home .page-block.cta-right{
    transform: scale(0.3,0.3)!important;
    transform-origin: top right;
}
#meld-je-aan.page-block.cta-left .page-block-caption,
.page-block.cta-right .page-block-caption{
    padding: 15px 0px!important;
}
#meld-je-aan.page-block.cta-left .page-block-caption .page-block-ttl.ttl-only h2,
.page-block.cta-right .page-block-caption .page-block-ttl.ttl-only h2,
#meld-je-aan.page-block.cta-left .page-block-caption .page-block-ttl h2,
.page-block.cta-right .page-block-caption .page-block-ttl h2{
    text-align: center; font-weight: 200; padding-top: 30px; font-size: 24px;
    width: 100%;
}
#meld-je-aan.page-block.cta-left .page-block-caption .page-block-ttl h2{
    padding-top: 10px;
}
.page-block.cta-right .page-block-caption .page-block-ttl h2{
    padding-top: 0px; font-size: 30px;
}
#meld-je-aan.page-block.cta-left .page-block-caption .page-block-ttl.ttl-only h2 a,
.page-block.cta-right .page-block-caption .page-block-ttl.ttl-only h2 a,
#meld-je-aan.page-block.cta-left .page-block-caption .page-block-ttl h2 a,
.page-block.cta-right .page-block-caption .page-block-ttl h2 a{
    color: #ffffff; font-weight: 200;
    width: 100%;
}
.page-block.cta-right .page-block-caption .page-block-txt p,
.page-block.cta-left .page-block-caption .page-block-txt p{
    color: #ffffff; text-align: center; font-size: 18px; margin: 0px; padding: 0px;
}

#meld-je-aan.page-block.cta-left .page-block-caption .btn-primary,
.page-block.cta-right .page-block-caption .btn-primary{
    color: #ffffff; border: 0px; padding: 0px; font-weight: 500; width: 100%; text-align: center; font-size: 14px;
}

.page-block.cta-center .btn-primary{
    background: #173936!important; padding: 10px 30px;
}
.page-block.cta-center .btn-primary span{
    color: #ffffff; font-size: 20px;
}


.finance #pageBlock0 .page-block-header-caption .page-block-name h1, 
.rekenvoorbeelden #pageBlock0 .page-block-header-caption .page-block-name h1, 
.finance-routekaart #pageBlock0 .page-block-header-caption .page-block-name h1  {
    color: #ffffff;
}

.de-gebouwen #pageBlock1,
.aanbod #pageBlock1{
    background: #ECE1CE; padding: 30px 0px;
}
.finance #pageBlock1{
}
.de-gebouwen #pageBlock1 .page-block-name,
.aanbod #pageBlock1 .page-block-name,
.finance-routekaart #pageBlock1 .page-block-name{
    display: none;
}
.woningaanbod #pageBlock1 .page-block-name{
    display: block!important;
}

.de-gebouwen #pageBlock2.page-block{
    background: #ECE1CE;
}
.aanbod #pageBlock2.page-block,
.finance #pageBlock2.page-block{
    background: #ffffff;
}
.de-gebouwen #pageBlock2.page-block .page-block-caption p::after,
.finance #pageBlock2.page-block .page-block-caption p::after,
.aanbod #pageBlock2.page-block .page-block-caption p::after{
    position: relative; float: left; width: 100%; content: ''; height: 7px; background: url("../img/frame/greengolf.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 30px;
}


.gebouwenplattegrond.page-block{
    overflow: hidden;
    background: #ECE1CE; margin-bottom: 60px;
}
.gebouwenplattegrond .page-block-caption{
    display: none;
}
.gebouwenplattegrond .page-block-page_image img{
    width: 200%;
}
.gebouwenplattegrond .interactive_layer{
    width: 200%;
}


#vlak54,
#vlak55,
#vlak56{
    -webkit-animation: vlak_ani 3s linear infinite;
    -moz-animation: vlak_ani 3s linear infinite;
    -ms-animation: vlak_ani 3s linear infinite;
    -o-animation: vlak_ani 3s linear infinite;
    animation: vlak_ani 3s linear infinite;
    transform-origin: center center;
    cursor: pointer;
    
    
	filter: drop-shadow(1px 1px 2px #A7A7A7);
}

#vlak54:hover,
#vlak55:hover,
#vlak56:hover{
    fill:#173936!important;
}


@keyframes vlak_ani {
  0% {
      fill:#DB8C4A;
  }
  50% {
      fill:#E5BE95;
  }
  100% {
      fill:#DB8C4A;
  }
}


@media(min-width:991px) {
    .gebouwenplattegrond .page-block-page_image img{
        width: 100%;
    }
    .gebouwenplattegrond .interactive_layer{
        width: 100%;
    }
}



@media(max-width:768px) {
	.gebouwen-nav a{
		width: 100%!important; float: left; border: 0px!important; margin: 0px;
	}
}
@media(min-width:768px) {

	#meld-je-aan.page-block.cta-left{
		margin-left: calc(50% - 100px)!important;
		margin-right: calc(50% - 100px)!important;
	}
	
    .de-gebouwen #pageBlockPage,
    .aanbod #pageBlockPage,
    .verkoop #pageBlockPage,
    .de-gebouwen #pageBlockPage,
    .de-gebouwen #pageBlockPage{
        justify-content: flex-start; align-items: stretch; gap:0px!important;
    }
    .gebouw-woning-nav a,
    .gebouwen-nav a,
    .verkoop-nav a,
    .woningaanbod-nav a,
    .finance-nav a{
        font-size: 16px;
    }
    .home .page-block.cta-right,
    .de-gebouwen .page-block.cta-right,
    .aanbod .page-block.cta-right{
        transform: scale(1)!important;
        transform-origin: top right;
    }
    .de-gebouwen #pageBlock1,
    .aanbod #pageBlock1{
        width: 100%; margin: 0px!important;
    }
    .de-gebouwen #pageBlock2,
    .aanbod #pageBlock2,
    .finance #pageBlock2{
        width: 100%; margin: 0px!important;
    }
    

   .de-gebouwen .page-block.cta-right,
    .home .page-block.cta-right{
        display: block;
       /*  position: fixed!important; top: auto!important; bottom: 45px!important; left: 45px!important; 

      -webkit-transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg)!important;
        */
        
    }

}


@media(min-width:991px) {
    .de-gebouwen #pageBlock1,
    .aanbod #pageBlock1{
        width: 60%;
    }
    .de-gebouwen #pageBlock2,
    .aanbod #pageBlock2,
    .finance #pageBlock2{
        width: 40%;
    }
    
    .finance #pageBlock2.page-block{
        padding: 205px 0px 45px 0px;
    }

}
@media(min-width:1280px) {
    
    .home .page-block.cta-right,
    .de-gebouwen .page-block.cta-right,
    .aanbod .page-block.cta-right{
        transform: scale(1.4)!important;
        transform-origin: top right;
    }
    
    .aanbod #pageBlock0 .page-block-header-caption .page-block-name h1{
        /*float: right; text-align: right;*/ width: 40%;
    }
    
    .de-gebouwen .page-block.cta-right,
    .home .page-block.cta-right{
       /* bottom: 55px!important; left: 35px!important;*/
     }
    
}
@media(min-width:1600px) {
    
    .home .page-block.cta-right,
    .de-gebouwen .page-block.cta-right,
    .aanbod .page-block.cta-right{
        right: 160px; top: 120px;
    }
    
}
@media(min-width:1280px) {
	.page-block.cta-right{
		width: 220px; height: 220px;
	}
}


.gebouw-block.page-block{
    display: flex; flex-wrap: wrap; margin-bottom: 60px;
}
.gebouw-block.page-block .page-block-caption{
    padding: 45px 30px 15px 30px; order: 2;
}
x


.gebouw-block.page-block .page-block-image{
    position: relative; z-index: 2; width: 100%; top: 0px; order: 1
}
.gebouw-block.page-block .page-block-image .icon{
    position: absolute; width: 120px; top: auto; bottom: 30px; left: 30px;
}
.gebouw-block.page-block .page-block-image .icon svg{
    width: 100%;
}

#info_de-groene-jager .icon #dgj .geb_st0,
#info_de-ruyter .icon #dr .geb_st0,
#info_de-zeven-gebroeders .icon #dzg .geb_st0{
    fill-opacity:1;
    -webkit-animation: icon_gebouw_ani 2s linear infinite;
    -moz-animation: icon_gebouw_ani 2s linear infinite;
    -ms-animation: icon_gebouw_ani 2s linear infinite;
    -o-animation: icon_gebouw_ani 2s linear infinite;
    animation: icon_gebouw_ani 2s linear infinite;
    transform-origin: center center;
}

@keyframes icon_gebouw_ani {
  0% {
    fill-opacity:1;
  }
  50% {
    fill-opacity:0.4;
  }
  100% {
    fill-opacity:1;
  }
}

#info_de-groene-jager .icon #dgj_text .geb_st3,
#info_de-ruyter .icon #dr_text .geb_st3,
#info_de-zeven-gebroeders .icon #dzg_text .geb_st3{
    fill:#173936;
}

.gebouw-block.page-block .page-block-page_image{
    z-index: 1; padding-top: 0px; order: 4; width: 50%; float: right; padding-bottom: 45px; padding-left: 50%;
    display: none;
}
.gebouw-block.page-block .page-block-link{
    padding: 30px 30px 30px 30px;
}
.gebouw-block.page-block .page-block-caption h2{
    font-weight: 500; font-size: 16px;    
}
.gebouw-block.page-block .page-block-caption .page-block-txt p{
    
}
.gebouw-block.page-block .page-block-caption .page-block-txt.intro-desc p{
    /*font-size: 2em; font-weight: 200; line-height: 1em;  */ 
    font-size: 1.3em;
}
.gebouw-block.page-block .page-block-caption h2{
    font-size: 24px; padding-left: 60px;
    position: relative; font-weight: 200; 
    margin: 60px 0px;
}
.gebouw-block.page-block .page-block-caption h2::before{
    position: absolute; left: 0px; top: -45px; height: calc(100% + 90px); width: 60px;
    background-image: url("../img/frame/DGJ.svg"); background-repeat: no-repeat; background-size: 40px; content: ''; display: block; background-position: center left;
}
#info_de-ruyter.gebouw-block.page-block .page-block-caption h2::before{
    background-image: url("../img/frame/DR.svg");
}
#info_de-zeven-gebroeders.gebouw-block.page-block .page-block-caption h2::before{
    background-image: url("../img/frame/DZG.svg");
}

.gebouw-block.page-block .page-block-caption .page-block-txt p, .page-block-caption .page-block-txt ul li{
    font-size: 12px;
}

.gebouw_inventaris{
    position: relative; font-weight: 500;
    padding: 0px 30px 45px 30px; width: 100%; color: #173936; line-height: 1.8; font-size: 14px; order: 3
}
.gebouw_inventaris h2{
    color: #173936; font-size: 16px; font-weight: 200; display: none;
}
.gebouw_inventaris span{
	font-weight: 200;
}
.gebouw_inventaris .btn-primary span{
	font-weight: 500;
}
.gebouw_inventaris .btn-primary{
}
.gebouw_inventaris span a{
	text-decoration: none;
    color: #173936;
}
.gebouw_inventaris span a:hover{
	text-decoration: underline;
}


.gebouw_inventaris .btn-primary{
    margin-top: 30px; 
	background-image: url("../img/frame/arrow-right-green.svg")!important; background-position: center left!important; background-size: 45px!important; background-repeat: no-repeat!important; padding-left: 60px;
    border: 0px;
}

#info_de-groene-jager .gebouw_inventaris,
#info_de-groene-jager .page-block-caption{
    background: #f4ede2;
}

#info_de-ruyter .gebouw_inventaris,
#info_de-ruyter .page-block-caption{
    background: #ece1ce;
}
#info_de-zeven-gebroeders .gebouw_inventaris,
#info_de-zeven-gebroeders .page-block-caption{
    background: #e5be95;
}

@media(min-width:600px) {
    .gebouw-block.page-block .page-block-image{
        width: 70%;
    }
    .gebouw_inventaris{
        padding-bottom: 200px;
    }
    .gebouw-block.page-block .page-block-page_image{
        z-index: 1; padding-top: 0px; order: 4; width: 100%; float: right; padding-bottom: 45px; padding-left: 30%;
        display: block; margin-top: -150px;
    }
}

@media(min-width:768px) {
    .gebouw-block.page-block .page-block-image{
        width: 49%; float: left;
    }
    .gebouw-block.page-block{
        display: block;
    }
    .gebouw-block.page-block .page-block-caption{
        padding: 60px 30px 0px 30px; width: 51%; order: 1; margin-top: 0px; float: right;
    }
    #info_de-groene-jager.gebouw-block.page-block .page-block-caption{
        padding-top: 150px!important;
    }
    .gebouw-block.page-block .gebouw_inventaris{
        padding: 0px 30px 200px 30px; width: 51%; margin-top: 0px; float: right;
    }
    .gebouw-block.page-block .page-block-image{
    }
    .gebouw-block.page-block .page-block-page_image{
    }
    .gebouw-block.page-block .page-block-link{
    }
    
    .gebouw-block.page-block .page-block-page_image{
        position: relative; width: 51%; top: 0px; padding: 0px 10% 0px 0px; float: right; margin-top: -150px;
    }
    
    #info_de-ruyter.gebouw-block.page-block .page-block-image{
        float: right;
    }
    #info_de-ruyter.gebouw-block.page-block .page-block-caption{
        float: left;
    }
    #info_de-ruyter.gebouw-block.page-block .gebouw_inventaris{
        float: left;
    }
    #info_de-ruyter.gebouw-block.page-block .page-block-page_image{
        float: left; padding: 0px 0px 0px 10%;
    }
}

@media(min-width:900px) {
    .gebouw-block.page-block {
        margin-bottom: 60px;
    }
    .gebouw-block.page-block .page-block-caption{
        padding: 60px 60px 0px 60px;
    }
    .gebouw-block.page-block .gebouw_inventaris{
        padding: 0px 60px 200px 60px;
    }
    .gebouw-block.page-block .page-block-link{
        padding: 30px 60px 30px 60px;
    }
}

@media(min-width:1280px) {
    .gebouw-block.page-block .page-block-caption{
        padding: 60px 60px 0px 60px;
    }
    .gebouw-block.page-block .gebouw_inventaris{
        padding: 0px 60px 200px 60px;
    }
    .gebouw-block.page-block .page-block-link{
        padding: 30px 60px 30px 60px;
    }
    .gebouw-block.page-block .page-block-page_image{
        padding: 0px 20% 0px 0px;
    }
    #info_de-ruyter.gebouw-block.page-block .page-block-page_image{
        padding: 0px 0px 0px 20%;
    }
}

@media(min-width:1440px) {
    .gebouw-block.page-block .page-block-caption{
        padding: 90px 60px 0px 60px;
    }
    .gebouw-block.page-block .gebouw_inventaris{
        padding: 0px 60px 200px 60px; font-size: 18px;
    }
    .gebouw-block.page-block .page-block-link{
        padding: 30px 60px 30px 60px;
    }
    .gebouw-block.page-block .page-block-caption h2{
        margin-bottom: 90px;
    }
    .gebouw-block.page-block .page-block-caption .page-block-txt.intro-desc p{
        font-size: 24px;
        
    }
    .gebouw-block.page-block .page-block-caption .page-block-txt p,
    .gebouw-block.page-block .page-block-caption .page-block-txt li{
        font-size: 18px;
    }
}
@media(min-width:1600px) {
    .gebouw-block.page-block {
        margin-bottom: 90px;
    }
    .gebouw-block.page-block .page-block-caption{
        padding: 120px 60px 30px 60px;
    }
    .gebouw-block.page-block .gebouw_inventaris{
        padding: 0px 60px 200px 60px;
    }
    .gebouw-block.page-block .page-block-link{
        padding: 30px 60px 30px 60px;
    }
    .gebouw-block.page-block .page-block-page_image{
        padding: 0px 25% 0px 0px;
    }
    #info_de-ruyter.gebouw-block.page-block .page-block-page_image{
        padding: 0px 0px 0px 25%;
    }
}


#pageBlock0.gebouwenheader{
    overflow: hidden;
    
}
#pageBlock0.gebouwenheader .page-block-caption{
    pointer-events: none;
}
#pageBlock0.gebouwenheader .page-block-page_image{
    
}
#headersvg #de-zeven-gebroeders #vierkant54,
#headersvg #de-ruyter #vierkant55,
#headersvg #de-groene-jager #vierkant56,
#headersvg #de-zeven-gebroeders #tekst54 .he_st3,
#headersvg #de-ruyter #tekst55 .he_st3,
#headersvg #de-groene-jager #tekst56 .he_st3,
#headersvg #de-zeven-gebroeders #lijn54,
#headersvg #de-ruyter #lijn55,
#headersvg #de-groene-jager #lijn56{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    cursor: pointer;
}
#headersvg #de-zeven-gebroeders #vierkant54,
#headersvg #de-ruyter #vierkant55,
#headersvg #de-groene-jager #vierkant56,
#headersvg #de-zeven-gebroeders #tekst54 .he_st3,
#headersvg #de-ruyter #tekst55 .he_st3,
#headersvg #de-groene-jager #tekst56 .he_st3,
#headersvg #de-zeven-gebroeders #lijn54,
#headersvg #de-ruyter #lijn55,
#headersvg #de-groene-jager #lijn56{
    -webkit-animation: line_ani 3s linear infinite;
    -moz-animation: line_ani 3s linear infinite;
    -ms-animation: line_ani 3s linear infinite;
    -o-animation: line_ani 3s linear infinite;
    animation: line_ani 3s linear infinite;
    transform-origin: center center;
}


@keyframes line_ani {
  /*0% {
      transform: scale(1,1);
  }
  50% {
      transform: scale(1,0.95);
  }
  100% {
      transform: scale(1,1);
  }*/
}

#headersvg #de-zeven-gebroeders:hover #vierkant54,
#headersvg #de-ruyter:hover #vierkant55,
#headersvg #de-groene-jager:hover #vierkant56{
    fill:#142C29;stroke:#ffffff; fill-opacity:1;
}
#headersvg #de-zeven-gebroeders:hover #tekst54 .he_st3,
#headersvg #de-ruyter:hover #tekst55 .he_st3,
#headersvg #de-groene-jager:hover #tekst56 .he_st3{
    fill:#ffffff;
}
#headersvg #de-zeven-gebroeders:hover #lijn54,
#headersvg #de-ruyter:hover #lijn55,
#headersvg #de-groene-jager:hover #lijn56{
    stroke:#ffffff;
}




@media(max-width:700px) {
    .de-gebouwen .page-block.cta-right{
        display: none;
    }
    
    #pageBlock0.gebouwenheader .page-block-page_image{
        overflow: hidden;
    }
    #pageBlock0.gebouwenheader .page-block-page_image img{
        width: 130%; margin-left: -10%;
    }
    #pageBlock0.gebouwenheader .page-block-page_image .interactive_layer{
        left: -10%; width: 130%;
    }
}



#heb-je-interesse{
}
#heb-je-interesse .page-block-caption-head{
    padding-bottom: 0px!important; margin-bottom: 0px!important;
}
#heb-je-interesse .page-block-caption .page-block-ttl.ttl-only h2{
    text-align: center;
    margin-top: 45px;
}
#heb-je-interesse .page-block-caption .page-block-link{
    text-align: center;
    margin-top: 0px; padding-top: 0px; margin-bottom: 45px;
}

#verkoopinformatie,
#verkoopinformatie2{
    background: #ffffff;
}

#verkoopinformatie .page-block-txt,
#verkoopinformatie2 .page-block-txt{
    padding-top: 80px;
}
#verkoopinformatie .page-block-txt h3,
#verkoopinformatie2 .page-block-txt h3{
    margin-bottom: 0px; padding-bottom: 0px; font-size: 20px;
}
#verkoopinformatie .page-block-txt p,
#verkoopinformatie2 .page-block-txt p{
    font-size: 16px;
}
#verkoopinformatie2 .page-block-ttl,
#verkoopinformatie2 .page-block-caption-head{
    display: none;
}
#verkoopinformatie2{
    margin-bottom: 60px;
}

#verkoopinformatie .page-block-txt::after{
    position: absolute; top: 0px; background: url("../img/logo/Bert-van-Vulpen.png"); width: 100%; height: 50px; background-size: contain; background-position: center left; background-repeat: no-repeat; content: ''; display: block;
}
#verkoopinformatie2 .page-block-txt::after{
    position: absolute; top: 0px; background: url("../img/logo/krk.png"); width: 100%; height: 50px; background-size: contain; background-position: center left; background-repeat: no-repeat; content: ''; display: block;
}
#verkoopinformatie .page-block-caption p a,
#verkoopinformatie2 .page-block-caption p a{
    text-decoration: none;
}



@media(min-width:768px) {
#verkoopinformatie,
#verkoopinformatie2{
    width: 100%;
}
#verkoopinformatie .page-block-caption{
    width: 50%; 
}
#verkoopinformatie2 .page-block-caption{
    width: 50%;  float: right;
}
}
@media(min-width:991px) {
    #heb-je-interesse{
        width: 50%;
    }
    #heb-je-interesse .page-block-caption-head{
        padding-top: 90px; 
    }
	
	
	#meld-je-aan.page-block.cta-left{
		margin-left: calc(15% - 100px)!important;
		margin-right: calc(15% - 100px)!important;
		margin-top: 45px;
	}
	
    #verkoopinformatie{
        width: 66%; margin-top: 60px;
    }
    #verkoopinformatie2{
        width: 34%; margin-top: 60px;
    }
    #verkoopinformatie2 .page-block-caption{
        width: 100%;  float: right;
    }
    #verkoopinformatie.page-block .page-block-caption{
         padding: 30px;
    }
    #verkoopinformatie2.page-block .page-block-caption{
         padding: 30px;
    }
    #verkoopinformatie .page-block-caption-head,
    #verkoopinformatie2 .page-block-caption-head{
        padding-right: 0px;
    }
    #verkoopinformatie .page-block-caption p,
    #verkoopinformatie2 .page-block-caption p{
    }
    #verkoopinformatie .page-block-caption .page-block-ttl h2,
    #verkoopinformatie2 .page-block-caption .page-block-ttl h2{
    }
}

@media(min-width:1280px) {
    #verkoopinformatie{
        width: 70%; margin-top: 60px;
    }
    #verkoopinformatie .page-block-caption{
        width: 40%;
    }
    #verkoopinformatie .page-block-caption-head{
        width: 60%;
    }
    #verkoopinformatie2{
        width: 30%; margin-top: 60px;
    }
	#meld-je-aan.page-block.cta-left{
		margin-top: 75px;
	}
}
	
@media(min-width:1440px) {
	#meld-je-aan.page-block.cta-left{
		width: 220px; height: 220px;
		margin-left: calc(15% - 110px)!important;
		margin-right: calc(15% - 110px)!important;
		
	}
    #verkoopinformatie{
        width: 75%; margin-top: 60px;
    }
    #verkoopinformatie .page-block-caption{
        width: 33%;
    }
    #verkoopinformatie .page-block-caption-head{
        width: 66%;
    }
    #verkoopinformatie2{
        width: 25%; margin-top: 60px;
    }
}
    

#woningaanbod1.page-block .page-block-caption{
    width: 60%; position: relative; margin-right: 40%; padding-top: 45px!important; padding-bottom: 0px!important;
}
#woningaanbod1.page-block .page-block-caption .page-block-ttl h2{
	color: #ffffff;
} 
.woningaanbod-nav{
    z-index: 2; margin-bottom: 30px!important; float: left;
}
@media(max-width:991px) {
    .woningaanbod-nav a{
        width: 100%!important; border-right: 0px; position: relative; float: left;
    }   
}

#woningaanbod1.page-block .page-block-module{
    z-index: 1; display: flex; justify-content: flex-start; flex-wrap: wrap;
}
#woningaanbod1.page-block::before{
    background: #ECE1CE; width: 60%; position: absolute; z-index: 0; display: block; content: ''; height: 40vw; left: 0px; top: 0px; min-height: 400px; max-width: 1188px; max-height: 760px;
}
#woningaanbod1.page-block::after{
    background: #E7B98D; width: 40%; position: absolute; z-index: 0; display: block; content: ''; height: 20vw; left: 60%; top: 0px;
    max-width: 792px;max-height: 360px;
}

.block.woningaanbod:nth-of-type(5){
    margin-top: 90px;
}
.block.woningaanbod:nth-of-type(5) .block-image{
	overflow:  visible;
}
.block.woningaanbod:nth-of-type(5) .block-image::before{
    background: #A2AE98; width: calc(100% + 160px); position: absolute; z-index: 0; display: block; content: ''; height: calc(100% + 90px); left: -160px; top: -90px; max-width: 960px;
}
.block.woningaanbod:nth-of-type(5)::after{
    background: url("../img/logo/topmenu/logo-icon-w.svg"); display: block; position: absolute; width: 50px; height: 80px; background-size: contain;
    content: ''; left: 30px; top: -40px; background-repeat: no-repeat;
}
@media(min-width:768px) {
    .block.woningaanbod:nth-of-type(6){
        margin-top: 90px;
    }
}


#parkeerplek{
    background:#ECE1CE;
}
@media(min-width:600px) {
    #parkeerplek{
        background:#ECE1CE;
    }
    
    #parkeerplek .page-block-image{
        width: 50%; float: left;
        padding-left: 0px;
    }
    #parkeerplek .page-block-caption{
        width: 50%; float: right; padding-top: 30px!important;
    }
    #parkeerplek .page-block-caption-head{
        padding-bottom: 0px; margin-bottom: 0px;
    }
}


@media(min-width:768px) {
    #parkeerplek .page-block-image{
        padding-left: 0px;
    }
}

@media(min-width:900px) {
    #parkeerplek .page-block-image{
        padding-left: 0px;
    }
}

@media(min-width:1280px) {
    #parkeerplek .page-block-image{
        padding-left: 0px;
    }
}

@media(min-width:1440px) {
    #parkeerplek .page-block-image{
        padding-left: 0px;
    }
}
@media(min-width:1600px) {
    #parkeerplek .page-block-image{
        padding-left: 0px;
    }
}


#pageBlock0.finance-header .page-block-page_image img{
    position: relative;
}

#pageBlock0.gebouwen-header .page-block-page_image::after,
#pageBlock0.finance-header .page-block-page_image::after,
#pageBlock0.woningaanbod-header .page-block-page_image::after,
#pageBlock0.verkoopteam-header .page-block-page_image::after/*,
.home #pageBlock0 .page-block-page_image::after*/{
    width: 100%; position: absolute; z-index: 0; display: block; content: ''; height: 60%; left: 0px; top: auto; bottom: 0px;
    background: rgb(0,0,0, 0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    
    z-index: 0;
}
#pageBlock0.verkoopteam-header .page-block-page_image .page-block-caption,
#pageBlock0.gebouwen-header .page-block-page_image .page-block-caption,
#pageBlock0.finance-header .page-block-page_image .page-block-caption,
#pageBlock0.woningaanbod-header .page-block-page_image .page-block-caption{
    z-index: 1;
}

.finance .menu-finance a.menu-link-click,
.rekenvoorbeelden .menu-finance a.menu-link-click,
.finance-routekaart .menu-finance a.menu-link-click{
    font-weight: 500;
}

.finance .finance-nav a:nth-of-type(1),
.rekenvoorbeelden .finance-nav a:nth-of-type(2),
.verkoop .verkoop-nav a:nth-of-type(1),
.verkoopprocedure .verkoop-nav a:nth-of-type(2),
.finance-routekaart .finance-nav a:nth-of-type(3){
    font-weight: 500; text-decoration: underline;
}


#routekaart.small-quote.page-block,
#rekenvoorbeelden.small-quote.page-block,
#plan-een-kennismaking.small-quote.page-block{
    max-width: 400px;
}

#routekaart.small-quote.page-block .page-block-caption .page-block-ttl h2{
    text-align: right;
}
#routekaart.small-quote.page-block .page-block-caption .page-block-link{
    text-align: right;
}
#rekenvoorbeelden.small-quote.page-block .page-block-caption .page-block-ttl h2 a,
#rekenvoorbeelden.small-quote.page-block .page-block-caption .page-block-txt p,
#rekenvoorbeelden.small-quote.page-block .page-block-caption .page-block-link .btn-primary{
    color: #173936;
}
#rekenvoorbeelden.small-quote.page-block .page-block-caption .page-block-ttl h2{
    font-size: 46px;
}
#plan-een-kennismaking .page-block-caption{
    background: #894420;
}

@media(min-width:700px) {
    #routekaart.small-quote.page-block,
    #rekenvoorbeelden.small-quote.page-block{
        width: 50%; max-width: none;
    }
    #plan-een-kennismaking.small-quote.page-block{
        width: 100%; max-width: none;
    }
    #plan-een-kennismaking.small-quote.page-block .page-block-page_image{
        position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;
    }
    #plan-een-kennismaking.small-quote.page-block .page-block-page_image img{
		float: right; width: auto; height: 100%;
    }
    #plan-een-kennismaking.small-quote.page-block .page-block-image{
        width: 50%!important; float: left;
    }
    #plan-een-kennismaking.small-quote.page-block .page-block-caption{
        width: 50%;
    }
}

@media(min-width:991px) {
    #routekaart.small-quote.page-block,
    #rekenvoorbeelden.small-quote.page-block{
        width: 25%; max-width: none;
    }
    #plan-een-kennismaking.small-quote.page-block{
        width: 50%; max-width: none;
    }
	#routekaart.small-quote.page-block .page-block-caption .page-block-ttl h2,
	#rekenvoorbeelden.small-quote.page-block .page-block-caption .page-block-ttl h2,
	#plan-een-kennismaking.small-quote.page-block .page-block-caption .page-block-ttl h2{
		font-size: 20px!important;
	}
}

@media(min-width:1280px) {
    #routekaart.small-quote.page-block,
    #rekenvoorbeelden.small-quote.page-block{
        width: calc(25% - 60px);
    }
    #routekaart.small-quote.page-block{
    }
    #routekaart.small-quote.page-block::before{
		position: absolute; top: 0px; left: -120px; width: 120px; height: 100%;
		background: #889A7F; content: ''; display: block;
    }
    #plan-een-kennismaking.small-quote.page-block{
        width: calc(50% - 120px);
    }
	#routekaart.small-quote.page-block .page-block-caption .page-block-ttl h2,
	#rekenvoorbeelden.small-quote.page-block .page-block-caption .page-block-ttl h2,
	#plan-een-kennismaking.small-quote.page-block .page-block-caption .page-block-ttl h2{
		font-size: 30px!important;
	}
	#plan-een-kennismaking.small-quote.page-block .page-block-caption .page-block-ttl h2{
		font-size: 20px!important;
	}
}

@media(min-width:1600px) {
    #routekaart.small-quote.page-block,
    #rekenvoorbeelden.small-quote.page-block{
        width: calc(25% - 80px);
    }
    #routekaart.small-quote.page-block{
    }
    #routekaart.small-quote.page-block::before{
		left: -160px; width: 160px;
    }
    #plan-een-kennismaking.small-quote.page-block{
        width: calc(50% - 160px);
    }
	#routekaart.small-quote.page-block .page-block-caption .page-block-ttl h2,
	#rekenvoorbeelden.small-quote.page-block .page-block-caption .page-block-ttl h2,
	#plan-een-kennismaking.small-quote.page-block .page-block-caption .page-block-ttl h2{
		font-size: 40px!important;
	}
	#plan-een-kennismaking.small-quote.page-block .page-block-caption .page-block-ttl h2{
		font-size: 30px!important;
	}
}

#vaes.page-block{
	margin: 45px 0px;
}
#vaes.page-block .page-block-caption{
	background: #A2AE98;
}

#vaes.page-block.vaes-big{
	margin: 45px 0px;
}
#vaes.page-block.vaes-big .page-block-caption{
	background: #ECE1CE;
}
#vaes .page-block-caption-head,
#vaes.vaes-big .page-block-caption-head{
	display: none;
}
#vaes .page-block-caption .page-block-txt a,
#vaes.vaes-big .page-block-caption .page-block-txt a{
	padding: 5px 20px 5px 20px; border-radius: 0px; position: relative; display: inline-block; border:1px solid #173936; margin-right: 30px;
	text-decoration: none;
}

#vaes.page-block.vaes-big .page-block-caption .page-block-txt p{
	text-align: center;
}

@media(min-width:600px) {
	#vaes.page-block.vaes-big .page-block-image{
		width: 50%; float: left;
	}
	#vaes.page-block.vaes-big .page-block-image.page-block-image-png{
		width: 100%; float: left; text-align: center; padding: 0px 25%;
	}
	#vaes.page-block.vaes-big .page-block-caption {
		width: 50%; float: right;
	}
	#vaes.page-block.vaes-small .page-block-caption .page-block-image.page-block-image-png{
		width: 50%; float: left; text-align: center;
	}
	#vaes.page-block.vaes-small .page-block-caption .page-block-image.page-block-image-png img{
        max-width: 400px; float: none;
	}
	#vaes.page-block.vaes-small .page-block-caption .page-block-txt{
		width: 50%; float: right; padding-top: 15px;
	}
	#vaes.vaes-big .page-block-caption .page-block-txt a:nth-of-type(2){
		margin-right: 0px;
	}
}
@media(min-width:991px) {
	#vaes.page-block.vaes-small .page-block-caption .page-block-txt{
        padding-top: 35px;
	}
    #vaes.page-block.vaes-big{
        margin: 75px 0px;
    }

}

.rekenvoorbeelden #pageBlock1{
	display: none;
}

.page-block.color-10{
	background: #E5BE95; margin-bottom: 0px;
}
.page-block.color-10.rekenvoorbeeld-2{
	background: #ECE1CE; margin-bottom: 0px;
}
.page-block.rekenvoorbeeld-1 .page-block-ttl-intro,
.page-block.rekenvoorbeeld-2 .page-block-ttl-intro,
.page-block.rekenvoorbeeld-3 .page-block-ttl-intro{
	background: none; position: relative; top: 0px; left: 0px; width: 100%; height: auto; text-align: left; display: none;
	padding: 16px 0px 0px 0px;
}
.page-block.rekenvoorbeeld-1 .page-block-caption-head,
.page-block.rekenvoorbeeld-2 .page-block-caption-head,
.page-block.rekenvoorbeeld-3 .page-block-caption-head{
	padding-bottom: 0px;
}
.page-block.rekenvoorbeeld-1 .page-block-caption:nth-of-type(2),
.page-block.rekenvoorbeeld-2 .page-block-caption:nth-of-type(2),
.page-block.rekenvoorbeeld-3 .page-block-caption:nth-of-type(2){
	padding-top: 0px;
}
.page-block.rekenvoorbeeld-1 .page-block-caption-head .page-block-ttl-intro,
.page-block.rekenvoorbeeld-2 .page-block-caption-head .page-block-ttl-intro,
.page-block.rekenvoorbeeld-3 .page-block-caption-head .page-block-ttl-intro{
	display: block;
}
.page-block.rekenvoorbeeld-1 .page-block-caption-head .page-block-ttl-intro h3,
.page-block.rekenvoorbeeld-2 .page-block-caption-head .page-block-ttl-intro h3,
.page-block.rekenvoorbeeld-3 .page-block-caption-head .page-block-ttl-intro h3{
	color: #173936; font-size: 16px; line-height: 20px;
}
.page-block.rekenvoorbeeld-1 .page-block-caption-head .page-block-ttl h2,
.page-block.rekenvoorbeeld-2 .page-block-caption-head .page-block-ttl h2,
.page-block.rekenvoorbeeld-3 .page-block-caption-head .page-block-ttl h2{ 
    font-size: 16px;
}
.page-block.rekenvoorbeeld-1 .page-block-caption .page-block-txt,
.page-block.rekenvoorbeeld-2 .page-block-caption .page-block-txt,
.page-block.rekenvoorbeeld-3 .page-block-caption .page-block-txt{ 
}


@media(min-width:991px) {
    .page-block.rekenvoorbeeld-1 .page-block-ttl-intro,
    .page-block.rekenvoorbeeld-2 .page-block-ttl-intro,
    .page-block.rekenvoorbeeld-3 .page-block-ttl-intro{
    }
	.page-block.rekenvoorbeeld-1,
	.page-block.rekenvoorbeeld-2,
	.page-block.rekenvoorbeeld-3{
	}
}
@media(min-width:1280px) {
    .page-block.rekenvoorbeeld-1 .page-block-ttl-intro,
    .page-block.rekenvoorbeeld-2 .page-block-ttl-intro,
    .page-block.rekenvoorbeeld-3 .page-block-ttl-intro{
    }
}
@media(min-width:1440px) {
    .page-block.rekenvoorbeeld-1 .page-block-ttl-intro,
    .page-block.rekenvoorbeeld-2 .page-block-ttl-intro,
    .page-block.rekenvoorbeeld-3 .page-block-ttl-intro{
    }
    .page-block.rekenvoorbeeld-1 .page-block-caption-head .page-block-ttl-intro h3,
    .page-block.rekenvoorbeeld-2 .page-block-caption-head .page-block-ttl-intro h3,
    .page-block.rekenvoorbeeld-3 .page-block-caption-head .page-block-ttl-intro h3,
    .page-block.rekenvoorbeeld-1 .page-block-caption-head .page-block-ttl h2,
    .page-block.rekenvoorbeeld-2 .page-block-caption-head .page-block-ttl h2,
    .page-block.rekenvoorbeeld-3 .page-block-caption-head .page-block-ttl h2{ 
        font-size: 24px;
    }
    .page-block.rekenvoorbeeld-1 .page-block-caption-head .page-block-ttl h2,
    .page-block.rekenvoorbeeld-2 .page-block-caption-head .page-block-ttl h2,
    .page-block.rekenvoorbeeld-3 .page-block-caption-head .page-block-ttl h2{ 
        margin: 30px 0px;
    }
}
@media(min-width:1600px) {
    .page-block.rekenvoorbeeld-1 .page-block-ttl-intro,
    .page-block.rekenvoorbeeld-2 .page-block-ttl-intro,
    .page-block.rekenvoorbeeld-3 .page-block-ttl-intro{
    }
}



@media(max-width:600px) {
.finance-nav a{
    border-right: 0px solid #173936; width: 100%; position: relative; float: left;
}
}

.finance-routekaart .page-block-caption .page-block-txt li{
    padding-left: 65px;
}
.finance-routekaart .page-block-caption .page-block-txt li::before{
    background: url(../img/frame/arrow-right.svg);
    display: block;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px;
}


#pageBlock1.page-block.color-10{
    padding-top: 45px; padding-bottom: 45px; margin-bottom: 0px;
}
@media(min-width:900px) {
.finance-routekaart .gallerymode-4.page-block{
    padding-left: 60px;
} 
.finance-routekaart .gallerymode-4.page-block::before{
    background: #ECE1CE; width: 200px; position: absolute; z-index: 0; display: block; content: ''; height: 30vw; left: 0px; top: 0px; max-height: 581px;
}
}
@media(min-width:1280px) {
.finance-routekaart .gallerymode-4.page-block{
    padding-left: 90px;
} 
}
@media(min-width:1440px) {
.finance-routekaart .gallerymode-4.page-block{
    padding-left: 120px;
} 
}
@media(min-width:1600px) {
.finance-routekaart .gallerymode-4.page-block{
    padding-left: 160px;
} 
}

.pageBlockWoningTypeHeader{
    
}
#pageBlock0.pageBlockWoningTypeHeader .page-block-header-caption{
    top: 0px; bottom: auto;
}
#pageBlock0.pageBlockWoningTypeHeader .page-block-header-caption .page-block-name h1{
    color: #ffffff; width: 100%; text-align: left; max-width: 500px; float: left;
}
#pageBlock0.pageBlockWoningTypeHeader .gebouw-woning-nav a.active{
    text-decoration: none;  background: url("../img/frame/arrow-left.svg"); background-repeat: no-repeat; background-position: 15px center ; padding-left: 90px; background-size: 60px; border:0px!important;
}

#pageBlock1 .page-block-caption .page-block-txt h4{
    font-weight: 200; font-size: 16px;
}
@media(min-width:1280px) {
    #pageBlock1 .page-block-caption .page-block-txt h4{
        font-size: 20px;
    }   
}

.woningaanbod #pageBlock2.page-block{
    padding: 75px 0px;
}



.block.woningtypen {
	margin-bottom: 60px!important; position: relative;
}
.block.woningtypen .block-image{
	position: relative; float: left;
}
.block.woningtypen .block-info-gebouw{
	position: relative;
	width: calc(100% + 60px); padding: 15px 30px; color: #173936; font-weight: 400; float: left;
	margin-left: -30px; min-height: 90px;
}
.block.woningtypen .block-info-gebouw .icon{
    position: absolute; width: 60px; top: auto; bottom: 15px; left: auto; right:30px;
}
.gebouw-block.page-block .page-block-image .icon svg{
    width: 100%;
}


.block.woningtypen .geb_st0{
	fill:#173936;
}
.block.woningtypen .geb_st1{
	stroke:#173936;
}
.block.woningtypen .geb_st3{
	fill:#173936;
}

.block.woningtypen.de-ruyter #dr .geb_st1,
.block.woningtypen.de-groene-jager #dgj .geb_st1,
.block.woningtypen.de-zeven-gebroeders #dzg .geb_st1{
	fill:#173936;
    -webkit-animation: icon_gebouw_ani 2s linear infinite;
    -moz-animation: icon_gebouw_ani 2s linear infinite;
    -ms-animation: icon_gebouw_ani 2s linear infinite;
    -o-animation: icon_gebouw_ani 2s linear infinite;
    animation: icon_gebouw_ani 2s linear infinite;
}
.block.woningtypen.de-ruyter #dr_text .geb_st3,
.block.woningtypen.de-groene-jager #dgj_text .geb_st3,
.block.woningtypen.de-zeven-gebroeders #dzg_text .geb_st3{
	fill:#ffffff;
}


.block.woningtypen .block-caption .block-ttl h2{
	color: #ffffff; margin:  0px 0px 10px 0px; padding: 0px; font-weight: 500;
}
.block.woningtypen .block-caption .block-ttl h2 span{
	font-weight: 400;
}
.block.woningtypen .block-caption .block-ttl h3{
	color: #ffffff; margin: 0px 0px 20px 0px; padding: 0px; font-size: 14px;
}
.block.woningtypen .block-caption .block-ttl h3 a{
	color: #ffffff;
}
.block.woningtypen .block-caption .block-txt ul li,
.block.woningtypen .block-caption .block-txt p{
	color: #ffffff; font-weight: 400;
}
.block.woningtypen .btn-primary{
	border:2px solid #ffffff; color: #ffffff; padding: 8px 15px; margin:0px 0px 30px 0px;
}

.block.woningtypen .block-caption .block-txt ul li::before{
    background-image:url("../img/frame/check-white.svg");
}

.block.woningtypen .block-caption.color-ece1ce .block-ttl h2,
.block.woningtypen .block-caption.color-ece1ce .block-ttl h3,
.block.woningtypen .block-caption.color-ece1ce .block-ttl h3 a,
.block.woningtypen .block-caption.color-ece1ce .block-txt ul li,
.block.woningtypen .block-caption.color-ece1ce .block-txt p,
.block.woningtypen .color-ece1ce .btn-primary{
	color: #173936;
}
.block.woningtypen .block-caption.color-ece1ce .block-txt ul li::before{
    background-image:url("../img/frame/check.svg");
}
.block.woningtypen .color-ece1ce .btn-primary{
	border:2px solid #173936;
}

#woningtypen .page-block-caption-head{
	background: #ece1ce; position: relative; float: left; margin: 0px;
	padding-top: 45px; padding-bottom: 15px;
}
#woningtypen .page-block-caption-head .page-block-ttl h2{
	color: #ffffff;
}
.woningtypen-nav{
	background: #ece1ce; position: relative; float: left; margin: 0px;
	padding-bottom: 145px; margin-bottom: -100px;
}


#woningtypen.page-block .page-block-module{
	padding: 0px;
}
.block-image-plattegrond{
	position: relative; left: 0px; top: 0px; width: 100%; float: left; padding: 30px;
}
.block-image-plattegrond .page-block-carousel,
.block-image-plattegrond .page-block-carousel .carousel-inner,
.block-image-plattegrond .page-block-carousel .carousel-inner .carousel-item{
    height: 100vw;
}
.block-image-plattegrond .page-block-carousel .carousel-inner .carousel-item{
    background-position: center center; background-size: contain; background-repeat: no-repeat;
}
.zoom-icon{
	position: absolute; top: 15px; left: 15px; width: 30px; height: 30px; z-index: 1;
}
.zoom-icon img{
	width: 100%;
}

.block.woningtypen .block-info-gebouw a{
    text-decoration: none; color: #173936; padding-bottom: 40px;
		background-image: url("../img/frame/arrow-right-green.svg"); background-position: bottom left; background-size: 50px; background-repeat: no-repeat;
}
.block.woningtypen .block-info-gebouw .icon a{
	background:none
}


@media(min-width:768px) {
.block.woningtypen .block-caption {
	width: 60%;
}
.block.woningtypen .block-image-plattegrond {
	width: 40%;
}
.block.woningtypen:nth-of-type(2n + 2) .block-caption {
	float: right;
}
.block.woningtypen:nth-of-type(2n + 2) .zoom-icon{
	left: auto; right: 15px;
}
.block.woningtypen .block-info-gebouw{
	padding: 30px 30px 45px 30px; font-size: 18px;
}
.block.woningtypen .block-info-gebouw .icon{
    width: 115px;
}
.block-image-plattegrond .page-block-carousel,
.block-image-plattegrond .page-block-carousel .carousel-inner,
.block-image-plattegrond .page-block-carousel .carousel-inner .carousel-item{
    height: 40vw;
}

}
@media(min-width:900px) {
.block.woningtypen .block-image-first {
	padding: 0px 60px; z-index: 2;
}
.block.woningtypen .block-caption {
	padding-top: 240px; margin-top: -210px; z-index: 1;
	padding-left: 60px; padding-bottom: 125px;
}
.block.woningtypen .block-info-gebouw {
	position: absolute; top: auto; bottom: 0px; left: 0px; margin: 0px; width: 100%;
	padding-left: 60px;
}
}
@media(min-width:1280px) {
.block.woningtypen .block-caption {
	width: 50%;
}
.block.woningtypen .block-image-plattegrond {
	width: 50%; padding: 60px;
}
.block.woningtypen .block-image-first {
	padding: 0px 90px;
}
.block.woningtypen .block-caption {
	padding-left: 90px;
}
.block.woningtypen .block-info-gebouw {
	padding-left: 90px;
}
.block-image-plattegrond .page-block-carousel,
.block-image-plattegrond .page-block-carousel .carousel-inner,
.block-image-plattegrond .page-block-carousel .carousel-inner .carousel-item{
    height: 50vw; max-height: 900px;
}
}
@media(min-width:1440px) {
.block.woningtypen .block-image-first {
	padding: 0px 120px;
}
.block.woningtypen .block-caption {
	padding-left: 120px;
}
.block.woningtypen .block-info-gebouw {
	padding-left: 120px;
}
}
@media(min-width:1600px) {
.block.woningtypen .block-image-first {
	padding: 0px 160px;
}
.block.woningtypen .block-caption {
	padding-left: 160px;
}
.block.woningtypen .block-info-gebouw {
	padding-left: 160px;
}
}



.block.woningtypen:nth-of-type(2)::before{
    background: url("../img/logo/topmenu/logo-icon.svg"); display: block; position: absolute; width: 50px; height: 80px; background-size: contain;
    content: ''; left: auto; right: 30px; top: -100px; background-repeat: no-repeat;
}
@media(min-width:1600px) {
.block.woningtypen:nth-of-type(2)::before{
	right: auto; left: 60px; top: -100px;
}	
}


.home #pageBlockPage{
	background: #ffffff; justify-content: center;
}
.home #pageBlock0.page-block .page-block-header-caption{
	position: absolute; top: 15px; bottom: auto; z-index: 1;
}
.home #pageBlock0.light .page-block-header-caption .page-block-name h1{
	padding-top: 0px!important;
}

.home #pageBlock0.page-block .page-block-text-caption{
	position: absolute; top: auto; bottom: 0px; z-index: 1;
}
.home #pageBlock0.page-block .page-block-text-caption .page-block-text p{
	color: #ffffff;
}
.home #pageBlock0.page-block .page-block-text-caption .btn-primary{
	border:1px solid #ffffff;
}

.home #pageBlock2.page-block{
	width: 100%;
}
.home #pageBlock2.page-block .page-block-caption p{
	font-size: 16px; line-height: 1.6;
}

.kopersondersteuning #pageBlock1 .page-block-caption,
.home #pageBlock1 .page-block-caption {
	background: #ffffff; padding-top: 45px; padding-bottom: 45px;
}

.home #pageBlock1 .page-block-caption .page-block-txt{
}

.home #heb-je-interesse,
#woonvoorkeur{
	background: #ffffff;
}

.home .small-quote.page-block {
	max-width: 400px; margin: 15px 0px;
}
.home .small-quote.page-block .page-block-caption {
    background: #E5BE95;
}
.home .small-quote.page-block .page-block-caption .page-block-link{
	display: none;
}
.home .small-quote.page-block .page-block-caption .page-block-ttl h2,
.home .small-quote.page-block .page-block-caption .page-block-ttl h2 a{
	font-size: 16px; font-weight: 400; color: #163936;
}
.home .small-quote.page-block .page-block-caption .page-block-txt p {
	padding-bottom: 0px; margin-bottom: 0px;
}
.home #de-daktuin.small-quote.page-block {
	margin: 0px; max-width: none; width: 100%!important;
	z-index: 1;
}
.home #sfeer-home.page-block {
	margin: 0px;
}
.home #sfeer-home.page-block::before {
	width: 100%; height: 100%; position: absolute; top: 0px; left: -100%;
	background: #e5be95; content: ''; display: block; z-index: 0;
}
.home #de-daktuin.small-quote.page-block .page-block-caption {
    background: none;
	position: relative; float: left; top: 0px; bottom: auto;
}
.home #pageBlock1 .page-block-caption .page-block-name h1,
.kopersondersteuning #pageBlock1 .page-block-caption .page-block-name h1{
	font-weight: 400; font-size: 20px; text-align: center;
}
.home #pageBlock1 .page-block-caption .page-block-txt p,
.kopersondersteuning #pageBlock1 .page-block-caption .page-block-txt p{
    text-align: center;
}

@media(min-width:600px) {
	.home #pageBlock1,
	.kopersondersteuning #pageBlock1{
		display: flex; justify-content: center; align-items: stretch;
	}
	.home #pageBlock1 .page-block-caption,
	.kopersondersteuning #pageBlock1 .page-block-caption{
		width: 80%;
	}
	#woonvoorkeur .page-block-caption{
		width: 70%;
	}
	#woonvoorkeur .page-block-caption.page-block-caption-head{
		width: 30%;
	}
}


@media(min-width:600px) {
	.home .small-quote.page-block {
	}
	.home #bekijk-hier-het-aanbod.small-quote.page-block {
		width: 100%; margin: 0px;
	}
}

@media(max-width:768px) {
   .gebouwenbtn{
        display: none;
    }
}
@media(min-width:768px) {
	.home #de-daktuin.small-quote.page-block {
		width: 50%!important; margin-top: 45px;
	}
	#sfeer-home{
		width: 50%!important;
	}
	#sfeer-home.gallerymode-2 .page-block-gal_image:nth-of-type(2){
		top: 45px;
	}
	
	.home #de-daktuin.small-quote.page-block .page-block-caption{
		width: 100%; padding-bottom: 30px!important;
	}
    .home #pageBlock0.page-block .page-block-text-caption .btn-primary.gebouwenbtn{
        margin-right: 30px;
    }
    

    .home .small-quote.page-block{
        max-width: 500px;
    }
    .home .small-quote.page-block .page-block-caption .page-block-ttl h2,
    .home .small-quote.page-block .page-block-caption .page-block-ttl h2 a{
        font-size: 20px;
    }
    
}

@media(min-width:900px) {
	
	.home .small-quote.page-block {
		width: 400px; margin-right: -15px;
	}
	
	.home #pageBlock0.page-block .page-block-text-caption .page-block-text p{
		font-size: 20px;
	}
	.home #pageBlock2.page-block .page-block-caption .page-block-txt{
		display: flex; justify-content: center;
	}
	.home #pageBlock2.page-block .page-block-caption{
		padding: 15px 30px;
	}
	.home #pageBlock2.page-block .page-block-caption p{
		padding: 0px 10px; border-right: 1px solid #173936; width: auto;
	}
    .home #pageBlock2.page-block .page-block-caption p {
        font-size: 12px; line-height: 34px;
    }
	.home #pageBlock2.page-block .page-block-caption p:nth-of-type(7){
		border-right: 0px solid #173936;
	}
	.home #pageBlock1 .page-block-caption,
	.kopersondersteuning #pageBlock1 .page-block-caption{
		width: calc(65%);
	}
	.home #pageBlock1 .page-block-image{
	}
	.home #pageBlock1 .page-block-image img{
	}

    .home #pageBlock0.page-block .page-block-text-caption .btn-primary{
        transform: scale(1.3,1.3); transform-origin: left; border: 2px solid #ffffff;
    }
    .home #pageBlock0.page-block .page-block-text-caption .btn-primary.gebouwenbtn{
        margin-right: 100px;
    }
}


@media(min-width:991px) {
	.home #heb-je-interesse{
		width: 100%!important;
	}
	.home #de-daktuin.small-quote.page-block {
		width: calc(50% - 60px)!important; margin-left: 60px;
	}
	#sfeer-home{
		width: 50%!important;
	}
    .home #pageBlock1 .page-block-caption .page-block-name h1,
    .kopersondersteuning #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 34px; margin: 30px 0px;
    }
}


@media(min-width:1000px) {
    .home #de-daktuin {
        padding: 0px 0px; padding-left: 0px;
    }
    
    .daktuin .page-block .page-block-caption h2{
        font-size: 22px;
    }
}


.home #video-home .page-block-caption-head{
 display: none;
}

@media(min-width:1280px) {
	
	.home #pageBlock2.page-block .page-block-caption p{
		padding: 0px 15px;
	}
	.home .small-quote.page-block {
	}
	.home .small-quote.page-block .page-block-caption .page-block-ttl h2{
	}
	.home .small-quote.page-block .page-block-caption .page-block-ttl h2{
	}
	.home #pageBlock0.page-block .page-block-text-caption .page-block-text p{
		font-size: 28px;
	}
    .home #pageBlock2.page-block .page-block-caption p {
        font-size: 16px; line-height: 48px;
    }
    .home #pageBlock2.page-block .page-block-caption p .btn-primary{
        font-size: 16px;  line-height: 34px;
    }
	.home #pageBlock1 .page-block-caption,
	.kopersondersteuning #pageBlock1 .page-block-caption{
		width: calc(75%);
	}
	.home #video-home{
		width: 1170px; margin-left: calc(50% - 585px); margin-right: calc(50% - 585px)
	}
	.home #video-home.page-block .page-block-caption{
        padding-left: 0px; padding-right: 0px;
	}
    .home #de-daktuin.small-quote.page-block {
		margin: 0px!important; margin-top: 45px!important; margin-left: 90px!important; width: calc(50% - 90px)!important;
    }
}


@media(min-width:1280px) {
    
    .home .small-quote.page-block {
        width: 500px;
	}
    .home .small-quote.page-block .page-block-caption{
        padding: 30px!important;
    }
}

@media(min-width:1440px) {
    .home #de-daktuin.small-quote.page-block {
		margin-left: 120px!important; width: calc(50% - 120px)!important;
    }
    .home #pageBlock2.page-block .page-block-caption p,
    .home #pageBlock2.page-block .page-block-caption p .btn-primary{
        font-size: 20px;
    }
}

@media(min-width:1600px) {
    .home #de-daktuin.small-quote.page-block, 
    .kopersondersteuning #de-daktuin.small-quote.page-block {
		margin-left: 160px!important; width: calc(50% - 160px)!important;
    }
}

.verkoopprocedure #pageBlock1{
	background: #889A7F;
    padding: 30px 0px;
}
.verkoopprocedure #pageBlock2{
	background: #ffffff;
}
.verkoopprocedure #pageBlock2 .page-block-caption{
	padding-left: 45px!important; padding-right: 45px!important;
}
@media (min-width: 991px){
	.verkoopprocedure #pageBlock1{
		width: 70%;
	}
	.verkoopprocedure #pageBlock2{
		width: 30%; padding-top: 150px;
	}
}

.verkoop #pageBlock1{
	background: #ECE1CE;
    padding: 30px 0px;
}
@media (min-width: 991px){
	.verkoop #pageBlock1{
		width: 60%; margin-right: 40%;
	}
}


#krk-makelaars .page-block-caption-head,
#bert-van-vulpen .page-block-caption-head{
	display: none;
}
#krk-makelaars .second-page-block-ttl,
#bert-van-vulpen .second-page-block-ttl{
	display: block;
}
#krk-makelaars .page-block-caption{
	background: #e6b98f;
}
#bert-van-vulpen .page-block-caption{
	background: #a2ae99;
}

.page-block-caption-extra{
	display: none;
}
#krk-makelaars .page-block-caption-extra{
	background: #c87f3b; display: block; padding-top: 15px; padding-bottom: 15px;
}
#bert-van-vulpen .page-block-caption-extra{
	background: #889a80; display: block; padding-top: 15px; padding-bottom: 15px;
}

#krk-makelaars .page-block-caption-extra h3,
#bert-van-vulpen .page-block-caption-extra h3{
	display: block; margin: 0px; padding: 0px;
}
#krk-makelaars .page-block-caption-extra .page-block-txt-extra{
	background: url("../img/logo/krk.svg"); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 50px; background-size: 100px; margin-bottom: 30px; margin-top: 30px;
}
#bert-van-vulpen .page-block-caption-extra .page-block-txt-extra{
	background: url("../img/logo/bertvanvulpen.svg"); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 50px; background-size: 140px; margin-bottom: 30px; margin-top: 30px;
}

#krk-makelaars.page-block .page-block-caption .page-block-txt h3,
#bert-van-vulpen.page-block .page-block-caption .page-block-txt h3{
	font-weight: 200; font-size: 16px;
}

@media (min-width: 600px){
	
#krk-makelaars .page-block-caption,
#bert-van-vulpen .page-block-caption,
#krk-makelaars .page-block-image,
#bert-van-vulpen .page-block-image{
	width:100%;
}
}
@media (min-width: 768px){
	
#krk-makelaars,
#bert-van-vulpen{
	margin-bottom: 45px;
}	
#krk-makelaars .page-block-caption,
#bert-van-vulpen .page-block-caption{
	width:55%;
}
#krk-makelaars .page-block-image,
#bert-van-vulpen .page-block-image{
	width:45%;
}
#bert-van-vulpen .page-block-caption{
	float: right;
}
#bert-van-vulpen .page-block-image{
	float: left;
}
}

@media (min-width: 991px){	
#krk-makelaars .page-block-caption,
#bert-van-vulpen .page-block-caption{
	width:60%;
}
#krk-makelaars .page-block-image,
#bert-van-vulpen .page-block-image{
	width:40%;
}
	
#krk-makelaars .page-block-caption-extra .page-block-txt-extra,
#bert-van-vulpen .page-block-caption-extra .page-block-txt-extra{
	background-position: center left; padding-bottom: 0px; background-size: 140px; margin-bottom: 30px; margin-top: 30px; padding-left: 50%;
}
	
#krk-makelaars::before{
    background: url("../img/logo/topmenu/logo-icon.svg"); display: block; position: absolute; width: 50px; height: 80px; background-size: contain;
    content: ''; left: 62%; top: -100px; background-repeat: no-repeat;
}
	
	
}

@media (min-width: 1280px){	
#krk-makelaars,
#bert-van-vulpen{
	margin-bottom: 75px;
}	
#krk-makelaars .page-block-caption{
	margin-left: 120px; width:calc(60% - 120px);
}
#bert-van-vulpen .page-block-caption{
	margin-right: 120px; width:calc(60% - 120px);
}
}

@media (min-width: 1440px){	
	#krk-makelaars.page-block .page-block-caption .page-block-txt h3, #bert-van-vulpen.page-block .page-block-caption .page-block-txt h3{
		font-size: 24px;
	}

	#krk-makelaars .page-block-caption-extra .page-block-txt-extra,
	#bert-van-vulpen .page-block-caption-extra .page-block-txt-extra{
		padding-left: 40%;
	}

}

@media (min-width: 1600px){	
#krk-makelaars .page-block-caption{
	margin-left: 160px; width:calc(60% - 160px);
}
#bert-van-vulpen .page-block-caption{
	margin-right: 160px; width:calc(60% - 160px);
}
}

.contact #pageBlock1{
	display: none;
}
.contact #pageBlock0 .page-block-header-caption .page-block-name h1{
	color: #ffffff;
}

#formulier .page-block-caption{
	background: #889a80;
}

@media (min-width: 768px){
	#formulier .page-block-caption{
		width: 60%; padding-top: 45px; padding-bottom: 45px!important;
	}
	#formulier .page-block-image{
		width: 40%; 
	}
	#formulier.page-block .page-block-module{
		padding: 0px!important;
	}
}
@media (min-width: 1280px){
	#formulier .page-block-caption{
		width: 50%; margin-left: 10%; margin-bottom: 60px;
	}
	#formulier .page-block-image{
		width: 30%; margin-right: 10%;
	}
}

#overbruggingsservice{
    height: 1px; overflow: hidden; padding: 0px!important; margin: 0px!important;
}

#woning-uitgelicht{
    background:none; max-width: 400px; margin-bottom: 60px;
}
#woning-uitgelicht .page-block-caption{
    background:#ECE1CE; padding-bottom: 60px;
}
#woning-uitgelicht .page-block-caption-head{
    background:none;
}
#woning-uitgelicht.page-block .page-block-caption h3{
    margin: 0px; padding: 0px; font-weight: 200; font-size: 20px;
}
#woning-uitgelicht.page-block .page-block-caption h2{
    margin: 15px 0px; padding: 0px; font-weight: 200; font-size: 20px;
}
#woning-uitgelicht.page-block .page-block-caption h2 b{
    font-size: 0.6em; padding-bottom: 15px; float: left; position: relative; width: 100%;
}
#woning-uitgelicht.page-block .page-block-caption-head h2{
    font-weight: 500;
    margin: 0px 0px; 
}
#woning-uitgelicht.page-block .page-block-page_image .page-block-image{
    position: absolute; top: 0px; left: auto; right: 0px; height: 100%; width: auto;
}
#woning-uitgelicht.page-block .page-block-page_image .page-block-image img{
    height: 100%; width: auto;
}
#woning-uitgelicht.page-block .page-block-page_image .page-block-image .meer-link{
    display: none;
}
#woning-uitgelicht.page-block .page-block-image-png{
    margin: 30px; width: auto;
    background: url("../img/logo/topmenu/logo-icon-w.svg"); background-size: 50px;
    background-repeat: no-repeat; background-position: bottom left;
}
#woning-uitgelicht.page-block .btn-primary{
    position: absolute; top: auto; bottom: 30px; left: auto; right: 30px;
}
#woning-uitgelicht.page-block .btn-primary span{
    font-weight: 500;
}
@media (min-width: 768px){
    #woning-uitgelicht{
        max-width: 500px; margin-top: 0px;
    }
    #woning-uitgelicht .page-block-caption{
        padding-left: 30px;
    }
    #woning-uitgelicht .page-block-caption-head{
        padding: 30px 0px 30px 0px;
    }
    #woning-uitgelicht.page-block .page-block-page_image{
    }
    #woning-uitgelicht.page-block .page-block-page_image .page-block-image{
    }
    #woning-uitgelicht.page-block .page-block-page_image .page-block-image::after{
	}
    #woning-uitgelicht.page-block .page-block-image-png{
    }
}
@media (min-width: 900px){
    #woning-uitgelicht{
        margin-left: -15px;
    }
    #woning-uitgelicht.page-block .page-block-page_image{
    }
    #woning-uitgelicht .page-block-caption-head{
    }
    #woning-uitgelicht .page-block-caption-head::after{
    }
    #woning-uitgelicht .page-block-caption{
    }
    #woning-uitgelicht.page-block .page-block-image-png{
    }
    #woning-uitgelicht.page-block .page-block-caption h2{
        font-size: 30px;
    }
    #woning-uitgelicht.page-block .page-block-caption-head h2{
        font-size: 20px;
    }
    #woning-uitgelicht.page-block .page-block-caption-head h2,
    #woning-uitgelicht.page-block .page-block-caption-head h3{
		text-align: center;
    }
    #woning-uitgelicht.page-block .page-block-page_image .page-block-image .meer-link{
    }
}
@media (min-width: 1280px){
    #woning-uitgelicht{
        max-width: 700px;
    }
    #woning-uitgelicht.page-block .page-block-caption h2{
        font-size: 30px;
    }
    #woning-uitgelicht.page-block .page-block-caption-head h2{
        font-size: 40px; font-weight: 300;
    }
    #woning-uitgelicht.page-block .page-block-page_image{
    }
    #woning-uitgelicht .page-block-caption-head::after{
    }
    #woning-uitgelicht .page-block-caption{
		padding-top: 30px; padding-bottom: 90px;
    }
    #woning-uitgelicht.page-block .page-block-image-png{
    }
    #woning-uitgelicht.page-block .page-block-image-png img{
    }
}
@media (min-width: 1440px){
    #woning-uitgelicht.page-block .page-block-page_image{
    }
}
@media (min-width: 1600px){
    #woning-uitgelicht.page-block .page-block-page_image{
    }
}

#tijdlijn .page-block-caption-head{
	display: none;
}





#survey_container{
    background: #A2AE98;
    color: #173936;
}
#survey_container .page-block-caption2{
    width: 100%; max-width: 1100px; margin: 0 auto; float: none; padding: 30px 0px 0px;
}
	

#formPage-1,
#formPage-2,
#formPage-3{
    width: 100%; max-width: 500px; margin: 0 auto; float: left;
}
.contact-de-zaanse-helden #formPage-1{
    width: 100%; max-width: none; margin: 0 auto; float: left;
}

.question-type-header{
    position: relative; float: left; width: 100%;
    margin-top: 15px;
}
.wrap-question{
    position: relative; float: left; width: 100%; min-height: 35px;
}
.wrap-question label.question{
    width: 30%; position: absolute; top:0px; left: 0px; text-align: left;
    
    font-family: hero-new,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #173936;
}

.question-type-header{
    text-align: left!important;
}	
.question-type-header label.question{
    width: 100%!important; text-align: left!important; position: relative; float: left;
    
    font-family: hero-new,sans-serif;
    font-weight: 500;
    font-style: normal;
    
    font-size: 18px!important; margin: 15px 0px; padding: 15px 0px;
}
#tq52848 label.question,
#tq52855 label.question,
#tq52849 label.question,
#tq52848 label.question,
#tq52848 label.question,

#tq45581 label.question,
#tq45164 label.question,
#tq45165 label.question,
#tq45150 label.question,
#tq45643 label.question,
#tq45643 label.question,
#tq45643 label.question,
#tq45151 label.question,
#tq47561 label.question,
#q47464{
    width: 100%; padding: 10px 0px 5px 0px!important; float: left; position: relative;
}


#tq45150 input[type=text]{
    position: relative; width: 100%; min-width: 300px; margin-top: 10px;
}

.wrap-question.question-type-checkbox{
    margin-bottom: 10px;
}
.wrap-question.question-type-checkbox label.question{
    width: 100%!important; position: relative; margin: 0px 0px 15px 0px;
}
.wrap-question.question-type-radio label.question{
    width: 100%!important; position: relative; margin: 15px 0px 15px 0px!important;
}
.wrap-question.question-type-upload label.question{
    width: 100%!important; position: relative; margin: 15px 0px 15px 0px!important;
}

.wrap-question.question-type-radio label{
    width: 100%!important; position: relative; margin: 0px 0px 15px 0px;
}

.wrap-question select,
.wrap-question input[type=text],
.wrap-question input[type=date],
.wrap-question input[type=number],
.wrap-question input[type=email]{
    position: absolute; top: 0px; right: 0px; left: auto; width: 55%; height: 30px;
}
.wrap-question span.required{
    display: none;
    
}

.btn-style{
    font-family: hero-new,sans-serif;
    font-weight: 500;
    font-style: normal;
    border: 1px solid #ffffff; background: none; color: #ffffff; font-size: 22px;
    padding: 15px 30px;
    position: relative; float: none; margin: 15px 0px 45px 0px;
}

#survey_container #formname{
    display: none;
}
#survey_container #homedna-survey-form-result{
    position: relative; padding-top: 30px;
    width: 100%; max-width: 400px; margin: 0 auto; float: none; text-align: center;
}


#tq32331,
#tq32338,
#tq32429{
   /* display: none;*/
}


.verkoopprocedure  #pageBlock1 .page-block-caption .page-block-name h1{
    display: none;
}
.home .page-block-caption .page-block-txt li::before {
    background: url(../img/frame/greengolf.svg);
    display: block;
    width: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
}

@media (min-width: 1440px){
.home .page-block-caption .page-block-txt li::before {
    top:9px;
}
}


#disclaimer.page-block .page-block-caption-head{
    display: none;
}




.verkoopevenement #pageBlock1.page-block .page-block-caption{
    background: #e5d6bf;
}
.verkoopevenement #pageBlock1 .page-block-caption .page-block-name h1,
.verkoopevenement #pageBlock1 .page-block-caption .page-block-txt p{
    text-align: center;
}


.bouwevent #pageBlock1{
    display: none;
}

.bouwevent #inviteeconfirm.page-block .page-block-caption{
    background: #e5d6bf;
}
.bouwevent #inviteeconfirm .page-block-caption .page-block-ttl h2,
.bouwevent #inviteeconfirm .page-block-caption .page-block-text p{
    text-align: center;
}


.pagetop.actionblock{
    position: relative; width:100%; background: #ece1ce; padding: 15px; margin: 0px;
}
.bouwevent .pagetop.actionblock,
.verkoopevenement .pagetop.actionblock,
.verkoop-gestart .pagetop.actionblock{
    display: none;
}
.pagetop.actionblock h3{
    text-align: center;
    width: 100%; color: #173936u;
}
.pagetop.actionblock p{
    text-align: center;
    width: 100%;
}
.pagetop.actionblock a.btn-primary{
    background: #173936!important; color: #ece1ce; font-size: 16px; padding: 8px 20px;
}


.verkoop-gestart #pageBlock1{
    padding: 90px 45px;
}
.verkoop-gestart #accountModal .modal-title{
    opacity: 0; pointer-events: none;
}
.verkoop-gestart #musthaveaprofile.page-block .page-block-caption{
    max-width: none!important;
}
.verkoop-gestart #inschrijven-bouwnummer .page-block-caption{
    display: none;
}



.redactioneelBlock,
#tijdlijn,
#drie-kopers-aan-woord,
#bekijk-rekenvoorbeeld{
    display: none;
}

#direct-contact{
    background: #A2AE98;
}
#direct-contact .page-block-caption-head{
    display: none;
}
#direct-contact .page-block-caption{
    padding: 15px 45px; margin: 0px;
}
#direct-contact .page-block-caption p{
    text-align: center; padding: 0px!important; margin: 0px; font-weight: 400;
    font-size: 24px;
}
#direct-contact .page-block-caption p a{
    font-weight: 200; text-decoration: none;
}


#newsletter_container {
    display: flex; justify-content: center; flex-wrap: wrap;
}

#newsletter_container #formname{
    width: 100%; text-align: center; display: none;
}


.meet-n-greet #pageBlock1 .page-block-caption .page-block-name h1,
.meet-n-greet #pageBlock1 .page-block-caption .page-block-txt p{
	text-align: center;
}
#meetngreet{
	padding-bottom: 0px; 
	padding-top: 15px; margin-top: 0px; padding-left: 30px; padding-right: 30px;
}

#meetngreet .fancyformLabel{
	display: block!important;
}

#maak-kennis-met-het-makelaarsteam{
	background: #A2AE98;
}




#pre-sale-gestart.page-block.cta-right .page-block-caption .page-block-ttl.ttl-only h2{
	font-size: 20px;
}
#pre-sale-gestart.page-block.cta-right .page-block-caption .page-block-ttl.ttl-only h2 span{
	font-size: 24px; font-weight: 400; padding-top: 0px;position: relative; float: left; width: 100%; text-align: center;
}
@media (min-width: 900px){
    .verkoop-gestart #pageBlock1{
        width: 50%;
    }
    #inschrijven-bouwnummer{
        width: 50%;
    }
    #inschrijven-bouwnummer .page-block-module{
        padding-top: 120px;
    }
}
@media (min-width: 1440px){
	#pre-sale-gestart.page-block.cta-right .page-block-caption .page-block-ttl.ttl-only h2 span{
		padding-top: 15px;
	}
}


#wat-bespaar-je{
    background: #ECE1CE; width: 80%; margin-left: 20%;
}
#wat-bespaar-je .page-block-caption-head{
    padding-bottom: 0px;
}


#energie.page-block,
#financien.page-block,
#tips-van-de-makelaars.page-block,
#tevreden-kopers.page-block{
    background: #ffffff; padding: 45px 0px 15px 0px;
}
#energie.page-block .page-block-caption,
#financien.page-block .page-block-caption,
#tips-van-de-makelaars.page-block .page-block-caption,
#tevreden-kopers.page-block .page-block-caption{
    display: none;
}
#energie.page-block .page-block-caption-head,
#financien.page-block .page-block-caption-head,
#tips-van-de-makelaars.page-block .page-block-caption-head,
#tevreden-kopers.page-block .page-block-caption-head{
    display: block; margin: 0px; padding-bottom: 0px; padding-top: 0px;
}
#energie.page-block .page-block-caption-head .page-block-ttl.ttl-only h2,
#financien.page-block .page-block-caption-head .page-block-ttl.ttl-only h2,
#tips-van-de-makelaars.page-block .page-block-caption-head .page-block-ttl.ttl-only h2,
#tevreden-kopers.page-block .page-block-caption-head .page-block-ttl.ttl-only h2{
    font-weight: 500; font-size: 16px; padding-left: 45px; position: relative;
}
#energie.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before,
#financien.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before,
#tips-van-de-makelaars.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before,
#tevreden-kopers.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before{
    position: absolute; left: 0px; top: 0px; width: 30px; height: 100%; border-right: 1px solid #173936; content: "1"; display: block; text-align: center;
}
#financien.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before{
    content: '2';
}
#tips-van-de-makelaars.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before{
    content: '3';
}
#tevreden-kopers.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before{
    content: '4';
}


.zaanse-helden #pageBlock0{
    display: none;
}

#introductie.page-block,
#daktuin.page-block,
#geschiedenis.page-block{
    background: #ffffff; padding: 45px 0px 15px 0px;
}
#introductie.page-block{
    height: 0px; padding: 0px; overflow: hidden;
}
#introductie.page-block .page-block-caption,
#daktuin.page-block .page-block-caption,
#geschiedenis.page-block .page-block-caption{
    display: none;
}
#introductie.page-block .page-block-caption-head,
#daktuin.page-block .page-block-caption-head,
#geschiedenis.page-block .page-block-caption-head{
    display: block; margin: 0px; padding-bottom: 0px; padding-top: 0px;
}
#introductie.page-block .page-block-caption-head .page-block-ttl.ttl-only h2,
#daktuin.page-block .page-block-caption-head .page-block-ttl.ttl-only h2,
#geschiedenis.page-block .page-block-caption-head .page-block-ttl.ttl-only h2{
    font-weight: 500; font-size: 16px; padding-left: 45px; position: relative;
}
#introductie.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before,
#daktuin.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before,
#geschiedenis.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before{
    position: absolute; left: 0px; top: 0px; width: 30px; height: 100%; border-right: 1px solid #173936; content: "1"; display: block; text-align: center;
}
#daktuin.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before{
    content: '2';
}
#geschiedenis.page-block .page-block-caption-head .page-block-ttl.ttl-only h2::before{
    content: '3';
}




.aanbod .introgebouw{
    display: flex; flex-wrap: wrap;
}
.aanbod .introgebouw .page-block-caption-head{
    display: none;
}
.aanbod .introgebouw .second-page-block-ttl{
    display: block; position: relative; float: left;
}
.aanbod .introgebouw .second-page-block-ttl h2{
    font-size: 24px; padding-left: 60px;
    position: relative; font-weight: 200; 
    margin: 60px 0px;
}
.aanbod .introgebouw .second-page-block-ttl::before{
    position: absolute; left: 0px; top: -45px; height: calc(100% + 90px); width: 60px;
    background-image: url("../img/frame/DGJ.svg"); background-repeat: no-repeat; background-size: 40px; content: ''; display: block; background-position: center left;
}
.aanbod #de-ruyter.introgebouw .second-page-block-ttl::before,
#info_de-ruyter.gebouw-block.page-block .page-block-caption h2::before{
    background-image: url("../img/frame/DR.svg");
}
.aanbod #de-zeven-gebroeders.introgebouw .second-page-block-ttl::before,
#info_de-zeven-gebroeders.gebouw-block.page-block .page-block-caption h2::before{
    background-image: url("../img/frame/DZG.svg");
}




.aanbod .introgebouw .page-block-caption{
    background-color: #ECE1CE!important;
}

.aanbod .introgebouw .page-block-image{
    order: 2;
}
.aanbod .introgebouw .page-block-caption{
    order: 1;
}


.aanbod .introgebouw .btn-primary span{
	font-weight: 500;
}

.aanbod .introgebouw .btn-primary{
    margin-top: 30px; 
	background-image: url("../img/frame/arrow-right-green.svg")!important; background-position: center left!important; background-size: 45px!important; background-repeat: no-repeat!important; padding-left: 60px;
    border: 0px;
}

@media (min-width: 600px){
    .aanbod .introgebouw .page-block-image{
        margin-left: 50%;
    }
}

@media (min-width: 768px){
    .aanbod .introgebouw .page-block-caption{
        width: 60%; padding-top: 60px; padding-bottom: 60px;
    }

    .aanbod .introgebouw .page-block-image{
        width: 40%; margin: 0px;
    }
}



.aanbod .small-quote.page-block {
	max-width: 500px; margin: 0px 0px;
}
.aanbod .small-quote.page-block .page-block-caption {
    background: #E5BE95; position: relative; padding: 30px!important;
}
.aanbod .small-quote.page-block .page-block-caption .page-block-link{
	display: none;
}
.aanbod .small-quote.page-block .page-block-caption .page-block-ttl h2,
.aanbod .small-quote.page-block .page-block-caption .page-block-ttl h2 a{
	font-size: 16px; font-weight: 400; color: #163936; display: none;
}
.aanbod .small-quote.page-block .page-block-caption .page-block-txt p {
	padding-bottom: 0px; margin-bottom: 0px;
}
.aanbod .small-quote.page-block .page-block-caption .page-block-txt ul li {
    font-size: 16px;
}

@media(min-width:600px) {
	.aanbod .small-quote.page-block {
	}
	.aanbod #bekijk-hier-het-aanbod.small-quote.page-block {
		width: 100%; margin: 0px;
	}
}

@media(min-width:768px) {
    .aanbod .small-quote.page-block{
        max-width: none; width: 100%; float: right!important; display: flex;
    }
    .aanbod .small-quote.page-block .page-block-image{
        width: 60%!important; max-width: none; float: left; height: 100%;
    }
    .aanbod .small-quote.page-block .page-block-image img{
        float: right; max-width: 550px; width: auto; height: 100%; object-fit: cover;
        max-height:600px;
    }
    .aanbod .small-quote.page-block .page-block-caption{
        width: 40%; max-width: none; float: right;
    }
    .aanbod .small-quote.page-block .page-block-caption .page-block-ttl h2,
    .aanbod .small-quote.page-block .page-block-caption .page-block-ttl h2 a{
        font-size: 20px;
    }
    
}

@media(min-width:900px) {
	
	.aanbod .small-quote.page-block {
	}

}
@media(min-width:1440px) {
    .introgebouw.page-block .page-block-caption .page-block-subttl h3 p{
        font-size: 24px;
    }
    .introgebouw.page-block .page-block-image img{
        max-width: 850px;
    }
    
    .aanbod .small-quote.page-block {
	}
    .aanbod .small-quote.page-block .page-block-caption{
        padding: 60px!important;
    }
    .aanbod .small-quote.page-block .page-block-caption .page-block-txt ul li {
        font-size: 20px;
    }

}

#drie-helden-op-een-rij{
    background: #ECE1CE;
}
#drie-helden-op-een-rij .page-block-caption-head{
    padding-bottom: 0px; margin-bottom: -15px;
}
#woningen-88{
    background: #ECE1CE; padding-top: 45px; padding-bottom: 45px;
}
#woningen-88 .page-block-caption-head{
    display: none;
}
#woningen-88 .page-block-caption .page-block-txt p{
    text-align: center; font-size: 20px; font-weight: 300; line-height: 1.1em;
}
#woningen-88 .page-block-caption .page-block-txt p::after {
  position: relative;
  float: left;
  width: 100%;
  content: '';
  height: 7px;
  background: url("../img/frame/greengolf.svg");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 30px;
}
.gebouwen-nav{
    display: none;
}

@media (min-width: 600px){
    #drie-helden-op-een-rij{
        width: 60%;
    }
    #woningen-88{
        width: 40%; align-self: stretch;
    }
}

@media (min-width: 991px){
    #drie-helden-op-een-rij{
        width: 50%; padding: 45px 0px;
    }
    #woningen-88{
        width: 50%; align-self: stretch;
    }
    #woningen-88 .page-block-caption .page-block-txt p{
        font-size: 34px;
    }
}

@media (min-width: 1440px){
    #drie-helden-op-een-rij{
        width: 70%; padding: 45px 0px;
    }
    #woningen-88{
        width: 30%; align-self: stretch;
    }
    #woningen-88 .page-block-caption{
        padding: 90px 30px;
    }
}


#theBody.informatieavond .intern-pagemenu{
    display: none;
}

#theBody.informatieavond #pageBlock1{
}


#theBody.informatieavond #pageBlock1 .page-block-caption{
    padding-top: 45px;
    padding-bottom: 45px;
    background: #ECE1CE;
}

#theBody.informatieavond #pageBlock1 .page-block-image{
    width: 100%;
}


#theBody.informatieavond #pageBlock1 .page-block-caption .page-block-txt h3 b{
    font-weight: 200;
}


#informatieavond-homedna {
    background: #f9f5ef;
}

#theBody.informatieavond #informatieavond-homedna .page-block-caption{
    padding-top: 45px;
    padding-bottom: 45px;
}
#theBody.informatieavond #informatieavond-homedna .page-block-image{
    width: 100%;
}

#informatieavond-homedna #survey_container{
    background: #f9f5ef;
}

#informatieavond-homedna #survey_container .wrap-question input[type=text]{
    background: #ffffff; border: 1px solid #767676!important;
}
#informatieavond-homedna #survey_container .btn-style{
    color: #173936; border: 1px solid #173936!important;
}

#bert-informatie,
#krk-informatie{
    display: flex; flex-wrap: wrap; background: #E5BE95;
}
#krk-informatie{
    background: #ECE1CE;
}
#bert-informatie .page-block-image,
#krk-informatie .page-block-image{
order: 2;
}
#bert-informatie .page-block-caption img,
#krk-informatie .page-block-caption img{
    height: 40px!important; width: auto!important;
}

#bert-informatie .page-block-image,
#krk-informatie .page-block-image{
    width: 100%;
}
#bert-informatie .page-block-caption-head,
#krk-informatie .page-block-caption-head{
    display: none;
}
#waar-wordt-de-informatieavond-gehouden .page-block-caption{
    margin-bottom: 0px; padding-bottom: 0px;
}
#theBody.informatieavond #waar-wordt-de-informatieavond-gehouden .page-block-caption .page-block-ttl h2{
    margin-bottom: 0px; padding-bottom: 0px;
}

@media (min-width: 768px){

    #waar-wordt-de-informatieavond-gehouden{
        margin-bottom: 0px; padding-bottom: 0px; margin-top: 30px;
    }
    #theBody.informatieavond #pageBlock1{
        width: 50%;
    }
    #informatieavond-homedna {
        width: 50%;
    }
    #theBody.informatieavond #pageBlock1 .page-block-image{
        padding-left: 30px;
    }
    #theBody.informatieavond #informatieavond-homedna .page-block-image{
        width: 110%; margin-left: -10%;
    }

    #bert-informatie,
    #krk-informatie{
        margin: 15px 15px 60px 15px; width: calc(50% - 30px); max-width: 630px;
    }
    #bert-informatie .page-block-caption,
    #krk-informatie .page-block-caption{
        padding: 45px;
    }
}

@media (min-width: 900px){
    #theBody.informatieavond #pageBlock1 .page-block-image{
        padding-left: 60px;
    }
    #theBody.informatieavond #pageBlock1 .page-block-caption .page-block-name h1{
        font-weight: 300;
    }
    #theBody.informatieavond .page-block-caption .page-block-ttl h2{
        margin-bottom: 30px;
    }
    #theBody.informatieavond #pageBlock1 .page-block-caption .page-block-txt h3{
        font-size: 30px; margin: 30px 0px;
    }
    
    #bert-informatie,
    #krk-informatie{
        margin: 15px 15px 60px 60px; width: calc(50% - 75px); max-width: 630px;
    }
    #bert-informatie{
        margin: 15px 60px 60px 15px;
    }
    #parkeren-en-bereikbaarheid-held-jozuapad-3 .page-block-page_image{
        padding: 0px 60px;
    }
    
}
@media (min-width: 1280px){
    #theBody.informatieavond #pageBlock1 .page-block-image{
        padding-left: 90px;
    }
    
    #theBody.informatieavond #pageBlock1 .page-block-caption .page-block-name h1,
    #theBody.informatieavond .page-block-caption .page-block-ttl h2{
        font-size: 50px;
    }
    
    #bert-informatie,
    #krk-informatie{
        margin: 15px 15px 60px 90px; width: calc(50% - 105px); max-width: 630px;
    }
    #bert-informatie{
        margin: 15px 90px 60px 15px;
    }
    .open-dag #pageBlock2,
    .open-dag #pageBlock2 .page-block-caption{
        padding-bottom: 0px; margin-bottom: 0px;
    }
    #parkeren-en-bereikbaarheid-held-jozuapad-3 .page-block-page_image{
        padding: 0px 90px;
    }
}
@media (min-width: 1440px){
    #bert-informatie,
    #krk-informatie{
        margin: 15px 15px 60px 120px; width: calc(50% - 135px); max-width: 630px;
    }
    #bert-informatie{
        margin: 15px 120px 60px 15px;
    }
    #parkeren-en-bereikbaarheid-held-jozuapad-3 .page-block-page_image{
        padding: 0px 120px;
    }
}
@media (min-width: 1600px){
    #theBody.informatieavond #pageBlock1 .page-block-image{
        padding-left: 160px;
    }
    #parkeren-en-bereikbaarheid-held-jozuapad-3 .page-block-page_image{
        padding: 0px 160px;
    }
}
#parkeren-en-bereikbaarheid-held-jozuapad-3 .page-block-caption{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
#parkeren-en-bereikbaarheid-held-jozuapad-3 .page-block-caption-head{
    padding-top: 30px!important;
    padding-bottom: 0px!important;
}



.open-dag #pageBlock1{
    background: #ece1ce; padding-top: 15px;
}
.open-dag #pageBlock1 .page-block-caption .page-block-name h1 {
    font-weight: 200;
}
.open-dag #pageBlock1 .page-block-image{
    padding-left: 35px; width: 100%;
}
.open-dag #open-dag{
    background: #f9f5ef; display: flex; flex-wrap: wrap;
}
.open-dag #open-dag.page-block .page-block-caption,
.open-dag #open-dag2.page-block .page-block-caption{
    display: none;
}
.open-dag #open-dag.page-block .page-block-caption-head{
    background: #A2AE98;
    display: block;
    display: none;
}
.open-dag #open-dag2.page-block .page-block-caption-head{
    background: #A2AE98; padding: 45px;
    display: block;
}
.open-dag #open-dag.page-block .page-block-image{
   /* order: 3; */width: 100%;
}
.open-dag .intern-pagemenu{
    display: none;
}
.open-dag #pageBlockPage{
    background: rgba(236,225,206,0.32); align-content: stretch; align-items: stretch;
}
.open-dag #pageBlock2{
    background: none!important;
}
.open-dag #pageBlock2 .page-block-caption .page-block-txt p{
    font-size: 11px!important;
    text-align: left!important; line-height: 1.8;
}
.open-dag #pageBlock2 .page-block-caption .page-block-txt li,
.open-dag #pageBlock2 .page-block-caption .page-block-txt p{
    padding-right: 45px;
}
.open-dag #open-dag.page-block .page-block-caption-head.page-block-caption h2{
    color: #163936;
}
.open-dag #open-dag.page-block .page-block-caption .page-block-txt h2{
    font-weight: 200; padding: 0px; margin: 30px 0px; line-height: 1em;
}
#sfeer-od{
    width: 45%; flex-basis: 45%; padding: 0px!important;
    margin: 0px;
}
#sfeer-od-2{
    width: 55%; flex-basis: 55%; padding: 0px!important;
    margin: 0px;
}    
.open-dag #pageBlock2 .page-block-caption {
    padding-right: 0px!important;
}  
.open-dag #pageBlock2 img{
    width: calc(100% + 45px)!important; margin: 45px 0px 45px 0px; float: left; position: relative;
}
    .open-dag #open-dag2.page-block .page-block-caption-head .page-block-ttl.ttl-only h2{
        text-align: center;
    }
@media (max-width: 600px){
    
.open-dag #open-dag2.page-block .page-block-caption-head{
    padding: 45px 15px;
}
    
    .open-dag #open-dag2.page-block .page-block-caption-head .page-block-ttl.ttl-only h2{
        font-size: 14px;
    }
}
@media (min-width: 768px){
    .open-dag #pageBlock1{
        width: 55%;
    }
    .open-dag #open-dag{
        width: 45%;
    }
    .open-dag #open-dag.page-block .page-block-image{
    }
    #makelaarsteam.page-block .page-block-caption{
        width: 100%!important; float: left; margin: 45px 0px;
    }
    #makelaarsteam.page-block .page-block-caption-head{
        display: none;
    }
    
    .open-dag #pageBlock2{
        width: 55%;
    }
    #sfeer-od{
        width: 45%; flex-basis: 45%; padding: 0px!important;
        margin: 0px;
    }
    #sfeer-od2{
        width: 55%; flex-basis: 55%; padding: 0px!important;
        margin: 0px;
    }
    .open-dag #open-dag.page-block .page-block-caption-head{
        padding-left: 30px;
        padding-right: 30px;
    }
    .open-dag #pageBlock1{
        display: flex; align-content: center; align-items: center; flex-wrap: wrap;
    }
    
    .open-dag #open-dag2.page-block .page-block-caption-head{
        padding: 45px;
    }
}
@media (min-width: 900px){
    .open-dag #pageBlock1{
        padding-top: 45px;
    }
    .open-dag #pageBlock1 .page-block-image{
    }
    .open-dag #open-dag.page-block .page-block-caption-head{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .open-dag #open-dag.page-block .page-block-caption-head.page-block-caption h2{
        font-weight: 200!important;
    }
    .open-dag #open-dag.page-block .page-block-caption-head.page-block-caption h2 b{
        font-weight: 400!important;
    }
    
}
@media (min-width: 1280px){
    .open-dag #pageBlock1{
        padding-top: 0px;
    }
    .open-dag #pageBlock1 .page-block-caption .page-block-txt p{
        font-size: 18px;
    }
    .open-dag #pageBlock1 .page-block-image{
        padding-left: 100px;
    }
    .open-dag #pageBlock1 .page-block-caption .page-block-txt ul li{
        font-size: 16px;
    }
    .open-dag #open-dag2.page-block .page-block-caption-head{
        padding: 60px 45px;
    }
}
@media (min-width: 1440px){
    /*.open-dag #pageBlockPage .page-block{
        max-width: 720px;
    }
    .open-dag #pageBlockPage #welkom{
        max-width: none;
    }*/
    .open-dag #pageBlock1 .page-block-image{
        padding-left: 130px;
    }
    .open-dag #pageBlock1 .page-block-caption .page-block-txt ul li{
        font-size: 20px;
    }
    .open-dag #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 44px; max-width: 500px;
    }
    .open-dag #open-dag.page-block .page-block-caption-head.page-block-caption h2{
        font-size: 34px;
    }
    .open-dag #pageBlock1 .page-block-caption .page-block-txt li::before, .block .block-caption .block-txt ul li::before{
        top: 7px;
    }
    .open-dag #pageBlock2 .page-block-caption .page-block-txt p{
        font-size: 13px!important;
        text-align: left!important; line-height: 1.8;
    }
    .open-dag #pageBlock2 .page-block-caption .page-block-txt li{
        font-size: 20px;
    }
    .open-dag #pageBlock2 .page-block-caption .page-block-txt li::before{
        top:7px;
    }
    .open-dag #open-dag.page-block .page-block-caption-head{
        padding: 60px;
    }
    .open-dag #open-dag.page-block .page-block-caption-head .page-block-ttl.ttl-only h2{
        font-size: 30px;
    }
    .open-dag #pageBlock1 .page-block-caption .page-block-txt p{
        font-size: 22px; line-height: 30px;
    }
    
}
@media (min-width: 1600px){
    .open-dag #pageBlock1 .page-block-caption{
        
    }
    .open-dag #pageBlock1 .page-block-image{
        padding-left: 165px;
    }
}
@media (min-width: 1900px){
    .open-dag #pageBlock1 .page-block-caption{
    }
    .open-dag #pageBlock1 .page-block-image{
        padding-left: 165px;
    }
}











.radioRow{
    display: flex; align-items: flex-start; align-content: flex-start; margin-top: 8px;
}
.radioC{
    position: relative; top: 0px; left: 0px; float: left;
}
.radioL{
    position: relative; top: 0px; left: 0px; width: calc(100% - 60px); margin-left: 10px; float: right;
}


#theBody.nieuwjaarsborrel #topheadermessage,
#theBody.nieuwjaarsborrel .intern-pagemenu{
    display: none;
}

#theBody.nieuwjaarsborrel #pageBlock1{
}
#theBody.nieuwjaarsborrel #pageBlock1 .page-block-caption{
    padding-top: 45px;
    padding-bottom: 45px;
    background: #ECE1CE;
}

#theBody.nieuwjaarsborrel #pageBlock1 .page-block-image{
    width: 100%;
}

#theBody.nieuwjaarsborrel #pageBlock1 .page-block-caption .page-block-txt h3 b{
    font-weight: 200;
}

#nieuwjaarsborrel-homedna {
    background: #f9f5ef;
}

#theBody.nieuwjaarsborrel #nieuwjaarsborrel-homedna .page-block-caption{
    padding-top: 45px;
    padding-bottom: 45px;
}
#theBody.nieuwjaarsborrel #nieuwjaarsborrel-homedna .page-block-image{
    width: 100%;
}

#nieuwjaarsborrel-homedna #survey_container{
    background: #f9f5ef;
}

#nieuwjaarsborrel-homedna #survey_container .wrap-question input[type=text]{
    background: #ffffff; border: 1px solid #767676!important;
}
#nieuwjaarsborrel-homedna #survey_container .btn-style{
    color: #173936; border: 1px solid #173936!important;
}


@media (min-width: 768px){

    #waar-wordt-de-nieuwjaarsborrel-gehouden{
        margin-bottom: 0px; padding-bottom: 0px; margin-top: 30px;
    }
    #theBody.nieuwjaarsborrel #pageBlock1{
        width: 50%;
    }
    #nieuwjaarsborrel-homedna {
        width: 50%;
    }
    #theBody.nieuwjaarsborrel #pageBlock1 .page-block-image{
        padding-left: 30px;
    }
    #theBody.nieuwjaarsborrel #nieuwjaarsborrel-homedna .page-block-image{
        width: 110%; margin-left: -10%;
    }

}

@media (min-width: 900px){
    #theBody.nieuwjaarsborrel #pageBlock1 .page-block-image{
        padding-left: 60px;
    }
    #theBody.nieuwjaarsborrel #pageBlock1 .page-block-caption .page-block-name h1{
        font-weight: 300;
    }
    #theBody.nieuwjaarsborrel .page-block-caption .page-block-ttl h2{
        margin-bottom: 30px;
    }
    #theBody.nieuwjaarsborrel #pageBlock1 .page-block-caption .page-block-txt h3{
        font-size: 30px; margin: 30px 0px;
    }
    
    
}
@media (min-width: 1280px){
    #theBody.nieuwjaarsborrel #pageBlock1 .page-block-image{
        padding-left: 90px;
    }
    
    #theBody.nieuwjaarsborrel #pageBlock1 .page-block-caption .page-block-name h1,
    #theBody.nieuwjaarsborrel .page-block-caption .page-block-ttl h2{
        font-size: 50px;
    }
}
@media (min-width: 1440px){
}
@media (min-width: 1600px){
    #theBody.nieuwjaarsborrel #pageBlock1 .page-block-image{
        padding-left: 160px;
    }
}


#theBody.tevreden-kopers #topheadermessage.actionblock-ontour{
    display: none;
}