/* CSS Document */
.logo a{
	width: auto;
}
#welcome{
	position: fixed; top: 0px;  left: 0px; width: 100vw; height: 100vh; overflow: hidden; background: #F0E2BF; z-index: 1000000; margin: 0px; max-width: none;
}
#welcome .page-block-image{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.05;
}
#welcome .page-block-image img{
	width: 100%; height: 100%; object-fit: cover;
}
#theBody.home #mainhighlight,
#theBody.home #header,
#theBody.home #tophighlight{
	opacity: 0;/* pointer-events: none;*/
}
#logoAnim{
	position: absolute; top: 50%; left: 50%; width: 180px; height: 70px;
	margin-top: -135px;
	margin-left: -90px;
	opacity: 0;
}
#ICON_W{
	position: absolute; top: 0px; left: 0px; width: 70px; height:  70px;
	object-fit: contain; object-position: left center;
}
#logoAnim2{
	position: absolute; top: 50%; left: 50%; width: 220px; height: 120px;
	margin-top: -50px;
	margin-left: -110px;
}
#LOGO_W{
	position: absolute; top: 0px; left: 0px; width: 100%; height:  100%;
	object-fit: contain;
}
#Y,
#P{
	transform-origin: center center;
}
#textPart{
	position: absolute; top: 50%; left: 50%; width: 220px; height: auto;
	margin-top: 85px;
	margin-left: -110px; letter-spacing: 3px;
}

#theBody.duurzaamheid #header .logo-icon .st2,
#theBody.duurzaamheid #header .logo .st3{
	fill: #ffffff!important;
}
#theBody.duurzaamheid #header .logo-icon .st1,
#theBody.duurzaamheid #header .logo .st1,
#theBody.duurzaamheid #header .logo .st0{
	stroke: #ffffff!important;
} 
#theBody.duurzaamheid #mainhighlight p,
#theBody.duurzaamheid #tophighlight{
	color: #ffffff!important;
} 

#smooth-content {
    float: left;
}

.page-block.with_block_image .page-block-caption .page-block-link .btn-primary{
	min-height: 40px; height: auto;
}
.page-block.with_block_image .page-block-caption .page-block-link .btn-primary span{
	line-height: 1.2em; margin: 10px 0px;
}
.page-block.with_block_image .page-block-caption .page-block-link .btn-primary::after{
	height: 100%;
}

.page-block.with_block_image.default.dark .page-block-caption .page-block-link .btn-primary:hover{
	background: #eeeeee;
}

#theBody.shrink #header.menu-hamburger .logo{
	pointer-events: none;
}
#theBody.shrink #header.menu-hamburger .logo a{
	pointer-events: all;
}

#theBody.contact #pageBlock1{
	height: 0px!important; min-height: 0px; pointer-events: none;
}
#theBody.contact #pageBlock1 .page-block-subname{
	display: none;
}
.page-block.nieuwsbrief-aanmelden{
	/*pointer-events: none;*/
}
.theformfields h2{	
	text-transform: none;
    margin-bottom: 15px;
    margin-top: 150px;
    font-size: 1.4em;
    line-height: 1.7em;
    font-variation-settings: "wght" 420;
	letter-spacing: 2px;
}
.fancy-form-item{
	border: 0px solid #000;
}
.page-block.fancyform .btn-primary{
	padding-left: 30px;
	padding-right: 30px;
}

.slideLeft, .slideRight{
	display: block; margin: 0px!important; width: 40px; color: #AB9F73;
}

.slideLeft{
	right: 40px!important;
}

@media (min-width: 768px) {
	.page-block.nieuwsbrief-aanmelden{
		margin-top: -8vw;
	}
}
@media (min-width: 1440px) {
	.page-block.nieuwsbrief-aanmelden{
		width: calc(50% + 720px - 75px);
		margin-left: calc(50% - 720px + 75px);
		max-width: none;
		margin-top: -8vw;
	}
	.page-block.fancyform .page-block-caption{
		max-width: 700px;
	}
	.page-block.fancyform .page-block-fancyform{
		max-width: 700px;
	}
}
@media (min-width: 1920px) {
	.page-block.nieuwsbrief-aanmelden{
		margin-top: -190px	;
	}
}
	
	
@media (min-width: 1280px) {
    #introductie-salesteam--a-saleslounge .page-block-ttl h2,
    #private-banking .page-block-ttl h2,
    #interieurteam--a-interieurinspiratie .page-block-ttl h2{
	font-size: 4em;
	}
}

#tophighlight{
}
#header.menu-hamburger{
	height: 3em;
}
#pageBlock1 .btn-primary.noborder span{
	font-size: 1.4em;
	font-variation-settings: "wght" 420;
    line-height: 1.7em; letter-spacing: 3px;
}
@media (min-width: 960px) {
#pageBlock1 .btn-primary.noborder span{
	letter-spacing: 3px;
}
}

#theBody.home #pageBlock1 .btn-primary.noborder::after{
	height: 100%;
}
.page-block.quote .page-block-caption .page-block-link{
	display: none;
}


#pageBlock1 .page-block-txt ul{
	margin-bottom: 15px;
}
#pageBlock1.cleanPageBlock1{
	margin-top: 120px;
}
@media (min-width: 768px) {
	#pageBlock1.cleanPageBlock1{
		margin-top: 160px;
	}
	#pageBlock1.cleanPageBlock1 .page-block-caption{
		padding-right: 30px;
	}
	
}
@media (min-width: 960px) {
	#pageBlock1.cleanPageBlock1{
		margin-top: 180px;
	}
	#pageBlock1.cleanPageBlock1 .page-block-caption{
		padding-right: 50px;
	}
}
@media (min-width: 1280px) {
	#pageBlock1.cleanPageBlock1{
		margin-top: 210px;
	}
}
@media (min-width: 1440px) {
	#pageBlock1.cleanPageBlock1{
		margin-top: 245px;
	}
}
#pageBlock0 .page-block-page_image {
    aspect-ratio: 16 / 9;
}
@media (min-width: 960px) {
    #pageBlock0 .page-block-page_image {
        height: calc(100vh - 3em);
        max-height: calc(60vw + 130px);
    }
}

@media (max-width: 767px) {
	
	#toptop p{
		text-align: left; font-size: 0.9em; padding-left: 30px;
	}
    #pageBlock0 .page-block-page_image {
    	aspect-ratio: 16 / 14;
    }
	#tophighlight{
		top: calc(14/16 * 100vw); position: absolute;
	}
	#mainhighlight{
		top: 3em;  position: absolute;
	}
	#mainhighlight p{
		font-size: 1em;
	}
	#header.menu-hamburger .logo,
	#header.menu-hamburger .logo-icon{
		margin-top: 1em!important;
	}
	
}

#cta-pop{
	width: 270px;
	position: fixed; top: auto; bottom: 30px; left: auto; right: 30px; margin: 0px;
	padding: 30px 30px;
	opacity: 0;
}

#cta-pop.hidden{
	display: none;
}
@media (min-width: 767px) {
	#cta-pop{
		width: 300px; bottom: 50px; right: 50px; padding: 30px;
	}
}
#cta-pop .page-block-caption{
	padding: 0px; opacity: 1!important;
}
#closePop{
	position: absolute; top: 15px; left: auto; right: 15px;
}

#cta-pop .page-block-caption .page-block-ttl h2 {
	font-size: 2em;
}
#pageBlock1 .page-block-caption{
	align-items: flex-start;
	align-content: flex-start;
}

.page-block .page-block-ttl.page-block-ttl-intro h3,
.page-block-txt h4,
.page-block-txt h2,
.page-block-txt h3{
	text-transform: none; margin-bottom: 15px; margin-top: 0px; font-size: 1.4em;
    line-height: 1.7em;
	font-variation-settings: "wght" 420;
}


.social-icons .social-label h2{
	display: block;
}

.footer-menu-2{
	margin-bottom: 60px;
}

#ontwikkelingvan{
	display: flex; justify-content: center; align-content: center; align-items: center; font-size: 12px;
}
#ontwikkelingvan img{
	height: 50px; margin-left: 5px;
}

#makelaarsteam{
	display: flex; justify-content: center; align-content: center; align-items: center; font-size: 12px;
	flex-wrap: wrap; margin-bottom: 30px;
}
#makelaarsteam .makelaar{
	width: 100%;
	display: flex; justify-content: center; align-content: center; align-items: center; font-size: 12px; margin: 5px 0px 15px 0px;
}
#makelaarsteam .makelaar-contact{
	width: 140px; flex-wrap: wrap;
	display: flex; justify-content: left; align-content: center; align-items: center; font-size: 12px; margin: 0px;
}
#makelaarsteam img{
	height: 30px; margin-right: 15px;
}
@media (min-width: 768px) {
	.footer-credits{
		padding: 30px 0px!important;
	}
	#ontwikkelingvan{
	grid-column: 2 / span 3; justify-content: flex-start; margin-bottom: 15px;
	}
	#makelaarsteam{
	grid-column: 2 / span 3; justify-content: flex-start; flex-wrap: nowrap; gap: 15px; margin-bottom: 45px;
	}
	#makelaarsteam .makelaar{
		width: auto;justify-content: flex-start; margin: 0px 0px 0px 0px;
	}
	#makelaarsteam img{
		height: 30px; margin-right: 10px;
	}
}
@media (min-width: 1200px) {
	#ontwikkelingvan{
	grid-column: 2 / span 1; justify-content: flex-start; margin-bottom: 45px;
	}
	#makelaarsteam{
	grid-column: 3 / span 2; justify-content: flex-start; flex-wrap: nowrap; gap: 30px; margin-bottom: 45px;
	}
	#makelaarsteam .makelaar{
		width: auto;justify-content: flex-start; margin: 0px 0px 0px 0px;
	}
}

#map2 .gm-style .gm-style-iw-c #bodyContent,
#map3 .gm-style .gm-style-iw-c #bodyContent{
	padding-right: 30px; max-width: 300px;
}

#map2 .gm-style .gm-style-iw-c #bodyContent h3, #map3 .gm-style .gm-style-iw-c #bodyContent h3{
	color: var(--goldcolor);
}

.draggable-group-child::after{
	position: absolute; top: 0px; left: 0px; width:100%; height: 100%; border: 1px solid #ffffff; display: block; content: ''; 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;
}
.draggable-group-child:hover::after{
	border: 4px solid #ffffff;
}

#theBody.home #pageBlock1.with_page_image .page-block-caption .page-block-subname{
	max-width: 420px;
}

#het-team .page-block-txt h3{
	margin-bottom: 0px; padding-bottom: 0px;
}

#theBody.contact #pageBlock0{
	max-height: 600px;
}