img{
}
.block img,
.block-image img{
	opacity: 1;
}
.logo{
	justify-content: flex-start;
	padding: 30px 30px 0px 30px;
    height: 120px;
}
.footer-logo{
	justify-content: flex-start;
	padding: 30px 30px;
}
.logo svg, .logo img,
.footer-logo svg, .footer-logo img{
	width: 210px; height: auto;
}
.logo-icon{
	display: none;
}

.logo-icon svg, .logo-icon img{
}

.nav-container,
#header.menu-hamburger .headAddress,
#socialtoptop,
.breadcrumb,
.slideLeft,
.slideRight,
.scrolldown/*,
.menu-home,
.page-block.gallery.slideshow .page-block-module .carouselState,
.page-block.gallery.slideshow .page-block-module .carousel-control-prev,
.page-block.gallery.slideshow .page-block-module .carousel-control-next*/
{
    display: none;
    pointer-events: none;
}



#theBody.shrink #header.menu-hamburger{
	position: fixed;
}

#theBody.shrink #header.menu-hamburger .logo{
	opacity: 0;
}

#theBody.shrink #header.menu-hamburger .navbar-toggle{
	opacity: 0;
}
#theBody.shrink.goingUP #header.menu-hamburger .navbar-toggle{
	opacity: 1;
}

#theBody.shrink #header.menu-hamburger #extraMenu{
	opacity: 0!important;
}



#theMain .navbar-nav li a.menu-link,
#extraMenu .navbar-nav li a.menu-link{
    text-align: left; padding-left: 15px; 
}

#header{
	background: none!important;
}
#mainmenu{
	display: flex; align-items: center; align-content: center; position: fixed;
}
#theMain{
	display: flex; align-items: center; align-content: center;
	padding: 30px 30px;
}
#theMain .navbar-nav li a.menu-link{
    text-align: left; padding: 0px;  font-size: 3em;
	padding-top: 1.1em; height: 1.1em; overflow: hidden; text-transform: uppercase; line-height: 1.1em;
	width: auto; float: left;
}
#theMain .navbar-nav li.menu-financiele-scan{
	margin-top: 1em;
}
#theMain .navbar-nav li.menu-financiele-scan a.menu-link,
#theMain .navbar-nav li.menu-faq a.menu-link,
#theMain .navbar-nav li.menu-login a.menu-link{
    font-size: 1em; line-height: 1.4em; height: 1.4em;
	margin-top: 0.5em; letter-spacing: 0;
}
#theMain .navbar-nav li.menu-login a.menu-link{
    font-size: 1em; line-height: 1.4em; height: 1.4em;
	border: 1px solid var(--textcolor); border-radius:8px; padding: 0px 8px!important;
}

@media(min-width:600px){
    .logo{
        height: 185px;
    }
    .logo svg, .logo img{
        width: 310px;
    }
}
.page-txt-column{
	width: 50%;
}
}

#theMain .menu-link a.menu-link{
	padding-right: 10px!important;
}


#theMain .menu-financiele-scan a.menu-link:hover,
#theMain .menu-faq a.menu-link:hover,
#theMain .menu-login a.menu-link:hover{
	opacity: 0.7!important;
}


#extraMenu .navbar-nav li.menu-link{
	height: 1.3em; width: auto; padding: 0px 0px 0px 0px; line-height: 1.3em;
}
#extraMenu .navbar-nav li a.menu-link{
	height: 1.3em; width: auto; padding: 0px 8px 0px 8px; line-height: 1.3em;
	border-radius: 8px;
}
#extraMenu{
    position: absolute; top: 38px; left: auto; right: 55px; width: 50%; height: auto; padding: 0px 30px; 
	display: flex; justify-content: flex-end;
}
#extraMenu .navbar{
    padding: 0px; margin: 0px; justify-content: flex-end;
}
.extra-menu .navbar-nav{
    padding: 0px; margin: 0px; justify-content: flex-end; flex-wrap: wrap; width: auto;
	margin-right: 0px!important; position: relative; right: 0px; left: auto;
}
.extra-menu ul li{
	margin: 0px; padding: 0px; display: flex; justify-content: flex-end; 
}
#header.menu-hamburger #extraMenu .headAddress{
    text-align: left; padding: 0px 15px; display: none;
}

#header.menu-default .mainmenu ul.navbar-nav li{
	position: relative;
}
.menu-link-arrow{
	position: absolute; top: 0px; left: 0px; line-height: 40px;
}
#theMain .navbar-nav li a.menu-link.menu-link-drop{
	padding-left: 35px;
}
.mainmenu .navbar-nav ul.after-menu li.childmenu a{
	line-height: 2em;
}
.after-menu{
	margin-bottom: 5px;
}


.headAddress, #extraMenu .headAddress{
	text-align: right; padding: 15px 30px;
}

#extraMenu .headAddress p{
	text-align: right;
}
#extraMenu .headAddress p a{
	margin-left: 15px; 
}
#extraMenu .headAddress p a.active{
	text-decoration: underline;
}

#header .container{
	max-width: none;
}


.mainmenu .social-icons{
	display: none;
}

.navbar-toggle{
	background: none; padding: 0px; width: 30px; right: 30px; height: 30px; top: 32px;
}
.navbar-toggle .icon-bar{
	width: 30px; border-radius: 0px; background: var(--textcolor);
}

#theMain .menu-home{
}

	
.footer .container{
	padding: 0px;
}
.footer-menu-1,
.footer-menu-2{
	display: none;
}
.footerAddress{
	padding: 0px 30px;
}
.footerAddress h2, .footer-menu h2{
	display: none;
}
.footer-socials h2{
	
}
.footerAddress p svg{
	position: relative; margin: 30px 0px 10px 0px;
}
.footerAddress p a{
	text-decoration: none; margin-right: 15px;
}
.footerAddress p a.active{
	text-decoration: underline;
}

.footer-credits{
	padding: 0px 30px!important; text-align: left;
}

.page-block, #pageBlock1{
	margin-bottom: 4em; 
	max-width: 1600px;
}
.page-block .page-block-caption,
.page-block.light .page-block-caption,
.page-block.medium .page-block-caption,
.page-block.default.with_block_image .page-block-caption-head{
	padding: 2em 30px;
}
.page-block.default.with_block_image .page-block-image{
	padding: 0px 30px;
}

.page-block.default.with_block_image .page-block-caption-head{
	display: none;
}
.page-block.default.with_block_image .page-block-caption-content .page-block-ttl,
.page-block.default.with_block_image .page-block-ttl{
	display: block;
}
.page-block .page-block-caption .page-block-ttl{
	margin-bottom: 0em;
}
.page-block .page-block-caption .page-block-ttl h2{
	margin-bottom: 1em;
}
.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1,
.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl h2{
}
.page-block .page-block-caption .page-block-txt{
	margin-bottom: 1em;
}
.page-block.default .page-block-caption .page-block-txt p,
.page-block.default .page-block-caption .page-block-intro p{
	margin-bottom: 1em;
}

.page-block.gallery.slideshow{
	padding: 0px 30px;
	max-width: 1920px;
	max-width: 1440px;
}

.page-block .page-block-caption.page-block-caption-with-intro .page-block-intro{
	order: 2;
}
.page-block .page-block-caption.page-block-caption-with-intro .page-block-txt{
	order: 1;
}
.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl{
	order: 0;
}
.page-block .page-block-caption.page-block-caption-with-intro .page-block-link{
	order: 3;
}

.page-block .page-block-link{
	text-align: right;
}

#mainsection{
	margin: 0px;
}
#map2{
	margin: 0px 30px;
}

#toggleNavTxt{
    display: none; width: 100px;
}
#toggleNavTxtOpen{
    display: none; width: 100px;
}
@media(min-width:768px){
    #header.menu-hamburger .navbar-toggle{
        top: 62px; right: 90px;
    }
    #toggleNavTxt,
    #toggleNavTxtOpen{
        display: block; position: absolute; top: 0px; left: 0px;
        height: 100%; text-align: right; left: auto; right: 100%; line-height: 30px; padding-right: 10px; height: 30px; overflow: hidden;
    }
    

	#mainmenu{
	}
	#theMain{
		padding: 30px 90px;
	}
	#theMain .navbar-nav li a.menu-link{
		font-size: 3em;
	}
	#theMain .navbar-nav li.menu-financiele-scan{
		margin-top: 1em;
	}
	#theMain .navbar-nav li.menu-financiele-scan a.menu-link,
	#theMain .navbar-nav li.menu-faq a.menu-link,
	#theMain .navbar-nav li.menu-login a.menu-link{
		font-size: 1.4em;
	}
	#theMain .navbar-nav li.menu-login a.menu-link{
	}

	
    
	#header.menu-hamburger .logo,
	.footer-logo{
		padding: 30px 0px 0px 30px
	}
	.footer-logo svg, .footer-logo img{
		width: 160px; height: auto;
	}
	
	.page-block .page-block-caption,
	.page-block.light .page-block-caption, .page-block.medium .page-block-caption{
		padding: 30px 30px;
	}


	.page-block.gallery.slideshow{
		padding: 0px 30px;
	}

	#map2{
		margin: 0px 30px 0px 30px; width: calc(50% - 180px);
	}
	.page-block.map .page-block-caption{
		padding-top: 0px; 
		padding-left: 0px; width:50%; order: 2;
	}
	
	.menu-default .mainmenu .navbar-nav, .menu-centered .mainmenu .navbar-nav{
		padding-right: 30px;
		justify-content: flex-end; margin: 125px 0px 0px 0px;
		gap: 30px;
	}
	.menu-default .navbar-nav li a, .menu-centered .navbar-nav li a{
		padding: 0px;
	}
	#theMain .navbar-nav li a.menu-link.menu-link-drop{
		padding-left: 0px;
	}
	.menu-default .navbar-nav li a.menu-link-arrow, .menu-centered .navbar-nav li a.menu-link-arrow{
		top: 50%; pointer-events: none; font-size: 12px;
	}
	.menu-default .navbar-nav li.menu-link .afterMenu{
		background: none;
	}
	.menu-default .navbar-nav li.menu-link .afterMenu{
		opacity: 0; position: absolute; top: 110%; background: none; margin: 0px; pointer-events: all;
		flex-wrap: nowrap; gap: 15px; display: flex;
	}
	.menu-default .navbar-nav li.menu-link:hover .afterMenu{
		opacity: 1; position: absolute; top: 110%; background: none; margin: 0px; pointer-events: all;
		flex-wrap: nowrap; gap: 15px; display: flex;
	}
	.menu-default .navbar-nav li.menu-link .afterMenu ul{
		gap: 15px; display: flex;
	}
	.menu-default .mainmenu ul.navbar-nav li .after-menu li, .menu-centered .mainmenu ul.navbar-nav li .after-menu li{
		width: auto;
	}
	.mainmenu .navbar-nav ul.after-menu li.childmenu a{
		font-size: 14px;
	}
	
	.footer{
		position: relative;
	}
	
	.footer .container{
		grid-template-columns:repeat(4 , 1fr); 
		max-width: 1600px; padding: 0px; column-gap: 30px;
        padding: 0px 30px;
	}
	.footer-contact.footer-menu{
		grid-column: span 4;
		grid-template-columns:repeat(4 , 1fr);
	}
	.footer-logo{
        padding: 0px;
		grid-column: span 1;
	}
	.footerAddress{
		grid-column: 3 / span 2; padding: 0px;
	}
	.footer-menu-1{
		grid-column: 2 / span 1; margin-top: -100px;
	}
	.footer-menu-2{
		grid-column: span 1; margin-top: -100px;
	}
	.footer-socials.social-icons{
		grid-column: span 1; justify-content: flex-start; align-content: flex-start; margin-top: -100px;
        display: none;
	}
	.footer-socials.social-icons h2{
		text-align: left; line-height: 2em;
	}
	
	.footer-credits{
		padding: 0px 30px!important; width: 75%; position: absolute; top: auto; bottom: 0px;
	}
	
	#theBody.shrink #header.menu-default{
		max-height: 75px;
	}
	#theBody.shrink #header.menu-default:hover{
		max-height: 85px;
	}
	#theBody.shrink #header.menu-default .logo{
		padding-top: 10px; padding-bottom: 0px;
	}
	#theBody.shrink #header.menu-default .logo svg{
		height: 50px; object-position: center left; width: auto;
	}
	#theBody.shrink #header.menu-default #extraMenu .headAddress{
		top: -100px;
	}
	#theBody.shrink #header.menu-default .logo-icon{
	}
	#theBody.shrink #header.menu-default .logo-icon svg{
	}
	#theBody.shrink .menu-default .mainmenu .navbar-nav,
	#theBody.shrink .menu-centered .mainmenu .navbar-nav{
		margin: 25px 0px 0px 0px; padding-right: 75px;
	}
	
}
@media(min-width:1080px){

	#mainmenu{
	}
	#theMain{
		padding: 30px 90px;
	}
	#theMain .navbar-nav li a.menu-link{
		font-size: 4.5em;
	}
	#theMain .navbar-nav li.menu-financiele-scan{
		margin-top: 1em;
	}
	#theMain .navbar-nav li.menu-financiele-scan a.menu-link,
	#theMain .navbar-nav li.menu-faq a.menu-link,
	#theMain .navbar-nav li.menu-login a.menu-link{
		font-size: 1.4em;
	}
	#theMain .navbar-nav li.menu-login a.menu-link{
	}
}

@media(min-width:1200px){	
	
	#header.menu-hamburger .logo{
		padding: 50px 0px 0px 50px; height: 200px;
	}
	.footer-logo{
		padding: 50px 0px 0px 50px
	}
    
    .page-block .page-block-caption, .page-block.light .page-block-caption, .page-block.medium .page-block-caption{
        padding: 50px 90px;
    }
    
	
	.footer-credits{
		padding: 0px 50px!important;
	}
}


@media(min-width:1440px){
	#header .container{
		max-width: 1600px;position: relative;
	}
    
    .page-block .page-block-caption, .page-block.light .page-block-caption, .page-block.medium .page-block-caption{
        padding: 50px 120px;
    }
}

@media(min-width:1600px){
	.footer-credits{
		left: 50%; margin-left: -800px;
	}
}
@media(min-width:1920px){
    #header.menu-hamburger .mainmenu{
        padding-left: 105px;
    }
	
}

.page-block.right .page-block-subname, .page-block.right .page-block-name, .page-block.right .page-block-ttl, .page-block.right .page-block-intro, .page-block.right .page-block-txt, .page-block.right .content-link, .page-block.right .page-block-link, .page-block.right .page-block-image-text{
	text-align: left;
}
.page-block.right .page-block-link{
	text-align: right;
}

.page-block .content-link{
	padding: 30px 0px 0px 0px;
}
.page-block-link .btn-primary,
.content-link  .btn-primary,
.block-btns  .btn-primary,
.page-block-txt  .btn-primary{
	position: relative;
	border-radius: 0px; height: 40px;
	border: 0px!important;
	border-bottom: 1px solid var(--textcolor)!important;

	padding: 0px 0px 0px 0px; font-size: 1em;
}
.page-block-txt  .btn-primary{
	margin-bottom: 30px;
}
.page-block-link .btn-primary::after,
.content-link .btn-primary::after,
.block-btns  .btn-primary::after,
.page-block-txt  .btn-primary::after{
	position: absolute; margin: 0px;
	text-align: left; left: auto; right: 0px; top: 50%;
	font: var(--fa-font-thin);
	font-size: 1em;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;

	content: ""; display: flex;
	
	margin-top: -5px;
	width: 10px; height: 10px; background-size: 100%;
	
}
.page-block-link .btn-primary::before,
.content-link .btn-primary::before,
.block-btns  .btn-primary::before,
.page-block-txt  .btn-primary::before{
	position: absolute;
	left: 0px; top: auto; bottom: -1px;
	content: ""; 

	width: 100%; height: 1px; background-size: 100%;
	display: flex; z-index: 1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.page-block-link .btn-primary:hover::before,
.content-link .btn-primary:hover::before,
.block-btns  .btn-primary:hover::before,
.page-block-txt  .btn-primary:hover::before{
	bottom: 100%;
}
.page-block-link .btn-primary:hover::after,
.content-link .btn-primary:hover::after,
.block-btns  .btn-primary:hover::after,
.page-block-txt  .btn-primary:hover::after{
	transform: rotate(180deg)
}

.page-block.cta-sticker .page-block-subname, .page-block.cta-sticker .page-block-name, .page-block.cta-sticker .page-block-ttl, .page-block.cta-sticker .page-block-intro, .page-block.cta-sticker .page-block-txt, .page-block.cta-sticker .content-link, .page-block.cta-sticker .page-block-link, .page-block.cta-sticker .page-block-image-text, .page-block.cta-sticker .page-block-link{
	text-align: left!important;
}
.page-block.cta-sticker .page-block-link{
	text-align: right!important;
}

.page-block.cta-sticker{
	border-radius: 0px; height: auto; aspect-ratio:auto;
	padding: 15px 0px; top: 0px; right: 0px;
}	
.page-block.cta-sticker .page-block-caption{
	padding: 30px 30px;
}


.page-block.quote .page-block-caption .page-block-ttl{
	padding: 0px; margin: 0px;
	order: 2;
}
.page-block.quote .page-block-caption .page-block-ttl-intro{
	order: 3;
}
.page-block.quote .page-block-caption .page-block-txt{
	order: 1;
}
.page-block.quote .page-block-caption .page-block-ttl h2{
	padding: 0px; margin: 15px 0px 0px 0px;
}
.page-block.quote .page-block-caption .page-block-ttl h3{
	padding: 0px; margin: 0px;
}
.page-block.quote .page-block-caption .page-block-txt h3{
	padding: 0px; margin: 0px;
}
.page-block.quote .page-block-caption .page-block-txt h4{
	padding: 0px; margin: 0px;
}

#map.page-block{
}
#map.page-block .page-block-ttl{
	display: none;
}


.block .carousel-indicators,
.page-block.gallery.slideshow .page-block-module .carousel-indicators{
	padding: 0px 0px 1em 0px; justify-content: flex-end; column-gap: 16px;  bottom: 0px!important;
}
.block .carousel-indicators li,
.page-block.gallery.slideshow .page-block-module .carousel-indicators li{
	margin: 0px; width: 16px!important; height: 12px!important;
}
.block .carousel,
.page-block.gallery.slideshow .carousel{
	padding-bottom: 1em;
}
.block .carousel .carousel-item,
.page-block.gallery.slideshow .carousel .carousel-item{
	padding-bottom: 2em;
}
.page-block.gallery.slideshow .carousel .carouselState{
	display: none
}
.page-block.gallery.slideshow .carousel .carousel-item .carousel-caption{
	width: 80%; padding-right: 30px; text-align: left; justify-content: flex-start;
}
.page-block.gallery.slideshow .carousel .carousel-item .carousel-caption .carousel-ttl{
	padding: 0px;
}


@media(min-width:600px){
	.page-block.cta-sticker .page-block-caption{
		padding: 30px 30px;
	}
}
@media(min-width:768px){
	.page-block{
	}
    #pageBlock1.page-block.medium{
	}
	.page-block.list-click-detail.highlights::before{
	}
	.page-block.list-click-detail.highlights  .page-block-caption{
	}
	.page-block.list-click-detail.highlights  .page-block-caption-thelist{
	}
    .block-listing{
        grid-gap:30px;
    }
	.page-block.with_block_image.left .page-block-image{
		padding: 0px 30px 0px 30px;
	}
	.page-block.with_block_image.right .page-block-image{
		padding: 0px 30px 0px 30px;
	}
	.page-block.cta-sticker .page-block-caption{
		padding: 15px 30px;
	}
	
}
@media(min-width:1200px){
	.page-block.with_block_image.left .page-block-image{
		padding: 0px 30px 0px 90px;
	}
	.page-block.with_block_image.right .page-block-image{
		padding: 0px 90px 0px 30px;
	}
}

@media(min-width:1440px){
	.page-block.with_block_image.left .page-block-image{
		padding: 0px 0px 0px 120px;
	}
	.page-block.with_block_image.right .page-block-image{
		padding: 0px 120px 0px 30px;
	}
}
@media(min-width:960px){
	.page-block.cta-sticker{
	}
}
@media(min-width:1280px){
    #pageBlock1,
	.page-block,
	.page-block.light, .page-block.medium, #pageBlock1.page-block.light, #pageBlock1.page-block.medium,
	.page-block.gallery.slideshow{
	}
    #pageBlock1.page-block.medium{
	}
		
	.page-block.list-click-detail.highlights::before{
	}
	.page-block.list-click-detail.highlights  .page-block-caption{
	}
	#pageBlock0{
	}
	.page-block .page-block-caption,
	.page-block.light .page-block-caption, .page-block.medium .page-block-caption{
	}
	.page-block.with_block_image.left .page-block-image{
	}
	.page-block.with_block_image.right .page-block-image{
	}
	.page-block.cta-sticker{
	}
	.page-block.cta-sticker .page-block-caption{
	}
	
	.page-block.list-click-detail.highlights .page-block-module{
	}
	
	.block-listing {
    }
	
	.page-block.list-click-detail.highlights .block .block-caption{
	}
	
}
@media(min-width:1440px){
    #pageBlock1.page-block.medium{
	}
	.page-block.quote{
	}
}
@media(min-width:1920px){
	.page-block.cta-sticker .page-block-caption{
	}
}
/**/


@media(max-width:767px){
	
	.page-block.gallery.slideshow .page-block-caption{
		padding: 15px 30px;
	}
	
}
.block .carousel-indicators li,
.page-block.slideshow .page-block-module .carousel-indicators li{
}
.block .carousel-indicators li img,
.page-block.slideshow .page-block-module .carousel-indicators li img{
	display: none;
}
.page-block.gallery.slideshow .page-block-caption .page-block-link{
	display: none;
}





@media(min-width:768px){
	.page-block.gallery.slideshow{
	}
	.page-block.gallery.slideshow .page-block-caption{
	}
}
@media(min-width:991px) {
	.page-block.gallery.slideshow{
	}
	.page-block.gallery.slideshow .page-block-module .carousel-indicators{
	}
	
	.block .carousel-indicators li,
	.page-block.slideshow .page-block-module .carousel-indicators li{
	}
	.block .carousel-indicators li img,
	.page-block.slideshow .page-block-module .carousel-indicators li img{
		width: 100%; height: auto; display: block;
	}
	.page-block.gallery.slideshow .page-block-caption{
		bottom: 90px; max-width: 40%;
	}
}
@media(min-width:1280px){
	.page-block.gallery.slideshow{
	}
	.page-block.gallery.slideshow .page-block-caption{
	}
	.page-block.gallery.slideshow .page-block-module .carousel-indicators{
	}
}
@media(min-width:1440px) {
	.page-block.gallery.slideshow{
	}
	.page-block.gallery.slideshow .page-block-caption{
	}
}
@media(min-width:1920px){
	.page-block.gallery.slideshow .page-block-caption{
		padding: 15px 120px;
	}
}


@media(min-width:768px){
	.page-block.gallery.slider.with_block_image{
	}
	.page-block.gallery.slider.with-long-text .page-block-module{
		width: 50%; overflow: hidden;
	}
	.page-block.gallery.slider.with-long-text .page-block-caption{
		min-height: 100%;
	}

}
@media(min-width:1280px){
	.page-block.gallery.slider .page-block-caption{
		padding-bottom: 60px;
	}
}


@media(min-width:1920px){
	.page-block.gallery.slider{
		max-width: none;
	}
}



















.bouwtype-item{
    padding: 0px; border: 0px;
}
.bouwtype-item .block-caption{
    padding: 15px 0px 0px 0px;
}
.bouwtype-item .block-caption .block-ttl h2{
    margin: 0px 0px 10px 0px; padding: 0px;
}
.bouwtype-item .block-caption .block-ttl h3 ,
.bouwtype-item .block-caption .block-ttl h3 a{
    display: flex; justify-content: flex-start; gap: 5px;
    flex-wrap: wrap;
}
.bouwtype-item .block-caption .block-ttl h3 span{
    width: 100%;  margin: 0px;
}
.bouwtype-item .block-caption .block-ttl h3 span.soortaanbod{
	display: none;
}
.bouwtype-item .block-caption .block-ttl h4{
    margin: 10px 0px 0px 0px; padding: 0px; display: none;
}

.bouwtype-item .block-btns{
    padding: 15px 0px 15px;
}
.bouwtype-item .block-btns .btn-list{
}
.bouwtype-item .block-btns .btn-primary{
    float: right;  padding: 0px 30px 0px 0px;
}
h2.woningtypeSplitter{
    margin: 30px 0px 10px 0px;
}


.page-block.woningtypen .block-listing .block.bouwtype-item .block-btns{
	align-content: flex-end; align-items: flex-end; display: flex; padding-bottom: 0px; justify-content: flex-end;
}
@media (min-width: 650px) {
	#aanbod---woningtypes .block-listing-scroller .block-image a{
		font-size: 2em; letter-spacing: -2px; text-decoration: none; line-height: 50px;
	}
	
	#aanbod---woningtypes .block .block-caption .block-ttl{
		display: none;
	}
	
	
    #aanbod---woningtypes .page-block-module {
		padding: 0px;
    }
    #aanbod---woningtypes .block-listing-scroller  {
        width: 120px; position:absolute; top: 0px; left: 0px;  height: auto;
    }
    #aanbod---woningtypes .block-listing-scroller .block-image{
		opacity: 0.1; margin-bottom: 5px;
    }
    #aanbod---woningtypes .block-listing-scroller #TypeScrollerIndicator{
		position: absolute; top: 0px; left: 0px; width: 94px; height: 50px; border: 2px solid var(--basecolorMedium);
		margin-top: 0px; margin-left: 0px; pointer-events: none;
    }
    #aanbod---woningtypes .pin-spacer .block-listing-scroller  {
    }
    #aanbod---woningtypes .block-listing {
        width: calc(100% - 120px); position: relative; top: 0px; left: 120px;
    }
    #aanbod---woningtypes .block-listing .bouwtype-item{
		/*opacity: 0;*/
    }
    .bouwtype-item .block-image h2{
        display: block;
    }
    .block-listing-scroller{
        display: block;
    }
	
	
	.page-block.woningtypen .block-listing {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item{
		display: grid;
        grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 30px;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-image{
		grid-column: span 1;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-caption{
		grid-column: span 1; align-content: flex-end;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-btns{
		grid-column: span 1; align-content: flex-end;
    }
	.bouwtype-item .block-btns .btn-list{
		float: left;
	}
}
@media (min-width: 768px) {
    .page-block.woningtypen .block-listing{
        gap: 0px;
    }
    
    .bouwtype-item .block-caption{
        padding: 0px 0px 0px;
    }
    .bouwtype-item .block-btns{
        padding: 15px 0px 30px;
    }
    
    .bouwtype-item .bwnr_row{
        padding: 10px 30px;
    }
    .bouwtype-item .bwnr_row .bwnr-spec.bwnr-btn{
        right: 30px;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item{
		display: grid;
        grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 30px;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-image{
		grid-column: span 2;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-caption{
		grid-column: span 2;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-caption-specs{
		grid-column: span 1; padding-bottom: 0px; padding-top: 0px;
	}
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-btns{
		grid-column: span 1; align-content: flex-end; align-items: flex-end; display: flex; padding-bottom: 0px;
    }
    
}
@media (min-width: 991px) {
	
    #aanbod---woningtypes .block-listing-scroller  {
		width: 150px;
    } 
    #aanbod---woningtypes .block-listing {
        width: calc(100% - 150px); left: 150px;
    }
}
@media (min-width: 1280px) {
    .page-block.woningtypen .page-block-caption{
		justify-content: center;
    }
    .page-block.woningtypen .page-block-module{
		max-width: 1440px;
    }
    .page-block.woningtypen .block-listing{
        gap: 0px;
    }
}
@media (min-width: 1440px) {
	.page-block.map,
	.page-block.map-pois{
	}
}


#theBody.het-project #pageBlock1 .page-block-txt h3{
    margin-top: 30px; width: 100%; float: left;
}
#theBody.woningtype #pageBlock1 .page-block-txt h3{
    margin-top: 30px; width: 100%; float: left;
}




#pageBlock0 .scrolldown{
	width: 0; 
	height: 0; 
	border: 0px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;

	border-top: 30px solid var(--highlightcolor);
	background: none;
	transform: rotate(-45deg);
	padding: 0px; margin: 0px; right: -20px; bottom: -5px;
}


#pageBlock0 .scrolldown span{
	transform: rotate(45deg); position: absolute; top: 0px; left: 0px;
	position: absolute;
    top: -19px;
    left: -6px; color:  var(--basecolor);
}



@media (min-width: 991px) {
}  .bwnr_row .bwnr-spec .btn-primary span    {
    margin-top: -1px;
}

#theBody.woning #pageBlock1 .page-block-intro{
    margin-top: 30px; width: 100%; float: left;
}

#theBody.woning #pageBlock1 .page-block-txt h3{
    margin-top: 30px; width: 100%; float: left;
}

#woning---kenmerken{
    justify-content: center;
}
#woning---kenmerken .page-block-txt h2{
	text-align: center;
}
#woning---kenmerken .page-block-txt h2{
	text-align: center;
}

#woning---kenmerken .page-block-caption{
    max-width: 80vw;
}
#woning---kenmerken .page-block-caption ul{
    margin-bottom: 15px;
}

@media (min-width: 768px) {
#woning---kenmerken .page-block-txt .spec-item .spec-label,
#woning---kenmerken .page-block-txt .spec-item .spec-value{
	width: 50%;
}
#woning---kenmerken .page-block-txt .spec-item .spec-label{
	text-align: right; padding-right: 5px; opacity: 0.4;
}
}

@media (min-width: 991px) {
#woning---kenmerken .page-block-caption{
    max-width: 800px; padding-bottom: 0px;
}      
}
#woning---het-project .page-block-ttl h2::after{
    display: none;
}




#woningdetail #modal .page-block-txt h2 span{
	width: 100%;
}
#woningdetail #modal .page-block-txt h2 span.spacer{
	display:none;
}

@media (min-width: 1600px) {
	#pageBlock0{
		max-width: 1600px;
	}
}



/*v1 carousel*/

#aanbod---woningtypes.page-block .page-block-caption .page-block-ttl{
	display: none;
}
#aanbod---woningtypes .block-listing{
	width: 100%; margin: 0px; left: 0px;
}

#aanbod---woningtypes.page-block .page-block-module .carousel-outer{
	position: relative; width: 100%; padding-top: 60px; overflow: hidden;
}
#aanbod---woningtypes.page-block .page-block-module .carousel-inner{
	position: relative; display: flex; justify-content: flex-start; white-space: nowrap; width: auto; overflow: visible;
}
#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item {
	width: auto; overflow: hidden;
}
.bouwtype-item{
	white-space: normal;
	width: calc(100vw - 30px); overflow: hidden;
	padding-right: 30px;
}

#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item  .block-carousel{
	margin: 30px 0px; position: relative; padding-bottom: 2em!important; width: 100%; overflow: hidden;
}
#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item .block-carousel .block-carousel-intern{
	position: relative; display: flex; justify-content: flex-start; white-space: nowrap;
}
#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item .block-carousel .block-carousel-intern .type-image-item,
#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item .block-carousel .block-carousel-intern img{
	width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/9; min-width: 100%;
}
#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item .block-carousel .intern-carousel-indicators{
	position: absolute; display: flex; align-items: flex-end; align-content: flex-end; justify-content: flex-end; width: 100%;
	margin: 0px; gap:16px; height: 2em;
	top: auto; bottom: 0px;
}
#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item .block-carousel .intern-carousel-indicators a{
	height: 12px;  width: 16px; position: relative; display: block;
	margin: 0px;
	padding: 0px;
	text-align: center; color: #414141; 
	background-color: #414141; text-indent: -10000; opacity: 0.5; overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item .block-carousel .intern-carousel-indicators a.active{
	color: var(--textcolor); 
	background-color: var(--textcolor); opacity: 1;
}
/*#aanbod---woningtypes.page-block .page-block-module .carousel .carousel-item .block-carousel{
	grid-column: span 2;
}*/



@media (max-width: 767px) {
	#aanbod---woningtypes.page-block .page-block-module .carousel-outer .grapWrapper{
		position: absolute; top: 0px; width: 100%; height: 40px;  margin: 0px;
		
	}

	#aanbod---woningtypes.page-block .page-block-module .carousel-outer .carousel-indicators{
		flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: flex-start; margin: 0px;
		column-gap: 0px;
		grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
		grid-auto-flow: column;
		grid-auto-columns: minmax(20%, 1fr); bottom: auto; top: 0px; position: relative; grid-auto-flow: row; max-width: 100%; grid-gap: 0px;
	}

	.block .carousel-indicators li, .page-block.slideshow .page-block-module .carousel-indicators .type-link{
		text-indent: 0; width: auto; font-size: 1em; height: 2em; margin: 0px; padding: 0px 5px; background: none; line-height: 2em; text-align: center; text-decoration: none;
	}

	.block .carousel-indicators li, .page-block.slideshow .page-block-module .carousel-indicators .type-link.active{
		background: var(--basecolorMedium);
	}
}


@media (min-width: 768px) {
	#aanbod---woningtypes.page-block .page-block-module .carousel-outer .grapWrapper{
		width: 35%; height: 100%; background: none; position: absolute; top: 0px; left: 0px; align-content: flex-start; align-items: flex-start; display: flex; flex-wrap: wrap; background: var(--basecolor);
	}

	#aanbod---woningtypes.page-block .page-block-module .carousel-outer .carousel-indicators{
		position: absolute; 
		flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: flex-start; margin: 0px;
		display: flex;  gap:0px; top: 0px!important; left: 0px!important; padding: 0px!important;

	}

	.block .carousel-indicators li, .page-block.slideshow .page-block-module .carousel-indicators .type-link{
		text-indent: 0; width: 100%; font-size: 2em; height: 1.6em; margin: 0px; padding: 0px 0px; background: none; line-height: 1em; text-align: left;
		letter-spacing: -2px; color: #C5C7C4; opacity: 1; text-decoration: none; overflow: hidden;
	}

	.block .carousel-indicators li, .page-block.slideshow .page-block-module .carousel-indicators .type-link.active{
		background: none; color: var(--textcolor);
	}
	#aanbod---woningtypes.page-block .page-block-module .carousel-outer{
		padding-top: 0px;
		padding-left: 35%; width: 100%;
	}
	.bouwtype-item{
		width: calc(0.65 * (100vw - 180px)); max-width: 819px;
	}
	
	#aanbod---woningtypes.page-block .page-block-module .carousel-outer .t-carousel-item .block-carousel{
		grid-column: span 2;
	}
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-caption-specs{
		grid-column: span 2;
	}
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-btns{
		grid-column: span 2; margin-top: 30px;
	}
	
	
}


@media (min-width: 960px) {
	.block .carousel-indicators li, .page-block.slideshow .page-block-module .carousel-indicators .type-link{
		font-size: 3.6em; height: 1.3em; line-height: 1em; 
	}
}
@media (min-width: 1280px) {
	#aanbod---woningtypes.page-block .page-block-module .carousel .t-carousel-item .block-carousel{
		grid-column: span 2;
	}
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-caption-specs{
		grid-column: span 1;
	}
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-btns{
		grid-column: span 1; margin-top: 0;
	}
	
	
}

/*
v2


#aanbod---woningtypes.page-block .page-block-caption .page-block-ttl{
	display: none;
}
#aanbod---woningtypes.page-block .page-block-module{
	width: 100%;
	height: 100vh; 
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden; padding-bottom: 1100vh;
}
#aanbod---woningtypes .block-listing-scroller{
	height: 100vh; align-content: center; align-items: center;
}

#aanbod---woningtypes.page-block .page-block-module .bouwtype-item{
	width: 100vw; position: relative; background: var(--basecolor); 
	align-content: center; max-width: 1110px; padding-bottom: 60px; min-height: 100vh;
}

#aanbod---woningtypes.page-block .page-block-module .carousel{
	pointer-events: none!important;
}
#aanbod---woningtypes.page-block .page-block-module .carousel .carousel-indicators{
	pointer-events: all!important;
}

#aanbod---woningtypes .block-listing-scroller .block-image{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

*/







/*v3
#aanbod---woningtypes.page-block .page-block-caption{
	padding-top: 90px; padding-bottom: 0px; margin: 0px;
}
#aanbod---woningtypes.page-block .page-block-caption .page-block-ttl{
	display: none;
}

#aanbod---woningtypes.page-block .page-block-module{
	border: 1px solid #000000; overflow: hidden;
}
#aanbod---woningtypes.page-block .page-block-module .block-listing{
	display: grid; grid-auto-flow: column;
	grid-template-columns: repeat(auto-fill, minmax(1110px, 1fr));
	grid-auto-columns: minmax(1110px, 1fr); grid-gap: 0px;
}

#aanbod---woningtypes.page-block .page-block-module .bouwtype-item{
	width: 100vw; position: relative; background: var(--basecolor); 
	align-content: center; max-width: 1110px;
}
#aanbod---woningtypes.page-block .page-block-module .bouwtype-item{
}
#aanbod---woningtypes .block-listing-scroller{
	 align-content: flex-start; align-items: flex-start; z-index: 100001; background: var(--basecolor); height: 100%;
}

#aanbod---woningtypes .block-listing-scroller .block-image{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#aanbod---woningtypes.page-block .page-block-module .carousel .carousel-item{
	aspect-ratio: 16 / 9; overflow: hidden;
}
#aanbod---woningtypes.page-block .page-block-module .carousel .carousel-item img{
	width: 100%; height: 100%; object-fit: cover;
}

*/
















/*

.carousel-item  .block-carousel{
	width: 100%; height: 500px; overflow: hidden;
}
.carousel-item  .type-image-item{
	border: 1px solid #000000; position: relative; width: 100%; height: 500px; overflow: hidden;
}
.carousel-item  .type-image-item img{
	width: 100%; height: 500px; object-fit: cover;
}
.carousel-item  .bouwtype-item .block-btns{
	position: absolute; top: auto; left: auto; bottom: 0px; right: 0px; text-align: right; background: none;
	pointer-events: none; justify-content: flex-end; display: flex;
}

#aanbod---woningtypes .carousel-inner{
	width: calc(100% - 100px); margin-left: 100px!important;
}
#aanbod---woningtypes .carousel-indicators{
	width: 100px; display: flex; flex-wrap: wrap; gap: 20px; position: absolute; top: 0px; left: 0px; bottom: auto; right: auto;
	margin: 0px; 
}
#aanbod---woningtypes .carousel-indicators li{
	width: 100%; text-indent: 0;
}


*/