/* CSS Document */


#theBody #mainsection{
    background: none!important;
}

#theBody.interesse #inschrijven,
#theBody.interesse #inschrijven{
    display: none;
}

.footer{
    z-index: -1;
}


.pagetop.actionblock{
    position: absolute; top: 120px; left: 0px; padding: 30px 45px;
    
    -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; pointer-events: none;
}

#theBody.home .pagetop.actionblock{
    opacity: 1;
}

.pagetop.actionblock p{
    color: var(--textcolor); font-size: 36px; letter-spacing: -1px; line-height: 1em; max-width: 300px; 
}

#languages{
    display: flex; position: absolute;
    left: auto; right: 30px; top: 75px; padding: 0px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#languages a{
    border: 1px solid transparent; border-radius: 4px;
    color: var(--textcolor); text-decoration: none; line-height: 40px; padding: 0px 0.6em;
    background: none; font-size: 20px; width: 70px; text-align: center;
}
#languages a.active{
    border: 0px solid var(--textcolor);
    background: none; text-decoration: none;
    border: 1px solid var(--textcolor);
    color: var(--textcolor);
}

#clock{
    display: flex; position: absolute;
    left: auto; right: 30px; top: 30px; min-width: 70px; height: 1em;
    line-height: 1em; padding: 0px;
    color: var(--textcolor); justify-content: center;
    overflow: hidden;

	font-family: "headfont", sans-serif;
	font-weight: 300;
    font-size: 30px;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#clock .sec{
    animation: secondshower 1s infinite;
}
@keyframes secondshower {
  0% {
      opacity: 1
  }

  50% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}
#theBody.shrink #header.menu-hamburger .pagetop.actionblock,
#theBody.shrink #header.menu-hamburger #languages{
	opacity: 0; pointer-events: none;
}

#theBody.shrink #header.menu-hamburger .logo{
	opacity: 0;
}
#theBody.shrink #header.menu-hamburger .pagetop.actionblock{
	top: 60px;
}
#theBody.shrink #header.menu-hamburger #languages{
	top: -15px;
}
#theBody.shrink #header.menu-hamburger #clock{
	opacity: 0;
}



#theBody #header.menu-hamburger .logo svg{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#theBody.shrink #header.menu-hamburger .logo{
	top: 0px; opacity: 0;
}
#theBody.shrink #header.menu-hamburger .logo svg{
    width: 70px;
}
#theBody.shrink.dayMode #header.menu-hamburger .logo svg path{
}

#theBody.shrink #header.menu-hamburger #clock{
	top: 30px; opacity: 0;
}
#theBody.topp #header.menu-hamburger .logo,
#theBody.topp #header.menu-hamburger #clock{
	opacity: 1!important;
}
@media(min-width:600px) {
#theBody.shrink #header.menu-hamburger #clock{
	top: 30px; opacity: 0;
}
}
#theBody.shrink.dayMode #header.menu-hamburger #clock{
}

@media(max-width:599px) {
    #languages a{
        border: 1px solid var(--textcolor);
    }
    #languages a.active{
        display: none;
    }
}

@media(min-width:600px) {
    #clock{
        font-size: 42px;
    }
    #languages{
        top: 90px;
    }
    #languages a{
        line-height: 34px; width: 50px;
    }

    .pagetop.actionblock{
        top: 180px;
    }
    
    

    #theBody.shrink #header.menu-hamburger .__logo{
        top: -60px;
    }
    #theBody.shrink #header.menu-hamburger .logo svg{
        width: 90px;
    }
    #theBody.shrink #header.menu-hamburger .pagetop.actionblock{
        top: 120px;
    }
    #theBody.shrink #header.menu-hamburger #languages{
        top: 0px;
    }
    #theBody.shrink #header.menu-hamburger #__clock{
        top: -60px;
    }
    
}


@media(min-width:900px) {

    .pagetop.actionblock{
        top: 0px; left: 350px; width: calc(100% - 490px);
    }
    .pagetop.actionblock p{
        max-width: none; font-size: 40px;
    }
    #clock{
        top: 32px;
    }
    #languages{
        top: 100px;
    }

    #theBody.shrink #header.menu-hamburger .__logo{
    }
    #theBody.shrink #header.menu-hamburger .pagetop.actionblock{
        top: -60px;
    }
    #theBody.shrink #header.menu-hamburger #languages{
    }
    #theBody.shrink #header.menu-hamburger #__clock{
    }
    
}
@media(min-width:1200px) {

    .pagetop.actionblock{
        padding-top: 50px; left: 380px; width: calc(100% - 540px);
    }
    .pagetop.actionblock p{
    }
    #clock{
        top: 53px; right: 50px;
    }
    #languages{
        top: 115px; right: 50px;
    }
    #theBody.shrink #header.menu-hamburger #languages{
        top: 15px;
    }
    #theBody.shrink #header.menu-hamburger #__clock{
        top: -45px;
    }

    #theBody.shrink #header.menu-hamburger .logo{
        top: -20px;
    }
    
}
@media(min-width:1200px) {
    .pagetop.actionblock p{
        font-size: 40px;
    }
}
@media(min-width:1600px) {
    .pagetop.actionblock p{
        font-size: 50px;;
    }
    #clock{
        top: 61px;
    }
    #languages{
        top: 120px;
    }
    #theBody.shrink #header.menu-hamburger #languages{
        top: 25px;
    }
    #theBody.shrink #header.menu-hamburger #__clock{
        top: -35px;
    }
}

#inschrijven.page-block.cta-fixed{
    position: fixed;
    width: 140px; height: auto; left: auto; right: 0px; top: 30vh; overflow: hidden;
    max-height: 140px; height: 140px;
    width: 30px; overflow: hidden;
	
	-webkit-transition: width 0.4s ease-out;;
	-moz-transition: width 0.4s ease-out;;
	-o-transition: width 0.4s ease-out;;	
	transition: width 0.4s ease-out;;
	

}
#inschrijven.page-block.cta-fixed.showME{
    width: 140px!important;
}

#inschrijven.page-block.cta-fixed .page-block-caption{
	padding: 0px 0px 0px 30px; width: 110px;
}

#inschrijven.page-block .page-block-caption .page-block-ttl{
    position: absolute;
    width: 110px; height: 140px; left: 30px; padding: 10px 5px;
	display: flex; justify-content: flex-start; align-content: flex-end; align-items: flex-end;
}
#inschrijven.page-block .page-block-caption .page-block-ttl h2,
#inschrijven.page-block .page-block-caption .page-block-ttl h2 a{
	font-size: 30px; padding: 0px; margin: 0px;
    color: #8A7466; height: 100%; display: flex; align-content: center; align-items: center;
}
#inschrijven.page-block .page-block-caption .page-block-link{
	position: absolute; top: auto;  bottom: 0px; left: 30px; width: 140px; height: 30px;
	transform: rotate(-90deg);
	transform-origin: bottom left;
	display: flex; justify-content: center;
    padding: 0px;    
}
#inschrijven.page-block .page-block-caption .page-block-link .btn-primary{
    border: 0px!important; height: 30px; line-height: 30px;
}
#inschrijven.page-block .page-block-caption .page-block-link .btn-primary span{
    text-transform: uppercase; color: #8A7466; font-size: 16px;
}

#inschrijven.page-block .page-block-caption .page-block-link .btn-primary::before,
#inschrijven.page-block .page-block-caption .page-block-link .btn-primary::after{
    display: none;
}


#pageBlock1 .carousel-indicators{
	margin: 0px 30px 15px 30px; 
	justify-content: flex-start;
}
#pageBlock1 .carousel-indicators li{
	background-color: var(--basecolor);
}
#theBody.dayMode #pageBlock1 .carousel-indicators li{
	background-color: var(--basecolorInverse);
}

#theBody.nightMode{
	
}
#theBody.dayMode{
	
}
#theBody.nightMode #head-day{
	display: none;
}
#theBody.nightMode #head-night{
	
}
#theBody.dayMode #head-day{
	
}
#theBody.dayMode #head-night{
	display: none;
}

#theBody.dayMode #slider .night.image-in-slider{
	display: none;
}
#theBody.nightMode #slider .day.image-in-slider{
	display: none;
}


#head-night.page-block .page-block-caption .page-block-intro p{
	opacity: 0;
}



#head-night,
#head-day{
	margin: 0px; position: absolute; top: 0px; left: 0px;
    max-width: none;
}
#head-night .page-block-page_image,
#head-day .page-block-page_image{
    height: 100vh; background: #000000;
    min-height: 600px;;
    
}
#head-night .page-block-page_image img,
#head-day .page-block-page_image img{
    height: 100vh; width: 100%; object-fit: cover; opacity: 0.7;
    min-height: 600px;
}
#head-night .page-block-caption,
#head-day .page-block-caption{
    position: absolute; top: auto; bottom: 0px; max-width: 1600px;
    border: 0px solid #f90;
}
#head-night.page-block .page-block-caption .page-block-intro p,
#head-day.page-block .page-block-caption .page-block-intro p{
    width: 100%; min-width: 100%; margin-bottom: 30px; padding-bottom: 0px;
}


#slider.page-block .page-block-caption .page-block-ttl h2,
#head-night.page-block .page-block-caption .page-block-intro p,
#head-day.page-block .page-block-caption .page-block-intro p{
	color: var(--textcolor)!important;
}


@media(min-width:768px) {    
    
    #head-night.page-block .page-block-caption .page-block-intro p,
    #head-day.page-block .page-block-caption .page-block-intro p{
        font-size: 34px;
    }
}    

@media(min-width:900px) {  
    #head-night.page-block .page-block-caption .page-block-intro p,
    #head-day.page-block .page-block-caption .page-block-intro p{
        font-size: 42px;
    }
}

@media(min-width:1280px) {
    #head-night.page-block .page-block-caption .page-block-intro p,
    #head-day.page-block .page-block-caption .page-block-intro p{
        font-size: 52px;
    }
    
}    


.footer-menu.footer-contact{
    display: grid; 
	grid-template-columns:repeat(1 , 1fr); 
    column-gap: 1em;
}
.footerAddress{
    position: relative; width: 100%;
}
.footerAddress p{
    padding: 0px; margin: 0px 0px 15px 0px;
    font-size: 1.1em;
}
.footerAddress img{
    width: 170px; height: auto; margin-top: 1em;
}

.footerAddress img.logo-merwede{
    position: absolute; width: 60px; top: 0px; left: auto; right: 30px; margin: 0px;
}
.footer-logo{
    order: 4; padding-top: 15px;
}

.footerGradient{
    pointer-events: none;
    background: #F8B384;
    background: -webkit-linear-gradient(bottom, rgba(248, 179, 132, 1) 0%, rgba(243, 241, 217, 1) 100%);
    background: -o-linear-gradient(bottom, rgba(248, 179, 132, 1) 0%, rgba(243, 241, 217, 1) 100%);
    background: linear-gradient(to top, rgba(248, 179, 132, 1) 0%, rgba(243, 241, 217, 1) 100%);

	background: #F8B384;
	background: linear-gradient(0deg, rgba(248, 179, 132, 1) 0%, rgba(248, 179, 132, 0.8) 55%, rgba(243, 241, 217, 0) 100%);
	
    opacity: 0;
    width: 100%; position: absolute; top: auto; bottom: -200%; height: 200%; left: 0px; margin-top: 100vh;
}
#theBody.nightMode .footerGradient{
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(254, 254, 253, 0.01) 22%, rgba(254, 251, 249, 0.05) 35%, rgba(254, 247, 242, 0.1) 47%, rgba(253, 240, 231, 0.19) 57%, rgba(252, 232, 218, 0.3) 66%, rgba(251, 222, 202, 0.43) 75%, rgba(250, 210, 182, 0.59) 84%, rgba(249, 196, 159, 0.77) 92%, rgba(248, 180, 134, 0.98) 99%, #F8B384 100%); /**/
}

@media(max-width:768px) {
	.footer-credits,
.footer{
	position: relative; width:100%;
}
.footerGradient{
}
#theBody.nightMode .footerGradient{
}
}

@media(min-width:600px) {
    .footer-menu.footer-contact .footerAddress{
        display: grid; 
        grid-template-columns:repeat(2, 1fr); 
        column-gap: 0px; margin: 0px;
    }
    .footer-menu.footer-contact .footerAddress p{
        grid-column: span 1; margin-bottom: 30px;
    }
    .footerAddress img{
        width: 170px; margin-top: 0px; max-width: 100%;
    }
    .footer-menu.footer-contact .footerAddress2 p{
        grid-column: 2 / span 1;
    }
    .footer-logo{
        order: 0;
    }
}

@media(min-width:768px) {    
    .footer-menu.footer-contact{
        display: grid; 
        grid-template-columns:repeat(4 , 1fr); 
        column-gap: 30px;
    }
    .footerAddress img.logo-merwede{
        position: absolute; width: 60px; top: 0px; left: auto; right: 30px; margin: 0px;
    }
    .footer-credits{
        width: 100%; position: relative;
    }
    .footer-menu.footer-contact .footerAddress p{
        grid-column: span 2; margin-bottom: 30px;
    }
    
    
}    

@media(min-width:900px) {  
	.footerAddress{
		grid-column: 2 / span 3; padding: 0px;
	}
	.footerAddress2{
        padding-left: 50%;
	}
    .footer-menu.footer-contact .footerAddress p{
        grid-column: span 1; margin-bottom: 30px;
    }
}

@media(min-width:1100px) {
    .footer-menu.footer-contact{
        grid-template-columns: repeat(4, 1fr);
        column-gap: 30px;
    }
    .footerAddress{
        grid-column: 2 / span 2; padding-right: 0px; max-width: 500px;
    }
    .footerAddress2{
        grid-column: 4 / span 1; padding-right: 90px;
        
        padding-left: 0%;
    }
    .footer-menu.footer-contact .footerAddress2 p{
        grid-column: span 2;
    }
    
}    


.scrolltop{
	display: none;
}
#header{
	position: absolute;
}
.footer-credits{
	margin-bottom: 30px;
}
.footerAddress{
	margin-bottom: 30px;
}


#pageBlock1{
	margin-top: 200px;
}

#theBody.home #pageBlock1{
	margin-top: 100vh;
}

@media(max-height:700px) {
#theBody.home #pageBlock1{
	margin-top: 700px; margin-bottom: 15px;
}
}
#pageBlock1.default{
}
#pageBlock1 .page-block-caption{
	align-content: center; align-items: center;
}
#pageBlock1.page-block.default.with_block_image .page-block-caption{
	display: block; order: 2;
}
#pageBlock1.page-block.default.with_block_image .page-block-caption-head{
	display: block; order: 0;
}
#pageBlock1.page-block.default.with_block_image .page-block-image{
	display: block; order: 1;
}
#pageBlock1.page-block.with_page_image .page-block-caption.page-block-caption-with-intro .page-block-intro{
	order: 1; margin-bottom: 3em;
}
#pageBlock1.page-block.with_page_image .page-block-caption.page-block-caption-with-intro .page-block-txt{
	order: 2; margin-bottom: 1em;
}
#pageBlock1.page-block.with_page_image .page-block-caption.page-block-caption-with-intro .page-block-ttl{
	order: 0;
}
#pageBlock1.page-block.with_page_image .page-block-caption.page-block-caption-with-intro .content-link{
	order: 4; text-align: right; margin-bottom: 3em;
}
	
#pageBlock0{
	background: var(--textcolor); aspect-ratio: 1920/1080; overflow: hidden; margin-bottom: 60px;
}
#pageBlock1.default.with_page_image{
	margin-top: 0px;
}
#pageBlock1.default.with_page_image .page-block-name{
	display: none;
}
#pageBlock0 .page-block-page_image{
	aspect-ratio: 1920/1080;
}
#pageBlock0 img{
	opacity: 0.75; width: 100%; height: 100%; object-fit: cover; object-position: center bottom;
}
#pageBlock0 .page-block-caption{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-content: flex-end; align-items: flex-end;
}
#pageBlock0.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
	margin: 0px;
}
#pageBlock0.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1 .part2{
	text-align: right; width: 100%;
}
#gallery.page-block{
	margin: 30px 0px 45px;
}



.page-block.gallery.slider{
    max-width: none;
}
.autoSLider{
    display: flex; flex-direction: row; 
}
.autoSLider img{
    height: 70vh; width: auto; max-height: 700px;
}
.page-block.gallery.slider .page-block-caption{
    position: absolute; top: auto; bottom: 0px; z-index: 1;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15px; display: grid; padding-bottom: 0px; margin: 0px;
}


.page-block.slider .page-block-caption .page-block-ttl{
	grid-column: span 3;
}

@media(min-width:500px) {
	.page-block.gallery.slider .page-block-caption{
	}
	.page-block.slider .page-block-caption .page-block-ttl{
		grid-column: 3 / span 2;
	}
}
@media(min-width:900px) {
	.page-block.gallery.slider .page-block-caption{
		column-gap: 30px;
	}
	.page-block.slider .page-block-caption .page-block-ttl{
		grid-column: 2 / span 3;
	}
}
@media(min-width:1600px) {
    .page-block.gallery.slider .page-block-caption{
        width: 1600px; left: calc(50% - 800px);
    }
}

.block{
    padding: 0px; border: 0px;
}
@media(min-width:500px) {
	#wonen{
		padding: 0px 30px;
	}
    #wonen .page-block-caption{
        padding: 0px;
    }
    #wonen .page-block-caption:nth-of-type(1){
        position: absolute; width: calc(50% - 30px); padding-right: 15px; left: 30px;
        align-content: flex-start; align-items: flex-start;
    }
    #wonen .page-block-caption:nth-of-type(1) .page-block-ttl{
        aspect-ratio:1/1; display: flex; align-items: flex-end; align-content: flex-end;
    }
    #wonen .page-block-caption:nth-of-type(1) .page-block-ttl h2{
        margin: 0px!important;
    }
    #wonen .block:nth-of-type(1){
        grid-column: 2 / span 1;
    }
}


@media(min-width:768px) {
    
    #pageBlock1{
        display: grid;
        grid-template-columns:repeat(4 , 1fr); 
        column-gap: 30px; padding: 0px;
    }
    #pageBlock1.page-block.default.with_block_image .page-block-caption{
        grid-column: 3 / span 2; padding: 0px; width: 100%; padding: 30px 30px 0px 0px;
    }

    #pageBlock1.page-block.default.with_block_image .page-block-caption-head{
        grid-column: 1 / span 2; display: flex; justify-content: flex-start; align-content: flex-end; align-items: flex-end;
        padding: 0px 0px 0px 30px;
    }
    #pageBlock1.page-block.default.with_block_image .page-block-image{
        grid-column: 3 / span 2;  width: 100%; padding: 0px;
    }
    .page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
        text-align: left;
    }

	.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
	}
	#pageBlock0.page-block .page-block-caption.page-block-caption-with-intro{
	}
	#pageBlock0.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1 .part1{
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1 .part2{
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl h2{
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl h2 .part1{
	}
	

	.page-block .page-block-caption.page-block-caption-with-intro .page-block-txt{
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-txt.two-c0lumns,
	.page-block.default .page-block-txt.two-c0lumns{
	}
	.page-block .page-block-caption.page-block-caption-with-intro .page-block-txt.two-c0lumns .page-txt-column{
	}
	
	
	.page-block.with_block_image.left .page-block-image{
	}
	.page-block.with_block_image .page-block-caption{
	}
	.page-block.with_block_image .page-block-caption .page-block-ttl{
	}
	.page-block.with_block_image .page-block-caption .page-block-ttl h2{
	}
	.page-block.with_block_image .page-block-caption .page-block-ttl h2 .part1{
	}
	.page-block.with_block_image .page-block-caption .page-block-ttl h2 .part2{
	}
    
	#meer-weten{
	}
	
	#meer-weten.page-block.cta .page-block-txt p{
		font-size: 2.4em; line-height: 1.2em;
	}
    
    
    .page-block.map .page-block-caption{
        align-content: center; align-items: center; padding-right: 20%;
    }
    .page-block.map .page-block-caption .page-block-txt p{
        font-size: 3em; line-height: 1.1em;
    }
    #map2{
        padding-right: 0px; width: calc(50% - 60px);
    }
}

@media(min-width:900px) {
    
    #pageBlock1,
    .page-block{
        margin-bottom: 90px;
    }
    #pageBlock1{
        padding: 0px 30px;
    }
    #pageBlock1.page-block.default.with_block_image .page-block-caption{
        grid-column: 2 / span 3; padding: 30px 30px 0px 0px;
    }

    #pageBlock1.page-block.default.with_block_image .page-block-caption-head{
        grid-column: 1 / span 1; padding:  0px 0px 0px 30px;
    }
    #pageBlock1.page-block.default.with_block_image .page-block-image{
        grid-column: 2 / span 3; padding: 0px 0px 0px 0px; width: calc(100% + 30px);
    }
    .page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
    }
    
    #wonen {
        display: grid; 
        grid-template-columns:repeat(4 , 1fr); 
        column-gap: 30px;
    }
    #wonen .page-block-caption:nth-of-type(1){
        position: relative; width: 100%; left: 0px;
        grid-column: span 1; padding-right: 0px;
    }
    #wonen.page-block.list-click-detail.highlights .page-block-caption-thelist{
        grid-column: span 3; padding-left: 0px;
    }
    #wonen.page-block.list-click-detail.highlights .page-block-caption-thelist .block-listing{
        grid-template-columns:repeat(3 , 1fr); 
        column-gap: 30px;
    }
    #wonen .block:nth-of-type(1){
        grid-column: 1 / span 1;
    }
}

	





@media(min-width:1200px) {
    #pageBlock1,
    .page-block{
        margin-bottom: 90px;
    }
    .footer .container,
    #pageBlock1,
    #wonen{
        padding: 0px 90px 0px 90px
    }
    .footer-logo{
        margin-left: -90px;
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-image{
        width: calc(100% + 90px);
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-caption{
        padding: 60px 90px 0px 0px;
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-caption-head{
        padding:  0px 0px 0px 0px;
    }
    
    #head-night .page-block-caption, #head-day .page-block-caption{
        padding: 50px 50px 50px 50px;
    }
    
    .page-block.map .page-block-caption{
    }
    #map2{
        width: calc(50% - 100px); margin-left: 50px;
    }
}





@media(min-width:1440px) {
    #pageBlock1,
    .page-block{
        margin-bottom: 120px;
    }
    .footer .container,
    #pageBlock1,
    #wonen{
        padding: 0px 120px 0px 120px
    }
    .footer-logo{
        margin-left: -120px;
    }
    #pageBlock1.page-block.default.with_block_image .page-block-image{
        width: calc(100% + 120px);
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-caption{
        padding: 60px 120px 0px 0px;
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-caption-head{
        padding:  0px 0px 0px 0px;
    }
}


@media(min-width:1600px) {
    #head-night .page-block-caption,
    #head-day .page-block-caption{
         left: calc(50% - 800px); padding-right: 0px;
    }
}

#mainsection{
	min-height: 100vh;
}
#theBody.interesse #inschrijven ,
#theBody.disclaimer #inschrijven ,
#theBody.bedankt #inschrijven ,
#theBody.privacy-verklaring #inschrijven ,
#theBody.privacy-statement #inschrijven {
	display: none;
}
#theBody.interesse .page-block .page-block-caption.page-block-caption-with-intro .page-block-intro{
	order: 0;
}

#theBody.bedankt #pageBlock1.page-block .page-block-caption-head ,
#theBody.disclaimer #pageBlock1.page-block .page-block-caption-head ,
#theBody.privacy-verklaring #pageBlock1.page-block .page-block-caption-head ,
#theBody.privacy-statement #pageBlock1.page-block .page-block-caption-head {
	display: flex!important;
}
#theBody.bedankt #pageBlock1.page-block ,
#theBody.disclaimer #pageBlock1.page-block ,
#theBody.privacy-verklaring #pageBlock1.page-block ,
#theBody.privacy-statement #pageBlock1.page-block {
	background: none!important; margin-bottom: 30vh;
}
@media(min-width:768px) {
#theBody.bedankt .page-block .page-block-caption ,
#theBody.disclaimer .page-block .page-block-caption ,
#theBody.privacy-verklaring .page-block .page-block-caption ,
#theBody.privacy-statement .page-block .page-block-caption {
        grid-column: 2 / span 2; padding: 30px!important;
}
}

.page-block-image {
	overflow: hidden;
}


.page-block-module{
    padding: 0px;
}



#theBody.interested #pageBlock1 .page-block-name h1,
#theBody.interesse #pageBlock1 .page-block-name h1{
    font-family: regularfont; font-weight: 400;
}

@media(min-width:768px) {
    #theBody.interested #pageBlock1 .page-block-image,
    #theBody.interesse #pageBlock1 .page-block-image{
        position: absolute; width: 100%; left: 0px; top: 75px; height: calc(100% - 75px); grid-column: 1 / span 2;
    }
    #theBody.interested #pageBlock1 .page-block-image img,
    #theBody.interesse #pageBlock1 .page-block-image img{
        width:100%; height: 100%; object-fit: cover;
    }
    #theBody.interested #pageBlock1 .page-block-caption,
    #theBody.interesse #pageBlock1 .page-block-caption{
        grid-column: 3 / span 2; padding-left: 30px; padding-right: 0px;
    }
}

@media(min-width:900px) {
    #theBody.interested #pageBlock1,
    #theBody.interesse #pageBlock1{
        padding-left: 0px;
    }
}
@media(min-width:1200px) {
    #theBody.interested #pageBlock1 .page-block-image,
    #theBody.interesse #pageBlock1 .page-block-image{
        top: 115px; height: calc(100% - 115px);
    }
}
@media(min-width:1280px) {
    #theBody.interested #pageBlock1 .page-block-image,
    #theBody.interesse #pageBlock1 .page-block-image{
        top: 130px; height: calc(100% - 130px);
    }
}

















.pic-container{
  position: absolute; top: 0px; left: 0px;
  display: block;
  width: 100%;
  height: 100%;
}
.pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    
-webkit-transition: all 0.4s ease-out;;
-moz-transition: all 0.4s ease-out;;
-o-transition: all 0.4s ease-out;;	
transition: all 0.4s ease-out;;
}
.pic3 {
  -webkit-animation: fade3 15s infinite;
  animation: fade3 15s infinite;
}
.pic2 {
  -webkit-animation: fade2 10s infinite;
  animation: fade2 10s infinite;
}
.pic5 {
  -webkit-animation: fade5 25s infinite;
  animation: fade5 25s infinite;
}


@-webkit-keyframes fade2 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



@-webkit-keyframes fade3 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  88% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade3 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  88% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade5 {
  0% {
    opacity: 1;
  }
  12% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  98% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade5 {
  0% {
    opacity: 1;
  }
  12% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@media (min-width: 768px) {
.pic-container_status{
	background: rgba(255,255,255,0.3); position: absolute;
	width: calc(100% - 30px); top: 30px; left: 30px;  height: 5px;
}
.pic-container_indicator{
	background: rgba(255,255,255,1); position: absolute;
	width: 50%; top: 0px; left: 0px; height: 5px;
	-webkit-animation: ind2 10s infinite;
	animation: ind2 10s infinite;
}
}

@media (min-width: 960px) {
.pic-container_status{
	width: calc(100% - 50px); top: 30px; left: 50px; max-width: 1390px;
}
}

@keyframes _ind2 {
  0% {
	  left: 0%;
  }
  25% {
	  left: 0%;
  }
  50% {
	  left: 50%;
  }
  75% {
	  left: 50%;
  }
  100% {
	  left: 0%;
  }
}

@keyframes ind2 {
  0% {
	  left: 0%;
	  width:10%;
  }
  25% {
	  left: 0%;
  }
  50% {
	  left: 50%;
	  width: 50%;
  }
  75% {
	  left: 90%;
	  width: 10%;
  }
  100% {
	  left: 0%;
	  width:10%;
  }
}

#head-night .page-block-page_image, #head-day .page-block-page_image{
  min-height: 100vh;
}

#head-day.page-block{
	overflow: visible!important;
}
#head-day.page-block .page-block-caption.page-block-caption-with-intro{
	margin: 0px!important; position: absolute; top: 0px; left: 0px;
	height: 100%; width: 100%;
}
#head-day.page-block .page-block-caption.page-block-caption-with-intro .page-block-intro{
	top: 0px; left: 0px; position: absolute; top: auto; bottom: 30px; padding: 30px;
}