/*
	Theme Name: Custom Template
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl

*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {  font-family: 'icomoon';  src:  url('assets/fonts/icomoon.eot?aspii7');  src:  url('assets/fonts/icomoon.eot?aspii7#iefix') format('embedded-opentype'),    url('assets/fonts/icomoon.ttf?aspii7') format('truetype'),    url('assets/fonts/icomoon.woff?aspii7') format('woff'),    url('assets/fonts/icomoon.svg?aspii7#icomoon') format('svg');  font-weight: normal;  font-style: normal;  font-display: block;}

:root {
	--font-family-proxima:"proxima-nova";
	--font-family-kallisto:"kallisto";
	--color-dark:#2F3233;
	--color-grey-1:#656967;
	--color-grey-2: #A7A7A7;
	--color-grey-3:#CACBCC;
	--color-grey-4:#EBEEED;
	--color-red: #DB131E;
	--color-black: #000;
	--color-white: #fff;
	
	--padding-90:90px;
	--padding-45: 45px;
	--margin-90:90px;
	--margin-60:60px;
	--margin-45:45px;
	--margin-30:30px;

	--header-height:140px;
		
	--font-size-50:50px;
	--font-size-30:30px;
	--font-size-20:20px;
	--font-size-16:16px;
	--font-size-15:15px;	
}
@media screen and (max-width:1100px){

	:root{
			--header-height:105px;

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

	:root{
		
		--font-size-50:40px;
		--font-size-30:26px;
	}
}

@media screen and (max-width:767px){

	:root{
		
		--font-size-50:34px;
		--font-size-30:22px;
	}
}
@media screen and (max-width:600px){

	:root{
		
			--font-size-50:28px;

	}
}


[class^="icon-"], [class*=" icon-"] {  font-family: 'icomoon' !important;
  speak: never;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icon-arrow-down:before {
  content: "\e900";
}
.icon-arrow-left:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-arrow-up:before {
  content: "\e903";
}
.icon-check:before {
  content: "\e904";
}
.icon-chevron-left:before {
  content: "\e905";
}
.icon-chevron-right:before {
  content: "\e907";
}
.icon-clock:before {
  content: "\e908";
}
.icon-agrarisch:before {
  content: "\e909";
}
.icon-bloembollen:before {
  content: "\e90a";
}
.icon-download:before {
  content: "\e90b";
}
.icon-facebook:before {
  content: "\e90c";
}
.icon-globe:before {
  content: "\e90d";
}
.icon-instagram:before {
  content: "\e90e";
}
.icon-linkedin:before {
  content: "\e90f";
}
.icon-mail:before {
  content: "\e910";
}
.icon-marker:before {
  content: "\e911";
}
.icon-phone:before {
  content: "\e912";
}
.icon-recycling:before {
  content: "\e913";
}
.icon-search:before {
  content: "\e914";
}
.icon-youtube:before {
  content: "\e915";
}
.icon-door-dink:before {
  content: "\e906";
}



a, a img, button, button span, header, .dropdown-navigation{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item:before {
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}



.grecaptcha-badge {    visibility: hidden;}

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


\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}

a{text-decoration:none;}

.standaard-content a:not(.btn) {font-weight:bold;color:var(--color-red);text-decoration:underline;}



a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: var(--font-family-kallisto); margin: 0;color:var(--color-dark); font-weight:700;line-height:1.2;text-transform:none}
body {font-size:var(--font-size-16);line-height:1.5;font-family: var(--font-family-proxima);color:var(--color-dark);font-weight:400;}
 
.standaard-content h4,
.standaard-content h5,
.standaard-content h6 {font-size:var(--font-size-16);font-family: var(--font-family-proxima)}

.small-title h2 {font-size:var(--font-size-28)}
.standaard-content h2,
.standaard-content h3 {font-size:var(--font-size-20);}

.standaard-content h2 + ul, .standaard-content h3 + ul {margin-top:15px;}


p, blockquote { margin-top:0;margin-bottom:25px}
.intro-content { margin-top:0;margin-bottom:var(--margin-60)}
p:last-child, blockquote:last-child {margin:0}
blockquote, .quote-content {font-size:18px;color:var(--color-red);font-weight:700;font-family:var(--font-family-kallisto)}
.strong {font-weight:700}
.quote-content {text-align:right;}



.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {position:relative;padding-left:30px;margin-bottom:10px;}
.standaard-content ul li:last-child {margin-bottom:0;}
.standaard-content ul, .standaard-content ol {margin-bottom:30px;}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {font-family: 'icomoon' !important;content: "\e904";width:20px;height:20px;border-radius:50%;color:#fff;background:var(--color-red);display:flex;align-items:center;justify-content:center;top:3px;left:0;position:absolute;font-size:65%}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-green);
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content ul + .btn, .standaard-content ol + .btn {margin-top:5px;}

.standaard-content p + h2, .standaard-content p + h3, .standaard-content p + h4, .standaard-content p + h5, .standaard-content p + h6,
.standaard-content ul + h2, .standaard-content ul + h3, .standaard-content ul + h4, .standaard-content ul + h5, .standaard-content ul + h6, 
.standaard-content ol + h2, .standaard-content ol + h3, .standaard-content ol + h4, .standaard-content ol + h5, .standaard-content ol + h6{margin-top:25px}

.large-content, .intro-content {font-size:var(--font-size-20);font-family:var(--font-family-kallisto);font-weight:500}

.title-box {margin-bottom:var(--margin-30)}

.title-box h1 .subtitel, .title-box h2 .subtitel {color:var(--color-red);font-size:var(--font-size-15);display:block;margin-bottom:5px;font-weight:700;text-transform:uppercase;}
.title-box h2 {font-size:var(--font-size-30);text-transform:uppercase;font-weight:900;}
.title-box h1, .title-box .h1 {font-size:var(--font-size-50);text-transform:uppercase;font-weight:900;}


.btn {
    appearance: none;
    -moz-appearance: none;
    border-radius: 2px;
    font-size: 16px;
    font-family: var(--font-family-kallisto);
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: var(--color-red);
    padding: 16px 20px;
    line-height: 1;
    display: inline-flex;
}
.btn:hover, .btn:focus {background:var(--color-dark);color:#fff;}

.btn span {margin-left:10px;}

.read-more {display:inline-flex;flex-wrap:wrap;align-items:center;text-transform:uppercase;font-weight:700; font-family:var(--font-family-kallisto);color:var(--color-red)}
.read-more span {margin-left:10px;font-size:90%}
.read-more:hover, .read-more:focus {color:var(--color-dark)}

.back-btn {margin-bottom:10px;text-align:right;}
.back-btn a {color:var(--color-grey-2);display:inline-flex;margin-left:auto;flex-wrap:wrap;align-items:center;}
.back-btn a span {margin-right:10px;font-size:80%}
.back-btn a:hover, .back-btn a:focus {color:var(--color-dark)}

@media screen and (max-width:1201px){
	.media-box + .quote-content {margin-top:30px;}
}

@media screen and (max-width:992px){
	.intro-content {margin-bottom:var(--margin-45)}
	.large-content, .intro-content {font-size:18px}
	.title-box h2 {font-size:26px}
}

@media screen and (max-width:767px){
	.intro-content {margin-bottom:var(--margin-30)}
	.large-content, .intro-content {font-size:16px}
	.title-box h2 {font-size:22px;}
	.back-btn a span {    font-size: 16px;    margin: 0;}
	.back-btn a {    font-size: 0;}
	.back-btn {margin-bottom:15px;text-align:left;}
	
	
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
main {margin-top:var(--header-height);}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1250px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 30px;
}

.row {margin-left:-15px;margin-right:-15px;}
.row>* {padding-right:15px;padding-left:15px;}

.content-row {padding-top:var(--padding-90);padding-bottom:var(--padding-45);position:relative;}
.no-background + .no-background {padding-top:0;}
.single .content-row:first-child {padding-top:55px;}

.title-box {margin-bottom:var(--margin-30);position:relative}

.margin-fix,.marginfix {margin-bottom:var(--margin-45)}
.nomargin {margin-bottom:0!important}
.small-marginfix {margin-bottom:var(--margin-30);}
.large-marginfix {margin-bottom:var(--margin-60);}

.single-container {margin-top:15px;}
.single-container .row {padding-bottom:15px;}
.single-container .row:last-child {padding-bottom:0;}

.textcenter, .text-center {text-align:center;}
.standaard-content p + .btn {margin-top:5px;}
.standaard-content p.intro-content + .btn {margin-top:-15px;}

.media-box {position:relative;}
.media-box img {width:100%;}
.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.video-link {display:block;position:relative}
.video-link.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.video-link span {position:absolute;top:calc(50% - 45px);left:calc(50% - 45px);background:var(--color-red);border-radius:50%;width:90px;height:90px}

.video-link span:before {content:"";position:absolute;  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #fff;top:calc(50% - 8px);left:calc(50% - 3px)}

.video-link:hover span {background:#fff;}
.video-link:hover span:before{  border-left: 10px solid var(--color-red);}


.media-slider-holder {position:relative;}
.media-slider-nav {left:0;width:100%;position:absolute;z-index:10;bottom:30px;padding:0 50px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;}
.media-slider {margin:0!important}
.slider-arrow {border-radius:50%;width:45px;height:45px;border:2px solid #fff;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.slider-arrow:hover {background:#fff;color:var(--color-dark)}
.slider-next {margin-left:10px;}
.slider-prev {margin-left:30px;}
.media-slider-count {    display: flex;    align-items: center;    gap: 10px;font-weight:700;}
.seperator {    width: 30px;    height: 1px;    background: var(--color-grey-3);}
.total-count {color: var(--color-grey-3)}
.current-count {color:#FFFFFF}

.title-slider-nav {bottom:auto;padding:0;position:relative;}
.title-slider-nav .current-count {color:var(--color-dark)}
.title-slider-nav .slider-arrow{border-color:var(--color-grey-3);color:var(--color-grey-3);}
.title-slider-nav .slider-arrow:hover  {background:var(--color-grey-3);color:#fff;}

.shape-container {position:relative}
.shape-container > .row:first-child {position:relative;z-index:2;}
.shape-container > .row:first-child ~ .row {position:relative;z-index:10;}
.shape-container > .row:first-child:before, .shape-container > .row:first-child:after {content:"";position:absolute;background:var(--color-grey-4);z-index:-1;height:calc(100% - 60px);top:50%;}
.shape-container.no-added-content > .row:before, .shape-container.no-added-content > .row:after {height:calc(50% + 45px);}

.shape-container .row:before {width:65.83%;}
.shape-container .row:after {width:50vw;right:50%;}
.extended-shape-container .row{position:relative;z-index:2;}
.extended-shape-container .row::before {content:"";position:absolute;background:var(--color-grey-4);z-index:-1;height:100%!important;width:calc(50vw + ((1230px / 12) * 2 - 15px));right:calc(33.3333% + 15px)}

.extended-shape-container >.row:last-child:not(:first-child){padding-bottom:45px;margin-bottom:45px;}


.content-row +.contact-row {position:relative;z-index:100}

.no-added-content {padding-bottom:90px;}

.added-content-quote {
    text-transform: uppercase;
}

.slick-next, .slick-prev {top:0;left:0;right:0;}


@media screen and (max-width:992px){
	.content-row {padding-top:60px;padding-bottom:15px;}
	.title-box {margin-bottom:20px;}
	.single .content-row:first-child {padding-top:30px;}
	
	.no-added-content {padding-bottom:45px;}
	.shape-container .row:before, .shape-container .row:after {height:50%}
	.media-slider-nav:not(.title-slider-nav) {bottom:30px;padding: 0 30px}
	
	.video-link span {top:calc(50% - 30px);left:calc(50% - 30px);width:60px;height:60px}
	.single-container {margin-top:0;}
	
	.single-container .row {padding-bottom:0;}
	.extended-shape-container >.row:last-child:not(:first-child) {	padding-bottom: 15px;}

}
@media screen and (max-width:767px){
	.standaard-content p + .btn {margin-top:0px;}
	.resp-margin-30 {margin-bottom:30px!important}
	
	
	.row.resp-full-row {    margin-left: -30px;    margin-right: -30px;} 
	.row.resp-full-row > * {padding-left:0;padding-right:0;}
	.extended-shape-container .row::before {display:none}
	.extended-shape-container {    background: var(--color-grey-4);}
	
.extended-shape-container >.row:last-child:not(:first-child) {	padding-bottom: 30px;}
	.shape-container .row:before {display:none}
	.shape-container {background:var(--color-grey-4);padding-bottom:30px;}
	.single .content-row:first-child {padding-bottom:0;}
	.shape-container > .row:first-child:after {display:none}
}

@media screen and (max-width:650px){
	.video-link span {top:calc(50% - 23px);left:calc(50% - 23px);width:46px;height:46px}

	
}




/*------------------------------------*\
    SPECIFICATIES
\*------------------------------------*/
.spec-row > div {padding:0;}
.spec-row > div {width:170px;}
.spec-row > div:last-child {width:calc(100% - 170px);}

.spec-row {padding-bottom:6px!important;margin-bottom:8px;border-bottom:1px solid var(--color-grey-3);margin-left:0;margin-right:0;}
.spec-row:last-child {margin-bottom:0;padding-bottom:0!important;border:none}

@media screen and (min-width:549px) and (max-width:1100px){
.occasion-box .spec-row > div {    width: 110px;}
	.occasion-box .spec-row > div:last-child {
    width: calc(100% - 110px);
}
}

@media screen and (max-width:550px){
	.spec-row > div, .spec-row > div:last-child {width:100%;}
}

/*------------------------------------*\
    KERNWAARDEN
\*------------------------------------*/
.kernwaarden-row .kernwaarden-list {margin-bottom:15px;padding-left:15px;padding-right:15px;}
.kernwaarden-box  {padding:30px 50px 30px 30px;border-left:1px solid var(--color-grey-4);width:33.33333%;margin-bottom:30px;}
.kernwaarden-box h3 {color:var(--color-red);font-size:20px;text-transform:uppercase;margin-bottom:25px;}

@media screen and (max-width:992px){
	.kernwaarden-box  {padding:20px 30px 20px 20px;}
	.kernwaarden-box h3 {font-size:18px;margin-bottom:15px;}
}
@media screen and (max-width:875px){
	.kernwaarden-box {width:50%;}
	
}
@media screen and (max-width:767px){
	.kernwaarden-row {    padding-top: 45px !important;}
}

@media screen and (max-width:550px){
	.kernwaarden-box {width:100%;padding:0;padding-bottom:20px;margin-bottom:20px;border:none;border-bottom: 1px solid var(--color-grey-4);}
	.kernwaarden-box:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0;margin-bottom:30px;}
	
}
/*------------------------------------*\
    Vacatures
\*------------------------------------*/
.vacature-box {border-top:1px solid var(--color-grey-3);padding:30px 0;width:100%;}
.vacature-box:last-child {margin-bottom:0;border-bottom:1px solid var(--color-grey-3);}
.vacature-box h2 a { font-weight:900;   font-size: var(--font-size-30);    font-family: var(--font-family-kallisto);color:var(--color-dark)}
.vacature-stats, .vacature-stats li {padding:0;margin:0;list-style:none}
.vacature-box h2, .vacature-stats {margin-bottom:25px;}
.vacature-stats:last-child {margin-bottom:0;}
.vacature-stats li {display:inline-flex;align-items:center;margin-right:60px}
.vacature-stats li span {color:var(--color-red);margin-right:10px;}
.vacature-box .read-more {color:var(--color-grey-2);margin-right:45px}
.vacature-box .read-more:last-child {margin-right:0;}
.vacature-box .read-more:hover {color:var(--color-red)}

.stap-box > div {height:100%;padding:45px;background:var(--color-grey-4)}
.stap-count, .stap-box h3 {font-family: var(--font-family-kallisto);    color: var(--color-dark);font-size:var(--font-size-30);font-weight:900}
.stap-count {display:block;margin-bottom:15px;line-height:1;}
.stap-box h3 {color:var(--color-red);font-size:20px;margin-bottom:30px;text-transform:uppercase}
.stap-box a {    color: var(--color-dark);text-decoration:underline}
.stap-box a:hover, .stap-box a:focus {color:var(--color-red)}

.single-vacatures .vacature-stats li {display:flex;margin-bottom:20px;}
.single-vacatures .vacature-stats li:last-child {margin-bottom:0;}


@media screen and (max-width:992px){
	.stap-box > div {padding:30px;}
	.stap-count, .stap-box h3 {font-size:24px;}
	.stap-box h3 {font-size:18px;margin-bottom:20px;}
	.vacature-box h2, .vacature-stats {    margin-bottom: 20px;}
	.single-vacatures .vacature-stats li {margin-bottom:10px;}
}

@media screen and (max-width:767px){
	.stap-box {margin-bottom:30px;}
	.stap-box:last-child {margin-bottom:0;}
	
}
/*------------------------------------*\
    CONTACT
\*------------------------------------*/
.contact-row:not(:first-child) {padding-top:60px;}
.contact-row .container {position:relative}
.contact-row:not(:first-child) .container:before {top:-60px;left:30px;height:1px;content:"";position:absolute;width:calc(100% - 60px);background:var(--color-grey-3)} 





.contact-info-list {margin-bottom:15px;display:flex;flex-wrap:wrap;}
.contact-info-list div {width:auto;margin-right:60px;margin-bottom:30px;}
.contact-info-list a {display:block;position:relative;padding-left:65px;font-size:20px;color:var(--color-red);font-family:var(--font-family-kallisto);font-weight:700;}
.contact-info-list a:hover, .contact-info-list a:focus {color:var(--color-dark)} 
.contact-info-list a span {position:absolute;top:-7px;left:0;width:45px;height:45px;font-size:20px;color:#fff;background:var(--color-red);display:flex;align-items:center;justify-content:center;border-radius:50%} 
.contact-info-list a span.icon-mail {font-size:23px;}
.contact-info-list a:hover span, .contact-info-list a:focus span {background:var(--color-dark)}

.contactpersonen-row {padding-bottom:45px;background-color:var(--color-grey-4);background-image:url('assets/images/technische-tekening.png');background-size:cover;background-position:center center;}
.contact-persoon {width:33.33333%;position:relative;margin-bottom:30px;}
.contact-persoon > div {border-left:1px solid var(--color-grey-3);padding:30px 15px 30px 110px;position:relative}
.contact-persoon > div > div {position:absolute;border:4px solid var(--color-grey-3);border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;top:12px;left:30px;background-color:var(--color-grey-4);}
.contact-persoon h3 {    color: var(--color-red);    margin-bottom: 5px;    font-size: 20px;    font-family: var(--font-family-proxima);}
.contact-persoon .functie {margin-bottom:10px;}
.contact-persoon ul, .contact-persoon li {padding:0;margin:0;list-style:none;display:block}
.contact-persoon a {font-weight:700;color:var(--color-dark)}
.contact-persoon a:hover, .contact-persoon a:focus {color:var(--color-red)}

.map-adres ul, .map-adres li {padding:0;margin:0;list-style:none}
.map-adres ul {display:flex;align-items:center;flex-wrap:wrap;position:relative;padding-left:65px}
.map-adres{display:block;position:relative;font-size:20px;color:var(--color-red);font-family:var(--font-family-kallisto);font-weight:700;}
.map-adres li {margin-right:45px;}
.map-adres ul > span{position:absolute;top:-7px;left:0;width:45px;height:45px;font-size:20px;color:#fff;background:var(--color-red);display:flex;align-items:center;justify-content:center;border-radius:50%} 


@media screen and (max-width:1200px){
	.contact-persoon > div > div {top: 10px;    left: 15px;}
	.contact-persoon > div {  padding: 25px 0px 25px 90px; }
}
@media screen and (max-width:1050px){
	.contact-persoon {width:50%;max-width:450px}
}
@media screen and (max-width:992px){
	.contactpersonen-row {padding-bottom:15px;}
	.map-adres {margin-bottom:30px;}
	.contact-row, .contact-row:not(:first-child) {padding-top:60px;}
	.contact-row:not(:first-child) .container:before {top:-60px}
	.title-box + .contact-info-list {margin-top:20px;}
}

@media screen and (max-width:767px){
	.contact-persoon {width:100%;max-width:100%}
	.contact-info-list a, .map-adres ul {padding-left:60px;font-size:16px}
	.contact-persoon > div > div {width:45px;height:45px;}
	    .contact-persoon > div {
        padding: 0;
        padding-bottom: 20px;
        padding-left: 60px;
        border: none;
        border-bottom: 1px solid var(--color-grey-3);
    }
	.contact-persoon > div > div {left:0;top:0}
	.contact-persoon:last-child > div {border:none}
	.contact-info-list a span, .map-adres ul > span {top:-10px;}
	.contact-persoon h3, .map-adres {font-size:16px;}
	.map-adres li {margin-right:30px}
	.contact-info-list {margin-bottom:10px;}

}
@media screen and (max-width:550px){
	.contact-info-list div {margin-right:0;width:100%}
}





/*------------------------------------*\
    Overzichten
\*------------------------------------*/
.nieuws-archive {margin-top:15px;}
.overzicht-box:last-child {margin-bottom:45px}

.overzicht-box {display:flex;flex-wrap:wrap;align-items:center;padding-top:45px;padding-bottom:45px;position:relative;}
.overzicht-box:before{content:"";position:absolute;bottom:0;width:calc(100% - 30px);left:15px;;height:1px;background:var(--color-grey-3)}
.overzicht-box:first-child:after{content:"";position:absolute;top:0;width:calc(100% - 30px);left:15px;;height:1px;background:var(--color-grey-3)}
 

.overzicht-image {width:33.3333%}
.overzicht-image img, .overzicht-image a {display:block;}
.overzicht-image img {object-fit:cover;max-height:100%;}

.overzicht-image + .overzicht-content {width:66.6667%;padding-left:60px;max-width:650px}

.overzicht-content h2, .overzicht-content h2 a {text-transform:uppercase;font-family:var(--font-family-kallisto);color:var(--color-dark);font-size:30px;font-weight:900}
.overzicht-content h2 {margin-bottom:25px;}

.partner-image {padding:55px;border:1px solid var(--color-grey-3)}
.partner-content {display:flex;flex-wrap:wrap;}
.partner-content h2 {width:100%;}
.partner-content div {width:220px;padding-right:10px;padding-left:30px;position:relative;}
.partner-content div a {color:var(--color-dark)}
.partner-content div a:hover {color:var(--color-red)}
.partner-content div span {position:absolute;left:0;top:4px;color:var(--color-red);font-size:18px;}

.partners-titel h3 {margin-bottom:15px;text-transform:uppercase;font-weight:900;font-size:20px;}


.occasion-box {display:flex;flex-wrap:wrap;margin-bottom:var(--margin-60)}
.occasion-box:last-child {margin-bottom:var(--margin-45)}
.occasion-content {background-color:var(--color-grey-4);padding:60px 60px 40px;}
.occasion-content, .occasion-image {width:50%;}
.occasion-box:nth-child(even) .occasion-image  {order:2}
.occasion-image a, .occasion-image img {    min-height: 100%;    object-fit: cover;}
.occasion-box-specs {margin-bottom:30px;}

.occasion-box h2 {position:relative;}
.occasion-box h2:before {height:100%;width:10px;content:"";position:absolute;background:var(--color-red);left:-60px;top:0;}

@media screen and (max-width:992px){
	.nieuws-archive {margin-top:0;}
	.overzicht-box {padding-top:30px;padding-bottom:30px;}
	.overzicht-content h2 {    margin-bottom: 10px;}
	.overzicht-content h2, .overzicht-content h2 a {font-size:27px;}
	.overzicht-content p {margin-bottom:20px;}
	.partner-content p:last-child, .overzicht-content p:last-child {margin-bottom:0;}
	.overzicht-image + .overzicht-content {padding-left:45px;}
	.partner-image {padding:30px;}
	.occasion-content {padding:45px 45px 30px;}
	.occasion-box h2:before {left:-45px}
}

@media screen and (max-width:767px){
	.overzicht-box {padding-top:20px;padding-bottom:20px;}
	.overzicht-content h2, .overzicht-content h2 a {font-size:22px;}
	.partner-image {padding:20px;}
	.occasion-content {padding:30px 30px 30px;}
	.occasion-box h2:before {left:-30px;width:7px}
}

@media screen and (max-width:650px){
	.overzicht-image {width:100%;margin-bottom:20px;}
	.overzicht-content, .occasion-image {width:100%}
	.overzicht-image img, .occasion-image a, .occasion-image img {height:200px;width:100%;}
	.overzicht-content:not(.occasion-content) {padding-left:0;}
	.partner-content div,	.partner-content p {margin-bottom:10px;}
}

/*------------------------------------*\
    PRODUCTEN
\*------------------------------------*/


.producten-archive-basis {position:relative;}
.producten-archive-basis:before, .producten-archive-basis:after {content:"";position:absolute;z-index:-1;background:var(--color-grey-4);height:100%;top:0;}
.producten-archive-basis:before {left:0;width:50vw}
.producten-archive-basis:after {left:50%;width:calc((1230px / 12) * 2 - 15px)}

.producten-archive-basis .title-box {margin-bottom:15px;}
.producten-archive-basis .title-box h2 {color:var(--color-red)}

.producten-list-items > div {display:none}
.producten-list-items > div.active {display:block}

.producten-selector-list-holder {color:var(--color-grey-2)}
.producten-selector-list > div, .producten-selector-list-holder > div:first-child {padding:5px 0;border-bottom:1px solid var(--color-grey-3)}
.producten-selector-list button  {width:100%;display:flex;align-items:center;appearance:none;border:none;background:none;padding:0;margin:0;font-family:var(--font-family-kallisto);font-size:18px;text-transform:uppercase;font-weight:700;color:var(--color-dark)}
.producten-selector-list button span {margin-left:auto;opacity:0;font-size:16px;}


.producten-selector-list .active button{color:var(--color-red)}
.producten-selector-list .active button span {opacity:1;}

.active .selected {font-family:var(--font-family-kallisto);font-size:14px;text-transform:uppercase;font-weight:700;color:var(--color-dark)}
.selector-button-base.active {color:var(--color-dark)}
.selector-button-base {
    color: var(--color-grey-2);
    height: 45px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-radius: 23px;
    cursor: pointer;margin-bottom:20px;
}
.selector-button-base span.icon-chevron-right {    margin-left: auto;    transform: rotate(90deg);    font-size: 12px;}
.producten-selector-list-holder {position:relative}


.archive-product-boxes {    display: flex;    flex-wrap: wrap;margin-bottom:15px;}
.archive-product-box {    width: 50%;    padding: 0 15px;margin-bottom:30px;}
.home .archive-product-box {width:33.3333%}
.archive-product-box a {color:var(--color-dark);background:var(--color-grey-4);padding:30px;display:flex;flex-wrap:wrap;height:100%;position:relative;}
.archive-product-box a:hover {box-shadow: 0 7px 15px rgb(0 0 0 / 35%)}
.product-count {font-family:var(--font-family-kallisto);font-weight:700;color:var(--color-red);font-size:20px;position:absolute;top:30px;right:30px;z-index:2;}
.product-box-image {position:relative;width:100%;}
.product-box-image img {width:100%;height:auto;}
.hover-img {position:absolute;top:0;left:0;z-index:1;opacity:0;}
.archive-product-box a:hover .hover-img {opacity:1;}
.archive-product-box a:hover .regular-img {opacity:0;}
.archive-product-box h2 {width:100%;font-size:var(--font-size-30);color:var(--color-dark);text-transform:uppercase;font-weight:900;position:relative;margin:25px 0 10px;padding:0 10px;}
.archive-product-box h2:before {width:10px;height:100%;left:-30px;top:0;background:var(--color-red);content:"";position:absolute}
.archive-product-box span.icon-arrow-right {    font-size: 30px;    color: var(--color-red);    margin-left: auto;    margin-top: 10px;}
.archive-product-box  p {margin:0;padding:0 10px;width:100%}

.producten-images {margin-bottom:30px;}

.producten-archive-basis {    overflow: hidden;}
.producten-archive-basis .slick-list {overflow: visible;}

.producten-archive .col-xl-4 {position:relative;z-index:100;}
.producten-archive .col-xl-8 {position:relative;padding:0;}
.producten-archive .col-xl-8:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--color-grey-4);
    height: 100%;
    top: 0;
    width: 50vw;
    right: calc(100% - 15px);
    z-index: 10;
}
.producten-archive .media-box, .producten-desc {    padding:0 15px;}


@media screen and (max-width:992px){
	.archive-product-box h2 {font-size:22px;min-height:40px;display:flex;flex-wrap:wrap;align-items:center;padding:0;}
	.archive-product-box p {padding:0;}
	
}

@media screen and (max-width:800px){
	.home .archive-product-box {width:100%}
	.home .archive-product-boxes {    width: 83.33333333%;    margin-left: 16.66666667%;}
}


@media screen and (min-width:766px){
	.producten-selector-list {display:block!important}
}
@media screen and (max-width:767px){
	.home .archive-product-boxes {    width: 100%;    margin-left: 0%;margin-top: -15px;}   
	.producten-archive .col-xl-8:before {display:none}
	.producten-archive .media-box {padding:0;}
	.producten-images {    margin-bottom: 30px;    width: calc(100% + 60px);    margin-left: -30px;}
	.producten-selector-holder {z-index:10;}
	.producten-selector-list {display:none;position:absolute;z-index:-1;border-radius:23px;background:#fff;padding:45px 15px 30px;        top: 0;        left: 0;        width: 100%;}
	.producten-selector-list button {font-size:14px;}
	.producten-selector-list > div {    padding: 3px 0;}	
	.producten-selector-list button span {display:none}
	
	.producten-archive-basis::before, .producten-archive-basis::after {display:none}
	.producten-archive-basis{background: var(--color-grey-4);}
	
}
@media screen and (max-width:650px){
	.archive-product-box {width:100%;}
}


/*------------------------------------*\
    Pagination
\*------------------------------------*/
.pagination {display:flex;flex-wrap:wrap;margin-top:45px;}
.pagination > div {margin-left:auto;width:auto;display:inline-flex;flex-wrap:wrap;align-items:center;}
.pagination a {display:inline-block;line-height:1;}
.pagination-icon {border-radius:50%;width:45px;height:45px;border:1px solid var(--color-grey-3);font-size:10px;display:inline-flex;align-items:center;justify-content:center;margin-left:15px;color:var(--color-grey-3)} 
.pagination a:hover .pagination-icon, .pagination a:focus .pagination-icon {color:var(--color-dark);border-color:var(--color-dark)} 
.pagination-count {font-weight:700;color:var(--color-dark);display:inline-flex;align-items:center;margin-right:15px;}
.pagination-count span {color:var(--color-grey-3)}
.pagination-count span.middle {    display: block;	    width: 30px;    height: 1px;    background: var(--color-grey-3);margin:0 10px}

@media screen and (max-width:992px){
	.pagination {margin-top:30px;margin-bottom:15px;}
}

/*------------------------------------*\
    Features
\*------------------------------------*/
.features-row {overflow:hidden}
.features-row .slick-list {overflow:visible}
.title-box-slider {width:auto}
.title-slider-nav {padding:0 15px;width:auto;margin-left:auto;     margin-bottom: var(--margin-30);}
.featured-item {padding:0 15px;width:calc(1220px / 3)}
.featured-item h3 {    font-size: 18px;    color: var(--color-red);    text-transform: uppercase;}
.featured-item img {width:100%;height:auto;margin-bottom:30px;}
.slick-slider.marginfix {margin-bottom:var(--margin-45)}

@media screen and (max-width:767px){
	.featured-item h3 {font-size:16px;}
	.featured-item img {margin-bottom:20px;}
	.featured-item {width:260px;}
	.feature-slider.marginfix {margin-bottom:30px;}

.features-row  .slider-next {    margin-left: 5px;}
	.features-row .slider-prev {    margin-left: 0;margin-right:5px;}
	.features-row .media-slider-count {width:100%;order:2;        justify-content: center;margin-top:20px;}
	.features-row .title-slider-nav {margin-right:auto;    justify-content: center;}
}


/*------------------------------------*\
    Capaciteiten
\*------------------------------------*/
.capaciteiten-row .added-content-quote {margin-top:var(--margin-45)} 

.capaciteit-box > div {padding:30px;background:var(--color-grey-4);display:flex;flex-wrap:wrap;}
.capaciteit-box {margin-bottom:30px;}
.capaciteit-box:last-child {margin-bottom:45px}

.capaciteit-box-content {padding-top:15px;padding-left:30px;width:calc(100% - 250px);min-height:100%;display:flex;flex-wrap:wrap;}
.capaciteit-box-content div{width:100%;margin-bottom:15px}
.capaciteit-box-content a {margin-top:auto;margin-left: auto;}
.capaciteit-box-content a span {font-size:20px;}
.capaciteit-box .media-box {width:250px;}
.capaciteit-box .title-box {margin-bottom:15px;}



@media screen and (max-width:1201px){
	.capaciteiten-row .added-content-quote {margin-top:0;}
}

@media screen and (max-width:992px){
	.capaciteit-box .media-box {    width: 200px;}
	.capaciteit-box-content {		width: calc(100% - 200px);}
	.capaciteit-box-content > div {    margin: 0;}
	.capaciteit-box-content a {margin-left:0;}
}

@media screen and (max-width:650px){
	.capaciteit-box .media-box {width:100%}
	.capaciteit-box .media-box img {height:150px;object-fit:contain}
	    .capaciteit-box-content {        width: 100%;        padding: 0;        margin-top: 20px;    }
}

/*------------------------------------*\
    HOME
\*------------------------------------*/
.pagina-banner {background-size:cover;background-position:center center;position:relative;}
.pagina-banner .container {position:relative;z-index:10;}
.pagina-banner:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background: #000;background: linear-gradient(135deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);opacity:.75}


.pagina-banner h1, .pagina-banner h1 .subtitel {color:#fff;}
.pagina-banner .title-box {margin:0;}
.pagina-banner a.video-link {    width: 90px;    height: 90px;    margin-left: auto;text-align:right;margin-right:15px;padding:0;}
.pagina-banner a.video-link span {display:inline-block;position:relative;top:auto;left:auto;}
.pagina-banner .container {    align-items: center;    height: 75vh;    min-height: 860px;    padding: var(--header-height) 20px;    display: flex;flex-wrap:wrap}
.pagina-banner .row {align-items:center;}

.home-recent-row .title-box {margin-bottom:0;}
.home-recent-row .align-items-center {margin-bottom:var(--margin-45);}
.home-recent-row .align-items-center .title-btn {text-align:right}
.home-recent-row .title-btn a:not(:hover) {color:var(--color-grey-2)}
.home-recent-row .overzicht-box {padding-bottom:0;}
.home-recent-row .overzicht-box:before {display:none}

 
.home-image-row {position:relative;}
.home-image {position:absolute;z-index:1;width:calc(50vw + ((1230px / 12) * 2 - 20px));right:0;top:0;height:100%;padding:0;}
.home-image img {width:100%;height:100%;object-fit:cover;}

.home-image-content {position:relative;z-index:10;margin:95px 0;padding:90px 45px 90px 15px;}
.home-image-content:before {background-color:var(--color-grey-4);background-image:url('assets/images/technische-tekening.png');background-size:cover;background-position:center center;content:"";position:absolute;right:0;top:0;height:100%;
width:100%;width:calc(100% + (50vw - 610px));z-index:-1;
}


.home-vacatures-link {
    max-width: 100% !important;
    text-align: right;
    padding-right: 30px;
    margin-bottom: -30px;
    margin-top: auto;width:100%;
}
.home-vacatures-link a:not(:hover) {color:var(--color-grey-2)}
.home-vacatures-row.home-image-row .col-md-8 {display:flex;flex-wrap:wrap;}

@media screen and (min-width:991px){
	.home-vacatures-row.home-image-row .col-md-8 {min-height:530px}
}

.home-image-row .col-md-8 > div:first-child {margin-bottom:30px;}

.home-image-row .col-md-8 > div {max-width:580px}

.usps-row .row {margin-bottom:15px;padding-left:15px;padding-right:15px;}
.usp-box  {padding:0 30px;border-left:1px solid var(--color-grey-3);width:33.33333%;margin-bottom:30px;}
.usp-box h3 {font-size:20px;text-transform:uppercase;margin-bottom:25px;}
.usp-box img {width:auto;height:90px;margin-bottom:25px}
.usp-box > div {width:100%;max-width:306px}
.usp-box:first-child {padding-left:0;border-left:none}


.levering-producten-row {background:var(--color-grey-4);}
.home-map-image {position:relative;z-index:1;margin-top:-30px;margin-bottom:-30px}
.home-map-image img {    width: 100%;}
.levering-producten-row .col-sm-12:not(.home-map-image) {position:relative;z-index:10;}
.home-map-legend {position:absolute;z-index:3;bottom:60px;left:15px;}
.home-map-legend ul, .home-map-legend li {padding:0;margin:0;list-style:none;}
.home-map-legend li {margin-bottom:10px;padding-left:40px;position:relative}
.home-map-legend li:last-child {margin-bottom:0;}
.home-map-legend li:before {content:"";position:absolute;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.home-map-legend li:nth-child(1):before {width:25px;height:30px;background-image:url('assets/images/marker-vandijke.svg');left:3px;top:-2px}
.home-map-legend li:nth-child(2):before {width:15px;height:18px;background-image:url('assets/images/marker-partners.svg');left:8px;top:4px}
.home-map-legend li:nth-child(3):before {width:15px;height:15px;background-image:url('assets/images/marker-landen.svg');left:8px;top:6px}

.map-legend-toggle {display:none;font-weight:700;position:relative;}
.map-legend-toggle span {position:absolute;font-size:12px;right:0;transform:rotate(-90deg);top:5px;}
.map-legend-toggle.active span {transform:rotate(90deg)}
@media screen and (max-width:1250px){
	.pagina-banner .container {min-height:700px;}
	.home-image {    width: calc(67.666667% - 30px);}
	.home-image-content:before {    width: calc(100% + 15px);}
}

@media screen and (max-width:992px){
	.usp-box h3 {font-size:18px;margin-bottom:15px;}
	.usp-box {    padding: 0 20px;}
	.home-image-content {    margin: 45px 0;    padding: 45px 45px 45px 15px;}
	.home-recent-row .align-items-center {margin-bottom:30px;}
	
	.home-recent-row .overzicht-box{padding-bottom:30px;margin-bottom:30px;}
	.home-recent-row .overzicht-box:first-child:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px); 
    left: 15px;
    height: 1px;
    background: var(--color-grey-3);display:block
}
	
	
}

@media screen and (min-width:768px){
	.map-legend-toggle + ul {display:block!important}

	
}
@media screen and (max-width:767px){
	.pagina-banner a.video-link {    margin-left: auto;    text-align: center;    margin-top: 20px;margin-right:auto;}
	.pagina-banner .row {padding-top:var(--header-height)}
	.pagina-banner .container {min-height:600px;}
	
	.home-image-content {        margin: 0;        padding: 30px 15px;    }
	.home-image-content:before {        width: calc(100% + 30px);        right: -15px;    }
	.home-image-row .col-md-8 > div {    max-width: 100%;}
	.home-image {        width: 100%;        position: relative;        height: auto;        width: calc(100% + 30px);        margin-left: -15px;        max-width: none;        height: 220px;    }
	.home-recent-row .overzicht-box {        padding-bottom: 20px;        margin-bottom: 20px;    }
	    .home-recent-row .align-items-center {        margin-bottom: 20px;    }
	.home-map-image {margin-bottom:0;}
	.home-map-legend {
    position: relative;
    z-index: 3;
    bottom: 0;
    left: 0;margin-bottom:20px;padding:20px 0;border-top:1px solid var(--color-grey-3);border-bottom:1px solid var(--color-grey-3)
}
	.map-legend-toggle {display:block}
	.map-legend-toggle + ul {margin-top:10px;}
	
	
}

@media screen and (max-width:650px){
	.usp-box {width:100%;padding:0 0 30px;border:none;border-bottom:1px solid var(--color-grey-4)}
	.usp-box:last-child {border-bottom:none;padding:0;}
	.usp-box > div {max-width:100%}
	.pagina-banner .container {min-height:460px;}
	
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {background:var(--color-grey-4);}

footer ul, footer li {padding:0;margin:0;list-style:none}
footer a:hover, footer a:focus {color:var(--color-red)}

.footer-top {padding-top:90px;position:relative}
.footer-top:after, .footer-top:before {content:"";position:absolute;bottom:0;width:calc(100% - 30px);left:15px;;height:1px;background:var(--color-grey-3)}
.footer-top:before {bottom:auto;top:0;}

.footer-widget {margin-bottom:30px;}
.footer-menu {width:25%}
.footer-menu li {margin-bottom:25px;display:block;line-height:1;}
.footer-menu li:last-child {margin-bottom:0;}
.footer-menu a {position:relative;font-size:15px;font-family:var(--font-family-kallisto);font-weight:700;color:var(--color-dark);text-transform:uppercase;line-height:1;}
.footer-contact {width:50%}
.footer-contact ul:not(.socials) li {display:block;margin-bottom:10px;line-height:1;font-weight:700}
.footer-contact ul:not(.socials) a {font-family:var(--font-family-kallisto);font-weight:700;}
.footer-contact ul:not(.socials) .footer-phone a {font-size:20px;color:var(--color-dark)}
.footer-contact ul:not(.socials) .footer-phone a:hover, .footer-contact ul:not(.socials) .footer-phone a:focus {color:var(--color-red)}
.footer-contact ul:not(.socials) .footer-mail a {font-size:30px;color:var(--color-red);font-weight:900;text-transform:uppercase}
.footer-contact ul:not(.socials) .footer-mail a:hover, .footer-contact ul:not(.socials) .footer-phone a:focus {color:var(--color-dark)}

.footer-contact ul:not(.socials) .footer-phone, .footer-contact ul:not(.socials) .footer-mail {margin-bottom:20px;}
.footer-contact .socials {margin-top:15px;}

.footer-bottom{padding-top:30px;}
.footer-bottom ul, .footer-bottom li {padding:0;margin:0;list-style:none;display:inline-block}
.footer-bottom li {margin-right:25px;}
.footer-bottom, .footer-bottom a {color:var(--color-grey-2)}
.footer-bottom a:hover, .footer-bottom a:focus {color:var(--color-red)}
.footer-bottom .col-md-3 {text-align:right}
.footer-bottom .col-sm-12 {margin-bottom:25px}


.socials {display:block;}
.socials li {display:inline-block;margin-right:10px;}
.socials a {width:30px;height:30px;border-radius:50%;background:var(--color-red);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;}
.socials a:hover, .socials a:focus {color:#fff!important;background:var(--color-dark)}

@media screen and (max-width:992px){
	.footer-top{padding-top:60px}
	.footer-contact ul:not(.socials) .footer-mail a {		font-size: 20px;}
}


@media screen and (max-width:767px){
	.footer-menu {display:none}
	.footer-contact {width:100%;}
	.footer-bottom .col-md-3 {text-align:center;padding-top:30px;position:relative;}
	.footer-bottom .col-md-3:before {content:"";position:absolute;top:0;width:calc(100% - 30px);left:15px;;height:1px;background:var(--color-grey-3)}
	.footer-bottom li {margin:0 10px;}
	.footer-bottom .col-sm-12 {text-align:center}
}

@media screen and (max-width:650px){
	.footer-bottom li {margin:0 0 5px;display:block}
	.footer-bottom li:last-child {margin:0;}
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header {top:0;position:fixed;left:0;width:100%;background-color:#fff;z-index:8000}
.header.active-menu {background:#fff;}
.header > .container >.row {align-items:center;gap:30px;position:relative;padding-top:20px;width: calc(100% + 30px)!important;}
.header > .container {    height: var(--header-height);    position: relative;    display: flex;    flex-wrap: wrap;align-items:flex-start}
.header > .container > div {width:100%}
.header .header-line {margin-top:auto;position:relative;}
.header .header-line:after {content:"";position:absolute;bottom:0;width:100%;left:0;;height:1px;background:var(--color-grey-3)}

.header-logo {width:300px;}
.header-logo a {position:relative;display:block}
.header-logo img {width:100%;height:auto;}

.mobbtn-holder {width:45px;padding-right:0;padding-left:0;}
.mobbtn {border:none;border-radius:50%;width:45px;height:45px;position:relative;display:block;background:var(--color-red);cursor:pointer;}
.mobbtn.active-menu {background:var(--color-dark);}
.mobbtn span {width:25px;height:2px;background:#fff;position:absolute;left:10px;}
.mobbtn span:nth-child(1){top:17px;}
.mobbtn span:nth-child(2){top:22px;}
.mobbtn span:nth-child(3){top:27px;}
.mobbtn.active-menu span:nth-child(2){width:0;left:50%;}
.mobbtn.active-menu span:nth-child(1){transform:rotate(45deg);top:22px;width:17px;    left: 14px;}
.mobbtn.active-menu span:nth-child(3){transform:rotate(-45deg);top:22px;width:17px;    left: 14px;}

.search-icon-holder {padding:0;width:auto;}
.search-icon-holder a {appearance:none;-moz-appearance:none;border:none;padding:0;background:0;color:var(--color-red);line-height:1;font-size:18px;}

.header-language {    padding-left: 0;    width: auto;    margin-top: 18px;}
.wpml-ls-legacy-dropdown-click {    width: 40px;    max-width: 100%;}
.wpml-ls-legacy-dropdown-click a {    display: block;    text-decoration: none;    color: var(--color-dark);    border: none;    background-color: transparent;    padding: 0;    line-height: 1;
    font-family: var(--font-family-kallisto);    font-weight: 700;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {   color: var(--color-dark);    background: none;}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {padding-right:20px;}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    font-family: 'icomoon' !important;
    content: "\e907";
    border: none;
    color: var(--color-red);
    transform: rotate(90deg);
    font-size: 10px;
    right: 0; 
    top: 5px;
}

.main-navigation {margin-left:auto;width:auto;padding:0;}
.main-navigation ul, .main-navigation li {padding:0;margin:0;list-style:none}
.main-navigation ul {display:flex;align-items:center;gap:30px}
.main-navigation li {display:inline-block;}
.main-navigation a {position:relative;font-size:15px;font-family:var(--font-family-kallisto);font-weight:700;color:var(--color-dark);text-transform:uppercase;display:flex;flex-wrap:wrap;align-items:center}
.main-navigation a:before {font-weight:normal;display:inline-block;margin-right:10px;line-height: 1;}
.main-navigation .agrarisch a:before {content: "\e909";font-family: 'icomoon' !important;;font-size:28px;}
.main-navigation .bloembollen a:before {content: "\e90a";font-family: 'icomoon' !important;;font-size:23px;}
.main-navigation .recycling a:before {content: "\e913";font-family: 'icomoon' !important;font-size:22px;}


.main-navigation, .search-icon-holder,.mobbtn-holder {margin-top:20px;}



.home .header:not(.fixed-header):not(.active-menu) {background-color:transparent}
.home main {margin-top:0;}

.home .header:not(.fixed-header):not(.active-menu) .regular-logo {opacity:0;}
.hover-logo {opacity:0;position:absolute;width:100%;height:auto;left:0;top:0;}
.home .header:not(.fixed-header):not(.active-menu) .hover-logo {opacity:1;}
.home .header:not(.fixed-header):not(.active-menu) .main-navigation a , .home .header:not(.fixed-header):not(.active-menu) .search-icon-holder button, .home .header:not(.fixed-header):not(.active-menu)  .wpml-ls-legacy-dropdown-click a, .home .header:not(.fixed-header):not(.active-menu) .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{color:#fff;}

.main-navigation li:hover > a, .main-navigation li.current-menu-item > a {color:var(--color-red)!important}


nav.dropdown-navigation {
    height: 100vh;
    background: #fff;
    position: absolute;
    left: 0;
    top: -100vh;
    width: 100%;
    z-index: -1;
    padding-top: 250px;
    overflow: auto;
}
.active-menu nav.dropdown-navigation {top:0;}

.navigation-container ul, .navigation-container li {padding:0;margin:0;list-style:none}
.navigation-container li {margin-bottom:7px;display:block}
.navigation-container a {display:inline-block}
.navigation-container li.large-item {margin-bottom:20px}
.navigation-container li.large-item:last-child {margin-bottom:0}
.navigation-container li:last-child {margin-bottom:10px;}

.navigation-container a{font-family:var(--font-family-kallisto);color:var(--color-dark);font-size:14px;text-transform:uppercase;font-weight:700}
.navigation-container li.large-item, .navigation-container li.large-item a {font-family:var(--font-family-kallisto);color:var(--color-red);font-size:20px;text-transform:uppercase;font-weight:700}
.navigation-container li.large-item a:hover {color:var(--color-dark)}
.navigation-container a:hover {color:var(--color-red)}
.navigation-container .vacature-menu-item a {position:relative;}
.navigation-container .vacature-menu-item a{padding-right:30px}
.navigation-container .vacature-menu-item a span {position:absolute;width:20px;height:20px;border-radius:50%;background:var(--color-red);color:#fff;font-family:var(--font-family-kallisto);font-size:10px;display:flex;align-items:center;justify-content:center;right:0;top:-8px}

.navigation-container:not(:last-child) {border-bottom:1px solid var(--color-grey-3);padding-bottom:15px;margin-bottom:15px;}

.navigation-column {position:relative;}
.navigation-column{    padding-left: 40px;    padding-right: 40px;}
.navigation-column:not(:first-child):before {content:"";position:absolute;left:0;top:0;height:100%;width:1px;background:var(--color-grey-3)}
.dropdown-navigation .row {margin-left:-40px;margin-right:-40px}


@media screen and (max-width:1100px){
	.header-logo {    width: 210px;}
	.main-navigation, .search-icon-holder, .mobbtn-holder {    margin-top: 9px;}
	.header-language {margin-top:5px;}
}

@media screen and (max-width:980px){
	.header > .container >.row, .main-navigation ul {gap:20px}
	
}

@media screen and (max-width:900px){
	.main-navigation, .search-icon-holder, .language-switcher{display:none}
	.mobbtn-holder {margin-left:auto;margin-right:15px}
}

/*------------------------------------*\
    FORMS
\*------------------------------------*/
form {display:flex;flex-wrap:wrap;}
form > * {width:100%;}
@media screen and (min-width:767px){
	form > .form-half {width:50%;}
	.half-left {padding-right:15px;}
	.half-right {padding-left:15px;}
}
form p {margin:0;}
form p.verplicht {text-align:right;font-size:13px;color:var(--color-grey-1)}
input[type="text"], input[type="email"],textarea,  input[type="search"] {
    width: 100%;
    height: 45px;
    background: #fff;
    border: 1px solid var(--color-grey-3);
    border-radius: 0;
    margin-bottom: 15px;
    padding-left: 20px;
}
textarea {height:90px;padding-top:15px;}


.search input[type="search"] {border:none;width:calc(100% - 45px);margin:0}
.search .search {border: 1px solid var(--color-grey-3);display:flex;flex-wrap:wrap}
.search  .search button {-webkit-appearance:none;appearance:none;background:none;color:var(--color-red);font-size:18px;width:45px;height:45px;border:none;padding:0;margin:0;}
.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:var(--color-red)!important}
.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 15px 20px;
    border: 2px solid var(--color-grey-1);
    background: var(--color-grey-1);
    color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--color-dark);background:var(--color-dark);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--color-red);background:var(--color-red);
}

@media screen and (max-width:600px){
	form p.verplicht {margin-bottom:15px;}
}



/*------------------------------------*\
    MISC
\*------------------------------------*/



::selection {
	background:var(--color-red);;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-red);;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-red);;
	color:#FFF;
	text-shadow:none;
}






/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}