#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: #465F63;
}
#woonaanbod .page-block-caption h3{
    font-size: 14px; font-weight:700;
}
#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: #465F63;
}
#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:700;
}
#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;
    }
}



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


.block.woningaanbod{
    margin: 0px 0px 15px 0px; width: 100%; padding-bottom: 0px; 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-caption .block-txt ul li{
    font-size:14px;
}
.block.woningaanbod .block-link{
	position: relative; top: 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 .block-link{
	width: 100%;
}
.block.woningaanbod .btn-primary{
    border:0px solid #465F63; margin: 15px 0px 15px 0px; padding: 10px 20px 10px 20px; float: left; background: #465F63!important;
}
.block.woningaanbod .btn-primary span{
	color: #ffffff;
}

.block.woningaanbod .block-caption .block-txt.block-txt-remark{
    /*background: #A7B2A6;*/ padding: 15px 15px 5px 0px; margin-bottom: 15px;
}

.block.woningaanbod .block-caption .block-txt.block-txt-remark p{
	margin: 0px 0px 10px 0px; font-size: 14px;
}
.block.woningaanbod .block-caption .block-txt.block-txt-remark p b{
	font-weight:700;
	font-family: parisplus-std;
}
.aanbod .page-block.gallery{
    padding: 0px; margin: 0px 0px 0px 0px!important;
}
.aanbod .page-block.downloads{
	margin: 0px 0px 60px 0px!important;
}



@media(min-width:768px) {
    #pageBlockWZ.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: 48%; padding-bottom: 60px; width: 48%; max-width: none; margin-bottom: 15px;
		border: 0px solid #fff; margin: 0px 1% 30px 1%; background: #ffffff;
    }
    .block.woningaanbod .block-image .block-icon{
    }
    .block.woningaanbod .block-image{
    }
    .block.woningaanbod .block-caption{
        padding: 30px 30px 15px 30px;
    }
    .block.woningaanbod .block-link{
        padding-left: 30px; position: absolute; top: auto; bottom: 15px; padding-right: 30px;
    }
    
}



.gebouw-woning-nav,
.woningaanbod-nav,
.gebouwen-nav,
.woningtypen-nav{
    position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%;
    padding: 30px 15px;
	background: #A7B2A6;
}
@media(max-width:768px) {
	.gebouw-woning-nav, .woningaanbod-nav, .gebouwen-nav, .woningtypen-nav{
		position: relative; top:0px; bottom:auto; left: 0px; width: 100%;
		padding: 30px 30px;
		background: #A7B2A6; float: left;
	}
	.gebouw-woning-nav{
		position: absolute;
	}
}
@media(min-width:900px) {
    .gebouw-woning-nav{
        padding: 30px 15px;
    }
}

.gebouw-woning-nav a,
.woningaanbod-nav a,
.gebouwen-nav a
.woningtypen-nav a{
    color: #ffffff; font-weight:700; text-decoration: none; padding-right: 15px; padding-left: 15px;
}
.gebouw-woning-nav a{
	background: #465F63; padding-top: 7px; padding-bottom: 7px;
}
.gebouw-woning-nav a:nth-of-type(1){
    border-right: 0px solid #ffffff;
}
.gebouw-woning-nav a.active,
.woningaanbod-nav a.active,
.gebouwen-nav a.active,
.woningtypen-nav a.active{
    font-weight:700; text-decoration: underline;
}
.gebouwen-nav,
.woningaanbod-nav,
.woningtypen-nav{
    position: relative; top:0px; bottom: auto; margin: 15px 0px 45px 0px;
}
.gebouwen-nav{
    margin: 30px 0px 30px 0px; float: left;
}
.gebouwen-nav a,
.woningaanbod-nav a,
.woningtypen-nav a{
    color: #465F63;
}
.gebouwen-nav a:nth-of-type(1),
.gebouwen-nav a:nth-of-type(2){
    border-right: 1px solid #465F63;
}
.woningaanbod-nav a,
.woningtypen-nav a{
    border-right: 1px solid #465F63;
}
.woningaanbod-nav a:last-of-type(),
.woningtypen-nav a:last-of-type(){
    border-right: 0px solid #465F63;
}


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



.gebouw-block.page-block{
    display: flex; flex-wrap: wrap;
}
.gebouw-block.page-block .page-block-caption{
    padding: 45px 30px 15px 30px;
}



.gebouw-block.page-block .page-block-image{
    position: absolute; z-index: 2; width: 50%; top: 60px;
}
.gebouw-block.page-block .page-block-image .icon{
    position: absolute; width: 60px; top: auto; bottom: 30px; left: 30px;
}
.gebouw-block.page-block .page-block-image .icon svg{
    width: 100%;
}

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


.gebouw-block.page-block .page-block-page_image{
    z-index: 1; padding-top: 60px;
}
.gebouw-block.page-block .page-block-link{
    padding: 30px 30px 30px 30px;
}
.gebouw-block.page-block .page-block-caption h2{
    font-weight:700; 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;   
}
.gebouw-block.page-block .page-block-caption h2{
    font-size: 16px;
}


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


.gebouw_inventaris .btn-primary{
    margin-top: 10px; 
	background:#465F63!important; padding: 16px 60px; color: #DFE4DE;
    border: 0px;
}
.gebouw_inventaris .btn-primary span{
	color: #DFE4DE!important;
}

span .beschikbaarlink{
	background: #9F5C42 !important; color: #ffffff!important; font-size: 16px; padding: 5px;
}
a.aanbod-info-link{
	color: #9F5C42 !important; text-decoration: none; font-size: 0.8em;
}

#info_twee-onder-een-kap .gebouw_inventaris,
#info_twee-onder-een-kap .page-block-caption,
#info_twee-onder-een-kap-groeneweg .gebouw_inventaris,
#info_twee-onder-een-kap-groeneweg .page-block-caption{
    background: #E5BE95;
}
#info_twee-onder-een-kap .page-block-page_image,
#info_twee-onder-een-kap-groeneweg .page-block-page_image{
    background: #A2AE98;
}


#info_rijwoningen::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: -40px; background-repeat: no-repeat;
}
#info_rijwoningen .gebouw_inventaris,
#info_rijwoningen .page-block-caption{
    background: #889A7F;
}
#info_bouwkavels .gebouw_inventaris,
#info_bouwkavels .page-block-caption{
    background: #E9EDE9;
}
#info_beneden-en-bovenwoningen .gebouw_inventaris,
#info_beneden-en-bovenwoningen .page-block-caption{
    background: #E9EDE9;
}
#info_penthouses .gebouw_inventaris,
#info_penthouses .page-block-caption{
    background: #E9EDE9;
}
#info_appartementen .gebouw_inventaris,
#info_appartementen .page-block-caption{
    background: #E9EDE9;
}


@media(min-width:768px) {
    .gebouw-block.page-block{
        display: flex; flex-wrap: wrap; align-items:flex-start;
    }
    .gebouw-block.page-block .page-block-caption{
        padding: 45px 30px 0px 30px; width: 50%; order: 1; margin-top: 60px;
    }
    .gebouw-block.page-block .gebouw_inventaris{
        padding: 0px 30px 45px 30px; width: 50%; order: 4; margin-top: 0px;
    }
    .gebouw-block.page-block .page-block-image{
        position: relative; z-index: 2; width: 25%; top: 60px; order: 2;
    }
    .gebouw-block.page-block .page-block-page_image{
        position: absolute; z-index: 1; width: 50%; top: 0px; order: 3; left: 50%;
    }
    .gebouw-block.page-block .page-block-link{
        order: 4; width: 50%;
    }
    

    #info_rijwoningen .page-block-caption{
        order: 3;
    }
    #info_rijwoningen .page-block-image{
        order: 2; margin-left: 25%; top: 0px;
    }
    #info_rijwoningen .page-block-page_image{
        order: 1; left: 0px; padding-top: 0px;
    }
    #info_rijwoningen .page-block-link{
        margin-left: 50%;
    }
    #info_rijwoningen.gebouw-block.page-block .gebouw_inventaris{
        margin-left: 50%;
    }
    #info_rijwoningen::before{
        left: calc(50% + 15px); right:auto;
    }
    
    .gebouw-block.page-block .page-block-image .icon{
        width: 100px;
    }
    
}

@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 60px 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 90px 0px 90px;
    }
    .gebouw-block.page-block .gebouw_inventaris{
        padding: 0px 90px 60px 90px;
    }
    .gebouw-block.page-block .page-block-link{
        padding: 30px 90px 30px 90px;
    }
}

@media(min-width:1440px) {
    .gebouw-block.page-block .page-block-caption{
        padding: 90px 120px 0px 120px;
    }
    .gebouw-block.page-block .gebouw_inventaris{
        padding: 0px 120px 90px 120px;
    }
    .gebouw-block.page-block .page-block-link{
        padding: 30px 120px 30px 120px;
    }
    .gebouw-block.page-block .page-block-caption .page-block-txt.intro-desc p{
        font-size: 2em;
    }
    .gebouw-block.page-block .page-block-caption .page-block-txt p{
        font-size: 16px;
    }
}
@media(min-width:1600px) {
    .gebouw-block.page-block {
        margin-bottom: 90px;
    }
    .gebouw-block.page-block .page-block-caption{
        padding: 120px 160px;
    }
    .gebouw-block.page-block .page-block-link{
        padding: 30px 160px 30px 160px;
    }
    .gebouw-block.page-block .page-block-caption .page-block-txt.intro-desc p{
        font-size: 2em;
    }
}





#pageBlockWZ.gebouwenheader{
    overflow: hidden;
    
}
#pageBlockWZ.gebouwenheader .page-block-caption{
    pointer-events: none;
}
#pageBlockWZ.gebouwenheader .page-block-page_image{
    
}

#circle54_1,
#circle54_2,
#circle54_3,
#circle55_1,
#circle56_2,
#circle56_1,
#circle762_1,
#circle423_1,
#circle424_1,
#circle447_1{
    -webkit-animation: circle_ani 3s linear infinite;
    -moz-animation: circle_ani 3s linear infinite;
    -ms-animation: circle_ani 3s linear infinite;
    -o-animation: circle_ani 3s linear infinite;
    animation: circle_ani 3s linear infinite;
    transform-origin: center;
    cursor: pointer;
}

.color_0{
    opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.color_1{
    opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pointer.color_1{
    opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#wz-bouwkavels .color_1,
#wz-beneden-en-bovenwoningen .color_1,
#wz-rijwoningen .color_1,
#wz-twee-onder-een-kap .color_1,
#wz-twee-onder-een-kap-groeneweg .color_1,
#wz-penthouses .color_1,
#wz-appartementen .color_1{
    opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.hover-building .color_0{
    opacity: 0.5!important;
    fill:#9F5C42 ;
}
.hover-building .color_1{
    opacity: 0.5!important;
    stroke:#9F5C42 ;
}
.active-building .color_0{
    opacity: 1!important;
    fill:#9F5C42 ;
}
.active-building .color_1{
    opacity: 1!important;
    stroke:#9F5C42 ;
}



.active-building-label #circle54_1,
.active-building-label #circle54_2,
.active-building-label #circle54_3,
.active-building-label #circle55_1,
.active-building-label #circle56_2,
.active-building-label #circle762_1,
.active-building-label #circle56_1,
.active-building-label #circle423_1,
.active-building-label #circle424_1,
.active-building-label #circle447_1{
      fill:#465F63!important;
      stroke-width:10!important;
      stroke:#465F63!important;
     opacity: 0;
}



@keyframes circle_ani {
  0% {
      fill:#465F63;
      stroke-width:5;
      stroke:#DFE4DE;
  }
  50% {
      fill:#9F5C42 ;
      stroke-width:30;
      stroke:#9F5C42 ;
  }
  100% {
      fill:#465F63;
      stroke-width:5;
      stroke:#DFE4DE;
  }
}






#headersvg #lbl-wz-bouwkavels #vierkant54,
#headersvg #lbl-wz-rijwoningen #vierkant55,
#headersvg #lbl-wz-twee-onder-een-kap #vierkant56,
#headersvg #lbl-wz-bouwkavels #tekst54 .color_3,
#headersvg #lbl-wz-rijwoningen #tekst55 .color_3,
#headersvg #lbl-wz-twee-onder-een-kap #tekst56 .color_3,
#headersvg #lbl-wz-bouwkavels #line54,
#headersvg #lbl-wz-rijwoningen #line55,
#headersvg #lbl-wz-twee-onder-een-kap #line56,

#headersvg #lbl-wz-beneden-en-bovenwoningen #vierkant423,
#headersvg #lbl-wz-penthouses #vierkant424,
#headersvg #lbl-wz-appartementen #vierkant447,

#headersvg #lbl-wz-beneden-en-bovenwoningen #tekst423 .color_3,
#headersvg #lbl-wz-penthouses #tekst424 .color_3,
#headersvg #lbl-wz-appartementen #tekst447.color_3,

#headersvg #lbl-wz-beneden-en-bovenwoningen #line423,
#headersvg #lbl-wz-penthouses #line424,
#headersvg #lbl-wz-appartementen #line447{
	-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;
    opacity: 0;
    pointer-events: none;
}
#headersvg #lbl-wz-bouwkavels #vierkant54,
#headersvg #lbl-wz-rijwoningen #vierkant55,
#headersvg #lbl-wz-twee-onder-een-kap #vierkant56,
#headersvg #lbl-wz-bouwkavels #tekst54 .color_3,
#headersvg #lbl-wz-rijwoningen #tekst55 .color_3,
#headersvg #lbl-wz-twee-onder-een-kap #tekst56 .color_3,
#headersvg #lbl-wz-bouwkavels #line54,
#headersvg #lbl-wz-rijwoningen #line55,
#headersvg #lbl-wz-twee-onder-een-kap #line56,

#headersvg #lbl-wz-beneden-en-bovenwoningen #vierkant423,
#headersvg #lbl-wz-penthouses #vierkant424,
#headersvg #lbl-wz-appartementen #vierkant424,

#headersvg #lbl-wz-beneden-en-bovenwoningen #tekst423 .color_3,
#headersvg #lbl-wz-penthouses #tekst424 .color_3,
#headersvg #lbl-wz-appartementen #tekst424 .color_3,

#headersvg #lbl-wz-beneden-en-bovenwoningen #line423,
#headersvg #lbl-wz-penthouses #line424,
#headersvg #lbl-wz-appartementen #line424{
    -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);
  }*/
}



@media(min-width:768px) {
    .de-gebouwen #pageBlockPage,
    .aanbod #pageBlockPage,
    .de-gebouwen #pageBlockPage,
    .de-gebouwen #pageBlockPage{
        justify-content: center; align-items: stretch; gap:0px!important;
    }
    .gebouw-woning-nav a,
    .gebouwen-nav a,
    .woningaanbod-nav a{
        font-size: 16px;
    }
}

@media(min-width:900px) {
    .gebouw-woning-nav,
    .gebouwen-nav,
	.woningaanbod-nav,
	.woningtypen-nav{
        padding-left: 30px;
        padding-right: 30px;
    }
	.woningaanbod-nav{
        display: flex; justify-content: center; flex-wrap: wrap;
    }
	.woningaanbod-nav a{
        font-size: 14px;
    }
}

@media(min-width:1280px) {
    .gebouw-woning-nav,
    .gebouwen-nav,
    .woningaanbod-nav,
	.woningtypen-nav{
        padding-left:60px;
        padding-right:60px;
    }
}

@media(min-width:1440px) {
    .gebouw-woning-nav,
    .gebouwen-nav,
    .woningaanbod-nav,
	.woningtypen-nav{
        padding-left:90px;
        padding-right:90px;
    }
    .woningaanbod-nav{
        display: flex; justify-content: center;
    }
    .woningaanbod-nav a{
        font-size: 22px;
    }
	.woningaanbod-nav a{
        font-size: 16px;
    }
}
@media(min-width:1600px) {
    .gebouw-woning-nav,
    .gebouwen-nav,
    .woningaanbod-nav,
	.woningtypen-nav{
        padding-left:130px;
        padding-right:130px;
    }
}

#woningaanbod1.page-block .page-block-caption{
    width: 100%; position: relative; margin-right: 40%; padding-top: 45px!important; padding-bottom: 0px!important;
}
#woningaanbod1.page-block .page-block-caption .page-block-ttl h2{
	color: #465F63; text-align:center;
} 
.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{
    background: #E9EDE9;
}
#woningaanbod1.page-block .page-block-module{
    z-index: 1; display: flex; justify-content: flex-start; flex-wrap: wrap;
}
#woningaanbod1.page-block::before{
    background: #E9EDE9; width: 100%; position: absolute; z-index: 0; display: block; content: ''; height: 100%; left: 0px; top: 0px; min-height: 400px; max-width: 1188px; max-height: 760px;
}
#woningaanbod1.page-block::after{
}

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



#pageBlockWZ.gebouwen-header .page-block-page_image::after,
#pageBlockWZ.woningaanbod-header .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;
*/}
#pageBlockWZ.gebouwen-header .page-block-page_image .page-block-caption,
#pageBlockWZ.woningaanbod-header .page-block-page_image .page-block-caption{
    z-index: 1;
}



.pageBlockWoningTypeHeader{
    
}
#pageBlockWZ.pageBlockWoningTypeHeader .page-block-header-caption{
    top: 0px; bottom: auto;
}
#pageBlockWZ.pageBlockWoningTypeHeader .page-block-header-caption .page-block-name h1{
    color: #ffffff; width: 100%; text-align: left; max-width: 500px; float: left;
}
#pageBlockWZ.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; width: 100%; margin-bottom: 45px;
}
.woningaanbod #pageBlock2.page-block .page-block-caption p{
	margin-bottom: 30px;
}


.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: #465F63; font-weight:700;; 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:#465F63;
}
.block.woningtypen .geb_st1{
	stroke:#465F63;
}
.block.woningtypen .geb_st3{
	fill:#465F63;
}



.block.woningtypen .block-caption .block-ttl h2{
	color: #ffffff; margin:  0px 0px 10px 0px; padding: 0px; font-weight:700;
}
.block.woningtypen .block-caption .block-ttl h2 span{
	font-weight:700;;
}
.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:700;;
}
.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-E9EDE9 .block-ttl h2,
.block.woningtypen .block-caption.color-E9EDE9 .block-ttl h3,
.block.woningtypen .block-caption.color-E9EDE9 .block-ttl h3 a,
.block.woningtypen .block-caption.color-E9EDE9 .block-txt ul li,
.block.woningtypen .block-caption.color-E9EDE9 .block-txt p,
.block.woningtypen .color-E9EDE9 .btn-primary{
	color: #465F63;
}
.block.woningtypen .block-caption.color-E9EDE9 .block-txt ul li::before{
    background-image:url("../img/frame/check.svg");
}
.block.woningtypen .color-E9EDE9 .btn-primary{
	border:2px solid #465F63;
}

#woningtypen .page-block-caption-head{
	background: #E9EDE9; 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: #E9EDE9; 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: #465F63; 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;
}	
}

#woning-uitgelicht{
    background:#A2AE98;
}
#woning-uitgelicht .page-block-caption{
    background:#E9EDE9;
}
#woning-uitgelicht.page-block .page-block-caption h2{
    margin: 0px; padding: 0px; font-weight: 200;
}
#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{
    position: absolute; top: auto; width: 100%; padding: 5px 15px; bottom: 0px; left: 0px; background: #894420; color: #ffffff; font-weight:700;; text-align: center; text-decoration: 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{
    margin: 30px 0px;
}
@media (min-width: 768px){
    #woning-uitgelicht .page-block-caption{
        width: 70%;
    }
    #woning-uitgelicht .page-block-caption-head::after{
        background: #ffffff; display: block; position: absolute; width: 42.85%; height: 100%;
        content: ''; left: 100%; top: 0px;
    }
    #woning-uitgelicht.page-block .page-block-page_image{
        width: 70%; overflow: visible; padding-left: 30px;
        background:#E9EDE9;
    }
    #woning-uitgelicht.page-block .page-block-page_image .page-block-image{
       left: 100%; right: auto; overflow: visible;
    }
    #woning-uitgelicht.page-block .page-block-page_image .page-block-image::after{
		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: 45px; position: absolute; top: 100%; left: 0px;
		content: ''; display: block;
	}
	
    #woning-uitgelicht.page-block .page-block-image-png{
        width: calc(30% - 60px);
    }
}
@media (min-width: 900px){
    #woning-uitgelicht.page-block .page-block-page_image{
        padding-left: 30px;
        width: 60%;
    }
    #woning-uitgelicht .page-block-caption-head{
        padding-right: 10%;
    }
    #woning-uitgelicht .page-block-caption-head::after{
        width: 66.66%;
    }
    #woning-uitgelicht .page-block-caption{
        width: 60%;
    }
    #woning-uitgelicht.page-block .page-block-image-png{
        width: calc(40% - 60px);
    }
    #woning-uitgelicht.page-block .page-block-caption h3{
        font-size: 18px;
    }
    
    #woning-uitgelicht.page-block .page-block-page_image .page-block-image .meer-link{
        font-size: 18px; padding: 10px 30px;
    }
}
@media (min-width: 1280px){
    #woning-uitgelicht.page-block .page-block-page_image{
        padding-left: 60px;
        width: 50%; margin-right: 50%;
    }
    #woning-uitgelicht .page-block-caption-head::after{
        width: 100%;
    }
    #woning-uitgelicht .page-block-caption{
        width: 50%;
    }
    #woning-uitgelicht.page-block .page-block-image-png{
        width: calc(50% - 60px); padding-left: 10%; margin-top: -300px;
    }
    #woning-uitgelicht.page-block .page-block-image-png img{
		width: 125%; max-width: 775px;
    }
}
@media (min-width: 1440px){
    #woning-uitgelicht.page-block .page-block-page_image{
        padding-left: 60px;
    }
}
@media (min-width: 1600px){
    #woning-uitgelicht.page-block .page-block-page_image{
        padding-left: 90px;
    }
}




/*

BG: A7B2A6
LIGHTER GREEN : E9EDE9
Light gren: DFE4DE
dark green: 1E413D
GREY TEXT: 575756
ALMOST WHITE : F2F4F1

*/



#woningsearch{
    background: #DFE4DE; margin: 0px 0px 0px 0px;
    padding: 0px 30px 20px 30px;
}
#woningsearch .btn-primary{
    /*margin: 15px 5px 0px 5px; padding: 6px 10px; background: #00ab8b; color: #ffffff; font-size: 12px;*/ float: right; margin: 0px 0px 0px 0px;
    width: calc(50% - 10px); float: left; /*padding: 5px;*/
    background: #1E413D!important; color: #ffffff!important;
}
#woningsearch h2{
    width: 100%; float: left; margin: 30px 0px 15px 0px; padding: 0px; color: #7f957d;
}
#woningsearch h2 a{
    color: #465F63; font-size: 0.8em;
}


#woningsearch #gebouw,
#woningsearch #prijs,
#woningsearch #status{
    display: none;
}

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

#woning3d{
    background: #E9EDE9;
    position: relative; float: left; width: 100%; padding: 0px!important; margin: 0px 0px 0px 0px;
}
.aanzicht-link,
#woningdetails .btn-primary{
    position: relative; border: 0px solid #465F63!important;
    background: #E9EDE9!important; padding: 5px 10px!important; font-size: 10px; z-index: 1; margin: 9px 5px 0px 5px;
    color: #1E413D!important;
}
.aanzicht-link{
    margin: 0px 5px 0px 5px;
}
.aanzicht-link span.results{
    font-size: 11px; font-weight:700;
}
#woningdetails .btn-download{
    font-size: 11px; z-index: 1; margin: 15px 15px 5px 0px;
}
#woningdetails .btn-inschrijven{
    background: #1E413D!important; border: 0px; padding: 10px 20px!important; font-size: 16px; margin: 15px 0px 10px 0px; color: #ffffff!important;
}
.aanzicht-link.active{
    background: #1E413D!important; color: #ffffff!important;
}

#woningdetails .blank-link{
    text-decoration: none;
}
#woningdetails .color-link{
    color: #68cdba;
    text-decoration: none;
}

#aanzichten{
    height: calc(55vw + 90px); /*max-height: 812.6px;*/ margin: 0px 0px 0px 0px; width: 100%; position: relative;
    overflow: hidden;
	
}
#theBody.woningzoeker #aanzichten{
/*	quickbackground: url('https://www.parc-alcazar.nl/files/items/61/block_image-vogelvlucht-v2.jpg');
	background-repeat: no-repeat; background-size: cover; background-position: center center;
*/	
}

#aanzicht_controls{
    position: relative;
    display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; width: 100%; float: left;
    height: 90px; align-items: center;
    padding: 5px 30px; background: #A7B2A6;
}
#theBody.woningzoeker #aanzicht_controls{
	justify-content: flex-start;
}
#aanzicht_controls label{
	padding: 0px 15px 0px 0px; color: #1E413D; 
}
#aanzicht_controls .form-control{
	width: auto; background: #1E413D!important; color: #ffffff!important;
}

.aanzicht-container{
    position: absolute; float: left; width: 100%; top: 90px; left: 100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease; opacity: 0;
}
#aanzicht2{
    left: 100%;
}
.aanzicht-container.active{
    left: 0%!important; opacity: 1;
} 


#woningsfeer{
    width: 100%; position: relative; top: 0px; background: #E9EDE9; left: 0px;
    padding: 0px!important;
}
#woningsfeer.woningsfeer-zoekerview{
	display: none;
}


#woningsfeer #pageBlockCarousel1{
    padding: 0px; width: 100%; height: 100%;
}
#woningsfeer #pageBlockCarousel1{
    padding: 0px; width: 100%; height: 100%;
}
#woningsfeer #pageBlockCarousel1 .carousel-inner{
    padding: 0px; width: 100%; height: 100%;
}
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item{
    padding: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;
}
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption {
    display: block; position: absolute; top: auto; bottom: 0px; padding: 30px; width:100%;
    height: auto; max-width: none;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
}
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption .block-ttl h2{
    padding: 0px; margin: 0px; color: #ffffff; text-align: left; font-weight:700;
}
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption .block-txt ul{
	margin: 0px; padding: 15px 0px 0px 15px;
}
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption .block-txt ul,
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption .block-txt ul li,
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption .block-txt p,
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption .block-txt p a{
	color: #ffffff; font-size: 14px;
}
#woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption .block-txt h3{
    font-size: 14px; color: #ffffff;
}
#woningsfeer .carousel-control{
    top: 0px; color: #00ab8b; background: none!important;
}
#woningsfeer .carousel-indicators li{
    background: #00ab8b; border-radius: 50%;
}
#woningsfeer .carousel-indicators li.active{
    background: #ffffff;
}

.aanzicht-link.unactive{
    opacity: 0.5; pointer-events: none;
	display: none;
}

@media (max-width:600px){
    #woningsearch #prijs,
    #woningsearch #oppervlakte,
    #woningsearch #kamers,
    #woningsearch #status{
        width: calc(50% - 10px); float: left;
    }
    #woningsearch #prijs,
    #woningsearch #oppervlakte
    /*#woningsearch #kamers*/{
        margin-right: 20px;
    }
}
@media (min-width:600px){
    #woningsearch .form-control{
        width: calc(50% - 10px); float: left; margin: 10px 5px 0px 5px
    }
    #woningsearch .btn-primary{
        margin: 10px 5px 0px 5px;
    }
    .aanzicht-link {
        font-size: 12px;
    }
    
}
@media (max-width:799px){
    .aanzicht-link span.results{
        width: 100%; position: absolute; float: left;
        font-size: 14px; height: 100%; left: 0px; top: 0px; text-align: center; padding: 0px 5px;
        background: #E9EDE9; line-height: 35px; color: #1E413D;
        
	    animation: full_pulse 5s infinite;
    }
    .aanzicht-link.active span.results{
        background: #1E413D; color: #ffffff;
    }
    .aanzicht-link{
        width: calc(50% - 20px); min-width: 130px; margin: 0px 10px 0px 10px
    }

}
@media (min-width:600px){
    #aanzicht_controls{
        padding: 5px 30px 5px 30px;
    }
    .aanzicht-link {
        width: calc(50% - 10px);  margin: 0px 5px 0px 5px
    }
    
}
@media (min-width:800px){
    #woningsearch .form-control{
        width: calc(33.33% - 10px); float: left; margin: 10px 5px 0px 5px
    }
    #woningsearch .btn-primary{
        width: calc(33.33% - 10px); margin: 10px 5px 0px 5px
    }
    
    .aanzicht-link{
        width: calc(25% - 10px);
    }
    .aanzicht-link span.results{
        width: 100%; position: relative; float: left;
        font-size: 11px;
    }

}



@media (min-width:991px){
   
    #woningsearch h2{
        margin: 15px 0px 0px 0px;
        padding: 0px 0px 0px 5px;
        width: 100%;
    }
    #woningsearch{
        margin: 0px 0px 0px 0px;
        padding: 15px 30px 30px 30px;
    }
    .aanzicht-link {
        font-size: 14px;
    }
    .aanzicht-link span.results {
        font-size: 12px;
    }
    #aanzicht_controls{
        padding: 0px 30px 0px 30px; background: #A7B2A6;
    }
	#aanzicht_controls label{
		font-size: 16px!important;
	}
}

@media (min-width:1150px){
   
    #woningsearch{
        padding: 30px 60px 30px 60px;
        margin: 0px 0px 0px 0px;
    }
    #woningsearch h2{
        margin: 15px 0px 0px 0px;
        padding: 0px 0px 0px 5px;
        width: 100%;
    }
    #woningsearch .form-control{
        width: calc(25% - 10px); float: left; margin: 15px 5px 0px 5px;
    }
    /*#woningsearch #gebouw.form-control{
        width: 190px;
    }
    #woningsearch #soort.form-control{
        width: 220px;
    }
    #woningsearch #prijs.form-control{
        width: 170px;
    }*/
    #woningsearch .btn-primary{
        margin: 15px 5px 0px 5px; width: calc(25% - 10px); float: right;
    }
    #aanzicht_controls{
        padding: 0px 60px 0px 60px;
    }
}
@media (min-width:1300px) and (max-width:1440px) {
   
}
@media (min-width:1280px) {
    #woningsearch{
        padding: 30px 90px 30px 90px;
    }
    #aanzicht_controls{
        padding: 0px 90px 0px 90px;
    }
}

@media (min-width:1440px) {
    #woningsearch{
        padding: 30px 120px 30px 120px;
    }
    #aanzicht_controls{
        padding: 0px 120px 0px 120px;
    }
   /* #woningsearch .form-control{
        width: 160px;
    }
    #woningsearch #gebouw.form-control{
        width: 210px;
    }
    #woningsearch #soort.form-control{
        width: 240px;
    }
    #woningsearch #prijs.form-control{
        width: 200px;
    }*/
}
@media (min-width:1600px) {
    #woningsearch{
        padding: 30px 160px 30px 160px;
    }
    #aanzicht_controls{
        padding: 0px 160px 0px 160px;
    }
   /* #woningsearch .btn-primary,
    #woningsearch .form-control{
        width: calc(16.66% - 10px)!important;
    }*/
}

#woninglist{
    background: #E9EDE9; margin: 0px 0px 0px 0px; padding: 15px 30px; float: left; justify-content: flex-end;
}
#woninglist.page-block.woningen{
    padding: 0px 0px!important;
}
.page-block.woningen .page-block-module{
    max-width: 1000px; margin: 0 auto; float: none; padding: 30px 15px;
}
.page-block.woningen .page-block-header{
    padding: 0px!important;
}
.page-block.woningen .page-block-header img{
    width: 100%;
}

#woninglist h2{
    padding: 0px!important; margin: 15px 0px 0px 0px!important; color: #465F63; width: 100%;
}
#woninglist h3{
    padding: 0px!important; margin: 0px!important;
    font-weight: 200;
    font-style: normal; width: 100%;
    color: #465F63;
}
.row-label{
    font-weight: 200;
    font-style: normal; color: #465F63;
    font-family: parisplus-clair;
}
.row-list{
    border-bottom: 1px solid #A7B2A6; margin-bottom: 0px;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 0px; color: #465F63;
}
.row-list a{
    color: #465F63;
}
.row-list:nth-of-type(1){
    background: #A7B2A6!important;
    display: none;
    
}
.row-list:nth-of-type(1) .row-label{
    color: #1E413D; font-weight:700;; font-size: 12px;
}

.row-list:hover{
    background: #DFE4DE;
}
.row-list .labelinfo{
    display: block; width: 80px; position: absolute; left: 0px; font-weight: 200; color: #465F63;
}
.row-value{
	width: 100%; float: left; background: none!important; min-width:0px!important; padding: 0px 0px 0px 80px;
}
.row-list .row-value.btnvalue a{
    padding: 4px 7px; background: #1E413D; margin-bottom: 5px; float: right; color: #ffffff
}

.row-list .row-value.onder-optie a{
    color: #ffffff; background:#c9532a; padding: 4px; margin-top: -4px;
}
.row-list .row-value.verkocht a,
.row-list .row-value.verkocht-onder-voorbehoud a{
    color: #ffffff; background:#c90e0e; padding: 4px; margin-top: -4px;
}
@media (max-width:990px) {
    .row-list{
        margin-bottom: 10px; padding-bottom: 10px;
    }
    .row-list .row-value.btnvalue{
        position: absolute; top: 5px; left: auto; right: 0px;
    }
}

@media (min-width:600px) and (max-width:990px) {
    #woning3d{
    }
    #aanzicht2,
    .aanzicht-container{
        left: 100vw;
    }
    #aanzichten{
    }
    #woningsfeer{
    }

    .row-value{
        width: 50%; padding: 0px 15px 0px 80px;
    }
    .row-value.btnvalue{
        width: 100%; padding: 0px 0px 0px 80px;
    }
    
}

@media (min-width:991px) {
    #woning3d{
        margin: 0px 0px 0px 0px;
    }
    #aanzichten{
        /*height: calc(90px + 41vw); margin: 0px 0px 0px 0px;*/
    }
    .aanzicht-container{
        /*position: absolute; float: left; width: 50%; top: 90px; left: 50%;*/
    }
    #aanzicht2{
    }
    #woningsfeer{
        width: 50%; position: absolute; left: 50%; top: 0px; height: calc(100% - 0px);
    }
    #woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption {
        padding: 30px 30px 45px 30px;
    }
    .carousel-indicators{
        bottom: 15px;
    }
    
    
    .page-block.woningen{
        padding: 0px!important;
    }
    #woninglist{
    }
    .row-list{
        padding-left: 5px; display: flex; justify-content: center;
    }
    .row-list:nth-of-type(1){
        display: flex;
    }
    .row-list .labelinfo{
        display: none;
    }
    .row-value{
        width: 11%; float: left; background: none!important; min-width:0px!important; padding: 9px 0px 3px 0px;
    }
    .row-value.btnvalue{
        padding: 4px 0px 3px 0px;
    }
    .row-list .row-value:nth-of-type(1),
    .row-list .row-value:nth-of-type(2),
    .row-list .row-value:nth-of-type(5),
    .row-list .row-value:nth-of-type(6){
        width: 70px; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(6){
        width: 100px; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(7){
        min-width: 115px!important; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(8){
        min-width: 125px!important; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(1){
        width: 130px; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(2){
        width: 70px; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(3){
        min-width: 175px!important;
    }
    
}

@media (min-width:991px) and (max-width:1440px){
    #woninglist{
        padding: 45px 0px!important;
        padding-left: calc(50% - 480px)!important;
        padding-right: calc(50% - 480px)!important;
    }
}

@media (min-width:1280px) {
    #woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption{
        padding: 30px 60px 60px 60px;   
    }
    #aanzichten{
		width: 70%; height: calc(0.7 * (55vw + 90px)); float: left;
		max-height: 750px;
    }
   /* smartwoningzoeker #aanzichten{
		width: 100%; height: calc(0.65 * (55vw + 90px)); float: left;
    }*/
	#woningdetails{
		width: 30%!important; float: left; height: calc(0.7 * (55vw + 90px));
		max-height: 750px;
	}
	
	#smartwoningzoeker{
		background: #A7B2A6;
	}
	#smartwoningzoeker #woningdetails{
		opacity: 1;
		pointer-events: all;
		padding: 30px 30px!important; overflow: hidden; top: 0px; height: calc(0.7 * (55vw + 90px))
	}
	.twee-onder-een-kap #smartwoningzoeker #woningdetails,
	.twee-onder-een-kap-groeneweg #smartwoningzoeker #woningdetails,
	.rijwoningen #smartwoningzoeker #woningdetails,
	.beneden-en-bovenwoningen #smartwoningzoeker #woningdetails,
	.bouwkavels #smartwoningzoeker #woningdetails{
		top: 0px;height: calc(0.7 * (55vw + 0px));
        overflow-y: auto;
	}
	#smartwoningzoeker #woningdetails::after{
		position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 90px 25%;
		background-color: #E9EDE9; display: block; content: 'Kies hier jouw nieuwe woning inclusief complete keuken en badkamer!';
		/*background-image: url(../img/frame/footer-2.png);*/
		color: #465F63;
		margin-top: 0px;
		background-size: 1280px;
		background-position: bottom right;
		background-repeat: no-repeat; font-size: 30px; line-height: 1; display: flex; align-items: center; text-align: center;
	}
	#smartwoningzoeker #woningdetails.displayed::after{
		display: none;
	}
	
	
	#woningsfeer.woningsfeer-zoekerview{
		display: block; width: 30%; left: 70%;
	}
	#woningsfeer.woningsfeer-zoekerview img{
		opacity: 0!important;
	}
}
@media (min-width:1440px) {
    #woninglist{
        padding: 45px 245px!important;
    }
    .row-list .row-value:nth-of-type(3){
        min-width: 200px!important;
    }
}
@media (min-width:1920px) {
	
	#smartwoningzoeker #woningdetails::after{
		font-size: 40px;
	}
    .row-list .row-value:nth-of-type(6){
        min-width: 130px!important; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(7){
        min-width: 155px!important; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(8){
        min-width: 155px!important; /* straks als de prijs getoond wordt! width: 100px; */
        
    }
    .row-list .row-value:nth-of-type(3){
        min-width: 200px!important;
    }
}

.ligging-link{
	position: absolute; top: 15px; left: auto; right: 15px; text-align: center; line-height: 24px; text-decoration: none; color: #1E413D;
	width: 45px; display: block;
	z-index: 1000;height: 130px; overflow: hidden;
}
.ligging-link img{
	width: 100%!important; position: relative; float: left; top: 0px; left: 0px;
}
.ligging-link img.drie-d-image{
	position: absolute; top: 0px; left: auto; right:-50px;
	width: auto!important; height: 105px; float: left; display: none;
}
.ligging-link span.ligging-link-terug{
	display: none;
	position: absolute; top: 105px; left: 0px;	width: 100%; color: #ffffff;
}
.ligging-link span{
	display: none;
}
.ligging-link.active img,
.ligging-link.active span{
	display: none;
}
.ligging-link.active img.drie-d-image,
.ligging-link.active span.ligging-link-terug{
	display: block;
}
@media (min-width:768px) {
	.ligging-link{
		display: block; width: 105px!important; height: 130px; 
	}
	.ligging-link img{
	}
	.ligging-link::after{
		position: absolute; top: 0px; left: 0px; background: url("../img/btns/zoom.svg"); width: 100%; height: 105px; content: ''; display: block;
		background-repeat: no-repeat; background-position: center center; background-size: 30px;
	}
	.ligging-link.active::after{
		display: none;
	}
.ligging-link span{
	display: block;
}
}
.quick-overview{
	display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
}
#woning3d .quick-overview{
	position: relative; top: 0px!important; left: 0px; width: 100%; height: auto; float: left;
}
#theBody.woningzoeker .quick-overview{
}
#theBody.woningzoeker .quick-overview,
.appartementen .quick-overview,
.penthouses .quick-overview{
	top: 90px;
}

.quick-overview.visible{
	display: block;
}
.quick-overview.detail-visible{
	display: block; z-index: 1111;
}
.quick-overview .gebouw_inventaris ul,
.quick-overview .gebouw_inventaris span,
.quick-overview .gebouw_inventaris .btn-primary{
	display: none;
}

.quick-overview .gebouw_inventaris{
	position: absolute!important; top: auto!important; bottom: 30px!important;
	left: auto!important; right: 30px!important; width: 325px!important; max-height: 125px!important;
}
.appartementen .quick-overview .gebouw_inventaris,
.penthouses .quick-overview .gebouw_inventaris{
	bottom: 120px!important;
}

#theBody.woningzoeker .quick-overview .gebouw_inventaris{
	bottom: 30px!important;
}
@media (min-width:1280px) {
#theBody.woningzoeker .quick-overview .gebouw_inventaris{
	bottom: 60px!important;
}
}
@media (min-width:1800px) {
#theBody.woningzoeker .quick-overview .gebouw_inventaris{
	bottom: 120px!important;
}
}

.vogelvlucht-extra{
	display: none; position: absolute; width: 100%; top: 0px; left: 0px;
}
.appartementen .vogelvlucht-appartementen{
	display: block;
}
.twee-onder-een-kap .vogelvlucht-twee-onder-een-kap,
.twee-onder-een-kap-woningen .vogelvlucht-twee-onder-een-kap{
	display: block;
}


.rijwoningen #wz-rijwoningen .color_0,
.rijwoningen #wz-rijwoningen_69 .color_0,
.beneden-en-bovenwoningen #wz-beneden-en-bovenwoningen .color_0,
.beneden-en-bovenwoningen #wz-beneden-en-bovenwoningen_71 .color_0,
.beneden--en-bovenwoningen #wz-beneden-en-bovenwoningen_71 .color_0,
.twee-onder-een-kap #wz-twee-onder-een-kap .color_0,
.twee-onder-een-kap-groeneweg #wz-twee-onder-een-kap-groeneweg .color_0,
.twee-onder-een-kap #wz-twee-onder-een-kap_72 .color_0,
.twee-onder-een-kap-groeneweg #wz-twee-onder-een-kap-groeneweg_760 .color_0,
.twee-onder-een-kap-woningen #wz-twee-onder-een-kap_72 .color_0,
.twee-onder-een-kap-woningen-groeneweg #wz-twee-onder-een-kap-groeneweg_760 .color_0,
.bouwkavels #wz-bouwkavels .color_0,
.bouwkavels #wz-bouwkavels_67 .color_0,
.penthouses #wz-penthouses .color_0,
.penthouses #wz-penthouses_66 .color_0,
.penthouse #wz-penthouses_66 .color_0,
.appartementen #wz-appartementen .color_0,
.appartementen #wz-appartementen_68 .color_0{
	opacity: 1!important;
	fill: #ffffff;
}

.rijwoningen #wz-rijwoningen .color_1,
.rijwoningen #wz-rijwoningen_69 .color_1,
.beneden-en-bovenwoningen #wz-beneden-en-bovenwoningen .color_1,
.beneden-en-bovenwoningen #wz-beneden-en-bovenwoningen_71 .color_1,
.beneden--en-bovenwoningen #wz-beneden-en-bovenwoningen_71 .color_1,
.twee-onder-een-kap #wz-twee-onder-een-kap .color_1,
.twee-onder-een-kap #wz-twee-onder-een-kap-groeneweg .color_1,
.twee-onder-een-kap #wz-twee-onder-een-kap_72 .color_1,
.twee-onder-een-kap-groeneweg #wz-twee-onder-een-kap-groeneweg_760 .color_1,
.twee-onder-een-kap-woningen #wz-twee-onder-een-kap_72 .color_1,
.twee-onder-een-kap-woningen-groeneweg #wz-twee-onder-een-kap-groeneweg_760 .color_1,
.bouwkavels #wz-bouwkavels .color_1,
.bouwkavels #wz-bouwkavels_67 .color_1,
.penthouses #wz-penthouses .color_1,
.penthouses #wz-penthouses_66 .color_1,
.penthouse #wz-penthouses_66 .color_1,
.appartementen #wz-appartementen .color_1,
.appartementen #wz-appartementen_68 .color_1{
	opacity: 1!important;
    stroke: #ffffff;
}
.twee-onder-een-kap-groeneweg #wz-twee-onder-een-kap_72 .color_0,
.twee-onder-een-kap-groeneweg #wz-twee-onder-een-kap_72 .color_1{
	opacity: 0!important;
    stroke: #ffffff;
}
.twee-onder-een-kap-groeneweg #wz-twee-onder-een-kap_72:hover .color_0,
.twee-onder-een-kap-groeneweg #wz-twee-onder-een-kap_72:hover .color_1{
    opacity: 1!important;
}

.rijwoningen #lbl-wz-rijwoningen,
.beneden-en-bovenwoningen #lbl-wz-beneden-en-bovenwoningen,
.twee-onder-een-kap #lbl-wz-twee-onder-een-kap,
.twee-onder-een-kap #lbl-wz-twee-onder-een-kap-groeneweg,
.bouwkavels #lbl-wz-bouwkavels,
.penthouses #lbl-wz-penthouses,
.appartementen #lbl-wz-appartementen{
	display: none;
}

.aanzicht-img{
    position: relative; float: left; width: 100%;
}
.aanzicht-img img{
    position: relative; float: left; width: 100%;
}
.aanzicht-svg{
    position: absolute; width: 100%; top: 0px; left: 0px;
}
.aanzicht-svg svg{
    width: 100%; top: 0px; left: 0px;
}
.app-box{
    opacity: 0; 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; 
}
.inside-app,
.outline-app{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}
.app-box.active,
.app-box:hover,
.app-box.filtered:hover,
.app-box.filtered.active{
    opacity: 1;
}
.app-box.filtered{
    opacity: 0.5;
}

.app-box:hover,
.app-box.filtered:hover{
    opacity: 0.8;
}


.inside-app{opacity:0.4!important;fill:#A7B2A6!important;}
.outline-app{
	fill:#A7B2A6;opacity:0.4;
    animation: full_pulse_outline 2s infinite;
}
.aanzicht-container:hover .outline-app{
	opacity:0.8; animation: full_pulse_outline 3s infinite;
}
.app-box.filtered:hover .outline-app{
    opacity: 1!important;
	fill:#A7B2A6!important;
}
.app-box.filtered:hover .inside-app{
    opacity: 1!important;
}

.app-box.active,
.app-box.filtered.active{
    opacity: 0.8;
}
.app-box.active .inside-app{opacity:1!important;fill:#465F63 !important;}
.app-box.active .outline-app{fill:#465F63 !important;opacity:1!important;}
.app-box.active:hover .outline-app{fill:#465F63 !important;opacity:1!important;}



@keyframes full_pulse_outline {
	0% {
		fill:#465F63;opacity:0.8;
	}


	50% {
		fill:#A7B2A6;opacity:0.6;
	}

	100% {
		fill:#465F63;opacity:0.8;
	}
}

/*.inner_water{opacity:0.5;fill:#ffffff!important;}
.border_water{fill:#ffffff!important;}
.inner_2kamer{opacity:0.5;fill:#ffffff!important;}
.border_2kamer{fill:#ffffff!important;}
.inner_3kamer_plus{opacity:0.5;fill:#ffffff!important;}
.border_3kamer_plus{fill:#ffffff!important;}
.inner_3kamer{opacity:0.5;fill:#ffffff!important;}
.border_3kamer{fill:#ffffff!important;}
.inner_penthouse{opacity:0.5;fill:#ffffff!important;}
.border_penthouse{fill:#ffffff!important;}


.app-box.active .inner_water, .app-box.filtered.active .inner_water, .app-box:hover .inner_water{opacity:0.5;fill:#1E413D!important;}
.app-box.active .border_water, .app-box.filtered.active .border_water, .app-box:hover .border_water{fill:#1E413D!important;}
.app-box.active .inner_2kamer, .app-box.filtered.active .inner_2kamer, .app-box:hover .inner_2kamer{opacity:0.5;fill:#7F957D!important;}
.app-box.active .border_2kamer, .app-box.filtered.active .border_2kamer, .app-box:hover .border_2kamer{fill:#7F957D!important;}
.app-box.active .inner_3kamer_plus, .app-box.filtered.active .inner_3kamer_plus, .app-box:hover .inner_3kamer_plus{opacity:0.5;fill:#c6650e!important;}
.app-box.active .border_3kamer_plus, .app-box.filtered.active .border_3kamer_plus, .app-box:hover .border_3kamer_plus{fill:#c6650e!important;}
.app-box.active .inner_3kamer, .app-box.filtered.active .inner_3kamer, .app-box:hover .inner_3kamer{opacity:0.5;fill:#465F63!important;}
.app-box.active .border_3kamer, .app-box.filtered.active .border_3kamer, .app-box:hover .border_3kamer{fill:#465F63!important;}
.app-box.active .inner_penthouse, .app-box.filtered.active .inner_penthouse, .app-box:hover .inner_penthouse{opacity:0.5;fill:#894420!important;}
.app-box.active .border_penthouse, .app-box.filtered.active .border_penthouse, .app-box:hover .border_penthouse{fill:#894420!important;}*/

#woningdetails{
    position: relative; float: left; width: 100%; padding: 0px!important; margin: 0px; left: 0%; top: 0px; z-index: 100;
    background: #ffffff;
    padding: 0px 30px!important;
    /*height: calc(182vw + 90px);*/ 
    /*height: calc(100vw + 90px);*/
    opacity: 0; 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; 
}
#woningdetails.displayed{
    opacity: 1; pointer-events: all;
	padding: 30px 30px!important;
}
#woningdetails.displayed h2{
    color: #465F63;
}
.close-woning{
    color: #1E413D;
}
.spec-label{
    width: 40%; float: left; margin: 5px 0px 0px 0px; padding: 0px;
    font-weight: 200;
    font-style: normal;
    color: #465F63;
}
.spec-value{
    width: 60%; float: left; margin: 5px 0px 0px 0px; padding: 0px;
    color: #465F63;
}
.spec-value a{
    color: #465F63;
}


@media (min-width:500px) and (max-width:600px) {
    
    .spec-label{
        margin: 10px 0px 0px 0px;
    }
    .spec-value{
        margin: 10px 0px 0px 0px;
    }
}
@media (min-width:600px) and (max-width:991px) {
    #woningdetails{
 /*       height: 750px; min-height: 81vw; top: 90px;*/
    }
    .spec-label{
        margin: 20px 0px 0px 0px;
    }
    .spec-value{
        margin: 20px 0px 0px 0px;
    }
}

@media (min-width:991px) {
    
    #woningdetails{
        /*width: 50%; padding: 45px!important; left: 50%; top: 90px;
        height: calc(41vw); max-height: 812.6px;
        min-height: 520px; 
        min-height: 540px;*/
        
    }
    .spec-label{
        width: calc(100% - 150px);
    }
    .spec-value{
        width: 150px;
    }
    .spec-label{
        margin: 3px 0px 0px 0px;
    }
    .spec-value{
        margin: 3px 0px 0px 0px;
    }
    
    #woningdetails h2{
        font-size: 30px;
    }
}

@media (min-width:1200px) {
    
    .spec-label{
        margin: 5px 0px 0px 0px;
    }
    .spec-value{
        margin: 5px 0px 0px 0px;
    }
    #woningdetails{
        /*min-height: 620px;
        min-height: 620px;*/
    }
	#woningdetails.displayed h2{
		margin-top: 10px;
		margin-bottom: 0px;
	}
}

@media (min-width:1440px) {
    .spec-label{
        margin: 10px 0px 0px 0px;
    }
    .spec-value{
        margin: 10px 0px 0px 0px;
    }
    #woningdetails{
        /*min-height: 700px;
        min-height: 720px;
        padding: 45px 75px!important;*/
    }
}
@media (min-width:1600px) {
    
    .spec-label{
        width: calc(100% - 250px);
    }
    .spec-value{
        width: 250px;
    }
    .spec-label{
        margin: 10px 0px 0px 0px;
    }
    .spec-value{
        margin: 10px 0px 0px 0px;
    }
}



@media (min-width:1920px) {
    #aanzichten{
        /*height: 877px;*/
    }
    #woningdetails{
        /*height: 787px; max-height: none; min-height: 0px;*/
    }
}



#lbl-wz-bouwkavels{
}
#lbl-wz-rijwoningen{
}
#lbl-wz-twee-onder-een-kap{
}
#lbl-wz-beneden-en-bovenwoningen{
}
#lbl-wz-penthouses{
}

#pageBlockWZ .gebouw_inventaris{
    position: relative; top: 0px; left: 0px; padding: 0px 30px;
    width: 100%; font-size: 12px;
    height: 0px; 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;
}

#pageBlockWZ #inv_twee-onder-een-kap.active,
#pageBlockWZ #inv_twee-onder-een-kap-groeneweg.active{
    height: 260px; padding: 15px 30px;
}
#pageBlockWZ #inv_rijwoningen.active{
    height: 260px; padding: 15px 30px;
}
#pageBlockWZ #inv_bouwkavels.active{
    height: 260px; padding: 15px 30px;
}
#pageBlockWZ #inv_beneden-en-bovenwoningen.active{
    height: 260px; padding: 15px 30px;
}
#pageBlockWZ #inv_penthouses.active{
    height: 260px; padding: 15px 30px;
}
#pageBlockWZ #inv_appartementen.active{
    height: 260px; padding: 15px 30px;
}

#pageBlockWZ .gebouw_inventaris h2{
    color: #465F63; font-size: 22px; font-weight: 200; display: block;
}
#pageBlockWZ .gebouw_inventaris p{
    font-size: 14px;
}
#pageBlockWZ .gebouw_inventaris ul{
    padding-left: 15px;
}
#pageBlockWZ .gebouw_inventaris ul li{
    font-size: 14px;
}
#pageBlockWZ #inv_twee-onder-een-kap,
#pageBlockWZ #inv_twee-onder-een-kap-groeneweg{
    background: #b7c2b4;
}
#pageBlockWZ #inv_rijwoningen{
    background: #b7c2b4;
}
#pageBlockWZ #inv_bouwkavels{
    background: #b7c2b4;
}
#pageBlockWZ #inv_beneden-en-bovenwoningen{
    background: #b7c2b4;
}
#pageBlockWZ #inv_penthouses{
    background: #b7c2b4;
}
#pageBlockWZ #inv_appartementen{
    background: #b7c2b4;
}
@media (min-width:900px) {
    #pageBlockWZ .gebouw_inventaris{
        position: absolute;
        display: block; opacity: 1; width: 325px; 
    }
    #pageBlockWZ #inv_twee-onder-een-kap,
    #pageBlockWZ #inv_twee-onder-een-kap-groeneweg{
        top: 45%; left: 35%;
    }
    #pageBlockWZ #inv_rijwoningen{
        left: 52%; top: 52%;
    }
    #pageBlockWZ #inv_bouwkavels{
        left: 33%; top: 12%;
    }
    #pageBlockWZ #inv_beneden-en-bovenwoningen{
        left: 63%; top: 32%;
    }
    #pageBlockWZ #inv_penthouses{
        left: 63%; top: 41%;
    }
    #pageBlockWZ #inv_appartementen{
        left: 63%; top: 41%;
    }
    #pageBlockWZ #inv_twee-onder-een-kap.active,
    #pageBlockWZ #inv_twee-onder-een-kap-groeneweg.active{
        height: 300px; padding: 15px 30px;
    }
    #pageBlockWZ #inv_rijwoningen.active{
        height: 270px; padding: 15px 30px;
    }
    #pageBlockWZ #inv_bouwkavels.active{
        height: 265px; padding: 15px 30px;
    }
    #pageBlockWZ #inv_beneden-en-bovenwoningen.active{
        height: 295px; padding: 15px 30px;
    }
    #pageBlockWZ #inv_penthouses.active{
        height: 325px; padding: 15px 30px;
    }
    #pageBlockWZ #inv_appartementen.active{
        height: 305px; padding: 15px 30px;
    }

}

@media (min-width:1440px) {
    #pageBlockWZ #inv_twee-onder-een-kap,
    #pageBlockWZ #inv_twee-onder-een-kap-groeneweg{
        top:42%; left: 35%;
    }
    #pageBlockWZ #inv_rijwoningen{
        left: 47%; top: 45%;
    }
    #pageBlockWZ #inv_bouwkavels{
        left: 28%; top: 42%
    }
    #pageBlockWZ #inv_beneden-en-bovenwoningen{
        left: 30%; top: 10%
    }
    #pageBlockWZ #inv_penthouses{
        left: 60%; top: 45%
    }
    #pageBlockWZ #inv_appartementen{
        left: 60%; top: 45%
    }

}

@keyframes full_pulse {
	0% {
        opacity: 0; 
	}

	30% {
        opacity: 0; 
	}

	40% {
        opacity: 1; 
	}
	60% {
        opacity: 1; 
	}

	70% {
        opacity: 0; 
	}

	100% {
        opacity: 0;
	}
}
@keyframes pulse {
	0% {
        opacity: 1; 
	}

	70% {
        opacity: 0.6; 
	}

	100% {
        opacity: 1;
	}
}
@keyframes active_higlight {
	0% {
        opacity: 0.7; 
	}
	100% {
        opacity: 1; 
	}
}


#naar-woningzoeker{
	background: #A7B2A6; padding: 15px 0px;
}
#naar-woningzoeker .page-block-ttl h2,
#naar-woningzoeker .page-block-text p,
#naar-woningzoeker .page-block-link{
	text-align: center;
}
#naar-woningzoeker .page-block-ttl h2{
	font-size: 30px; font-weight: 200;
}
#naar-woningzoeker .page-block-text p{
	font-size: 18px; color: #465F63; line-height: 30px;
}
#naar-woningzoeker .page-block-link .btn-primary{
	background: #465F63!important;
	color: #E9EDE9!important; padding: 10px 30px;;
}

.aantal-beschikbaar{
	position: relative; display: inline-block; text-align: center;
	background: #1E413D; color: #ffffff; border-radius: 50%; width: 50px; height: 50px; line-height: 30px; padding: 10px; font-size: 22px;
}

.row-beschikbaarheid {
    color: #465F63; width:100%; position: relative; float: left; margin: 30px 0px;
}
.row-beschikbaarheid .img-container,
.row-beschikbaarheid .txt-container{
    width:100%; position: relative; float: left; margin: 0px 0px 0px 0px;
}
#woninglist .row-beschikbaarheid h3{
    font-size: 24px;
    width:100%; position: relative; float: left; margin: 15px 0px 5px 0px!important; width: 100%; position: relative; float: left;
        
}
.row-beschikbaarheid-value-special{
    line-height: 50px; font-size: 16px;
}

#woninglist .row-beschikbaarheid h3 a{
    color: #465F63; text-decoration: none;
}
.row-beschikbaarheid img{
    width:100%; position: relative; float: left; margin: 0px 0px 15px 0px;
}

.row-beschikbaarheid-value .btn-primary{
    /*
    border:0px!important; color: #465F63; width:100%;
	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;
    text-align: left;
    */
    margin: 10px 0px; float: right;
}
.row-beschikbaarheid .aantal-beschikbaar{
    margin: 10px 10px 0px 0px;
}
.row-beschikbaarheid-value-special{
    line-height: 50px; font-size: 16px;
}


@media (max-width:8000px) {
    #woninglist .row-beschikbaarheid h3{
        font-size: 18px; margin: 5px 0px 5px 0px!important;
    }
    .row-beschikbaarheid .aantal-beschikbaar{
        width: 30px; height: 30px; line-height: 30px; font-size: 12px; padding: 0px;
        margin: 5px 10px 0px 0px; font-weight:700;
    }
    .row-beschikbaarheid-value-special{
        line-height: 30px; font-size: 12px;
    }
}

@media (min-width:600px) {
    .row-beschikbaarheid {
        margin: 30px 0px 0px 0px;
    }
    .row-beschikbaarheid .img-container{
        width:40%;
    }
    .row-beschikbaarheid .txt-container{
        width:60%; padding-left: 30px;
    }
}
@media (min-width:800px) {
    .row-beschikbaarheid {
        width: 50%;
        margin: 30px 0px 0px 0px;
    }
    .row-beschikbaarheid .img-container{
        width:100%; padding: 5px;
    }
    .row-beschikbaarheid .txt-container{
        width:100%; padding: 0px 15px 15px 15px;
    }
    #beschikbaarheid #woninglist{
        display: flex; justify-content: center; flex-wrap: wrap;
    }
    .row-beschikbaarheid-value .btn-primary{
        margin: 20px 0px 10px 0px; float: left;
    }
    #beschikbaarheid #row66{
        width: 100%;
    }
    #beschikbaarheid #row66.row-beschikbaarheid .img-container{
        width:50%;
    }
    #beschikbaarheid #row66.row-beschikbaarheid .txt-container{
        width:50%;
    }
}
@media (min-width:1200px) {
    #beschikbaarheid #woninglist{
        padding: 45px 90px!important;
    }
    .row-beschikbaarheid {
        width: 33.33%;
        margin: 30px 0px 0px 0px;
    }
    #beschikbaarheid #row66{
        width: 33.33%;
    }
    #beschikbaarheid #row66.row-beschikbaarheid .img-container{
        width:100%;
    }
    #beschikbaarheid #row66.row-beschikbaarheid .txt-container{
        width:100%;
    }
}
@media (min-width:1280px) {
    #beschikbaarheid #woninglist{
        padding: 45px 90px!important;
    }
    .row-beschikbaarheid {
        width: 25%;
        margin: 30px 0px 0px 0px;
    }
    #woninglist .row-beschikbaarheid h3{
        font-size: 18px;

    }
    .row-beschikbaarheid-value-special{
        font-size: 12px;
    }
    #beschikbaarheid #row66{
        width: 100%;
    }
    #beschikbaarheid #row66.row-beschikbaarheid .img-container{
        width:50%;
    }
    #beschikbaarheid #row66.row-beschikbaarheid .txt-container{
        width:50%;
    }
}
    
@media (min-width:1440px) {
    #beschikbaarheid #woninglist{
        padding: 45px 10px!important;
    }
    .row-beschikbaarheid {
        width: 20.00%;
        margin: 30px 0px 0px 0px;
    }
    #woninglist .row-beschikbaarheid h3{
        font-size: 20px;

    }
    .row-beschikbaarheid-value-special{
        font-size: 12px;
    }
    #beschikbaarheid #row66{
        width: 20%;
    }
    #beschikbaarheid #row66.row-beschikbaarheid .img-container{
        width:100%;
    }
    #beschikbaarheid #row66.row-beschikbaarheid .txt-container{
        width:100%;
    }

}
@media (min-width:1600px) {
    #beschikbaarheid #woninglist{
        padding: 45px 160px!important;
    }
    .row-beschikbaarheid {
        width: 20.00%;
        margin: 30px 0px 0px 0px;
    }
}

select option:disabled {
    color: #ccc;
}


#beschikbaarheid.page-block .page-block-caption h2,
#beschikbaarheid.page-block .page-block-caption p,
#beschikbaarheid.page-block .page-block-link {
    text-align: center;
}
#beschikbaarheid.page-block .page-block-link .btn-primary{
    margin-bottom: 15px;
}
@media (min-width:800px) {
#beschikbaarheid.page-block .page-block-caption p {
    padding-left: 20%;
    padding-right: 20%;
}
}
@media (min-width:800px) {
#beschikbaarheid.page-block .page-block-link .btn-primary{
    margin-bottom: 15px; padding: 15px 45px; background: #465F63!important; border: 3px; color: #E9EDE9
}
}

.legenda-block{
    position: absolute; top: 15px; left: 15px; width: 200px; z-index: 1000;
}
.legend-item{
    position: relative; float: left; width: 200px;
}
.legend-border{
    width: 25px; height: 25px; border: 4px solid #ffffff; position: relative; float: left;
}
.legend-bg{
    width: 100%; height: 100%; position: absolute; opacity: 0.5;
}
.legend-name{
    width: 175px; height: 25px;  position: relative; padding-left: 10px; float: left; line-height: 25px; font-size: 11px; color: #ffffff;
}

#aanzicht1 .legend-71,
#aanzicht4 .legend-71{
    display: none!important;
}
#aanzicht1 .legend-69,
#aanzicht3 .legend-69,
#aanzicht4 .legend-69{
    display: none!important;
}
#aanzicht1 .legend-68{
    display: none!important;
}
#aanzicht3 .legend-72,
#aanzicht4 .legend-72{
    display: none!important;
}

#aanzicht1 .legend-66,
#aanzicht2 .legend-66{
    display: none!important;
}

#smartlist{
    margin-bottom: 45px;
}


#homedna .page-block-caption .page-block-ttl h2,
#homedna .page-block-caption .page-block-txt p{
    text-align: center;
}
#homedna .page-block-caption{
    padding-bottom: 0px!important;
}
#homedna #formname{
    display: none;
}

#survey_container{
    background: none;
    color: #465F63; padding-top: 15px!important;
}
@media (min-width:900px) {
#homedna{
    width: 650px;
    float: right;
}
#survey_container{
    padding-left: 60px; padding-right: 60px;
}
}
#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%; 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; margin-bottom: 10px;
}
.wrap-question label.question{
    width: 30%; position: absolute; top:0px; left: 0px; text-align: left;
    
    font-family: parisplus-clair;
    font-weight:700;;
    font-style: normal;
    color: #465F63;
}

.question-type-header{
    text-align: left!important;
}	
#tq47222{
    display: none;
}
.question-type-header label.question{
    width: 100%!important; text-align: left!important; position: relative; float: left;
    
    font-family: parisplus-clair;
    font-weight:700;
    font-style: normal;
    
    font-size: 18px!important; margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px;
}
#tq45581 label.question,
#tq45164 label.question,
#tq45165 label.question,
#tq45150 label.question,
#tq45643 label.question,
#tq49489 label.question,
#tq50535 label.question,
#tq50535 label,
#tq50565 label.question,
#tqq50564 label.question,
#tq50540 label.question,
#tq50683 label.question,
#tq50683 label.question,
#tq50683 label,
#tq45151 label.question{
    width: 100%; padding: 10px 0px 5px 0px!important; float: left; position: relative;
}

#q50565{
	position: relative; float: left;
}

#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 input[type=text]{
    position: relative; min-width: 200px; margin-top: 10px;
}

.wrap-question.question-type-checkbox label{
    width: 100%!important; position: relative; padding: 0px 0px 10px 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;
    
}
.wrap-question textarea{
	width: 100%;
}

.btn-style{
    font-family: parisplus-clair;
    font-weight:700;
    font-style: normal;
    border: 1px solid #ffffff; background: #ffffff; color: #465F63; font-size: 18px;
    padding: 10px 20px;
    position: relative; float: none; margin: 0px 0px 45px 0px;
}



.twee-onder-een-kap #aanzicht_controls,
.twee-onder-een-kap-groeneweg #aanzicht_controls,
.rijwoningen #aanzicht_controls,
.beneden-en-bovenwoningen #aanzicht_controls,
.bouwkavels #aanzicht_controls{
	display: none;
}
.twee-onder-een-kap .aanzicht-container,
.twee-onder-een-kap-groeneweg .aanzicht-container,
.rijwoningen .aanzicht-container,
.beneden-en-bovenwoningen .aanzicht-container,
.bouwkavels .aanzicht-container{
	top: 0px;
}

.twee-onder-een-kap #aanzichten,
.twee-onder-een-kap-groeneweg #aanzichten,
.rijwoningen #aanzichten,
.beneden-en-bovenwoningen #aanzichten,
.bouwkavels #aanzichten{
	height: calc(55vw + 0px);
}


@media (min-width:1280px) {
.twee-onder-een-kap #aanzichten,
.twee-onder-een-kap-groeneweg #aanzichten,
.rijwoningen #aanzichten,
.beneden-en-bovenwoningen #aanzichten,
.bouwkavels #aanzichten{
	height: calc(0.7 * (55vw + 0px));
}
}

#smartwoningzoeker .page-block-module{
	padding: 0px;
}
#smartwoningzoeker #aanzicht_controls{
}
#smartwoningzoeker .aanzicht-link{
	width: 100%; margin: 0px 0px 5px 0px; font-size: 14px; padding: 0px 10px!important; line-height: 35px;
	min-height: 35px;
}
#smartwoningzoeker .aanzicht-link:hover{
	background: #DFE4DE!important; color: #1E413D!important;
}
#smartwoningzoeker .aanzicht-link:hover span.results{
	color: #1E413D!important;
}




@media (min-width:800px) {
	#smartwoningzoeker .aanzicht-link{
		max-width: 300px; min-height: 45px; line-height: 25px!important; padding: 5px 15px!important;
	}
	.aanzicht-link span.results{
		line-height: 25px!important;
	}
	.aanzicht-link.active span.results{
		color: #ffffff!important;
	}
}



#woningsearch.woningdetails_direct{
	padding: 0px 30px 20px 30px;
}
#woningsearch.woningdetails_direct h2{
	margin:  15px 0px 0px 0px; text-align: right;
}
#woningsearch.woningdetails_direct h2 a{
	font-size: 0.6em;
}


#woningdetails.woningdetails_direct{
	position: relative; float: left; width: 100%; top: 0px; left: 0px; opacity: 1; height: auto; padding: 45px 30px!important;
	pointer-events: all;
}
#woningdetails.woningdetails_direct .close-woning,
#woningdetails.woningdetails_direct #actionFavsLink{
	display: none;
}
#woningdetails.woningdetails_direct h1{
	font-weight: 200; color: #173936;
	font-size: 2em;
}
#woningdetails.woningdetails_direct h2{
	margin: 0px; padding: 0px 0px 30px 0px; color: #173936;
}


#woning3d.woningdetails_direct{
	
}
#aanzichten.woningdetails_direct{
	height: auto; max-height: none;
}
#aanzichten.woningdetails_direct .aanzicht-container{
	pointer-events: none;
}
#aanzichten.woningdetails_direct .aanzicht-container .ligging-link{
	display: none;
}

#aanzichten.woningdetails_direct .aanzicht-container{
	top: 0px; position: relative; display: none; left: 0px; top: 0px; float: left; height: auto;
}
#aanzichten.woningdetails_direct .aanzicht-container.active{
	display: block;
}
#aanzichten.woningdetails_direct #aanzicht_controls{
	display: none;
}

#woning3d.woningdetails_direct .page-block-carousel .bullits/*,
#woning3d.woningdetails_direct #woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption .block-txt*/{
	display: none;
}

#aanzicht_CTA{
	position: relative; padding: 30px 30px; float: left; top: 0px; left: 0px; text-align: center; width: 100%;
}
#aanzicht_CTA h2{
	padding: 0px 0px 10px 0px; margin: 0px;
	font-size: 18px; color: #173936; text-align: center;
}
#aanzicht_CTA a.btn-primary{
	border: 1px solid #173936!important;
    background: #173936!important;
    padding: 10px 20px!important;
    font-size: 14px; width: 100%; margin: 15px 0px 0px 0px; float: left;
    color: #ffffff!important;	
}
#aanzicht_CTA a.btn-primary:hover{
    background: #e5d6bf!important;
    color: #173936!important;	
}


@media (min-width:991px){

	#woningsearch.woningdetails_direct h2{
		margin:  15px 0px 0px 0px; text-align: left;
	}
	#woningdetails.woningdetails_direct{
		width: 50%; height: 50vw; max-height: 600px;
	}
	#woning3d.woningdetails_direct{
		width: 50%; position: relative; height: auto; float: right;
	}
	#woning3d.woningdetails_direct .aanzicht-container.active{
		width: 100%;
	}
	
	#woning3d.woningdetails_direct #woningsfeer{
		width: 100%; height: auto; top: 0px; left: 0px; position: relative; height: 50vw; max-height: 500px;
	}
	#woning3d.woningdetails_direct #woningsfeer .imagetypehelper{
		display: block; position: relative; float: left;
		opacity: 0;
	}
	#woning3d.woningdetails_direct #woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item{
		background-position: center center;
	}
	
	#woning3d.woningdetails_direct #woningsfeer #pageBlockCarousel1 .carousel-inner .carousel-item .block-caption{
		display: none;
	}
	#aanzichten.woningdetails_direct{
		width: 50%;
	}
	#aanzicht_CTA{
		width: 50%;
	}
	
}

@media (min-width:1280px){
	
	#woningdetails.woningdetails_direct{
		width: 35%!important; min-height:0px;  max-height: 700px!important;
	}
	#woning3d.woningdetails_direct{
		width: 65%;  left: 0%;
	}
	#woning3d.woningdetails_direct #woningsfeer{
		/*width: calc(100% - 400px); position: absolute; height: 100%;*/max-height: 600px!important;
	}
	#woning3d.woningdetails_direct #woningsfeer .imagetypehelper{
		display: none;
	}
	#aanzichten.woningdetails_direct{
		width: 65%; float: left;
	}
	#aanzicht_CTA{
		width: 35%; padding: 60px 45px;
	}
}

.aanmelden #pageBlock1 .page-block-caption .page-block-name h1{
	text-align: center;
}
.inschrijven #pageBlock1 .page-block-caption .page-block-name h1{
	text-align: center;
}
.downloads #pageBlock1 .page-block-caption .page-block-name h1{
	text-align: center;
}



.aanmelden #pageBlock1 .page-block-caption,
.inschrijven #pageBlock1 .page-block-caption,
.downloads #pageBlock1 .page-block-caption{
	padding-bottom: 0px!important;
}
#aanmelden.homedna .page-block-caption .page-block-ttl h2,
#aanmelden.homedna .page-block-caption .page-block-txt p{
    text-align: center;
}
#aanmelden.homedna .page-block-caption{
    display: none;
}
#aanmelden.homedna #formname{
    display: none;
}

#inschrijven.homedna .page-block-caption .page-block-ttl h2,
#inschrijven.homedna .page-block-caption .page-block-txt p{
    text-align: center;
}
#inschrijven.homedna .page-block-caption{
    display: none;
}
#inschrijven.homedna #formname{
    display: none;
}


#tq50565 label.question,
#tq50682 label.question,
#tq50569 label.question,
#tq50566 label.question{
    width: 100%; padding: 10px 0px 5px 0px!important; float: left; position: relative;
}

#q50682{
	position: relative; float: left;
}

@media (min-width:991px){
#aanmelden.homedna,
#inschrijven.homedna{
    width: 650px;
    float: right;
}
}


#situatiekaart.large-quote.page-block .page-block-caption{
	display: none;
}


@media (max-width:768px){
	.aanbod .page-block-caption .page-block-intro p{
		font-size: 16px;
	}
	.aanbod #pageBlock1 .page-block-intro ul li{
		font-size: 14px; line-height: 24px;
	}
	.aanbod #pageBlock1 .page-block-intro ul li::before{
		background-size: 12px; top: -2px;
	}
	.aanbod #pageBlock2.page-block .page-block-caption p{
		font-size: 14px;
	}
	
	

	#situatiekaart.large-quote.page-block .page-block-image img{
		width: 145%; float: right;
		transform: none!important;
	}

	
}



#woonaanbod-appartementen.block.woningaanbod,
#woonaanbod-rijwoningen.block.woningaanbod,
#woonaanbod-beneden-en-bovenwoningen.block.woningaanbod{
    pointer-events: none;
}
#woonaanbod-appartementen.block.woningaanbod .block-image::after,
#woonaanbod-rijwoningen.block.woningaanbod .block-image::after,
#woonaanbod-beneden-en-bovenwoningen.block.woningaanbod .block-image::after{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../img/frame/uitverkocht.png"); background-repeat: no-repeat; background-size: contain; display: block; content: "";
}