#buttonhome {
  display: block;
  width: 220px; 
  position: absolute;
  padding-right: 2.5em; 
  text-align: left; 
	font-family: Zekton,Arial,Helvetica,sans-serifactive;
	font-size: 1.5em;
	border: 1px solid #d6007f;
	background-color:#d6007f;
	color:#ffffff;
	top:90px;
	left:10px;

}

@media (max-width:767px) {#buttonhome {top:50px;} }

div#block-milipro-buttonbovenhome.block {z-index: 1;}
div#block-milipro-banner1.block {z-index: 0;}

#buttonhome::after {
    content: ">>>"; 
  position: absolute;
  bottom: 0.5em;
  right: 0.75em;
  font-size: 0.8em; 
  color: white;
  letter-spacing: 1px; 
}


/* tijdelijk */

div#blackfriday.knop p a#afspraak.button {font-size: 33px;}

/* einde tijdelijk*/

div.bovenkadersmart {visibility: hidden;height:0;}

header.feed-header.single-source {background-color:transparent!important;z-index: 1;}

.homepage-content .block, 
	.homepage-content .block:not(:last-child) {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

	
.Zekton-gewoon {
  font-family: Zekton, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.montserrat-gewoon {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

div#grijs.box, div#grijs2.box {border-color:#231f20}

div#grijs.box h3.plan-name, div#grijs2.box h3.plan-name {color:#231f20}

div#block-milipro-content.block div#tarieven ul li {background:none;}



div.share-node {visibility:hidden;height:0;}

div#main-wrapper.main-wrapper {background:#ffffff;}

.box {box-shadow:none; border: 1px solid #231f20;}

.home-content .block-title {visibility:hidden;height: 0;padding:0;}

.home-content img {/*filter:grayscale(1);*/    z-index: 0;
    position: relative;}


div.text_center {border:1px solid #231f20;display:flex;text-align:left;width:100%;border-bottom:none;}

div.welkom1 {flex:1;float:left;padding:40px;position:relative;width:60%;}
div.welkom2 {background-image:url("../themes/images/kerntalenten_spiegel.webp"); float:left; height:600px; position:relative;width:35%;/*filter:grayscale(1);*/;background-position: right;background-repeat: no-repeat;}

div.welkom2::after {
    content: 'Chantal houd je een spiegel voor';
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5); /* Zwarte achtergrond met doorzichtigheid */
    color: white; /* Witte tekst */
    font-size: 14px;
  }

div.welkom1 h2 {color:#231f20;font-size:1.8rem }
div.knoprij {border: 1px solid #8F2F30;width: 100%;border-top:none;    float: left;
    padding-bottom: 30px;padding-top: 30px;
}
div.knopdiv {width:33%;text-align:center;float:left;}
div#tarieven.items div.box {padding-bottom:100px;}	

div#tarieven.items div.box a {margin-top:30px;}	
	
h3.plan-name, h3.plan-name strong {background: none;
    border-radius: 0;
    color: #231f20;
    font-family: Zekton,Arial,Helvetica,sans-serif;}

div.plan-price {border-radius:0;background-color:#ffffff;border:none;color:#231f20; }

span.btw {font-size: 60%;}

.plan-details li {border-bottom:none;margin-left:15px!important;list-style:none;}

div.tariefdiv {    position: absolute;
    bottom: 40px;
    width: 90%;}

.button, a.button {background:#ffffff; border:1px solid #231f20;color:#231f20 }


.button {font-family:Montserrat,Arial,Helvetica,sans-serif;}

.button:hover, a.button:hover, button:hover, .button-round:hover, a.button-round:hover, button.button-round:hover, .button-round[disabled]:hover, .button-dark, a.button-dark, button.button-dark, .button-dark[disabled] {    background: #ffffff;
    color: #231f20; border: 1px solid #231f20;
}

.slider h4 {color:#231f20;font-size:1.4rem;font-family:Zekton,Arial,Helvetica,sans-serif}
.slider h5 {font-size:1.1rem;font-family:Montserrat,Arial,Helvetica,sans-serif}
.slider h6 {font-size:0.9rem;font-family:Montserrat,Arial,Helvetica,sans-serif}

/* lettertypes*/

body, b, strong {font-family:Montserrat,Arial,Helvetica,sans-serif;color: #231f20}

p {font-family:Montserrat,Arial,Helvetica,sans-serif;color: #231f20}
h1 {font-family:Zekton,Arial,Helvetica,sans-serif;color: #231f20;font-size:1.8rem;}
h2 {font-family:Zekton,Arial,Helvetica,sans-serif;color: #231f20;font-size:1.6rem;    padding-top: 10px;
    padding-bottom: 10px;}
h3 {font-family:Montserrat,Arial,Helvetica,sans-serif;color: #231f20;font-size:1.4rem;padding-top: 10px;
    padding-bottom: 10px;}
h4 {font-family:Montserrat,Arial,Helvetica,sans-serif;color: #231f20;font-size:1.2rem;}
h5 {font-family:Montserrat,Arial,Helvetica,sans-serif;color: #231f20;font-size: 1.1rem;
}
h6 {font-family:Montserrat,Arial,Helvetica,sans-serif;color: #231f20}

h4.titel {font-family:Zekton,Arial,Helvetica,sans-serif;color: #231f20;}


h2.tussentitel {font-family:Zekton,Arial,Helvetica,sans-serif;color: #231f20;text-align:center;font-size:2.2rem;    margin-bottom: 40px;}

.call-to-action {
    width:100vw;
    border: 1px solid #231f20;
	box-shadow: none;
    justify-content: flex-start;}

div.ctaknop {margin-left:200px;}


.testimonials .item {    background: #ffffff;border:1px solid #231f20;border-radius:0;}
.testimonials .item .name {color: #231f20; font-family:Zekton,Arial,Helvetica,sans-serif;  }

div.itempic {background: #ffffff;width:50%;aspect-ratio:1/1;float:right;}
div.itemtekst {background: #ffffff url(/themes/milipro/images/icons/quote.svg) 10px 10px no-repeat;padding-top:30px;    clear: both;}
div.itemtekst p {font-size:16px;background-size: cover;}

div#angelique.itempic {background-size: contain;background: url('../themes/images/getuigen/angelique.webp') 50% 50%}
div#carina.itempic {background-size: contain;background: url('../themes/images/getuigen/Carina.webp') 50% 50%}
div#laura.itempic {background-size: contain;background: url('../themes/images/getuigen/laura.webp') 50% 50%}
div#willem.itempic {background-size: contain;background: url('../themes/images/getuigen/willem_swinnen.webp') 50% 50%}
div#lies.itempic {background-size: contain;background: url('../themes/images/getuigen/lies.webp') 50% 50%}
div#elke.itempic {background-size: contain;background: url('../themes/images/getuigen/elke_peeters.webp') 50% 50%}

div.buttongetuigen {text-align:center;margin-top:30px;}




div.waarom1 h4, div.waarom1 h5, div.waarom2 h4, div.waarom2 h5 {text-align: left;}
h2.sierletter {font-size: 2.3rem;color:#d6007f;}

div.waarom1 h2.sierletter,div.waarom2 h2.sierletter {text-align:right;}

div.flexy {padding:20px; border: 1px solid #231f20; }

div#flexy1.flexy {margin-bottom:30px;margin-right:05px;border-left:none;text-align:left;}
div#flexy2.flexy {margin-bottom:30px;margin-right:15px;border-bottom:none;text-align:left;}
div#flexy3.flexy {margin-bottom:30px;margin-left:15px;margin-top:30px;border-top:none;text-align:left;}
div#flexy4.flexy {margin-bottom:30px;margin-left:10px;border-right:none;text-align:left;}



.frontpage.homepage .header-main.sticky-header, .homepage .header-main.sticky-header, .site-page .header-main.sticky-header, div.header-main {background:none;color:#231f20;}

div.header-main.sticky-header.animated.fadeInDown {border-bottom:1px solid #231f20}

ul.main-menu {font-family:Zekton,Arial,Helvetica,sans-serif;}

li.main-menu-item a, ul.main-menu > li a, ul.main-menu > li > span {color:#231f20; background:#ffffff;border:1px solid #ffffff;}

ul.main-menu > li > a:hover  {background: #ffffff;}

ul.main-menu ul.submenu li {background:none;border-top:1px solid #ffffff;width:200px;}

ul.main-menu > li:hover > a {    color: #231f20;
    /*border: 1px solid #ffffff;*/
    background:#ffffff;}


ul.main-menu ul.submenu li a {color:#231f20;border:1px solid #231f20;border-right:1px solid #ffffff;}

ul.main-menu ul.submenu li a:hover {color:#231f20;border:1px solid #231f20;border-right:1px solid #ffffff;}

#banner1a.flex-column {flex: 1 1 75%; margin-left: -12vw;margin-right: -30vw;}

#banner1b.flex-column {flex: 1 1 25%; margin-left: 7vw;margin-right: -10vw;}

#banner1b.flex-column h1 {font-size:1.7rem;}

div.flex-binnen{background-color: rgb(255, 255, 255, 0.98);
    /*border: 1px solid #231f20;*/
    padding: 30px;
    margin-top: 7vw;
position:relative;
z-index:1;}

div.flex-binnen1{    background-color: rgb(255, 255, 255, 0.98);
    border: 1px solid #231f20;
    padding: 30px;
    margin-top: 2vw;
position:relative;}

div#homeheader.flex-binnen {background-color:transparent;}

#banner2a.flex-column {margin-right: 2vw; margin-left: -5vw;  /*z-index: 0;*/}

#banner2b.flex-column {margin-left: -20vw;margin-right: -12vw;}

#titel2a.flex-column {margin-right: 2vw; margin-left: 0vw;  z-index: 0;}

#titel2b.flex-column {margin-left: -20vw;margin-right: -20vw;margin-bottom:50px}

#titel2a.flex-column .flex-binnen {margin-top:4vw;text-align: center;}


.homepage .header,  .site-page .header {background:none;}

.sliding-panel-icon {color:#231f20;}
.sliding-panel-icon i {color:#231f20;border:1px solid #231f20;border-radius:0; padding: 15px;}

.search-icon {color:#231f20;}
.search-icon i {color:#231f20;border: 1px solid #231f20;border-radius:0;    padding: 15px;}
.mobile-menu-icon  {color:#231f20;border: 1px solid #231f20;border-radius:0;    padding: 15px;}


h3.block-title {visibility:hidden;height:0px;padding:0px;}


.site-page .header {background-color:#ffffff}

div.homepage-content {margin-top:-90px;}

span.nr1 {border: 1px solid #231f20;
    padding: 10px 20px 10px 20px;
    margin-right: 20px;
border-left: none;}

span.nr2 {border: 1px solid #231f20;
    padding: 10px 20px 10px 20px;
    margin-right: 20px;
border-right: none;}

span.nr3 {border: 1px solid #231f20;
    padding: 10px 20px 10px 20px;
    margin-right: 20px;
border-bottom: none;}

span.nr4 {border: 1px solid #231f20;
    padding: 10px 20px 10px 20px;
    margin-right: 20px;
border-left: none;}

span.nr5 {border: 1px solid #231f20;
    padding: 10px 20px 10px 20px;
    margin-right: 20px;
border-top: none;}

h2.stappen {padding-top: 20px;
    padding-bottom: 20px;}


ul.page-tabs li a {
    background: #ffffff;
    color: #231f20;
    }

ul.page-tabs li a:hover {
    background: #ffffff;
    color: #231f20;
}

div#block-milipro-blokloopbaanbegeleidinglinks {margin-top:60px;}
div#block-milipro-blokkntlinks {margin-top:60px;}

section#content-top.section ul li,
body ul li{
	font-size:1.1rem;
	list-style:none;
}


section#content-top.section ul li::before,
div#main-wrapper.main-wrapper ul li::before{background: url("../themes/images/liststyle03_16.png");
	background-repeat: no-repeat;
	background-position: left;
	content: "•"; color: transparent;
  display: inline-block; width: 1em;
  margin-left: -1em}



div#block-milipro-content.block ul li {
	list-style:none;
	margin-left:10px;
	}


div#block-milipro-content.block ul li::before {background: url("../themes/images/liststyle03_16.png");
	background-repeat: no-repeat;
	background-position: left;
	content: "•"; color: transparent;
  display: inline-block; width: 30px;
	margin-left: -30px}

div#block-milipro-content.block ul,
div#block-milipro-content.block ol{
margin-top: 30px;
    margin-bottom: 30px;
}

ul, ol {margin-bottom:1.25rem;}

div.full-page-search, div.sliding-panel-icon {visibility:hidden;width:0;height:0;margin:0;}

div.footer-block p {font-size: 0.8rem; color:#ffffff; line-height:1.2rem;}

.footer-bottom-section {border-top:1px solid #ffffff;}
.social-icons a {border-radius:0px;}


div.footer-block p,
div.footer-block ul li {font-size:0.9rem;}


.cookiealert p {
    color: #ffffff;}

	body.homepage div#main-wrapper.main-wrapper {padding-top:90px;}


div.getuigen1 div.itemtekst {width: 75%; border:1px solid #231f20;    float: left;
    padding: 40px;
    margin-left: -6vw; }


div#getuigenissen .div.welkom1 {
    background: #ffffff url(/themes/milipro/images/icons/quote.svg) 10px 10px no-repeat;
    
    clear: both;
}


div.getuigenfoto {
    float: left;
    min-height: 450px;
    position: relative;
    width: 25%;
    background-position: top right;
    background-repeat: no-repeat;
	background-size:contain;
	
}


div#angelique.getuigenfoto {background-image: url("../themes/images/angelique.webp");}
div#laura.getuigenfoto {background-image: url("../themes/images/laura.webp");}
div#willem.getuigenfoto {background-image: url("../themes/images/willem_swinnen.webp");}
div#Lies.getuigenfoto {background-image: url("../themes/images/lies.webp");}
div#elke.getuigenfoto {background-image: url("../themes/images/elke_peeters.webp");}
div#carina.getuigenfoto {background-image: url("../themes/images/carina.webp");}

div.getuigenissen div.text_center {margin-bottom:50px;border-bottom: 1px solid #231f20}

img.smart {visibility: hidden;width:0px;height:0px;}

div#surmesuur.tekst {margin-top: 30px;
    margin-bottom: 30px;}

div#contact.vierrondom {margin-top: 30px;
    margin-bottom: 30px;}


	div#bin1.vierbinnen img, div#bin3.vierbinnen img {float:right;}
	div#bin2.vierbinnen img, div#bin4.vierbinnen img {float:left;}
	

/* SMARTPHONE */

@media only screen and (max-width: 767px) {
	
/* tijdelijk */

div#blackfriday.knop p a#afspraak.button {font-size: 15px;}

/* einde tijdelijk*/

	
	/* catalogus */
	
	div.views-view-responsive-grid.views-view-responsive-grid--horizontal {--views-responsive-grid--column-count:1 !important;}

	
	div.bovenkadersmart {background-color: transparent;
    float: left;
    width: 100%;
    margin-top: -20px;
    height: 20px;
    position: relative;
	visibility: visible;}
	
	div.bovenkadersmartbinnen {margin-right:10px;margin-left:10px; height:20px;border:1px solid #231f20;border-bottom: none !important; }
	
	
	.flex-column {flex: 1 1 100%;}
	
	/*chadeeni*/
	
	
	div#\31 .drievak {flex: 0 0 100% !important;min-height: 400px;padding-right:0px!important;}	
	div#\32 .drievak {flex: 0 0 50% !important;padding-left:0px!important;}
	div#\33 .drievak {flex: 0 0 50% !important;padding-right:0px!important;}
	
	div#vingertoppen.drierondom div#\31 .drievak {flex: 0 0 100% !important;min-height: 400px;padding-right:0px!important;padding-left:0px!important;}	
	div#vingertoppen.drierondom div#\32 .drievak {flex: 0 0 100% !important;min-height: 400px;padding-right:0px!important;padding-left:0px!important;}
	div#vingertoppen.drierondom div#\33 .drievak {flex: 0 0 100% !important;min-height: 400px;padding-right:0px!important;padding-left:0px!important;}
	
	
	div#\31 .viervak {flex: 0 0 100% !important;padding-left:0!important;padding-right:0!important;min-height: 250px!important;}	
	div#\32 .viervak {flex: 0 0 100% !important;padding-left:0!important;padding-right:0!important;min-height: 500px!important;}
	div#contact.vierrondom div#\32 .viervak {flex: 0 0 100% !important;padding-left:0!important;padding-right:0!important;min-height: 550px!important;}
	div#\33 .viervak {flex: 0 0 50% !important;padding-left:0!important;min-height: 250px!important;}
	div#\34 .viervak {flex: 0 0 50% !important;padding-right:0!important;padding-left:20px!important ;min-height: 250px!important}

	
	
	div#formules.vierrondom div#\31 .viervak {flex: 0 0 100% !important;padding-left:0!important;padding-right:0!important;}	
	
	div#formules.vierrondom div#\32 .viervak {flex: 0 0 100% !important;padding-right:0!important;min-height: 500px!important;}
	
	div#formules.vierrondom div#\33 .viervak,
	div#surmesuur.vierrondom div#\33 .viervak {flex: 0 0 100% !important;padding-right:0!important;min-height: 500px!important;}
	
	div#formules.vierrondom div#\34 .viervak,
	div#surmesuur.vierrondom div#\34 .viervak {flex: 0 0 100% !important;padding-right:0!important;padding-left:10px!important;min-height: 250px!important}

	
	.drierondom, .vierrondom {margin-left:0 !important;margin-right:0 !important;max-width: 100%!important;}	
	
	div.test {visibility: hidden !important;}
	
	div.waarom1 {margin-top:15px!important;margin-bottom:15px!important; margin-right:0 !important;margin-left:0 !important;}
	div.waarom2 {margin-top:15px!important;margin-bottom:0px!important; margin-right:0 !important;margin-left:0 !important;}
	div.waarom3 {margin-top:0px!important;margin-bottom:15px!important; margin-right:0 !important;margin-left:0 !important;}
	div.waarom4 {margin-top:15px!important;margin-bottom:15px!important; margin-right:0 !important;margin-left:0 !important;}
	
	
	div.waarom4 h4, div#binneneufolie.flex-binnen div.waarom1 h4, div#binnendecolte.flex-binnen div.waarom2 h4 {padding-bottom:60px !important;}
	
	div#formules.vierrondom div#bin1.vierbinnen {}
	div#formules.vierrondom div#bin2.vierbinnen {padding-left:10px!important;padding-top:10px!important;}
	div#formules.vierrondom div#bin3.vierbinnen {max-height:700px!important;padding-top:10px!important;padding-right:10px!important}
	div#formules.vierrondom div#bin4.vierbinnen {max-height:250px!important;}
	
	
	
	div#bin2.driebinnen {padding-top: 10px !important;padding-left: 20px !important;}
	
	div#homecitaat2 {width:50% !important;left:0vw !important;padding-left:0!important;top:0!important;margin-top:30px!important;}
	
	div.flex-binnen {margin-top:0!important;padding: 20px 0px 15px 0px !important;border-top: none !important;}
	
	div#binneneufolie.flex-binnen {padding: 40px 0 15px 0!important;}
	
	div#home_header.flex-row {
		
        padding-right: 10px!important;
        padding-left: 10px!important}
	
	div.ctaknop {flex:0 0 100%!important;margin-left:0;}
	div.ctatekst {flex:0 0 100%!important;}
	
	div#bin1B.driebinnen,div#bin3B.driebinnen {background-size:cover;}
	div#bin2B.driebinnen {padding-left:10px!important;}
	
	div#box1.driebox,
	div#box2.driebox,
	div#box3.driebox {position:relative!important;float:left!important;margin: 0 0 30px 0!important; top:0;right:0;bottom:0;left:0}

	div#fotodecolte.fotoachter {max-width: 100%;}
	
	div#contact.vierrondom {margin-top:30px;}
	
	div.getuigenfoto {width: 25%;background-size:contain;    min-height: 100px;}
	 
	div.getuigenissen div.welkom1 {width:75%}	 
	
	#banner1a.flex-column,
	#banner1b.flex-column {margin-left:0;margin-top:0;margin-right:0;}	
	
	#banner2a.flex-column,
	#banner2b.flex-column {margin-left:0;margin-top:0;margin-right:0;}	
	
	
	img.smart {
	visibility: visible;
	max-width:80%;height: inherit;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
	margin-bottom: 30px;}
	
	div.welkom1 {width:100%;}
	div.welkom2 {width:0;}
	
	div.knopdiv {clear:both;width:100%; margin-bottom: 20px; padding-top:0;}
	
	div.knoprij {margin-top:-30px;}
	
	div.waarom1,
	div.waarom2 {margin-right:0;margin-left:0;}
	
	div.waarom3 {margin-top:0;}
	
	img {max-width: 100%;}
	
	.call-to-action {flex-wrap: wrap;
    width: 100%;
    max-width: 100%;}
	
	div.cookiealert.show {position:relative}
	
	div.scrolltop {margin-right:3px;}
	
	.site-logo img {max-height: 45px;}
	
	
	.mobile-menu-icon { background-image: url(../themes/images/menu_mobiel.webp);background-size: contain;}
	
	
	.active-menu .menu-wrap ul.main-menu a {color:initial;}
			
	.active-menu .menu-wrap {background-color:#231f20;padding:10px;}
	
	.active-menu ul.main-menu ul.submenu  {background-color:#231f20;padding-bottom:10px;}
	
		ul.main-menu ul.submenu li {border:none;}
	
	ul.main-menu {margin-top:50px;}
	
	
	li.main-menu-item.expanded.active a {color:#231f20;border:1px solid #231f20;border-right:none;}
	
	li.main-menu-item.expanded.active ul.submenu li a {color:#231f20;border: 1px solid #231f20;border-right:none;padding-right:15px;}
	
	li.main-menu-item.expanded.active {border:none;}
	
	
	.header-main-container {display:inline-block;}
	
	.site-brand {float:left;width:100%;}
	div#block-milipro-branding.block {float:left;}
	div#block-milipro-headercontactbutton {float:right;}
	div#block-milipro-headercontactbutton.block {float:right;margin-top:-15px;}
	
	a#mail.button {margin-top:0px;float:right;}
	
	a#telefoon.button {
	    margin-bottom: 20px;
		margin-top: 10px;
	clear:both;
	float:right;}
		
	.header-right {display:inline-block;float:right;}
	

	div#block-milipro-contactbuttondesktop a#telefoon.button,
	div#block-milipro-contactbuttondesktop a#mail.button {visibility: hidden;
    width: 0;
    height: 0;
		overflow: overlay;
		background-color: aqua;}

	.active-menu .menu-wrap ul.main-menu, ul.main-menu {
         overflow-y: visible;}
	
	div.smartphoto,
	div#titel2b.smartphoto {border:none; /*border: 1px solid #231f20;border-bottom:none;float:left;*/}
	
	div#banner3a.smartphoto {margin-bottom:-16px;}
	
	div#banner1a.flex-column,
	div#banner2b.flex-column,
	div#titel2b.flex-column {visibility: hidden;height: 0;width:0;}
	
	
	
	div#flexy1.flexy,
	div#flexy2.flexy,
	div#flexy3.flexy,
	div#flexy4.flexy {margin-right:0;margin-left:0;width:100%;margin-bottom:15px;}


	#titel2a.flex-column,
	#titel2b.flex-column,
	#titel2a.flex-column .flex-binnen,
	#titel2b.flex-column .flex-binnen{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
	margin-top:0;	
}
	
	
	
	    .homepage .header, .site-page .header {
     
        padding-bottom: 0;
    }

	div#main-wrapper.main-wrapper {padding-top:0px;}
	body.homepage div#main-wrapper.main-wrapper {padding-top:65px;}

	
	.flex-row {width:100%;margin-right:0;margin-left:0;}
	
}


/* DESKTOP */

@media only screen and (min-width: 768px) {
	
		
	div#block-milipro-headercontactbutton.contextual-region.block,
	div#block-milipro-headercontactbutton.block {visibility: hidden;
    width: 0;
    height: 0;
		}
	
	div.smartphoto {visibility: hidden;height: 0;width:0;float:left;}
	
	
	}


/* Chadeeni */

body {font-size: 0.9rem!important;}

a:hover {color:#231f20;text-decoration:none;}

div#homecitaat1 {       width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10vw;}

div#homecitaat1 h1,
div#bin2.driebinnen h2,
div#bin1.vierbinnen h2,
div#bin2.vierbinnen h2,
div#bin3.vierbinnen h2,
div#bin4.vierbinnen h2 {color: #231f20;
    font-size: 1.2rem;    padding-bottom: 0;}

div#homecitaat1 p.subtit1,
div#bin2.driebinnen p.subtit1,
div#bin2.vierbinnen p.subtit1 {    font-style: italic;
    font-size: .9rem;font-family: Montserrat, Arial, Helvetica, sans-serif;}

div#homecitaat2 { width: 70%;
       padding-left: 20vw;
margin-top:80px;
position: absolute;
top: 22vw;
z-index: 1}

div#homecitaat2 h1 {    color: #231f20;
    font-size: 2.3rem;
text-align:center;
line-height: 1.7rem;
}

div#homecitaat2 h1 span.subtit1{    font-style: italic;
    font-size: 1.1rem;font-family:Montserrat, Arial, Helvetica, sans-serif;}

div#homeheader.flex-binnen {border: 1px solid #231f20;}

div.waarom1 span.collectie,
div.waarom2 span.collectie,
div.waarom3 span.collectie,
div.waarom4 span.collectie{font-style: italic;
    font-size: .9rem;}

h2.collectie1,
h2.collectie2,
h2.collectie3,
h2.collectie4 {font-size:2.2rem;text-align:right;line-height: 1.6rem;}

h2.collectie1 {color:#00a66c}
h2.collectie2 {color:#d6007f}
h2.collectie3 {color:#0088b2}
h2.collectie4 {color:#231f20}


h1.collectie1,
h1.collectie2,
h1.collectie3,
h1.collectie4 {font-size:2.2rem;text-align:right;line-height: 1.6rem;}

h1.collectie1 {color:#00a66c}
h1.collectie2 {color:#d6007f}
h1.collectie3 {color:#0088b2}
h1.collectie4 {color:#231f20}


div.waarom1,
div.waarom2,
div.waarom3,
div.waarom4 {padding:20px;  } 

div.waarom1 h4,
div.waarom2 h4,
div.waarom3 h4,
div.waarom4 h4 {font-size:0.9rem  } 

div.waarom1 {border:1px solid #00a66c;margin-bottom:30px;margin-right:15px;border-left:none;text-align:left;} 
div.waarom2 {border: 1px solid #d6007f;margin-left:15px;border-bottom:none;text-align:left;} 
div.waarom3 {border: 1px solid #0088b2;margin-top:130px;border-top:none;} 
div.waarom4 {border: 1px solid #231f20;margin-top:30px;margin-left:30px; border-right:none;} 

div.meer {float:right;margin-top:-45px;}


.homepage-content .block:not(:last-child) {
     padding-bottom: 1rem !important;
	padding-top:1rem !important;
}

div#eufolie.vierrondom div#bin1.vierbinnen {padding-left:0;}

div#eufolie.vierrondom div#bin2.vierbinnen {text-align:left; padding-top: 40px; padding-left: 40px;border:1px solid #00a66c;border-right:none;padding-right:5vw;}

div#eufolie.vierrondom div#bin3.vierbinnen {padding-left:0;}

div#eufolie.vierrondom div#bin4.vierbinnen {padding-left:0;}

div#eufolie.vierrondom div#bin2.vierbinnen p {font-size:0.9rem;}

div#eufolie.vierrondom  {margin-left:-14vw;    margin-right: -14vw;}
div#eufolie.vierrondom div#viervak3.viervak {}


div#surmesuur.vierrondom div#bin1.vierbinnen {padding-left:0;}

div#surmesuur.vierrondom div#bin2.vierbinnen {text-align:left; padding-top: 40px; padding-left: 40px;border:1px solid #231f20;border-right:none;padding-right:5vw;}

div#surmesuur.vierrondom div#bin3.vierbinnen {padding-left:0;border:1px solid #231f20;text-align: right;
    padding-top: 40px;
    padding-right: 40px;
    border-left: none;}

div#surmesuur.vierrondom div#bin4.vierbinnen {padding-left:0;}

div#surmesuur.vierrondom h4 {font-size:0.9rem;}


div#davinci.vierrondom div#bin2.vierbinnen,
div#contact.vierrondom div#bin2.vierbinnen, 
div#formules.vierrondom div#bin2.vierbinnen{text-align:left; padding-top: 40px; padding-left: 40px;border:1px solid #231f20;border-right:none;}

div#formules.vierrondom div#bin3.vierbinnen {text-align:right; padding-top: 40px; padding-right: 40px;border:1px solid #231f20;border-left:none;}

div#contact.vierrondom div#bin1.vierbinnen {padding-left:0;}
div#contact.vierrondom div#bin3.vierbinnen {padding-left:0;}
div#contact.vierrondom div#bin4.vierbinnen {padding-left:0;}




div#bin1.driebinnen {padding-left:0;}

div#bin2.driebinnen {text-align:left; padding-top: 120px; padding-left: 40px;}

div#bin3.driebinnen {padding-left:0;}


div#bin1B.driebinnen {padding-left:0;}

div#bin2B.driebinnen {text-align:left; padding-top: 40px; padding-left: 40px;position:relative;}

div#bin3B.driebinnen {padding-left:0;  }



.vierrondom {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    max-width: 100vw;
	margin-left: -12vw;
}

.drievak {
   
    padding: 20px;
	min-height: 35vw; 
	float:left;
	clear:none;
}

div#\31 .drievak {flex: 0 0 38%;padding-left:0}
div#\32 .drievak {flex: 0 0 40%;}
div#\33 .drievak {flex: 0 0 21%;padding-right:0}



.drierondom {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    max-width: 100vw;
	float: left;
    margin-left: -12vw;
	
}


.viervak {
    flex: 1 1 50%; /* Zorgt ervoor dat elke box 50% van de breedte inneemt */
    padding: 20px;
	min-height: 500px; /* Pas aan naar wens */
}


.vierbinnen, .driebinnen {height: 100%;
	color: #231f20;
    text-align: left;}

div.citaat_onder  {position: absolute;bottom:40px;}

div#contact.vierrondom div.citaat_onder {position:relative;bottom:0;}


div.citaat_onder h4 {font-size: 0.9rem;font-family: Zekton, Arial, Helvetica, sans-serif;}



div#bin2.vierbinnen h4 span.subtit1 {    font-style: italic;
    font-size: .9rem;font-family: Zekton, Arial, Helvetica, sans-serif;}


div.test {;border:1px solid #fff;height:25vw;    position: absolute;    top: 5vw;
    width: 85vw;
    left: -12vw;}


div#fotodecolte.fotoachter {position: absolute;
    top: 0;
    /* width: 100%; */
    margin-right: -20vw;
    margin-left: -20vw;}

 div#decolte.flex-row {margin-bottom:5vw;}


div#box1.driebox { margin-top:2vw;}



div#box2.driebox {    position: absolute;
    bottom: 300px;
        
    right: 0;}


div#box3.driebox {    position: absolute;
    bottom: 50px;
        
    left: 0;}

    div#box1.driebox p {display: inline-block;
		}

    div#box2.driebox p {display: inline-block;
		}

    div#box3.driebox p {display: inline-block;
		}

#eufolie.button:hover, a#eufolie.button:hover {color:#00a66c; border: 1px solid #00a66c;}
#decolte.button:hover, a#decolte.button:hover {color:#d6007f; border: 1px solid #d6007f;}
#brut.button:hover, a#brut.button:hover {
    color: #0088b2;
    border: 1px solid #0088b2;
}
#surmesuur.button:hover, a#surmesuur.button:hover {
    color: #231f20;
    border: 1px solid #231f20;
}


a[href="/"]:hover {
    color: #231f20;
    border: 1px solid #231f20;
    border-right: 1px solid #ffffff;
}

a[href="/"].is-active {
    color: #231f20;
    border: 1px solid #231f20;
    border-top: 1px solid #ffffff;
}


ul.main-menu > li > a[data-drupal-link-system-path="node/2"]:hover {
    color: #00a66c !important;
    border: 1px solid #00a66c !important;
    border-right: 1px solid #ffffff !important;
}
li.main-menu-item a[data-drupal-link-system-path="node/2"].is-active {
    color: #00a66c !important;
    border: 1px solid #00a66c !important;
    border-top: 1px solid #ffffff !important;
}

ul.main-menu > li > a[data-drupal-link-system-path="node/3"]:hover {
    color: #d6007f !important;
    border: 1px solid #d6007f !important;
    border-top: 1px solid #ffffff !important;
}

li.main-menu-item a[data-drupal-link-system-path="node/3"].is-active {
    color: #d6007f !important;
    border: 1px solid #d6007f !important;
    border-top: 1px solid #ffffff !important;
}



ul.main-menu > li > a[data-drupal-link-system-path="node/10"]:hover {
    color: #0088b2;
    border: 1px solid #0088b2;
    border-right: 1px solid #ffffff;
}
li.main-menu-item a[data-drupal-link-system-path="node/10"].is-active {
    color: #0088b2;
    border: 1px solid #0088b2;
    border-top: 1px solid #ffffff;
}

ul.main-menu > li > a[data-drupal-link-system-path="node/5"]:hover {
    color: #231f20;
    border: 1px solid #231f20;
    border-right: 1px solid #ffffff;
}
li.main-menu-item a[data-drupal-link-system-path="node/5"].is-active {
    color: #231f20;
    border: 1px solid #231f20;
    border-top: 1px solid #ffffff;
}

ul.main-menu > li > a[data-drupal-link-system-path="node/14"]:hover {
    color: #231f20;
    border: 1px solid #231f20;
    border-right: 1px solid #ffffff;
}
li.main-menu-item a[data-drupal-link-system-path="node/14"].is-active {
    color: #231f20;
    border: 1px solid #231f20;
    border-top: 1px solid #ffffff;
}







div#brut.call-to-action {margin-top:50px;}

div#brut.call-to-action a.button:hover {color:#0088b2; border: 1px solid #0088b2;}


div#decolte.call-to-action {margin-top:30px;border: 1px solid #d6007f;}

div#decolte.call-to-action a.button:hover {color:#d6007f; border: 1px solid #d6007f;}

div#eufolie.call-to-action {margin-top:30px;border: 1px solid #00a66c;}

div#eufolie.call-to-action a.button:hover {color:#00a66c; border: 1px solid #00a66c;}

div#brut.call-to-action {margin-top:30px;border: 1px solid #0088b2;}

div#surmesuur.call-to-action {margin-top:30px;border: 1px solid #231f20;}


ul.main-menu > li:hover {border:none;}

.footer {background-color:#ffffff;color:#231f20 !important; border-top:1px solid #231f20;}

.footer a, .footer a:hover {color:#231f20 !important;}

.footer li {border-bottom:1px solid #231f20;}

.social-icons a {border-color: #231f20 !important;border-width:1px;}

ul.social-icons li {border-bottom:none;}

@media (min-width: 1920px) {
	
.vierrondom, .drierondom {
    margin-left: -20vw;
}

div#eufolie.vierrondom {    
	margin-left: -20vw;
    margin-right: -20vw;}

#banner1a.flex-column {margin-left: -20vw;margin-right: -20vw;}

#banner2b.flex-column {margin-left: -20vw;margin-right: -20vw;}
	
}



/* catalogus */

.node-view-mode-teaser {padding-bottom:0;}

.node-taxonomy-container {border:none;}

.node-links-container {border:none;}

.node-view-mode-teaser {border:none;}


div.field__label {width:40%;float:left;paddig-left:30px;}

div.field-utel {width:60%;float:left;}

div.node-taxonomy-container, div.node-links-container {visibility: hidden;display:none;}

div.field.field--name-field-afbeelding.field--type-image.field--label-hidden.field-item {height:350px;}

div.field.field--name-field-naam.field--type-string.field--label-hidden.field-item {font-family:Zekton,Arial,Helvetica,sans-serif;font-size:1.4rem;margin-bottom:15px;}


article.node div.field.field--name-field-afbeelding.field--type-image.field--label-hidden.field-item {display:inline;}

article.node div.field.field--name-field-afbeelding.field--type-image.field--label-hidden.field-item img.image-field {margin-top:30px;}

.views-view-responsive-grid--horizontal img.image-field {height:300px;width:auto;margin-right:auto;margin-left:auto;}

a.feed-icon {display:none;}

a.catalogus {padding-left:30px;font-size:.8rem;}
h2.node-title {padding-bottom:10px;}