/* CSS Document */
#header .logo,
#header .logo-icon,
#header .actionblock,
#header #languages,
#header #clock,
#header .navbar-header,
#header .mainmenu{
    display: none;
}
#header .nav-container{
    display: block; pointer-events: all;
}
#header{
    position: relative; height: 80px; overflow: hidden; background: var(--highlightcolor)!important;
}
#theBody.shopping #header{
	background: var(--basecolorLight)!important;
}

#theBody.disclaimer #pageBlock1{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.extra-menu .navbar-nav{
	width: 100%; 
}
#extraMenu .navbar-nav li.menu-link{
	width: 100%; height: 40px; justify-content: flex-start
}
#extraMenu .navbar-nav li.menu-shopping{
	background: var(--highlightcolor);
}
#extraMenu .navbar-nav li.menu-living{
	background: var(--basecolorLight);
}
#extraMenu .navbar-nav li.menu-link.active{
	order: 2; border-top-left-radius: 20px;
}
#extraMenu .navbar-nav li.menu-link .fa-chevron-right{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#extraMenu .navbar-nav li.menu-link:hover .fa-chevron-right,
#extraMenu .navbar-nav li.menu-link.active .fa-chevron-right{
	transform: rotate(90deg);
}
#extraMenu .navbar-nav li a.menu-link{
	line-height: 40px; padding: 0px 0px 0px 30px; font-weight: 500; text-transform: none;
}
#extraMenu .navbar-nav li a.menu-link span{
	font-weight: 300; padding-right: 10px;
}
#extraMenu .navbar-nav li.menu-shopping a.menu-link span.living{
	display: none;
}
#extraMenu .navbar-nav li.menu-living a.menu-link span.shopping{
	display: none;
}


#headblock-living.page-block,
#headblock-shopping.page-block{
    margin: 0px;
}
#headblock-living.page-block .page-block-caption{
    /*background: linear-gradient(180deg,rgba(198, 158, 70, 0.65) 0%, rgba(198, 158, 70, 0) 100%);
	margin-left: 30px; width: calc(100% - 30px);*/
}
#headblock-living.page-block .page-block-caption .page-block-ttl-intro::before{
    position: relative; display: block; content: ''; width: 100%; height: 180px;
    background: url(https://www.roofgarden-rijswijk.nl/files/items/100001/logo_svg-logo_svg-LogoTheRoofgarden.svg);
    background-repeat: no-repeat; background-size: contain; background-position: center left;
}
#headblock-living .page-block-ttl.page-block-ttl-intro h3{
    color: var(--basecolor); font-size: 30px; margin: 75px 0px 0px 0px; padding: 0px; font-weight: 500;
}
#headblock-living .page-block-ttl.page-block-ttl-intro h3 a{
    color: var(--basecolor);
}
#headblock-living .page-block-ttl.page-block-ttl h2{
    color: var(--textcolor); font-size: 30px; margin: 0px 0px 75px 0px; padding: 0px; font-weight: 500;
}
#headblock-living .page-block-ttl.page-block-ttl h2 a{
    color: var(--textcolor);
}
#headblock-living .page-block-txt p{
    color: var(--textcolor); font-size: 1.1em; line-height: 1.4em; margin: 0px; padding: 0px; font-weight: 500;
}

#slideshow-shopping,
#slideshow-living{
    margin-bottom: 90px;
}
#slideshow-living.page-block .page-block-caption{
    padding: 20px 0px 65px 0px;
}
#slideshow-living.page-block .page-block-caption .page-block-ttl  h2{
    color: var(--textcolor);  font-size: 1.1em; line-height: 1.4em; margin: 0px; padding: 0px; font-weight: 500; text-align: center;
    letter-spacing: 0px;
}
#slideshow-living.page-block .page-block-caption .page-block-txt {
    display: none;
}


#headblock-shopping.page-block .page-block-caption .page-block-ttl::before{
    position: relative; display: block; content: ''; width: 100%; height: 120px;
    background: url(https://www.roofgarden-rijswijk.nl/files/items/100001/logo_icon_svg-boogaard.svg);
    background-repeat: no-repeat; background-size: 220px; background-position: top right;
}

#headblock-shopping.page-block .page-block-caption.page-block-caption-with-intro .page-block-ttl h2,
#headblock-shopping.page-block .page-block-caption.page-block-caption-with-intro .page-block-intro p{
    margin: 0px; padding: 0px;
}
#headblock-shopping.page-block .page-block-caption{
    background: linear-gradient(180deg,rgba(198, 158, 70, 0.65) 0%, rgba(198, 158, 70, 0) 100%);
	/*margin-left: 30px; width: calc(100% - 30px);*/
}
#headblock-shopping.page-block .page-block-caption.page-block-caption-with-intro .page-block-intro{
    margin: 45px 0px;
}

.block-carousel {
    margin: 30px 0px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.block-carousel .block-carousel-intern {
    position: relative;
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
}
.block-carousel .block-carousel-intern .carousel-image-item,
.block-carousel .block-carousel-intern .carousel-image-item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 12 / 16;
    min-width: 100%; cursor: pointer;
}
.block-carousel .block-carousel-intern .carousel-image-item::after{
    position: absolute; top: 15px; left: auto; right: 15px; width: 30px; height: 30px; display: block;
    content: ''; 
    font: var(--fa-font-solid);
	content: "\f002"; color: #000000;  pointer-events: none; display: flex; justify-content: center; align-items: center;
}

.page-block.gallery.slideshow .page-block-module .carousel-indicators{
    position: absolute; top: auto; bottom:0px; margin: 0px;
    background: #E3EADD;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 210px;
    padding: 15px 30px 5px 30px;
    justify-content: center;
    left: 50%;
    margin-left: -105px;
    box-shadow: 0px -6px 8px -3px #1d1d1b;
    z-index: 2;
}
#slideshow-living.page-block.gallery.slideshow .page-block-module .carousel-indicators{
    width: 150px;
    margin-left: -75px;
}
.block-carousel .carousel-indicators a{
	font-size: 0.7em;
}
#slideshow-living.page-block.gallery.slideshow .block-carousel .carousel-indicators a{
	font-size: 0.7em; color: var(--basecolorLight);
}

.page-block.gallery.slideshow .block-carousel .carousel-indicators .prevSlide{
	position: absolute; left: 15px; top: 9px; color: var(--textcolor); opacity: 1; font-size: 1em;
}
.page-block.gallery.slideshow .block-carousel .carousel-indicators .nextSlide{
	position: absolute; left: auto; right:15px; top: 9px; color: var(--textcolor); opacity: 1; font-size: 1em;
}


#slideshow-shopping .block-carousel .block-carousel-intern .carousel-image-item:nth-of-type(1) img{
    opacity: 0.6;
}


#slideshow-shopping.page-block.gallery.slideshow .page-block-caption{
    display: none!important;
}
#slideshow-shopping.page-block .block-carousel::after{
    position: absolute; display: block; content: ''; width: calc(100% - 60px); height: 100%; top: 0px; left: 30px;
    background: url(https://www.roofgarden-rijswijk.nl/files/items/100001/logo_icon_png-shopping-illu-2.png);
    background-repeat: no-repeat; background-size: contain; background-position: center center;; pointer-events: none;
}

#theBody.no----hoever #slideshow-shopping.page-block .block-carousel::after{
    display: none!important;
}

#slideshow-shopping.page-block::after{
    position: absolute; display: block; content: ''; width: calc(100%); height: 80%; top: 0px; left:0px;
    background: url("../img/arrow.png");
    background-repeat: no-repeat; background-size: 50%; background-position: left bottom; z-index: 10; pointer-events: none;
}
#slideshow-shopping.page-block.gallery.slideshow .page-block-module .carousel-indicators{
    background: var(--highlightcolor);
}
#slideshow-shopping.page-block.gallery.slideshow .page-block-caption .page-block-ttl{
    order: 2; padding: 0px; margin: 0px 0px 45px 0px;
}
#slideshow-shopping.page-block.gallery.slideshow .page-block-caption .page-block-ttl h2{
    color: var(--textcolor); text-align: center; padding: 0px; margin: 0px;
}
#slideshow-shopping.page-block.gallery.slideshow .page-block-caption .page-block-txt{
    order: 1;; padding: 0px; margin: 0px;
}
#slideshow-shopping.page-block.gallery.slideshow .page-block-caption .page-block-txt p{
    text-align: center;; padding: 0px; margin: 0px; font-weight: 400;
}

.inside-image{
    width: 100%;
}

#headblock-living.page-block{
    background: #B5C7A6;
    background: -webkit-linear-gradient(180deg, rgba(181, 199, 166, 1) 0%, rgba(227, 234, 221, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(181, 199, 166, 1) 0%, rgba(227, 234, 221, 1) 100%);
    background: linear-gradient(180deg, rgba(181, 199, 166, 1) 0%, rgba(227, 234, 221, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B5C7A6", endColorstr="#E3EADD", GradientType=0);
}
#slideshow-living.page-block{
    background: #E3EADD;
}

#locatie .page-block-page_image{
    order: 1;
}
#locatie .page-block-caption{
    order: 0;
}
#locatie.page-block .page-block-caption .page-block-ttl h2{
    margin: 0px; padding: 0px;
}

@media (min-width: 768px){
    
    .page-block-link .btn-primary, .content-link .btn-primary, .block-btns .btn-primary, .page-block-txt .btn-primary{
        
    }
    .page-block-link .btn-primary span, .content-link .btn-primary span, .block-btns .btn-primary span, .page-block-txt .btn-primary span{
        font-size: 1em;
    }
    
    #headblock-living .page-block-ttl.page-block-ttl-intro h3{
        font-size: 40px; margin: 75px 0px 0px 0px;
    }
    #headblock-living .page-block-ttl.page-block-ttl h2{
        font-size: 40px; margin: 0px 0px 75px 0px;
    }
    #headblock-living .page-block-txt p{
        font-size: 1.4em; line-height: 1.4em;
    }
    
    #slideshow-living.page-block .page-block-caption{
        padding: 20px 0px 20px 0px; position: relative; height: auto;
        mix-blend-mode: normal; display: block; order: 2; background: none;
    }
    .block-carousel{
        margin: 0px;
    }
    
    
    
    #slideshow-shopping.page-block {
        padding-bottom: 30px;
    }
    #slideshow-shopping.page-block .page-block-caption{
        padding: 20px 0px 20px 0px; position: absolute; height: 100%; width: 100%;
        mix-blend-mode: normal; display: flex; order: 2; background: none;
    }
    #slideshow-shopping.page-block .page-block-caption .page-block-ttl{
        height: 50%; display: flex; align-content: flex-start; align-items: flex-start; width: 100%; justify-content: flex-start;
    }
    #slideshow-shopping.page-block .page-block-caption .page-block-txt{
        height: 50%; display: flex; align-content: flex-end; align-items: flex-end; width: 100%; justify-content: center;
        padding-bottom: 5vw!important;
    }
    #slideshow-shopping.page-block .page-block-caption .page-block-ttl h2{
        padding-left: 25%!important;
        padding-top: 22vw!important;
        text-shadow: 1px 1px 1px var(--basecolorLight);
    }
    #slideshow-shopping.page-block .page-block-caption .page-block-txt p{
        max-width: 52%;
    }
}
@media (min-width: 900px){
    
    #slideshow-living.page-block,
    #slideshow-shopping.page-block {
        width: 50%; align-content: center; align-items: center; margin-bottom: 90px;
    }
    #___slideshow-shopping.page-block {
        padding-right: 0px!important;
    }

    #headblock-living.page-block,
    #headblock-shopping.page-block{
        width: 50%; align-content: center; align-items: center; margin-bottom: 90px;
    }
    
    #slideshow-shopping.page-block {
        order: 1;
    }
    #headblock-shopping.page-block{
        order: 2;
    }
    
    
    #headblock-living.page-block,
    #slideshow-living.page-block{
        background: #B5C7A6;
        background: -webkit-linear-gradient(180deg, rgba(181, 199, 166, 1) 0%, rgba(227, 234, 221, 1) 100%);
        background: -moz-linear-gradient(180deg, rgba(181, 199, 166, 1) 0%, rgba(227, 234, 221, 1) 100%);
        background: linear-gradient(180deg, rgba(181, 199, 166, 1) 0%, rgba(227, 234, 221, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B5C7A6", endColorstr="#E3EADD", GradientType=0);
    }
    

    #headblock-shopping.page-block .page-block-caption{
        background:none;
    }
    #headblock-shopping.page-block{
        background: #C69E46;
        background: -webkit-linear-gradient(180deg, rgba(198, 158, 70, 1) 0%, rgba(254, 243, 170, 1) 100%);
        background: -moz-linear-gradient(180deg, rgba(198, 158, 70, 1) 0%, rgba(254, 243, 170, 1) 100%);
        background: linear-gradient(180deg, rgba(198, 158, 70, 1) 0%, rgba(254, 243, 170, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C69E46", endColorstr="#FEF3AA", GradientType=0);
    }
    
    #slideshow-shopping.page-block {
    }

    #slideshow-living.page-block .page-block-caption,
    #slideshow-shopping.page-block .page-block-caption{
        max-width: none!important; width: 100%!important;
    }
    
    
    #slideshow-shopping.page-block .page-block-caption .page-block-txt{
        padding-bottom: 2vw!important;
        text-shadow: 1px 1px 1px var(--basecolorLight);
    }
    #slideshow-shopping.page-block .page-block-caption .page-block-ttl h2{
        padding-left: 19%!important;
        padding-top: 8vw!important;
    }
}
@media (min-width: 900px) and  (max-width: 1199px){
    
    #headblock-living.page-block .page-block-caption,
    #headblock-shopping.page-block .page-block-caption{
        padding: 60px;
    }
}
@media (min-width: 1200px){
    #header{
        position: relative; height: 120px; overflow: hidden; background: var(--highlightcolor)!important;
    }
    #extraMenu .navbar-nav li.menu-link{
        height: 60px;
    }
    #extraMenu .navbar-nav li a.menu-link{
        line-height: 60px; padding: 0px 0px 0px 45px;
    }
    
    #slideshow-living.page-block {
        padding: 0px 60px 0px 0px;
    }
    #slideshow-shopping.page-block {
        padding: 0px 0px 45px 45px;
    }
    #slideshow-shopping.page-block .page-block-caption{
        margin-left: 45px; width: calc(100% - 45px)!important;
    }
    
    #headblock-living.page-block .page-block-caption{
        padding-right: 45px!important; 
    }
}
@media (min-width: 1440px){
    #header .container{
        max-width: none;
    }
    /*.extra-menu .navbar-nav{
        padding-left: calc(50% - 720px)!important;
    }*/
    #slideshow-living.page-block {
        padding-right: calc(50% - 660px);
    }
    #headblock-shopping.page-block {
        padding-right: calc(50% - 720px);
    }
    #headblock-living.page-block {
        padding-left: calc(50% - 720px);
    }
    #slideshow-shopping.page-block {
        padding-left: calc(50% - 675px);
    }
    #slideshow-shopping.page-block .page-block-caption{
        margin-left: calc(100% - 675px); width: 675px!important;
    }
    #slideshow-shopping.page-block .page-block-caption .page-block-txt{
        padding-bottom: 30px!important;
    }
    #slideshow-shopping.page-block .page-block-caption .page-block-ttl h2{
        padding-left: 15%!important;
        padding-top: 120px!important;
    }
    
}
/*
#slideshow-shopping.page-block.gallery.slideshow .page-block-caption{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10;
}
*/


footer .powered svg{
    width: 120px; position: relative; margin: 10px 0px 45px 0px;
}
@media (max-width: 767px){
    footer .powered{
        text-align: center;
    }
    footer .powered .prefooter-content{
        text-align: center; width: 100%;
    }
}
@media (min-width: 768px){
    footer.footer{
    }
    footer .powered .prefooter-content{
    }
}
@media (min-width: 1440px){
    footer.footer{
        padding-left: calc(50% - 720px);
    }
}


footer .powered .prefooter-content,
footer .makelaars .prefooter-content{
    text-align: center; width: 100%;
}
footer .actionblock.powered h2,
footer .actionblock.makelaars h2{
    font-size: 18px;
}
footer .actionblock.makelaars h2,
footer .actionblock.makelaars h3,
footer .actionblock.makelaars h4{
    text-align: center; width: 100%;
}
footer .actionblock.makelaars p{
    font-weight: 300;
}
footer .actionblock.makelaars .el p{
    font-weight: 400; line-height: 1.1em;
}
footer .actionblock.makelaars .el p a{
    font-weight: 300;
}
footer .actionblock.makelaars h3{
    text-align: center; font-size: 24px; margin: 25px 0px 0px 0px; padding: 0px 30px 0px 30px;
}
footer .actionblock.makelaars h4{
    text-align: center; font-size: 24px; margin: 0px 0px 45px 0px; padding: 0px 30px 0px 30px; font-weight: 300;
}


footer .actionblock.makelaars .el{
    width: 100%; margin: 0px 0px 45px 0px;
}
footer .actionblock.makelaars .el img{
    mix-blend-mode: multiply; width: 180px; max-width: 200px; height: auto!important;
}
footer .actionblock.makelaars .el p{
    width: 100%; margin: 0px; padding: 0px;
}
footer .actionblock.makelaars .el p a{
    text-decoration: none;
}
footer .actionblock.makelaars .el p a:hover{
    text-decoration: underline;
}


@media (min-width: 768px){
    footer .actionblock.powered{
	grid-column: span 1;
    }
    footer .actionblock.makelaars{
	grid-column: span 3;
    }
    footer .actionblock.makelaars .el{
        float: left; width: 50%; max-width: 260px;
    }
}
@media (min-width: 1080px){
footer .actionblock.powered{
}
footer .actionblock.makelaars{
grid-column: span 2;
}
footer .makelaars .prefooter-content{
    display: flex; justify-content: center; flex-wrap: wrap;
}
footer .actionblock.makelaars .el{
    width: 50%; float: left; max-width: 315px;
}
footer .actionblock.makelaars .el p{
    text-align: left;
}
footer .actionblock.makelaars h3{
    font-size: 28px
}
footer .actionblock.makelaars h4{
    font-size: 28px
}
}


@media (min-width: 1280px){
footer .actionblock.makelaars .el{
    width: 50%; float: left; max-width: 260px; padding-top: 15px;
}
/*footer .actionblock.makelaars h3{
    font-size: 32px
}
footer .actionblock.makelaars h4{
    font-size: 32px
}*/
}

@media(max-height:700px) {

}
#pageBlock1.default{
}
#pageBlock1 .page-block-caption-head{
	display: block;
}
#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;
}

#theBody.living .page-block.gallery.slider{
    margin: 0px;
}
.autoSLider{
    display: flex; flex-direction: row; flex-wrap: wrap; min-width: 100%;
}
.autoSLider img{
    height: 40vh; width: 50%; max-height: 700px; object-fit: cover;
}
.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:768px) {
    .autoSLider img{
        height: 40vh; width: 25%; max-height: 20vw; object-fit: cover;
    }
}
@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);
    }
}


#projectplanning{
    max-width: none;
}
.block{
    padding: 0px; border: 0px;
}


@media(min-width:1440px) {
#projectplanning{
    padding-right: calc(50% - 720px);
    padding-left: calc(50% - 720px);
}
}

@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;  width: 100%; 
    }

    #pageBlock1.page-block.default.with_block_image .page-block-caption-head{
        grid-column: 3 / span 2; padding-bottom: 0px;
    }
    #pageBlock1.page-block.default.with_block_image .page-block-image{
        grid-column: 1 / span 2;  width: 100%; padding: 0px; order: 0; grid-row: 1 / span 3; justify-content: flex-start; align-content: flex-start; align-items: flex-start;
    }
    #pageBlock1.page-block.default.with_block_image .page-block-image img{
        width: 100%; height: 100%; object-fit: contain; max-height: 600px; 
    }
    
    #theBody.shopping #pageBlock1.page-block.default.with_block_image{
        padding: 0px 30px;
    }
    #theBody.shopping #pageBlock1.page-block.default.with_block_image .page-block-image{
        grid-column: 1 / span 1; 
    }
    #theBody.shopping #pageBlock1.page-block.default.with_block_image .page-block-caption{
        grid-column: 2 / span 3; 
    }

	.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{
	}
    
	
}

@media(min-width:900px) {
    
    #pageBlock1,
    .page-block{
        margin-bottom: 90px;
    }
    #pageBlock1{
    }
    #pageBlock1.page-block.default.with_block_image .page-block-caption{
    }

    #pageBlock1.page-block.default.with_block_image .page-block-caption-head{
    }
    #pageBlock1.page-block.default.with_block_image .page-block-image{
    }
    .page-block .page-block-caption.page-block-caption-with-intro .page-block-name h1{
    }
    
    
    #theBody.shopping #pageBlock1.page-block.default.with_block_image{
        grid-template-columns:repeat(12 , 1fr); 
        padding: 0px;
        column-gap: 0px;
    }
    #theBody.shopping #pageBlock1.page-block.default.with_block_image .page-block-image{
        grid-column: 2 / span 3; 
    }
    #theBody.shopping #pageBlock1.page-block.default.with_block_image .page-block-caption{
        grid-column: 5 / span 7; 
    }
    #theBody.shopping #pageBlock1.page-block.default.with_block_image .page-block-caption .inside-image{
        width: calc(100% + 30px); margin-left: -30px;
    }

}
@media(min-width:1200px) {
    
    #theBody.shopping #pageBlock1.page-block.default.with_block_image .page-block-caption .inside-image{
        width: calc(100% + 90px); margin-left: -90px;
    }

}

	





@media(min-width:1200px) {
    #pageBlock1,
    .page-block{
        margin-bottom: 90px;
    }
    .footer .container,
    #pageBlock1,
    #wonen{
    }
    .footer-logo{
        margin-left: -90px;
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-image{
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-caption{
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-caption-head{
    }
    
}





@media(min-width:1440px) {
    #pageBlock1,
    .page-block{
        margin-bottom: 120px;
    }
    #pageBlock1{
    }
    #pageBlock1.page-block.default.with_block_image .page-block-image{
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-caption
    }
    
    #pageBlock1.page-block.default.with_block_image .page-block-caption-head{
    }
}


#theBody.disclaimer .page-block,
#theBody.privacy-verklaring .page-block{
	max-width: 900px;
}

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


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