*{font-family:"Varela Round";}

.blok{padding:40px 0 150px 0}

header.header{}
header.header .b_grijs{background-color:#ececec;padding:10px}
header.header .img{background-position:center;background-size:cover;height:220px;}
header.header h1{font-size:35px;color:#023a78;font-weight:500;}

.breadcrumbs{}
.breadcrumbs :is(span,span a){font-size:15px;font-weight:800;color:#54595f;}

.filter{margin-bottom:40px;}
.filter select{color:#5E5E5E;border:1px solid #E7E7E7}

.medewerkers{}
.medewerkers .medewerker{position:relative;padding:20px;border:1px solid #E7E7E7;margin-bottom:30px;overflow:hidden;}
.medewerkers .medewerker .img{aspect-ratio:5/6}
.medewerkers .medewerker .img img{object-fit:cover;width:100%;height:100%;}
.medewerkers .medewerker .txt{font-size:13px;color:#707070;line-height:1;}
.medewerkers .medewerker .txt h4{font-size:16px;color:#023A78;margin:15px 0 5px 0;line-height:1;}
.medewerkers .medewerker .txt h4 a{color:#023A78;}
.medewerkers .medewerker a.email{position:absolute;top:0;right:45px;background-color:#023A78;color:#fff;padding:30px 10px 10px 10px;line-height:1;opacity:0;transform:translateY(-30px);transition:all 200ms ease-in-out;}
.medewerkers .medewerker a.email img{filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(232deg) brightness(110%) contrast(106%);}
.medewerkers .medewerker:hover a.email{opacity:1;transform:translateY(0);}

.medewerker.werkenbij{padding:0;background-color:#FFC26E;border:none}
.medewerker.werkenbij .img{height:160px;aspect-ratio:auto;}
.medewerker.werkenbij .txt{padding:20px;color:#023a78}
.medewerker.werkenbij .txt h4{font-size:18px;margin-bottom:10px;}
.werkenbij .txt p{}
.werkenbij .cta{border:2px solid #fff;padding:9px 15px;color:#3f3f3f;transition:all 150ms ease-in-out;background-color:transparent;display:inline-block;border-radius:10px;font-weight:800;}
.werkenbij .cta:hover{color:#fff;background-color:#023a78;}
.werkenbij .cta:hover svg{fill:#fff;}
.werkenbij .cta svg{width:14px;fill:#3f3f3f;margin-left:10px;transition:all 150ms ease-in-out;}

@media (min-width: 768px) {
	header.header .b_grijs{padding:0 0 0 80px}
	header.header .img{height:320px;}
	.medewerker.werkenbij .img{height:266px;}
}
@media (min-width: 992px) {
	.medewerker.werkenbij .img{height:219px;}
}
@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:1140px;}
	.medewerkers .medewerker .txt{min-height:47px;}
	.medewerker.werkenbij .img{height:179px;}
}