.quicklink {margin-bottom: 30px;}

.card.uitgelicht {background-color: #f22f9e; color: #fff; border-color: #fff;}
.card.uitgelicht h1,
.card.uitgelicht h2,
.card.uitgelicht h3,
.card.uitgelicht h4,
.card.uitgelicht h5 {color: #fff}
.card.uitgelicht p,
.card.uitgelicht li {color: #fff;}
.card.uitgelicht a {color: #fff;}


a:hover {text-decoration: none;}
.blocks .card-body {min-height: 270px; padding-bottom: 50px;}
.child.quicklink .card-body {min-height: 240px;}

.form-sollicitatie {padding: 15px 15px; border-radius: 5px; color: #fff; background-color: #f22f9e;}
.form-sollicitatie h3 {color: #fff;}
.form-sollicitatie input[type="text"],
.form-sollicitatie textarea {border-radius: 1px solid #fff; background-color: transparent;}


.form-sollicitatie input::-webkit-input-placeholder,
.form-sollicitatie textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.form-sollicitatie input::-moz-placeholder,
.form-sollicitatie textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.form-sollicitatie input:-ms-input-placeholder,
.form-sollicitatie textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.form-sollicitatie input:-moz-placeholder,
.form-sollicitatie textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.form-sollicitatie input[type="text"],
.form-sollicitatie textarea {color: #fff;}


.blocks.contact .col {width: 20%;}
.vestigingen,
.medewerker {width: 20%!important; max-width: 20%;}
.medewerker h5 {font-size: 85%;}
.medewerker .card {margin-bottom: 20px!important;}
.medewerker p.card-text {min-height: 50px; display: block;}
.clearfix {clear:both; display: block; width: 100%; height: 1px;}

.navbar li {position: relative;}
.navbar li ul {display: none; border:none; background-color: #7843a1;  color: #fff; padding-left: 5px;} 
.navbar li:hover ul {display: block; position: absolute; left: 0; width: auto; z-index: 9999; padding-left: 5px;}
.navbar li ul li a {color: #fff; font-size: 13px;}
.navbar li ul li {display: block; text-align: left; margin-left: 0px; padding: 5px; min-width: 215px; padding-left: 0px;}
.navbar li ul li {position: relative;}


.navbar li > ul > li > ul {position: absolute; margin-left: 200px; display: none!important;}
.navbar li > ul > li:hover > ul {position: absolute; margin-left: 200px; display: block!important; margin-top: 0px; top: 0px;}

.content.colorroze {background-color: #f22f9e; color: #fff; margin: 0px; padding: 40px 0px;}
.content.colorroze p,
.content.colorroze li,
.content.colorroze a {color: #fff;}

.content.colorgrijs {background-color: #f4f4f4; margin: 0px; padding: 40px 0px;}
.content.colorwit {background-color: #fff; margin: 0px; padding: 40px 0px;}

.content.colorblauw {background-color: #00BCF2; color: #fff; margin: 0px; padding: 40px 0px;}
.content.colorblauw p,
.content.colorblauw li,
.content.colorblauw a {color: #fff;}

.content.colorpaars {background-color: #2d3283; color: #fff; margin: 0px; padding: 40px 0px;}
.content.colorpaars p,
.content.colorpaars li,
.content.colorpaars a {color: #fff;}

.ql-home-block .card {min-height: 560px;}

.img-fluid {max-width: 100%;}

.navbar-nav {display: inherit;}

.btn-whatsapp {position: fixed; right: 1rem; bottom: 1rem; z-index: 99999;}



@media (max-width: 576px) { 
	body {overflow-x: hidden;}
	.navbar {margin-bottom: 10px;}
	.navbar li {display: block!important;}
	.navbar li a {font-weight: bold;}
	.navbar li ul li a {font-weight: normal;}
	.navbar li ul {display: inherit!important; background-color: transparent; margin-left: 10px;}
	.navbar li ul li a {color: #f22f9e; background-color: transparent; text-transform: none!important; font-size: 0.8rem;}
	.navbar li ul li ul {display: inherit!important; position: inherit!important; margin: 0px; margin-left: 20px;}
	.navbar li:hover ul,
	.navbar li ul li:hover ul {position: inherit!important;}
	.navbar > li > ul > li a {font-size:0.8rem;}
	.navbar > li > ul > li > ul {margin-left: 30px;}
	
	.quicklinks .lead {display: none;}
	
	.blocks {padding: 20px 0px 20px;}
	.polaroid {margin: 30px 0px;}

	.subfooter .polaroid {margin-top: 30px;}
	.card {margin: 0px 10px;}
	.card-body {min-height: inherit!important; }
	.col {flex: 0 0 100%;
    max-width: 100%;}
    .vestigingen, .medewerker {    flex: 0 0 50%;
    max-width: 50%; padding: 0px;}
    .medewerker p.card-text {min-height: auto; font-size: 0.7rem;}
    .medewerker h5 {font-size: 65%;}
    .blocks .card-body .btn {position: inherit;}
	.child.quicklink .card-body {min-height: auto;}
	.blocks .card-body {min-height: inherit!important;}
	.ql-home-block .card {min-height: inherit;}
	.vestigingen {flex: 0 0 100%;
max-width: 100%;
padding: 0px; margin: 20px;}
}

@media (max-width: 768px) { }

@media (max-width: 992px) { }

@media (max-width: 1200px) {}