/* CSS Document */
@media (min-width: 2000px) {
#smooth-wrapper{
	max-width: 1920px; margin-left: calc(50% - 960px);
}
}


#toptop{
	background: #FFFFFF1A;
	border-bottom-left-radius: 20px; 
	border-bottom-right-radius: 20px; 
	position: absolute; top: 0px; left: 50%; transform: translateX(-50%);
	padding: 10px 30px;	font-size: 12px; color: #ffffff; line-height: 1em;
	width: 390px; max-width: 99%;
	
}
.shop-status{
	display: flex; justify-content: center; flex-wrap: nowrap; gap: 5px;
}
.shop-status .shop-status__title,
.shop-status .shop-shop-status__text{
	display: flex; justify-content: flex-start; flex-wrap: nowrap;
}
.shop-status.shop-status--open .shop-status__title{
	color: #fff; opacity: 0.6;
}
.shop-status.shop-status--closed .shop-status__title{
	color: #fff; opacity: 0.6;
}
.shop-status.shop-status--open::after{
	background: #96B459;
	position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width:8px; height: 8px;
	border-radius: 50%; display: block; content: '';
}
.shop-status.shop-status--closed::after{
	background: #9A1818;
	position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width:8px; height: 8px;
	border-radius: 50%; display: block; content: '';
}
#header{
	padding: 0px;
}
.mainnav-container{
	height: 90px; padding-top: 30px;
}
#header.menu-default .logo{
	padding: 0px 15px 0px 30px; height: 72px; z-index: 10; width: 200px;
}

.logo svg, .logo img{
	max-width: 160px;
}

#mainmenu{
	border: 0px solid var(--basecolor); border-top: 0px;
	margin: 0px 0px 0px 0px;
    max-height: 100svh;
	background: var(--basecolorSpecial)!important;
	
	left: 0px; max-width: 100%;
}
#extraMenu{
	background: none;
}

.menuactive #mainmenu{
}
.extraCall{
	position: absolute; width: 41px; height: 40px;
	background: none; border: 1px solid #ffffff; border-radius: 10px;
	right: 90px; top: 45px; width: 41px; color: #ffffff; display: flex; justify-content: center; align-content: center; align-items: center;
	text-decoration: none; font-size: 16px;
}
.navbar-toggle{
	background: none; border: 1px solid #ffffff; border-radius: 10px;
	right: 30px; top: 45px; width: 41px;
}
.navbar-toggle .icon-bar{
	background: #ffffff;
}
.mainmenu .navbar{
	padding: 60px 15px 0 15px;
	padding: 100px 15px 0 15px;
}

.mainmenu ul.navbar-nav li.has-dropdown{
	padding-left: 27px;
}
.menu-link-arrow{
	position: absolute; left: 15px; top: 1.5em; transform: translateY(-50%); 
	outline: none!important;
}

.mainmenu #extraMenu .navbar{
	padding: 0px 15px 0 15px;
}
#header.menu-default #extraMenu .headAddress{
	display: block;
}

.page-block.light.with_block_image .page-block-caption-head, .page-block.medium.with_block_image .page-block-caption-head{
	display: none;
}

.menu-default .mainmenu #extraMenu .navbar-nav li a{
    border-radius: 10px;
	height: 50px; line-height: 50px;
}
.menu-default .mainmenu #extraMenu .navbar-nav li.menu-contact a{
    background: rgba(255,255,255,0);
	border: 1px solid var(--basecolor);
}
.menu-default .mainmenu #extraMenu .navbar-nav li.menu-contact.active a,

.menu-default .mainmenu #extraMenu .navbar-nav li.menu-maak-een-afspraak.active a{
    background: rgba(255,255,255,0);
	border: 1px solid var(--specialcolor);
    color: var(--specialcolor);
}

#extraMenu .headAddress{
	padding: 30px;
}
#extraMenu .headAddress p{
	color: var(--specialcolor); text-align: left;
}
#extraMenu .headAddress a,
#extraMenu .headAddress p a{
	color: var(--basecolor); text-decoration: underline;
}

@media (max-width: 767px) {
	#theMain .navbar-nav li a.menu-link{
		font-family: "PT Serif", serif;
		font-weight: 400;
		font-style: normal;
		text-transform: none; font-size: 2.4em; line-height: 2.0em;
	}
	.menu-default .mainmenu #extraMenu .navbar-nav{
		gap: 2em; flex-direction: column-reverse;
	}
	.menu-default .mainmenu #extraMenu .navbar-nav li a{
		font-size: 1.4em; 
	}
	.page-block.default.with_block_image .page-block-caption-content .page-block-ttl{
		display: flex;
	}
    
	#theBody.shrink #header.menu-default{
		background: rgba(72, 63, 61, 1);
		margin-top: -32px;
	}
}
@media (max-width: 767px) AND (max-height: 700px) {
	#theMain .navbar-nav li a.menu-link{
		font-size: 2.0em; line-height: 1.6em;
	}
	.menu-default .mainmenu #extraMenu .navbar-nav{
		gap: 1.4em;
	}
	.menu-default .mainmenu #extraMenu .navbar-nav li a{
		font-size: 1.2em; 
	}
}
@media (min-width: 576px) {
	#mainmenu{
		max-width: 540px; margin-left: calc(50% - 270px);
	}
	.navbar-toggle{
		right: calc(50% - 250px);
	}
	.extraCall{
		right: calc(50% - 190px);
	}
}
@media (min-width: 768px) {
	#header.menu-default, #header.menu-centered{
		height: 100px;
	}
	#header.menu-default .logo{
		padding: 0px 15px 0px 25px;
	}
	#mainmenu{
		margin: 40px 0px 0px 0px; max-width: none; display: flex; justify-content: flex-end; padding: 0px 20px;
		border: 0px;
		background: rgba(255,255,255,0)!important;
	}
	.mainmenu .navbar{
		padding: 0px; width: auto;
	}
	.menu-default .mainmenu .navbar-nav, .menu-centered .mainmenu .navbar-nav{
		margin: 0px; padding: 0px;
	}
	.menu-default #extraMenu, .menu-centered #extraMenu{
		width: auto; position: relative;
	}
	.mainmenu #extraMenu .navbar{
		padding: 0px 0px 0px 15px;
	}
	
	#header.menu-default #extraMenu .headAddress{
		display: none;
	}
	.menu-default .mainmenu #extraMenu .navbar-nav{
		gap: 2em;
	}
	.extraCall{
		display: none;
	}
	
	#theBody.shrink #header.menu-default{
		background: rgba(72, 63, 61, 1);
		margin-top: -32px;
	}
	
}
@media (min-width: 991px) {
	#header.menu-default, #header.menu-centered{
		padding: 0px 30px 15px 30px; height: 115px;
	}
	#header .container.mainnav-container{
		max-width: 1380px; padding-top: 45px;
	}
	#mainmenu{
		margin: 55px 0px 0px 0px;
	}
	.menu-default .mainmenu .navbar-nav, .menu-centered .mainmenu .navbar-nav{
		gap: 15px;
	}
	.menu-default .mainmenu #extraMenu .navbar-nav{
		gap: 15px;
	}
	#theBody.shrink #header.menu-default{
		margin-top: -45px;
	}
	
}	

@media (min-width: 1100px) {
	#mainmenu{
		justify-content: center;
	}
	.menu-default .mainmenu #extraMenu {
		position: absolute; left: auto; right: 20px;
	}
}	

@media (min-width: 1280px) {
	#mainmenu{
	}
	.menu-default .mainmenu #extraMenu .navbar-nav li a, .menu-centered .mainmenu #extraMenu .navbar-nav li a{
	}
}	

@media (min-width: 1280px) {
	.menu-default .nav-container, .menu-centered .nav-container{
		width: 1380px; left: 50%; transform: translateX(-50%);
	}
}

.footer{
	padding: 30px 15px; position: relative; z-index: 1; margin-top: 60px;
}

.footer-menu-1 h2,
.footer-menu-2 h2{
	display: none;
}

.footer  .afterMenu{
	display: none!important;
}
.footer-menu-1  .navbar-nav{
	display: grid;
	grid-template-columns: repeat(2, 1fr); column-gap: 30px;
}
.footer-menu-2{
	border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 30px;
}
.footer-menu-2  .navbar-nav{
	display: flex; flex-direction: row;
	flex-wrap: nowrap; gap:15px; justify-content: center; margin-bottom: 45px;
}
.footer-menu .navbar-nav li.menu-link{
	grid-column: span 1; display: block;
}
.footer-menu-2 .navbar-nav li.menu-link{
}

.footer-logo img, .footer-logo svg{
	width: 140px; height: auto;
}
.footerAddress {
	padding-bottom: 0px;
}
.footerAddress p {
    margin: 0px 0px 15px 0px;
    text-align: left;
}
.footerAddress b {
    margin: 0px 0px 7px 0px;
    text-align: left; width: 100%; position: relative; float: left;
}
.footer-socials.social-icons{
	padding: 0px;
}
@media (min-width: 768px) {
	.footer-contact.footer-menu {
        grid-column: span 2;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
	
	.footer-logo{
		justify-content: flex-start;
	}
    .footerAddress {
        justify-content: left;
        grid-column: 1 / span 2;
    }
	.footer-socials.social-icons{
        grid-column: 1 / span 2;
	}
	
	.footer-menu-1 {
        grid-column: 5 / span 2;
    }
	.footer-menu-2 {
        grid-column: 1 / span 6;
    }
	.footer-credits{
		padding: 0px 15px!important; margin: 0px; margin-top: -30px;
		pointer-events: none;
	}
	#makelaarsteam{
        grid-column: 1 / span 2;
	}
	#websitecredits{
		pointer-events: all;
	}
}

@media (min-width: 768px) {
	.footer-logo{
		padding-bottom: 30px;
	}
	.footer-menu-1 {
    }
	.footer-credits{
		padding: 0px 0px!important;
	}
	#footer_links,
	.footer-credits{
		max-width: 1440px; margin: 0 auto; float: none;
	}
	
}
/*@media (min-width: 1920px) {
	footer {
		max-width: none; width: 100vw; margin-left: calc(960px - 50%);
	}
	
}*/



#smooth-content {
    float: left; width: 100%;
}

.pag
.form_block{
	border: 0px; padding-bottom: 15px;
}
.form_block h1{
	font-size: 18px;
}

.btn-primary, .btn-primary-grey, .btn-default, .btn-secondary, .btn-info, .btn-list, .btn-primary , .menu-centered .mainmenu #extraMenu .navbar-nav li a {
    border-radius: 10px; height: 50px;
}
/*.btn-primary span::after,
.btn-secondary span::after {
	position: relative; top: 0px; left: auto; right: 0px; display:  inline-block; padding: 0px 0px 0px 10px;
	font-family: 'FontAwesome';
    content: "\f178";
    font: var(--fa-font-light);
}*/
.page-block .page-block-link,
.page-block .content-link{
	margin-top: 1em;
	display: flex; gap: 15px; column-gap: 30px; flex-wrap: wrap;
}

.page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3, .page-block-image-text h3{
}

#idee-tot-leven{
	margin: 60px 0px;
}
@media (min-width: 768px) {
#idee-tot-leven{
	margin: 90px 0px;
}
}

#al-65-jaar .page-block-module{
	order: 11; margin-top: 30px;
}

#al-65-jaar .block-listing > .block{
  transform-origin: center center;
  will-change: transform, opacity;
}


.page-block.usps .page-block-caption .page-block-module .block-listing{
	grid-gap:20px;
}
.page-block.usps .page-block-caption .page-block-module .block-listing .block{
	background: var(--highlightcolor);
}
.page-block.usps .page-block-caption .page-block-module .block-listing .block p a{
	text-decoration: none; 
	color: var(--textcolorLight);
}
.page-block.usps .page-block-caption .page-block-module .block-listing .block p a:hover{
	text-decoration: underline;
}
@media (min-width: 600px) {
	.page-block.usps .page-block-caption .page-block-module .block-listing .block{
		height: 300px; display: flex; align-content: center; align-items: center;
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-image{
		height: 300px;
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-image img{
		height: 100%; width: 100%; object-fit: cover;	
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_1{
		grid-column: span 2;
		grid-row: span 1; height: 300px;
	}
	.block.uspitem_1 .block-image,
	.block.uspitem_1 .block-caption{
		width: 50%;
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_4,
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_5{
		grid-row: span 2; height: 600px;
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_4 .block-caption,
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_5 .block-caption{
		height: 300px; align-items: center; align-content: center;
	}
}
@media (min-width: 768px) {
	.page-block.map,
	.page-block.with_page_image,
	.page-block.with_block_image,
    .page-block.usps .page-block-caption,
    .page-block.services .page-block-caption{
        display: grid;
        grid-template-columns: repeat(2, 1fr); column-gap: 30px;
    }
	.page-block.with_block_image.verhaal{
		margin: 60px 0px;
	}
	.page-block.with_block_image.right .page-block-caption{
		padding-left: 0px;
	}
	.page-block.with_block_image.left .page-block-caption{
		padding-right: 0px;
	}
	.page-block.with_page_image.right .page-block-caption-content{
		grid-column: span 1;
	}
	.page-block.with_page_image.left .page-block-caption-content{
		grid-column: span 1;
	}
	
    .page-block.usps .page-block-caption .page-block-ttl,
    .page-block.services .page-block-caption .page-block-ttl{
        grid-column: 1 / span 1;
    }
    .page-block.with_page_image .page-block-caption .page-block-txt,
    .page-block.usps .page-block-caption .page-block-link,
    .page-block.services .page-block-caption .page-block-link{
        grid-column: 2 / span 1;
    }
    .page-block.usps .page-block-caption .page-block-module,
    .page-block.services .page-block-caption .page-block-module{
        grid-column: 1 / span 2; margin: 45px 0px;
    }
	#map2, #map3{
		height: 100%;
	}
	.page-block.map{
		padding-top: 60px;
	}
	
	
	.page-block-txt-columns{
        display: grid;
        grid-template-columns: repeat(2, 1fr); column-gap: 30px;
	}
	.page-block-txt-columns .page-txt-column{
        grid-column: span 1;
	}
	.page-block-txt-columns .page-txt-column-wide{
        grid-column: span 2;
	}
	
}
@media (min-width: 991px) {
	.page-block-txt-columns,
	.page-block.map,
	.page-block.with_page_image, .page-block.with_block_image, .page-block.usps .page-block-caption, .page-block.services .page-block-caption{
		column-gap: 60px;
	}
	
	.page-block.with_block_image.right .page-block-image{
	}
	.page-block.with_block_image.left .page-block-image{
	}
    .page-block.usps .page-block-caption{
    }


	.page-block.left .page-block-ttl,
	.page-block.right .page-block-ttl{
		width: 80%;
	}

	.page-block.usps .page-block-caption .page-block-module .block-listing {
        grid-template-columns: repeat(3, 1fr);
		grid-gap:30px;
    }
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_1{
		grid-column: 1 / span 3;
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_5{
		grid-column: 1 / span 2; grid-row: span 1; height: 300px
	}
	.block.uspitem_5 .block-image,
	.block.uspitem_5 .block-caption{
		width: 50%;
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_4{
		height: 630px;
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_4 .block-image{
		height: 330px;
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_5 .block-image{
		width: calc(50% + 15px);
	}
	.page-block.usps .page-block-caption .page-block-module .block-listing .block.uspitem_5 .block-caption{
		width: calc(50% - 15px);
	}
}

@media (min-width: 991px) {
	.page-block-txt-columns,
	.page-block.map,
	.page-block.with_page_image, .page-block.with_block_image, .page-block.usps .page-block-caption, .page-block.services .page-block-caption{
		column-gap: 120px;
	}
}



.block.services{
    padding: 0px; background: var(--basecolorMedium);
}
.block.services .block-caption{
    padding: 20px;
}
.block.services .block-btns{
}
.block.services .block-btns .btn-primary{
    background: none; border: 0px; padding: 0px;
    height: 1em;
}
.block.services .block-btns .btn-primary span{
    color: var(--textcolor);
    font-weight: 600;
}

.block.services .block-btns .btn-primary span::after {
	font-family: 'FontAwesome';
    content: "\f054";
    font: var(--fa-font-light);
}

@media (min-width: 500px){
    #diensten .block-listing {
        grid-template-columns: repeat(1, 1fr); grid-gap: 30px;
    }
    .block.services{
        display: grid;
        grid-template-columns: repeat(2, 1fr); column-gap: 0px;
        align-content: stretch;
    }
    .block.services .block-image{
		grid-column: 1 / span 1;
    }
    .block.services .block-image img{
        height: 100%; width: 100%; object-fit: cover;
    }
    .block.services .block-caption{
		grid-column: 2 / span 1; display: flex; align-content: center; align-items: center;
    }
    .block.services .block-caption .block-ttl h2{
        font-size: 1.6em;
    }
}
@media (min-width: 768px){
    .block.services .block-caption{
        padding: 30px;
    }
}
@media (min-width: 900px){
    #diensten .block-listing {
      	grid-template-columns: repeat(6, 1fr); grid-gap: 60px;
		column-gap: 60px;
    }
    #diensten .block-listing .block.services{
		grid-column: span 3;
    }
	#diensten .block-listing #blockveredelen.block.services,
	#diensten .block-listing #blockgraveren.block.services,
	#diensten .block-listing #blockonze-diensten.block.services{
		grid-column: span 2;
		grid-template-columns : repeat(1, 1fr); align-content: flex-start; align-items: flex-start;
    }
    .block.services .block-caption{
        padding: 45px 30px;
    }
	#diensten .block-listing #blockveredelen.block.services .block-caption,
	#diensten .block-listing #blockgraveren.block.services .block-caption,
	#diensten .block-listing #blockonze-diensten.block.services .block-caption{
		grid-column:1 / span 1; padding: 30px 30px; align-content: space-between; align-items: space-between; display: flex; flex-wrap: wrap;
	}
	#diensten .block-listing #blockveredelen.block.services .block-image,
	#diensten .block-listing #blockgraveren.block.services .block-image,
	#diensten .block-listing #blockonze-diensten.block.services .block-image{
		height: 200px;
	}
	
}
@media (min-width: 1200px){
    .block.services .block-caption{
        padding: 75px 30px;
    }
}





#theBody.over-ons #al-65-jaar .basic-page-block-link .btn-primary{
	display: none;
}






.page-block.center.methods .block-listing{
    grid-gap: 1px; background: #ccc;
    display: grid;
    grid-template-columns: repeat(1, 1fr);  margin-top: 30px;
}

.block.methods{
    padding: 0px; margin: 0px; background: #fff;
}
.block.methods .block-caption{
    padding: 0px; margin: 0px;
    display: flex; flex-wrap: nowrap; align-content: stretch; align-items: stretch;;
}
.block.methods .block-caption .block-ttl{
    width: calc(100% - 160px);
}
.block.methods .block-caption .block-ttl h2{
    padding: 0px; margin: 0px; font-family: regularfont; font-size: 1em;
    padding: 10px 10px 10px 0px;
}
.block.methods .block-caption .block-icon{
    display: flex; justify-content: center; align-content: center; width: 80px; align-items: center; text-align: center; font-weight: 600;
}
.block.methods .block-caption .block-icon:nth-of-type(2){
    background: rgba(158, 0, 126, 0.2); color: var(--highlightcolor);
}
.block.methods:nth-of-type(1) .block-caption .block-icon{
    padding: 20px 0px;
}

#waarom-kiezen-voor-mafa---landingspaginavariant .block.methods .block-caption .block-icon svg{
	width: 70px; height: auto;
}
#waarom-kiezen-voor-mafa---landingspaginavariant .page-block-link{
	margin-top: 45px;
}
@media (min-width: 600px){
    .page-block.center.methods .page-block-caption{
        justify-content: center;
    }
    .page-block.center.methods .page-block-module{
        max-width: 900px;
    }
    .block.methods .block-caption .block-ttl{
        width: calc(100% - 380px);
    }
    .block.methods .block-caption .block-icon{
        width: 190px;
    }

	#waarom-kiezen-voor-mafa---landingspaginavariant .block.methods .block-caption .block-ttl{
        width: calc(100% - 360px);
    }
    #waarom-kiezen-voor-mafa---landingspaginavariant .block.methods .block-caption .block-icon{
        width: 120px;
    }

	
	.block.methods:nth-of-type(1) .block-caption .block-icon{
        padding: 20px 5px;
    }
    .block.methods .block-caption .block-ttl h2{
        padding: 20px 20px 20px 0px;
    }
}







#pageBlock1.cleanPageBlock1 .page-block-caption,
#pageBlock1.with_block_image .page-block-caption{
	padding-top: 120px;
}

#pageBlock1.with_page_image{
	position: absolute; top: 0px; left: 50%; width: 100%; height: 100%; transform: translateX(-50%);
	display: flex; align-content: center; align-items: center;
}
@media (max-width: 767px){
	#pageBlock0{
		height: 80svh; width:100%;
	}	
	#pageBlock0 img{
		height: 80svh; width:100%; object-fit: cover; object-position:  70% center;
	}	
}
#pageBlock0{
	order: -2; margin: 0px;
}


#pageBlock0 .page-block-page_image::after{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; content:'';
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
	linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
	linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

#theBody.over-ons #pageBlock0 .page-block-page_image::after{
	
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
	linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}


#pageBlock1.with_page_image.with_block_image{
	order: 0; margin: 60px 0px;
}

#pageBlock1.page-block.highlight.with_block_image{
	padding-top: 0px; padding-bottom: 0px;
}
@media (min-width: 1280px){
	#pageBlock1.cleanPageBlock1 .page-block-caption,
	#pageBlock1.with_block_image .page-block-caption{
		padding-top: 180px; padding-bottom: 180px;
	}
	#pageBlock1.with_page_image.with_block_image{
		order: 0; margin: 120px 0px;
	}
}

@media (min-width: 1920px){
	#theBody.diensten #pageBlock0,
	#theBody.faq #pageBlock0{
		margin-top: -280px;
	}
}


#welcome.page-block ,
#welcome .page-block-module {
  height: 100svh; min-height: 900px;	
}
#welcome .page-block-module {
  height: 100svh; min-height: 900px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0;
}
#welcome .page-block-caption {
  height: 100svh; min-height: 900px; width: 100%; position: relative; top: 0px; left: 0px; z-index: 1; display: flex; align-content: center; align-items: center; 
}

#welcome.page-block .page-block-ttl h2{
	font-size: clamp(2.0em, 3vw, 60px); margin-top: 15px;
}
#welcome .page-block-module {
  padding: 0; /* of jouw spacing */
}
/*
#welcome .videoContainer {
    height: 100svh;
    min-height: 900px;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;
}
.videoContainer > * {
	position: absolute !important;
	inset: 0 !important;

	width: 100% !important;
	height: 100% !important;

	max-width: none !important;
	max-height: none !important;
}

#welcome .videoContainer::after{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
	linear-gradient(360deg, #483F3D 0%, rgba(0, 0, 0, 0) 44.46%); display: block; content:'';
}

#welcome .videoContainer iframe {
	position: absolute !important;

	top: 50% !important;
	left: 50% !important;

	width: 100vw !important;
	height: 56.25vw !important;

	min-width: 177.78vh !important;
	min-height: 100vh !important;

	max-width: none !important;
	max-height: none !important;

	transform: translate(-50%, -50%) !important;

	border: 0 !important;

	pointer-events: none;
}*/

#welcome .videoContainer {
    height: 100svh;
    min-height: 900px;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;
}

#welcome .videoContainer::after{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
	linear-gradient(360deg, #483F3D 0%, rgba(0, 0, 0, 0) 44.46%); display: block; content:'';
}

#welcome .videoContainer iframe {
    position: absolute;
    top: 50%;
    left: 50%;

    border: 0;
    pointer-events: none;

    transform: translate(-50%, -50%);
}
#theBody.home #muteLink_welcome {
	display: none;
}
#theBody.home #playLink_welcome {
	display: none;
}

#theBody.home #pageBlock1 {
	display: none;
}

@media (min-width: 768px){
	#welcome.page-block .page-block-ttl{
		width: 100%!important;
	}
	#welcome.page-block .page-block-ttl h2{
		width: clamp(500px, 50%, 800px);
	}
}
@media (min-width: 991px){
}
@media (min-width: 1280px){
}
@media (min-width: 1440px){
}


.block.cloud{
	background: var(--basecolor);
	border: 1px solid rgba(8, 0, 6, 0.15);
	padding: 15px;
}
.block.cloud .block-icon{
	color: var(--highlightcolor);
	width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;
	font-size: 2em;
}
.block.cloud .block-caption{
	padding: 0px;
}
.block.cloud .block-caption .block-ttl h2{
	font-size: 16px; margin: 0.4em 0px; text-align: center; color: var(--textcolor);
}
	
@media (min-width: 1200px){
	.block.cloud .block-caption .block-ttl h2{
		font-size: 22px;
	}
}


.block.highlights{
	background: none;
	border: 1px solid rgba(8, 0, 6, 0);
	padding: 15px;
	
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
	
}
.page-block.light .block.highlights{
	background: rgba(255, 255, 255, 0);
	border: 1px solid rgba(255, 255, 255, 0);
	padding: 15px;
}
.block.highlights .block-icon{
	border-radius: 999px; background: var(--basecolor); color: var(--textcolor);
	width: 60px; height: 60px; display: flex; justify-content: center; align-items: center;
	font-size: 2em; margin: 0px; padding: 0px;
}
.page-block.light .block.highlights .block-icon{
	background: rgba(255, 255, 255, 0);
	border: 1px solid rgba(255, 255, 255, 1);
	 color: var(--basecolor);
}
.block.highlights .block-caption,
.block.highlights .block-caption .block-ttl{
	margin: 0px; padding: 0px;
}
.block.highlights .block-caption .block-ttl h2{
	font-size: 1.3em; margin: 0px; padding: 0px;
}   

.page-block.light .block.highlights .block-caption .block-ttl h2,
.page-block.light .block.highlights .block-caption .block-ttl h2 a{
	 color: var(--basecolor);
}



.block-listing.scrollable{
	grid-template-columns: repeat(1, 1fr); column-gap: 0px;
}
.block-listing.scrollable .block.highlights{
	grid-template-columns: repeat(1, 1fr); 
}
.block-listing.scrollable .block.highlights .block-icon{
}
.block-listing.scrollable .block.highlights .block-caption .block-ttl h2{
	font-size: 3.4em; text-align: center;
/	 color: var(--specialcolor);
}
.block-listing.scrollable .block.highlights .block-caption .block-txt p{
	padding: 0px; margin: 0px; text-align: center;
}

.page-block.list-click-detail.slider{
	padding-bottom: 45px;
}


@media (min-width: 768px){
    .page-block.list-click-detail.slider{
        padding-bottom: 60px;
    }
	.block.highlights{
		padding: 30px;
	}
	
	.page-block.highlights.slider .page-block-caption,
	.page-block.highlights.scrollable .page-block-caption{
		display: grid;
		grid-template-columns: repeat(2, 1fr); column-gap: 30px;
	}
	.page-block.highlights.slider .page-block-caption .page-block-ttl{
		order: 0; 
		grid-column: 1 / span 1;grid-row: span 1; display: flex;
	}
	.page-block.highlights.scrollable .page-block-caption .page-block-ttl{
		align-content: flex-end; align-items: flex-end;
	}
	.page-block.highlights.scrollable .page-block-caption .page-block-ttl.ttl-only{
		grid-row: span 2; align-content: center; align-items: center;
	}
	.page-block.highlights.slider .page-block-caption .page-block-txt{
		order: 1; 
		grid-column: 1 / span 1;grid-row: span 1;
	}
	.page-block.highlights.scrollable .page-block-caption .page-block-txt{
		order: 2; 
	}
	.page-block.highlights.slider .page-block-caption .page-block-module{
		order: 2; 
		grid-column: 1 / span 2;
	}
	.page-block.highlights.scrollable .page-block-caption .page-block-module{
		order: 1; 
		grid-column: 2 / span 1; margin: 0px; padding: 0px;grid-row: span 2;
	}
	.block-listing.scrollable .block.highlights .block-caption{
		padding-top: 0px;
	}
	
}

@media (min-width: 991px){
	
	.page-block.highlight.scrollable .page-block-caption{
		column-gap: 60px;
	}
	
}




.block-listing.mosaic{
	grid-template-columns: repeat(1, 1fr); column-gap: 0px; gap:15px;
}
.block-listing.mosaic .block.highlights{
	padding: 14px 30px 30px 60px;
	background: none;
	border-bottom: 1px solid #e1e1e1;
}
#theBody.spuitgieten #de-voordelen-van-mafa .block-listing.mosaic .block.highlights{
    padding-left: 30px;
}

.block-listing.mosaic .block.highlights .block-icon{
	position: absolute; left: 0px; top: 6px;
	background: none; color: var(--highlightcolor); font-size: 1.8em; text-align: left; justify-content: flex-start; gap:2px;
}
.block-listing.mosaic .block.highlights .block-caption{
	padding: 0px; margin: 0px;
}
.block-listing.mosaic .block.highlights .block-caption .block-ttl h2{
	font-size: 1.8em; margin: 0em 0px 0em 0px;
}
.block-listing.mosaic .block.highlights .block-caption .block-txt p{
	padding: 0px; margin: 0px;
}

.block-listing.mosaic .block.highlights .block-caption .block-txt{
	display: flex;
}




.page-block.light.list-click-detail.highlights{
}
.page-block.light .block.highlights{
}
.page-block.light .block.highlights .block-caption .block-ttl h2,
.page-block.light .block.highlights .block-caption .block-txt p{
}
.page-block.light .block.highlights .block-icon{
}
.page-block.light .block-listing.mosaic .block.highlights .block-caption .block-ttl h2{
}
.page-block.light.list-click-detail.highlights .page-block-module{
}

@media (min-width: 768px){
	/*.block.highlights{
		padding: 30px;
	}
	
	.page-block.highlights.slider .page-block-caption,
	.page-block.highlights.scrollable .page-block-caption{
		display: grid;
		grid-template-columns: repeat(2, 1fr); column-gap: 30px;
	}
	.page-block.highlights.slider .page-block-caption .page-block-ttl{
		order: 0; 
		grid-column: 1 / span 1;grid-row: span 1; display: flex;
	}
	.page-block.highlights.scrollable .page-block-caption .page-block-ttl{
		align-content: flex-end; align-items: flex-end;
	}
	.page-block.highlights.scrollable .page-block-caption .page-block-ttl.ttl-only{
		grid-row: span 2; align-content: center; align-items: center;
	}
	.page-block.highlights.slider .page-block-caption .page-block-txt{
		order: 1; 
		grid-column: 1 / span 1;grid-row: span 1;
	}*/
	.page-block.highlights.mosaic .page-block-caption{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-ttl,
	.page-block.highlights.mosaic .page-block-caption .page-block-txt{
		grid-column: 1 / span 1;
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-link{
		grid-column: 1 / span 2; display: flex; justify-content: center;
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module{
		grid-column: 1 / span 2; margin-top: 60px;
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing{
		grid-template-columns: repeat(2, 1fr); padding: 0px; column-gap: 30px; gap: 30px
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing .block{
		display: block; grid-column: span 1;
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing .block:nth-of-type(2){
		grid-column: 1 / span 1; grid-row: 2;
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing .block:nth-of-type(3){
		grid-column: 1 / span 1; grid-row: 3;
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing .block:nth-of-type(3),
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing .block:nth-of-type(6){
		border-bottom: 0px;
	}
	.block-listing.mosaic{
		margin: 0px!important;
	}
	
	
	
	
	.page-block.highlights.mosaic.light.center .page-block-caption{
		grid-column: span 2;
		grid-template-columns: repeat(1, 1fr);
	}
	.page-block.highlights.mosaic.light .page-block-caption .page-block-module{
		grid-column:  1 / span 1;
	}
	.page-block.highlights.mosaic.light .page-block-caption .page-block-module{
		grid-column:  1 / span 1;
	}
	.page-block.highlights.mosaic.light .page-block-caption .page-block-module .block{
		grid-column: 1
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing.aantalItems-4 .block:nth-of-type(3){
		grid-column: 2 / span 1; grid-row: 1;
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing.aantalItems-6 .block:nth-of-type(3){
		grid-column: 1 / span 1; grid-row: 3;
	}
	
}/

@media (min-width: 991px){
	
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing{
		column-gap: 60px; gap: 60px;
	}
	.page-block.highlight.scrollable .page-block-caption{
		column-gap: 60px; grid-template-columns: repeat(1, 1fr);
	}
	.page-block.highlights.mosaic .page-block-caption .page-block-module #infiniteListing{
		column-gap: 60px;
	}
	
}


#instagram.page-block{
	min-height: 850px;
	display: flex; align-content: center;
	align-items: center;
}

@media (min-width: 1280px){
	#instagram.page-block{
		min-height: 950px;
	}
}

#instagram .page-block-txt{
	display: none;
}

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

/**/
#instagram.page-block.light .btn-primary{
    border-color: var(--basecolor);
    background: rgba(255,255,255,0);
}
#instagram.page-block.light .btn-primary span::after{
	position: relative; top: 0px; left: auto; right: 0px; display:  inline-block; padding: 0px 0px 0px 10px;
	font-family: 'FontAwesome';
    content: "\f16d";
    font: var(--fa-font-brands);
}

#usps.page-block {
	background: none;
	height: 100svh; min-height: 900px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0;
	z-index: 1001; pointer-events: none;
} 
#usps.page-block .page-block-module{
	align-content: flex-end;
} 
#usps.page-block .page-block-ttl{
	display: none;
} 
#usps.page-block .block-listing{
}
#usps.page-block .block-listing .block.highlights{
	padding: 0px;
}
#usps.page-block .block.highlights .block-caption .block-ttl h2{
	font-family: "PT Sans", sans-serif;
	font-weight: 400;
	font-style: normal; font-size: 1.2em;
}

@media (max-width: 600px){
	#usps.page-block .block-listing {
		grid-template-columns: repeat(2, 1fr);
	}
	#usps.page-block .block.highlights{
   		grid-template-columns: 55px 1fr;
	}
	#usps.page-block .block.highlights .block-icon{
		width: 40px; height: 40px;
		font-size: 1em;
	}
	#usps.page-block .block.highlights .block-caption .block-ttl h2{
		font-size: 0.9em;
	}
}


@media (min-width: 600px) AND (max-width: 1279px){
	#usps .block-listing {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1440px){
	#usps .block-listing {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* --------------------------------------------
  HIGHLIGHTS SLIDER
-------------------------------------------- */

.sliderContainer{
  width: 100%;
  max-width: 1440px;
  margin: 30px 0;
  position: relative;
  --gap: 30px;
  --cols: 4; /* default; overridden by media queries below */
}

/* responsive columns */
@media (max-width: 500px){
  .sliderContainer{ --cols: 1; }
}
@media (min-width: 501px) and (max-width: 900px){
  .sliderContainer{ --cols: 2; }
}
@media (min-width: 901px) and (max-width: 1199px){
  .sliderContainer{ --cols: 3; }
}
@media (min-width: 1200px){
  .sliderContainer{ --cols: 4; }
}

.sliderViewport{
  overflow: hidden;
  width: 100%;
}

.sliderTrack{
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap);
  align-items: stretch;          /* equal-height blocks (tallest wins) */
  will-change: transform;
  transform: translate3d(0,0,0);
	padding-bottom: 5px;
}

/* your blocks */
.sliderTrack > .block.highlights{
	flex: 0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
	box-sizing: border-box;

	/* optional: helps equal-height content layouts */
	display: flex;
	flex-direction: column;
	background: var(--basecolorMedium);
	gap:25px;
}
.sliderTrack > .block.highlights .block-caption .block-ttl h2{
	text-align: center; font-size: 2.4em; margin-bottom: 0.2em;
}
.sliderTrack > .block.highlights .block-caption .block-txt p{
	text-align: center;
}
.sliderTrack > .block.highlights .block-icon{
    width: 120px;
    height: 120px;
    font-size: 4em;
}
/* --------------------------------------------
  Arrows
-------------------------------------------- */
.sliderArrow{
  position: absolute;
  top: 120%;
  transform: translateY(-50%);
  z-index: 5;

  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.15);
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(6px);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.sliderArrow.is-prev{ right: 64px; }
.sliderArrow.is-next{ right: 0px; }

.sliderArrow.is-hidden{
  display: none !important;
}

.sliderArrow.is-disabled{
  opacity: .35;
  cursor: default;
  pointer-events: none;
}

.sliderArrow svg{
  width: 18px;
  height: 18px;
  display: block;
}




#special .page-block-link{
	display: none;
}







#impressies{
	margin-bottom: 60px; max-width: none;
}
#impressies .page-block-module{
	padding-left: 30px;
}
@media (min-width: 991px) {
	#impressies{
		margin-bottom: 120px;
	}
	#impressies .page-block-module{
		padding-left: 60px;
	}
}
@media (min-width: 1440px) {
	#impressies .page-block-caption{
		padding-left: calc(50% - 660px);
		padding-right: calc(50% - 660px);
	}
}

#autoSLider .image-container{
	background: var(--basecolorMedium);
	border: 1px solid rgba(8, 0, 6, 0.15);
	padding: 15px 15px 15px 15px;
}
#autoSLider .image-ttl h2{
	font-family: headfont, sans-serif;
    text-transform: none; font-size: 1.3em; margin: 15px 0px 0px; padding: 0px;
}





#faqs .card .card-header{
	padding: 25px 30px 25px 0px;
}
#faqs .card .card-header h4 a{
	width: 100%; display: block;
}
#faqs .card .card-header h4 a::before{
	content: '\f078';
    right: 0px;
    left: auto;
}
.page-block.faq .page-block-module{
	order: 20;
}
@media (min-width: 768px) {
	.page-block.faq .page-block-caption{
		display: grid;
		grid-template-columns: 1fr 1fr;   /* 2 columns */
		grid-template-rows: auto auto 1fr; /* 3 rows */
		gap: 0px;
		column-gap: 30px;
		align-content: flex-start;
		align-items: flex-start;
	}
	.page-block.faq .page-block-caption .page-block-ttl,
	.page-block.faq .page-block-caption .page-block-txt,
	.page-block.faq .page-block-caption .page-block-link{
		padding-right: 20%;
	}
	.page-block.faq .page-block-module{
		grid-column: 2; grid-row: 1 / span 3; 
		padding: 0px; margin: 0px;
	}
	.page-block.faq .page-block-module .faqContainer{
		padding: 0px; margin: 0px;
	}
}
@media (min-width: 991px) {
	.page-block.faq .page-block-caption{
		column-gap: 60px;
	}
}

@media (max-width: 767px) {
	
#header.menu-default .mainmenu ul.navbar-nav .after-menu li a.intro,
#header.menu-default .mainmenu ul.navbar-nav .after-menu li a.icon{
	display: none;
}
}

@media (min-width: 768px){
	#pageBlock1.cleanPageBlock1 .page-block-caption,
	#pageBlock1.with_block_image .page-block-caption{
		padding-top: 150px; padding-bottom: 150px;
	}
	#pageBlock1.with_page_image{
		z-index: 1;
	}
	
	.page-menu-list{
	}
	
}

/* stappen */
.block.stappen {
	padding: 30px 0px; border-top: 1px solid #e1e1e1;
}
.block.stappen h3 {
	padding: 0px;  margin-top: -2.4em; background: var(--basecolor); padding-right: 15px;
}

@media (min-width: 600px) {
	.page-block.stappen .page-block-ttl{
		padding: 30px 0px 45px 0px;
	}
	.block.stappen {
		padding: 45px 0px;
	}
	.block.stappen h3 {
		margin-top: -3.3em;
	}
}
@media (min-width: 768px) {
	.block.stappen {
		padding: 45px 0px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);  gap:30px;
	}
	.block.stappen h3 {
		position: absolute;
		margin-top: -0.5em; line-height: 1em; top: 0px;
	}
	.block.stappen .block-image{
		span 1;
	}
	.block.stappen .block-caption{
		span 1; display: flex; align-content: center; align-items: center;
	}
	.block.stappen:nth-of-type(2n + 2) .block-image{
		order: 2;
	}
	
	.block.stappen .block-caption .block-ttl h2{
		font-size: 2.6em;
	}
	
}
@media (min-width: 991px) {
	.block.stappen {
		gap:60px; margin: 30px 0px;
		padding: 60px 0px;
	}
}


 
.block .block-caption .block-txt p a,
.block .block-caption .block-txt ul li a{
	text-decoration: none;
}
.block .block-caption .block-txt p a:hover,
.block .block-caption .block-txt ul li a:hover{
	text-decoration: underline;
}

#cta-pop{
	background: rgba(255,255,255,0.95); border: 1px solid var(--highlightcolor);
}
#cta-pop .page-block-caption .page-block-ttl h2{
	font-size: 1.4em;
}

#cta-pop.page-block.center .page-block-ttl,
#cta-pop.page-block.center .page-block-link{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
.page-block.cta .btn-primary{
	height: auto; padding: 15px 30px;;
}


.page-block-page_image .reveal-mask { display:block; overflow:hidden; height: 100%; }
.page-block-image .reveal-mask { display:block; overflow:hidden; height: 100%; display: flex; align-items: center}
.block-image .reveal-mask { display:block; overflow:hidden; }



.block.news .block-image .block-tag{
	left: -3px; top: -3px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1);	
}
.block.news .block-caption{
	padding: 20px 0px 10px 0px;
}
.block.news .block-btns{
	display: flex; margin-bottom: 15px;
}


@media (min-width: 768px) {
	.block.news{
		display: grid;
		grid-template-columns: 1fr 1fr;   /* 2 columns */
		grid-template-rows: 1fr auto ; /* 2 rows */
		column-gap: 30px; align-content: stretch; align-items: stretch;
		background: var(--basecolorMedium);
	}
	.block.news .block-image{
		grid-column: 1; grid-row: 1 / span 2; 
	}
	.block.news .block-caption{
		grid-column: 2; grid-row: 1; display: flex; padding: 30px 30px 0px 0px; display: flex; align-items: center; align-content: center;
	}
	.block.news .block-btns{
		grid-column: 2; grid-row: 2 / span 1; max-height: 75px; justify-content: flex-end; padding: 0px 30px 30px 0px; margin: 0px;
	}
	
	.block.news .block-caption .block-txt{
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	
}
	

@media (min-width: 1280px) {
	
	.block.news{
  		grid-column: 1 / span 2;
	}
	.block.news .block-caption{
		align-items: flex-start; align-content: flex-start;
	}
	.block.news:nth-of-type(3n){
	  grid-column: 3 / span 1;
	  grid-row: span 2; /* geen start-row => browser zet 'm zo hoog mogelijk */
		background: var(--specialspecialcolor);
	}
	.block.news:nth-of-type(3n + 2){
		background: #e6e6e6;
	}
	.block.news:nth-of-type(3n + 3){
		grid-template-columns: 1fr;   /* 1 column */
		grid-template-rows: 50% 1fr auto ; /* 3 rows */
		grid-column: 3 / span 1;
	}
	.block.news:nth-of-type(3n + 3) .block-image{
		grid-column: 1; grid-row: 1 / span 1; 
	}
	.block.news:nth-of-type(3n + 3) .block-caption{
		grid-column: 1; grid-row: 2; padding: 40px 30px 30px 30px;
	}
	.block.news:nth-of-type(3n + 3) .block-btns{
		grid-column: 1; grid-row: 3;
	}
	.block.news .block-caption .block-ttl h2{
		font-size: 1.4em;
	}
}



#theBody.blog.detail_mode .backnav{
	display: none;
}

#theBody.blog.detail_mode .page-block-subname{    
}
#theBody.blog.detail_mode .page-block-subname h3{    
	font-family: mediumfont; font-size: 1em; line-height: 1em; padding: 0px; margin: 20px 0px 15px 0px; color: var(--textcolor)!important;
}

#theBody.blog.detail_mode .page-block-subname-date{    
    background: var(--basecolorMedium);
    color: var(--textcolorSecondair); padding: 10px!important; width: auto!important; float: left; margin-bottom: 10px;
	display: none;
}
#theBody.blog.detail_mode .page-block-subname-date h4{    
	font-family: mediumfont; font-size: 1em; line-height: 1em; padding: 0px; margin: 0px; 
}
#theBody.blog.detail_mode .page-block-intro p,
#theBody.blog.detail_mode .page-block-intro ul{
	font-size: 1em; line-height: 1.8em; margin: 5px 0px 0px 0px; 
	font-family: mediumfont; 
}

#theBody.blog.detail_mode .page-block-caption-with-intro{
	padding-bottom: 0px; margin-bottom: 0px;
}
#theBody.blog.detail_mode #pageBlock0{
	max-width: 1440px;
}


#theBody.blog.detail_mode .page-block .page-block-txt h2{
	font-family: mediumfont; font-size: 1.6em;
}

#theBody.blog.detail_mode .page-block .page-block-txt h3{
	color: var(--highlightcolor); font-family: mediumfont; font-size: 1.2em;
}
#theBody.blog.detail_mode .page-block.light .page-block-txt h3,
#theBody.blog.detail_mode .page-block.medium .page-block-txt h3{
	color: var(--basecolorMedium); 
}

@media (max-width: 767px) {
	#theBody.blog.detail_mode #pageBlock1 .page-block-caption.the-main-text{
		padding-top: 15px;
	}
}

@media (min-width: 768px) {
	#theBody.blog.detail_mode #pageBlock1 .page-block-caption{
		grid-column: span 1; align-content: flex-end; align-items: flex-end; padding: 60px 30px;
	}
	
	#theBody.blog.detail_mode #pageBlock1 .page-block-caption.has-main-text{
		padding-bottom: 170px;
	}
	

	#theBody.blog.detail_mode .page-block.default.ne_pas_d_image,
	#theBody.blog.detail_mode .page-block.verhaal{
		display: grid; 
	 	 grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	#theBody.blog.detail_mode .page-block.verhaal.light,
	#theBody.blog.detail_mode .page-block.verhaal.with_page_image {
		grid-template-columns: repeat(4, 1fr); gap:15px; max-width: 1440px; padding: 0px!important;
	}
	#theBody.blog.detail_mode .page-block.verhaal.highlight,
	#theBody.blog.detail_mode .page-block.verhaal.medium {
		max-width: 1440px; padding: 0px!important;
	}
	#theBody.blog.detail_mode .page-block.verhaal .page-block-caption-head{
		display: flex; padding-right: 0px;
	}
	#theBody.blog.detail_mode .page-block.verhaal .page-block-caption-content{
		padding-left: 0px;
	}
	#theBody.blog.detail_mode .page-block.with_block_image.verhaal .page-block-caption-content{
		padding: 0px 45px; grid-column: span 2;
	}
	#theBody.blog.detail_mode .page-block.with_block_image .page-block-image{
		grid-column: 1 / span 1; padding-left: 45px;
        order: -1;
	}
	#theBody.blog.detail_mode .page-block.with_block_image .page-block-caption
        order: 2;
	}
	
	
	#theBody.blog.detail_mode .page-block.verhaal .page-block-caption-content .page-block-ttl{
		display: none;	
	}
	
	#theBody.blog.detail_mode .page-block.verhaal.light .page-block-caption-head{
		grid-column: 2 / span 2; padding: 60px 0px 0px 0px;
	}
	#theBody.blog.detail_mode .page-block.verhaal.light .page-block-caption-content{
		grid-column: 2 / span 2; padding: 0px 0px 60px 0px;
	}
	#theBody.blog.detail_mode .page-block.verhaal.with_page_image .page-block-caption-head{
		grid-column: 2 / span 2; padding: 30px 0px 0px 0px;
	}
	#theBody.blog.detail_mode .page-block.verhaal.with_page_image .page-block-caption-content{
		grid-column: 2 / span 2; padding: 0px 0px 60px 0px;
	}
	#theBody.blog.detail_mode .page-block.verhaal.with_page_image .page-block-page_image{
		grid-column: 1 / span 4	; padding: 0px 0px 60px 0px;
	}
}
	
@media (min-width: 991px) {
	#theBody.blog.detail_mode #pageBlock1 .page-block-caption{
		padding: 60px 60px 60px 0px;
	}
	#theBody.blog.detail_mode #pageBlock1 .page-block-caption.has-main-text{
		padding-bottom: 200px;
	}
	#theBody.blog.detail_mode #pageBlock1 .page-block-caption-with-intro{
		padding: 60px 0px 60px 60px;
	}
	#theBody.blog.detail_mode .page-block.default.ne_pas_d_image,
	#theBody.blog.detail_mode .page-block.verhaal{
		gap: 60px;
	}
	
	#theBody.blog.detail_mode .page-block.with_block_image .page-block-image{
		padding-left: 60px;
	}
	#theBody.blog.detail_mode .page-block.with_block_image.verhaal .page-block-caption-content{
		padding: 0px 60px;
	}
}


.randomTeam{
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-template-rows: repeat(2, 45px);
    column-gap: 15px;
    row-gap: 5px;
    align-items: center;
}
.randomTeam img.smallTeam{
    grid-column: 1;
    grid-row: 1 / 3;

    width: 100%;
    height: 100%;
    object-fit: cover; object-position: top center; border-radius: 999px;
}
.randomTeam h3 {
    grid-column: 2;
    grid-row: 1;

    margin: 0;
    align-self: end;
	font-family: "PT Sans", sans-serif;
	font-weight: 400;
	font-style: normal; font-size: 1em;
}

.randomTeam h4 {
    grid-column: 2;
    grid-row: 2;

    margin: 0;
    align-self: start;
	font-family: "PT Sans", sans-serif;
	font-weight: 400;
	font-style: normal; font-size: 0.8em;
}
.page-block.with_page_image.cta .randomTeam h3,
.page-block.with_page_image.cta .randomTeam h4,
.page-block.light .randomTeam h3,
.page-block.light .randomTeam h4{
	color: #ffffff;
}
@media (min-width: 768px) {
	.theAuthor{
		padding: 30px 0px 0px; width: 70%;
	}
}
@media (min-width: 991px) {
	.theAuthor{
		padding: 30px 0px 0px; width: 60%;
	}
}
@media (min-width: 1200px) {
	.theAuthor{
		padding: 30px 0px 0px; width: 70%;
	}
	.theAuthor img.authorImg{
		width: 100px;
	}
	
}
@media (min-width: 144000000px) {
	.theAuthor{
		padding: 30px 0px 0px; margin-top: -130px;
	}
	
}

#instagram.page-block .es-header-user-username{
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none; font-size: 2.4em; line-height: 2.0em;
}

#instagram.page-block .eapps-instagram-feed-header-inner{
    flex-wrap: wrap;
}
#instagram.page-block .eapps-instagram-feed-header-stats{
    margin: 2em 0px 2em;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0px;
}
#instagram.page-block .page-block-link{
    margin: 4em 0px 2em;
}



#showroom.page-block.list-click-detail.keukens {
    margin: 3em 0px;
}
#showroom.page-block.list-click-detail.keukens .page-block-module{
    margin: 2em 0px;
}

.block.keukens{
    border-radius: 16px; background: #ffffff; padding: 0px; overflow: hidden;
    display: flex; flex-direction: column;
}
.block.keukens .block-image{
     
}
.block.keukens .block-caption{
    display: flex; align-content: space-between; padding: 20px;
    flex:1;
}
.block.keukens .block-caption .block-ttl{
    
}
.block.keukens .block-caption .block-ttl h4{
    margin: 0px 0px 10px 0px; padding: 0px; width: 100%;
}
.block.keukens .block-caption .block-ttl h4 a{
    text-decoration: none;
    color: var(--specialcolor);
}
.block.keukens .block-caption .block-ttl h2{
    margin: 0px 0px 10px 0px; padding: 0px;
}
.block.keukens .block-caption .block-ttl h2 a{
    color: var(--basecolorSpecial);
}
.block.keukens .block-caption .block-ttl h3{
    font-size: 14px;
    font-family: regularfont, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    margin: 0px 0px 30px 0px; padding: 0px;
	color: var(--textcolorGrey);
}
.block.keukens .block-caption .block-ttl h3 a{
	color: var(--textcolorGrey);
}
.block.keukens .block-caption .block-txt{ /*vanaf */
    border-top: 1px solid rgba(135, 116, 112, 0.3);
    padding-top: 20px; font-size: 1em;
    color: #877470;
}
.block.keukens .block-caption .block-txt h3{ /*als getoond */
    font-size: 14px;
    font-family: regularfont, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    margin: 5px 0px 0px 0px; padding: 0px;
	color: var(--textcolorGrey);
}
.block.keukens .block-caption .block-txt h3 b{
    font-weight: 700;
}
.block.keukens .block-btns{
    position: absolute; top: auto; bottom: 20px; left: auto; right: 20px; width: 100px;
    display: flex; justify-content: flex-end;
}
.block.keukens .block-btns .btn-secondary{
    
}
.block.keukens .block-btns .btn-secondary span{
    
}

.page-block.list-click-detail.keukens  .block-listing {
    grid-gap: 30px;
}
@media (min-width: 500px) {
    .page-block.list-click-detail.keukens  .block-listing {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 700px) {
    .page-block.list-click-detail.keukens  .block-listing {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 700px) AND (max-width: 990px) {
    #showroom.page-block.list-click-detail.keukens  .block-listing .block:nth-of-type(3)  {
        grid-column: span 2; flex-direction: row; flex-wrap: nowrap;
    }
    #showroom.page-block.list-click-detail.keukens  .block-listing .block:nth-of-type(3) .block-caption {
        min-width: 50%;
    }
}
@media (min-width: 991px) {
    .page-block.list-click-detail.keukens  .block-listing {
        grid-template-columns: repeat(3, 1fr); grid-gap: 45px;
    }
	.block.keukens .block-caption .block-txt{
		margin-top: 5px; padding-top: 25px;
	}
}
@media (min-width: 1200px) {
    .block.keukens .block-caption .block-ttl h2{
        font-size: 24px;
    }
	.block.keukens .block-caption .block-txt{
		margin-top: 5px; padding-top: 30px;
	}
}
@media (min-width: 991px) AND (max-width: 1199px) {
    .block.keukens .block-btns{
        position: relative; top: 0px; bottom: auto; left: 0px; right: auto; width: 100%; padding: 0px 20px 20px 20px;
    }
    .block.keukens .block-caption .block-ttl h2{
        font-size: 22px;
    }
}

#onze-keukens{
	margin-top: -60px;
}
#onze-keukens .page-block-caption{
	padding-top: 0px;
}
#onze-keukens .page-block-ttl{
	display: none;
}

#special .page-block-caption{
    margin: 3em 0px;
}
#special .page-block-ttl{
    display: none;
}

#special .block.keukens{
    border-radius: 0px; background: none;
}
#special .block.keukens .block-caption {
    padding: 40px 0px; align-content: center; align-items: center;
}
#special .block.keukens .block-caption .block-ttl h2 a,
#special .block.keukens .block-caption .block-ttl h4 a,
#special .block.keukens .block-caption .block-txt,
#special .block.keukens .block-caption .block-txt h3{
    color: var(--basecolor);
}
#special .block.keukens .block-caption .block-ttl{
    display: flex; flex-wrap: wrap;
}
#special .block.keukens .block-caption .block-ttl h3{
    order: -1; margin-bottom: 1em; display: none;
}
#special .block.keukens .block-caption .block-txt{
    border: 0px;
}
#special .block.keukens .block-btns{
    position: relative; top: 0px; bottom: auto; left: 0px; right: auto; width: 100%;
    display: flex; justify-content: center; flex-wrap: wrap; gap:1em;
}
#special .block.keukens .block-btns .btn{
    width: 100%;
}

@media (min-width: 700px) {
    #special.page-block.list-click-detail.keukens  .block-listing {
        grid-template-columns: repeat(2, 1fr);
    }
    #special.page-block .block.keukens {
        grid-column: span 2;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: max-content max-content;
        align-content: center;
        gap: 0px;
        max-width: 1280px;
    }
    #special.page-block .block.keukens .block-image {
        grid-column: 1;
        grid-row: 1 / span 2;
        display: flex; align-content: center; align-items: center;
    }

    #special.page-block .block.keukens .block-caption {
        grid-column: 2;
        grid-row: 1;
        padding-bottom: 20px;
        padding-left: 40px;
    }

    #special.page-block .block.keukens .block-btns {
        grid-column: 2;
        grid-row: 2; padding: 0px;
        padding-left: 40px;
    }
}
@media (min-width: 991px) {
    #special.page-block .block.keukens .block-caption,
    #special.page-block .block.keukens .block-btns {
        padding-left: 80px;
    }
}
@media (min-width: 1200px) {
    #special.page-block .block.keukens .block-caption,
    #special.page-block .block.keukens .block-btns {
        padding-left: 120px;
    }
}


.page-block.with_page_image{
    max-width: none;
}
.page-block.quote .page-block-caption .page-block-txt p {
	margin-bottom: 15px;
}
@media (min-width: 600px) {
	.page-block.quote .page-block-caption {
        padding: 30px 30px;
    }
}
@media (min-width: 768px) {
    .page-block.with_page_image.cta .page-block-caption-head{
        display: none;
    }
    .page-block.with_page_image.cta .page-block-caption-content{
        grid-column: span 2; padding-right: 25%; position: absolute; top: auto; bottom: 0px; max-width: 1440px; left: 50%; transform: translateX(-50%)
    }
    .page-block.with_page_image.quote .page-block-caption-content{
        grid-column: span 2; position: absolute; top: 50%; max-width: 900px; left: 50%; transform: translate(-50%,-50%); width: 80%;
    }
    .page-block.with_page_image.quote .page-block-caption-content .page-block-ttl,
    .page-block.with_page_image.cta .page-block-caption-content .page-block-ttl{
        display: flex;
    }
	.page-block.quote .page-block-caption .page-block-txt p {
		margin-bottom: 30px;
	}
    
    .page-block.with_page_image.quote .page-block-page_image::after,
    .page-block.with_page_image.cta .page-block-page_image::after{
        position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.41%, #000000 100%);
    }
    .page-block.with_page_image.quote .page-block-caption .page-block-ttl h2,
    .page-block.with_page_image.quote .page-block-caption .page-block-ttl h2 a,
    .page-block.with_page_image.quote .page-block-caption .page-block-ttl h3,
    .page-block.with_page_image.quote .page-block-caption .page-block-ttl h3 a,
    .page-block.with_page_image.quote .page-block-caption .page-block-txt,
    .page-block.with_page_image.quote .page-block-caption .page-block-txt p,
    .page-block.with_page_image.quote .btn-primary span{
        color: var(--basecolor);
    }
    .page-block.with_page_image.cta .page-block-caption .page-block-ttl h2,
    .page-block.with_page_image.cta .page-block-caption .page-block-ttl h2 a,
    .page-block.with_page_image.cta .page-block-caption .page-block-ttl h3,
    .page-block.with_page_image.cta .page-block-caption .page-block-ttl h3 a,
    .page-block.with_page_image.cta .page-block-caption .page-block-txt,
    .page-block.with_page_image.cta .page-block-caption .page-block-txt p,
    .page-block.with_page_image.cta .btn-primary span{
        color: var(--basecolor);
    }
    .page-block.with_page_image.cta .btn-primary{
        border-color: var(--basecolor);
    }
    .page-block.with_page_image.quote .page-block-caption .randomTeam h3,
	.page-block.with_page_image.cta .page-block-caption .randomTeam h3{
        color: var(--basecolor);
		
	}
}

@media (min-width: 991px) {
    .page-block.with_page_image.cta .page-block-caption-content{
        padding-right: 50%;
    }
}

@media (min-width: 1440px) {
    .page-block.with_page_image.cta .page-block-caption-content{
        padding-right: 720px;
    }
}


.page-menu-list{
	border-radius: 0px; border: 1px solid rgba(8, 0, 6, 0); padding: 2px; width: calc(100% + 60px);background: rgba(248, 242, 240, 0.8); z-index: 1000; display: flex; gap: 5px;
	justify-content: space-between; max-width: none; max-height: calc(3em + 4px)!important; margin-bottom: 2em; margin-left: -30px;
	padding: 0px 30px;
}
.page-menu-list a{
	text-decoration: none; padding: 0px 10px; line-height: 3em; border-radius: 999px;
	border: 0px solid rgba(255,255,255,0.8); background: rgba(158, 0, 126, 0); width: auto;
	text-align: center; font-size: 1em;
}
.page-menu-list a.active{
}

#werkwijze{
}

#theBody.home #werkwijze #hashNav{
	display:none;
}
#theBody.home #werkwijze .block-txt.full,
#theBody.werkwijze #werkwijze .block-txt.intro{
	display:none;
}
#theBody.werkwijze #werkwijze .block-txt{
	margin-bottom: 1em;
}
#theBody.werkwijze #werkwijze .page-block-ttl,
#theBody.werkwijze #werkwijze .page-block-link{
	display:none;
}
#theBody.werkwijze #werkwijze .page-block-caption{
	padding-top: 0px;
}
#theBody.werkwijze #werkwijze .page-block-module{
	padding-top: 0px;
}
@media (min-width: 991px) {
	.page-menu-list{
		width: calc(100% + 120px); margin-left: -60px; padding: 0px 60px;
	}
	
}
@media (min-width: 1280px) {
	.page-menu-list{
		padding: 0px 180px;
	}
	
}


#werkwijze .page-menu-item{
	display: flex; gap:10px; flex-wrap: nowrap; height: 3em; align-content: center; align-items: center; padding: 0px;
}

#werkwijze .page-menu-item span.stap{
	display: none;
}
#werkwijze .page-menu-item span.circle{
	background: var(--specialcolor); border-radius: 999px; color: var(--basecolor); display: flex; justify-content: center; align-content: center; align-items: center; width: 2.4em; height: 2.4em; font-size: 0.8em;
}

#werkwijze .page-menu-item.active span.circle{
	background: var(--basecolorSpecial);
}

@media (max-width: 600px) {
	#werkwijze .page-menu-item span{
		display: none;
	}
	#werkwijze .page-menu-item span.stap,
	#werkwijze .page-menu-item span.circle{
		display: flex;
	}

	#werkwijze .page-menu-list{
		padding: 0px 30px 0px 30px;
	}
	
}


@media (max-width: 767px) {
	#theBody.over-ons #pageBlock0{
		height: auto; overflow: hidden;
	}
	#theBody.over-ons #pageBlock0 img{
		height: auto; width:130%; margin-left: -15%;
	}
	#theBody.over-ons #pageBlock1.with_page_image{
		align-content: flex-end; align-items: flex-end;
	}
	#theBody.over-ons #pageBlock1.with_page_image .page-block-name h1{
	}
}
@media (max-width: 1100px) {
	#theBody.over-ons #pageBlock1.with_page_image{
		align-content: flex-end; align-items: flex-end;
	}
}
@media (min-width: 1101px) {
	#theBody.over-ons #pageBlock1.with_page_image{
		align-content: flex-start; align-items: flex-start; padding-top: 90px;
	}
}



#waar-wij-voor-staan{
	padding: 2em 0px;
}
#waar-wij-voor-staan .block.highlights{
	justify-content: center; align-content: flex-start; 
}
#waar-wij-voor-staan .block-listing.scrollable .block.highlights .block-caption .block-ttl h2{
	font-size: 1.6em;
}	
#waar-wij-voor-staan .block-listing.scrollable .block.highlights .block-caption .block-txt p{
	padding: 15px 5%;
}
#waar-wij-voor-staan .block.highlights .block-icon{
	left: 50%; transform: translateX(-50%); position: relative; margin-bottom: 15px; font-size: 4em; width: 2.0em; height:  2.0em;
}
#waar-wij-voor-staan .block.highlights{
	
}

@media (min-width: 768px) {
	#waar-wij-voor-staan.page-block.highlights.scrollable .page-block-caption .page-block-ttl.ttl-only{
		grid-column: 1 / span 2; grid-row: span 1;
	}
	#waar-wij-voor-staan.page-block.highlights.scrollable .page-block-caption .page-block-module {
		grid-column: 1 / span 2;
	}
	#waar-wij-voor-staan.page-block.highlights.scrollable .page-block-caption .page-block-module .block-listing.scrollable{
    grid-template-columns: repeat(3, 1fr);
	}
	#waar-wij-voor-staan .block.highlights .block-icon{
		font-size: 3em; width: 2.0em; height:  2.0em;
	}
	#waar-wij-voor-staan .block-listing.scrollable .block.highlights .block-caption .block-txt p{
		padding: 15px 15px;
	}
}



@media (min-width: 768px) {
	#pageBlock0{
		min-height: 400px;
	}
	#pageBlock0 .page-block-page_image img{
		height: 100%; object-fit: cover;
	}
	#pageBlock1.with_page_image{
		align-content: flex-end; align-items: flex-end;
	}
}


#team {
	 margin-top: 45px;
}
#team .page-block-ttl{
	display: flex;
	justify-content: center;
}
#team .page-block-ttl h2{
	width: 70%;
}
#team .block-listing{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
	gap: 32px; margin-top: 45px;
}

.block.team{
	border-radius: 16px; background: var(--basecolor); padding: 0px; overflow: hidden;
}
.block.team .block-image img{
	aspect-ratio: 10 / 12; width: 100%; height: 100%; object-fit: cover;
}
.block.team .block-caption{
	padding: 20px;
}
.block.team .block-caption .block-ttl h2 {
	font-size: 1.4em; margin: 0px; padding: 0px;
}
.block.team .block-caption .block-ttl h3 {
	font-size: 1.1em; color: var(--specialcolor); margin: 0.5em 0px 1em 0px; padding: 0px;
    font-family: regularfont, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
}
.block.team .block-caption .block-txt{
	border-top: 1px solid rgba(135, 116, 112, 0.3); padding-top: 1em;
}

@media (min-width: 700px) {
#team .block-listing{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

@media (min-width: 991px) {
#team .block-listing{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 767px) {
#het-begin .page-block-caption{
	padding-top: 60px;
	padding-bottom: 60px;
}
}


#beoordelingen{
	padding: 60px 0px 0px 0px;
}

#beoordelingen .page-block-caption{
	padding-bottom: 0px; margin-bottom: 0px;
}
#beoordelingen .block .block-caption .block-ttl h2 {
	color: var(--specialcolor);
}
	
#reviews-google{
	padding-bottom: 90px;
}

#reviews-google .page-block-caption{
	padding-top: 0px;
}
#reviews-google .page-block-link{
	justify-content: center;
}
#reviews-google .swiper-wrapper{
	align-content: stretch!important; align-items: stretch!important;
}
#reviews-google .hosLbJ .swiper-slide {
    align-items: center;
    align-content: center;
}
	
	
	
	
@media (min-width: 768px) {
	#beoordelingen.page-block.highlights.scrollable .page-block-caption{
    grid-template-columns: repeat(1, 1fr);
	}
	#beoordelingen.page-block.highlights.scrollable .page-block-caption .page-block-ttl,
	#beoordelingen.page-block.highlights.scrollable .page-block-caption .page-block-module{
		grid-column: span 1; justify-content: center; display: flex;
	}
	#beoordelingen.page-block.highlights.scrollable .page-block-caption .page-block-ttl h2{
		max-width: 600px;
	}
	#beoordelingen.page-block.highlights.scrollable .page-block-module{
	}
	#beoordelingen.page-block.highlights.scrollable .page-block-module .block-listing.scrollable{
   		grid-template-columns: repeat(3, 1fr); margin: 1em 0px; column-gap: 30px; max-width: 900px;
	}
	#beoordelingen.page-block.highlights.scrollable .block.highlights{
		padding: 15px;
	}
	

	#beoordelingen.page-block.highlights.scrollable .page-block-module .block-listing.scrollable > * {
		position: relative;
	}

	#beoordelingen.page-block.highlights.scrollable .page-block-module .block-listing.scrollable > *:not(:nth-child(3n))::after {
		content: "";
		position: absolute;
		display: block;

		/* exact midden van de gap */
		right: -15px;
		top: 50%;
		transform: translate(50%, -50%);

		width: 1px;      /* breedte streep */
		height: 50px;    /* hoogte streep */

		background: var(--textcolor);
	}

	
}
	
	
	
	
	
	
#theBody.contact #pageBlock1::after,
#theBody.maak-een-afspraak #pageBlock1::after{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: '';
	display: block; 
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}
		
	
	
#theBody.contact #pageBlock1 .page-block-caption,
#theBody.maak-een-afspraak #pageBlock1 .page-block-caption{
	z-index: 1;
}
	
#theBody.contact #pageBlock1 .page-block-caption .page-block-txt p,
#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt p{
	padding: 1em 0px;
}
	
#theBody.contact #pageBlock1 .page-block-caption .page-block-txt p:last-child,
#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt p:last-child{
	font-size: 1.3em; display: flex; gap: 10px; justify-content: center; align-content: center; align-items: center;
	flex-wrap: wrap;
	font-family: "PT Serif", serif;
	font-weight: 400;
	font-style: normal;
}
	
#theBody.contact #pageBlock1 .page-block-caption .page-block-txt p .btn,
#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt p .btn{
	font-size: 14px; width: 100%;
		font-family: "PT Serif", serif;
		font-weight: 400;
		font-style: normal;
}
#theBody.contact #pageBlock1 .page-block-caption .page-block-txt p .btn span,
#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt p .btn span{
		/*font-family: "PT Serif", serif;
		font-weight: 400;
		font-style: normal;*/
}
	
#theBody.contact #pageBlock1 .page-block-caption .page-block-txt p .btn-default,
#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt p .btn-default{
	background: var(--basecolor); border: 1px solid var(--basecolor);
}	
#theBody.contact #pageBlock1 .page-block-caption .page-block-txt p .btn-default span,
#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt p .btn-default span{
	color: var(--textcolor);
}
@media (min-width: 768px) {
	#theBody.contact #pageBlock1 .page-block-caption,
	#theBody.maak-een-afspraak #pageBlock1 .page-block-caption{
		padding-top: 200px!important;
		padding-bottom: 100px!important;
	}
	#theBody.contact #pageBlock1 .page-block-caption .page-block-name ,
	#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-name {
		display: flex; ; justify-content: center;
	}
	#theBody.contact #pageBlock1 .page-block-caption .page-block-name h1{
		max-width: 380px;
	}
	#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-name h1{
		max-width: 580px;
	}
	#theBody.contact #pageBlock1 .page-block-caption .page-block-txt,
	#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt{
		padding: 0px;
	}


	#theBody.contact #pageBlock1 .page-block-caption .page-block-txt p:last-child,
	#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt p:last-child{
		flex-wrap: nowrap; gap: 20px;
	}

	#theBody.contact #pageBlock1 .page-block-caption .page-block-txt p .btn,
	#theBody.maak-een-afspraak #pageBlock1 .page-block-caption .page-block-txt p .btn{
		font-size: 14px; width: 300px;
	}

}


@media (max-width: 767px) {
#je-bent-altijd-welkom {
	padding: 60px 30px;
}
#plan-jouw-moment {
	padding: 60px 0px;
}
}
#plan-jouw-moment iframe{
	min-height: 600px!important;
}

#je-bent-altijd-welkom ul ,
#plan-jouw-moment ul {
	padding-left: 18px;
}
#je-bent-altijd-welkom ul li::marker ,
#plan-jouw-moment ul li::marker {
	color: var(--specialcolor); font-size: 1.4em;
}
#je-bent-altijd-welkom h3{
	padding: 15px 0px 30px;
}
	
#openingstijden{
	padding: 0px; border-radius: 16px; overflow: hidden; background: #ffffff!important; margin: 0px 30px 30px 30px;
	color: var(--textcolorGrey); line-height: 1.3em;
}
.opening-hours__row{
	display: flex; flex-wrap: nowrap; justify-content: space-between; color: var(--textcolorGrey); padding: 3px 0px;
}
.opening-hours__row .opening-hours__status{
	text-align: right;
}


 p.contact-container{
	display: grid;
	grid-template-columns: 40px 1fr;
	grid-template-rows: auto auto;
	column-gap: 20px;
	row-gap: 3px;

	align-items: center;

	margin: 0 0 25px 0;
}


/* ICON */
 p.contact-container .fa-mosaic {
	grid-column: 1;
	grid-row: 1 / span 2;

	width: 40px;
	height: 40px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: #fff;
	border-radius: 5px;

	color: var(--specialcolor);
}


/* LABEL */
 p.contact-container .contact-label {
	grid-column: 2;
	grid-row: 1;

	color: var(--textcolor);
	font-size: 0.9em;
	line-height: 1.2;
}


/* LINK / VALUE */
 p.contact-container .contact-value {
	grid-column: 2;
	grid-row: 2;

	font-size: 1em;
	line-height: 1.5;
}


 p.contact-container .contact-value a {
	color: var(--basecolorSpecial);
}


#geef-jouw-keuken-een-gezicht{
	margin: 60px 0px;
}
@media (max-width: 767px) {
#geef-jouw-keuken-een-gezicht .page-block-caption {
	padding: 60px 30px;
}
}

#wat-kun-je-verwachten{
	padding: 0px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(135, 116, 112, 0.3)!important; margin: 0px 30px 30px 30px;
	color: var(--textcolorGrey); line-height: 1.3em; background:  rgba(135, 116, 112, 0.1);
}
#wat-kun-je-verwachten h4.verwachten{
	font-size: 1.2em; 
	color: var(--textcolor);
	color: var(--textcolor);
	padding-left: 60px;
	position: relative;
}
#wat-kun-je-verwachten h4.verwachten::before {
	width: 40px;
	height: 40px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: #fff;
	border-radius: 5px;

	color: var(--specialcolor);
	content: '1'; position: absolute; top: 0px; left: 0px;
}
#wat-kun-je-verwachten h4:nth-of-type(2)::before {
	content: '2';
}
#wat-kun-je-verwachten h4:nth-of-type(3)::before {
	content: '3';
}

#wat-kun-je-verwachten p.verwachten{
	padding-left: 60px;
}


#wat-kun-je-verwachten h3{
	padding-top: 60px;
}


#plan-jouw-moment,
#wat-kun-je-verwachten,
#je-bent-altijd-welkom,
#openingstijden
{
	max-width: 500px;
}

.opening-hours__day{
	color: var(--textcolor); opacity: 0.7;
}
.opening-hours__status{
	font-weight: 700;
}
.shop-warning.shop-warning--this-week{
	margin-bottom: 1.5em;
	max-width: 450px;
}
.shop-warning.shop-warning--next-week{
	margin-top: 1.5em;
	max-width: 450px;
}
.shop-warning__item{
	margin-bottom: 0.5em;
}

.shop-warning__item span.let-op{
	color: var(--basecolor); background: var(--specialcolor); border-radius: 4px; padding: 2px 4px;
	font-weight: 700;
}

@media (min-width: 767px) {
	#openingstijden.page-block.with_block_image.left .page-block-caption{
		padding: 30px; grid-column: 1 / span 2;
	}
}

@media (min-width: 991px) {

	#theBody.contact #pageBlockPage,
	#theBody.maak-een-afspraak #pageBlockPage{
		align-items: center;
	}
	#theBody.maak-een-afspraak #pageBlockPage{
		align-items: flex-start;
	}
	#theBody.maak-een-afspraak #plan-jouw-moment.page-block .page-block-caption{
		padding-top: 30px;
	}
	#theBody.contact #pageBlock1,
	#theBody.maak-een-afspraak #pageBlock1{
		margin-bottom: 45px;
	}
		
	#plan-jouw-moment,
	#wat-kun-je-verwachten,
	#je-bent-altijd-welkom,
	#openingstijden
	{
		max-width: 450px;
	}
	
	.shop-warning__item{
	}
	.opening-hours{
		max-width: 300px;
	}
}

@media (min-width: 1200px) {
		
	#plan-jouw-moment,
	#wat-kun-je-verwachten,
	#je-bent-altijd-welkom,
	#openingstijden
	{
		max-width: 550px;
	}
	#openingstijden.page-block.with_block_image.left .page-block-caption{
		padding: 60px;
	}
}





#specificaties .page-block-caption .page-block-txt{
	display: grid;
    grid-template-columns: repeat(1, 1fr); grid-gap: 20px;
	padding: 1.5em 0px;
}

#specificaties ul {
	padding-left: 18px; margin-bottom: 0px; padding-bottom: 0px;
}
#specificaties ul li::marker {
	color: var(--specialcolor); font-size: 1.4em;
}

@media (min-width: 700px) {
#specificaties .page-block-caption .page-block-txt{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

@media (min-width: 1200px) {
#specificaties .page-block-caption .page-block-txt{
	display: grid;
    grid-template-columns: repeat(3, 1fr); grid-row-gap: 0px;
}
}






.keukenvideo{
	position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-content: center; align-items: center;
}

.keukenvideo .thevideo{
	width: 100%;
}




#pageBlock1 .page-block-caption .page-block-txt{
}

#pageBlock1 ul {
	padding-left: 18px;
}
#pageBlock1 ul li::marker {
	color: var(--specialcolor); font-size: 1.4em;
}

#theBody.onze-keukens.detail_mode #pageBlock1 .btn-primary,
#theBody.onze-keukens.detail_mode #pageBlock1 .btn-secondary{
	width: 100%;
}
#theBody.onze-keukens.detail_mode #pageBlock1 .btn-secondary{
	background: var(--specialcolor);
}
#theBody.onze-keukens.detail_mode #pageBlock1 .btn-secondary span{
	color: var(--basecolor);
}


.brands{
	display: flex; justify-content: flex-start; gap: 15px
}
.brands img{
	opacity: 0.4; width: 90px; height: 90px; object-fit: contain; object-position: center center;
}

.price-block{
	background: var(--basecolor); border-radius: 16px; padding: 20px;
	display: grid;
    grid-template-columns: repeat(2, 1fr); grid-gap: 20px; margin: 1em 0px; width: 100%; max-width: 600px;
}
.priceinfo{
}
.priceinfo h4{
    font-family: regularfont, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
	font-size: 0.8em; color: var(--textcolor);
	padding: 0px; margin: 0px;
}
.priceinfo b{
	font-family: "PT Serif", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2em; color: var(--textcolor);
}
.pricedisclaimer{
	grid-column: span 2; color: var(--textcolor); opacity: 0.6;
}
.pricedisclaimer p{
	padding: 0px; margin: 0px;
}

#theBody.onze-keukens.detail_mode #pageBlock1 .page-block-subname h2{
    padding-bottom: 0px; margin-bottom: 0px;
    color: var(--specialcolor);
}
#theBody.onze-keukens.detail_mode #pageBlock1 .page-block-name h1{
    padding-top: 0px; margin-top: 0px!important;
}

@media (min-width: 600px) {
	#theBody.onze-keukens.detail_mode #pageBlock1 .page-block-name h1,
	#theBody.onze-keukens.detail_mode #specificaties .page-block-ttl h2,
	#theBody.onze-keukens.detail_mode #keukeninfo .page-block-ttl h2{
		margin-bottom: 1em; margin-top: 0.3em;
	}
	.price-block{
		margin: 1em 0px;
	}
	.priceinfo b{
		font-size: 2.6em;
	}
	#theBody.onze-keukens.detail_mode #pageBlock1 .content-link {
		display: grid; max-width: 600px;
		grid-template-columns: repeat(2, 1fr); grid-gap: 20px;
	}
	

	
}



/* ==========================================================
   INSTAKEUKENSLIDES
   ========================================================== */

.instakeukenslides {
	position: relative;
	width: 100%;
}
.instakeukenslides button:focus{
	outline: none;
}


/* MAIN
---------------------------------------------------------- */

.instakeukenslides-stage {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: #eee;
	touch-action: pan-y;
}

.instakeukenslides-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	user-select: none;
	-webkit-user-select: none;
}

.instakeukenslides-image,
.instakeukenslides-image-next {
	position: absolute;
	inset: 0;

	width: 100%;
	height: 100%;

	object-fit: cover;
	display: block;
}
.instakeukenslides-image-next {
	pointer-events: none;
}
/* ARROWS
---------------------------------------------------------- */

.instakeukenslides-arrow,
.instakeukenslides-zoom {
	position: absolute;
	z-index: 5;

	width: 46px;
	height: 46px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 0;
	border-radius: 999px;

	background: rgba(255,255,255,.9);
	color: var(--basecolorSpecial);

	cursor: pointer;
}

.instakeukenslides-arrow {
	top: 50%;
	transform: translateY(-50%);
}

.instakeukenslides-arrow-prev {
	left: 20px;
}

.instakeukenslides-arrow-next {
	right: 20px;
}

.instakeukenslides-zoom {
	right: 20px;
	bottom: 20px;
}


/* THUMBNAILS
---------------------------------------------------------- */

.instakeukenslides-thumbs {
	display: flex;

	gap: 10px;

	width: 100%;
	margin-top: 10px;

	overflow-x: auto;
	overflow-y: hidden;

	scroll-behavior: smooth;
	scrollbar-width: none;

	-webkit-overflow-scrolling: touch;
}

.instakeukenslides-thumbs::-webkit-scrollbar {
	display: none;
}

.instakeukenslides-thumb {
	flex: 0 0 120px;

	aspect-ratio: 5 / 4;

	padding: 0;
	margin: 0;

	border: 0;
	overflow: hidden;

	cursor: pointer;

	opacity: .5;

	transition:
		opacity .25s ease,
		transform .25s ease;
}

.instakeukenslides-thumb img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.instakeukenslides-thumb.active {
	opacity: 1;
}

.instakeukenslides-thumb:hover {
	opacity: 1;
}


/* LIGHTBOX
---------------------------------------------------------- */

#instakeukenslides-lightbox {
	position: fixed;
	inset: 0;

	width: 100vw;
	height: 100svh;

	z-index: 99999;

	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(0,0,0,.92);

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.instakeukenslides-lightbox.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.instakeukenslides-lightbox-imageholder {
	position: relative;

	width: calc(100% - 160px);
	height: calc(100% - 100px);

	display: flex;
	align-items: center;
	justify-content: center;
}

.instakeukenslides-lightbox-imageholder img {
	display: block;

	max-width: 100%;
	max-height: 100%;

	width: auto;
	height: auto;

	object-fit: contain;
}

.instakeukenslides-lightbox-close,
.instakeukenslides-lightbox-prev,
.instakeukenslides-lightbox-next {
	position: absolute;
	z-index: 10;

	width: 50px;
	height: 50px;

	border: 0;
	border-radius: 999px;

	background: rgba(255,255,255,.9);
	color: #111;

	cursor: pointer;
}

.instakeukenslides-lightbox-close {
	top: 25px;
	right: 25px;
}

.instakeukenslides-lightbox-prev {
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}

.instakeukenslides-lightbox-next {
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
}

#instakeukenslides-lightbox.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.instakeukenslides-image,
.instakeukenslides-image-next,
#instakeukenslides-lightbox-image {
	will-change: transform, opacity;
}

@media (max-width: 600px) {

	.instakeukenslides-arrow,
	.instakeukenslides-zoom {
		width: 40px;
		height: 40px;
	}

	.instakeukenslides-arrow-prev {
		left: 10px;
	}

	.instakeukenslides-arrow-next {
		right: 10px;
	}

	.instakeukenslides-zoom {
		right: 10px;
		bottom: 10px;
	}

	.instakeukenslides-thumb {
		flex-basis: 90px;
	}


	.instakeukenslides-lightbox-imageholder {
		width: calc(100% - 30px);
		height: calc(100% - 80px);
	}

	.instakeukenslides-lightbox-prev,
	.instakeukenslides-lightbox-next {
		width: 42px;
		height: 42px;
	}

	.instakeukenslides-lightbox-prev {
		left: 10px;
	}

	.instakeukenslides-lightbox-next {
		right: 10px;
	}

}



.instakeukensmosaic {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;

	width: 100%;
	max-width: 1440px; margin: 2em 0px;
}


/* ALLE RIJEN
---------------------------------------------------------- */

.instakeukensmosaic-row {
	width: 100%;
	overflow: hidden;
}


/* 1 FOTO BREED
---------------------------------------------------------- */

.instakeukensmosaic-row-wide {
	height: 56.25vw;
	max-height: 810px;
}


/* 2 FOTO'S
---------------------------------------------------------- */

.instakeukensmosaic-row-double {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;

	height: 56.25vw;
	max-height: 810px;
}


/* IMAGES
---------------------------------------------------------- */

.instakeukensmosaic-row-wide img,
.instakeukensmosaic-item img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;
}

.instakeukensmosaic-item {
	min-width: 0;
	height: 100%;
	overflow: hidden;
}

@media (max-width: 600px) {

	.instakeukensmosaic {
		gap: 5px;
	}

	.instakeukensmosaic-row-wide {
		height: 260px;
	}

	.instakeukensmosaic-row-double {
		gap: 5px;
		height: 320px;
	}

}

@media (max-width: 991px) {
	#theBody.detail_mode #header.menu-default,
	#theBody.algemene-voorwaarden #header.menu-default{
		background: rgba(72, 63, 61, 1);
	}
    
	#theBody.detail_mode #pageBlock1,
		
	#theBody.algemene-voorwaarden #pageBlock1{
		
		order: -1;	margin-top: 105px;
		
	}
}


#theBody.algemene-voorwaarden #header.menu-default{
    background: rgba(72, 63, 61, 1);
}
@media (min-width: 991px) {
	#instakeukenslides{
		width: 50%; max-width: 770px;
	}
	#theBody.detail_mode #pageBlockPage{
		align-items: center; padding-top: 120px;
	}
	#theBody.detail_mode #pageBlock1{
		width: 50%; max-width: 670px; padding-left: 30px;
	}
	#keukeninfo {
	    grid-template-columns: repeat(10, 1fr);
	}
	#keukeninfo .page-block-caption{
		grid-column: span 4;
	}
	#keukeninfo .page-block-image{
		grid-column: span 6; padding-right: 0px;
	}
}



@media (min-width: 991px) {
	#theBody.detail_mode .logo .st2{
		fill: var(--textcolor);
	}
	#theBody.detail_mode #header.menu-default .mainmenu #extraMenu .navbar-nav li a{
		color: var(--basecolor);
	}
	#theBody.detail_mode .shop-status,
	#theBody.detail_mode .shop-status.shop-status--closed .shop-status__title,
	#theBody.detail_mode .shop-status.shop-status--open .shop-status__title,
	#theBody.detail_mode #header .navbar-nav li a.menu-link{
		color: var(--textcolor);
	}
	#theBody.detail_mode #header.menu-default .mainmenu #extraMenu .navbar-nav li.menu-contact a{
		border: 1px solid var(--textcolor);
		color: var(--textcolor);
	}
	
    #theBody.detail_mode.shrink #header.menu-default {
        background: rgba(255, 255, 255, 1);
    }
	
	#theBody.detail_mode #toptop{
		background: rgba(135, 116, 112, 0.1);
	}
	
}


#bezoek-de-showroom {
}
#bezoek-de-showroom ul {
	padding-left: 18px;
}
#bezoek-de-showroom ul li::marker {
	color: var(--specialcolor); font-size: 1.4em;
}

	#theBody.detail_mode .footer{
		margin-top: 0px;
}

#kom-langs{
	background: #fff; overflow: hidden; border-radius: 16px;
}
#kom-langs .page-block-image {
	aspect-ratio: 1 / 1; overflow: hidden; padding: 0px;
}
#kom-langs .page-block-caption-head{
	display: none;
}
#onze-keukens #kom-langs .page-block-caption{
	padding: 30px;
}
#onze-keukens #kom-langs .page-block-ttl{
	display: flex; width: 100%;
}

#kom-langs .page-block-image img {
	width: 100%; height: 100%; object-fit: cover; object-position: top center;
}
@media (min-width: 700px) {

#kom-langs{
	grid-column: span 2; grid-gap: 30px; align-content: stretch;
}
#onze-keukens #kom-langs .page-block-caption{
	padding: 30px 60px 30px 30px;
}
#kom-langs .page-block-image {
	aspect-ratio: auto; overflow: hidden; padding: 0px; height: 100%;
}
#kom-langs .page-block-image img {
	width: 100%; height: 100%; object-fit: cover; will-change: none; transform: translate(0,0)!important; object-position: top center;
}
}