@charset "UTF-8";
:root {
  --grid-2-3-gap: var(--space-l);
  --breadcrumbs-height: calc(
  	var(--text-s) * 1.5 + var(--space-s) * 2 + 0.2rem
  );
  --sticky-l: calc(var(--breadcrumbs-height) + var(--space-m));
}

picture {
  display: block;
  height: 100%;
}
picture > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: var(--space-s) var(--space-m);
  background-color: var(--primary);
  color: var(--white);
  border-radius: var(--radius);
}
.skip-link:focus-visible {
  left: var(--gutter);
  top: var(--space-s);
}

body a[target=_blank]:where(:not(:has(> img, > figure, > picture, > svg)))::after {
  content: "↗"/"Link naar externe site";
}

:where(.block) {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
}

.accent-heading {
  --accent-heading-size: calc(var(--text-s) * 1.15);
  display: flex;
  align-items: center;
  gap: 0.4em;
  color: var(--accent-heading-color, var(--primary));
  font-size: var(--accent-heading-size);
  font-weight: 600;
  margin-block-end: calc(var(--space-xs) * -1.1);
}
.accent-heading::before {
  content: "";
  flex: 0 0 auto;
  width: calc(var(--accent-heading-size) * 0.8);
  height: calc(var(--accent-heading-size) * 0.8);
  background-color: currentcolor;
  border-radius: var(--radius-circle);
}

.btn__icon {
  flex: 0 0 auto;
  width: 1em;
  height: auto;
}

.button-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
}

.card-alpha {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
  position: relative;
  padding: var(--space-l);
  background-color: var(--primary);
  color: var(--white);
  border-radius: var(--radius);
  transition: var(--transition);
}
.card-alpha__heading {
  color: inherit;
}
.card-alpha__heading-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-xs);
}
.card-alpha__icon {
  height: var(--text-l);
  width: auto;
  margin: 0;
  flex: 0 0 auto;
}
.card-alpha__icon img {
  height: 100%;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.card-alpha__text {
  margin: 0;
}
.card-alpha .text-link {
  margin-inline-start: auto;
}

.card-bravo {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
  align-items: flex-start;
  padding: var(--space-m);
  background-color: var(--white);
  border-radius: var(--radius);
}
.card-bravo__date {
  display: block;
  color: var(--primary);
  font-size: var(--text-s);
  margin-block-end: calc(var(--space-xs) * -1.8);
}
.card-bravo__list {
  display: flex;
  flex-direction: column;
  gap: 0.3em;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.card-bravo__list-item {
  padding-block-end: 0.2em;
  border-block-end: 1.5px solid var(--primary-semi-light);
}
.card-bravo__list-text {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.card-bravo__list-label {
  font-size: var(--text-s);
  font-weight: 700;
  color: var(--primary);
}
.card-bravo__list-value {
  font-size: calc((var(--text-m) * 3 + var(--text-s)) / 4);
  line-height: calc((var(--text-m-line-height) + var(--heading-line-height)) / 2);
}
.card-bravo .text-link {
  margin-block-start: auto;
  color: var(--primary);
}
.card-bravo .text-link:hover, .card-bravo .text-link:focus-visible {
  color: var(--secondary-semi-dark);
}

.card-bravo {
  container-type: inline-size;
}

@container (min-width: 34rem) {
  .card-bravo__list {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: var(--space-s);
  }
  .card-bravo__list-item,
  .card-bravo__list-text {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: baseline;
  }
  .card-bravo__list-value:only-child {
    grid-column: 1/-1;
  }
}
.faq-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}
.faq-list__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  padding-inline: var(--space-l);
  padding-block: var(--space-xs);
  background-color: var(--secondary-ultra-light);
  border-radius: var(--radius-xxl);
  color: var(--primary-dark);
  cursor: pointer;
  transition: var(--transition);
  list-style: none;
}
.faq-list__header::-webkit-details-marker {
  display: none;
}
.faq-list__header:hover {
  background-color: var(--secondary-semi-light);
}
.faq-list__title {
  margin: 0;
  color: inherit;
  font-size: var(--h4);
}
.faq-list__icon {
  flex: 0 0 auto;
  width: var(--text-l);
  height: var(--text-l);
  transition: var(--transition);
}
.faq-list__body {
  padding-inline: var(--space-l);
  padding-block: var(--space-m);
}
.faq-list__item::details-content {
  interpolate-size: allow-keywords;
  block-size: 0;
  overflow: hidden;
  transition: block-size var(--transition), content-visibility var(--transition);
  transition-behavior: allow-discrete;
}
.faq-list__item[open]::details-content {
  block-size: auto;
}
@media (prefers-reduced-motion: reduce) {
  .faq-list__item::details-content {
    transition: none;
  }
}
.faq-list__item[open] .faq-list__header {
  background-color: var(--secondary-semi-light);
}
.faq-list__item[open] .faq-list__icon {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .faq-list__icon {
    transition: none;
  }
}
.header-alpha {
  display: grid;
  grid-template-columns: var(--grid-1);
  gap: var(--grid-2-3-gap);
}
.header-alpha__title-wrapper, .header-alpha__body {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
}
.header-alpha__body {
  align-items: flex-start;
}
@media (min-width: 62rem) {
  .header-alpha {
    grid-template-columns: var(--grid-2-3);
  }
}

.search-form {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  flex: 1 1 auto;
  min-inline-size: 0;
  flex-wrap: wrap;
}
.search-form__field {
  flex: 1 1 26rem;
  min-inline-size: 0;
  padding-inline: var(--space-s);
  padding-block: var(--space-xs);
  border: 0.1rem solid var(--neutral-ultra-light);
  border-radius: var(--radius);
  background-color: var(--white);
  color: var(--neutral-ultra-dark);
  font-family: inherit;
  font-size: var(--text-m);
}
.search-form__field::placeholder {
  color: var(--neutral-semi-dark);
  opacity: 1;
}
.search-form__field:focus-visible {
  outline: 0.2rem solid var(--primary);
  outline-offset: 0.2rem;
}
.search-form__submit {
  --btn-padding-inline: 0.9em;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.search-form__submit svg {
  width: 2rem;
  height: auto;
}
.is-muisbediening .search-form__field:focus-visible {
  outline: none;
}

.slider-alpha {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.slider-alpha__track {
  display: flex;
  flex-direction: row;
  gap: var(--grid-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.slider-alpha__track::-webkit-scrollbar {
  display: none;
}
.slider-alpha__track:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: var(--space-xs);
}
.slider-alpha__slide {
  flex: 0 0 min(85vw, (var(--content-width) - var(--grid-gap) * 2) / 3);
  scroll-snap-align: start;
}
.slider-alpha--fit .slider-alpha__track {
  align-items: flex-start;
  overflow-y: hidden;
  transition: height var(--transition);
}
.slider-alpha--fit .slider-alpha__slide {
  height: 100%;
  overflow: hidden;
}
.slider-alpha__controls-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-m);
  justify-content: space-between;
  align-items: center;
}
.slider-alpha__controls {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  gap: var(--space-l);
}
.slider-alpha__arrow {
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: var(--neutral-ultra-dark);
  cursor: pointer;
  transition: var(--transition);
}
.slider-alpha__arrow svg {
  width: var(--text-xxl);
  height: var(--text-xxl);
  fill: var(--primary);
}
.slider-alpha__arrow:hover:not(:disabled) svg, .slider-alpha__arrow:focus-visible:not(:disabled) svg {
  fill: var(--secondary-semi-dark);
}
.slider-alpha__arrow:disabled {
  opacity: 0.35;
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  .slider-alpha__track {
    scroll-behavior: auto;
  }
  .slider-alpha--fit .slider-alpha__track {
    transition: none;
  }
}
figure.wp-block-table {
  overflow: visible;
}

.wp-block-table {
  --tabel-achtergrond: var(--white);
  --tabel-streep: var(--secondary-ultra-light);
  --tabel-lijn: var(--secondary-semi-light);
  --tabel-lijn-sticky: var(--secondary);
  position: relative;
  margin: 0;
  max-inline-size: 100%;
}
.wp-block-table::after {
  content: "";
  display: none;
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  inline-size: var(--space-m);
  background: linear-gradient(to left, color-mix(in oklab, var(--neutral) 12%, transparent), transparent);
  pointer-events: none;
}
.wp-block-table.is-scrollable::after {
  display: block;
}

.tabel-scroll {
  overflow-x: auto;
}
.tabel-scroll:focus-visible {
  outline: 0.2rem solid var(--primary);
  outline-offset: 0.4rem;
}
.tabel-scroll table {
  inline-size: 100%;
  border-collapse: collapse;
  min-inline-size: 78rem;
}
.tabel-scroll th,
.tabel-scroll td {
  padding: var(--space-xs) var(--space-s);
  border: 0.1rem solid var(--tabel-lijn);
  text-align: start;
  vertical-align: middle;
}
.tabel-scroll thead th {
  background-color: var(--primary-light);
  color: var(--primary-dark);
  font-weight: 700;
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
}
.tabel-scroll tbody tr:nth-child(even) td {
  background-color: var(--tabel-streep);
}
.tabel-scroll th:first-child,
.tabel-scroll td:first-child {
  position: sticky;
  inset-inline-start: 0;
  z-index: 1;
  background-color: var(--tabel-achtergrond);
}
.tabel-scroll thead th:first-child {
  background-color: var(--primary-light);
  z-index: 2;
}
.tabel-scroll tbody tr:nth-child(even) td:first-child {
  background-color: var(--tabel-streep);
}
.tabel-scroll a {
  font-weight: inherit;
}

.tabel-noot {
  font-size: var(--text-s);
  line-height: 1.4;
  margin-block: 0;
}

.wp-block-table + .tabel-noot {
  margin-block-start: var(--space-m);
}

.tabel-noot + .tabel-noot {
  margin-block-start: var(--space-3xs, 0.4rem);
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  color: inherit;
  font-size: var(--text-s);
  text-decoration: none;
  transition: var(--transition);
}
.text-link:hover, .text-link:focus-visible {
  color: var(--secondary);
}
.text-link .icon {
  flex: 0 0 auto;
  height: var(--text-m);
  width: var(--text-m);
  order: 2;
}

.wp-block-details::details-content {
  interpolate-size: allow-keywords;
  block-size: 0;
  overflow: hidden;
  transition: block-size var(--transition), content-visibility var(--transition);
  transition-behavior: allow-discrete;
}
.wp-block-details[open]::details-content {
  block-size: auto;
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-details::details-content {
    transition: none;
  }
}
.wp-block-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  padding-inline: var(--space-l);
  padding-block: var(--space-xs);
  background-color: var(--secondary-semi-light);
  border-radius: var(--radius-xxl);
  color: var(--primary-dark);
  font-weight: 700;
  cursor: pointer;
  transition: var(--transition);
  list-style: none;
}
.wp-block-details > summary::-webkit-details-marker {
  display: none;
}
.wp-block-details > summary:hover {
  background-color: var(--secondary);
}
.wp-block-details > summary::after {
  content: "";
  flex: 0 0 auto;
  inline-size: 0.8em;
  block-size: 0.8em;
  border-inline-end: 0.2rem solid currentColor;
  border-block-end: 0.2rem solid currentColor;
  rotate: 45deg;
  translate: 0 -0.15em;
  transition: var(--transition);
}
.wp-block-details[open] > summary {
  background-color: var(--secondary);
}
.wp-block-details[open] > summary::after {
  rotate: 225deg;
  translate: 0 0.15em;
}
.wp-block-details > :not(summary) {
  padding-inline: var(--space-l);
}
.wp-block-details > :not(summary):first-of-type {
  padding-block-start: var(--space-m);
}
.wp-block-details > :not(summary):last-child {
  padding-block-end: var(--space-m);
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-details > summary,
  .wp-block-details > summary::after {
    transition: none;
  }
}

html:has(body.has-menu-open),
body.has-menu-open {
  overflow: hidden;
}

.site-header {
  position: relative;
  background-color: var(--primary);
  padding-block-start: var(--space-s);
  padding-block-end: 0;
  padding-inline: var(--gutter);
}
.site-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  max-width: var(--content-width);
  margin-inline: auto;
  padding-block-end: var(--space-s);
  border-block-end: 1px solid var(--primary-semi-dark);
}
.site-header__logo {
  flex-shrink: 0;
}
.site-header__logo a {
  display: block;
  color: var(--white);
  text-decoration: none;
}
.site-header__logo img {
  display: block;
  width: 20rem;
  height: auto;
}
.site-header__nav {
  position: fixed;
  inset: 0;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: var(--space-m) var(--gutter) var(--space-l);
  background-color: var(--white);
  overflow-y: auto;
  visibility: hidden;
  transform: translateX(100%);
  transition: transform var(--transition), visibility var(--transition);
}
.site-header__nav.is-open {
  visibility: visible;
  transform: translateX(0);
}
.site-header__close {
  align-self: flex-end;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: var(--neutral);
  cursor: pointer;
}
.site-header__close svg {
  width: 2.6rem;
  height: auto;
}
.site-header__menu {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__menu a {
  display: block;
  padding: 1em;
  color: var(--neutral);
  background-color: var(--neutral-ultra-light);
  border-radius: var(--radius-s);
  text-decoration: none;
  transition: var(--transition);
}
.site-header__menu a:hover, .site-header__menu a:focus-visible {
  color: var(--white);
  background-color: var(--primary);
}
.site-header__end {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  column-gap: var(--space-s);
}
.site-header__toggle {
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: var(--white);
  cursor: pointer;
  transition: var(--transition);
}
.site-header__toggle:hover, .site-header__toggle:focus-visible {
  color: var(--secondary);
}
.site-header__toggle svg {
  width: 2.6rem;
  height: auto;
}
.site-header__search {
  position: relative;
  display: flex;
}
.site-header__search-toggle {
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: var(--white);
  cursor: pointer;
  transition: var(--transition);
}
.site-header__search-toggle:hover, .site-header__search-toggle:focus-visible {
  color: var(--secondary);
}
.site-header__search-toggle svg {
  width: 2.2rem;
  height: auto;
}
.site-header__search-panel {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  min-block-size: 100%;
  z-index: 20;
  display: grid;
  align-items: center;
  padding-block: var(--space-xs);
  padding-inline: var(--gutter);
  background-color: var(--search-panel-background, var(--white));
}
.site-header__search-panel[hidden] {
  display: none;
}
.site-header__search-inner {
  display: flex;
  align-items: flex-start;
  gap: var(--space-s);
}
.site-header__search-close {
  margin-block-start: var(--space-xs);
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: var(--primary);
  cursor: pointer;
  transition: var(--transition);
}
.site-header__search-close:hover, .site-header__search-close:focus-visible {
  color: var(--primary-hover);
}
.site-header__search-close svg {
  width: 2.4rem;
  height: auto;
}
.site-header__login {
  flex-shrink: 0;
  white-space: nowrap;
}
.site-header__login:not(.site-header__login--drawer) {
  --btn-display: none;
}
.site-header__login--drawer {
  margin-block-start: auto;
  text-align: center;
}
@media (min-width: 62rem) {
  .site-header__toggle, .site-header__close {
    display: none;
  }
  .site-header__login--drawer {
    --btn-display: none;
  }
  .site-header__nav {
    position: static;
    z-index: auto;
    flex-direction: row;
    gap: 0;
    margin-inline-start: auto;
    padding: 0;
    background: none;
    overflow: visible;
    visibility: visible;
    transform: none;
  }
  .site-header__menu {
    flex-direction: row;
    align-items: center;
    gap: var(--space-m);
  }
  .site-header__menu li {
    max-inline-size: max-content;
  }
  .site-header__menu a {
    padding: 0;
    color: var(--white);
    background: none;
    border-radius: 0;
  }
  .site-header__menu a:hover, .site-header__menu a:focus-visible {
    color: var(--secondary);
    background: none;
  }
  .site-header__end {
    margin-inline-start: 0;
  }
  .site-header__login:not(.site-header__login--drawer) {
    --btn-display: inline-flex;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header__nav {
    transition: none;
  }
}
.site-footer {
  padding-block: 0;
}
.site-footer__main {
  background-color: var(--secondary-ultra-light);
}
.site-footer__inner {
  display: grid;
  grid-template-columns: var(--grid-1);
  gap: var(--space-xxl);
  align-items: stretch;
}
.site-footer__logo {
  width: 10em;
  margin: 0;
}
.site-footer__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.site-footer__nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: var(--space-l);
}
.site-footer__nav-heading {
  font-size: var(--h3);
}
.site-footer__nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer__nav-link {
  color: inherit;
  text-decoration: none;
  transition: var(--transition);
}
.site-footer__nav-link:hover, .site-footer__nav-link:focus-visible {
  color: var(--primary);
  text-decoration: underline;
}
@media (min-width: 62rem) {
  .site-footer__inner {
    grid-template-columns: var(--grid-2-3);
  }
}

.site-subfooter {
  background-color: var(--primary-dark);
  color: var(--primary-ultra-light);
  font-size: var(--text-s);
  padding-block: var(--space-s);
}
.site-subfooter__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-s);
  align-items: center;
  justify-content: space-between;
}
.site-subfooter__copyright {
  margin: 0;
}
.site-subfooter__separator {
  margin-inline: 0.5ch;
  opacity: 0.6;
}
.site-subfooter__privacy {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: var(--transition);
}
.site-subfooter__privacy:hover, .site-subfooter__privacy:focus-visible {
  color: var(--secondary);
}
.site-subfooter__social {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1em;
  row-gap: 1em;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-subfooter__social-link {
  display: flex;
  color: inherit;
  text-decoration: none;
  transition: var(--transition);
}
.site-subfooter__social-link:hover, .site-subfooter__social-link:focus-visible {
  color: var(--secondary);
}
.site-subfooter__social-icon {
  width: var(--text-xl);
  height: var(--text-xl);
}

.hero {
  background-color: var(--primary);
  color: var(--white);
  padding-block-end: var(--section-space-l);
  --accent-heading-color: var(--secondary);
  --accent-heading-size: calc(var(--text-m) * 0.95);
}
.hero__container {
  display: grid;
  grid-template-columns: var(--grid-1);
  gap: var(--space-xl);
  align-items: center;
}
.hero__lead {
  width: 100%;
  font-size: var(--text-m);
  padding-inline: var(--space-m);
  padding-block: var(--space-s);
  border-radius: var(--radius-s);
  border-style: solid;
  border-color: var(--secondary);
  border-width: 0;
  border-inline-width: 3px;
}
.hero__lead > :last-child {
  margin-block-end: 0;
}
@media (min-width: 62rem) {
  .hero__container {
    grid-template-columns: minmax(0, 4fr) minmax(0, 3fr);
  }
}

.doelgroepen__grid {
  display: grid;
  grid-template-columns: var(--grid-1);
  gap: var(--grid-gap);
}
.doelgroepen__card {
  height: 100%;
  padding: var(--space-m);
  background-color: var(--secondary-semi-light);
  border-radius: var(--radius);
  color: var(--primary-dark);
}
.doelgroepen__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.3em;
}
.doelgroepen__heading-icon {
  flex: 0 0 auto;
  width: 1.5em;
  height: auto;
}
.doelgroepen__heading {
  font-size: calc(var(--h3) * 0.9);
}
.doelgroepen__nav-wrapper {
  display: contents;
}
.doelgroepen__nav {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  margin: 0;
  padding: 0;
  list-style: none;
}
.doelgroepen__nav-link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-xs);
  padding-block-end: 0.3em;
  border-block-end: 1px solid var(--primary-dark);
  color: inherit;
  font-weight: 400;
  text-decoration: none;
  transition: var(--transition);
}
.doelgroepen__nav-link:hover, .doelgroepen__nav-link:focus-visible {
  color: var(--primary);
  border-block-end-color: var(--primary);
}
.doelgroepen__nav-icon {
  flex: 0 0 auto;
  width: 1em;
  height: auto;
}
.doelgroepen__cta-icon {
  width: 1em;
  height: auto;
}
.doelgroepen__footer {
  margin-block-start: auto;
}
.doelgroepen__cta {
  align-self: flex-end;
}
.doelgroepen__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  width: 100%;
  grid-row: 3;
  aspect-ratio: 4/3;
}
.doelgroepen__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 48rem) {
  .doelgroepen__grid {
    grid-template-columns: var(--grid-2);
  }
  .doelgroepen__media {
    grid-column: 1/-1;
    grid-row: 2;
    aspect-ratio: 16/9;
  }
}
@media (min-width: 68.75rem) {
  .doelgroepen__grid {
    grid-template-columns: var(--grid-3);
    grid-template-rows: repeat(2, auto);
  }
  .doelgroepen__media {
    grid-column: 2/3;
    grid-row: 1/-1;
    aspect-ratio: auto;
  }
}
@media (min-width: 81.25rem) {
  .doelgroepen__heading {
    font-size: calc(var(--h3) * 1.1);
  }
  .doelgroepen__heading-icon {
    width: 2em;
  }
}

.section-alpha {
  --image-overlap: var(--space-l);
  --aanloop: calc(var(--image-overlap) * 2);
}
.section-alpha__container {
  display: grid;
  grid-template-columns: var(--grid-1);
  gap: var(--grid-2-3-gap);
  align-items: flex-end;
}
.section-alpha__media {
  position: relative;
  width: 100%;
  border-style: solid;
  border-color: var(--white);
  border-inline-width: 0.2em;
  border-block-width: 0;
  aspect-ratio: 7/4;
  order: -1;
}
.section-alpha__image {
  position: absolute;
  inset: 0;
  margin: 0;
}
.section-alpha__image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 62rem) {
  .section-alpha__container {
    grid-template-columns: var(--grid-2-3);
  }
  .section-alpha__media {
    aspect-ratio: auto;
    height: calc(100% + var(--section-padding-block) + var(--image-overlap));
  }
  .section-alpha--image-right .section-alpha__container {
    grid-template-columns: var(--grid-3-2);
  }
  .section-alpha--image-right .section-alpha__media {
    order: 0;
  }
}
.section-alpha--boxed {
  --boxed-padding: var(--space-l);
  --image-overlap: var(--space-xxl);
  --aanloop: 0;
}
.section-alpha--boxed .section-alpha__container {
  padding: var(--boxed-padding);
  border-radius: var(--radius);
}
@media (min-width: 62rem) {
  .section-alpha--boxed .section-alpha__container {
    grid-template-columns: var(--grid-2);
  }
  .section-alpha--boxed .section-alpha__media {
    height: calc(100% + var(--boxed-padding) + var(--image-overlap));
  }
}
.section-alpha--plain {
  --image-overlap: 0;
  --boxed-padding: 0;
  border-inline-width: 0;
}
@media (min-width: 62rem) {
  .section-alpha--plain .section-alpha__media {
    height: 100%;
  }
}

.bg--light + .section-alpha--boxed:not(.section-alpha--plain) {
  --aanloop: var(--space-xl);
}

.bg--ultra-light + .section-alpha--boxed:not(.section-alpha--plain) {
  --aanloop: var(--space-xl);
}

.bg--dark + .section-alpha--boxed:not(.section-alpha--plain) {
  --aanloop: var(--space-xl);
}

.bg--ultra-dark + .section-alpha--boxed:not(.section-alpha--plain) {
  --aanloop: var(--space-xl);
}

.hero + .section-alpha--boxed:not(.section-alpha--plain) {
  --aanloop: var(--space-xl);
}

.section-breadcrumbs + .section-alpha--boxed:not(.section-alpha--plain) {
  --aanloop: var(--space-xl);
}

.section-echo:not(.section-echo--light) + .section-alpha--boxed:not(.section-alpha--plain) {
  --aanloop: var(--space-xl);
}

body:not(.home) .entry-content > .section-alpha:first-child:not(.section-alpha--plain) {
  --aanloop: var(--space-xl);
}

.section-alpha.section-alpha {
  margin-block-start: var(--aanloop);
}

.section-breadcrumbs {
  position: sticky;
  top: 0;
  z-index: 2;
  padding-block: var(--space-s);
  background-color: var(--primary-light);
  border-block-end: 0.2rem solid var(--white);
  font-size: var(--text-s);
}
.section-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5ch;
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 0.5ch;
}
.section-breadcrumbs__item:not(:first-child)::before {
  content: "›";
  opacity: 0.6;
}
.section-breadcrumbs__link {
  color: inherit;
  text-decoration: none;
  transition: var(--transition);
}
.section-breadcrumbs__link:hover, .section-breadcrumbs__link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.section-breadcrumbs__current {
  font-weight: 700;
}

.section-bravo {
  row-gap: calc(var(--content-gap) * 2);
}
.section-bravo__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
  gap: var(--grid-gap);
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}

.section-charlie {
  row-gap: var(--space-xl);
}
.section-charlie__slider {
  grid-column: content-start/full-end;
}
.section-charlie .slider-alpha__controls-wrapper {
  margin-inline-end: max(var(--gutter), 100% - var(--content-width));
}

.section-content {
  scroll-margin-block-start: var(--sticky-l);
}
.section-content__container {
  display: grid;
  grid-template-columns: var(--grid-1);
  gap: var(--grid-2-3-gap);
}
@media (min-width: 68.75rem) {
  .section-content__container {
    grid-template-columns: var(--grid-2-3);
  }
}
@media (min-width: 68.75rem) {
  .section-content__header {
    position: sticky;
    top: var(--sticky-l);
    align-self: start;
  }
}
.section-content__heading {
  margin: 0;
}
.section-content--wide .section-content__container {
  grid-template-columns: var(--grid-1);
}
.section-content--wide .section-content__header {
  position: static;
}

.section-content-2__container {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
}
.section-content-2__column {
  padding: var(--space-m);
  border-radius: var(--radius);
}
.section-content-2__heading {
  margin: 0;
}

.section-echo {
  --section-echo-background: var(--primary);
  --section-echo-text: var(--white);
  --section-echo-heading: var(--secondary);
  --accent-heading-color: var(--white);
  --link-color: var(--secondary);
  --link-color-hover: var(--white);
  background-color: var(--section-echo-background);
  color: var(--section-echo-text);
}
.section-echo--light {
  --section-echo-background: var(--white);
  --section-echo-heading: var(--primary);
  --accent-heading-color: var(--primary);
  --link-color: var(--primary);
  --link-color-hover: var(--primary-hover);
  --section-echo-text: inherit;
}
.section-echo__container {
  display: grid;
  grid-template-columns: var(--grid-1);
  gap: var(--grid-2-3-gap);
  align-items: start;
}
.section-echo__heading {
  color: var(--section-echo-heading);
}
@media (min-width: 62rem) {
  .section-echo__container {
    grid-template-columns: var(--grid-2-3);
  }
}

.section-intro__content {
  max-inline-size: 90rem;
}

.section-nieuws__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-nieuws__empty {
  margin: 0;
}

.nieuws-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  max-inline-size: 90rem;
  scroll-margin-block-start: var(--sticky-l);
}
.nieuws-item__date {
  margin: 0;
}
.nieuws-item__title {
  margin: 0;
  font-size: var(--h3);
}

.section-nieuws__list > li:not(:last-child) {
  padding-block-end: var(--space-l);
  border-block-end: 0.1rem solid var(--neutral-ultra-light);
}

.section-zoekresultaten__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-zoekresultaten__empty {
  max-inline-size: 90rem;
}

.zoekresultaat {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  max-inline-size: 90rem;
}
.zoekresultaat__type {
  margin: 0;
}
.zoekresultaat__title {
  margin: 0;
  font-size: var(--h3);
}
.zoekresultaat__title a {
  color: inherit;
  text-decoration: none;
}
.zoekresultaat__title a:hover, .zoekresultaat__title a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.zoekresultaat__excerpt {
  margin: 0;
}

.section-zoekresultaten__list > li:not(:last-child) {
  padding-block-end: var(--space-l);
  border-block-end: 0.1rem solid var(--neutral-ultra-light);
}

/*# sourceMappingURL=main.css.map */