@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
html {min-height: 100%;position: relative; }
html, body{overflow-x: hidden;}
body.page{ margin:0px; }
*{outline: none}
*{-webkit-font-smoothing: auto; -webkit-font-smoothing:antialiased; outline: none}



.searchandfilter input, .searchandfilter textarea, .searchandfilter select{appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius: 0}
img{max-width: 100%}
body{color:#2d2d2d;padding:0;margin:0px auto;line-height:normal;font-size:18px; font-family: 'Open Sans', sans-serif;   background: #fff; font-weight:400}
p, img, a, input, select, div{ margin:0px; padding:0px; outline:none!important; box-shadow:none; border:0px; list-style:none; } 
h1, h2, h3, h4, h5, h6{outline:none!important; box-shadow:none; border:0px; list-style:none;   }
a{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
::-webkit-input-placeholder {opacity:1; color:#B5B8DE}:-moz-placeholder {opacity:1; color: #B5B8DE}::-moz-placeholder {opacity:1; color: #B5B8DE}:-ms-input-placeholder {opacity:1; color:#B5B8DE}
p{color:#2d2d2d;line-height: 2;margin-bottom:35px; font-size:18px} 
.home p{ line-height:2;}
a, .calander-main a:hover i{text-decoration:underline;color: #2a2d71;}
a:hover{color:#2a2d71}
a:hover, a:focus{text-decoration:none; outline:0;}
.z-index{ position:relative; z-index:99}
.theme{color:#f992b5}
.whiteTxt{color:#fff;}
.primaryBg{ background:#cdbe8c; }
.primarylightBg{ background:#cfc08e; }
.secondaryBg{ background:#e0d8b9;}

.secondaryBg.wit{ background:#fff;}
.secondaryBg.beige{ background:e0d8b9;}
.secondaryBg.lichtbeige{ background:#f3f2e6;}
.secondaryBg.blauw{ background:#2a2d71;}
.secondaryBg.donker{ background:#231f20;}

.blackBg{ background:#000000; color:#fff}
.darkBg{ background:#928967;}	
.mediumBg{ background:#e0d8b9;}
.lightBg{ background:#EFEBDE;}
.blueBg{ background:#2A2D71;}
.bluelightBg{ background:#47598A;}
.grayBg{ background:#C2C0B0;}
.sbold{ font-weight:600}
.mbold{ font-weight:500}
.bold{ font-weight:700}
.padd75{ padding:75px 0px}
.padd60{ padding:60px 0px}
.padd65{ padding:65px 0px}
.pt60{ padding-top:60px}
ul.list-style{ margin:0px; padding:0px;}
ul.list-style li{ margin:0px 0 15px 0; padding:0px;  position:relative; padding-left:53px}
ul.list-style li:before{ background:url(../images/icons.png) no-repeat; content:""; position:absolute; left:0; top:0; height:14px; width:26px; }
h1{font-size: 2rem; font-weight: bold; }
h2{font-size: 2rem;}
h2.h2, .f40{font-size: 2rem; font-weight:300; }
h3.f18{font-size: 1.8rem; }
h3{font-size: 1.8rem; }
h4{font-size: 1.6rem; }
h5{font-size: 22px; margin-bottom:15px}
.f24{ font-size:24px}
.f18{ font-size:18px}
.f19{ font-size:19px}
.f15{ font-size:15px}
.f22{ font-size:22px}
.white-txt{ color:#fff;}
.whitebg{ background:#fff;}
.sub-title{ color:#aa6706; font-weight:600; font-size:24px }
.zindex{ z-index:2;  position:relative}
.whitetxt{ color:#fff}
.heading-style h2{color:#1a97a3; position:relative; padding-bottom:33px; margin-bottom:25px}
.heading-style h2:before{background: rgb(26,151,163); background: linear-gradient(90deg, rgba(26,151,163,1) 48%, rgba(107,229,234,1) 52%); content:""; position:absolute; width:227px; height:2px; bottom:0 }
.heading-style.text-center h2:before{ left:50%;transform:translateX(-50%)}

.btn.btn-secondary{ border:#fff solid 1px; padding:12px 50px; background:none; text-decoration:none;  border-radius:30px	}
.btn.btn-secondary:hover{ background:#fff; color:#1a97a3; border:#fff solid 1px}
.blackOverlay{position:relative }
.blackOverlay:before{content:"";background-color:rgba(0, 0, 0, .6);position:absolute;left:0;top:0;width:100%;height:100% }
.links{ color:#928967 !important;  text-decoration:none; position:relative; font-size:28px }
.links:hover{ color:#928967;text-decoration:underline;  }
#cn-notice-buttons a {
    color: #cdbe8c;
}
.heading{ padding:30px 0px}
section.heading.team {
    padding: 0;
}
/*****css start*************/
	.hero { animation: marquee 90s infinite linear; }

 #scrollscreen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 301px;
    background-image: url(../images/W-logoslider-XL2.png);
    background-size: auto 295px;
    top: -55px;
    position: relative;
    opacity: 1;
    z-index: 0;
} 
  
.container, .container-lg {
    max-width: 1024px !important;
    //z-index: 3;
    position: relative;
}
.topcontentSection .container, .onecolumnlayout .container, .onecolumnContent .container {
   /* max-width: 830px!important;*/
}
.content p {     margin-bottom: 25px; }
.content.vervolg {     margin-top: 50px; }
.header-top .container-fluid {
    max-width: 1280px;
}
.header-top { padding-top:0;  width:100%; z-index: 10; top:0px; padding-bottom: 0px; position:fixed;
	-webkit-box-shadow: 5px 5px 15px 5px #0000001c;
    box-shadow: 5px 5px 15px 5px #0000001c;
}
.header-top .logo { margin-top:10px;    max-width: 395px;}
ul.headerSocial{ position:fixed; left:0; top:260px;  z-index:9; width:40px;}
ul.headerSocial li{ width:40px}
ul.headerSocial li:hover{ opacity:0.5}
.bannerSection{ background-repeat:no-repeat; height:450px;     background-size: cover; background-position: center center; margin-top: -50px;}
.teambanner {     margin-top: 0;     height: calc(100vh - 250px); }
.topLinks{ margin:10px 0 0 0; padding:0px; display: flex; justify-content: flex-end; }
.topLinks li{ margin:0px 0 0 20px; padding:0px; list-style:none;}
.topLinks li a{ color:#fff; text-decoration:none;}
.topMenu{ margin:30px 0 0 0px;     justify-content: flex-end;}
.topMenu li { margin-left:50px}
.topMenu li a{ text-decoration:none}
.recentWrap:before{ content:""; position:absolute; background:#e0d8b9; right:0; width:calc(100% - 50%); height:100% }
.recentWrap{ background:#f3f2e6; color:#000; position:relative} 
.recentWrap h2{ color:#fff; margin-bottom:0px;  position:relative; z-index:1} 
.recentWrap h2.h2{ color:#000;} 
.recentWrap  h2.darkBg.h2{ color:#fff;} 
.recentWrap .homeBlog{ font-size:30px; position:relative; z-index:1;  max-width:400px; margin:100px auto 130px;  } 
.recentWrap .homeVacatures{ max-width:400px; margin:100px auto 130px; }
.recentWrap .vacaturesList .recente-vacature{ border-bottom:#000 solid 1px; padding:30px 0 30px 0px; margin-right:30px}
.recentWrap .vacaturesList .recente-vacature a{ color:#000; text-decoration:none}
.recentWrap .vacaturesList .recente-vacature a:hover{ color:#000; text-decoration:none}
.recentWrap .vacaturesList .recente-vacature a h2{ color:#000; font-size:20px; font-weight:bold; margin-bottom:5px}
.recentWrap .vacaturesList .recente-vacature a i{ color:#000; font-size:18px; font-style:normal}
.recentWrap .vacaturesList .recente-vacature span{ color:#000; font-size:18px; display: none}
.recentWrap .vacaturesList .vacaturesoverflow{ overflow-y:scroll; height:650px; overflow-x:hidden; margin-bottom:50px}
.recentWrap .vacaturesList .vacaturesoverflow::-webkit-scrollbar { width: 15px; }
.recentWrap .vacaturesList .vacaturesoverflow::-webkit-scrollbar-track {  background:#7a7f81;}
.recentWrap .vacaturesList .vacaturesoverflow::-webkit-scrollbar-thumb { background: #000;}
.recentWrap .vacaturesList .vacaturesoverflow::-webkit-scrollbar-thumb:hover { background: #000; }
.recentWrap .homeBlog a.leesverder{ font-size:18px; display:block ; margin-top:5px; color:#928967;}
.recentWrap .links { font-size:40px; letter-spacing:-1px; background:url(../images/plus-icon.png) 0 13px no-repeat;     padding-left: 51px;  margin-left: -28px;}
.recentWrap .links:hover{ opacity:0.9; text-decoration:none;	}
.homeContent p{ font-size:26px; line-height:1.5; font-weight:300; color:#000; max-width:1000px; margin:auto;}
.bannerSectionBottom {     background-repeat: no-repeat;     height: 450px;     background-size: cover;     background-position: center center; }

img.alignright {
    float: right;
    margin-bottom: 20px;
}


.news-box {
    display: block;
    width: 25vw;
    position: absolute;
    z-index: 9;
    margin: 40px;
    padding: 30px 40px 40px 40px;
}
a .news-box {
    color: #231f20;
    background: #ccbf8ccc;
	-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;
}
a:hover .news-box {
    background: #cdbe8c;
	-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;
}
.news-box.linksonder {
bottom: 0;
}
.news-box.rechtsboven {
right: 0;
}
.news-box.rechtsonder {
right: 0;
bottom: 0;
}
.news-box h2 {
    font-size: 34px;
    font-weight: 300;
}
/***FLEXBOXES***/
section.flexbox {
  
}
.bannerSectionFlex{ background-repeat:no-repeat; height:450px;     background-size: cover; background-position: center center;}

.bannerText {
    display: block;
    width: 40vw;
    padding: 50px;
    margin: auto;
    padding-top: 100px;
}
.bannerText, .bannerText p {
    color: #fff;
    text-shadow: 5px 3px 5px black;
}
.bannerText.donker, .bannerText.donker p { color:#000; text-shadow: none;}

.photoarea {
    position: absolute;
    right: 0;
    width: calc(100% - 50%);
    height: 100%;
    top: 0;
}
section.twocolumnContent.photo {
    background-size: 50%;
    background-position-x: right;
    background-repeat: no-repeat;
}
section.twocolumnContent.photo-rechts {
    background-size: 50%;
    background-position-x: left;
    background-repeat: no-repeat;
}
.col-md-6.contentarea.photo {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.col-md-6.contentarea.photo.order-2 {
    padding-left: 40px;
}
.col-md-6.contentarea.white, .col-md-6.contentarea.white p {
    color: #fff;
	font-weight: 200;
}
.contentarea.white, .contentarea.white p, .contentarea.white h2, .contentarea.white a {
    color: #fff!important;
    font-weight: 200!important;
    text-decoration: none;
    font-size: 36px;
}
section.twocolumnContent.photo-rechts:before, section.twocolumnContent.photo:before  {
    content: "";
    background-color: unset;
}
/***footer****/
footer a{ color:#fff;}
footer a:hover{ color:#fff; text-decoration:none;}
footer{ background:url(../images/footer-bg1.jpg) repeat; padding-top:25px; color:#fff; }
footer address{ color:#fff; font-size:17px; font-weight:300; line-height:1.6; margin-left:30px}
footer address p{ color:#fff; font-size:17px; font-weight:300; line-height:1.6; }
footer address a{ color:#fff; text-decoration:none;}
footer address a:hover{ color:#fff;}
footer .socialmediaList{ margin-bottom:-20px}
footer .socialmediaList li { background:#928968; height:34px; width:34px; margin:0 0 0 15px; display:flex; justify-content:center; align-items: center; }
footer .socialmediaList li i.fa{ margin:0px; padding:0px; font-size:24px}
.footerLink a{ margin-left:15px;     text-decoration: none; font-weight:300}
img.logo-right {
    float: right;
    width: 265px;
    margin-top: 18px;
}
.footerLogo-right a {
    text-decoration: none;
}
.logo-right-payoff {
    font-size: 12px;
    font-weight: 300;
    display: block;
    width: 225px;
    text-align: right;
    float: right;
    margin-top: -10px;
    margin-bottom: -40px;
}
	

/**team page****/
.twocolumnContent{ position:relative; overflow: hidden;}
.twocolumnContent .container{ position:relative; z-index:3}
.twocolumnContent:before{ content:""; position:absolute; background:#f3f2e6; left:0; width:calc(100% - 50%); height:100%; top:0; }

.twocolumnContent.wit:before{ background:#000;}
.twocolumnContent.beige:before{ background:#f3f2e6;}
.twocolumnContent.lichtbeige:before{ background:#cdbe8c;}
.twocolumnContent.blauw:before{ background:#2a2d71;}
.twocolumnContent.donker:before{ background:#fff;}

.twocolumnContent.lichtbeige-full {background: #e0d8b9;}
.twocolumnContent.lichtbeige-full:before {background: #e0d8b9;}

.twocolumnContent p{ font-size:18px; line-height:2; padding-right:50px; color:#000}
.twocolumnContent .col-md-6 + .col-md-6{ padding-left:40px}

.teamSection .teambx{  height:315px; border-radius:100%; width:315px; overflow:hidden; margin-bottom:15px; position:relative; font-weight: 100; }
.teamSection .teambx:before{ content:""; position:absolute; background:#2A2D71; left:0; width:100%;  height:100%; opacity:0.75;  transition: .8s; top:0px; z-index:1}
.teamSection .teambx{     transition: .8s;}
.teamSection .teambx:hover:before{top:100%}
.teamSection .teambx .teaminfo { position: absolute; left: 56px; bottom: 54px; z-index: 1; color: #fff; word-break: break-all; transition: .8s; bottom:61px;}
.teamSection .teambx .teaminfo a{display:block}
.teamSection .teambx:hover .teaminfo{bottom:-72px}
.teamSection .teambx img{    transition: .6s;}
.teamSection .teambx:hover img{     transform: scale(1.2);}
.teamSection .teambx img.plus-icon {   width: 28px;     position: absolute;     margin-top: 140px;     margin-left: -64px; z-index: 5; }
.teamSection .teambx:hover img.plus-icon {  margin-left: 24px;   transform: scale(1);}
.teamSection .teambx .profiel-info {
    background: #060000;
	color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    margin-left: 0;
	z-index: 1;
	opacity: 0;
}
.teamSection .teambx .profiel-info.toon {
    margin-left: 0;
    z-index: 2;
	opacity: 2;
	transition: .6s;
}
.teaminfo-top {
    position: absolute;
    left: 56px;
    z-index: 1;
    color: #fff;
    top: 61px;
}
.teaminfo-top a {
    text-decoration: none;
    color: #cdbe8c;
}
.teaminfo-top a:hover {
    text-decoration: underline;
}
.teaminfo-bottom {
    position: absolute;
    left: 56px;
    z-index: 1;
    color: #fff;
    bottom: 61px;
}
.partner_naam {
    font-weight: 600;
}
.functietitel {   word-break: break-all; width: 199px;}
.onecolumnlayout h2{ font-weight:bold; margin-bottom:30px}
.onecolumnlayout p{ line-height:2}

/**twocolumnlayout**/
.topcontentSection{ margin-top:20px; text-align:left;padding-bottom: 80px;}
.topcontentSection h2{ 
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.topcontentSection p { font-size:18px; line-height:2}
.contentarea h2{  font-weight:bold; letter-spacing: -1px;}
.contentarea p{ font-size:18px; line-height:2}
.twocolumnContent .col-md-6 + .col-md-6 p{ padding-right:0px}
.onecolumnContent.bottomContent h2{ font-weight:bold;}
/*.onecolumnContent.bottomContent p{ font-size:28px; line-height:1.8	}*/
.twocolumnContent .col-md-6.contentarea h2{ margin-bottom:1.5rem}
/*.twocolumnContent .col-md-6 + .col-md-6.contentarea h2{ margin-bottom:10px; font-size:32px}*/
.wp-video {
    max-width: 100%;
    height: auto;
    width: 100%!important;
}

.container-fluid.photocolumn {
    padding: 0;
}
.col-md-6.imagearea {
    padding: 0 0 0 0!important;
    margin: -54px 0 0px 0;
    background: #fff;
}
.col-md-6.contentarea {
    
}
.column-header {
    position: relative;
    height: 50vh;
    width: 100%;
    margin: 0;
    overflow: hidden;
}
.column-header img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/***portfoliio***/
.portfolio-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; /* Aanpassen indien nodig */
    margin: 0 auto 50px;
}

.portfolio-item {
    aspect-ratio: 1 / 1; /* Zorgt voor een vierkant formaat */
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #000;
    padding: 20px; /* Aanpassen indien nodig */
}

.portfolio-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Zorgt ervoor dat de afbeelding netjes binnen het vierkant past */
}
/***vacatures***/
#vacature_list{ position: relative; z-index:1; }
.vacature_list .row{ margin:0 -5px}
.vacature_list .row .col-md-4{ padding:0 5px}
.vacature_list .row .col-md-4 h3 {
    font-size: 1.5rem;
}
.vacancyWrap{ position:relative; overflow:hidden; margin-bottom:10px}
.vacancyWrap .vacancyimg, .vacancyWrap .benoemingimg {width:100%; height:323px; background-size:cover; position:relative}
.vacancyWrap .vacancyinfo{position:absolute; top:0; height:100%; width:100%}
.vacancyWrap .vacancyimg:before{ content:""; position:absolute;  left:0; width:100%;  height:100%; opacity:1 } 
.vacancyWrap .benoemingimg::before, .benoemingimg::before 
{ 
    content:""; 
    position:absolute; 
    left:0; 
    width:100%; 
    height:323px; 
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;	
	} 
a:hover .vacancyWrap .benoemingimg:before{
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;	
}

.benoemingimg.color-1::before {
    background: #58172f;
}
a:hover .vacancyWrap .benoemingimg.color-1::before {
    background:#5b2c3b;
}
.benoemingimg.color-2::before {
    background: #928968;
}
a:hover .vacancyWrap .benoemingimg.color-2::before {
    background:#cdbe8c;
}

.benoemingimg.color-3::before {
    background: #43437b;
}
a:hover .vacancyWrap .benoemingimg.color-3::before {
    background:#28266e;
}





.vacancyWrap .vacancyinfo{ padding:30px 20px 20px 20px}
.vacancyWrap .vacancyinfo .overzicht_vacatures_titel{ position:relative; height:100%;}
.vacancyWrap .vacancyinfo .overzicht_vacatures_titel h3{  color:#fff;}
.vacancyWrap .vacancyinfo .overzicht_vacatures_titel a{ color:#fff}
.midTxt {margin-top: 20px;}
.vacancyWrap .vacancyinfo .bottomTxt { position:absolute; bottom:0px; left:0px;     display: flex; 	flex-wrap: wrap; font-family: "Bodoni Moda", serif;font-weight: 600; }
.vacancyWrap .vacancyinfo .bottomTxt, .vacancyWrap .vacancyinfo .midTxt { color:#fff }
.vacancyWrap .vacancyinfo .midTxt span.txt2{ font-weight:bold;display: block;min-height: 25px;width: 100%;}

.vacancyWrap.static-article {
    background: #d2036f;
    height: 323px;
    padding: 29px;
    background-image: url("../images/WG-teaser-320px-03.png");
    background-size: cover;
}
.vacancyWrap.static-article h3 {
    color: #fff;
}
.vacancyWrap.static-article .bottomTxt img {
    max-width: 75%;
}
.vacancyWrap.static-article .bottomTxt {
    bottom: 15px;
    display: flex;
    position: absolute;
}
article.col-md-4.col-sm-6 a {
    text-decoration: none;
}
.topcontent h2, .topcontent h1{font-weight:bold; color:#928968;}
.topcontent p{font-size:28px; max-width:713px; margin:auto; line-height:1.6; font-weight:300; margin-bottom:10px}

.contentbox { position:relative; padding:23px 0 20px 0}
.contentbox p{ margin-bottom:0px; padding-bottom:0px;}
.vacturelist {     /*margin-top: 70px; */}
.vacturelist h2{ font-weight:bold; margin-bottom:25px}
.vacturelist ul { margin:0px; padding:0px}
.vacturelist li { margin:0px 0 8px 0; padding:0px; list-style:none; display:flex; align-items:center;}
.vacturelist li .colorbx{ background:#928968; width:30px; height:30px; border:#cfc08e solid 1px; display: block; margin-right:20px}
.searchandfilter ul { display:flex!important; margin-top: 6px!important;}
.searchandfilter ul li { z-index:1;}
form#search-filter-form-159168 ul {
    padding: 0 0 10px 0;
}
.search-filter-results article.col-md-4.col-sm-6 {
    padding: 0 5px;
}
.searchandfilter h4 {
    padding: 11px 20px 0 0 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    float: left;
    padding: 0;
 }
.sf-field-taxonomy-categorie li, .sf-field-category li {
    cursor: pointer;
    position: relative;
    z-index: 99999;
    padding: 0px 10px 0 0px !important;
}
.sf-field-taxonomy-categorie li.sf-option-active, .sf-field-category  li.sf-option-active {font-weight:bold;}
.sf-field-taxonomy-categorie li input, .sf-field-category li input { 
    width: 30px!important;     height: 30px;     border: 0;     display: inline-block;     margin-right: 0px;     margin-bottom: -8px;
}

.sf-field-taxonomy-categorie li.sf-option-active:before, .sf-field-category li.sf-option-active:before { 
    content: "";
    position: absolute;
    width: 20px;
    height: 9px;
    border-left: #000000 solid 2px;
    border-bottom: #000000 solid 2px;
    transform: rotate(-49deg);
    left: 6px;
    top: 9px;
    cursor: pointer !important;
}
.sf-field-taxonomy-categorie li label, .sf-field-category li label {
    cursor:pointer; 
    text-transform: lowercase;
    margin-left: -40px;
    position: relative;
    z-index: 99999; padding:5px 0 5px 50px !important
}
.sf-field-taxonomy-categorie li.sf-item-73 input{ border: solid 1px #000;}
.sf-field-taxonomy-categorie li.sf-item-74 input{ border: solid 1px #000;}
.sf-field-taxonomy-categorie li.sf-item-75 input, .sf-field-category li input{ border: solid 1px #000;}	

/* Verberg de oorspronkelijke tekst van het tweede label */
.sf-item-74 .sf-label-checkbox {
    visibility: hidden;
    position: relative;
}

/* Voeg de nieuwe tekst toe met :after */
.sf-item-74 .sf-label-checkbox::after {
    content: "Reactietermijn verstreken";
    visibility: visible;
    position: absolute;
    left: 50px;
    top: 4px;
}


.vacature_list .row .col-md-4 .vacancyWrap.open-vacatures .vacancyimg:before{background:#928968; }
.vacature_list .row .col-md-4 .vacancyWrap.kandidaten-gepresenteerd .vacancyimg:before{background:#43437b; }
.vacature_list .row .col-md-4 .vacancyWrap.succesvol-afgerond .vacancyimg:before{background:#58172f; }

a:hover .vacancyWrap.open-vacatures .vacancyimg:before{background:#cdbe8c!important; }
a:hover .vacancyWrap.kandidaten-gepresenteerd .vacancyimg:before{background:#28266e!important; }
a:hover .vacancyWrap.succesvol-afgerond .vacancyimg:before{background:#5b2c3b!important; }

#search-filter-results-159168 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
        width: calc(100% + 10px);
}
#search-filter-results-159168 h3 {
    font-size: 24px;
}
.col-sm-4.profiel {     margin-bottom: 40px; }
a.link-benoemingen {     display: block;     background: #231f20;     padding: 10px;     margin-top: 30px;     text-decoration: none;     color: #fff; }
a.link-open-vacatures {     display: block;     background: #cdbe8c;     padding: 10px;     margin-top: 0px;     text-decoration: none;     color: #fff; }
a:hover.link-benoemingen {     background: #000; }
a:hover.link-open-vacatures {     background: #928968; }
.vacancyimg:before {
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;	
}
a:hover .vacancyimg:before{
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
span.status-vacature {
    display: block;
    font-weight: 200;
    margin-top: -20px;
    margin-bottom: 20px;
    font-size: 14px;
}
.vacature_list .row .col-md-4 .vacancyWrap.open-vacatures .overzicht_vacatures_titel h3,
.vacature_list .row .col-md-4 .vacancyWrap.open-vacatures .vacancyinfo .bottomTxt, .vacature_list .row .col-md-4 .vacancyWrap.open-vacatures .vacancyinfo .midTxt{ color:#000 }
.vacturelist li:nth-child(2) .colorbx{ background:#2a2d71;}
.vacturelist li:nth-child(3) .colorbx{ background:#000000;}	
.readmore a{ color:#2a2d71; text-decoration:none; position:relative;}
.readmore a:before{ width:13px; height:13px; border-bottom:#2a2d71 solid 1px;  border-left:#2a2d71 solid 1px; content:""; position:absolute; bottom:-20px; left:34px;     transform: rotate(
-45deg);  }

.bottomsection{ width:100%; height:250px;  margin-top:15px; position:relative; }
/*.bottomsection:before{ content:""; position:absolute; width:50%; height:100%; background:#eae5d1; left:0; top:0;}*/
.bottomsection  .owl-carousel .owl-stage-outer{ overflow: inherit;}

footer{ position:relative}
.scrolldown {     margin-top: -15px;     position: absolute;     display: block;     margin-left: auto;     margin-right: auto;     height: 0px;     width: 100%; }
.downarrow { position: absolute; width: 20px; height: 20px; left: calc(50% - 10px); top: -30px;}
.downarrow.vervolg {top: -30px;}
.home-next {     display: inline-block;     width: 20px;     height: 20px;     margin-top: -255px;     position: absolute; }
.vervolg-next {     display: inline-block;     width: 20px;     height: 20px;     margin-top: -180px;     position: absolute; }
.downarrow span:after{ width:13px; height:13px; border-bottom:#fff solid 1px;  border-right:#fff solid 1px; content:""; position:absolute; bottom:0px; left:0px;  transform: rotate(45deg); filter: drop-shadow(0px 0px 1px #000); }
.uparrow { position: absolute; width: 20px; height: 20px; margin-left:calc(50% - 6px); top: -30px;z-index: 10;}
.uparrow span:after{ width:13px; height:13px; border-top:#2a2d71 solid 1px;  border-left:#2a2d71 solid 1px; content:""; position:absolute; bottom:0px; left:0px;  transform: rotate(45deg);  }

.popup.blackBg{ position:relative; }
.popup.blackBg .popup-inner{ position:relative; z-index:1} 
.popup p { color: #828183;   line-height: 1.7; font-size: 16px; }
.popup .popup-content{ font-size:18px; max-width:500px}
.popup .popup-content .designation{ margin-bottom:35px; font-weight:300; display:block; color: #828183;  font-size:16px}
.popup .popup-content .c-info { position:absolute; bottom:30px; font-size: 16px;color: #928968;}
.popup .popup-content .c-info .tel{ color:rgb(205, 196, 144); text-decoration:none;}
.popup .popup-content .c-info ul{  margin:0px; padding:0px; list-style:none; display:flex}
.popup .popup-content .c-info li { background:#928968; height:34px; width:34px; margin:22px 15px 0 0px; display:flex; justify-content:center; align-items: center; }
.popup .popup-content .c-info li i.fa{ margin:0px; padding:0px; font-size:24px; color:#fff;}
.sub.c-info li { background:#928968; height:34px; width:34px; margin:10px 15px 0 0px; display:flex; justify-content:center; align-items: center; }
.sub.c-info li i.fa{ margin:0px; padding:0px; font-size:24px; color:#fff;}
.popup   .owl-carousel .owl-item img { max-width: 100%; height: 700px; object-fit: contain; width:auto;  }
.bottomsection  .owl-carousel .owl-item img { max-width: 100%; height: 1000px; object-fit: contain; margin-top: -290px;  margin-left: -147px;}
.owl-dots{display:none;}
.teamSection .owl-nav {width:100%; position:absolute; top:50%; right:0;   margin-top:-50px }
.teamSection .owl-nav button.owl-prev{ color:#2A2D71; font-size:30px }
.teamSection .owl-nav button.owl-prev,
.teamSection .owl-nav button.owl-next{ width:50px; height:50px}
.teamSection .owl-nav button.owl-prev span,
.teamSection .owl-nav button.owl-next span{border-top: #fff solid 1px;  border-left: #fff solid 1px; width: 20px; height: 20px; display: block; transform: rotate(-45deg); top: 0px; position: relative;
 font-size:0px;}
.teamSection .owl-nav button.owl-next span { border-left:none; border-top:none;  border-right: #fff solid 1px; border-bottom: #fff solid 1px;}
.teamSection .owl-nav button.owl-next.disabled span, .teamSection .owl-nav button.owl-prev.disabled span{ cursor:none;}
.teamSection .modal-dialog{ max-width:70%}
.teamSection .owl-nav button.owl-next{ right:0px; position: absolute; }
.teamSection .owl-nav button.owl-prev{ left:25px; position: absolute; }
 .btn-close{width:15px; height:15px; position:absolute; right:25px; border:#fff solid 2px; top:25px;     border-radius: 50%;
background:url(../images/closeIcon-w.svg) no-repeat;     background-size: 14px; background-position: center center; z-index:99; opacity:1}
.single-vacancy .vacancyimg, .single-post .vacancyimg{width:100%; height:323px; background:url(../images/W-vacature-320px-4.jpg) no-repeat; background-size:cover; position:relative; margin-top: 25px;}
.vacaturedetail-wrapper {
    padding-top: 50px;
}
.social-icons {     display: inline-block;     float: right; }	
.social-share {     display: block;     margin-top: 20px; margin-bottom: 0px;}
.social-share a {     color: #fff;     background: #2a2d71;     width: 30px;     height: 30px;     display: inline-block;     text-align: center;     padding-top: 2px;     margin-left: 3px; }
.vacancy-details{ padding-left:50px;    padding-bottom: 50px;}
.teamSection .slideclose { position: absolute; top: 32px; border: #45598a solid 1px; width: 32px; height: 32px; border-radius: 100%; text-align: center; text-decoration: none; margin-left: 37px; line-height: 30px; color: #45598a; z-index: 9999; left:50%;}
.postNavigation {     position: relative; top: 40px;margin-bottom: 80px;  margin-left: 90px;     display: block; }
.postNavigation a.prevLink, .postNavigation a.nextLink{ border-top: #45598a solid 1px;  border-left: #45598a solid 1px; width: 20px; height: 20px; display: block; transform: rotate(-45deg); top: 0px; position: relative;
 font-size:0px;}
.postNavigation a.nextLink { border-left:none; border-top:none;  border-right: #45598a solid 1px; border-bottom: #45598a solid 1px; margin-left:95px;}
.postNavigation .closeItem { position: absolute; top: -8px;  width: 41px; height: 41px; border-radius: 100%; text-align: center; text-decoration: none; margin-left: 45px; 
background:url(../images/close-icon.png) no-repeat;}

.d-flex.column {flex-direction: column;}

.vacancy-details h1{font-weight:500; font-size:30px; margin-bottom:30px; color:#000}
.vacancy-details h1 strong{font-weight:bold; }
.vacancy-details ul {padding-left: 0;}
.vacancy-details ul li{ margin-bottom:6px; display:block; line-height:1.6; position:relative;  padding-left:20px; color:#000 }
.vacancy-details ul li:before{ width:5px; height:5px; background:#000; content:""; position:absolute; left:0; top:13px; border-radius:50%}
.downloadbtn{background: #2a2d71;color: #fff; border-radius: 0px;width: 100%;display: inline-block;  justify-content: center; margin:25px 0 0 0px; padding:6px 25px}
.downloadbtn:hover{ background:#cdbe8c; color:#000;}
.contactbtn{background: #2a2d71;color: #fff; border-radius: 0px;width: 100%;display: inline-block;  justify-content: center; margin:5px 0 0 0px; padding:6px 25px}
.contactbtn:hover{ background:#cdbe8c; color:#000;}
.logo-opdrachtgever {     border: solid 1px #cdbe8c;     padding: 30px; }
.logo-opdrachtgever img {height: auto;}
.afbeelding-opdrachtgever {margin-top:25px;}
.heroBannerImg{ overflow:hidden; background:#000; height:60vh !important;      position: relative; }
.heroBannerImg video{
    width: 100% !important;
    height: 71vh !important;
    margin-top: 0px;
    margin-bottom: 0px;
    object-fit: cover;
    object-position: bottom;
}
video { object-fit: fill; position: absolute; }
.container.actueel {     padding-top: 50px; }
h2.news { font-size:30px;}
h2.news a { color:#000; text-decoration: none;font-size: 23px;}
.news-image img {     width: auto;     height: auto;     max-height: 150px;     max-width: 200px;     float: right; }
.nieuwscontent.specialsacties {     font-size: 18px;     line-height: 2; }
.row.news {     margin-top: 50px;     margin-bottom: 25px; }
.row.newsitem {     margin-bottom: 80px; }
.homevideo{ overflow:hidden; background:#000; height:calc(100vh - 236px) !important;      position: relative;}
.homevideo video{width:100% !important; height:100% !important; margin-top:-10px; margin-bottom:-10px}

.hero {
  height: 1000px;
  position:relative;z-index:2;
  background-repeat: repeat;
  text-align: center;
  top: -275px; 
	
}
.middleSection, .heroBannerImg{  margin-top:128px;}
@keyframes marquee {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -4550px;
  }
}

label {
    display: inline;
}

.wpcf7-response-output {
    display: block;
    margin-bottom: 20px; /* Ruimte onder de foutmelding */
}

.wpcf7-form {
    display: flex!important;
    flex-direction: column!important;
}

.wpcf7-response-output {
    order: -1; /* Zorgt ervoor dat de foutmelding bovenaan komt */
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    background: #ffb900!important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 20px 0!important;
    padding: 20px!important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450!important;
    color: #fff !important;
    font-weight: 600!important;
}
.wpcf7 h3 {     color: #ffffff!important;     margin: -30px -30px 20px -30px;     padding: 10px 24px;     background-color: #f15a24;    border-radius: 10px 10px 0 0; }
input[type="button"], input[type="reset"], input[type="submit"] {     border: none;     background-color: #2a2d71;     color: #fff;     padding: 10px 30px;     border-radius: 0px;}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 0px;
    border: 0px;
    padding: 10px;
}
input, textarea {
    background-color: #ffffff;
    border: 1px solid #231f20;
    width: 100%!important;
    margin-bottom: 20px;
}
.form-check-input[type=checkbox] {
    border-radius: 0;
    width: 10px !important;
}
.wpcf7-select.menu-from {
    border: solid 1px #000;
    width: 100%;
    margin-bottom: 20px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.8em!important;
    text-align: left;
    padding: 0 0 20px 0;
    margin-top: -10px;
}
::placeholder { 
  color: #cdbe8c;
  opacity: 1; 
}
:-ms-input-placeholder { 
  color: #cdbe8c;
}
.cfrow {
    display: flex;
    justify-content: space-between; /* Verdeel de ruimte gelijkmatig tussen de labels */
    gap: 5px; /* Zet 5 pixels ruimte tussen de labels */
}
.menu-from::after {
    content: "\25BC"; /* Unicode voor een neerwaartse pijl */
    position: absolute;
    right: 10px; /* Plaats de pijl 10px van de rechterrand */
    top: 50%;
    transform: translateY(-50%); /* Centreer de pijl verticaal */
    pointer-events: none; /* Zorg dat de pijl de klikbaarheid niet beïnvloedt */
    color: black; /* Kleur van de pijl */
    font-size: 12px; /* Grootte van de pijl */
}
.menu-from {
    color: #cdbe8c; /* Set the default color to red */
}
/* Ensure other options have the default color */
.menu-from option {
    color: black;
}
/* Keep the "Aanhef" option red */
 .menu-from option[value=""] {
    color: #cdbe8c;
}
label.cf33, label.cf50 {
    flex: 1; /* Zorgt ervoor dat de labels gelijke breedte hebben */
    text-align: center; /* Optioneel: centreer de tekst in de labels */
}
label.cf50.aanhef {
    max-width: 17.5%;
}
label.cf50.tussenvoegsel {
    max-width: 150px;
}

label.cf50.aanhef select {
    border: 1px solid #231f20;
    width: 100%;
    padding:10px;
    color: #cdbe8c;
}
label.cf50.aanhef option[value=""] {
    color: #cdbe8c;
}

label.cf50.aanhef option {
    color: black;
}
span#reageren {
    height: 20px;
    display: block;
}
form.solliciteren {
    margin-top: 30px;
    margin-bottom: 50px;
}

.form-check {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 30px;
}
.form-check input[type="checkbox"] {
    width: 20px!important; 
    height: 20px; 
    margin-left: 10px; 
    margin-bottom:0!important;
}

.form-check label {
    margin: 0; 
}

.wpforms-form input[type=submit].wesselo:hover, 
.wpforms-form input[type=submit].wesselo:active, 
.wpforms-form button[type=submit].wesselo:hover, 
.wpforms-form button[type=submit].wesselo:active, 
.wpforms-form .wpforms-page-button.wesselo:hover, 
.wpforms-form .wpforms-page-button.wesselo:active {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #cdbe8c !important;
}
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: #cdbe8c!important;
    color: #000!important;
}
span#reageren {
    scroll-margin-top: 140px;
}
/* modal style */

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    outline: 0;
}
.modal-header {
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #2a2d71;
    color: #fff;
}
.btn-close {
    background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center / 1em auto no-repeat;
    opacity: .5;
}
span.fromcontent {
    padding-bottom: 20px;
    display: block;
}
/* end modal style */

@media (min-width:1440px) and (max-width:1920px) {
	.hero {
	  height: 1000px;
	  position:relative;z-index:2;
	  background-repeat: repeat;
	  text-align: center;
	  top: -275px;
	}
	#scrollscreen{
	  top: -150px;
	}
}

@media (max-width:1024px){
		.topLinks{display:none}
		.header-top .logo { margin-top: 0px;}
		.header-top{ padding:10px 0px}
		.teamSection .modal-dialog{ max-width:100%}
		.heroBannerImg{height:calc(100vh - 199px) !important;      }
		}
		
@media (max-width:990px){
.recentWrap .links{ font-size:30px;     margin-left: 0; padding-bottom:5px;     background-position: 0 5px;}	
.bannerSection{ height:350px}
.bottomsection{ height:500px}
.bottomsection .owl-carousel .owl-item img { height: 700px;     margin-top: -224px; }
.popup .popup-content { max-width: 100%; text-align: center; margin-top: 20px; margin-bottom: 25px; padding: 0 24px;}
.popup .popup-content .c-info ul{ justify-content: center;}
.popup .popup-content .c-info { position:relative; bottom:inherit}
video { object-fit: cover; }
.heroBannerImg{height:calc(100vh - 195px) !important;      }
#scrollscreen{  height: 450px !important; background-size: auto 450px;  top: -74px;}


}	

@media (max-width:767px){
.wesImg {width: auto !important; padding:0 15px;}
.header-top .col-md-5{ width:250px}
.header-top .col-md-7{ width:calc(100% - 250px)}
.socialmediaList, .footerLink  {display:none !important}
.footerLogo img{ width:200px !important}
.headerSocial{display:none;}
.recentWrap:before{display:none;}
.recentWrap .vacaturesList .recente-vacature a h2{     word-break: break-word;}
.homeContent p{ font-size:20px}
h2.h2, .f40, .topcontentSection h2,h2{ font-size:30px}
.recentWrap .homeVacatures, .recentWrap .homeBlog{    margin: 50px auto 60px;}
.uparrow { position: absolute; width: 40px;  height: 40px; left: inherit; bottom: 32px; top:inherit;right: 30px;}
.uparrow span:after { width: 30px; height: 30px; border-top: #fff solid 2px; border-left: #fff solid 2px; }
.bottomsection{     padding-top: 30px; padding-bottom:30px; background-size: 100%; height:auto; }	
.twocolumnContent .col-md-6 + .col-md-6 { padding-left: 30px;}
.topcontentSection p, .onecolumnContent.bottomContent p{ font-size:17px; line-height:1.6}
.twocolumnContent:before{display:none;}
.popup p{ margin-bottom:0px}
.popup .popup-content .designation{ margin-bottom:10px}
.bottomsection .owl-carousel .owl-item img { height: auto;     margin-top: 0px;  margin-left:0px}
.heroBannerImg{height:inherit !important;      }
.heroBannerImg video{ position:relative; height:50vh !important}
.news-box {
    display: block;
    width: calc(100% - 60px);
    font-size: 13px;
    position: absolute;
    z-index: 9;
    margin: 40px 30px;
    padding: 22px 25px 25px 25px;
}
.news-box h2 {
    font-size: 25px;
    font-weight: 300;
}
news-box.rechtsonder, news-box.rechtsboven, news-box.linksonder     {
    right: unset;
	top: unset;
    bottom: 0;
}
#scrollscreen{  height: 300px !important; background-size: auto 300px;  top: -74px;}
.vacancy-details{ padding-left:0px;    padding-top: 50px;}
.topcontentSection {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 40px;
}
.container-fluid.photocolumn {
    display: none;
}
.twocolumnContent p {
    padding-right: 0;
}
.col-md-6.contentarea {
    padding: 0 30px;
}
.text-center {
    text-align: center!important;
    padding: 0 30px;
}
.bannerSectionBottom {
    height: 25vh;
}
.heading {
    padding: 20px 0px!important;
}
img.logo-right {
    float: left;
    width: 255px;
    margin-top: 38px;
}
.logo-right-payoff {
    font-size: 10px;
    font-weight: 300;
    display: block;
    width: 210px;
    text-align: right;
    float: left;
    margin-left: 44px;
    margin-top: -3px;
    margin-bottom: 0px;
}
/** form **/
.cfrow {
    flex-direction: column; /* Plaats de labels onder elkaar */
}

.cf33, .cf50, label.cf50.aanhef, label.cf50.tussenvoegsel{
    width: 100%; /* Zorg ervoor dat elk label 100% breedte heeft */
    max-width: 100%;
}
label.cf50.aanhef select {
    margin-bottom: 14px;
}
/** portfolio **/
.portfolio-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    gap: 15px;
    margin: -30px auto 15px;
}

footer address, footer address p {
    margin-left: 5px;
    font-size: 14px!important;
    line-height: 24px!important;
}
.searchandfilter ul {
    flex-wrap: nowrap;
    flex-direction: column;
}
#search-filter-results-159168 {
    display: block;
    flex-wrap: wrap;
    margin-left: -5px;
        width: calc(100% + 10px);
}
.searchandfilter h4 {
    padding: 11px 20px 19px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    float: unset;
}
}


.show{z-index:9;}
.modal{z-index:10;}