.pageblock--vacaturen{background-color:var(--color-secondary-500);border-radius:var(--border-radius-xxl);padding-block-end:calc(var(--block-padding-bottom, var(--block-padding-y)) / 2);padding-block-start:calc(var(--block-padding-top, var(--block-padding-y)) / 2)}@media screen and (max-width: 767px){.pageblock--vacaturen #vacaturen-cards-grid>*:nth-child(n+4),.pageblock--vacaturen .x-core-grid>*:nth-child(n+4){display:none}}.pageblock--vacaturen>.container{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.pageblock--vacaturen>.container .x-core-intro{justify-items:center;margin-block-end:0!important;--body-color: var(--color-neutral-0);--heading-color: var(--color-neutral-0)}.pageblock--vacaturen>.container .x-core-button-wrapper{justify-content:center}.pageblock--vacaturen .header--vacaturen{display:grid;justify-items:center;--heading-color: var(--color-neutral-0)}.pageblock--vacaturen .header--vacaturen .order-buttons--vacaturen{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xl);align-items:center;margin:var(--spacing-xl);padding:var(--spacing-xs);background:#fdfefe33;border:1px solid rgba(255,255,255,.3);border-radius:calc(var(--border-radius-xxl) * 3);box-shadow:2px 2px 6px #51515126}@media screen and (max-width: 767px){.pageblock--vacaturen .header--vacaturen .order-buttons--vacaturen{width:100%;overflow-x:scroll}}.pageblock--vacaturen .header--vacaturen .order-buttons--vacaturen .button--vacaturen{width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-neutral-0);font:inherit;text-align:center;background:transparent;border:none;border-radius:calc(var(--border-radius-xxl) * 2);cursor:pointer;transition-duration:var(--transition-duration)}@media screen and (max-width: 767px){.pageblock--vacaturen .header--vacaturen .order-buttons--vacaturen .button--vacaturen{width:180px}}.pageblock--vacaturen .header--vacaturen .order-buttons--vacaturen .button--vacaturen:hover{background-color:var(--color-neutral-500)}.pageblock--vacaturen .header--vacaturen .order-buttons--vacaturen .button--vacaturen.active{background-color:var(--color-neutral-1000)}@media screen and (max-width: 767px){.pageblock--vacaturen .x-core-grid{text-wrap:wrap;word-break:break-word}}@media screen and (max-width: 767px) and (max-width: 374px){.pageblock--vacaturen .x-core-grid .title--vacancy-card h3{font-size:var(--h4-size)}}