.openstaande-vacatures{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;margin:72px 0;position:relative;&.strook:before{background-image:url(https://fs.hubspotusercontent00.net/hubfs/9351958/strook.png);background-repeat:repeat-x;background-size:cover;content:"";height:57px;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:absolute;top:-110px;width:100vw;z-index:-1}&>h2{margin-bottom:20px;width:100%}& .vacatures{flex:0 0 70%;&>.vacature:not(:last-of-type){margin-bottom:12px}@media (max-width:1344px){flex:0 0 100%}}& .vacature-sticky{height:fit-content;margin-left:auto;position:sticky;top:110px}& .vacature,& a.vacature{align-items:center;background-color:var(--so-color-white);border:1px solid var(--so-color-border);border-radius:var(--so-border-radius-m);color:var(--so-color-text);display:flex;flex-direction:row;gap:92px;justify-content:space-between;padding:48px;text-decoration:none;transition:border-color .2s ease-in-out;&:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border:1px solid var(--so-color-black);border-radius:100%;color:var(--so-color-primary);content:"";height:56px;margin-left:auto;transition:all .2s ease-in-out;width:56px}&:hover{border-color:var(--so-color-primary);&:after{background-color:var(--so-color-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E");border-color:var(--so-color-primary)}}&:hover:before{border-color:#c40046;color:#261f21}&>div{max-width:387px;transition:all .2s ease;width:100%;&>*{margin-bottom:0}& h4+p{margin-top:0}}& p{color:#7e8488}& ul{display:flex;flex:1;flex-direction:row;justify-content:space-between;list-style:none;margin:0;padding:0;&>li{color:var(--so-color-primary-dark);font-size:20px}}@media (max-width:1344px){flex-wrap:wrap;gap:16px;padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:24px;>div{max-width:unset;width:100%}ul{flex:0 0 auto;gap:16px}}}& .vacature-sticky{display:flex;flex:1;flex-direction:column;gap:16px;text-decoration:none;.vacature-sticky-contact,.vacature-sticky-content{background:var(--so-color-bg-light);border-radius:var(--so-border-radius-m);padding:48px;@media (max-width:1344px){padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:24px}}& h3{color:#292828;font-size:24px;line-height:1.33;margin-bottom:24px}& hr{background:#fdf8fa;border:0;height:2px;margin-left:-56px;margin-right:-56px}& .vacature-sticky-contact{>.vacature-contact>a{display:flex;flex-direction:row;gap:0 8px;position:relative;text-decoration:none;z-index:1}& .vacature-person{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;text-decoration:none;img{background-color:var(--so-color-primary);border:4px solid var(--so-color-secondary);border-radius:50%;height:48px;object-fit:cover;object-position:center bottom;width:48px}& .vacature-person-details{& :is(h4,p){margin:0}& h4{color:#072530;&:after{background-color:#c40046;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}}& h4+p{color:#0c0c0c;font-size:14px;line-height:1.14}}}& .vacature-contact,& .vacature-contact a{display:flex;flex-direction:column;flex-wrap:wrap;margin-top:10px}& .vacature-contact a{color:#261f21;flex-direction:row;font-size:18px;font-weight:500;line-height:1.56;margin-top:0;position:relative;width:fit-content;&:after{background:#788189;content:"";height:1px;width:100%}}& .vacature-contact>span{color:#9e9e9e;font-size:12px;font-weight:400;line-height:2;margin-top:16px;text-decoration:none}}}& .vacature-contact{& .icon-mail,& .icon-phone{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:24px;width:24px}& .icon-phone{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23da9100' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02z'/%3E%3C/svg%3E")}& .icon-mail{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23da9100' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E")}}}.werkenbij .openstaande-vacatures{margin:0;margin-bottom:var(--so-group-spacing);& .vacature-person svg g image{height:100%;transition:filter .25s ease-out}& a.vacature-person:hover svg g image{filter:opacity(.6);transition:filter .25s ease-out}}