/* CSS Document */

#vooraanzicht .page-block-image{
}
#theBody.plattegronden.plattegronden #vooraanzicht .page-block-caption{
	order: -1;
}
#theBody.plattegronden.kantoorruimtes #vooraanzicht .page-block-caption{
	order: 2;
}
#overlay{
	position: absolute; top: 0px; left: 0px;
}
#overlay #northBlock{
	animation: pulse 2s infinite;
	transform-origin: center;
	animation-delay: 0.3s;
	cursor: pointer;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#overlay #southBlock{
	animation: pulse 2s infinite;
	transform-origin: center;
	animation-delay: 0.15s;
	cursor: pointer;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#overlay #midBlock{
	animation: pulse 2s infinite;
	transform-origin: center;
	animation-delay: 0s;
	cursor: pointer;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#overlay #soutBlock {
    animation: pulse 2s infinite;
    transform-origin: center;
	animation-delay: 0.6s;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#overlay #groundBlock {
    animation: pulse 2s infinite;
    transform-origin: center;
	animation-delay: 0.45s;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#overlay #northBlock:hover,
#overlay #southBlock:hover,
#overlay #midBlock:hover,
#overlay #soutBlock:hover,
#overlay #groundBlock:hover{
	fill: #918885; opacity: 1!important;
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
}

.area-txt{
	opacity: 0; pointer-events: none;
    -webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.area-txt.visible{
	opacity: 1;
}

#norttxt{
	margin-left: -46px;
}
#southtxt{
	margin-left: -46px;
}
#midtxt{
	margin-left: -30px;
}

#hele-verdieping .page-block-image, #north .page-block-image, #south .page-block-image, #mid .page-block-image{
	display: none;
}

@keyframes pulse {
    0% {
		opacity: 0.3;
    }

    70% {
		opacity: 1;
    }

    100% {
		opacity: 0.3;
    }
}

@media (min-width: 900px) {
    #ypsilon-in-je-eigen-stijl .block-listing{
        grid-template-columns: repeat(2, 1fr);
    }
}

#theBody.bekijk-de-mogelijkheden #pageBlock1{
	opacity: 0; pointer-events: none;
}

#theBody.bekijk-de-mogelijkheden #vooraanzicht .page-block-caption{
	order: -1;
}


#hele-verdieping.page-block,
#north.page-block,
#south.page-block,
#groundfloor.page-block,
#souterrain.page-block,
#mid.page-block{
	padding-top: 0px; margin-bottom: 30px; margin-left: 30px; margin-right: 30px;
	border: 1px solid #000000; z-index: 10000;
}

#hele-verdieping .page-block-page_image, #north .page-block-page_image, #south .page-block-page_image, #mid .page-block-page_image
#groundfloor .page-block-page_image, #souterrain .page-block-page_image{
	z-index: 0;
}
#south.page-block{
}
#hele-verdieping.page-block .page-block-caption-content,
#north .page-block-caption-content,
#south .page-block-caption-content,
#groundfloor .page-block-caption-content,
#souterrain .page-block-caption-content,
#mid .page-block-caption-content{
	display: none;
}
#hele-verdieping.page-block .page-block-caption-head,
#north .page-block-caption-head,
#south .page-block-caption-head,
#groundfloor .page-block-caption-head,
#souterrain .page-block-caption-head,
#mid .page-block-caption-head{
	display: block; order: 0;
}
#hele-verdieping .page-block-caption-head .page-block-ttl h2,
#north .page-block-caption-head .page-block-ttl h2,
#south .page-block-caption-head .page-block-ttl h2,
#groundfloor .page-block-caption-head .page-block-ttl h2,
#souterrain .page-block-caption-head .page-block-ttl h2,
#mid .page-block-caption-head .page-block-ttl h2{
	/*font-variation-settings: "wght" 300;
    letter-spacing: 0.3em;
    font-size: 1.2em;*/
}
#hele-verdieping .page-block-image,
#north .page-block-image,
#south .page-block-image,
#groundfloor .page-block-image,
#souterrain .page-block-image,
#mid .page-block-image{
	order: 1; justify-content: flex-end; margin: 0px!important; width: 100%; padding: 15px!important; margin-bottom: -130px!important; z-index: 1;
	position: absolute; top: 0px;
}

#hele-verdieping .page-block-image img,
#north .page-block-image img,
#south .page-block-image img,
#groundfloor .page-block-image img,
#souterrain .page-block-image img,
#mid .page-block-image img{
	width: auto; height: 70px;
}

@media(max-width:767px){
	#hele-verdieping .page-block-image,
	#north .page-block-image,
	#south .page-block-image,
	#groundfloor .page-block-image,
	#souterrain .page-block-image,
	#mid .page-block-image{
		order: 1; justify-content: flex-end; margin: 0px!important; width: 100%; padding: 15px!important; margin-bottom: -130px!important; z-index: 1;
		display: none;
	}
	#hele-verdieping .page-block-image img,
	#north .page-block-image img,
	#south .page-block-image img,
	#groundfloor .page-block-image img,
	#souterrain .page-block-image img,
	#mid .page-block-image img{
		width: auto; height: 100px;
	}
}

@media(min-width:991px){
	#hele-verdieping .page-block-page_image,
	#north .page-block-page_image,
	#south .page-block-page_image,
	#groundfloor .page-block-page_image,
	#souterrain .page-block-page_image,
	#mid .page-block-page_image{
		margin-top: -60px;
	}

	#hele-verdieping .page-block-image,
	#north .page-block-image,
	#south .page-block-image,
	#groundfloor .page-block-image,
	#souterrain .page-block-image,
	#mid .page-block-image{
		top: 10px; padding-right: 25px!important;
	}
	#hele-verdieping .page-block-image img,
	#north .page-block-image img,
	#south .page-block-image img,
	#groundfloor .page-block-image img,
	#souterrain .page-block-image img,
	#mid .page-block-image img{
		width: auto; height: 80px;
	}

	#hele-verdieping.page-block,
	#north.page-block,
	#south.page-block,
	#groundfloor.page-block,
	#souterrain.page-block,
	#mid.page-block{
		z-index: 0; border: 1px solid #000000; margin-bottom: 30px!important;
	}
	#north.page-block{
		z-index: 10	; margin-bottom: 90px!important;
	}
	#north .page-block-page_image, #south .page-block-page_image, #mid .page-block-page_image
	#groundfloor .page-block-page_image, #souterrain .page-block-page_image{
		z-index: 0; border: 0px solid #000000;
	}
	#hele-verdieping .page-block-caption,
	#north .page-block-caption,
	#south .page-block-caption,
	#groundfloor .page-block-caption,
	#souterrain .page-block-caption,
	#mid .page-block-caption{
		z-index: 2;	
	}
}

#hele-verdieping .page-block-page_image,
#north .page-block-page_image,
#south .page-block-page_image,
#groundfloor .page-block-page_image,
#souterrain .page-block-page_image,
#mid .page-block-page_image{
	order: 2;
}

#souterrain .page-block-caption,
#groundfloor .page-block-caption,
#south .page-block-caption,
#mid .page-block-caption,
#hele-verdieping .page-block-caption,
#north .page-block-caption{
	display: flex!important; flex-wrap: wrap; padding-bottom: 0px!important;
}
#hele-verdieping .page-block-caption-head,
#souterrain .page-block-caption-head,
#groundfloor .page-block-caption-head{
	display: none!important;
}
#souterrain .page-block-ttl,
#groundfloor .page-block-ttl,
#south .page-block-ttl,
#mid .page-block-ttl,
#north .page-block-ttl,
#hele-verdieping .page-block-ttl{
	order: 1;
}
#souterrain .page-block-ttl-intro,
#groundfloor .page-block-ttl-intro,
#south .page-block-ttl-intro,
#mid .page-block-ttl-intro,
#north .page-block-ttl-intro,
#hele-verdieping .page-block-ttl-intro{
	order: 2; margin-bottom: 30px;
}
#south .page-block-ttl-intro h3{
	color: #91888;
}

.disclaimer.page-block .page-block-ttl h2{
	font-size: 12px;
}
.disclaimer.page-block .page-block-txt p{
	font-size: 12px;
}

#options.page-block,
#disclaimer.page-block,
#indelingsvarianten.page-block,
#indelingsvariantenpreview.page-block{
	margin-left: 0px!important;
}

#indelingsvariantenpreview .carousel-indicators{
}
#indelingsvariantenpreview.page-block.gallery.slideshow .page-block-module .carousel-indicators{
	grid-template-columns: repeat(3, 1fr);
}
#indelingsvariantenpreview .carouselState{
	display: none;
}

.carousel-caption{
	display: none!important;
}