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

*/

@font-face {
  font-family: 'PantonBold';
  src: url('assets/fonts/PantonBold/font.woff2') format('woff2'),
       url('assets/fonts/PantonBold/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PantonExtraBold';
  src: url('assets/fonts/PantonExtraBold/font.woff2') format('woff2'),
       url('assets/fonts/PantonExtraBold/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PantonRegular';
  src: url('assets/fonts/PantonRegular/font.woff2') format('woff2'),
       url('assets/fonts/PantonRegular/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WeissenhofGroteskBold';
  src: url('assets/fonts/WeissenhofGroteskBold/font.woff2') format('woff2'),
       url('assets/fonts/WeissenhofGroteskBold/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WeissenhofGroteskLight';
  src: url('assets/fonts/WeissenhofGroteskLight/font.woff2') format('woff2'),
       url('assets/fonts/WeissenhofGroteskLight/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WeissenhofGroteskRegular';
  src: url('assets/fonts/WeissenhofGroteskRegular/font.woff2') format('woff2'),
       url('assets/fonts/WeissenhofGroteskRegular/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
	--font-pantonBold: 'PantonBold', sans-serif;
	--font-pantonExtraBold: 'PantonExtraBold', sans-serif;
	--font-panton: 'PantonRegular', sans-serif;
	--font-handwritten: "verveine", sans-serif;
	
	--font-weissenhoffBold: 'WeissenhofGroteskBold', sans-serif;
	--font-weissenhoffLight: 'WeissenhofGroteskLight', sans-serif;
	--font-weissenhoff: 'WeissenhofGroteskRegular', sans-serif;
	
	--color-green-dark:#004852;
	--color-green:#008394;
	--color-grey:#919291;
	--color-grey-light:#f4f4f4;
	--color-grey-medium:#e9e9e9;
	
	--color-default:#262526;
	
	--text-default: 16px;
	--text-72: 72px;
	--text-56: 56px;
	--text-48: 48px;
	--text-42: 42px;
	--text-36:36px;
	--text-28:28px;
	--text-24:24px;
	--text-20:20px;
	--text-18:18px;
}

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

	:root{
		--text-72: 60px;
		--text-56: 45px;
		--text-48: 42px;
		
	}
}

@media screen and (max-width:992px){
	:root{
		--text-default: 14px;
		--text-72: 60px;
		--text-56: 36px;
		--text-48: 36px;
		--text-42: 32px;
		--text-36:30px;
		--text-28:24px;	
		--text-24:21px;
		--text-20:17px;

	}
}

@media screen and (max-width:767px){
	:root{
		--text-default: 12px;
		--text-72: 24px;
		--text-56: 24px;
		--text-48: 24px;
		--text-42: 24px;
		--text-36:24px;		
		--text-24:16px;
		--text-28:20px;	
		--text-20:16px;
	}
}



a, header, .sidenav, .profiel-image:after, .icon-chevron, button, input{
  -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;
}


/*------------------------------------*\
    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:normal;color:var(--color-green);text-decoration:underline;}

a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}
b, strong {font-family: var(--font-weissenhoffBold);font-weight:normal }
/*------------------------------------*\
    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-pantonExtraBold); margin: 0;color:var(--color-green); font-weight:normal;line-height:1;text-transform:none}
body {font-size:var(--text-default);line-height:1.5;font-family: var(--font-weissenhoff);color:var(--color-default);font-weight:400;}
 
.standaard-content h2, .standaard-content h3 {font-size:var(--text-28);margin-bottom:15px}
.standaard-content h4, .standaard-content h5 {font-size:var(--text-18);color:var(--color-default);margin-bottom:8px}
.standaard-content h6 {font-size:var(--text-18);color:var(--color-default);margin-bottom:0}

 


p { margin-top:0;margin-bottom:24px}
.large-content p, .intro-content { margin-top:0;margin-bottom:30px}
p:last-child {margin:0}
p + .btn {margin-top:6px;}

.standaard-content ul:not(.btn-list), .standaard-content ul:not(.btn-list) li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul:not(.btn-list) li {position:relative;padding-left:20px;margin-bottom:3px;}
.standaard-content ul:not(.btn-list) li:last-child {margin-bottom:0;}
.standaard-content ul:not(.btn-list), .standaard-content ol {margin-bottom:20px;}
.standaard-content ul:not(.btn-list):last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul:not(.btn-list) li:before {content:"";position:absolute;left:0;top:7px;line-height:1;content: "";background:var(--color-green);width:7px;height:7px;border-radius:50%}
.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;}

.btn-list , .btn-list  li {padding:0;margin:0;list-style:none }
.btn-list {display:flex;flex-wrap:wrap;gap:15px}


.large-content {font-size:var(--text-24);line-height:1.35;font-family: var(--font-weissenhoffLight);}


.title-box h2, .title-box .h2 {font-size:var(--text-42);color:var(--color-green)}
.title-box {margin-bottom:30px;}
.title-28 h2 {font-size:var(--text-28);}
.title-colored h2 span, .title-colored h1 span {color:var(--color-green-dark);font-family:var(--font-panton);display:block}


.title-box.title-bold-light h2 {color:var(--color-green)}
.title-box.title-light-bold h2 {color:var(--color-green-dark);font-family:var(--font-panton)}
.title-box.title-bold-light h2 span {color:var(--color-green-dark);font-family:var(--font-panton);display:block}
.title-box.title-light-bold h2 span  {color:var(--color-green);display:block;font-family:var(--font-pantonExtraBold)}



.bg-green-dark .title-box.title-bold-light h2 span {color:#fff}
.bg-green-dark .title-box.title-light-bold h2 span  {color:var(--color-green)}

.bg-green-dark  .title-box.title-bold-light h2  {color:var(--color-green)}
.bg-green-dark  .title-box.title-light-bold h2  {color:#fff}




.bg-green .title-box.title-bold-light h2  {color:var(--color-green-dark)}
.bg-green .title-box.title-light-bold h2  {color:#fff}

.bg-green .title-box.title-bold-light h2 span {color:#fff}
.bg-green .title-box.title-light-bold h2 span  {color:var(--color-green-dark)}





.medium-title-box {margin-bottom:20px;}
.medium-title-box h2{font-size:var(--text-28);}
.small-title-box {margin-bottom:15px;}
.small-title-box h2{font-size:var(--text-18);color:var(--color-default)}





.bg-green h2, .bg-green h3, .bg-green h4, .bg-green h5, .bg-green h6 {color:#fff;}
.bg-green .title-colored h2 span {color:#fff;}
.bg-green .title-colored h2 {color:var(--color-green-dark);}



@media screen and (max-width:992px){
	.title-box {margin-bottom:20px;}
	p + .btn {margin-top:0px;}
	p { margin-top:0;margin-bottom:20px}
	.large-content p, .intro-content { margin-top:0;margin-bottom:24px}
	p:last-child {margin:0}
	
	.title-box.large-marginfix {    margin-bottom: 30px;}
	.standaard-content ul:not(.btn-list) li:before {top:6px}
}

@media screen and (max-width:767px){
p { margin-top:0;margin-bottom:15px}
	p:last-child {margin:0}
	.standaard-content h2, .standaard-content h3 {margin-bottom:8px}
	.standaard-content ul:not(.btn-list) li:before {top:4px}
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

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

.wide-container { max-width: 1560px;}


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

.marginfix {margin-bottom:30px;}
.large-marginfix {margin-bottom:40px;}


.content-row {padding:90px 0 50px}
.smallcontent-padding-botttom, .smallcontent-padding-bottom {padding-bottom:20px;}

.grey-background +.grey-background, .bg-dark-green + .bg-dark-green, .bg-grey + .bg-grey, .bg-white + .bg-white, .bg-green + .bg-green {padding-top:0;}

.grey-background, .bg-grey {background:rgb(233 233 233 / 50%);}
.bg-green {background:var(--color-green);color:var(--color-grey-light)}





.bg-green-dark {background:var(--color-green-dark);color:#fff}
.bg-green-dark + .bg-green-dark{padding-top:0;}


.page-banner + .content-row {    margin-top: -90px;    padding-top: 180px;}
.page-banner + .content-uitgebreid-row {
    margin-top: 0!important;
    padding-top: 90px;
    z-index: 20;
}

.extended-page-banner:after {content:"";height:90px;width: calc(100% - 180px);    left: 90px;background:rgb(233 233 233 / 50%);position:absolute;bottom:0;}

@media screen and (max-width:992px){
	.page-banner + .content-uitgebreid-row { padding-top:40px!important;}
}



.shaped-background-row  {position:relative;}
.shaped-background {position:relative;}
.shaped-background:after {
    opacity: .2;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    background: var(--color-green);
    height: 100%;
    clip-path: polygon(100% -60%, 100% 0, 100% 100%, 0 100%);
    z-index: 1;
}
.shaped-background .container, .shaped-background-row .container {position:relative;z-index:10;}
.shaped-background.absolute {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}



.banner-profiel .shaped-background:after {
    background: var(--color-grey-light);
    opacity: 1;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%);
}
.banner-profiel .shaped-background {right:0;width:50%}


.shaped-background.txtmedia-row-left:after {
    position: absolute;
    left: 0;right:auto;
    width: 60%;
    clip-path: polygon(0% 0%, 0% 0, 100% 100%, 0 100%);
}
.shaped-background.txtmedia-row-right:after {
   position: absolute;
    right:0;
    width: 60%;
    clip-path: polygon(100% 0%, 0% 100%,100% 100%, 100% 0%)	
	
}

.txtmedia-row  .shaped-background:after {background:var(--color-green-dark);clip-path: polygon(0% 0%, 100% 0, 100% 100%, 100% 100%);}


.project-row  .shaped-background:after  {clip-path:polygon(100% -300%, 100% 0, 100% 100%, 0 100%)}

.responsive-image {display:none;margin-bottom:20px;width:auto;}
.banner-profiel .responsive-image img:not(.profiel-label) {max-height:200px;margin:0;}

.responsive-image .media-box {width:auto;padding-right:30px}
.banner-profiel .responsive-image .media-box img.profiel-label {top:0px;height:60px;}

@media screen and (max-width:1750px){
.banner-profiel .shaped-background {    right: 0;  }	

}

@media screen and (max-width:1600px){
.banner-profiel .shaped-background {    right: 0;  }	
}
@media screen and (max-width:1250px){
.banner-profiel .shaped-background {    right: 0;   }	

}



@media screen and (max-width:992px){
	.content-row {padding:40px 0 10px}

	
}

@media screen and (max-width:767px){
	.desktop-image {display:none}
.responsive-image {display:inline-block}

	.banner-profiel .shaped-background:after {display:none}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 20px;
}

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

@media screen and (min-width:767px){
	.added-padding-right {padding-right:30px}
	.added-padding-left {padding-left:30px}

}




.media-box {width:100%;}
.video-link {position:relative;}
.video-link span {width:90px;height:90px;border-radius:50%;left:calc(50% - 45px);top:calc(50% - 45px);z-index:2;position:absolute;background:var(--color-green)}
.video-link span:before {content:"";position:absolute; border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 14px solid #fff;top:calc(50% - 7px);left:calc(50% - 7px);}
.media-box a, .media-box img {display:block;width:100%;}

.video-link:hover span  {background:#fff}
.video-link:hover span:before{border-left-color:var(--color-green)}




.media-rows {gap:60px 30px}
.half-media-box {width:calc(50% - 15px)}


@media screen and (max-width:992px){
	.video-link span {width:60px;height:60px;left:calc(50% - 30px);top:calc(50% - 30px);}
	
	.media-rows {gap:20px 0px}
.half-media-box {width:50%}
	
}
@media screen and (max-width:767px){
	.video-link span {width:50px;height:50px;left:calc(50% - 25px);top:calc(50% - 25px);}
}


.kleurwaaier {position:absolute;width:507px;height:360px;bottom:-200px;left:50%;transform: translateX(-50%);object-fit:contain}
.kleurwaaier-row +.content-row{padding-top:220px;}
@media screen and (max-width:992px){
	.kleurwaaier {    width: 397px;    height: 280px;		bottom: -170px;}
	.kleurwaaier-row +.content-row {    padding-top: 180px;}
}
@media screen and (max-width:767px){
	    .kleurwaaier {
        width: 187px;
        height: 130px;
        bottom: -70px;
        transform: translateX(00%);
        object-fit: contain;
        left: auto;
        right: 0;
    }
	    .kleurwaaier-row +.content-row {        padding-top: 50px;    }
}


.txtmedia-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 60px;
  align-items: start;
}
.project-row .txtmedia-wrapper, .project-slider-row .txtmedia-wrapper{align-items: center;}
 
/* afbeelding rechts */
.txtmedia-media {
  align-self: start;
}

/* afbeelding links variant */
.txtmedia-wrapper.left .txtmedia-text {
  order: 2;
}

.txtmedia-wrapper.left .txtmedia-media {
  order: 1;
}
/* 🔥 Variant: afbeelding groter (2/3) */
.txtmedia-wrapper.wide-media {
  grid-template-columns: 1fr 2fr;
}

/* Als afbeelding links staat, moet verhouding omgedraaid */
.txtmedia-wrapper.wide-media.left {
  grid-template-columns: 2fr 1fr;
}
	
	
.txtmedia-text {
  display: flex;
  flex-direction: column;
}
	.txtmedia-text > div {display:block;position:relative;z-index:10;}

@media (min-width: 991px) {
	
.txtmedia-text {	margin-top:30px;}
	
}


@media (max-width: 768px) {
  .txtmedia-wrapper, .txtmedia-wrapper.wide-media, .txtmedia-wrapper.wide-media.left {
    grid-template-columns: 1fr;
  }

  /* 🔑 dit is de truc */
  .txtmedia-text {
    display: contents;
  }

  .txtmedia-title {
    order: 1;
  }

  .txtmedia-media {
    order: 2;
  }

  .txtmedia-content {
    order: 3;
  }
} 	
	


.project-slide h2 {color:#fff}




@media screen and (min-width:768px){
	.project-box-content {padding-bottom:30px;}

}

.project-slider-row, .inspiratie-slider-row {overflow:hidden}
.project-slider-row .slick-list{overflow:visible}
.project-slider, .inspiratie-slider {position:relative;z-index:100}
.inspiratie-slider .slick-slide {padding:0 30px}
.inspiratie-slider {margin-bottom:0!important}
@media screen and (max-width:1250px){
	.inspiratie-slider .slick-slide {    padding: 0 10px;}
	.inspiratie-slider {    padding: 0 5px;}
}

@media screen and (min-width:1240px){
	.media-box.wide-media-box {		width: calc(100% + (50vw - 620px));		max-width: 750px;	}
	.txtmedia-row-left .media-box.wide-media-box { float: right;}
}



.contact-info-content ul, .contact-info-content li {padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;line-height:1;}
.contact-info-content ul {gap:60px}
.contact-info-content li {width:auto;}

.contact-info-content a{display:flex;align-items:center;font-size:var(--text-20);font-family:var(--font-pantonExtraBold);font-weight:normal;color:var(--color-green)}
.contact-info-content a:hover{color:var(--color-green-dark)}
.contact-info-content a span {width:45px;height:45px;background:var(--color-green);display:inline-flex;align-items:center;justify-content:center;margin-right:15px;border-radius:50%;}
.contact-info-content a:hover span {background:var(--color-green-dark)}



.usp-container {max-width:1120px}
.goemaat-usps {display:flex;flex-wrap:wrap;justify-content: space-around;}
.goemaat-usp {z-index:10;width:33.3333%;text-align:center;}

.goemaat-usp-title {text-align:center;width:100%;}
.goemaat-usp-title h2 {font-size:var(--text-72);font-family:var(--font-panton);color:var(--color-green-dark)}
.goemaat-usp-title h2 span {font-family:var(--font-pantonExtraBold);color:var(--color-green)}

.top-usp {margin-bottom:90px}
.top-usp-2 {margin-bottom:180px}
.bottom-usp {margin-top:75px}
.bottom-usp-2 {margin-top:180px}
.bottom-usp-3 {margin-top:120px}
.goemaat-usps:first-child {align-items:flex-end}
.goemaat-usps h3 {color:var(--color-green-dark);margin-bottom:12px;font-size:var(--text-48);font-family:var(--font-handwritten);font-weight:400;line-height:105%}


.goemaat-usp {position:relative;max-width:276px}
.goemaat-usp .star {position:absolute;}
.goemaat-usp p {margin:0;}

.top-usp-1 .star {    bottom: 12px;    left: calc(100% - 50px);}
.top-usp-1 .star > picture {position:absolute;top:13px;left:calc(100% - 5px);width:237px;height:100px;max-width:none;z-index:-1}
.top-usp-2 .star {    top: calc(100% + 15px);    left: calc(50% - 15px);}
.top-usp-2 .star > picture {position:absolute;top:18px;left:15px;width:69px;height:132px;max-width:none;z-index:-1}
.top-usp-3 .star {    top: calc(100% + 15px);    left: calc(50% - 15px);}
.top-usp-3 .star > picture {position:absolute;top:-5px;right:15px;width:203px;height:66px;max-width:none;z-index:-1}

.bottom-usp-1 .star {    top: 5px;    right:50px;}
.bottom-usp-1 .star > picture {position:absolute;bottom:2px;left:calc(100% - 15px);width:332px;height:96px;max-width:none;z-index:-1}
.bottom-usp-2 .star {    top: -32px;    left:calc(50% + 30px);}
.bottom-usp-2 .star > picture {position:absolute;bottom:15px;left:calc(100% - 15px);width:70px;height:153px;max-width:none;z-index:-1}
.bottom-usp-3 .star {    top: -32px;    left:calc(50% - 15px);}
.bottom-usp-3 .star > picture {position:absolute;bottom:15px;right:18px;width:160px;height:94px;max-width:none;z-index:-1}

.goemaat-usp picture img {    width: 100%;    height: 100%;    object-fit: contain;}


@media screen and (max-width:1150px){
	.goemaat-usps {height:280px;position:relative;}
	.goemaat-usp {position:absolute;width:auto}
	.goemaat-usp.top-usp.top-usp-1 {    right: calc(50% + 230px);    bottom: 0;        padding-right: 30px;}
	.goemaat-usp.top-usp.top-usp-2 {    top: 0;    right: calc(50% - 50px);}
	.goemaat-usp.top-usp.top-usp-3 {    bottom: 0;    left: calc(50% + 250px);}
	
	
	.goemaat-usp.bottom-usp.bottom-usp-1 {    top: 0;    right: calc(50% + 240px);    padding-right: 70px;}
	.goemaat-usp.bottom-usp.bottom-usp-3 {    top: 0;    left: calc(50% + 245px);}
	.goemaat-usp.bottom-usp.bottom-usp-2 {    top: 0;    right: calc(50% - 55px);}
	
}



@media screen and (max-width:888px){
	.goemaat-usp .star svg {width:20px;height:20px;}
	.goemaat-usps h3 {margin-bottom:6px}

	.top-usp-1 .star {    bottom: auto;    top: calc(100% + 10px);    left: calc(50% - 10px);}
	.top-usp-1 .star > picture {top:13px;left:calc(100% - 5px);width:73px;height:66px;}
	.top-usp-2 .star {    top: calc(100% + 10px);    left: calc(50% - 10px);}
	.top-usp-2 .star > picture {    top: 10px;    left: 10px;    width: 26px;    height: 180px;    max-width: none;    z-index: -1;}
	.top-usp-3 .star {    top: calc(100% + 10px);    left: calc(50% - 10px);}
	.top-usp-3 .star > picture {    top: 10px;    right: 10px;    width: 17px;    height: 49px;}
	
	.bottom-usp-1 .star {    top: auto;    right: auto; bottom: calc(100% + 10px);    left: calc(50% - 10px);}
	.bottom-usp-1 .star > picture {    bottom: 10px;    left: 10px;    width: 90px;	height: 48px;}
	.bottom-usp-2 .star {    top: auto;    right: auto; bottom: calc(100% + 10px);    left: calc(50% - 10px);}
	.bottom-usp-2 .star > picture {    bottom: 10px;    left: 10px;    width: 41px;		height: 182px;}
	.bottom-usp-3 .star {    top: auto;    right: auto; bottom: calc(100% + 10px);    left: calc(50% - 10px);}
	.bottom-usp-3 .star > picture {   bottom: 15px;    right: 0px;    width: 21px;    height: 44px;}

	.goemaat-usp {width:auto;}
	.goemaat-usps {position:relative;    justify-content: normal;}
	
	
	.goemaat-usp-title h2 {font-size:28px;}
	.goemaat-usps h3 {font-size:24px;}
	
	.top-usp-2 {    margin-bottom: 195px;}
	.bottom-usp-2 {    margin-top: 200px;}
	
	
	.goemaat-usp.top-usp.top-usp-1 {        right: calc(50% + 34px);        bottom: 5px;        padding-right: 0;    }
	
	
	
	.goemaat-usp.top-usp.top-usp-2 {    top: 5px;    right: calc(50% - 50px);}
 .goemaat-usp.top-usp.top-usp-3 {bottom: 0;left: calc(50% + 20px);margin-bottom: 75px;max-width: 110px;}	
	.goemaat-usp.top-usp.top-usp-3 br {display:none}
	    .goemaat-usp.bottom-usp.bottom-usp-3 {
        top: 0;
        left: calc(50% + 19px);
        max-width: 109px;
        margin-top: 75px;
    }
	.goemaat-usp.bottom-usp.bottom-usp-3 br {display:none}
	.goemaat-usp.bottom-usp.bottom-usp-2 {        top: 0;        right: calc(50% - 70px);    }
	.goemaat-usp.bottom-usp.bottom-usp-1 {        top: 0;        right: calc(50% + 27px);padding-right:0;}	
}



.opsomming-row > .col-sm-12:nth-child(2) .opsomming-content {position:relative;}
.opsomming-row > .col-sm-12:nth-child(2) .opsomming-content:before {content:"";background:#919291;width:1px;height:100%;position:absolute;left:-30px;top:0;}

.opsomming-triple > .col-sm-12:nth-child(3) .opsomming-content {position:relative;}
.opsomming-triple > .col-sm-12:nth-child(3) .opsomming-content:before {content:"";background:#919291;width:1px;height:calc(100% - 20px);position:absolute;left:-30px;top:0;}

.opsomming-triple .opsomming-content:before {height:100%!important;}

.opsomming-content {padding-right:10px;}

.opsomming-row ul, .opsomming-row li {padding:0;margin:0;list-style:none;display:block}
.opsomming-row li:not(:last-child) {margin-bottom:30px;}
.opsomming-row li {position:relative;padding-left:30px;}
.opsomming-row li span {background:var(--color-green);width:20px;height:20px;border-radius:50%;position:absolute;left:0;top:1px;display:flex;align-items:center;justify-content:center;}

@media screen and (max-width:992px){
	.opsomming-row li span {top:0;}
	.opsomming-row li:not(:last-child) {margin-bottom:20px;}

}
@media screen and (max-width:767px){
	.opsomming-row li span {top:-1px;}
	.opsomming-row li:not(:last-child) {margin-bottom:10px;}
	.opsomming-triple .col-md-4:not(:last-child){margin-bottom:10px;}
}

.projecten-archive .grey-background:first-child {padding-top:0;}

.usps-row {margin-bottom:75px}
.project-box-content .usps-row {margin-bottom:15px;}
.usp-box {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgb(146 145 145 / 50%)}
.usp-box p.label {
    color: var(--color-grey);
    margin: 0;
    margin-bottom: 5px;
}

.bg-green-dark .usp-box p.label, .bg-dark-green .usp-box p.label {color:var(--color-grey-light)}


.usp-box p.desc {    font-family: var(--font-pantonExtraBold);font-size:var(--text-20)}



.uitgebreid-content-img {position:relative;}
.uitgebreid-content-img img {position:absolute;width:100%;height:calc(100% + 270px);max-height:540px;z-index:200;height:auto;object-fit:contain;bottom:100px;left:0;}



@media screen and (max-width:992px){
	.usps-row {margin-bottom:40px;}
	.contact-info-content a span {        width: 30px;        height: 30px;    }
	.contact-info-content a span svg {width:15px;}
	.contact-info-content ul {gap:45px;}
	.contact-info-content {margin-top:-15px;margin-bottom:30px;}
	
	
}
@media screen and (max-width:767px){
	.usps-row .col-md-6  {width:50%;}
	.uitgebreid-content-img img {position:relative;height:auto;bottom:0;max-height:300px}
	.contact-info-content ul {gap:15px;}
	.usp-box {    padding-bottom: 10px;    margin-bottom: 10px;}
	
}

/*------------------------------------*\
    Cards / Stappen / Accessoires
\*------------------------------------*/

.stap-img {position:relative;margin-bottom:30px;padding-bottom:60%;}
.stap-img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.stap-item h4 {font-size:var(--text-28);margin-bottom:15px;}
.stap-icon {position:absolute;top:0;left:0;z-index:10;background:var(--color-green);color:#fff;font-size:var(--text-28);font-family:var(--font-pantonExtraBold);display:flex;align-items:center;justify-content:flex-end;width:60px;height:60px;}
.stap-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 40px;
    background: var(--color-green);
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 100%);
    z-index: -1;
}

.card-item .stap-img  {padding-bottom:75%;}

.card-item > div {height:100%;display:flex;flex-wrap:wrap;}
.card-item > div> *:not(.btn){width:100%;}
.card-item  .btn {margin-top:auto;}

.accessoire-img {position:relative;padding-bottom:100%;margin-bottom:30px}
.accessoire-img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}

.accessoires-row {gap:60px 0;margin-top:15px;}
.accessoire-item {border-right:1px solid var(--color-grey);padding-bottom:4px;}
.accessoire-item:last-child, .accessoire-item:nth-child(4n) {border:none}
.accessoire-item  h4 {font-size:var(--text-20);;margin-bottom:10px;}


@media screen and (max-width:992px){
	.stap-icon {    font-size: 18px;    width: 35px;    height: 45px;}
	.stap-img, .accessoire-img {margin-bottom:20px;}
	
	.accessoire-item:nth-child(odd){border-right:1px solid var(--color-grey)!important;}
	.accessoire-item:nth-child(even){border-right:none;}
}


/*------------------------------------*\
    Locaties
\*------------------------------------*/
.team-container:last-child{margin-bottom:40px}

.team-container:not(:last-child) {margin-bottom:90px}
.team-row {margin-top:20px;gap:60px 0}


.team-group-image > div {position:relative;width:100%;padding:30px;}
.team-group-image > div:after,.team-group-image > div:before {content:"";position:absolute;width:100%;height:100%;top:0;left:0;}
.team-group-image > div:after {background:#EEEEF0;z-index:1;}
.team-group-image > div:before {z-index:2;width:calc(100% - 30px);height:calc(100% - 30px);top:15px;left:15px;border:2px solid rgb(146 145 145 / 50%);background:#fff;}
.team-group-image img {display:block;width:100%;height:auto;border:10px solid #EEEEEE;position:relative;z-index:10;}
.quote.team-quote {margin-top:110px}

.bg-white .team-box {color:var(--color-grey);}
.team-functie {color:var(--color-default)}
.team-box img {width:100%;height:auto;margin-bottom:30px;}
.team-box h4 {font-size:var(--text-20);margin-bottom:15px;}
.team-box p {margin:0;}


@media screen and (max-width:992px){
	.team-box img {margin-bottom:20px;}
	.team-row {gap:30px 0;margin-top:0;}
	.quote.team-quote {    margin-top: 60px;margin-bottom:0;}
	.team-container:not(:last-child) {margin-bottom:60px;}
	
}
@media screen and (max-width:767px){
	.team-box {width:50%}
		.quote.team-quote {    margin-top: 0px;margin-bottom:20px;}
.team-quote {
    width: calc(100% - 40px);
    margin-left: 20px;
}
	.team-container:not(:last-child) {margin-bottom:40px}
}
/*------------------------------------*\
    Locaties
\*------------------------------------*/
.wide-row {margin-left:-30px;margin-right:-30px}
.wide-row > * {padding-left:30px;padding-right:30px;}

.wide-gap-row {gap:60px 0;margin-bottom:40px;}
.row + .wide-gap-row {margin-top:10px;}
.locaties-row {margin-bottom:15px;}

.locatie-item {    display: flex;    flex-wrap: wrap;margin-bottom:30px}
.locatie-item:not(:nth-child(3n)){border-right:1px solid var(--color-grey-light)}
.locatie-img {position:relative;margin-bottom:30px;padding-bottom:60%;}
.locatie-img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.locatie-item h4 {font-size:var(--text-28);margin-bottom:15px;}
.locatie-item .functie {color:var(--color-default);font-weight:normal;font-family:var(--font-weissenhoffBold)}
.locatie-item > div {margin-bottom:24px;width:100%}
.locatie-item .btn {margin-top:auto}
.locatie-item .adres {font-size:var(--text-24);font-weight:300;font-family:var(--font-weissenhoffLight)}
.locatie-item .adres a {font-family:var(--font-pantonExtraBold);color:var(--color-green)}
.locatie-item .adres a:hover, .locatie-item .adres a:focus {color:var(--color-default)}

@media screen and (max-width:1260px){
	.wide-row {        margin-left: -10px;        margin-right: -10px;}
	.wide-row > * {    width: 50%;    padding: 0 10px;}
	.accessoires-row {        margin-left: -30px;        margin-right: -30px;}
	.accessoires-row > * {padding:0 30px;}
	.wide-row > .locatie-item {width:33.3333%} 
}

@media screen and (max-width:992px){
	.wide-gap-row, .accessoires-row {gap: 40px 0;}
	.locaties-row {margin-bottom:0;}
}
@media screen and (max-width:767px){
	.wide-gap-row, .accessoires-row {gap: 30px 0;}
	
	.accessoires-row {        margin-left: -20px;        margin-right: -20px;}
	.accessoires-row > * {padding:0 20px;}	
}
@media screen and (max-width:650px){
	.wide-row > .product-box {width:100%}
		.wide-row > .locatie-item {width:100%;border-right:none!important}
	.wide-row > .locatie-item:not(:last-child){padding-bottom:20px; position:relative;margin-bottom:20px;}
	.wide-row > .locatie-item:not(:last-child):before{background:var(--color-grey-light);height:1px;width:calc(100% - 20px);left:10px;content:"";position:absolute;bottom:0;}
	
	   
	
}
@media screen and (max-width:550px){
	.wide-row > .profiel-box, .wide-row > .stap-item {width:100%}
}
.overflow-hidden {overflow:hidden}
/*------------------------------------*\
    Kenniscentrum
\*------------------------------------*/
.kenniscentrum-row {margin-left:-30px;margin-right:-30px;margin-bottom:10px}
.kenniscentrum-post  {width:33.3333%;padding:0 30px;display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:30px}
.kenniscentrum-post .btn {margin-top:auto}
.kenniscentrum-post h3 {font-size:var(--text-28);margin:30px 0;width:100%;}
.kenniscentrum-post img {width:100%;object-fit:cover;}
.kenniscentrum-post div {width:100%;margin-bottom:15px}
.kenniscentrum-post >div {margin-bottom:30px}
.kenniscentrum-post >div:last-child {margin-bottom:0;}
.kenniscentrum-post h3:last-child {margin-bottom:0}

.kenniscentrum-post-image{ padding-bottom:80%;position:relative;width:100%;}
.video-image {padding-bottom:60%}
.kenniscentrum-post-image > img, .kenniscentrum-post-image > a {position:absolute;top:0;left:0;width:100%;height:100%;}
.kenniscentrum-post-image > a img {width:100%;height:100%;}


.keurmerk-row {margin-bottom:10px}
.keurmerk {margin-bottom:30px;}

.keurmerk-quote, .quote {margin-top:60px;margin-bottom:90px;color:var(--color-green);position:relative;font-size:var(--text-36);font-family:var(--font-handwritten);font-weight:400;line-height:105%}
.keurmerk-quote svg, .quote svg {position:absolute;bottom:100%;right:calc(100% - 15px);}
.quote {margin-top:30px; margin-bottom:40px}
.keurmerk-quote:last-child {margin-bottom:0;}


.keurmerk-logo:not(:last-child) {margin-bottom:30px;}

.keurmerk-logo {background:#fff;position:relative;padding-bottom:66.66667%}
.bg-white .keurmerk-logo {background:var(--color-grey-50)}
.keurmerk-logo img {width:auto;max-height:calc(100% - 20px);max-width:calc(100% - 20px);object-fit:contain;position:absolute;top:50%;left:50%;transform: translateX(-50%) translateY(-50%);}

@media screen and (max-width:992px){
	.kenniscentrum-post h3 {margin:20px 0}
	.kenniscentrum-post >div {margin-bottom:20px}

	.kenniscentrum-row {        margin-left: -10px;        margin-right: -10px;}
	.kenniscentrum-post {    width: 50%;    padding: 0 10px;}
	
	.keurmerk {width:50%}
	.keurmerk-logo:not(:last-child) {margin-bottom:20px;}
	
	.keurmerk-quote, .quote {    margin-top: 40px;    margin-bottom: 60px;}
	
	.keurmerk-quote svg, .quote svg {max-width:20px;right:auto;left:0;bottom:auto;top:-19px;}
	.keurmerk-quote, .quote {padding:0 20px}
}

@media screen and (max-width:767px){
	.keurmerk-quote, .quote {            margin-top: 0;        margin-bottom: 40px;}

	
}


@media screen and (max-width:550px){
	.kenniscentrum-post, .keurmerk  {    width:100%;  }
}
/*------------------------------------*\
    Profielen
\*------------------------------------*/

.profiel-box a {display:block;position:relative;color:var(--color-default)}
.profiel-box a h3 {font-size:var(--text-28);margin-bottom:12px;}

.profiel-image {position:relative;padding-bottom:70%;margin-bottom:75px;}
.profiel-image img {position:absolute;top:30px;left:0;width:100%;height:100%;object-fit:contain;z-index:2;}
.profiel-box .icon-chevron {z-index:10;right:0;top:30px;width:45px;height:45px}

.profiel-image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: var(--color-grey-medium);
    height: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 0 100%);
    z-index: 1;
}

.profiel-box a:hover  .profiel-image:after {background: var(--color-green);}
.profiel-box a:hover  .icon-chevron {background:var(--color-green-dark)}
.profiel-box .icon-chevron:before {
    transform: rotate(45deg);
    left: 16px;
    top: 23px;
}
.profiel-box .icon-chevron:after {
    transform: rotate(-45deg);
    left: 21px;
    top: 23px;
}

@media screen and (max-width:992px){
	.profiel-box .icon-chevron {top:15px;}
	.profiel-image {margin-bottom:45px}
	
}


/*------------------------------------*\
    Producten
\*------------------------------------*/
.producten-container {padding-bottom:30px;}
.product-box {margin-bottom:60px;}

.product-box a {display:block;position:relative;padding-bottom:66.67%;margin-bottom:26px;}
.product-box a:hover {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);}
.product-box a .btn {position:absolute;bottom:-26px;left:50%;transform: translateX(-50%);z-index:20;padding:18px 28px;}
.product-box a .btn {background:#fff;color:var(--color-green);border-color:#fff;}
.product-box a .btn svg path {stroke:var(--color-green)}
.product-box a .btn:hover, .product-box a .btn:focus, .product-box a:hover .btn, .product-box a:focus .btn {color:#fff;background:var(--color-green);border-color:var(--color-green);}
.product-box a .btn:hover svg path, .product-box a .btn:focus svg path, .product-box a:hover .btn svg path, .product-box a:focus .btn svg path{stroke:#fff}
.product-box a img {height:100%;position:absolute;top:0;left:0;width:100%;z-index:1;object-fit:cover;}
.product-label {position:absolute;top:0;left:0;z-index:10;background:var(--color-green);display:flex;align-items:center;justify-content:flex-end;min-width:60px;height:60px;padding-left:30px;padding-right:15px}
.product-label h2 {color:#fff;font-size:var(--text-28);font-family:var(--font-pantonExtraBold);}
.product-label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 40px;
    background: var(--color-green);
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 100%);
    z-index: -1;
}


@media screen and (max-width:992px){
	.product-box {margin-bottom:30px;}
	.product-label h2 {    font-size: 18px;   }
	.product-label {height: 45px;padding-left:20px;padding-right:5px;}
	.product-box a .btn{padding:18px 20px}
}

/*------------------------------------*\
    FAQ's
\*------------------------------------*/
.faq-box {display:block;width:100%;padding:30px 0;border-bottom:1px solid var(--color-grey);}
.faq-box:first-child {border-top:1px solid var(--color-grey);}

.faq-box h2 {cursor:pointer;font-size:var(--text-28);color:var(--color-green);position:relative;padding-right:40px}
.faq-box h2 span {width:30px;height:30px;border-radius:50%;background:var(--color-green);position:absolute;right:0;top:calc(50% - 15px);}
.faq-box h2 span:before, .faq-box h2 span:after {height:1px;width:8px;position:absolute;content:"";background:#fff;}
.faq-box h2 span:before {    transform: rotate(45deg);    left: 9px;    top: 15px;}
.faq-box h2 span:after {    transform: rotate(-45deg);    left: 14px;    top: 15px;}

.faq-box.active h2 {color:var(--color-green-dark)}
.faq-box .antwoord {padding-top:15px;display:none;}

.faq-box.active h2 span {background:var(--color-green-dark)}
.faq-box.active h2 span:before {    transform: rotate(45deg);    left: 9px;    top: 15px;width:12px}
.faq-box.active h2 span:after {    transform: rotate(-45deg);    left: 9px;    top: 15px;width:12px}


@media screen and (max-width:992px){
	.faq-box {padding:20px 0;}
}

/*------------------------------------*\
    KLANTVERHALEN
\*------------------------------------*/
.klantverhaal-archive-holder {width:100%;}
.klantverhaal-archive-holder .pagination {margin-top:45px}


.review-box h3 {	font-size:var(--text-28)	}
.review-stars, .review-stars li {	padding:0;margin:0;list-style:none;	}
.review-stars {display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.review-stars svg {width:23px;height:auto;}

.review-box > div {padding-top:45px;padding-bottom:45px;}

.klantverhaal-archive.row-single .review-box > div{border-top:1px solid var(--color-grey); border-bottom:1px solid var(--color-grey)}
.klantverhaal-archive.row-single:first-child .review-box > div {padding-top:0;border-top:none}
.klantverhaal-archive.row-single:nth-last-child(2) .review-box > div, .klantverhaal-archive.row-single:last-child .review-box > div {border-bottom:0;}


.klantverhaal-archive.row-single .review-box > div {position:relative;}
.klantverhaal-archive.row-single .review-box > div:after {position:relative;content: "\201C";position:absolute;color:var(--color-green);top:30px;right:0;font-size:120px;line-height:1;font-family:var(--font-pantonExtraBold)}
.klantverhaal-archive.row-single:first-child .review-box > div:after {top:0;}


.row-triple .review-box {margin-top:45px;margin-bottom:45px;border-right:1px solid var(--color-grey)}
.row-triple .review-box:last-child {border:none}
.row-triple .review-box > div {height:100%;padding-top:0;padding-bottom:0;padding-left:15px;padding-right:15px;}

.stars-1,.stars-1-half svg path, 
.stars-2,.stars-2-half svg path{fill:var(--color-grey)}

.stars-1 li:first-child svg path, .stars-1-half li:first-child svg path,
.stars-2 li:first-child svg path, .stars-2-half li:first-child svg path, .stars-2 li:nth-child(2) svg path, .stars-2-half li:nth-child(2) svg path{fill:#F39100}


.stars-3 li:nth-child(4) svg path, .stars-3 li:nth-child(5) svg path,
.stars-3-half li:nth-child(4) svg path, .stars-3-half li:nth-child(5) svg path,
.stars-4 li:nth-child(5) svg path,
.stars-4-half li:nth-child(5) svg path{fill:var(--color-grey)}


@media screen and (max-width:992px){
	.row-triple .review-box {margin-top:30px;margin-bottom:30px;}
	.review-box > div {    padding-top: 30px;    padding-bottom: 30px;}
	.review-stars {margin:10px 0}
	.klantverhaal-archive.row-single .review-box > div:after {font-size:100px}
	.klantverhaal-archive-holder .pagination {margin-top:10px}
}

@media screen and (max-width:767px){
	.row-triple .review-box {margin-top:0;margin-bottom:0;padding-top:30px;}
	.klantverhaal-archive.row-single .review-box > div:after {font-size:80px}
	.row-triple .review-box {border-right:none; }
	.row-triple .review-box > div {border-bottom: 1px solid var(--color-grey);padding-bottom:30px;padding-left:0;padding-right:0;}
	.klantverhaal-archive.row-single .review-box > div {border-top:none;}
	
	.review-stars svg {    width: 17px;}
	.review-stars {gap:5px}
	
}




/*------------------------------------*\
    Filters
\*------------------------------------*/
.news-filter {display:flex;width:100%;flex-wrap:wrap;gap:15px}
.filters {margin-bottom:45px;}



.news-filter-btn.btn {background:none;color:var(--color-green); font-family: var(--font-pantonBold);font-weight:700;}
.news-filter-btn.btn:hover, .news-filter-btn.btn:focus, .news-filter-btn.btn.active-filter {    background: var(--color-green);
    border-color: var(--color-green);color:#fff;}

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

}


@media screen and (max-width:767px){
	.news-filter {gap:10px;}
}

/*------------------------------------*\
    Artikelen
\*------------------------------------*/

.article-archive {    display: flex;    flex-wrap: wrap;    gap: 60px 30px;}
.article-archive .artikel-box {    flex: 0 0 calc((100% - 90px) / 3);}


.artikel-image {position:relative;padding-bottom:80%;margin-bottom:30px;}
.artikel-image img {object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.artikel-date {position:absolute;right:-1px;bottom:-1px;padding:14px 18px 14px 4px;line-height:1;background:#fff;z-index:2;}

.artikel-date:before {
    content: "";
    position: absolute;
    top: 0;
    left: -19px;
    width: 20px;
    background: #fff;
    height: 100%;
    clip-path: polygon(0% 100%, 100% -20%, 100% 100%, 0% 100%);
    z-index: -1;
}



.artikel-box, .artikel-box a {color:var(--color-default)}
.artikel-box a {display:flex;flex-wrap:wrap;height:100%;}
.artikel-box a:hover { transform: translateY(-10px);}
.artikel-box a > * {width:100%;}
.artikel-content h2 {color:var(--color-green);font-family:var(--font-pantonExtraBold);margin-bottom:15px;font-size:var(--text-28)}
.artikel-content {margin-bottom:30px;}
.artikel-knop {margin-top:auto;}

@media screen and (max-width:992px){
	.article-archive {gap:30px 0}
	.article-archive .artikel-box {    flex: none;    width: 50%;}
	.artikel-image {margin-bottom:20px;}
}
@media screen and (max-width:550px){
	.article-archive .artikel-box {    width: 100%;}
}
/*------------------------------------*\
    VACATURES
\*------------------------------------*/
.vacature-box{margin-bottom:30px;}
.vacature-box:last-child{margin-bottom:40px;}

.vacature-box {display:flex;flex-wrap:wrap;position:relative;padding-bottom:30px;}
.vacature-box:after {content:"";position:absolute;top:-30px;left:15px;width:calc(100% - 30px);background:var(--color-grey);height:1px;opacity:.5}
.vacature-box:first-child:after {display:none}
.keurmerk-quote + .vacature-box:after {display:none}

.vacature-titel {width:100%;margin-bottom:15px;}
.vacature-titel .title-box {margin:0;width:33.3333%;}
.vacature-info ul, .vacature-info li {padding:0;margin:0;list-style:none;display:block}
.vacature-info li {position:relative;padding-left:30px;font-family:var(--font-pantonExtraBold);}
.vacature-info li:not(:last-child){margin-bottom:10px}
.vacature-info svg {position:absolute;left:0;top:2px;}
.vacature-info path {stroke:var(--color-default)}
.vacature-info {width:33.3333%}
.vacature-omschrijving {width:66.66667%}


@media screen and (max-width:992px){
	.vacature-titel .title-box {width:100%}

}

@media screen and (max-width:768px){
	.vacature-titel .title-box {width:100%}
.vacature-info svg {position:absolute;left:0;top:0px;}
	.vacature-info li {padding-left:25px}
	
	.vacature-box:after {left:10px;width:calc(100% - 20px);}
	
}
@media screen and (max-width:650px){
	.vacature-titel .title-box {width:100%}
.vacature-info,.vacature-omschrijving {width:100%}
	.vacature-omschrijving {margin-top:12px}
	
}
/*------------------------------------*\
    Pagination
\*------------------------------------*/

.pagination {display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:center;}
.pagination, .pagination a {font-family:var(--font-pantonExtraBold);color:var(--color-grey);font-size:var(--text-18)}
.pagination a {opacity:.5}
.pagination a:hover, .pagination a:focus, .pagination .is-active, .pagination .current {color:var(--color-green);opacity:1;}

.pagination__next, .pagination__prev {display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--color-grey);opacity:.5}
.pagination__next:not(.is-disabled):hover, .pagination__prev:not(.is-disabled):hover {background:var(--color-green);opacity:1;}
.pagination__prev {transform:rotate(180deg)}
.pagination__next{margin-left:15px} 
.pagination__prev {margin-right:15px;}

.return-to-archive a, .single-pager a {color:var(--color-grey);font-family:var(--font-pantonExtraBold);font-size:var(--text-18);opacity:.5}
.return-to-archive a:hover, .return-to-archive a:focus, .single-pager a:hover,.single-pager a:focus {color:var(--color-green);opacity:1;}

.return-to-archive {width:auto;margin:0 auto;}
.single-pagination {align-items:center;display:flex;flex-wrap:wrap}

.single-prev-post{width:150px;margin-right:auto;}
.single-next-post {width:150px;margin-left:auto;}
.single-prev-post a, .single-next-post a  {display:inline-flex;align-items:center;justify-content:center}
.single-pager a span {opacity:1;}
.single-pager a:hover  span {background:var(--color-green);opacity:1;}


#filter-results[data-type="faqs"] .archive-pagination{margin-top:90px;}



.page-paginate a {color:var(--color-grey);font-family:var(--font-pantonExtraBold);font-size:var(--text-18);opacity:.5;display:inline-flex;gap:20px;align-items:center}
.page-paginate a:hover, .page-paginate a:focus {color:var(--color-green);opacity:1;}
.page-paginate span  {display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--color-grey);}
.page-paginate a:hover span {background:var(--color-green)}
.single-prev-post a span {transform:rotate(180deg)}
.single-next-post.page-paginate {    text-align: right;}

.page-pagination .return-to-archive {width:180px;text-align:center;}
.page-paginate {width:calc(50% - 90px)}


@media screen and (max-width:992px){
	.single-prev-post a, .single-next-post a {gap:10px}
	.pagination {gap:20px}	
	.pagination__prev {    margin-right: 0;}
	.pagination__next {    margin-left: 0;}
	#filter-results[data-type="faqs"] .archive-pagination {    margin-top: 60px;}
	
	
	.single-pagination .return-to-archive {order:0;}
	.single-pagination .page-paginate a, .single-prev-post a, .single-next-post a{font-size:0!important;gap:0;}
	.single-prev-post{width:60px;margin-right:auto;}
	.single-next-post {width:60px;margin-left:auto;}
	
}
@media screen and (max-width:767px){

	.pagination__next, .pagination__prev {width:30px;height:30px;}
	.pagination__next svg, .pagination__prev svg {width:12px}
	#filter-results[data-type="faqs"] .archive-pagination {    margin-top: 40px;}
	.return-to-archive a, .single-pager a {font-size:15px;}
	
	
	
	
}
/*------------------------------------*\
    Colors
\*------------------------------------*/


.bg-dark-green {background:var(--color-green-dark);}
.bg-dark-green, .bg-dark-green a:not(.btn), .bg-dark-green h2, .bg-dark-green h3, .bg-dark-green h4, .bg-dark-green h5, .bg-dark-green h6 {color:#fff;}

.bg-dark-green a:not(.btn) {color:#fff;}
.bg-dark-green a:not(.btn):hover {color:var(--color-green)}

.kenniscentrum-row .title-box h2{    color: var(--color-green);}


/*------------------------------------*\
    BANNERS
\*------------------------------------*/
.page-banner {position:relative;z-index:10;}
.page-banner:not(.banner-profiel) img, .banner-video, .navigation-background {height:calc(100% - 200px);top:110px;width:calc(100% - 180px);left:90px;position:absolute;z-index:1;object-fit:cover;max-height:720px}
.banner-video {z-index:2}
.banner-video video {width:100%;height:100%;object-fit:cover;}
.page-banner:not(.banner-profiel) .container > .row {position:relative;z-index:10;min-height:920px;display:flex;align-items:center;}

.page-banner:not(.banner-profiel) .container > .row:before {content:"";position:absolute;top:0;right:100%;width:100vw;opacity:.9;background:var(--color-green-dark);height:100%}
.page-banner:not(.banner-profiel) .container > .row:after {content:"";position:absolute;top:0;left:0;width:70%;opacity:.9;background:var(--color-green-dark);height:100%;clip-path: polygon(0 0, 40% 0, 100% 100%, 0% 100%);z-index:-1}



.page-banner h1 span.subtitel {font-size:var(--text-20);font-family:var(--font-panton);color:#fff;display:block;margin-bottom:15px;font-weight:normal}
.page-banner h1 {font-size:var(--text-56);font-family:var(--font-panton);color:#fff;display:block;font-weight:normal}
.page-banner h1 span:not(.subtitel){font-family:var(--font-pantonExtraBold);color:var(--color-green);display:block}
.page-banner h1 + .btn, .page-banner .btn-list {margin-top:30px;}
.page-banner .btn-list {margin-top:45px;}

.single-projecten .page-banner h1 span:not(.subtitel) {color:#fff;}
.banner-profiel h1 {font-size:var(--text-42);}
@media screen and (min-width:767px){
	.banner-profiel {margin-top:92px}
}
@media screen and (min-width:991px){
	.banner-profiel {margin-top:108px}
}


.profiel-back-btn {margin-bottom:60px;}

.banner-profiel .media-box {position:relative;}
.banner-profiel .media-box img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
.profiel-label {top:60px;right:0;position:absolute;z-index:10;width:100px;height:100px;}


.home-banner h1 {position:relative}
.home-banner h1 svg {position:absolute;top:-20px;left:-20px;width:25px;height:auto;fill:#fff}
.home-banner h1 svg path {fill:#fff}

@media screen and (max-width:767px){
	.home-banner h1 svg {width:20px;height:20px;}
}

.home-banner h1 span:not(.subtitel) {color:#fff;font-family:var(--font-pantonBold);}
.home-banner h1 {font-family:var(--font-pantonBold);color:var(--color-grey)}

.home-banner p {color:#fff;font-weight:700;font-family:var(--font-pantonBold);font-size:var(--text-20)}
.home-content {margin-top:auto;}
.home-banner .home-titles {margin-top:auto;margin-bottom:30px}


.home-banner.page-banner:not(.banner-profiel) img, .home-banner.page-banner:not(.banner-profiel) .banner-video{height: calc(100% - 220px);}
 

.home-banner .container > .row {padding-top:180px;min-height:100vh!important;padding-bottom:20px}
.home-banner .container > .row:before {height:calc(100% + 90px)}
.home-banner .container > .row:after {height:calc(100% + 90px);width:80%}

.pagina-box a {height:180px;display:block;background: #fff;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);}
.pagina-box a:hover, .pagina-box a:focus {background:var(--color-green)}
 
.pagina-box a h2 {font-family:var(--font-pantonExtraBold);font-size:var(--text-20);color:var(--color-green-dark)}
.pagina-box a:hover h2, .pagina-box a:focus h2{color:#fff;}
.pagina-box-titel {position:relative;height:90px;padding:20px 30px;display:flex;flex-wrap:wrap;align-items:center;}
.pagina-box a:hover span {background:var(--color-green-dark);}
.pagina-box a span {position:absolute;bottom:-15px;right:30px;z-index:2;top:auto;}
.pagina-box-afbeelding {position:relative;height:90px;width:100%;background-color:var(--color-grey-light)}
.pagina-box-afbeelding img {width:100%!important;height:100%!important;object-fit:cover!important;position:relative!important;top:0!important;left:0!important}

.icon-chevron {width:30px;height:30px;border-radius:50%;background:var(--color-green);position:absolute;right:0;top:0;transform:rotate(-90deg)}
.icon-chevron:before, .icon-chevron:after {height:1px;width:8px;position:absolute;content:"";background:#fff;}
.icon-chevron:before {    transform: rotate(45deg);    left: 9px;    top: 15px;}
.icon-chevron:after {    transform: rotate(-45deg);    left: 14px;    top: 15px;}

.back-icon .icon-chevron {position:relative;transform:rotate(90deg);background:var(--color-grey);display:flex}
.back-icon:hover .icon-chevron {background:var(--color-green)}


@media screen and (max-width:1750px){
	.page-banner:not(.banner-profiel) img,.banner-video, .navigation-background {width:calc(100% - 90px);left:45px;}
	
	.extended-page-banner:after {width: calc(100% - 90px);    left: 45px;}
	

}

@media screen and (max-width:1600px){
	.page-banner:not(.banner-profiel) img,.banner-video, .navigation-background {width:calc(100% - 40px);left:20px;}
	.extended-page-banner:after {width: calc(100% - 40px);    left: 20px;}
}

@media screen and (max-width:1300px){
	.page-banner:not(.banner-profiel) .container > .row {min-height:750px;}

}
@media screen and (max-width:1250px){
	.page-banner:not(.banner-profiel) .container > .row {min-height:750px;}
	.extended-page-banner:after {  width: 100%;    left: 0;}
}
@media screen and (max-width:992px){
	.page-banner:not(.banner-profiel) .container > .row {min-height:550px}
.page-banner:not(.banner-profiel) img, .banner-video, .navigation-background {           height: calc(100% - 152px);
        top: 92px;}
	    .page-banner + .content-row {        padding-top: 120px;        margin-top: -60px;    }
	.extended-page-banner:after {  height: 60px; width: 100%;    left: 0;}
	
	.page-banner .btn-list {margin-top:30px}
	.page-banner h1 span.subtitel {font-size:16px}
	
	.profiel-back-btn {margin-bottom:45px;}
	
	
	.pagina-box-titel, .pagina-box-afbeelding {height:60px;}
	.pagina-box a {height:120px}
	.pagina-box-titel {padding:20px;}
}

@media screen and (max-width:767px){
	.page-banner:not(.banner-profiel) .container > .row {min-height:240px;padding:40px 0}
	.page-banner:not(.banner-profiel) .container > .row:after {display:none}
	.page-banner:not(.banner-profiel) .container > .row:before {right:-10px;z-index:-1}
	.page-banner + .content-row {padding-top:40px;margin-top:0;}
	.page-banner:not(.banner-profiel) img, .banner-video, .navigation-background {    height: calc(100% - 40px);		top: 20px;width:calc(100% - 40px);left:20px}
	.page-banner h1 span.subtitel {font-size:12px;margin-bottom:10px}
	.page-banner .btn-list {margin-top:15px}
		.profiel-back-btn {margin-bottom:30px;}
 
	.pagina-box-titel {padding:10px;}
		.home-banner .home-titles {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 30px;
}
	.page-banner h1 + .btn, .page-banner .btn-list {    margin-top: 20px;}
	.home-banner .container > .row {    align-items: flex-start!important;}
	.home-banner.page-banner:not(.banner-profiel) img, .home-banner.page-banner:not(.banner-profiel) .banner-video {
    height: 200px;
}
	.home-content {
    margin-bottom: auto;
    margin-top: 30px;
}
	.pagina-box a span {right:15px}
		.pagina-box-titel, .pagina-box-afbeelding {height:45px;}
	.pagina-box a {height:90px}
	
	.home-banner .container > .row {display:block!important}
	.home-banner .home-titles {        min-height: 150px;}
	.home-banner .container > .row {min-height:calc(100vh - 65px)!important}
}
/*------------------------------------*\
    Boxed
\*------------------------------------*/
.boxed-content {position:relative;z-index:1;}
.boxed-content .container {position:relative;z-index:10;}
.boxed-content.kleurwaaier-row {z-index:100;}
 .boxed-content:before, .boxed-content:after {z-index:200;content:"";position:absolute;top:0;height:100%;width:90px;background:#fff;}
 .boxed-content:before {left:0;}
 .boxed-content:after {right:0;}


.boxed-section {width:calc(100% - 180px);margin-left:90px;position:relative;}

.boxed-section .container {z-index:10;position:relative;}


@media screen and (max-width:1750px){
	.boxed-content:before, .boxed-content:after {width:45px;}
.boxed-section {width:calc(100% - 90px);margin-left:45px;}
	

}

@media screen and (max-width:1600px){
	.boxed-content:before, .boxed-content:after {width:20px;}
.boxed-section {width:calc(100% - 40px);margin-left:20px;}
}
@media screen and (max-width:1250px){
	 .boxed-content:before, .boxed-content:after {display:none}
.boxed-section {width:100%;margin-left:0;}
	

}
/*------------------------------------*\
    Buttons
\*------------------------------------*/
button:not(.default), .btn {border:none;appearance:none;-moz-appearance:none;display:inline-flex;flex-wrap:wrap;align-items:center;text-align:center;padding:16px 28px;line-height:1;font-family:var(--font-pantonExtraBold);color:#fff;font-size:18px;border-radius:30px;background:var(--color-green);border:1px solid var(--color-green)}
button:not(.default) svg, .btn svg {margin-left:10px;width:15px;height:auto;}
.back-btn svg {margin-left:0;margin-right:10px;transform:rotate(180deg)}

button:not(.default):hover, .btn:hover, button:not(.default):focus, .btn:focus {background:var(--color-green-dark);color:#fff;border-color:var(--color-green-dark)} 

.fancybox-button {
    padding: 0 !important;
    height: 45px !important;
    width: 45px;    justify-content: center;
}
.fancybox-button svg {margin:0!important}


.bg-dark-green button:not(.default):hover, .bg-dark-green .btn:hover, .bg-dark-green button:not(.default):focus, .bg-dark-green .btn:focus, .bg-green .btn:hover, .bg-green .btn:focus {background:#fff;color:var(--color-green-dark);border-color:#fff;} 
.bg-dark-green button:not(.default):hover svg path, .bg-dark-green .btn:hover svg path, .bg-dark-green button:not(.default):focus svg path, .bg-dark-green .btn:focus svg path, .bg-green .btn:hover svg path, .bg-green .btn:focus svg path{stroke:var(--color-green-dark)}

.btn-pdf svg {transform:rotate(90deg)}


.page-banner .btn:hover,  .page-banner btn:focus {background:#fff;color:var(--color-green);border-color:#fff} 
.page-banner .btn:hover svg path,  .page-banner btn:focus svg path {stroke:var(--color-green);} 



.bg-green .btn {background:var(--color-green-dark);color:#fff;border-color:var(--color-green-dark)} 

.play-btn span {width:15px;height:15px;margin-left:10px;position:relative;display:inline-block}
.play-btn span:before{content:"";position:absolute; border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #fff;top:calc(50% - 7px);left:calc(50% - 7px);}

.play-btn:hover span:before {border-left-color:var(--color-green)}
.bg-green-dark button:not(.default):hover, .bg-green-dark .btn:hover {color:var(--color-green-dark);background:#fff;}
.bg-green-dark button:not(.default):hover svg path, .bg-green-dark .btn:hover svg path{stroke:var(--color-green-dark)}




.read-more {font-family:var(--font-pantonExtraBold);font-size:18px;color:var(--color-green);display:inline-flex; align-items:center;}
.read-more svg {margin-left:10px;width:15px;height:auto;}
.read-more svg path {stroke:var(--color-green)}
.read-more:hover, .read-more:focus {color:var(--color-default)}
.read-more:hover svg path, .read-more:focus svg path{stroke:var(--color-default)}


button.slider-btn {padding:0!important;width:45px;height:45px;display:flex;align-items:center;justify-content:center;}
button.slider-btn.prev-slide {transform:rotate(180deg)}
button.slider-btn svg {margin:0;}
.slider-pagination {display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-bottom:30px;margin-top:auto}
.slider-count {width:auto;font-size:var(--text-18);font-family:var(--font-pantonExtraBold);color:var(--color-green)}
.slider-count span {color:#fff;}

@media screen and (max-width:992px){
	button:not(.default), .btn {font-size:15px}
	.read-more {font-size:16px}
}
@media screen and (max-width:767px){
	button:not(.default), .btn {font-size:12px;padding:10px 20px}
	.slider-pagination {justify-content:flex-start;}
}
/*------------------------------------*\
    Forms
\*------------------------------------*/
.form-row {border-bottom:30px solid var(--color-green-dark)}


form br {display:none}
form label:not(.search-field-holder) {    display: block;     margin-bottom:10px;padding-top:10px;}
form .wpcf7-acceptance label {font-weight:normal;margin-top:24px;margin-bottom:45px;padding:0;}
form .wpcf7-acceptance label a {text-decoration:underline;color:var(--color-default)}
form .wpcf7-acceptance label a:hover, form .wpcf7-acceptance label a:focus {color:var(--color-green)}
form .wpcf7-acceptance label span {display:block;padding-left:45px;position:relative;}
form .wpcf7-acceptance label span:before {content:"";position:absolute;left:0;top:-4px;width:30px;height:30px;background:#fff;border-radius:50%;}
form .wpcf7-acceptance label input:checked + span:after {content:"";position:absolute;left:7px;top:3px;width:16px;height:16px;background:var(--color-green);border-radius:50%;}

form label.hidden {position:absolute;z-index:-99999;font-size:0;text-indent:-999999px;color:transparent;margin:0;}
form {display:flex;flex-wrap:wrap;}
form > * {width:100%;}

.wpcf7-list-item {margin:0;display:block}
.wpcf7-list-item label {padding:0;margin:0;}

input[type="checkbox"], input[type="radio"] {display:none}

span.wpcf7-form-control.wpcf7-radio, span.wpcf7-form-control.wpcf7-checkbox {
    display: block;
    margin-bottom: 20px;
}
.wpcf7-radio  .wpcf7-list-item-label, .wpcf7-checkbox .wpcf7-list-item-label{display:block;padding-left:45px;position:relative;}
.wpcf7-radio  .wpcf7-list-item-label:before, .wpcf7-checkbox .wpcf7-list-item-label:before{content:"";position:absolute;left:0;top:-4px;width:30px;height:30px;background:#fff;border-radius:50%;}
.wpcf7-radio  label input:checked + span:after, .wpcf7-checkbox  label input:checked + span:after{content:"";position:absolute;left:7px;top:3px;width:16px;height:16px;background:var(--color-green);border-radius:50%;}

.wpcf7-list-item:not(:last-child){margin-bottom:15px;}

.select-dropdown-content .wpcf7-checkbox .wpcf7-list-item-label:before {background:rgb(233 233 233 / 50%)}

.select-dropdown-content .wpcf7-checkbox label input:not(:checked) + span:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
}
.select-dropdown-content span.wpcf7-list-item.last {
    border-top: 1px solid #E9E9E9;margin-top:15px;padding-top:15px;
}

@media screen and (min-width:767px){
	.form-half-left, .form-half-right {width:50%;}
	.form-half-left {padding-right:5px;}
	.form-half-right {padding-left:5px;}
}
form p {margin:0;}
form p.verplicht {text-align:right;font-size:13px;color:var(--color-green)}



input, button {appearance:none;-moz-appearance:none;border:none;}

input[type="text"].hidden, .vacaturenaam {display:none}

input[type="text"], input[type="email"],textarea,  input[type="search"], select,  input[type="password"] {
    width: 100%;
    height: 52px;
    background: #fff;border:1px solid #fff;
    border-radius: 0;
    margin-bottom: 10px;
    padding-left: 0;outline:none!important;color:var(--color-default);padding:0 30px;font-family:var(--font-weissenhoff);font-weight:500
}
input[type="search"] {padding-left:0;}

textarea {height:110px;padding-top:15px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
    position: absolute;
    top: 1px;
    right: 25px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}


.select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--single .select2-selection__arrow:after {height:2px;width:8px;position:absolute;content:"";background:var(--color-green-dark);}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    transform: rotate(45deg);
    left: 3px;
    top: 24px;
}
select {width:100%}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {    transform: rotate(-45deg);    left: 8px;    top: 24px;}
.select2-dropdown {
    background-color: white;
    border: none!important;
    border-radius: 0!important;
    box-sizing: border-box;
}
.select2-search--dropdown {
    display: block;
    padding: 10px;
    padding-bottom: -0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--color-grey);padding-left:20px;
}
.select2-container {    margin-bottom: 10px;}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
}
.select2-container .select2-selection--single {height:52px}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-default);
    line-height: 52px;font-weight:400;font-family:var(--font-weissenhoff);
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 30px;
    padding-right: 30px;font-family:var(--font-weissenhoff);
}
.select2-results__option {
    padding: 8px 20px 6px;
   font-family:var(--font-weissenhoff);
}
 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color:  var(--color-green-dark);
    color: white;
}
.select2-container--default .select2-results__option--selected {
    background-color:  var(--color-green); color: white;
}

.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:#ff0000!important}

.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 15px 20px;
    border: 2px solid var(--color-green);
    background: var(--color-green);
    color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--color-green);background:var(--color-green);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff0000;background:#ff0000;
}


.select-dropdown {
    background: #fff;margin-bottom:10px;
   
}
.select-dropdown-trigger { height: 52px;
    background: #fff;
    padding: 0 30px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;cursor:pointer;
  }
.select-dropdown-trigger p {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;}
.select-dropdown-trigger svg {display:inline-flex;}
.select-dropdown-trigger.inactive svg {transform:rotate(180deg)}

.select-dropdown-content > div {padding:0 30px 0;display:flex;flex-wrap:wrap;}
.select-dropdown-content > div > div {width:50%;}
.select-dropdown-content > div > div:first-child {padding-right:35px;}
.select-dropdown-content > div > div:last-child {padding-left:35px;}

.select-dropdown-content h3 {font-size:16px;display:block;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #E9E9E9}

.select-dropdown-content label {padding:0!important;margin:0!important}


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


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:var(--color-default);font-weight:500;
}
::-moz-placeholder { /* Firefox 19+ */
 color:var(--color-default);font-weight:500;
}
:-ms-input-placeholder { /* IE 10+ */
  color:var(--color-default);font-weight:500;
}
:-moz-placeholder { /* Firefox 18- */
 color:var(--color-default);font-weight:500;
}






@media screen and (min-width:767px){
	.search-results +.pagination {padding-top:20px}
}
@media screen and (min-width:991px){
	.search-results +.pagination {padding-top:50px}
}


.search-box {width:100%;}
.search-box:not(:last-child) {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--color-grey-light)}
.search-box h2, .search-box h2 a {color:var(--color-green);font-size:var(--text-28)}
.search-box h2:not(:last-child) {margin-bottom:15px;}
.search-box h2 a:hover, .search-box h2 a:focus {color:var(--color-green-dark)}

@media screen and (max-width:992px){
	.search-box:not(:last-child) {padding-bottom:20px;margin-bottom:20px;}
	.search-box h2:not(:last-child) {margin-bottom:10px;}

}
@media screen and (max-width:768px){
		input[type="text"], input[type="email"], textarea, input[type="search"],  input[type="password"], select, .select2-container .select2-selection--single {height:45px;padding-left:20px}
	.select2-container .select2-selection--single  {padding-left:0;}
	.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:45px;}
	.select2-container .select2-selection--single .select2-selection__rendered {padding-left:20px;padding-right:20px;}
	.select2-container--default .select2-selection--single .select2-selection__arrow {right:12px}
	.search-results +.pagination {padding-top:20px}
	form .wpcf7-acceptance label {    margin-top: 12px;		margin-bottom: 30px;}
	textarea {height:75px}
	.select2-container--default .select2-selection--single .select2-selection__arrow {height:45px;}
	.select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--single .select2-selection__arrow:after {top:20px;}
	
	
	form .wpcf7-acceptance label span:before {top:-6px;;}
form .wpcf7-acceptance label input:checked + span:after {top:1px;}
	
	
	.select-dropdown-trigger {height:45px;padding:0 20px}
	.select-dropdown-content > div {padding:0 20px}
	.wpcf7-radio .wpcf7-list-item-label:before, .wpcf7-checkbox .wpcf7-list-item-label:before {top:-8px}
	.select-dropdown-content .wpcf7-checkbox label input:not(:checked) + span:after, .wpcf7-radio label input:checked + span:after, .wpcf7-checkbox label input:checked + span:after {top:-1px}
}


.bestand-upload {padding:30px;margin-bottom:10px;display:block;position:relative;background:#fff;padding-right:250px}
.bestand-upload .wpcf7-form-control-wrap,
input.wpcf7-form-control.wpcf7-file {
    position: absolute;
    z-index: 100;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.bestand-upload p > span {display:block;}
.file-name {font-weight:500;color:var(--color-default)}
.file-max-size {color:var(--color-grey)}

.bestand-upload p > span.btn {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    color: var(--color-green);
}

.bestand-upload p > span.btn svg path {stroke:var(--color-green);}

.bestand-upload:hover  p > span.btn {background:var(--color-green);color:#fff;}
.bestand-upload:hover  p > span.btn svg path {stroke:#fff}

@media screen and (max-width:767px){
	.bestand-upload {padding:20px;}
	.bestand-upload p > span.btn {position:relative;margin-top:15px;right:0;top:0;transform:none;}
}

@media screen and (max-width:650px){
.select-dropdown-content > div > div:first-child, .select-dropdown-content > div > div:last-child {    padding:0!important;width:100%;}
	.select-dropdown-content > div > div:first-child {margin-bottom:15px;}
}

.grecaptcha-badge {visibility:hidden}
/*------------------------------------*\
    HEADER
\*------------------------------------*/

header {position:fixed;z-index:9900;background-color:transparent;top:0;left:0;padding:30px 0;width:100%}
.header-logo {width:280px;}
.header-logo a {display:block;position:relative}
.dark-logo {position:absolute;top:0;left:0;opacity:0;}
.header-logo img {width:100%;height:auto;}


.fixed-header, .active-header-menu {background:#fff;}
.fixed-header .dark-logo, .active-header-menu .dark-logo{opacity:1;}
.fixed-header .white-logo, .active-header-menu .white-logo {opacity:0;}

header .row {align-items:center}


.header-slogan {
    font-family: var(--font-pantonBold);
    font-weight: 700;
    font-size: 18px;
	color:var(--color-green);text-align:right;    width: auto;
    margin-left: auto;
}
.header-slogan span span {position:relative;color:var(--color-green-dark);}
.header-slogan span span svg {width:13px;height:13px;position:absolute;left:-10px;top:-7px;}
.header-slogan span span svg path {fill:var(--color-green-dark)}

@media screen and (max-width:992px){
	.header-logo {width:200px;}
	
}

@media screen and (max-width:767px){
	
	header {background:#fff;padding:20px 0; }
	main {margin-top:65px}
	.header-logo {width:150px;}
	
}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/

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



::selection {
	background:var(--color-green);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-green);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-green);
	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;
	}
}