.vacatures-overzicht{display:flex;flex-direction:column;gap:40px}.vacatures-overzicht-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px;text-align:center;h2{color:var(--so-color-white);margin:0}}.vacatures-overzicht-badge{font-size:12px;line-height:1;padding:8px 16px}.vacatures-overzicht-intro{color:var(--so-color-white);font-size:var(--so-fontsize-body);line-height:var(--so-fontsize-body-line-height);margin:0;max-width:560px}.vacatures-overzicht-panel{background:linear-gradient(146deg,#242424 3.97%,#141414 97.58%);border-radius:24px;display:flex;flex-direction:column;gap:16px;padding:16px;position:relative}.vacatures-overzicht-count{color:var(--so-color-taupe);font-family:var(--so-font-family-alt);font-size:12px;letter-spacing:-.05em;line-height:1;margin:0;position:absolute;right:24px;text-transform:uppercase;top:24px}.vacatures-overzicht-list{display:flex;flex-direction:column;gap:8px}.vacatures-overzicht-list-has-posts{padding-top:32px}.vacature-card{background:var(--so-color-dark-gray);border-radius:16px;position:relative;transition:background .35s ease;&:focus-within,&:hover{background:#424242;.vacature-card-arrow{background-color:var(--so-color-red);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath fill='%231a1a1a' d='M4.6 6 0 1.4 1.4 0l6 6-6 6L0 10.6z'/%3E%3C/svg%3E");border-color:var(--so-color-red)}}@media (prefers-reduced-motion:reduce){transition:none;.vacature-card-arrow{transition:none}}}.vacature-card-row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px;padding:20px 24px}.vacature-card-link{border-radius:16px;inset:0;position:absolute;z-index:1}.vacature-card-link:focus-visible{outline:2px solid var(--so-color-mint-green);outline-offset:2px}.vacature-card-filled-label{color:var(--so-color-red);display:flex;gap:8px;margin:0;padding:16px 24px 0}.vacature-card-category,.vacature-card-filled-label{align-items:center;font-family:var(--so-font-family-alt);font-size:12px;letter-spacing:-.05em;line-height:1;text-transform:uppercase}.vacature-card-category{background:var(--so-color-charcoal);border-radius:999px;color:var(--so-color-white);display:inline-flex;justify-content:center;min-height:32px;min-width:160px;padding:8px 16px;white-space:nowrap}.vacature-card-content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;h3{color:var(--so-color-white)}h3,p{margin:0}}.vacature-card-description{color:var(--so-color-white);font-size:16px;line-height:1.5}.vacature-card-meta{align-items:center;color:var(--so-color-taupe);display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;font-family:var(--so-font-family-alt);font-size:12px;gap:8px;justify-content:flex-end;letter-spacing:-.05em;line-height:1.4;margin:0;max-width:360px;text-align:right;text-transform:uppercase;span{align-items:center;display:inline-flex;gap:8px;white-space:nowrap;&:not(:last-child):after{color:var(--so-color-gray);content:"•"}}}.vacature-card-arrow{align-items:center;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath fill='%23fff' d='M4.6 6 0 1.4 1.4 0l6 6-6 6L0 10.6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border:1px solid var(--so-color-white);border-radius:50%;display:flex;height:48px;justify-content:center;min-width:48px;pointer-events:none;position:relative;transition:background .35s ease,border-color .35s ease,background-image .35s ease;width:48px;z-index:2}.vacature-card-filled-pulse{animation:vacature-card-pulse 2s infinite;background:var(--so-color-red);border-radius:50%;display:inline-block;height:12px;width:12px}@media (prefers-reduced-motion:reduce){.vacature-card-filled-pulse{animation:none}}@keyframes vacature-card-pulse{0%{box-shadow:0 0 0 0 rgba(233,45,12,.4)}70%{box-shadow:0 0 0 5px rgba(233,45,12,0)}to{box-shadow:0 0 0 0 rgba(233,45,12,0)}}.vacature-card-filled{.vacature-card-category,.vacature-card-description,.vacature-card-meta,.vacature-card-meta span,h3{color:#b3b3b3}}.vacature-card-fallback{align-items:center;background:transparent;border:1px dotted hsla(0,0%,100%,.35);border-radius:16px;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:24px}.vacature-card-fallback-content{display:flex;flex:1;flex-direction:column;gap:8px;min-width:240px;h3,p{color:var(--so-color-white);margin:0}p{font-size:16px;line-height:1.5;max-width:640px}}.vacature-card-fallback-button{flex-shrink:0}@media (max-width:1024px){.vacature-card-category{flex:1 0 100%}.vacature-card-row{align-items:flex-start;flex-wrap:wrap}.vacature-card-meta{justify-content:flex-start;max-width:none;order:4;text-align:left;width:100%}.vacature-card-arrow{margin-left:auto}}@media (max-width:768px){.vacatures-overzicht-panel{padding:12px}.vacatures-overzicht-count{align-self:flex-end;position:static}.vacatures-overzicht-list-has-posts{padding-top:0}.vacature-card-row{padding:16px}.vacature-card-fallback{align-items:flex-start;flex-direction:column;padding:20px 16px}}