.header { position: relative; z-index: 1040; padding: 0 !important; }
.header .header__collapse nav { width: 100%; }
.header .header__collapse nav ul { list-style: none; }
.header .header__collapse nav .menu-item { position: relative; }
.header .header__collapse nav .menu-item .menu-link { position: relative; color: var(--clr-text); display: block; text-decoration: none; padding: 1rem 0; }
.header .header__collapse nav .menu-item.menu-item--children > .menu-link { padding-right: 3.2rem; }

.header .nav-toggle { display: none; cursor: pointer; color: #fff; margin-left: auto; padding: 0; width: 48px; height: 48px; background-color: var(--clr-primary); text-align: center; font-size: 24px; line-height: 48px; }


.header .header__collapse nav > ul > .menu-item:last-child .menu-link { width: fit-content; min-height: 48px; padding: 0 24px; display: flex; align-items: center; gap: 1rem; justify-content: center; flex-direction: row-reverse; background-color: #000; color: #FFF !important; font-family: var(--font-buttons); font-weight: 700 !important; }
.header .header__collapse nav > ul > .menu-item:last-child .menu-link:hover { background-color: var(--clr-primary); }
.header .header__collapse nav > ul > .menu-item:last-child .menu-link::after { content: "\f086"; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 16px; }


@media (max-width: 991.98px) {
	.header .nav-toggle { display: grid; place-items: center; }
	.header .header__collapse { z-index: 2; position: absolute; top: 0; left: 0; right: 0; height: 100dvh; background-color: #fff; transform: translateX(100%); opacity: 0; pointer-events: none; transition-duration: 250ms; transition-timing-function: ease-in-out; transition-property: transform, opacity;
		.collapse { display: flex; flex-direction: column; height: 100%; }
		.collapse__header { padding: 2rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--clr-border);
			.nav-title { font-family: var(--font-heading); color: var(--clr-primary); font-size: 40px; font-weight: 700; }
			.nav-toggle { background-color: var(--clr-dark); }
		}
		.collapse__body { padding: 2rem; flex-grow: 1; }
		.collapse__footer { border-top: 1px solid var(--clr-border); padding: 2rem; }
	}
	.header .header__collapse nav .menu-item.menu-item--children > .menu-link .sub-menu-toggle { position: absolute; top: 0; right: 0; bottom: 0; display: inline-grid; place-items: center; width: 48px; }
	.header .header__collapse.active { opacity: 1; pointer-events: all; transform: translateX(0); }
	
	.header .header__collapse .sub-menu { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 350ms ease; padding-left: 2rem; }
	.header .header__collapse .sub-menu ul { overflow: hidden; }
	.header .header__collapse .sub-menu.active { grid-template-rows: 1fr; }
	.header .header__collapse nav .menu-item .menu-link { font-size: 20px; }  
}

@media (min-width: 992px) {
    .header .header__collapse { display: block!important;
		.collapse { display: flex; align-items: center; column-gap: 24px; }
		.collapse__header { display: none!important; }
	}
	.header .header__collapse nav ul { display: flex; }
	.header .header__collapse nav .menu-item .menu-link { color: #fff; padding: 2rem; }
	.header .header__collapse nav .menu-item.menu-item--children .menu-link .sub-menu-toggle { font-size: 1.4rem; pointer-events: none; }
	.header .header__collapse .sub-menu { min-width: 28rem; position: absolute; left: auto; right: 0; top: 100%; opacity: 0; pointer-events: none; background-color: #fff; transition: opacity 150ms ease; }
	.header .header__collapse .sub-menu ul { display: flex; flex-direction: column; } 
	.header .header__collapse .sub-menu .menu-item .menu-link { color: var(--clr-secondary); padding: 1.25rem 2rem; }
	.header .header__collapse .sub-menu  .menu-item.menu-item--children .menu-link .sub-menu-toggle { transform: rotate(-90deg); }
	.header .header__collapse .sub-menu .sub-menu { left: calc(100% - 1px); top: 0; }
	.header .header__collapse nav .menu-item.menu-item--children:hover > .sub-menu { opacity: 1; pointer-events: all; }
}



.header .header__main {
	background-color: var(--hero-bg, var(--clr-secondary)); padding-block: 1.6rem;
}
.header .header__main .container-fluid { 
	display: flex; 
	justify-content: space-between; 
	align-items: center;
	padding-left: 15px; padding-right: 15px;
}

.header .header__main .header-logo img { --w: 120px; --h: 75px;
	width: 100%; max-width: var(--w); max-height: var(--h); height: auto;
}
.header .header__main .header__collapse nav .menu-item .menu-link{ color: var(--clr-text); }
	.header .header__main .header__collapse { display: flex; flex-direction: column; }

@media (min-width: 768px) {
    .navbar .container-fluid {
        max-width: calc(100% - 32px) !important;
    }
	.header .header__main .header__collapse nav ul{ align-items: center; }
	.header .header__main .header__collapse nav .menu-item .menu-link{ padding: 1.4rem 1rem;}

	.header .header__main .header-logo img{ --w: 20rem; }
}
@media (min-width: 768px) and (max-width: 1200px){
	.header .header__main .header__collapse nav .menu-item .menu-link{ font-size: 1.2rem; }
}
@media (min-width: 1200px) {
	.header .header__main .header__collapse nav .menu-item .menu-link{ font-size: 1.4rem; }
}
@media (min-width: 1400px) {
	.header .header__main .header__collapse nav .menu-item .menu-link{ font-size: 1.6rem; }
	.header .header__main .header-logo img{ --w: 32rem; }
}.hero-vacature-detail {
	--offset: 86px;
	background-color: var(--hero-bg, var(--clr-secondary));
	color: #fff;
	padding: 32px 0 0 0; 
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
	margin-bottom: var(--offset);
}

.hero-vacature-detail .hero-vacature-detail__top .container { 
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
	align-items: center;
}

.hero-vacature-detail .hero-vacature-detail__top .text h1 { 
	--mt: 20px; 
}

.hero-vacature-detail .hero-vacature-detail__top .vacancy-details {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.hero-vacature-detail .hero-vacature-detail__main {
	margin-bottom: calc(var(--offset) * -1);
}
.hero-vacature-detail .ratio { 
	margin-top: 2rem; 
	border-radius: var(--border-radius); 
	overflow: hidden;
}
.hero-vacature-detail .ratio .youtube-play .play-icon {
	border-radius: 50%;
	font-size: 20px;
	background: transparent;
	border: 9px solid #fff;
}
.hero-vacature-detail .highlights { 
	background-color: var(--clr-secondary-110);
	border-radius: 6px;
	overflow: hidden;
} 
.hero-vacature-detail .highlights .highlights__body {
	padding: 20px;
}
.hero-vacature-detail .highlights .highlights__footer {
	display: grid;
	grid-template-columns: 50px 1fr 38px;
	align-items: center;
	gap: 12px;
	background-color: var(--clr-primary);
	color: #fff;
	padding: 18px 20px;
	text-decoration: none;
}
.hero-vacature-detail .highlights .highlights__footer img { 
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}
.hero-vacature-detail .highlights .highlights__footer .footer__text small {
	display: block;
	width: 100%;
	font-size: 13px;
}
.hero-vacature-detail .highlights .highlights__footer i { 
	width: 38px;
	height: 38px;
	color: var(--clr-primary);
	background-color: #fff;
	display: inline-grid;
	place-items: center;
}

.hero-vacature-detail .highlights .highlights__footer i:hover {
	background-color: #ffffff95;
}

.hero-vacature-detail .highlights .h3 {
	display: block;
	margin-bottom: 36px;
}  
.hero-vacature-detail .highlights ul { 
	list-style: none 
}
.hero-vacature-detail .highlights .highlight { 
	display: grid; 
	grid-template-columns: 38px 1fr; 
	column-gap: 10px; 
	align-items: center; 
}
.hero-vacature-detail .highlights .highlight .highlight__icon { 
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: var(--clr-secondary);
	display: inline-grid; place-items: center;
}
.hero-vacature-detail .highlights .highlight .highlight__text {  
	font-weight: 700;
	font-size: 16px;
}
.hero-vacature-detail .highlights .highlight .highlight__text small { 	
	display: block; 
	width: 100%; 
	font-size: 13px;
	font-weight: 400;
}
.hero-vacature-detail .highlights .highlight .highlight__text a { 
	color: var(--clr-primary); text-decoration: none; display: inline-flex;  font-weight: 400; align-items: center; column-gap: 5px; margin-left: 15px;
}
.hero-vacature-detail .highlights ul li + li {
	border-top: 1px dashed rgba(255,255,255,.2);
	margin-top: 22px; 
	padding-top: 22px;
}

@media (min-width: 992px) {
	.hero-vacature-detail {
		margin-bottom: calc(var(--offset) + 48px);
	}
	.hero-vacature-detail .hero-vacature-detail__top .container { 
		grid-template-columns: 1fr auto;
	}
	.hero-vacature-detail .hero-vacature-detail__top .vacancy-details li {
		display: flex;
		align-items: center;
		column-gap: 12px;
	} 
	.hero-vacature-detail .hero-vacature-detail__top .vacancy-details li + li::before {
		content: ''; 
		display: inline-block; 
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: rgba(255,255,255,.65);
	}
	
	.hero-vacature-detail .hero-vacature-detail__main .container { 
		display: grid; 
		grid-template-columns: 1fr 2fr;
		position: relative;
	}

	.hero-vacature-detail .ratio { margin-top: 0; }  

	.hero-vacature-detail .hero-vacature-detail__main .highlights { 
		z-index: 1; 
		position: relative;
		width: 100%;
		max-width: 418px;
		margin-left: auto;
		margin-top: 0;
	}
}

@media (min-width: 1200px) {
	.hero-vacature-detail {
		--offset: 200px;
		padding: 64px 20px 0 20px; 
		gap: 64px;
	}
	.hero-vacature-detail .hero-vacature-detail__main .container { 
		grid-template-columns: minmax(0, 418px) minmax(0, 1fr);
	}
	.hero-vacature-detail .highlights .highlights__body {
		padding: 32px;
	}
	.hero-vacature-detail .highlights .highlights__footer {
		padding: 18px 32px;
	}
	
}

@media (min-width: 1400px) {
	.hero-vacature-detail { 
		gap: 76px;
	}
}.spacer { height: 32px; }  

@media (min-width: 992px) {
	.spacer { height: 48px; }  
}

@media (min-width: 1200px) {
	.spacer { height: 64px; }  
}.usp-carousel .usp-carousel__inner { 
    background: #F9F9F9; 
    padding-top: 3.2rem; 
    padding-bottom: 3.2rem;     
}
.usp-carousel .usp-carousel__header { margin-bottom: 3.2rem; }
.usp-carousel .blaze-slider .blaze-buttons { 
    justify-content: center; 
    margin-top: 3.2rem;
}

@media (min-width: 992px) {
    .usp-carousel .usp-carousel__inner { 
        padding-top: 4.8rem; 
        padding-bottom: 4.8rem;     
    }
}.functieomschrijving .text.text--intro {
	font-size: clamp(2rem, 4vw, 2.8rem);
	font-weight: 700;
}
.functieomschrijving .text.text--intro h2 + p { 
	--mt: 14px;
}
.functieomschrijving .text + .text { margin-top: 32px; }

@media (min-width: 1200px) {
	.functieomschrijving .text + .text { margin-top: 64px; }
}.text-grafiek .text-grafiek__body .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
}
.text-grafiek .text-grafiek__header { margin-bottom: 3.2rem; }
.text-grafiek .text-grafiek__body .text h3 span {
    color: var(--clr-primary);
}

@media (min-width: 992px) {
    .text-grafiek .text-grafiek__body .container { 
        grid-template-columns: repeat(2, minmax(0, 1fr)); 
    }
}

@media (min-width: 1200px) {
    .text-grafiek .text-grafiek__body .container { gap: 64px; }
}.usps-carousel { overflow: hidden; }
.usps-carousel .usps-carousel__header { margin-bottom: 3.2rem; }
.usps-carousel .usps-carousel__header .container { padding-right: 13rem; }
.usps-carousel .blaze-slider { position: relative; }
.usps-carousel .blaze-slider.start .blaze-prev,
.usps-carousel .blaze-slider.end .blaze-next { pointer-events: none; opacity: .75; }
.usps-carousel .blaze-slider .blaze-buttons { position: absolute; right: 0; bottom: calc(100% + 3.2rem); }
.usps-carousel .blaze-track-container { overflow: visible; }
.usps-carousel .blaze-slider img { border-radius: var(--border-radius); }
.usps-carousel .blaze-track >*:has(img){ position: relative; padding-bottom: min(75%, 50rem); background: #ccc; }
.usps-carousel .blaze-track >*:has(img) img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }

.usps-carousel .highlights { 
	color: #fff;
	background-color: var(--clr-secondary-110);
	border-radius: 6px;
	overflow: hidden;
	margin-top: 20px;
} 
.usps-carousel .highlights .highlights__body { 
	padding: 20px;
}
.usps-carousel .highlights .highlights__footer {
	display: grid;
	grid-template-columns: 50px 1fr 38px;
	align-items: center;
	gap: 12px;
	background-color: var(--clr-primary);
	color: #fff;
	padding: 18px 20px;
	text-decoration: none;
}
.usps-carousel .highlights .h3 {
	display: block;
	margin-bottom: 24px;
}  
.usps-carousel .highlights ul { 
	list-style: none 
}
.usps-carousel .highlights .highlight { 
	display: grid; 
	grid-template-columns: 58px 1fr; 
	column-gap: 24px; 
	align-items: center; 
}
.usps-carousel .highlights .highlight .highlight__icon { 
	width: 58px;
	height: 58px;
	background-color: #fff;
	display: inline-grid; place-items: center;
	color: var(--clr-primary); font-size: 20px;
}
.usps-carousel .highlights .highlight .highlight__text {  
	font-weight: 700;
	font-size: 18px;
}
.usps-carousel .highlights .highlight .highlight__text small { 	
	display: block; 
	width: 100%; 
	font-size: 18px;
	font-weight: 400; opacity: .75;
}
.usps-carousel .highlights ul li + li {
	border-top: 1px dashed rgba(255,255,255,.2);
	margin-top: 22px; 
	padding-top: 22px;
}

@media (min-width: 992px) {
	.usps-carousel .highlights { position: relative; width: 100%; max-width: 418px; z-index: 2; }

	.usps-carousel .highlights { margin-top: -16rem; }
}

@media (min-width: 1200px) {
	.usps-carousel .highlights .highlights__body { padding: 28px; }
}.step-carousel { overflow: hidden; padding-top: 3.7rem; }
.step-carousel .step-carousel__header { margin-bottom: 3.2rem; }
.step-carousel .step-carousel__header .container { padding-right: 13rem; }
.step-carousel .blaze-slider { position: relative; }
.step-carousel .blaze-slider.start .blaze-prev,
.step-carousel .blaze-slider.end .blaze-next { pointer-events: none; opacity: .75; }
.step-carousel .blaze-slider .blaze-buttons { position: absolute; right: 0; bottom: calc(100% + 3.2rem); }

.step-carousel .step { 
    position: relative; 
    overflow: hidden; 
    border-radius: 5px;
    background: #fff;
}
.step-carousel .step .step__number { 
    z-index: 1;
    display: block;
    position: absolute; top: 1.8rem; left: 1.8rem;
    width: 2.9rem; height: 2.9rem; border-radius: 50%; background: #fff;
    font-size: 1.6rem; font-weight: 900;
    text-align: center; line-height: 2.9rem;   
}
.step-carousel .step .step__text { font-size: 1.4rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
}
.step-carousel .step .step__text strong {
    display: block; 
    width: 100%;
    font-size: 1.4rem;
}
.step-carousel .step .step__text span { 
    font-size: 1.4rem;
}.two-column-list .two-column-list__header { margin-bottom: 3.2rem; }  
.two-column-list .two-column-list__body .container { 
    display: grid; 
    grid-template-columns: minmax(0, 1fr); 
    gap: 24px;
}
.two-column-list .two-column-list__block { 
    border-radius: var(--border-radius); 
    padding: 2rem 2rem .4rem 2rem; 
    background-color: var(--clr-light);
}
.two-column-list .two-column-list__block ul {
    margin-top: 1rem; 
    list-style: none;
}
.two-column-list .two-column-list__block li { 
    font-size: 1.4rem; line-height: 1.4;
    position: relative;
    padding: 1.6rem 0 1.6rem 1.7rem; 
}
.two-column-list .two-column-list__block li::before {
    content: '';
    display: block;
    width: .5rem;
    height: .5rem; 
    position: absolute; left: 0; top: 50%;
    transform: translateY(-50%);
    background: var(--clr-primary);
    border-radius: 50%;
}
.two-column-list .two-column-list__block li + li { 
    border-top: 1px dashed rgba(var(--clr-secondary-rgb), .2); 
}

@media (min-width: 992px) {
    .two-column-list .two-column-list__body .container { 
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .two-column-list .two-column-list__block { padding: 3.2rem 2.8rem 1.2rem 2.8rem; }
}.accordions .accordions__header { margin-bottom: 3.2rem; }

.accordion { width: 100%; }

.accordion :is([type="radio"], [type="checkbox"]) {
  opacity: 0; position: absolute; left: -9999rem;
}
.accordion__item { overflow: hidden; }
.accordion__item + .accordion__item { border-top: 1px dashed rgba(var(--clr-secondary-rgb), .2); }

.accordion__item .accordion__toggle {
  cursor: pointer;
  display: flex; 
  font-size: 20px; column-gap: 20px;
  font-weight: bold!important; 
  justify-content: space-between;
  padding: 12px 0 12px 0;
  transition: background 150ms ease;
}

.accordion__item .accordion__toggle span {
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  width: 38px; min-width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--clr-primary);
  color: #fff;
  font-size: 1.4rem;

  i {
    transition: transform 350ms ease;
  }
}

.accordion__item .accordion__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 350ms ease;
}

.accordion__item .accordion__inner {
    overflow: hidden;
}

.accordion__item .accordion__content {
  padding: 0 0 2rem 0;
}

.accordion :is([type="radio"], [type="checkbox"]):checked + .accordion__toggle {
/*    background-color: #dee2e6; */
}

.accordion :is([type="radio"], [type="checkbox"]):checked + .accordion__toggle span i {
  transform: rotate(180deg);
}

.accordion :is([type="radio"], [type="checkbox"]):checked + .accordion__toggle + .accordion__body {
    grid-template-rows: 1fr;
}.cta { 
    background: var(--clr-light); 
    border-radius: var(--border-radius); 
    overflow: hidden; 
    position: relative;
}

.cta .cta__header { background-color: #ccc;
    img { width: 100%; height: 100%; object-fit: cover; }
}

.cta .cta__body {
    padding: 2rem;
    .sub-title { font-size: clamp(1.8rem, 3vw, 2.8rem); }
}

.cta ul { 
    margin-top: 1em;
    list-style: none;
    display: flex; 
    flex-wrap: wrap; 
    gap: 2rem 3.2rem;
}

.cta li a { color: var(--clr-primary); font-weight: 700; display: block; text-decoration: none; }
.cta li i { 
    width: 3.2rem; height: 3.2rem;
    background: var(--clr-primary);
    text-align: center; line-height: 3.2rem;
    color: #fff; font-size: 1.6rem;
    margin-right: .5rem;
    transition: background-color 150ms ease, color 150ms ease;
}
.cta li a:hover i { background-color: var(--clr-primary); }

@media (min-width: 768px) {
    .cta { display: grid; grid-template-columns: 1fr 230px; }
    .cta .cta__header { 
        position: absolute; grid-column: 2; 
        top: 0; right: 0; bottom: 0; left: 0;
    }
}

@media (min-width: 992px) {
    .cta .cta__body {
        padding: 3.2rem;
    }
}

@media (min-width: 1200px) {
    .cta .cta__body {
        padding: 4.4rem;
    }
    .cta ul { margin-top: 2em; }
}.collegas-aan-het-woord .collegas-aan-het-woord__header { 
    margin-bottom: 2.6rem; 
}

.collegas-aan-het-woord .collegas-aan-het-woord__body .container {
    display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem;
}

.collegas-aan-het-woord .collegas-aan-het-woord__body .ratio{ --aspect-ratio: 125%; }

.collegas-aan-het-woord .collega { 
    background-color: #F9F9F9;
    border-radius: var(--border-radius);
    overflow: hidden;
    color: var(--clr-text); 
    text-decoration: none; 
}
.collegas-aan-het-woord .collega .collega__text {
    padding: 1.2rem 2rem;
} 
.collegas-aan-het-woord .collega .naam { 
    font-weight: 700; 
    display: block; 
    width: 100%; 
    font-size: 2.2rem;
}
.collegas-aan-het-woord .collega .functie { 
    font-size: 1.3rem; 
    color: var(--clr-primary);
}
.collegas-aan-het-woord .collega .quote {
    display: -webkit-box;
    line-clamp: 4;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .collegas-aan-het-woord .collegas-aan-het-woord__body .container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .collegas-aan-het-woord .collegas-aan-het-woord__body .container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}.solliciteer-cta .solliciteer-cta__body {
    text-align: center;
    color: #fff;
    padding: 3.2rem 2rem; 
    background-color: var(--clr-secondary);
    border-radius: var(--border-radius);
}
.solliciteer-cta .solliciteer-cta__body .btn-group {
    justify-content: center;
}.spacer--line { 
	height: 32px; 
	border-top: 1px solid rgba(var(--clr-secondary-rgb), .15); 
}  

@media (min-width: 992px) {
	.spacer--line { height: 48px; }  
}

@media (min-width: 1200px) {
	.spacer--line { height: 64px; }  
}.andere-vacatures .andere-vacatures__header { 
    margin-bottom: 2.6rem; 
}

.andere-vacatures .andere-vacatures__header .container {
    display: flex; flex-wrap: wrap; gap: 2rem;
    justify-content: space-between;
}

.andere-vacatures .andere-vacatures__body .container {
    display: grid; 
    grid-template-columns: minmax(0, 1fr); 
    gap: 2rem;
}

.andere-vacatures .vacature { 
    background-color: var(--clr-light);
    border-radius: var(--border-radius);
    overflow: hidden;
    color: var(--clr-text); 
    text-decoration: none; 
}
.andere-vacatures .vacature .vacature__text {
    padding: 1.2rem 2rem;
} 
.andere-vacatures .vacature .title { 
    font-weight: 700; 
    display: block; 
    width: 100%; 
    font-size: 2.2rem;
}
.andere-vacatures .vacature ul { 
    list-style: none; 
    display: flex;
    column-gap: .5rem;
    font-size: 1.3rem;
    font-weight: 800;    
}
.andere-vacatures .vacature ul li { 
    display: flex; 
    column-gap: .5rem; 
    align-items: center; 
}
.andere-vacatures .vacature ul li + li::before { 
    content: '';
    display: inline-block;
    width: .4rem; height: .4rem; border-radius: 50%;
    background: var(--clr-secondary);
}

@media (min-width: 768px) {
    .andere-vacatures .andere-vacatures__body .container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .andere-vacatures .andere-vacatures__body .container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .andere-vacatures .vacature .vacature__text {
        padding: 2.4rem;
    } 
}.sticky-vacancy-info { padding: 20px 0; background-color: #3C3C3B; transform: translateY(100%); transition: transform 150ms ease-in-out;
    &.is-visible { transform: translateY(0); }
    .container { display: flex; flex-direction: column; gap: 18px; }
    .sticky-vacancy-info__text { display: none;
        strong { display: block; width: 100%; font-size: 18px; color: #fff; }
        .vacancy-details { font-size: 13px; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; color: #fff; column-gap: 30px; }
    }
    .sticky-vacancy-info__cta { color: #fff; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr);
        p { text-align: center;
            strong { display: block; width: 100%; }
        }
        span .btn { width: 100%; }
    }
}

[data-component="sticky-balk"] { position: sticky; bottom: 0; z-index: 80; }


@media (min-width: 576px) {
    .sticky-vacancy-info { 
        .sticky-vacancy-info__cta { grid-template-columns: 1fr auto; 
            p { text-align: right; }  
        }
    }
}

@media (min-width: 992px) {
    .sticky-vacancy-info { 
        .container { flex-direction: row; justify-content: space-between; align-items: center; }
        .sticky-vacancy-info__text {
            display: block;
        }
    }
}.vacature-alert { 
    padding: 3.2rem 0; 
    border-top: 1px solid rgba(var(--clr-secondary-rgb), .15);
    border-bottom: 1px solid rgba(var(--clr-secondary-rgb), .15);
    background-color: #FFFF;
}

.vacature-alert .container { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
.vacature-alert .btn { white-space: nowrap; } 
.vacature-alert .vacature-alert__text { 
    display: flex; 
    align-items: center; 
    column-gap: 2.8rem;
     
}

.vacature-alert .vacature-alert__text .text > * + * { --mt: 0; }
.vacature-alert .vacature-alert__text .text h3 { 
    font-size: clamp(1.8rem, 3vw, 2.4rem); 
}

.vacature-alert .vacature-alert__text i {  
    width: 7rem;
    height: 7rem;
    min-width: 7rem;
    border-radius: 50%;
    background: rgba(var(--clr-primary-rgb), .1);
    color: var(--clr-primary);
    text-align: center;
    line-height: 7rem;
    font-size: 2.8rem;
}

@media (max-width: 575.98px) {
    .vacature-alert .container { flex-direction: column; }
    .vacature-alert .btn { width: 100%; }
}

@media (min-width: 1200px) {
    .vacature-alert .vacature-alert__text { font-size: 1.8rem; }
}.wpb-footer { --p: 4rem; --inner-gap: 2.4rem; margin-top: auto; padding-top: var(--p); padding-bottom: var(--p); background: var(--clr-primary);
    h2 { font-size: clamp(2.6rem, 4vw, 4.8rem); line-height: 1.2; margin-top: .5em; margin-bottom: 1em; }

    .wpb-text p:has(+ :is(h1, h2, h3)) em { font-style: normal; line-height: 1; color: #fff; }


    .wpb-sub-company-links {
    color: var(--nav-text-clr);
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 1.6rem;
    max-height: 10rem;
    transition: max-height var(--ts-duration) var(--ts-function), opacity var(--ts-duration) var(--ts-function), padding var(--ts-duration) var(--ts-function);
}

.wpb-sub-company-links a img {
    height: 1.2rem;
    transition: opacity var(--ts-duration) ease;
}

.wpb-sub-company-links a:hover img {
    opacity: .6;
}

.wpb-navigation .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
}
} 
.wpb-footer .logo img { width: 10rem; height: auto; transition: opacity var(--ts-duration) var(--ts-function); }
.wpb-footer .logo:hover img { opacity: .8; }
.wpb-footer .wpb-footer__top .container{ display: flex; justify-content: space-between; gap: 4rem; }
.wpb-footer .wpb-footer__top .container .wpb-image img{ max-width: 15rem; }

.wpb-footer .wpb-footer__main { padding-top: var(--p); padding-bottom: var(--p); }
.wpb-footer .wpb-footer__main .container{ --gap: 4rem; display: grid; gap: var(--gap); }
.wpb-footer :is(.wpb-footer__contact, .wpb-footer__menus){ display: grid; gap: var(--inner-gap); }

.wpb-footer .wpb-footer__contact-info{ display: flex; flex-direction: column; gap: 2rem;}
.wpb-footer .wpb-footer__contact-info a{ display: flex; flex-direction: column; gap: .4em; text-decoration: none; transition: transform var(--ts-duration) var(--ts-function), opacity var(--ts-duration) var(--ts-function); width: fit-content;}
.wpb-footer .wpb-footer__contact-info a:hover{ transform: translateX(.5rem); opacity: .8; }
.wpb-footer .wpb-footer__contact-info a span{ font-size: clamp(1.4rem, 1.5vw, 1.8rem); font-weight: 300; opacity: .7; }
.wpb-footer .wpb-footer__contact-info a strong{ font-family: var(--font-heading); font-size: clamp(2rem, 1.5vw, 2.8rem); font-weight: 600; line-height: 1; }

.wpb-footer .wpb-footer__menu ul { list-style: none; display: flex; flex-direction: column; gap: 1.8rem; }
.wpb-footer .wpb-footer__menu li a{ text-decoration: none; color: inherit; line-height: 1; display: flex; align-items: center; gap: 1.6rem; font-size: clamp(1.4rem, 1.5vw, 1.8rem); font-weight: 300; opacity: .85; transition: opacity var(--ts-duration) var(--ts-function); }
.wpb-footer .wpb-footer__menu li a:hover{ opacity: 1; }
.wpb-footer .wpb-footer__menu li a i{ font-size: 1.2rem; }
.wpb-footer .footer-menu__title { font-family: var(--font-heading); display: block; padding: 0 0 2.4rem 0; font-size: clamp(2rem, 2vw, 2.8rem); text-decoration: none; text-decoration: none; font-weight: 600; }

.wpb-footer .wpb-footer__bottom { --p: 2rem; padding: var(--p) 0; }
.wpb-footer .wpb-footer__bottom .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 4rem; row-gap: 2rem; }
.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links { --fs: 1.4rem; text-align: center;  display: flex; flex-wrap: wrap; column-gap: 1.2rem;  }
.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links * { display: flex; column-gap: 1.2rem; text-decoration: none; opacity: .85; font-size: clamp(1.2rem, 1.5vw, 1.4rem); }
.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links a{ transition: opacity var(--ts-duration) var(--ts-function); }
.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links a:hover { opacity: 1; }
.wpb-footer .wpb-footer__bottom .wpb-footer__sub-links * + *::before { content: '|'; }
.wpb-footer .wpb-footer__menus .wpb-socials{ display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; }

.wpb-footer *:not(.btn, .btn *){ color: #fff; }

:is(.wpb-bg-clr--primary, .--inner-light) *:not(.btn, .btn *) {
    color: #fff;
}


/*** ---------- Contact link ---------- ***/
.wpb-contact-link{ display: flex; align-items: center; gap: 1.6rem; text-decoration: none !important; }
.wpb-contact-link .wpb-contact-link__text{ display: flex; flex-direction: column; }
.wpb-contact-link .wpb-contact-link__text span{ font-size: clamp(1.2rem, 1.5vw, 1.4rem); }
.wpb-contact-link .wpb-contact-link__text strong{ color: var(--clr-heading); display: flex; align-items: center; gap: 1.2rem; font-size: clamp(1.5rem, 1.5vw, 1.8rem); }
.wpb-contact-link .wpb-contact-link__text strong i{ transition: transform var(--ts-duration) var(--ts-function); }
.wpb-contact-link:hover .wpb-icon-wrapper{ background-color: var(--hover-bg-clr); color: var(--hover-clr); }
.wpb-contact-link:hover  .wpb-contact-link__text strong i{ transform: translateX(1rem); }

.wpb-socials .wpb-socials__icon{ --size: 4rem; --bg-clr: #fff; --clr: var(--clr-primary); --border: 2px solid transparent; width: var(--size); height: var(--size); background-color: var(--bg-clr); border: var(--border); display: flex; justify-content: center; align-items: center; transition: background var(--ts-25) ease, border var(--ts-25) ease; }
.wpb-socials .wpb-socials__icon i{ color: var(--clr) !important; transition: color var(--ts-25) ease }
.wpb-socials .wpb-socials__icon:hover{ --bg-clr: transparent; --clr: #fff; --border: 2px solid #fff4; }

@media (width < 576px) {
    .wpb-footer .wpb-sub-company-links{ font-size: 1.2rem; }
    .wpb-footer .wpb-sub-company-links a img{ height: .9rem; }
}
@media (width < 992px) {
    .wpb-footer .wpb-sub-company-links{ order: -1; }
}
@media (max-width: 991.98px) {
    .wpb-sub-company-links { justify-content: start; gap: .8rem; }
}
@media (min-width: 480px) {
    .wpb-footer .wpb-footer__contact{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wpb-footer .wpb-footer__menus{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wpb-footer .wpb-footer__menus .wpb-socials{ grid-column: span 2; }
}
@media (min-width: 768px) {
    .wpb-footer { --p: 8rem; --inner-gap: 4rem; }
    .wpb-footer .logo img { width: 14rem; }
    .wpb-footer .wpb-footer__top .container .wpb-image img{ max-width: 21rem; }
    .wpb-footer .wpb-footer__main { --gap: 8rem; }
}
@media (min-width: 992px) {
    .wpb-footer .btn.btn--large {
        --p: 0 5.6rem;
        --fs: 2.4rem;
        min-height: 8rem;
    }
}
@media (min-width: 1200px) {
    .wpb-footer { --p: 12rem; --inner-gap: 8rem; }
    .wpb-footer .wpb-footer__main .container{ grid-template-columns: 1.3fr .7fr; }
    /* .wpb-footer .wpb-footer__menus{ display: flex; justify-content: end; } */
    .wpb-footer .wpb-footer__contact{ border-right: 4px solid rgba(255, 255, 255, 0.2); }
    .wpb-footer .wpb-footer__contact-info{ gap: 4rem; }
    .wpb-footer .wpb-footer__bottom .container { justify-content: space-between; }
}