.header .header__top { 
	padding: 20px 0;
	background-color: #fff;
}  
.header .header__top img { width: auto; }
.header .header__top .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .header__main {
	background-color: var(--clr-secondary-110);
}

.header .header__main .container { 
	display: flex; 
	justify-content: space-between; 
}.hero-vacature-detail {
	--offset: 320px;
	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 .carousel { 
	width: 100%;
	border-radius: 8px;
	height: 500px;
	background-color: #f2f2f2;
	border-radius: 8px;
	overflow: clip;
	position: relative;
	margin-bottom: calc(var(--offset) * -1);
	margin-top: 20px;
}

.hero-vacature-detail .carousel .blaze-slider,
.hero-vacature-detail .carousel .blaze-container,
.hero-vacature-detail .carousel .blaze-track-container,
.hero-vacature-detail .carousel .blaze-track {	
	height: 100%;
}

.hero-vacature-detail .carousel .blaze-buttons { 
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.hero-vacature-detail .carousel .blaze-track img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.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;
	border-radius: 50%;
	background-color: var(--clr-primary-110);
	display: inline-grid;
	place-items: center;
}
.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 ul li + li {
	border-top: 1px dashed rgba(255,255,255,.2);
	margin-top: 22px; 
	padding-top: 22px;
}

.hero-vacature-detail__main { min-height: calc(var(--offset) * .75); }

@media (min-width: 992px) {
	.hero-vacature-detail {
		margin-bottom: var(--offset);
	}
	
	.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 { 
		position: relative;
	}
	.hero-vacature-detail .carousel  {
		position: absolute;
		top: 0;
		left: 20%; 
		width: auto; 
		right: 20px;
		margin-bottom: -16rem;
	}
	.hero-vacature-detail .hero-vacature-detail__main .highlights { 
		z-index: 1; 
		position: relative;
		width: 100%;
		max-width: 418px;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: calc(var(--offset) * -1);
	}
	.hero-vacature-detail__main .container { 
		padding-top: 47px;
	}
}

@media (min-width: 1200px) {
	.hero-vacature-detail {
		padding: 64px 20px 0 20px; 
		gap: 64px;
	}
	.hero-vacature-detail .highlights .highlights__body {
		padding: 32px;
	}
	.hero-vacature-detail .highlights .highlights__footer {
		padding: 18px 32px;
	}
	.hero-vacature-detail .carousel .blaze-buttons { 
		right: 32px;
		bottom: 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 .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: 36px;
}  
.usps-carousel .highlights ul { 
	list-style: none 
}
.usps-carousel .highlights .highlight { 
	display: grid; 
	grid-template-columns: 38px 1fr; 
	column-gap: 10px; 
	align-items: center; 
}
.usps-carousel .highlights .highlight .highlight__icon { 
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: var(--clr-secondary);
	display: inline-grid; place-items: center;
}
.usps-carousel .highlights .highlight .highlight__text {  
	font-weight: 700;
	font-size: 16px;
}
.usps-carousel .highlights .highlight .highlight__text small { 	
	display: block; 
	width: 100%; 
	font-size: 13px;
	font-weight: 400;
}
.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; }

	.usp-carousel:has(.image img) .highlights { margin-top: -16rem; }
}

@media (min-width: 1200px) {
	.usps-carousel .highlights .highlights__body { padding: 28px; }
}.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: rgba(var(--clr-secondary-rgb), .5);
    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; }
}.step-carousel { 
    overflow: hidden; 
    background-color: var(--clr-light); 
    padding-top: 3.2rem; padding-bottom: 3.2rem;
}
.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 .blaze-track-container { overflow: visible; }

.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 { 
    background: #fff;
    padding: 1.4rem 1.8rem;
}
.step-carousel .step .step__text strong {
    display: block; 
    width: 100%;
    font-size: 1.8rem;
}
.step-carousel .step .step__text span { 
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .step-carousel { 
        padding-top: 6.4rem; padding-bottom: 6.4rem;
    }
}

@media (min-width: 1400px) {
    .step-carousel {
        max-width: 1240px; 
        margin-left: auto;
        margin-right: auto;
        padding-top: 8rem; 
        padding-bottom: 8rem;
        border-radius: var(--border-radius);
    }
}.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;
  font-weight: bold; 
  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;
  height: 38px;
  border-radius: 50%;
  background-color: var(--clr-primary);
  color: #fff;
  font-size: 1.4rem;
  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 {
  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 img { width: 100%; height: 100%; object-fit: cover; }

.cta .cta__body {
    padding: 2rem;
}

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

.cta li a { display: block; text-decoration: none; color: inherit; }
.cta li i { 
    width: 3.2rem; height: 3.2rem; border-radius: 50%;
    background: var(--clr-secondary);
    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: 576px) {
    .cta { display: grid; grid-template-columns: 3fr 1fr; }
    .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 .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;
    } 
}.disclaimer { padding: 2.4rem 0; }
.disclaimer .text { text-align: center; }.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);
}

.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; }
}.footer { 
    background-color: #fff;
}
.footer .footer__main {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
}
.footer .footer__main .container {
    display: flex; 
    flex-direction: column;
    align-items: center;
    gap: 3.2rem; 
}
.footer .footer__main ul {
    list-style: none;
    display: flex; 
    flex-wrap: wrap; 
    gap: 1rem 2rem;
    justify-content: center;
    font-size: 1.4rem;
}
.footer .footer__main ul a { 
    display: inline-block;
    color: inherit;
    text-decoration: none;
    font-weight: 600;
    transition: color 150ms ease;
}
.footer .footer__main ul a:hover {
    color: var(--clr-primary);
}
.footer .footer__bottom { 
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    border-top: 1px solid rgba(var(--clr-primary-rgb), .15);
}
.footer .footer__bottom .container { 
    display: flex; 
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
.footer .footer__bottom ul {
    list-style: none;
    display: flex; 
    flex-wrap: wrap; 
    gap: 1rem 2rem;
    justify-content: center;
    font-size: 1.2rem;
}
.footer .footer__bottom ul a { 
    display: inline-block;
    color: inherit;
    text-decoration: none;
    transition: color 150ms ease;
}
.footer .footer__bottom ul a:hover {
    color: var(--clr-primary);
}
.footer .footer__bottom .by-recruition {
    font-size: 1.2rem;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    display: flex; align-items: center;
    column-gap: 1.2rem;
}
.footer .footer__bottom .by-recruition svg {  
    width: 7.5rem; 
    height: 2.4rem;
}
@media (max-width: 768px) {
    .footer .footer__bottom .container {
        flex-direction: column;
    }
}
@media (min-width: 992px) {
    .footer .footer__main {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }
}