.medewerkers{margin:2em 0}.medewerkers__wrapper{margin:0 0 0 -1.5em}.medewerker-contact-container{width:50%;max-width:200px;float:right}.blog-intro{max-width:800px;margin:2em auto}.blog-intro .medewerker-contact-container{max-width:175px;margin-left:2em}@media only all and (max-width:400px){.blog-intro .medewerker-contact-container{display:none}}@media only all and (max-width:480px){.blog-intro .medewerker-contact-container{max-width:100px;margin-left:0}.blog-intro .medewerker__contact,.blog-intro .medewerker h2,.blog-intro .medewerker h3{display:none}}@media only all and (min-width:800px){.blog-intro{margin:3em auto}.blog-intro .medewerker-contact-container{margin-left:4em}}.medewerker{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;text-align:center;padding-left:1.5em;padding-bottom:1.5em;font-size:.9em}.medewerker__foto{border-radius:50%;position:relative;width:100%;height:auto}.medewerker__actie{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;overflow:hidden}
.medewerker__actiefoto{border-radius:50%;position:relative;width:100%;height:auto;opacity:0;transform:scale(1.3);transition:.2s opacity,.2s transform;will-change:opacity,transform}.medewerker--has-actie:hover .medewerker__actiefoto{transform:scale(1);opacity:1}.medewerker__intro{display:none}.medewerker__contact,.medewerker__contact li{list-style:none;margin:0;padding:0}.medewerker__contact{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.medewerker__gaiq{position:absolute;top:0;right:0;width:25%;height:auto;box-shadow:0 0 0 3px #e2e2e2;background:#fff;border-radius:50%}@media only all and (max-width:319px){.medewerkers .medewerker{width:80%;margin-left:10%}}@media only all and (min-width:320px){.medewerkers .medewerker{float:left}}@media only all and (min-width:320px) and (max-width:479px){.medewerkers .medewerker{width:50%}.medewerkers .medewerker:nth-child(2n+1){clear:left}}@media only all and (min-width:480px) and (max-width:639px){.medewerkers .medewerker{width:33%}
.medewerkers .medewerker:nth-child(3n+1){clear:left}}@media only all and (min-width:640px) and (max-width:799px){.medewerkers .medewerker{width:25%}.medewerkers .medewerker:nth-child(4n+1){clear:left}}@media only all and (min-width:800px) and (max-width:1599px){.medewerkers .medewerker{width:20%}.medewerkers .medewerker:nth-child(5n+1){clear:left}}@media only all and (min-width:1600px) and (max-width:1899px){.medewerkers .medewerker{width:16.66%}.medewerkers .medewerker:nth-child(6n+1){clear:left}}@media only all and (min-width:1900px){.medewerkers .medewerker{width:11.11%}.medewerkers .medewerker:nth-child(9n+1){clear:left}}@media only all and (min-width:1000px){.medewerkers .medewerker{padding-left:3vw}.medewerkers__wrapper{margin:0 0 0 -3vw}}.medewerker__contact li{position:absolute;opacity:0;pointer-events:auto;line-height:0;min-width:1.8em;min-height:1.8em;width:18%;height:18%;right:11%;bottom:1%;-webkit-transition:.2s right,.2s bottom,0s opacity .2s;transition:.2s right,.2s bottom,0s opacity .2s}
.medewerker__contact li:nth-child(1){opacity:1}.medewerker:hover .medewerker__contact li:nth-child(1){opacity:0;-webkit-transition:.2s right,.2s bottom;transition:.2s right,.2s bottom}.medewerker:hover .medewerker__contact li:nth-child(n+2){opacity:1;-webkit-transition:.2s right,.2s bottom;transition:.2s right,.2s bottom}.medewerker:hover .medewerker__contact li:nth-child(2){right:25%;bottom:-5%}.medewerker:hover .medewerker__contact li:nth-child(3){right:7%;bottom:7%}.medewerker:hover .medewerker__contact li:nth-child(4){right:-5%;bottom:25%}.medewerker__contact li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;border-radius:50%;width:100%;height:100%;left:0;top:0;padding:18%;background-color:#009dc8;fill:#fff;-webkit-transition:.2s background-color;transition:.2s background-color}.medewerker__contact li a:hover{background-color:#bad80a}.medewerker h2{font-weight:300;margin:.5em 0 0 0}.medewerker h2 a{text-decoration:none}.medewerker h2 a:hover{text-decoration:underline;font-weight:bold}
.medewerker h3{color:#888;font-weight:200;margin:0 0 .5em 0}.medewerker h3.medewerker__actiefunctie{display:none}.medewerker--has-actie h3{min-height:2.75em}.medewerker--has-actie:hover h3{display:none}.medewerker--has-actie:hover h3.medewerker__actiefunctie{display:block}.medewerker--vacature h3{margin:.5em 0 0 0}.medewerker--vacature .medewerker__foto,.medewerker--geenfoto .medewerker__foto{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:2em;background:#bad80a}.medewerker--vacature .medewerker__foto a,.medewerker--geenfoto .medewerker__foto a{position:relative;display:block;width:100%;height:0;padding-bottom:100%}.medewerker--vacature .medewerker__foto svg,.medewerker--geenfoto .medewerker__foto svg{position:absolute;width:100%;height:100%;left:0;top:0;fill:#fff}.touch .medewerker:hover .medewerker__contact li:nth-child(1) a{pointer-events:none}.medewerker-detail__medewerker{width:80%;margin:2em 10%;padding:0}@media only all and (min-width:600px){.medewerker-detail__medewerker{width:50%;margin:2em 0 1em 2em;float:right}
}@media only all and (min-width:800px){.medewerker-detail__medewerker{width:30%}}@media only all and (min-width:1200px){.medewerker-detail__medewerker{width:20%;margin:2em 0 1em 5em}}.slide-blogposts.slide-bigdisplay{font-size:.66em}.slide-blogposts.slide-bigdisplay h2{font-size:3em}.slide-blogposts.slide-bigdisplay .cards{margin-top:1.5em}.slide-blogposts.slide-bigdisplay .card__auteur{font-style:italic}