/* test ontdek ook breed */

.partner-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
  gap: 1rem;
  margin: 2rem 0;
}

.partner {
  flex: 1 1 200px; /* minimaal 200px, groeibaar */
  max-width: 300px;
  color: #fff;
}


.partner img {
  height: 74px;          /* vaste hoogte */
  width: auto;           /* breedte past zich aan */
  object-fit: contain;   /* voorkomt vervorming */
  display: block;
  margin: 0 auto;        /* centreert de afbeelding */
}



div.partner-container p.letter1 {
  font-size: 0.8rem;
 margin-top:0;
color:#ffffff;	
}

/* Responsief gedrag */
@media (max-width: 768px) {

	.partner {flex:1 1 100px;}
	
  .partner-container {
    flex-direction: column;
    align-items: center;
  }
	
	.copyright {width: 100%;}
	
	
}


/* einde ontdek breed */

.vierrondom {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    max-width: 100vw;
    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#bin1.vierbinnen img, div#bin3.vierbinnen img {float:right;}
	div#bin2.vierbinnen img, div#bin4.vierbinnen img {float:left;}

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#bin1.vierbinnen{text-align:left; padding-top: 40px; padding-left: 40px;border:1px solid #231f20;border-left:none;}

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


/* Mobiele aanpassingen */

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

.home-content img.afbeelding-rechtsboven,
img.afbeelding-rechtsboven{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 120px; 
  height: auto;
}

#content-bottom {clear:both;}

#buttonhome {
  display: block;
  width: 180px; 
  position: absolute;
  padding-right: 2.5em; 
  text-align: left; 
	font-family: Zekton,Arial,Helvetica,sans-serifactive;
	font-size: 1.2em;
	border: 1px solid #ffffff;
	background-color:#0088b2;
	color:#ffffff;
	top:-20px;
	left:10px;
	z-index: 2;

}

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

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; 
}

div.block-content {clear:both;}

#block-milipro-content > div > article > div.field.field--name-field-regio.field--type-string.field--label-above > div.field__label,
#block-milipro-content > div > div > div > div.item-list > ul > li > article > div.node-content > div.field.field--name-field-regio.field--type-string.field--label-above > div.field__label {float:left;margin-right:10px;font-size:100%;}

#block-milipro-content > div > article > div.field.field--name-field-regio.field--type-string.field--label-above > div.field-item,
#block-milipro-content > div > div > div > div.item-list > ul > li > article > div.node-content > div.field.field--name-field-regio.field--type-string.field--label-above > div.field-item {clear:none;margin-top:15px;} 

#block-milipro-content > div > article > div.field.field--name-field-sector.field--type-string.field--label-above > div.field__label,
#block-milipro-content > div > div > div > div.item-list > ul > li > article > div.node-content > div.field.field--name-field-sector.field--type-string.field--label-above > div.field__label {float:left;margin-right:10px;margin-top:5px;font-size:100%;}

#block-milipro-content > div > article > div.field.field--name-field-sector.field--type-string.field--label-above > div.field-item,
#block-milipro-content > div > div > div > div.item-list > ul > li > article > div.node-content > div.field.field--name-field-sector.field--type-string.field--label-above > div.field-item {clear:none;margin-top:5px;margin-bottom:50px; }

#block-milipro-content > div > article > div.field.field--name-field-wat-is-je-profiel.field--type-text-long.field--label-above {clear:both;}

.node-view-mode-teaser {float:left;width:100%;padding-bottom: 0px;    border-bottom: 2px solid var(--border-color);}

#block-milipro-content > div > div > div > div.item-list > ul {padding-left: 0;    margin-left: -7px;}

#block-milipro-content > div > div > div > div.item-list {float: left;
    clear: both;
    width: 100%;}

#block-milipro-content > div > article > h1.functie > span {font-size:1.4rem;color:#0088b2;}

#main > div.block-region.region-content div.field__label, #main > div.block-region.region-content div.field-item {float:left;clear:both;    font-family: Zekton, Arial, Helvetica, sans-serif;}

div.field__label,
#edit-processed-text > h2 {margin-top:15px;font-weight:bold;color:#0088b2;font-size:140%;}

div.field-item {margin-top:10px;}

div.field-item p span {font-family:Montserrat,Arial,Helvetica,sans-serif}

div#block-milipro-content.block div.field-item ul, div.field-item ol {margin-top:10px;}

#block-milipro-content > div > article > div.vacature-logo > div,
#block-milipro-content > div > div > div > div.item-list > ul > li > article > div.node-content > div.field.field--name-field-logo.field--type-image.field--label-hidden.field-item {width: 20%;
    top: -10px;
    position: absolute;
    right: 0;
height:100%}

#block-milipro-content > div > div > div > div.item-list > ul > li:nth-child(3) > article > div.node-content > div.field.field--name-field-logo.field--type-image.field--label-hidden.field-item > img {max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;}

#block-milipro-content > div > article > div.field.field--name-field-regio.field--type-string.field--label-above,
#block-milipro-content > div > article > div.field.field--name-field-sector.field--type-string.field--label-above,
#block-milipro-content > div > article > div.field.field--name-field-wat-is-je-profiel.field--type-string.field--label-above,
#block-milipro-content > div > article > div.field.field--name-field-wat-wordt-er-van-je-verwac.field--type-string.field--label-above,
#block-milipro-content > div > article > div.field.field--name-field-wat-wordt-je-aangeboden.field--type-string.field--label-above,
#block-milipro-content > div > article > div.field.field--name-field-wie-is-er-naar-jou-op-zoek.field--type-string.field--label-above,
#block-milipro-content > div > article > div.field.field--name-field-sector.field--type-string.field--label-above {float:left;clear:both;}

div.website {margin-top: 80px;
    margin-bottom: 20px;
    font-weight: bold;}





div#angelique.itempic,
div#carina.itempic,
div#elke.itempic,
div#laura.itempic,
div#lies.itempic,
div#willem.itempic,
div#angelique.itempic {visibility: hidden;height:0;}


div.footer-block p.letter1 {font-size:110%;}

p.letter1 {font-size:130%;color: #0088b2;font-weight: bold;}

p.letter2, li.letter2 {font-size:110%;}

div.cookiealert.show p a {color:#ffffff;text-decoration:underline;}

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

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

a:hover {color:#0088b2;text-decoration:underline;}

.social-icons a:hover {
    text-decoration: none;
 	background-color:#0088b2;
    border: 2px solid #0088b2;
}

	
.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 #0088b2;}

.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 #0088b2;display:flex;text-align:left;width:100%;border-bottom:none;}

div.welkom1 {flex:1;float:left;padding:40px;position:relative;width:60%;}
div.welkom2 {float:left; height:600px; position:relative;width:35%;max-width: 400px;background-position: right;background-repeat: no-repeat;}
div.welkom1 h2 {color:#0088b2;font-size:1.4rem }
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: #0088b2;
    font-family: 'Zekton';}

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: #0088b2; border: 1px solid #0088b2;
}

.slider h4 {color:#0088b2;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: #0088b2;font-size:1.6rem;}
h2 {font-family:Zekton,Arial,Helvetica,sans-serif;color: #0088b2;font-size:1.4rem;    padding-top: 10px;
    padding-bottom: 10px;}
h3 {font-family:Montserrat,Arial,Helvetica,sans-serif;color: #231f20;font-size:1.2rem;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: #0088b2;}


h2.tussentitel {font-family:Zekton,Arial,Helvetica,sans-serif;color: #0088b2;text-align:center;}

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

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


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

div.itempic {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: cover!important;background: url('../themes/images/getuigen/angelique.jpg') 50% 50%}
div#carina.itempic {background-size: cover!important;background: url('../themes/images/getuigen/Carina.jpg') 50% 50%}
div#laura.itempic {background-size: cover!important;background: url('../themes/images/getuigen/laura.jpg') 50% 50%}
div#willem.itempic {background-size: cover!important;background: url('../themes/images/getuigen/willem_swinnen.jpg') 50% 50%}
div#lies.itempic {background-size: cover!important;background: url('../themes/images/getuigen/lies.jpg') 50% 50%}
div#elke.itempic {background-size: cover!important;background: url('../themes/images/getuigen/elke_peeters.jpg') 50% 50%}

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

div.waarom1,
div.waarom2,
div.waarom3 {padding:20px; border: 1px solid #0088b2; } 

div.waarom1 {margin-bottom:30px;margin-right:15px;border-left:none;text-align:left;} 
div.waarom2 {margin-left:15px;border-bottom:none;text-align:left;} 
div.waarom3 {margin-top:130px;border-right:none;} 

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

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

div.flexy {padding:20px; border: 1px solid #0088b2; }

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;}



.footer {background:#0088b2;color:#ffffff;}

.frontpage.homepage .header-main.sticky-header, .homepage .header-main.sticky-header, .site-page .header-main.sticky-header, div.header-main {background:rgb(255, 255, 255, 0.98);color:#0088b2;}

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

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

ul.main-menu > li {    border: 1px solid #ffffff;}


li.main-menu-item a:hover {border: 1px solid #ffffff;}

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

li.main-menu-item a.is-active {color:#0088b2;border: 1px solid #0088b2;border-top:1px solid #ffffff;}


ul.main-menu > li:hover, ul.main-menu > li > a:hover  {background: #ffffff;
	color: #0088b2;border:1px solid #0088b2;border-right:1px solid #ffffff;}

li.main-menu-item a.is-active  {background: #ffffff;
	color: #0088b2;border:1px solid #0088b2;border-top:1px solid #ffffff;}

li.main-menu-item.expanded.active {background: #ffffff;
	color: #0088b2;border: 1px solid #0088b2;border-top:1px solid #ffffff;}

li.main-menu-item.expanded.active:hover {border:1px solid #ffffff;background:#ffffff;}

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



ul.main-menu > li:hover > a {    color: #0088b2;
    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:#0088b2;border:1px solid #0088b2;border-right:1px solid #ffffff;}

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



#banner1b.flex-column {margin-left: 2vw;margin-right: -5vw;}

#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 #0088b2;
    padding: 30px;
    margin-top: 2vw;
position:relative;}



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

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



#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 {background:#ffffff;}

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

.search-icon {color:#0088b2;}
.search-icon i {color:#231f20;border: 1px solid #0088b2;border-radius:0;    padding: 15px;}
.mobile-menu-icon  {color:#231f20;border: 1px solid #0088b2;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 #0088b2;
    padding: 10px 20px 10px 20px;
    margin-right: 20px;
border-left: none;}

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

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

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

span.nr5 {border: 1px solid #0088b2;
    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: #0088b2;
}

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

section#content-top.section ul li,
body.homepage ul li{
	font-size: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 div.item-list ul li::before {background:none;}

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 a {color:#ffffff;}

.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 #0088b2}

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


/* SMARTPHONE */

@media only screen and (max-width: 767px) {
	
	.vierrondom {margin-left:-10px;}
	
	#block-milipro-content > div > article > div.vacature-logo > div, #block-milipro-content > div > div > div > div.item-list > ul > li > article > div.node-content > div.field.field--name-field-logo.field--type-image.field--label-hidden.field-item {
    width: 100%;
    position: relative;
    right: 0;
    text-align: center;
	margin-top:20px;}
	
	#block-milipro-content > div > article > div.vacature-logo > div img, #block-milipro-content > div > div > div > div.item-list > ul > li > article > div.node-content > div.field.field--name-field-logo.field--type-image.field--label-hidden.field-item img {width:80%;display: block;
        margin-left: auto;
        margin-right: auto;}
	
	#block-milipro-content > div > div > div > div.item-list > ul > li:before {list-style: none;background:none;}
	
	#block-milipro-content > div > div > div > div.item-list > ul > li {float: left;
    clear: both;}
	
	div.node-content, 
	div.onderheader {padding-right:10px;padding-left:10px;}
	
	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 #0088b2;border-bottom:none; }
	
	div.ctatekst {flex: 0 0 100% !important;}

	div.ctatekst {flex: 0 0 100% !important;}
	
	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;}	
	
	#banner2a.flex-column {flex: 1 1 100%;}
	
	div.flex-binnen {margin-top:0;border-top:none;padding: 20px 10px 20px 10px;}
	
	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%;        padding: 20px 10px 20px 10px;}
	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 {width:100%;}
	
	div.ctaknop {        margin-left: auto;
        margin-right: auto;        margin-top: 20px;
        margin-bottom: 10px;}
	
	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:#0088b2;padding:10px;}
	
	.active-menu ul.main-menu ul.submenu  {background-color:#0088b2;padding-bottom:10px;}
	
	ul.main-menu ul.submenu li {border:none;}
	
	ul.main-menu {margin-top:50px;}
	
	li.main-menu-item a.is-active {color:#0088b2!important; border:1px solid #0088b2!important;border-right:none!important;}
	
	
	li.main-menu-item.expanded.active a {color:#0088b2;border:1px solid #0088b2;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#titel2b.smartphoto {border: none;float:left;}
	
	div.homepage-content div.smartphoto {float:left;}
	
	div.smartphoto {border: none;float:left;}

	
	div#banner3a.smartphoto {margin-bottom:-16px;}
	
	
	div#banner1a.flex-column,
	div#banner2b.flex-column,
	div#titel2b.flex-column,
	div#banner2b.flex-column img
	{visibility: hidden;height: 0;width:0;display:none;}
	
	
	
	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;}
	
	
	div.flex-binnen {padding-left:10px; padding-right:10px;}
	
	div#homeheader.flex-binnen {
		border-top:none!important;      
        padding: 20px 0px 15px 0px !important;
    }
	
	    div#home_header.flex-row {
      
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
	
	    .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;}
	
}

/* nieuwe look 2/8/24 */

    .call-to-action {flex-wrap: wrap;width: 100%;max-width: 100%;}

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

div#homecitaat1 h1,
div#bin2.driebinnen h2
/*,div#bin2.vierbinnen h2*/ {color: #231f20;
    font-size: 1.4rem;padding-bottom: 0;margin: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;}

div#homeheader.flex-binnen {border: 1px solid #0088b2;background-color:transparent;}

div#home_header.flex-row {margin-bottom:40px;}


/* 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;}
	
	
	}