@charset "UTF-8";
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
}

h1, h2, h3, h4 {
  margin: 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
  color: inherit;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

@font-face {
  font-family: "itimregular";
  src: url("/Fonts/itim-regular.woff2") format("woff2"), url("/Fonts/itim-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/poppins-bold.woff2") format("woff2"), url("/Fonts/poppins-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/poppins-bolditalic.woff2") format("woff2"), url("/Fonts/poppins-bolditalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/poppins-semibold.woff2") format("woff2"), url("/Fonts/poppins-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/poppins-semibolditalic.woff2") format("woff2"), url("/Fonts/poppins-semibolditalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/poppins-regular.woff2") format("woff2"), url("/Fonts/poppins-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/Fonts/poppins-italic.woff2") format("woff2"), url("/Fonts/poppins-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
:root {
  --black: hsl(0, 0%, 17%);
  --main-color: hsl(326, 80%, 37%);
  --second-color: hsl(42, 88%, 48%);
  --gray: hsl(60, 0%, 95%);
  --gray-light: hsla(60, 4%, 95%, 0.5);
  --white: hsl(0, 0%, 100%);
  --header-bg: var(--gray);
  --gezondheid: hsl(289, 26%, 38%);
  --toonaangevend: hsl(177, 25%, 65%);
  --samenwerken: hsl(5, 73%, 68%);
  --oranje: hsl(20, 82%, 60%);
  --thema-color: var(--gezondheid);
  --thema-text: var(--black);
  --outline: hsla(0, 0%, 17%, .15);
  --geboorte: hsl(141, 38%, 46%);
  --breadcrumb: hsla(0, 0%, 17%, 0.7);
  --agenda-bg: var(--gray);
  --agenda-date: var(--white);
  --main-tint: hsla(326, 61%, 44%, 30%);
  --radius: 1.66rem;
  --font-family: "Poppins", sans-serif;
  --line-height: 1.75;
  --line-height-header: 1.5;
  --line-height-paragraaf: 1.25;
  --one-rem: 18px;
  --z-gray-bg: -20;
  --z-white-bg: -10;
  --z-aanbod-body: 1;
  --z-menu-open: 15;
  --z-nav: 20;
  --z-logo: 30;
  --btn-radius: 4.5rem;
  --btn-bg: var(--gray);
  --btn-color: var(--main-color);
  --m-bottom: 4rem;
  quotes: "“" "”";
}
@media (max-width: 575px) {
  :root {
    --line-height-header: 1.25;
  }
}
@media (max-width: 767px) {
  :root {
    --m-bottom: 2rem;
  }
}

:is(.samenwerken) {
  --thema-color: var(--samenwerken) ;
}

:is(.gezondheid) {
  --thema-color: var(--gezondheid);
  --thema-text: var(--white);
}

:is(.toonaangevend) {
  --thema-color: var(--toonaangevend) ;
}

:is(.algemeen) {
  --thema-color: var(--main-color);
  --thema-text: var(--white);
}

:is(.geboortecentrum) {
  --btn-bg: var(--geboorte);
}

.team__list-item, .snelnaar__body-item, .aanbod__list-step, .aanbod__list-item, .list-collapse, .list-item, .calamiteit__body > p, .meta__flex--text-block .calamiteit__body > a, .hyphens, h1 {
  -webkit-hyphens: auto; /* Voor Safari */
  -ms-hyphens: auto; /* Voor Edge/IE */
  hyphens: auto; /* Moderne browsers */
  -webkit-hyphenate-limit-before: 3; /* Safari specifiek */
  -webkit-hyphenate-limit-after: 4; /* Safari specifiek */
  -ms-hyphenate-limit-chars: 12 3 4; /* Edge/IE specifiek */
  hyphenate-limit-chars: 12 3 4; /* Standaard */
}

.team__list, .snelnaar__body, .thema__grid, .thema__flex-home, .thema__item--six, .thema__item--five, .thema__item--three, .portal__list, .paragraaf-container, .menu__open-featured, .menu__open-items, .menu__nav, .menu, .over__button-flex, .handig__list-body--links, footer .footer__disclaimer-links, footer .footer__disclaimer-text, footer .footer__address-flex, footer .footer, .s-filter__list, .s-filter, .aanbod__list, .snippet__btn, .faq__list-body--links, .calamiteit, .agenda__item {
  gap: 1.5rem;
}

.zoeken__suggestions > ul > li > a, .menu__taal-menu > a, .header__suggestions > ul > li > a, .handig h3 > button, .paging__pagenumbers > a, .paging > a:not(.disabled), .list-collapse__item-mail, .list-collapse__item-tel, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.singlechoice input[type=radio] + label, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .checkboxlist input[type=checkbox] + label, .faq h3 > button, .contact__mail a, .contact__tel, .breadcrumb > a, .btn--link {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  text-decoration: none;
}
.zoeken__suggestions > ul > li > a:hover, .menu__taal-menu > a:hover, .header__suggestions > ul > li > a:hover, .handig h3 > button:hover, .paging__pagenumbers > a:hover, .paging > a:hover:not(.disabled), .list-collapse__item-mail:hover, .list-collapse__item-tel:hover, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.singlechoice input[type=radio] + label:hover, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .checkboxlist input[type=checkbox] + label:hover, .faq h3 > button:hover, .contact__mail a:hover, .contact__tel:hover, .breadcrumb > a:hover, .btn--link:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  color: var(--main-color);
  text-decoration: underline;
  --chevron-color: var(--main-color);
}

.team, .handig, .aanbod, .faq, .agenda:not(.agenda--home, .page-container) {
  height: max-content;
  position: relative;
  background-color: var(--gray);
  width: 100%;
}
.team:after, .handig:after, .aanbod:after, .faq:after, .agenda:not(.agenda--home, .page-container):after {
  width: 106.6666666667rem;
  height: calc(100% + var(--m-bottom));
  background-color: var(--gray);
  position: absolute;
  top: 0;
  left: -16.6666666667rem;
  content: "";
  z-index: var(--z-gray-bg);
}

:is(.overzicht__result) .team__list-item, .snelnaar__body-item, .thema__item:not(.thema__item--home, .overzicht__thema), .thema__uitgelicht, .overzicht__thema, .header--home__toptasks-zoeken, .header--home__toptasks-item, .aanbod__list-step, .aanbod__list-item, .list-item, .agenda__item, .btn--folder, .btn--cta, .btn--second, :is(form) .btn, :is(.paragraaf__tekst-onderzoek) a, .btn--video, .btn--video-large, .btn--feedback, .btn--main, .skiplink {
  box-shadow: 0;
  transform: scale(1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
:is(.overzicht__result) .team__list-item:hover, .snelnaar__body-item:hover, .thema__item:hover:not(.thema__item--home, .overzicht__thema), .thema__uitgelicht:hover, .overzicht__thema:hover, .header--home__toptasks-zoeken:hover, .header--home__toptasks-item:hover, .aanbod__list-step:hover, .aanbod__list-item:hover, .list-item:hover, .agenda__item:hover, .btn--folder:hover, .btn--cta:hover, .btn--second:hover, :is(form) .btn:hover, :is(.paragraaf__tekst-onderzoek) a:hover, .btn--video:hover, .btn--video-large:hover, .btn--feedback:hover, .btn--main:hover, .skiplink:hover {
  box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.25);
  transform: scale(1.015);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}

.team, .thema__grid, .thema__uitgelicht, .over, .header, .handig, .aanbod__body, .aanbod, .meta, .umbraco-forms-form, .faq, .agenda--home {
  margin-bottom: var(--m-bottom);
}

html {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: var(--black);
  font-weight: 400;
  line-height: var(--line-height);
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  font-feature-settings: "liga" 0;
}
@media (max-width: 575px) {
  html {
    font-size: 16px;
  }
}

h1 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
}
@media (max-width: 1199px) {
  h1 {
    word-break: break-word;
  }
}

h1, h2, h3 {
  line-height: var(--line-height-header);
  margin-bottom: 0.25rem;
}

h1 {
  font-size: 2.7777777778rem;
  font-weight: 700;
}
@media (max-width: 1280px) {
  h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  h1.geboortecentrum {
    max-width: 100%;
  }
}

:is(.home) h1 {
  font-size: 3.4444444444rem;
  line-height: 1.5;
  hyphens: none;
}
@media (max-width: 1280px) {
  :is(.home) h1 {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  :is(.home) h1 {
    font-size: 2.25rem;
  }
}

:is(.header--contentpagina) h1 {
  hyphens: auto;
}

:is(.paragraaf) h2, h3 {
  line-height: var(--line-height-paragraaf);
  max-width: 41.2222222222rem;
  width: 100%;
}

h2 {
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 575px) {
  h2 {
    font-size: 1.75rem;
  }
}
h2.quote {
  font-family: "itimregular";
  font-weight: 400;
  font-size: 1.6666666667rem !important;
  line-height: var(--line-height-header) !important;
}

:is(.paragraaf__tekst-zorgverlener) h2 {
  margin-top: 2.5rem;
}

:is(.agenda__overzicht) h2 {
  font-size: 1.3333333333rem;
  color: var(--black);
}

h3 {
  font-size: 1.5rem;
  font-weight: 600;
}
@media (max-width: 575px) {
  h3 {
    font-size: 1.25rem;
  }
}

:is(.portal) h3 {
  font-size: 1.3333333333rem;
}
@media (min-width: 576px) and (max-width: 767px) {
  :is(.portal) h3 {
    font-size: 1.1111111111rem;
  }
}
@media (max-width: 767px) {
  :is(.portal) h3 {
    font-size: 1rem;
  }
}

:is(.paragraaf) p + h3, :is(.paragraaf) .meta__flex--text-block a + h3, .meta__flex--text-block :is(.paragraaf) a + h3 {
  margin: 1rem 0 0;
}

h4 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  /*margin-bottom: .25rem;*/
  margin: 1rem 0 0.25rem;
}

:is(.paragraaf) p, :is(.paragraaf) .meta__flex--text-block a, .meta__flex--text-block :is(.paragraaf) a {
  margin-bottom: 0;
}

div.intro {
  font-size: 1.2222222222rem;
  margin: 1rem 0;
}
@media (max-width: 767px) {
  div.intro {
    font-size: 1rem;
  }
}

p a, .meta__flex--text-block a a, li a {
  color: var(--main-color);
}

::marker {
  color: var(--main-color);
}

:is(.paragraaf) ul, ol {
  margin: 1rem 0;
}

ul[style="list-style-type: circle;"] {
  list-style-type: none !important;
}
ul[style="list-style-type: circle;"] li {
  position: relative;
  right: 1rem;
}
ul[style="list-style-type: circle;"] li:before {
  content: "☐";
  margin-right: 0.5rem;
  color: var(--main-color);
  font-size: 0.75rem;
  position: relative;
  bottom: 2px;
}

strong {
  font-weight: 600;
}

.is-bold {
  font-weight: 600;
}

body {
  width: 100%;
  height: 100vh;
  position: relative;
  margin: 0;
  overflow-x: hidden;
  padding: 0 !important;
}
body .page-body {
  width: 100%;
  max-width: 106.6666666667rem;
  margin: auto;
  position: relative;
  min-height: 62vh;
  overflow-x: hidden;
}
body .page-container {
  width: 100%;
  max-width: 73.3333333333rem;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1440px) {
  body .page-container {
    padding: 0 1rem;
    max-width: 63.3333333333rem;
  }
}
@media (max-width: 991px) {
  body .page-container {
    margin-top: 0;
  }
}
body .page-specialismen {
  --agenda-bg: var(--white);
  --agenda-date: var(--gray);
  margin-bottom: 14rem;
  height: max-content;
  position: relative;
  background-color: var(--gray);
  padding-bottom: 1rem;
}
@media (max-width: 575px) {
  body .page-specialismen {
    margin-bottom: 5rem;
  }
}
body .page-specialismen:before {
  content: url("/images/wave-start.svg");
  display: block;
  position: absolute;
  left: -16.6666666667rem;
  top: -234px;
  z-index: var(--z-gray-bg);
}
@media (max-width: 767px) {
  body .page-specialismen:before {
    left: -32rem;
    transform: scale(0.5);
    top: -165px;
  }
}
body .page-specialismen:after {
  content: url("/images/wave-end.svg");
  display: block;
  position: absolute;
  left: -16.6666666667rem;
  bottom: -32rem;
  z-index: var(--z-gray-bg);
}
@media (min-width: 992px) and (max-width: 1199px) {
  body .page-specialismen:after {
    transform: scale(0.8);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body .page-specialismen:after {
    transform: scale(0.6);
    left: -26rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  body .page-specialismen:after {
    left: -34rem;
    transform: scale(0.4);
  }
}
@media (max-width: 575px) {
  body .page-specialismen:after {
    left: -44rem;
    transform: scale(0.3);
    bottom: -34.5rem;
  }
}

*::selection {
  color: var(--white);
  background-color: var(--main-color);
}

.no-scroll {
  position: fixed;
  overflow-y: hidden;
  width: 100%;
  max-width: 106.6666666667rem;
  left: calc(50% - 15px);
  transform: translate(calc(-50% + 15px), 0);
  max-height: 100vh;
}
@media (min-width: 576px) and (max-width: 1919px) {
  .no-scroll {
    padding-right: 15px;
  }
}

.mobile-scroll::-webkit-scrollbar-track {
  border: none;
  background-color: #f2f2f2;
}
.mobile-scroll::-webkit-scrollbar {
  width: 1rem;
  background-color: white;
}
.mobile-scroll::-webkit-scrollbar-thumb {
  background-color: #b2b2b2;
  border: solid 1px white;
  border-radius: 0.125rem;
}

.btn--folder, .btn--cta, .btn--second, :is(form) .btn, :is(.paragraaf__tekst-onderzoek) a, .btn--video, .btn--video-large, .btn--feedback, .btn--main, .skiplink {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  font-weight: 600;
  background-color: var(--btn-bg);
  color: var(--btn-color);
  border-radius: var(--btn-radius);
  gap: 0.5rem;
  text-decoration: none;
  height: 3rem;
  width: max-content;
  max-width: 100%;
  line-height: 1.2;
}
.btn--folder > svg, .btn--cta > svg, .btn--second > svg, :is(form) .btn > svg, :is(.paragraaf__tekst-onderzoek) a > svg, .btn--video > svg, .btn--video-large > svg, .btn--feedback > svg, .btn--main > svg, .skiplink > svg {
  flex: none;
}
@media (max-width: 575px) {
  .btn--folder, .btn--cta, .btn--second, :is(form) .btn, :is(.paragraaf__tekst-onderzoek) a, .btn--video, .btn--video-large, .btn--feedback, .btn--main, .skiplink {
    height: 4.5rem;
  }
}

.btn--second, :is(form) .btn, :is(.paragraaf__tekst-onderzoek) a, .btn--video, .btn--video-large, .btn--feedback {
  --btn-bg: var(--main-color);
  --btn-color: var(--white);
}
.btn--cta {
  --btn-bg: var(--main-color);
  --btn-color: var(--white);
  display: inline-flex;
  margin: 0 1rem 1rem 0;
  min-width: 6rem;
  justify-content: center;
}
@media (max-width: 575px) {
  .btn--cta {
    margin: 1rem auto;
    display: flex;
  }
}
.btn--feedback {
  border-radius: 0.2777777778rem;
  z-index: 10;
}
@media (max-width: 767px) {
  .btn--feedback {
    display: none;
  }
}
.btn--video, .btn--video-large {
  padding: 0 1rem 0 0.75rem;
}
.btn--video > svg, .btn--video-large > svg {
  position: relative;
  bottom: 0.0555555556rem;
}
.btn--video-large {
  margin: auto;
  max-width: max-content;
  width: 100%;
  padding: 1rem;
  height: max-content;
}
@media (min-width: 992px) {
  .btn--video-large {
    padding: 0 1.5rem 0 1rem;
    gap: 1rem;
    width: 100%;
    max-width: 50rem;
    height: 6rem;
    font-size: 1.6666666667rem;
  }
  .btn--video-large > svg {
    width: 64px;
    height: 64px;
  }
}
.btn--link {
  --chevron-color: var(--black);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: var(--chevron-color);
  width: max-content;
  max-width: 100%;
  margin-right: 1rem;
}
.btn--link:before {
  --chevron: .5rem;
  border-right: 2px solid var(--chevron-color);
  border-bottom: 2px solid var(--chevron-color);
  width: var(--chevron);
  height: var(--chevron);
  margin-left: 0;
  transform: rotate(-45deg);
  content: "";
  flex-shrink: 0;
  position: relative;
  bottom: 2px;
}
.btn--folder {
  --btn-bg: var(--main-color);
  --btn-color: var(--white);
  width: 8.3333333333rem;
  margin: 0.5rem 0;
}
.btn--folder > svg {
  position: relative;
  bottom: 0.1666666667rem;
}

:is(.paragraaf__tekst) .btn--second, :is(.paragraaf__tekst) :is(form) .btn, :is(form) :is(.paragraaf__tekst) .btn, :is(.paragraaf__tekst) :is(.paragraaf__tekst-onderzoek) a, :is(.paragraaf__tekst-onderzoek) :is(.paragraaf__tekst) a, :is(.paragraaf__tekst) .btn--feedback, :is(.paragraaf__tekst) .btn--video, :is(.paragraaf__tekst) .btn--video-large {
  text-transform: uppercase;
  padding: 1rem;
  margin-top: 2rem;
  height: auto;
}

:is(.list-collapse) .btn--link {
  margin: 1rem 0 0;
}
@media (max-width: 575px) {
  :is(.list-collapse) .btn--link {
    margin: 1rem 0 0;
  }
}

:is(.geboortecentrum) .btn--link:before {
  --chevron-color: var(--white);
}

.agenda {
  max-width: 59.5555555556rem;
}
@media (max-width: 575px) {
  .agenda {
    margin-bottom: 4rem;
  }
}
.agenda:not(.agenda--home, .page-container) {
  margin-bottom: calc(var(--m-bottom) * -1);
}
.agenda__overzicht {
  --agenda-bg: var(--white);
  --agenda-date: var(--gray);
}
@media (max-width: 575px) {
  .agenda__overzicht {
    display: block !important;
  }
  .agenda__overzicht .agenda__date {
    float: left;
    margin: -1.5rem 1rem 1rem 0;
    position: relative;
    top: 1.5rem;
  }
}
.agenda__overzicht .agenda__text a {
  color: var(--black);
}
.agenda__overzicht .agenda__text a:hover {
  text-decoration: none;
}
.agenda__flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.agenda__item {
  display: flex;
  position: relative;
  border-radius: var(--radius);
  background-color: var(--agenda-bg);
  padding: 1.5rem 2rem;
}
@media (max-width: 575px) {
  .agenda__item:not(.agenda__overzicht) {
    align-items: center;
    padding: 1rem;
    gap: 1rem;
  }
}
.agenda__date {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  background-color: var(--agenda-date);
  width: 5rem;
  height: 5rem;
  flex: none;
  color: var(--main-color);
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .agenda__date {
    width: 4rem;
    height: 4rem;
  }
}
.agenda__date > p, .meta__flex--text-block .agenda__date > a {
  margin: 0;
  line-height: 1;
}
.agenda__date-day {
  font-weight: 700;
  font-size: 1.5rem;
}
@media (max-width: 575px) {
  .agenda__date-day {
    font-size: 1.1111111111rem;
  }
}
.agenda__date-month {
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .agenda__date-month {
    font-size: 0.7777777778rem;
  }
}
.agenda__text > a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  color: var(--main-color);
}
.agenda__text > a:hover {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.agenda__text h3 {
  font-size: 1rem;
}
.agenda__text h3 > a {
  text-decoration: none;
  color: var(--main-color);
}
.agenda__text p, .agenda__text .meta__flex--text-block a, .meta__flex--text-block .agenda__text a {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .agenda__text p:not(.agenda__overzicht-text), .agenda__text .meta__flex--text-block a:not(.agenda__overzicht-text), .meta__flex--text-block .agenda__text a:not(.agenda__overzicht-text) {
    display: none;
  }
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  height: max-content;
  margin: 0 0 3rem 0;
  font-size: 0.8888888889rem;
  gap: 0.5rem 0;
}
@media (max-width: 575px) {
  .breadcrumb {
    margin: 1.25rem 0 2rem;
    font-size: 0.75rem;
  }
}
.breadcrumb > a {
  color: var(--breadcrumb);
  --border-color: var(--breadcrumb);
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-right: 1.5rem;
  position: relative;
  font-weight: 400;
}
.breadcrumb > a:before {
  --chevron: .5rem;
  border-right: 2px solid var(--breadcrumb);
  border-bottom: 2px solid var(--breadcrumb);
  width: var(--chevron);
  height: var(--chevron);
  margin-left: var(--chevron);
  transform: rotate(-45deg);
  content: "";
  position: absolute;
  right: -15px;
  top: 6px;
}
@media (max-width: 991px) {
  .breadcrumb > a:before {
    --chevron: .45rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .breadcrumb > a:before {
    right: -12px;
  }
}
@media (max-width: 575px) {
  .breadcrumb > a:before {
    right: -18px;
    top: 4px;
  }
}
@media (max-width: 991px) {
  .breadcrumb > a {
    margin-right: 1rem;
  }
}
@media (max-width: 575px) {
  .breadcrumb > a {
    margin-right: 2rem;
  }
}
.breadcrumb > span {
  cursor: not-allowed;
  font-weight: 400;
  color: var(--black);
}

.calamiteit {
  --banner-height: 7rem;
  background-color: var(--second-color);
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  z-index: 100;
  position: relative;
  top: 0;
  min-height: var(--banner-height);
  height: auto;
  width: 100%;
  max-width: 106.6666666667rem;
  display: flex;
  border-radius: 0 0 0 var(--radius);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .calamiteit {
    padding: 0.5rem 1rem;
    display: inline-block;
  }
}
.calamiteit:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.calamiteit:hover button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  opacity: 1;
}
.calamiteit > svg {
  position: relative;
  bottom: 0.25rem;
  flex: none;
}
@media (max-width: 767px) {
  .calamiteit > svg {
    float: left;
    margin: 1rem 1rem -1px 0;
    height: auto;
    bottom: 0.5rem;
  }
}
.calamiteit button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
@media not (hover: none) {
  .calamiteit button {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .calamiteit button {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
}
@media (max-width: 575px) {
  .calamiteit button {
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .calamiteit svg {
    width: 2rem;
    height: 2rem;
  }
}
@media (max-width: 575px) {
  .calamiteit svg {
    margin: 9px 10px 0 -1px;
  }
}
@media (max-width: 767px) {
  .calamiteit__body {
    padding-right: 2.5rem;
  }
}
@media (max-width: 575px) {
  .calamiteit__body {
    padding-right: 1rem;
  }
}
.calamiteit__body > h3 {
  font-size: 1rem;
  margin: 0;
}
@media (max-width: 575px) {
  .calamiteit__body > h3 {
    font-size: 1rem;
  }
}
.calamiteit__body > p, .meta__flex--text-block .calamiteit__body > a {
  margin: 0;
  font-size: 1rem;
}
@media (max-width: 1199px) {
  .calamiteit__body > p, .meta__flex--text-block .calamiteit__body > a {
    font-size: 0.8888888889rem;
  }
}
@media (max-width: 575px) {
  .calamiteit__body > p, .meta__flex--text-block .calamiteit__body > a {
    font-size: 0.8rem;
  }
}
.calamiteit__btn {
  margin-left: auto;
}
.calamiteit--close {
  --banner-height: 0;
  display: none;
}

.calamiteit + script + header .menu__open--show {
  --banner-height: 7rem;
  height: calc(100vh - var(--banner-height));
}

.calamiteit--close + script + header .menu__open--show {
  --banner-height: 0;
}

.caption {
  background-color: var(--second-color);
  font-size: 0.7777777778rem;
  font-weight: 600;
  letter-spacing: 0.0388888889rem;
  text-transform: uppercase;
  display: inline-flex;
  padding: 2px 1em 0;
  height: 1.6666666667rem;
  align-items: center;
  border-radius: var(--radius);
  margin-bottom: 1.5rem;
  flex: none;
  width: max-content;
}
@media (max-width: 575px) {
  .caption {
    font-size: 0.75rem;
    height: 1.5rem;
    margin: 0 0 1rem;
  }
}
@media (max-width: 575px) {
  .caption:has(~ .header--specialismen__flex) {
    margin: 0;
  }
}

.contact--paragraaf, .contact {
  border-radius: var(--radius);
  background-color: var(--toonaangevend);
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.5rem;
  height: max-content;
}

.contact__mail, .contact__time, .contact__tel, .contact__route {
  --contact-icon: url(/images/route.svg);
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.contact__mail:before, .contact__time:before, .contact__tel:before, .contact__route:before {
  background: var(--contact-icon);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 2rem;
  height: 2rem;
  content: "";
  flex: none;
}

.contact {
  width: 22.8888888889rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contact {
    width: 20rem;
  }
}
@media (max-width: 767px) {
  .contact--specialisme {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 10000;
    order: unset;
    width: max-content;
    padding: 1.5rem;
    max-width: 94%;
  }
}
.contact--specialisme__collapse {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .contact--specialisme__collapse {
    height: 0;
    opacity: 0;
    width: 0;
  }
}
.contact--specialisme__collapse-open {
  opacity: 1;
  display: block;
  animation: animatebottom 0.2s;
  animation: fading 0.2s;
  height: max-content;
  width: calc(100vw - 6rem);
}
.contact--paragraaf {
  width: 100%;
  margin: 0 0 2rem 0;
  padding: 1.5rem 1.5rem 0;
}
.contact--paragraaf h3 {
  margin: 0 0 1rem;
  font-size: 1.5rem;
}
.contact__btn {
  color: var(--black);
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 768px) {
  .contact__btn {
    display: none;
  }
}
.contact__btn:after {
  --chevron: .66rem;
  border-right: 3px solid var(--black);
  border-bottom: 3px solid var(--black);
  width: var(--chevron);
  height: var(--chevron);
  margin-left: 0;
  transform: rotate(-45deg);
  content: "";
  flex-shrink: 0;
  position: relative;
  bottom: 2px;
}
.contact__btn--open {
  margin-bottom: 1rem;
  width: calc(100vw - 6rem);
}
.contact__btn--open:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  transform: rotate(45deg);
  top: -0.1111111111rem;
}
.contact__opmerking {
  font-size: 0.7777777778rem;
  margin: 0 2.75rem;
  display: inline-block;
  padding-right: 1rem;
}
.contact__body {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
  margin: 0 0 1.5rem;
  width: 100%;
}
@media (max-width: 575px) {
  .contact__body {
    gap: 0.5rem;
  }
}
.contact__body-col {
  width: calc(50% - 0.75rem);
  padding: 0.5rem 0 0;
}
@media (max-width: 575px) {
  .contact__body-col {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.contact__tel {
  --contact-icon: url(/images/tel.svg);
}
.contact__time {
  --contact-icon: url(/images/time.svg);
}
.contact__mail {
  --contact-icon: url(/images/mail.svg);
}
.contact__mail a {
  color: var(--black);
  text-decoration-line: none;
}
.contact__intro {
  display: block;
  margin: 0 0 1rem;
}
.contact h2 {
  font-size: 1.3333333333rem;
  margin: 0 0 1rem;
}
@media (max-width: 767px) {
  .contact h2 {
    display: none;
  }
}
.contact a.btn--link {
  text-decoration: underline;
  position: relative;
  width: max-content;
  max-width: 80%;
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .contact a.btn--link {
    left: calc(36px + 0.75rem);
  }
}

@keyframes animatebottom {
  from {
    height: max-content;
  }
  to {
    top: 0;
  }
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:is(.geboortecentrum) .contact {
  background-color: var(--geboorte);
  color: var(--white);
}
:is(.geboortecentrum) .contact a, :is(.geboortecentrum) .contact p {
  font-weight: 700;
  font-size: 1.1111111111rem;
  color: var(--white);
  left: 0;
}
:is(.geboortecentrum) .contact .contact__btn {
  color: var(--white);
  font-size: 1.1111111111rem;
}
:is(.geboortecentrum) .contact .contact__btn:after {
  border-color: var(--white);
}

:is(.contentpagina) .faq {
  background-color: var(--white);
}
:is(.contentpagina) .faq:after {
  display: none;
}
:is(.contentpagina) .faq__list-item {
  background-color: var(--gray);
}

.faq {
  position: relative;
  padding-top: 4rem;
}
.faq__list {
  display: flex;
  flex-direction: column;
  margin: 2rem 0 0;
}
.faq__list-item {
  border-radius: var(--radius);
  background-color: white;
  max-width: 55rem;
  padding: 0 1.5rem;
  z-index: var(--z-aanbod-body);
  position: relative;
  margin: 0 0 1.5rem 0;
}
.faq__list-body {
  max-width: 46.7777777778rem;
  padding: 0 0 0.5rem;
}
@media (min-width: 576px) {
  .faq__list-body {
    padding-left: 2.25rem;
  }
}
.faq__list-body--links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .faq__list-body--links {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .faq__list-body--links {
    gap: 1rem;
  }
}
.faq__list-body--links a {
  width: calc(50% - 1.5rem);
}
@media (max-width: 767px) {
  .faq__list-body--links a {
    width: 100%;
  }
}
.faq > picture {
  width: 26.1111111111rem;
  height: 26.1111111111rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .faq > picture {
    width: 16rem;
    height: 16rem;
  }
}
@media (max-width: 767px) {
  .faq > picture {
    display: none;
  }
}
.faq > picture > img {
  border-radius: 50%;
  width: 100%;
}
.faq h3 {
  font-weight: 400;
  font-size: 1.2222222222rem;
  margin: 0;
}
@media (max-width: 575px) {
  .faq h3 {
    font-size: 1rem;
  }
}
.faq h3 > button {
  color: var(--black);
  width: 100%;
  background-color: transparent;
  min-height: 5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
}
@media (max-width: 575px) {
  .faq h3 > button {
    gap: 0.5rem;
  }
}
.faq h3 > button:before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url(/images/faq-open.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  fill: var(--second-color);
  flex: none;
  position: relative;
  bottom: 0.1111111111rem;
}
@media (max-width: 575px) {
  .faq h3 > button:before {
    width: 1rem;
    height: 1rem;
  }
}
.faq h3 > button:hover:before {
  background: url(/images/faq-hover.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.faq h3 > button[aria-expanded=true] {
  color: var(--main-color);
  text-decoration: underline;
}
.faq h3 > button[aria-expanded=true]:before {
  background: url(/images/faq-close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
@media (max-width: 575px) {
  .faq h3 > button {
    min-height: 3.6666666667rem;
  }
}

.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=password], .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=email], .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=text] {
  width: 100%;
  border: 1px solid var(--gray);
  background-color: var(--white);
  outline: var(--gray);
  border: none;
  border-radius: 20px;
  padding: 1rem;
  max-width: 100% !important;
  margin-bottom: 1rem;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  min-height: 3rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea:focus-visible, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=password]:focus-visible, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=email]:focus-visible, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=text]:focus-visible {
  border: 1px solid var(--main-color);
  box-shadow: 0 5px 20px 0 rgba(33, 7, 30, 0.04);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea::placeholder, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=password]::placeholder, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=email]::placeholder, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=text]::placeholder {
  font-style: italic;
}

label.umbraco-forms-label, legend {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

:is(.modal) .umbraco-forms-form {
  margin: 0;
}

.umbraco-forms-form {
  max-width: 42.6666666667rem;
  padding: 2.5rem;
  background-color: var(--gray);
  border-radius: 20px;
}
@media (max-width: 767px) {
  .umbraco-forms-form {
    padding: 1.5rem;
  }
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset {
  margin: 0;
  padding: 0;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .row {
  margin: 0;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field {
  margin: 1rem 0 0;
  padding: 0;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper {
  position: relative;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .checkboxlist div {
  display: flex;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .checkboxlist input[type=checkbox] + label {
  clear: unset;
  margin: 0 1rem 0.5rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .checkboxlist input[type=checkbox] + label:before {
  content: "";
  background: url(/images/forms/checkbox.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  position: absolute;
  left: 0;
  margin-top: 0rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .checkboxlist input[type=checkbox] {
  position: relative;
  bottom: 0.1111111111rem;
  left: 0.1111111111rem;
  margin-right: 0.6666666667rem;
  visibility: hidden;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .checkboxlist input[type=checkbox]:checked + label:before {
  background: url(/images/forms/checked.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .field-validation-error, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .field-validation-valid {
  display: block;
  font-size: 0.75rem;
  color: var(--main-color);
  margin-bottom: 1rem;
  font-weight: 600;
  width: calc(100vw - 1.5rem);
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.longanswer textarea {
  min-height: 9.1666666667rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-tooltip {
  display: block;
  font-size: 0.8888888889rem;
  margin: 0 0 0.5rem 0;
  max-width: 90%;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.fileupload {
  margin: 1.3888888889rem 0;
}
@media (min-width: 768px) {
  .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.date input {
    max-width: 50%;
  }
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > label {
  margin-right: 0 !important;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent {
  position: relative;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > label, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > label {
  margin-left: 1rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > .umbraco-forms-field-wrapper, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > .umbraco-forms-field-wrapper {
  float: left;
  margin-right: 1rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > .umbraco-forms-field-wrapper > label, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > .umbraco-forms-field-wrapper > label {
  margin-left: 1rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > .umbraco-forms-field-wrapper > input, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > .umbraco-forms-field-wrapper > input {
  font-size: 0;
  left: -20000px;
  position: relative;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > .umbraco-forms-field-wrapper > input:before, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > .umbraco-forms-field-wrapper > input:before {
  content: "";
  background: url(/images/forms/checkbox.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  position: absolute;
  left: 20001px;
  top: -9px;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > .umbraco-forms-field-wrapper > input:checked:before, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > .umbraco-forms-field-wrapper > input:checked:before {
  background: url(/images/forms/checked.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > label, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > label {
  clear: unset;
  margin-bottom: 0.5rem;
  margin-left: 0;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > label input[type=checkbox], .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > label input[type=checkbox] {
  position: relative;
  bottom: 0.1111111111rem;
  left: 0.1111111111rem;
  margin-right: 0.6666666667rem;
  visibility: hidden;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.checkbox > label input[type=checkbox]:checked + label:before, .umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dataconsent > label input[type=checkbox]:checked + label:before {
  background: url(/images/forms/checked.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.dropdown select {
  opacity: 0;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.singlechoice input[type=radio] + label {
  clear: unset;
  margin: 0 2.5rem 0.5rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.singlechoice input[type=radio] + label:before {
  content: "";
  background: url(/images/forms/radiobutton.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  position: absolute;
  left: 0;
  margin-top: 0rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.singlechoice input[type=radio] {
  position: absolute;
  bottom: 0.1111111111rem;
  left: 0.1111111111rem;
  margin-right: 0.6666666667rem;
  visibility: hidden;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.singlechoice input[type=radio]:checked + label:before {
  background: url(/images/forms/radiobutton-checked.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.racaptcha2 {
  margin: 1.3888888889rem 0;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .dataconsent label {
  margin-left: 2rem;
}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-hidden {
  display: none;
}

.file-drop-area {
  margin: 1.5rem 0 3rem;
  position: relative;
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;
  height: 164px;
  padding: 0 1.5rem;
  border-radius: 3px;
  transition: 0.2s;
  background-color: var(--gray-bg);
  outline: 0.5rem solid var(--gray);
  background-image: var(--form-stroke);
  border-radius: 1.5555555556rem;
}
.file-drop-area.is-active {
  background-color: var(--main-tint);
  outline: 0.5rem solid var(--main-tint);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='28' ry='28' stroke='white' stroke-width='5' stroke-dasharray='6%2c 14' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");
}
.file-drop-area:hover {
  background-color: var(--main-tint);
  outline: 0.5rem solid var(--main-tint);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='28' ry='28' stroke='white' stroke-width='5' stroke-dasharray='6%2c 14' stroke-dashoffset='9' stroke-linecap='square'/%3e%3c/svg%3e");
}

.file-msg {
  display: flex;
  gap: 1rem;
  max-width: 300px;
  opacity: 0.5;
  align-items: center;
  font-style: italic;
}
.file-msg > svg {
  flex-shrink: 0;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.file-input:focus {
  outline: none;
}

:is(form) .btn {
  border: none;
  margin-top: 1.5rem;
}

:is(.i-paragraaf__tekstParagraaf) .umbraco-forms-form {
  margin-bottom: 0;
}

.list-collapse__item {
  --contact-icon: url(/images/route.svg);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
}
.list-collapse__item:before {
  background: var(--contact-icon);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 2rem;
  height: 2rem;
  content: "";
  flex: none;
}

.list-item {
  --chevron-color: var(--black);
  color: var(--chevron-color);
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: var(--radius);
  width: 100%;
  gap: 1rem;
  text-decoration: none;
}
@media (max-width: 767px) {
  .list-item {
    width: 100%;
    flex-wrap: wrap;
    gap: 0 1rem;
    padding: 1rem 1.5rem;
  }
}
.list-item:before {
  --chevron: .66rem;
  border-right: 3px solid var(--chevron-color);
  border-bottom: 3px solid var(--chevron-color);
  width: var(--chevron);
  height: var(--chevron);
  margin-left: 0;
  transform: rotate(-45deg);
  content: "";
  flex-shrink: 0;
  position: relative;
  bottom: 2px;
}
@media (max-width: 575px) {
  .list-item > span {
    max-width: 90%;
  }
}
.list-item__subtitle {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .list-item__subtitle {
    flex: none;
    width: 100%;
  }
}
.list-item--search {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .list-item--search {
    gap: 1rem;
  }
}
.list-item--search:before {
  bottom: -2px;
}
@media (max-width: 767px) {
  .list-item--search:before {
    bottom: -0.3333333333rem;
    margin-left: auto;
    order: 2;
  }
}
.list-item--search__body > * {
  margin: 0;
}
.list-item--search__body > h3 {
  font-size: 1rem;
  /*    &:has(~ .list-item__subtitle) {
          font-weight: $regular;
          display: inline;
          margin-right: 1rem;
      }*/
}
.list-item--search__body > p, .meta__flex--text-block .list-item--search__body > a {
  max-width: 90%;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 6em;
}
@media (max-width: 767px) {
  .list-item--search .tag--pv {
    margin-left: unset;
  }
}

.list-collapse {
  text-decoration: none;
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: var(--radius);
  width: 100%;
  text-decoration: none;
  display: grid;
  gap: 0.5rem;
}
.list-collapse > h3 {
  --chevron-color: var(--black);
  color: var(--chevron-color);
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  font-weight: 400;
}
.list-collapse > h3:before {
  --chevron: .66rem;
  border-right: 3px solid var(--chevron-color);
  border-bottom: 3px solid var(--chevron-color);
  width: var(--chevron);
  height: var(--chevron);
  margin-left: 0;
  transform: rotate(-45deg);
  content: "";
  flex-shrink: 0;
  position: relative;
  bottom: 2px;
}
.list-collapse__item-tel {
  --contact-icon: url(/images/tel.svg);
}
.list-collapse__item-time {
  --contact-icon: url(/images/time.svg);
  text-decoration: none;
  /*@extend %link-hover;*/
}
.list-collapse__item-mail {
  --contact-icon: url(/images/mail.svg);
}
.list-collapse__checked {
  margin-top: 1rem;
}

.mededeling {
  background-color: var(--toonaangevend);
  padding: 1rem 1.5rem;
  max-width: 47.2222222222rem;
  margin: 4rem 0;
  border-radius: var(--radius);
  display: grid;
  gap: 0.5rem;
  z-index: 10;
  position: relative;
}
.mededeling > h3 {
  font-size: 1.3333333333rem;
  margin: 0;
}
.mededeling > p, .meta__flex--text-block .mededeling > a {
  margin: 0;
}
@media (max-width: 575px) {
  .mededeling {
    margin: 1.5rem 0;
  }
}

.meta {
  position: relative;
  z-index: 100;
  width: 100%;
  max-width: 42.6666666667rem;
  background-color: var(--gray);
  border-radius: var(--radius);
  padding: 1.5rem;
  box-shadow: 0px 0px 20px 0px rgba(143, 188, 186, 0.2);
  border: unset;
  outline: 1px solid var(--outline);
}
@media (max-width: 575px) {
  .meta {
    padding: 1rem;
  }
}
.meta--zorgverlener {
  margin: 2rem 0;
  padding: 1rem 1.5rem;
  max-width: 38.8888888889rem;
}
@media (min-width: 992px) {
  .meta--zorgverlener {
    background-color: var(--white);
  }
}
@media (max-width: 1280px) {
  .meta--zorgverlener {
    max-width: 33.3333333333rem;
  }
}
@media (max-width: 991px) {
  .meta--zorgverlener {
    margin: 2rem 0 0;
  }
}
.meta__title {
  width: 100%;
  flex: none;
  font-weight: 700;
  margin: 0.75rem 0 0.25rem 0;
}
.meta__opmerkingen {
  line-height: 1.5 !important;
}
.meta p, .meta .meta__flex--text-block a, .meta__flex--text-block .meta a {
  font-size: 0.8888888889rem;
  line-height: 1;
}
@media (max-width: 575px) {
  .meta {
    font-size: 1rem;
  }
}
.meta__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  height: max-content;
  width: 100%;
  margin-bottom: 1.5rem;
}
.meta__flex:last-child {
  margin-bottom: 0;
}
.meta__flex--text {
  gap: 1.5rem;
}
.meta__flex--text-block {
  display: grid;
  grid-gap: 0.5rem;
  width: 100%;
}
.meta__flex--text-block a {
  color: var(--main-color);
}
.meta__flex--text-block p:not(.meta__title), .meta__flex--text-block a:not(.meta__title) {
  margin-bottom: 0;
}

.meta__hrefbtn {
  align-items: center;
  background-color: white;
  border-radius: 0.27778rem;
  color: #333;
  display: flex;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 0.8888888889rem;
  height: fit-content;
  justify-content: center;
  text-decoration: none;
  padding: 9px 13px;
  transition: all 0.2s ease-in-out;
}
.meta__hrefbtn:hover {
  background-color: var(--main-color);
  color: white;
}

.paging {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 2rem auto 2rem;
  width: max-content;
  background-color: var(--white);
  border-radius: var(--radius);
  padding: 1rem 1.5rem;
  box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.25);
  max-width: 100%;
}
.paging > a {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}
.paging > a:not(.disabled) {
  text-decoration-color: transparent;
}
.paging > a:not(.disabled):hover {
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--main-color);
  text-underline-offset: 4px;
}
.paging__pagenumbers {
  display: inline-flex;
  justify-content: center;
  gap: 1.5rem;
}
@media (max-width: 575px) {
  .paging__pagenumbers {
    margin: 0;
  }
}
.paging__pagenumbers > a {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  text-decoration-color: transparent;
}
.paging__pagenumbers > a:hover {
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--main-color);
  text-underline-offset: 4px;
}
.paging__pagenumbers > a.current {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  text-decoration: underline;
  color: var(--main-color);
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--main-color);
  text-underline-offset: 4px;
}
.paging .disabled {
  color: var(--breadcrumb);
  cursor: not-allowed;
}

blockquote {
  font-family: "itimregular";
  font-weight: 400;
  font-size: 1.6666666667rem;
  line-height: var(--line-height-header);
  margin: 0;
}

cite > svg {
  margin-right: 0.5rem;
}

.quote {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 575px) {
  .quote {
    flex-direction: column;
  }
}
.quote > picture {
  width: 12.2222222222rem;
  height: 12.2222222222rem;
  outline: 10px solid var(--samenwerken);
  border-radius: 50%;
  flex: none;
}
@media (max-width: 575px) {
  .quote > picture {
    outline: 5px solid var(--samenwerken);
  }
}
.quote > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.quote__body {
  max-width: 45.5555555556rem;
}
.quote__body cite {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .quote__body cite {
    gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  .quote__body cite {
    flex-direction: column;
    gap: 0.25rem;
  }
}
.quote__body cite svg {
  margin: 0;
  position: relative;
  top: 6px;
}
@media (max-width: 767px) {
  .quote__body cite svg {
    width: 30px;
  }
}
.quote__body cite > span {
  opacity: 0.7;
}
.quote__body > blockquote {
  font-size: 2.2222222222rem;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .quote__body > blockquote {
    font-size: 1.6666666667rem;
  }
}
@media (max-width: 767px) {
  .quote__body > blockquote {
    font-size: 1.2222222222rem;
  }
}

.readspeaker {
  --readspeaker-color: var(--black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700 !important;
  border-radius: 0.2777777778rem;
  background-color: var(--menu-button);
  color: var(--black);
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  height: 2.6666666667rem;
  width: max-content !important;
  font-family: var(--font-family) !important;
  margin: 0 !important;
  font-size: 1rem !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.readspeaker:hover {
  --readspeaker-color: var(--white);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  background-color: var(--main-color);
}
.readspeaker-title {
  font-size: 1.1rem !important;
  font-family: var(--font-family) !important;
  color: var(--readspeaker-color) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding: 0 0.5rem !important;
}
.readspeaker-title:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  color: var(--white) !important;
  text-decoration: underline;
}
@media (max-width: 1199px) {
  .readspeaker-title {
    display: none !important;
  }
}
.readspeaker-btn {
  border: none !important;
  background-color: transparent !important;
}
.readspeaker-link {
  border: none !important;
  background: transparent !important;
  font-size: 1rem !important;
  height: auto !important;
  font-family: var(--font-family);
  text-decoration: none !important;
}
.readspeaker-text {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem !important;
  text-decoration: none !important;
  color: var(--main-color) !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.readspeaker-text:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  color: var(--white) !important;
}
.readspeaker-text > svg {
  position: relative;
  bottom: 2px;
}
@media (max-width: 991px) {
  .readspeaker-text > svg {
    width: 20px;
  }
}
.readspeaker-left {
  margin-left: 0 !important;
}
.readspeaker button, .readspeaker span {
  border: none !important;
  color: var(--readspeaker-color) !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.readspeaker .rsbtn, .readspeaker .rsbtn_exp, .readspeaker .rsbtn_exp_inner, .readspeaker .rsbtn, .readspeaker .rsbtn_exp, .readspeaker .rsbtn_exp_inner, .readspeaker .rsbtn_player_item {
  background-color: transparent !important;
  font-size: 1rem !important;
}
.readspeaker .rsbtn, .readspeaker .rsbtn_exp {
  height: 2rem !important;
}
.readspeaker .rsbtn_text:before {
  content: "" !important;
}
.readspeaker .rsbtn_text:after {
  content: "" !important;
}

.scroll-top {
  position: fixed;
  bottom: 5rem;
  right: 3rem;
  z-index: var(--z-logo);
}
@media (max-width: 1199px) {
  .scroll-top {
    display: none;
  }
}

.skiplink {
  --btn-bg: var(--main-color);
  --btn-color: var(--white);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  z-index: 100000;
  position: fixed;
  top: -5rem;
  left: 17.5%;
}

a.skiplink:active, a.skiplink.nice-select.open, a.skiplink:focus {
  top: 1.25rem;
  color: white;
  text-decoration: none;
}

.snippet {
  margin-bottom: 2rem;
  width: 100%;
}
.snippet__btn {
  display: flex;
}
@media (max-width: 575px) {
  .snippet__btn {
    flex-direction: column;
  }
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  cursor: pointer;
  padding: 0;
  line-height: 2;
  margin-left: 2rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.styled-checkbox + label:hover {
  color: var(--main-green);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.styled-checkbox + label:hover:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  background: url(/images/forms/checkbox.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.styled-checkbox .label:focus-visible:before {
  outline: 1px solid var(--main-color);
}
.styled-checkbox + label:before {
  content: "";
  background: url(/images/forms/checkbox.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  position: absolute;
  left: 1rem;
  margin-top: 0.1666666667rem;
}
.styled-checkbox:disabled + label {
  color: var(--gray);
  opacity: 0.6;
}
.styled-checkbox:disabled + label:before {
  opacity: 0.8;
}
.styled-checkbox:checked + label:before {
  background: url(/images/forms/checked.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.tag--date__time, .tag--date__day {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.tag--date__time:before, .tag--date__day:before {
  content: var(--tag-icn);
  position: relative;
  top: 2px;
}

.tag {
  --thema-color: var(--gray);
  --thema-text: var(--black);
  background-color: var(--thema-color);
  color: var(--thema-text);
  font-size: 0.7777777778rem;
  font-weight: 600;
  letter-spacing: 0.0388888889rem;
  display: inline-flex;
  padding: 2px 1em 0;
  height: auto;
  max-width: 100%;
  align-items: center;
  border-radius: 0.2777777778rem;
  flex: none;
  text-decoration: none;
}
@media (max-width: 575px) {
  .tag {
    font-size: 0.75rem;
  }
}
.tag--Samenwerken {
  --thema-color: var(--samenwerken) ;
}
.tag--Gezondheid {
  --thema-color: var(--gezondheid);
  --thema-text: var(--white);
}
.tag--Toonaangevend {
  --thema-color: var(--toonaangevend);
  --thema-text: var(--white);
}
.tag--Algemeen {
  --thema-color: var(--main-color);
  --thema-text: var(--white);
}
.tag--thema {
  background-color: var(--thema-color);
  color: var(--thema-text);
}
.tag--date {
  --thema-color: var(--white);
  --thema-text: var(--main-color);
  gap: 0.5rem;
  align-items: center;
}
.tag--date__day {
  --tag-icn: url("/images/tag-day.svg");
}
.tag--date__time {
  --tag-icn: url("/images/tag-time.svg");
}
.tag--pv {
  --thema-text: var(--main-color);
  margin-left: auto;
}
.tag--pv-date {
  margin-left: 0.5rem;
}

:is(.overzicht__thema) .tag--date {
  background-color: var(--gray);
}

:is(.header__body) .tag {
  margin: 0.5rem 0.5rem 0 0;
}

@media (min-width: 992px) {
  :is(.meta--zorgverlener) .tag--date {
    background-color: var(--gray);
  }
}

table {
  margin: 2rem 0;
  padding: 0;
  width: 100% !important;
  border-radius: var(--radius) !important;
  border-spacing: 0;
  border-collapse: separate !important;
  border: 2px solid var(--gray-light);
  overflow: hidden;
}
table:has(+ figcaption) {
  margin: 2rem 0 1rem;
}
@media (max-width: 767px) {
  table .icn {
    margin: 1rem auto;
  }
}
@media (max-width: 767px) {
  table:not(.mobile-scroll) {
    display: flex;
  }
}
@media (max-width: 767px) {
  table:not(.mobile-scroll) thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media (max-width: 767px) {
  table:not(.mobile-scroll) > tbody {
    width: 100%;
  }
}
@media (max-width: 767px) {
  table:not(.mobile-scroll) > tbody tr td {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  table:not(.mobile-scroll) > tbody tr td:before {
    content: attr(data-label);
    float: left;
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  table:not(.mobile-scroll) tr {
    display: block;
    margin-bottom: 0.625em;
  }
}
table > thead {
  color: var(--main-color);
  font-weight: 600;
}
table > thead tr {
  background-color: var(--gray) !important;
  word-break: keep-all;
}
table > tbody tr td {
  min-width: 5.5555555556rem;
}
table > tbody tr td strong {
  color: var(--main-color);
}
table tr:nth-child(even) {
  background-color: var(--gray);
}
table tr:nth-child(even) td:not(:first-child) {
  border-left: 2px solid var(--white);
}
table tr:nth-child(odd) {
  background-color: var(--white);
}
table td:not(:first-child) {
  border-left: 2px solid var(--gray);
}
table th, table td {
  padding: 1rem;
  text-align: left;
}

@media (max-width: 767px) {
  table {
    display: block;
    overflow-x: auto;
  }
  th, td {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.scroll {
  border-radius: 50%;
  display: grid;
  place-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--main-color);
  color: var(--white);
  position: sticky;
}

.mobile-icon {
  position: absolute;
  right: 0;
  top: -2rem;
}
@media (min-width: 768px) {
  .mobile-icon {
    display: none;
  }
}
.mobile-icon:after {
  content: url(/images/swipe.svg);
  width: 3rem;
  height: 3rem;
  background-color: var(--main-color);
  position: absolute;
  top: 0.25rem;
  border-radius: 50%;
  right: 0.5rem;
  display: grid;
  place-content: center;
  padding-top: 0.5rem;
}
.mobile-icon.scrolled:after {
  display: none;
}

.mobile-scroll {
  border-collapse: collapse;
}

.invultable {
  display: table;
  border-radius: unset !important;
  border: 1px solid var(--black) !important;
}
.invultable > thead th {
  border: 1px solid var(--black) !important;
}
.invultable > tbody tr {
  background-color: var(--white);
}
.invultable > tbody tr td {
  border: 1px solid var(--black) !important;
  height: 30px;
  padding: 0 1rem;
}

.paragraaf__flex--folder:has(> .mobile-icon) {
  margin-top: 4rem;
}

.inhoudsopgave {
  width: 22rem;
  position: sticky;
  z-index: 1;
  max-height: 85vh;
  border-radius: var(--radius);
  overflow: hidden;
  padding: 1rem 0 0;
  background: var(--gray);
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .inhoudsopgave {
    width: 20rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .inhoudsopgave {
    width: 16rem;
  }
}
@media (max-width: 991px) {
  .inhoudsopgave--desktop {
    display: none;
  }
}
.inhoudsopgave-box {
  background-color: var(--gray);
  border-radius: var(--radius);
  padding: 0 0 1rem 2rem;
  max-height: 85vh;
  overflow: auto;
}
@media (min-width: 992px) {
  .inhoudsopgave.sticky {
    position: fixed;
    top: 6.5rem;
  }
}
.inhoudsopgave-title {
  color: var(--black);
  font-weight: 700;
  font-size: 1rem;
  margin: 0 0 1rem 1rem;
  text-decoration: none;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.inhoudsopgave-title:hover {
  color: var(--main-color);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.inhoudsopgave-list {
  display: flex;
  flex-direction: column;
}
.inhoudsopgave-list--item {
  height: auto;
  display: flex;
  align-items: center;
  padding: 0.25rem 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  position: relative;
}
.inhoudsopgave-list--item:before {
  content: "";
  width: 0.5555555556rem;
  height: 0.5555555556rem;
  border-radius: 50%;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0.7777777778rem;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.inhoudsopgave-list--item a {
  display: block;
  text-decoration: none;
}
.inhoudsopgave-list--item:hover, .inhoudsopgave-list--item.active {
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.inhoudsopgave-list--item:hover:before, .inhoudsopgave-list--item.active:before {
  background-color: var(--main-color);
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.inhoudsopgave-list--item.active {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  color: var(--main-color);
}
.inhoudsopgave-list--item:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  color: var(--black);
}
.inhoudsopgave-list--item:hover:before {
  background-color: var(--second-color);
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.inhoudsopgave--mobile {
  width: 100%;
  position: fixed;
  bottom: 2rem;
  left: 0;
  z-index: 1000;
  background-color: transparent;
  overflow: visible;
}
@media (min-width: 992px) {
  .inhoudsopgave--mobile {
    display: none;
  }
}
.inhoudsopgave--mobile-btn {
  float: right;
  display: grid;
  place-items: center;
  width: 3.8888888889rem;
  height: 3.8888888889rem;
  border-radius: 50%;
  background-color: var(--gray);
  margin-right: 1rem;
  box-shadow: 0 15px 15px -5px rgba(0, 153, 183, 0.1);
}
.inhoudsopgave--mobile-btn > svg {
  fill: var(--main-color);
}
.inhoudsopgave--mobile .inhoudsopgave-title {
  margin-bottom: 0;
}
.inhoudsopgave__dropdown {
  height: max-content;
  background-color: var(--gray);
  border-radius: var(--radius);
  padding: 1.5rem;
  box-shadow: 0 15px 15px -5px rgba(0, 153, 183, 0.1);
  max-height: 85vh;
  overflow: auto;
}
.inhoudsopgave__dropdown::-webkit-scrollbar {
  width: 0.5rem;
  padding: 5px 0 0 0;
}
.inhoudsopgave__dropdown::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--gray-bg);
}
.inhoudsopgave__dropdown::-webkit-scrollbar-thumb {
  background: var(--second-color);
}
.inhoudsopgave__dropdown::-webkit-scrollbar-thumb:hover {
  background: var(--second-color);
}

@media (max-width: 1199px) {
  .video__modal-dialog {
    max-width: 95%;
  }
}
.video__modal-content {
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--main-color);
  border-radius: var(--radius);
  padding: 0.75rem;
  pointer-events: auto;
}
@media (max-width: 1199px) {
  .video__modal-content {
    width: 100%;
  }
}
@media (max-width: 30.6666666667rem) {
  .video__modal-content--indiveo {
    top: 6rem;
    left: auto;
    transform: none;
    padding: 0;
  }
}
.video__modal-body {
  width: 59rem;
  position: relative;
  aspect-ratio: 16/9;
  height: max-content;
  border-radius: 1rem;
}
.video__modal-body.indiveo {
  width: 93.3333333333rem;
}
@media (max-width: 122.2222222222rem) {
  .video__modal-body.indiveo {
    max-width: 1680px;
    width: 75vw;
  }
}
@media (max-width: 1199px) {
  .video__modal-body.indiveo {
    width: 90vw;
  }
}
@media (max-width: 575px) {
  .video__modal-body.indiveo {
    width: calc(100% + 2rem);
    border-radius: 0;
    right: 1rem;
  }
}
@media (max-width: 1199px) {
  .video__modal-body {
    width: 100%;
  }
}
.video__modal-body iframe, .video__modal-body video {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  display: block;
}
.video__modal-body iframe > source, .video__modal-body video > source {
  border-radius: 1.25rem;
}
@media (max-width: 575px) {
  .video__modal-body iframe {
    height: 80vh;
    border-radius: 0;
  }
}
.video__close {
  position: absolute;
  right: -1rem;
  top: -1rem;
  z-index: 10;
  cursor: pointer;
}
@media (max-width: 767px) {
  .video__close {
    transform: scale(0.75);
  }
}

.indiveo-modal + .modal-backdrop.show {
  opacity: 0.25 !important;
}

.waves {
  margin: auto;
  position: absolute;
  left: 50%;
  z-index: var(--z-gray-bg);
  transform: translate(-50%, -50%);
}
.waves:before {
  width: 106.6666666667rem;
  height: 600px;
  background-color: var(--gray);
  position: absolute;
  top: -4rem;
  left: -16.6666666667rem;
  content: "";
  z-index: var(--z-gray-bg);
}
.waves--gray__top {
  top: -6rem;
}
@media (min-width: 576px) and (max-width: 991px) {
  .waves--gray__top {
    top: -3rem;
    width: 55rem;
  }
}
@media (max-width: 575px) {
  .waves--gray__top {
    top: -2rem;
    width: 40rem;
  }
}
.waves--gray__bottom {
  bottom: -59rem;
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .waves--gray__bottom {
    width: 88rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .waves--gray__bottom {
    bottom: -56rem;
    width: 70rem;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .waves--gray__bottom {
    bottom: -54rem;
    width: 55rem;
  }
}
@media (max-width: 575px) {
  .waves--gray__bottom {
    width: 30rem;
    bottom: -58rem;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .waves--footer {
    top: -3rem;
    width: 55rem;
  }
}
@media (max-width: 575px) {
  .waves--footer {
    top: -2rem;
    width: 40rem;
  }
}

.woordbetekenis {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  width: max-content;
  z-index: 0;
}
.woordbetekenis:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0.2777777778rem;
  height: 0.2777777778rem;
  background-color: var(--toonaangevend);
  z-index: -1;
}
.woordbetekenis:hover:after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  height: 0.4166666667rem;
}

.popover {
  margin: 0 auto 1rem !important;
  max-width: 15.3333333333rem;
  z-index: 10;
}
.popover-body {
  box-shadow: 0px 0px 20px 0px rgba(143, 188, 186, 0.2);
  border-radius: 1.1111111111rem;
  border: 1px solid var(--gray);
  font-size: 0.8888888889rem;
  line-height: 1.6;
  padding: 1.25rem;
  background-color: var(--white);
  position: relative;
}
@media (max-width: 575px) {
  .popover-body {
    font-size: 1rem;
  }
}
.popover-body:after {
  content: url("/images/popover.svg");
  display: block;
  position: absolute;
  bottom: -1.7777777778rem;
  z-index: 100;
  left: 33.33%;
}
@media (max-width: 575px) {
  .popover-body:after {
    display: none !important;
  }
}
.popover-arrow {
  display: none !important;
}

.i-specialismen {
  list-style: none;
  padding: 0;
}
.i-specialismen li div {
  font-size: 1.5rem;
  font-weight: 600;
}
.i-specialismen li section div {
  font-size: 1rem;
  font-weight: 400;
}
.i-specialismen li section ul {
  margin-bottom: 1rem;
}
.i-specialismen ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.i-specialismen ul li {
  border-bottom: solid 1px #c4c4c4;
  padding: 0.25rem 0;
}
.i-specialismen table {
  display: none;
  margin: 0;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .i-specialismen table {
    display: table;
  }
}
.i-specialismen .specactive strong {
  display: block;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
}

.wt-mobile {
  display: flex;
  flex-direction: column;
  gap: 0.4444444444rem;
}
@media (min-width: 768px) {
  .wt-mobile {
    display: none;
  }
}
.wt-mobile > div {
  display: flex;
  flex-direction: column;
}
.wt-mobile > div > div {
  display: flex;
  flex-direction: row;
}

.aanbod {
  padding: 4rem 0 0;
  border-radius: 2px 2px 0 0;
}
@media (max-width: 767px) {
  .aanbod:not(.aanbod--gbc) {
    padding: 16rem 0 3rem;
  }
}
@media (max-width: 575px) {
  .aanbod:not(.aanbod--gbc) {
    padding: 14rem 0 1rem;
  }
}
.aanbod__body {
  z-index: var(--z-aanbod-body);
  position: relative;
  width: 100%;
  max-width: 60rem;
}
.aanbod__body > h2 {
  max-width: 41.2222222222rem;
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .aanbod__body > h2 {
    max-width: 55%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .aanbod__body > h2 {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .aanbod__body > h2 {
    width: 100%;
  }
}
.aanbod__body > p, .meta__flex--text-block .aanbod__body > a {
  max-width: 41.2222222222rem;
}
.aanbod__body--steps {
  max-width: 100%;
  bottom: 4rem;
}
.aanbod__body--steps .aanbod__list {
  gap: 1rem;
}
@media (min-width: 576px) and (max-width: 1199px) {
  .aanbod__body--steps .aanbod__list {
    justify-content: center;
    flex-direction: row;
  }
}
@media (max-width: 575px) {
  .aanbod__body--steps .aanbod__list {
    flex-direction: column;
  }
}
.aanbod > picture {
  width: 26.1111111111rem;
  height: 26.1111111111rem;
  position: absolute;
  top: -4rem;
  right: 0;
}
@media (max-width: 767px) {
  .aanbod > picture {
    width: 16rem;
    height: 16rem;
    right: -4rem;
    top: 2rem;
  }
}
@media (max-width: 575px) {
  .aanbod > picture {
    right: 0;
    top: 0;
  }
}
.aanbod > picture > img {
  border-radius: 50%;
  width: 100%;
}
.aanbod__links {
  margin: 1.5rem 0;
  display: inline-block;
  flex-wrap: wrap;
  grid-gap: 1rem;
  background-color: var(--white);
  border-radius: var(--radius);
  padding: 2rem;
  width: 100%;
  column-count: 2;
}
@media (max-width: 767px) {
  .aanbod__links {
    column-count: 1;
  }
}
.aanbod__links > a:not(:last-child) {
  margin: 0 0 1.5rem;
}
.aanbod__list {
  margin: 1.5rem 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .aanbod__list {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.aanbod__list-item {
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: var(--radius);
  width: calc(50% - 0.75rem);
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}
@media (max-width: 767px) {
  .aanbod__list-item {
    width: 100%;
  }
}
.aanbod__list-step {
  padding: 2rem 0 3rem;
  background-color: var(--white);
  border-radius: var(--radius);
  width: calc(20% - 1rem);
  display: grid;
  justify-items: center;
  grid-gap: 1rem;
  text-decoration: none;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .aanbod__list-step {
    width: calc(33% - 1rem);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .aanbod__list-step {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 575px) {
  .aanbod__list-step {
    width: 100%;
    padding: 1rem 0.5rem;
    gap: 0;
  }
}
.aanbod__list-step:hover {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.aanbod__list-step:hover > svg {
  -webkit-transition: fill 0.2s ease-in-out;
  -moz-transition: fill 0.2s ease-in-out;
  -ms-transition: fill 0.2s ease-in-out;
  -o-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out, fill 0.2s ease-in-out;
}
.aanbod__list-step:hover > a {
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.aanbod__list-step > svg {
  -webkit-transition: fill 0.2s ease-in-out;
  -moz-transition: fill 0.2s ease-in-out;
  -ms-transition: fill 0.2s ease-in-out;
  -o-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out, fill 0.2s ease-in-out;
  --geboorte: var(--main-color);
}
.aanbod__list-step > figure {
  width: 4.7777777778rem;
  height: 4.7777777778rem;
  background-color: #F3F3F2;
  display: grid;
  place-content: center;
  border-radius: 1rem;
  aspect-ratio: 1/1;
}
@media (max-width: 575px) {
  .aanbod__list-step > figure {
    width: 3.8888888889rem;
    height: 3.8888888889rem;
  }
}
.aanbod__list-step > figure > img {
  width: 3.7777777778rem;
  filter: brightness(0) saturate(100%) invert(17%) sepia(74%) saturate(3036%) hue-rotate(308deg) brightness(90%) contrast(102%);
}
.aanbod__list-step > a {
  font-size: 1.25rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  color: var(--main-color);
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, color 0.2s ease-in-out;
}
@media (max-width: 575px) {
  .aanbod__list-step > a {
    font-size: 1.25rem;
  }
}

.s-filter__input > button, .s-filter__input > input {
  border: none;
  background-color: var(--white);
  border-radius: var(--radius);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 1rem 0 1rem;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.s-filter__input > button[type=search], .s-filter__input > input[type=search] {
  padding: 1.5rem 2.5rem;
}
.s-filter__input > button::placeholder, .s-filter__input > input::placeholder {
  color: var(--black);
}

.s-filter {
  width: 100%;
  max-width: 59.5555555556rem;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--main-color);
  border-radius: var(--radius);
  padding: 2rem;
  margin: 0 auto 0;
  justify-content: space-evenly;
  position: relative;
}
@media (max-width: 767px) {
  .s-filter {
    bottom: 0;
  }
}
.s-filter__list {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .s-filter__list {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .s-filter {
    flex-direction: column;
  }
}
.s-filter__input {
  width: 100%;
  outline: var(--gray-bg);
  border: none;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  height: 4rem;
  position: relative;
}
.s-filter__input:focus-visible {
  border: 1px solid var(--second-color);
  box-shadow: 0 5px 20px 0 rgba(33, 7, 30, 0.04);
  background-color: white;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.s-filter__input > input {
  text-overflow: ellipsis;
}
.s-filter__input > button {
  border-radius: var(--radius) var(--radius) 0 0;
  --chevron-color: var(--black);
  color: var(--chevron-color);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s-filter__input > button:after {
  --chevron: .66rem;
  border-right: 3px solid var(--chevron-color);
  border-bottom: 3px solid var(--chevron-color);
  width: var(--chevron);
  height: var(--chevron);
  margin-left: 0;
  transform: rotate(45deg);
  content: "";
  flex-shrink: 0;
  position: relative;
  top: 0.1111111111rem;
  float: right;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.s-filter__input > button:disabled {
  color: var(--breadcrumb);
}
.s-filter__input > button > span {
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 4em;
}
.s-filter button:has(+ .s-filter__collapse.collapse) {
  border-radius: var(--radius);
}
.s-filter button:has(+ .s-filter__collapse.collapse):after {
  transform: rotate(-45deg);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.s-filter__icn {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
.s-filter__collapse {
  background-color: white;
  max-height: 410px;
  overflow: auto;
  box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.1);
  padding: 0 0 1rem;
  position: relative;
  top: 3rem;
  border-radius: 0 0 var(--radius) var(--radius);
  z-index: 10;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
@media only screen and (max-height: 799px) {
  .s-filter__collapse {
    max-height: 350px;
  }
}
.s-filter__collapse::-webkit-scrollbar {
  width: 0.5rem;
  padding: 5px 0 0 0;
}
.s-filter__collapse::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--gray-bg);
}
.s-filter__collapse::-webkit-scrollbar-thumb {
  background: var(--second-color);
}
.s-filter__collapse::-webkit-scrollbar-thumb:hover {
  background: var(--second-color);
}
.s-filter__collapse-items {
  position: relative;
  display: flex;
  gap: 0.75rem;
  padding: 0 0.5rem 0.5rem;
}
.s-filter__collapse-items label {
  position: initial;
  z-index: 10;
  font-size: 0.8888888889rem;
}
@media (max-width: 575px) {
  .s-filter__collapse-items label {
    font-size: 1rem;
  }
}
.s-filter__collapse-items label:after {
  --hover-color: transparent;
  position: absolute;
  bottom: 10%;
  left: 0;
  content: "";
  width: 100%;
  height: 104%;
  opacity: 0.3;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  text-decoration: none;
  z-index: -1;
}
@media (max-width: 1199px) {
  .s-filter__collapse-items label {
    font-size: 0.9rem;
  }
}
.s-filter__collapse-items label:hover {
  color: var(--main-color);
}
.s-filter__collapse-items label:hover:after {
  --hover-color: var(--second-tint);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.s-filter__collapse-input {
  width: calc(100% - 2rem);
  display: block;
  height: 48px;
  border-radius: var(--radius);
  border: none;
  background-color: var(--gray);
  padding: 0 1rem;
  margin: 0 auto 1rem;
  font-size: 0.8888888889rem;
}
@media (max-width: 575px) {
  .s-filter__collapse-input {
    font-size: 1rem;
  }
}
.s-filter .show + button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  border-radius: 1.2222222222rem 1.2222222222rem 0 0;
  border-top: 1px solid var(--second-tint);
  border-left: 1px solid var(--second-tint);
  border-right: 1px solid var(--second-tint);
}

footer {
  background-color: var(--gray);
  width: 100%;
  margin: 20rem auto 0;
  max-width: 73.3333333333rem;
  height: max-content;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  footer {
    margin: 10rem auto 0;
  }
}
footer:before {
  content: url(/images/wave-footer.svg);
  display: block;
  position: absolute;
  left: -16.6666666667rem;
  top: -25rem;
  z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1440px) {
  footer:before {
    left: -10rem;
    top: -24rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  footer:before {
    top: -22rem;
    transform: scale(0.85);
  }
}
@media (max-width: 767px) {
  footer:before {
    transform: scale(0.5);
    top: -18rem;
    left: -28rem;
  }
}
@media (max-width: 575px) {
  footer:before {
    top: -21rem;
    left: -32rem;
  }
}
footer:after {
  width: 106.6666666667rem;
  height: 100%;
  background-color: var(--gray);
  position: absolute;
  top: 0;
  left: -16.6666666667rem;
  content: "";
  z-index: 1;
}
@media (max-width: 1280px) {
  footer:after {
    height: 100%;
  }
}
@media (max-width: 575px) {
  footer:after {
    top: 0;
  }
}
footer .footer {
  height: max-content;
  position: relative;
  padding: 0 0 1rem;
  width: 100%;
  display: grid;
  z-index: 10;
  grid-template-rows: minmax(2rem, max-content) minmax(2rem, max-content) minmax(1px, max-content) minmax(2rem, max-content);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "logo address address address address links links stz" ". socials socials socials socials links links ." "border border border border border border border border" "text text text text text dis dis dis";
}
@media (min-width: 992px) and (max-width: 1280px) {
  footer .footer {
    grid-template-areas: "logo address address address links links links stz" ". socials socials socials socials socials socials socials" "border border border border border border border border" "text text text text text dis dis dis";
  }
}
@media (max-width: 991px) {
  footer .footer {
    grid-template-areas: "logo logo logo logo logo logo logo stz" "address address address address address address address address" "links links links links links links links links" "socials socials socials socials socials socials socials socials" "border border border border border border border border" "text text text text text dis dis dis";
  }
}
@media (min-width: 576px) and (max-width: 1280px) {
  footer .footer {
    padding: 2rem;
  }
}
@media (max-width: 575px) {
  footer .footer {
    padding: 2rem 1rem;
  }
}
footer .footer h2 {
  font-size: 1.2222222222rem;
  min-height: 1.2rem;
  flex: none;
  width: 100%;
  font-weight: 600;
}
footer .footer__logo {
  grid-area: logo;
}
footer .footer__address {
  grid-area: address;
}
footer .footer__address-flex {
  display: flex;
  width: 100%;
}
@media (max-width: 1199px) {
  footer .footer__address-flex {
    flex-direction: column;
    gap: 0;
  }
}
@media (min-width: 768px) {
  footer .footer__address address {
    width: 50%;
  }
}
footer .footer__address address p, footer .footer__address address .meta__flex--text-block a, .meta__flex--text-block footer .footer__address address a {
  margin: 0;
}
footer .footer__address address p.place, footer .footer__address address .meta__flex--text-block a.place, .meta__flex--text-block footer .footer__address address a.place {
  font-weight: 600;
}
footer .footer__stz {
  grid-area: stz;
}
footer .footer__item {
  grid-area: links;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
footer .footer__item p, footer .footer__item .meta__flex--text-block a, .meta__flex--text-block footer .footer__item a {
  margin: 0;
}
footer .footer__socials {
  display: flex;
  grid-area: socials;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 767px) {
  footer .footer__socials {
    justify-content: center;
    padding: 2rem 0;
  }
}
footer .footer__border {
  grid-area: border;
  border-top: 1px solid var(--white);
}
@media (max-width: 767px) {
  footer .footer__border {
    padding: 1rem 0 0;
  }
}
footer .footer__disclaimer-text {
  font-size: 0.7777777778rem;
  grid-area: text;
  display: flex;
}
footer .footer__disclaimer-text > p, footer .meta__flex--text-block .footer__disclaimer-text > a, .meta__flex--text-block footer .footer__disclaimer-text > a {
  margin: 0;
}
@media (max-width: 767px) {
  footer .footer__disclaimer-text {
    flex-direction: column;
    gap: 0.25rem;
  }
}
footer .footer__disclaimer-links {
  grid-area: dis;
  display: flex;
  font-size: 0.7777777778rem;
}
@media (max-width: 767px) {
  footer .footer__disclaimer-links {
    flex-direction: column;
    gap: 0.25rem;
    text-align: right;
  }
}
footer .footer__disclaimer-links a[href] {
  color: var(--black);
}

:is(.home) footer {
  margin: 0 auto;
}
:is(.home) footer:before {
  display: none;
}

.page-container.specialisme:not(:has(.thema)) + footer, .specialisme .page-container:not(:has(.thema)) + footer, .page-container.speciaalSpreekuur:not(:has(.thema)) + footer, .page-container:has(.overzicht-container) + footer {
  margin-top: 8rem;
}
.page-container.specialisme:not(:has(.thema)) + footer:before, .specialisme .page-container:not(:has(.thema)) + footer:before, .page-container.speciaalSpreekuur:not(:has(.thema)) + footer:before, .page-container:has(.overzicht-container) + footer:before {
  content: url(/images/wave-footer-white.svg);
}
.page-container.specialisme:not(:has(.thema)) + footer:after, .specialisme .page-container:not(:has(.thema)) + footer:after, .page-container.speciaalSpreekuur:not(:has(.thema)) + footer:after, .page-container:has(.overzicht-container) + footer:after {
  background-color: white;
}
.page-container.specialisme:not(:has(.thema)) + footer .footer, .specialisme .page-container:not(:has(.thema)) + footer .footer, .page-container.speciaalSpreekuur:not(:has(.thema)) + footer .footer, .page-container:has(.overzicht-container) + footer .footer {
  background-color: white;
}

.page-container.specialisme:not(:has(.thema)) + footer {
  margin-top: 25rem;
}
@media (min-width: 1680px) {
  .page-container.specialisme:not(:has(.thema)) + footer {
    margin-top: 31rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page-container.specialisme:not(:has(.thema)) + footer {
    margin-top: 20rem;
  }
}
@media (max-width: 767px) {
  .page-container.specialisme:not(:has(.thema)) + footer {
    margin-top: 15rem;
  }
}
@media (max-width: 575px) {
  .page-container.specialisme:not(:has(.thema)) + footer {
    margin-top: 12rem;
  }
}
.page-container.specialisme:not(:has(.thema)) + footer:before {
  content: "";
}

.handig {
  position: relative;
  padding: 0rem 0 8rem;
}
.handig:has(picture) {
  padding: 10rem 0 0;
}
@media (max-width: 767px) {
  .handig {
    padding: 0;
  }
}
.handig:has(~ .agenda) {
  padding: 10rem 0 0;
}
.handig--pv {
  padding: 0;
  margin: 0;
  background-color: var(--white);
}
.handig--pv:after {
  display: none;
}
.handig--pv__list {
  background-color: var(--gray-light) !important;
}
.handig__list {
  border-radius: var(--radius);
  background: white;
  max-width: 55rem;
  padding: 0 1.5rem;
  z-index: var(--z-aanbod-body);
  position: relative;
}
@media (max-width: 575px) {
  .handig__list {
    padding: 0 1rem;
  }
}
.handig__list-body {
  max-width: 46.7777777778rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .handig__list-body {
    padding-left: 2.25rem;
  }
}
.handig__list-body--links {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .handig__list-body--links {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .handig__list-body--links {
    gap: 1rem;
  }
}
.handig__list-body--links a {
  width: 75%;
  align-items: self-start;
}
.handig__list-body--links a:before {
  bottom: -0.5rem;
}
@media (max-width: 767px) {
  .handig__list-body--links a {
    width: 100%;
  }
}
.handig > picture {
  width: 26.1111111111rem;
  height: 26.1111111111rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .handig > picture {
    width: 16rem;
    height: 16rem;
  }
}
@media (max-width: 767px) {
  .handig > picture {
    display: none;
  }
}
.handig > picture > img {
  border-radius: 50%;
  width: 100%;
}
.handig h3 {
  font-weight: 400;
  font-size: 1.2222222222rem;
  margin: 0;
}
@media (max-width: 575px) {
  .handig h3 {
    font-size: 1rem;
  }
}
.handig h3 > button {
  color: var(--black);
  width: 100%;
  background-color: transparent;
  height: 5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 575px) {
  .handig h3 > button {
    gap: 0.5rem;
  }
}
.handig h3 > button:before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url(/images/faq-open.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  fill: var(--second-color);
  flex: none;
  position: relative;
  bottom: 0.1111111111rem;
}
@media (max-width: 575px) {
  .handig h3 > button:before {
    width: 1rem;
    height: 1rem;
  }
}
.handig h3 > button:hover:before {
  background: url(/images/faq-hover.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.handig h3 > button[aria-expanded=true] {
  color: var(--main-color);
  text-decoration: underline;
}
.handig h3 > button[aria-expanded=true]:before {
  background: url(/images/faq-close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
@media (max-width: 575px) {
  .handig h3 > button {
    height: 3.6666666667rem;
  }
}

.header--wetenschap, .header--FolderListview, .header--zoeken, .header--map, .header--specialismen {
  --header-bg: var(--white);
  --header-wave: url("/images/wave-overzicht.svg");
}
.header--wetenschap:before, .header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
  content: var(--header-wave);
  display: block;
  position: absolute;
  left: -16.6666666667rem;
  top: 35.5555555556rem;
}
@media (max-width: 1919px) {
  .header--wetenschap:before, .header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
    left: -18rem;
  }
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .header--wetenschap:before, .header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
    top: 450px;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .header--wetenschap:before, .header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
    top: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header--wetenschap:before, .header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
    top: 500px;
  }
}
@media (max-width: 767px) {
  .header--wetenschap:before, .header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
    top: 0;
    left: -40rem;
    transform: scale(0.5);
  }
}

.header--patientenfolder, .header--samenVoorGezondheid, .header--zorgverlener, .header--contentpagina, .header--agenda, .header--home {
  --header-bg: var(--gray);
  --header-wave: url("/images/wave-header.svg");
}
.header--patientenfolder:before, .header--samenVoorGezondheid:before, .header--zorgverlener:before, .header--contentpagina:before, .header--agenda:before, .header--home:before {
  content: var(--header-wave);
  display: block;
  position: absolute;
  left: -16.6666666667rem;
  top: 35.5555555556rem;
  z-index: 1;
}
@media (max-width: 1919px) {
  .header--patientenfolder:before, .header--samenVoorGezondheid:before, .header--zorgverlener:before, .header--contentpagina:before, .header--agenda:before, .header--home:before {
    left: -18rem;
  }
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .header--patientenfolder:before, .header--samenVoorGezondheid:before, .header--zorgverlener:before, .header--contentpagina:before, .header--agenda:before, .header--home:before {
    top: 450px;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .header--patientenfolder:before, .header--samenVoorGezondheid:before, .header--zorgverlener:before, .header--contentpagina:before, .header--agenda:before, .header--home:before {
    top: 18rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header--patientenfolder:before, .header--samenVoorGezondheid:before, .header--zorgverlener:before, .header--contentpagina:before, .header--agenda:before, .header--home:before {
    top: 16rem;
  }
}
@media (max-width: 767px) {
  .header--patientenfolder:before, .header--samenVoorGezondheid:before, .header--zorgverlener:before, .header--contentpagina:before, .header--agenda:before, .header--home:before {
    top: auto;
    left: -40rem;
    transform: scale(0.5);
    bottom: -10rem;
  }
}

.header {
  position: relative;
  height: max-content;
  background-color: var(--header-bg);
  position: relative;
  width: 100%;
  padding-top: 8rem;
  z-index: 0;
}
@media (max-width: 1199px) {
  .header {
    padding-top: 7.5rem;
  }
}
@media (max-width: 767px) {
  .header {
    --header-bg: var(--white);
    min-height: 24rem;
    z-index: unset;
  }
}
.header:after {
  width: 106.6666666667rem;
  height: 100%;
  min-height: 50.5555555556rem;
  background-color: var(--header-bg);
  position: absolute;
  top: 0;
  left: -16.6666666667rem;
  content: "";
  z-index: var(--z-gray-bg);
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .header:after {
    min-height: 40.8333333333rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header:after {
    min-height: 33.0555555556rem;
  }
}
@media (max-width: 991px) {
  .header:after {
    min-height: 100%;
  }
}
.header__geboorte > img {
  transform: scale(1);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.header__geboorte > img:hover {
  transform: scale(1.05);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.header__body {
  width: 41.2222222222rem;
  position: relative;
  z-index: 2;
  padding-right: 1rem;
  min-height: 19.4444444444rem;
}
@media (min-width: 1200px) and (max-width: 1679px) {
  .header__body {
    width: 35rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__body {
    width: 30rem;
  }
}
@media (max-width: 991px) {
  .header__body {
    width: 100%;
    z-index: 1;
    padding-top: 2rem;
  }
}
.header__body a.btn--link {
  margin-bottom: 0.5rem;
}
.header > figure {
  position: absolute;
  top: 0rem;
  right: -18rem;
  height: 50rem;
  aspect-ratio: 1/1;
  background-color: var(--second-color);
  border-radius: 50%;
  z-index: -1;
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .header > figure {
    height: 41.6666666667rem;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .header > figure {
    right: -16rem;
    height: 41.6666666667rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header > figure {
    top: 7rem;
    right: -7rem;
    height: 33.3333333333rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header > figure {
    height: 33.3333333333rem;
    right: -10rem;
    top: 7rem;
  }
}
@media (max-width: 767px) {
  .header > figure {
    display: none;
  }
}
.header > picture {
  position: absolute;
  top: 0rem;
  right: -20rem;
  height: 50rem;
  aspect-ratio: 1/1;
}
@media (max-width: 991px) {
  .header > picture:before {
    content: url("/images/home-mobile-zv.svg");
    display: block;
    position: absolute;
    left: 1rem;
    bottom: -8rem;
    z-index: 1;
    transform: scale(1.75);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .header > picture:before {
    left: -10rem;
    bottom: -10rem;
    z-index: 1;
    transform: scale(1.5);
  }
}
@media (min-width: 414px) and (max-width: 575px) {
  .header > picture:before {
    left: -10rem;
    bottom: -11rem;
    transform: scale(1);
  }
}
@media (max-width: 413px) {
  .header > picture:before {
    transform: scale(0.75);
    left: -13rem;
    bottom: -12rem;
  }
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .header > picture {
    right: -20rem;
    height: 40.2777777778rem;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .header > picture {
    right: -14rem;
    height: 40.2777777778rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header > picture {
    top: 2rem;
    right: -2rem;
    height: 27.7777777778rem;
  }
}
@media (max-width: 991px) {
  .header > picture {
    position: relative;
    top: auto;
    right: 1rem;
    width: calc(100% + 2rem);
    aspect-ratio: 16/9;
    display: flex;
    height: auto;
  }
}
.header > picture > img {
  border-radius: 50% 0 0 50%;
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header > picture > img {
    border-radius: 50% 0 50% 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header > picture > img {
    object-fit: cover;
  }
}
@media (max-width: 991px) {
  .header > picture > img {
    border-radius: 0;
  }
}
@media (max-width: 991px) {
  .header:has(picture):before {
    content: "";
  }
  .header:has(picture) .header__body {
    padding: 0;
  }
}
.header--specialismen {
  margin: 0 0 6rem;
  position: relative;
  min-height: auto;
}
@media (max-width: 991px) {
  .header--specialismen {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .header--specialismen .btn--video-large {
    order: 2;
  }
}
.header--specialismen__flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3rem;
  margin-bottom: 2rem;
  z-index: 0;
  position: relative;
}
@media (max-width: 1199px) {
  .header--specialismen__flex {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .header--specialismen__flex {
    min-height: 22.2222222222rem;
  }
}
@media (max-width: 767px) {
  .header--specialismen__flex {
    flex-direction: column;
    position: unset;
    gap: 1.5rem;
  }
}
.header--specialismen__flex:has(div > img) {
  flex-wrap: nowrap;
  gap: 1.5rem;
}
.header--specialismen__flex:has(div > img) > div {
  display: inline-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.header--specialismen__flex:has(div > img) > div:not(:has(> .geboortecentrum)) {
  width: -webkit-fill-available;
  align-items: flex-start;
}
.header--specialismen__flex:has(div > img) > div > div {
  max-width: 33.3333333333rem;
}
.header--specialismen__flex:has(div > img) > div > div.geboortecentrum {
  max-width: 30rem;
}
.header--specialismen__flex:has(div > img) > div > div.geboortecentrum > nav {
  max-width: 75%;
}
.header--specialismen__flex:has(div > img) > div > img {
  max-width: 20rem;
  max-height: 10rem;
  width: auto;
  margin: 0 auto;
}
.header--specialismen__flex:has(div > img) > div > img.geboortecentrum {
  width: 8rem;
}
@media (max-width: 767px) {
  .header--specialismen__flex:has(div > img) > div > img.geboortecentrum {
    position: absolute;
    top: -2rem;
    right: 0;
    width: 6rem;
  }
}
.header--specialismen__body {
  width: 42.6666666667rem;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1366px) {
  .header--specialismen__body {
    width: 35rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header--specialismen__body {
    width: 33rem;
  }
}
@media (max-width: 767px) {
  .header--specialismen__body {
    width: 100%;
  }
}
.header--specialismen__body a.btn--link {
  margin-bottom: 0.5rem;
}
.header--specialismen__body-gbclogo {
  position: absolute;
  top: 2rem;
  right: 0;
  max-height: 10rem;
}
@media (max-width: 1199px) {
  .header--specialismen__body-gbclogo {
    width: 5.5555555556rem;
  }
}
@media (max-width: 767px) {
  .header--specialismen__body-gbclogo {
    top: 0;
    right: 0;
    position: relative;
  }
}
.header--specialismen__body-hartjeslogo {
  position: absolute;
  top: 7rem;
  right: 7rem;
  margin: 0 1rem 1rem;
  aspect-ratio: 1/1;
  width: auto;
  height: 13rem;
  object-fit: contain;
  object-position: left;
}
@media (max-width: 991px) {
  .header--specialismen__body-hartjeslogo {
    display: none;
  }
}
.header__suggestions {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  opacity: 0;
  width: 100%;
  display: grid;
  background-color: var(--gray);
  border-radius: 0 0 var(--radius) var(--radius);
  background-color: var(--gray);
  position: absolute;
  top: 0;
  height: 0;
  box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.25);
}
.header__suggestions > ul {
  list-style-type: none;
  margin: 0;
  padding: 0 1rem 1rem 1rem;
}
.header__suggestions > ul > li > a {
  width: 100%;
  display: block;
}
.header__suggestions > ul > li:not(:first-child) {
  margin-top: 0.5rem;
}
.header__suggestions.open {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  opacity: 1;
  width: 100%;
  height: max-content;
  display: grid;
}
.header--home {
  padding-top: 12.5rem;
}
@media (max-width: 991px) {
  .header--home {
    padding-top: 0;
    bottom: 0;
  }
  .header--home:before {
    content: "";
  }
}
.header--home__toptasks {
  width: 35rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
  margin: 3rem 0;
  z-index: 6;
  position: relative;
}
@media (max-width: 1199px) {
  .header--home__toptasks {
    margin: 1rem 0;
    gap: 1rem;
  }
}
@media (max-width: 991px) {
  .header--home__toptasks {
    width: 100%;
    gap: 1rem 0.5rem;
  }
}
@media (max-width: 349px) {
  .header--home__toptasks {
    flex-direction: column;
  }
}
.header--home__toptasks-item {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  font-weight: 600;
  background-color: var(--main-color);
  color: var(--white);
  border-radius: var(--btn-radius);
  gap: 1rem;
  text-decoration: none;
  height: 4rem;
  width: calc(50% - 0.75rem);
  line-height: 1.6;
  word-break: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: break-word;
}
@media (max-width: 991px) {
  .header--home__toptasks-item {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 767px) {
  .header--home__toptasks-item {
    height: auto;
    min-height: 7rem;
    border-radius: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 1rem 0.75rem;
    overflow-wrap: break-word;
    width: calc(50% - 0.5rem);
    hyphens: unset;
  }
}
@media (max-width: 349px) {
  .header--home__toptasks-item {
    width: 100%;
  }
}
.header--home__toptasks-item > svg {
  flex: none;
}
.header--home__toptasks-zoeken {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  font-weight: 600;
  border-radius: var(--btn-radius);
  gap: 0.5rem;
  text-decoration: none;
  height: 4rem;
  width: 100%;
  line-height: 1.2;
  position: relative;
}
.header--home__toptasks-zoeken > label {
  z-index: 1;
  color: var(--main-color);
}
.header--home__toptasks-zoeken > input {
  width: 100%;
  height: 100%;
  border-radius: var(--btn-radius);
  background-color: var(--gray);
  color: var(--main-color);
  top: 0;
  left: 0;
  position: absolute;
  padding: 0 3rem;
  box-shadow: 0px 0px 20px 0px rgba(143, 188, 186, 0.2);
  border: unset;
  outline: 1px solid var(--outline);
  font-weight: 600;
}
.header--home__toptasks-zoeken > input::placeholder {
  color: var(--main-color);
  font-weight: 600;
  opacity: 1;
}
.header--agenda {
  min-height: auto;
}
@media (min-width: 1441px) {
  .header--agenda:before {
    top: 24rem;
  }
}
.header--agenda .header__body {
  min-height: auto;
}
.header--agenda:has(figure) {
  min-height: 24rem;
}
.header--contentpagina {
  min-height: auto;
}
@media (max-width: 952px) {
  .header--contentpagina {
    background-color: var(--white);
  }
}
@media (min-width: 1441px) {
  .header--contentpagina:before {
    top: 24rem;
  }
}
.header--contentpagina .header__body {
  min-height: auto;
}
.header--contentpagina:has(figure) {
  min-height: 24rem;
}
.header--zorgverlener {
  min-height: auto;
}
@media (max-width: 991px) {
  .header--zorgverlener {
    background-color: var(--white);
  }
  .header--zorgverlener:after {
    background-color: var(--white);
  }
}
@media (max-width: 991px) {
  .header--zorgverlener {
    padding-top: 5rem;
  }
}
.header--zorgverlener:before {
  top: 27rem;
}
@media (min-width: 1441px) {
  .header--zorgverlener:before {
    top: 34rem;
  }
}
.header--zorgverlener .header__body {
  min-height: auto;
}
@media (max-width: 991px) {
  .header--zorgverlener > picture {
    z-index: 1;
    aspect-ratio: 1/1;
  }
  .header--zorgverlener > picture:before {
    content: url("/images/home-mobile-zv.svg");
  }
}
@media (min-width: 992px) {
  .header--zorgverlener > picture {
    height: max-content;
    right: 0;
    top: 6rem;
  }
  .header--zorgverlener > picture > img {
    border-radius: 50%;
    width: 26.1111111111rem;
  }
}
.header--patientenfolder {
  min-height: auto;
  z-index: 0;
}
.header--patientenfolder:after {
  background-color: var(--gray);
}
.header--patientenfolder .header__body {
  min-height: auto;
}
@media (max-width: 575px) {
  .header--patientenfolder .header__body {
    padding-top: 0;
  }
}
.header--FolderListview, .header--zoeken, .header--map, .header--specialismen {
  min-height: 25rem;
}
.header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
  top: 23rem;
}
@media (min-width: 992px) and (max-width: 1280px) {
  .header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
    top: 10rem;
  }
}
@media (max-width: 991px) {
  .header--FolderListview:before, .header--zoeken:before, .header--map:before, .header--specialismen:before {
    top: 0;
  }
}
@media (max-width: 1280px) {
  .header--FolderListview, .header--zoeken, .header--map, .header--specialismen {
    min-height: auto;
    padding-bottom: 1rem;
  }
  .header--FolderListview .header__body, .header--zoeken .header__body, .header--map .header__body, .header--specialismen .header__body {
    min-height: auto;
  }
}
@media (max-width: 575px) {
  .header--FolderListview, .header--zoeken, .header--map, .header--specialismen {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .header--FolderListview .header__body, .header--zoeken .header__body, .header--map .header__body, .header--specialismen .header__body {
    padding: 0;
  }
}
.header--wetenschap {
  min-height: 40rem;
  z-index: 0;
}
@media (max-width: 767px) {
  .header--geboortecentrum {
    padding: 5.5rem 0 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .header--geboortecentrum .header--specialismen__body-gbclogo {
    top: 4rem;
  }
}
.header--geboortecentrum > figure {
  background-color: var(--geboorte);
}
@media (min-width: 992px) {
  .header--geboortecentrum > .header__body {
    width: 66%;
  }
}

.geboortecentrum__intro {
  max-width: 33.3333333333rem;
}

@media (max-width: 991px) {
  :is(.header--home) .header--algemeen__body {
    padding-top: 0;
  }
}

@media (max-width: 991px) {
  :is(.header--wetenschap) > picture:before {
    content: url("/images/home-mobile-zv.svg");
  }
}

@media (max-width: 991px) {
  .header--contentpagina:has(+ * + .portal):after {
    background-color: var(--white);
  }
}
@media (max-width: 991px) {
  .header--contentpagina:has(+ * + .portal) > picture:before {
    content: url("/images/home-mobile-zv.svg");
  }
}

@media (max-width: 1199px) {
  .header--specialismen:after {
    min-height: 125%;
    z-index: -1;
  }
}

@media (max-width: 991px) {
  .header--contentpagina:has(figure):after {
    min-height: 100%;
    z-index: 0;
  }
}

@media (max-width: 991px) {
  .header--contentpagina:not(:has(figure)):after {
    background-color: var(--white);
  }
}
@media (max-width: 991px) {
  .header--contentpagina:not(:has(figure)) > picture:before {
    content: url("/images/home-mobile-zv.svg");
  }
}

@media (max-width: 991px) {
  .header--patientenfolder:after {
    min-height: 32rem;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .header--patientenfolder:after {
    min-height: 100%;
  }
}

.over {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: max-content;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .over {
    gap: 1.5rem;
  }
}
@media (max-width: 767px) {
  .over {
    flex-direction: column-reverse;
    position: relative;
    bottom: 6rem;
    margin-bottom: -6rem;
  }
}
.over__body {
  display: flex;
  flex-direction: column;
  max-width: 38.8888888889rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .over__body {
    max-width: 66.66%;
  }
}
@media (max-width: 767px) {
  .over__body {
    gap: 1rem;
  }
}
.over__button-flex {
  display: flex;
}
@media (max-width: 575px) {
  .over__button-flex {
    flex-direction: column;
  }
}
.over > picture {
  width: 26.1111111111rem;
  height: 26.1111111111rem;
  position: relative;
  bottom: 6rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .over > picture {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .over > picture {
    width: 15rem;
    height: 15rem;
    bottom: -6rem;
    order: 1;
    margin-left: auto;
  }
}
@media (max-width: 575px) {
  .over > picture {
    left: 3rem;
  }
}
.over > picture > img {
  border-radius: 50%;
  width: 100%;
}

.menu {
  height: 5rem;
  width: 100%;
  max-width: 106.6666666667rem;
  margin: 0 auto;
  padding: 0 0 0 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  top: 0;
  z-index: 10;
}
@media (max-width: 1919px) {
  .menu {
    width: 100vw;
  }
}
@media (max-width: 767px) {
  .menu {
    gap: 0.5rem;
    justify-content: space-between;
  }
}
@media (max-width: 575px) {
  .menu {
    padding: 0;
    height: 5rem;
  }
}
.menu__container {
  position: relative;
  z-index: 100;
  width: 100%;
  margin: 0 auto -6rem;
  max-width: 106.6666666667rem;
  z-index: 1000;
}
.menu__container--fixed {
  position: fixed;
  margin: auto;
}
.menu__scroll {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, opacity 0.1s ease-in-out;
  opacity: 0 !important;
}
@media (max-width: 767px) {
  .menu__mobile-click {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .menu__mobile--zoeken {
    display: none !important;
  }
}
.menu__mobile--zoeken:after {
  content: "";
  background: url(/images/zoeken.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 22px;
  height: 22px;
  position: relative;
  bottom: 0.1111111111rem;
}
.menu__mobile--zoeken--close:after {
  content: "";
  background: url(/images/hamburger-close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 22px;
  height: 22px;
  position: relative;
  bottom: 0.1111111111rem;
}
.menu.specialismen {
  --menu-button: var(--gray);
}
@media (min-width: 576px) {
  .menu__home {
    margin-right: auto;
  }
}
.menu__home > svg {
  position: relative;
  top: 0.5555555556rem;
}
.menu__home > svg path {
  -webkit-transition: fill 0.2s ease-in-out;
  -moz-transition: fill 0.2s ease-in-out;
  -ms-transition: fill 0.2s ease-in-out;
  -o-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out, fill 0.2s ease-in-out;
}
@media (min-width: 576px) and (max-width: 1199px) {
  .menu__home > svg {
    width: 9rem;
  }
}
@media (max-width: 575px) {
  .menu__home > svg {
    width: 7rem;
    left: 0.5rem;
  }
}
@media (max-width: 767px) {
  .menu__home--open {
    z-index: var(--z-logo);
  }
  .menu__home--open svg path {
    -webkit-transition: fill 0.2s ease-in-out;
    -moz-transition: fill 0.2s ease-in-out;
    -ms-transition: fill 0.2s ease-in-out;
    -o-transition: fill 0.2s ease-in-out;
    transition: fill 0.2s ease-in-out;
    transition: fill 0.2s ease-in-out, fill 0.2s ease-in-out;
    fill: var(--white);
  }
}
.menu__logo {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.menu__taal {
  width: 2.6666666667rem;
  height: 2.6666666667rem;
  border-radius: 0.2777777778rem;
  font-weight: 700;
  background-color: var(--menu-button);
  display: grid;
  place-content: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out, all 0.1s ease-in-out;
  opacity: 1;
  color: var(--black);
}
.menu__taal:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  background-color: var(--main-color);
  color: var(--white);
}
.menu__taal:focus {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  background-color: var(--main-color);
  color: var(--white);
}
.menu__taal-menu.show {
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.25);
  min-width: max-content;
  padding: 0.5rem 1.5rem;
}
.menu__taal-menu > a {
  font-weight: 700;
  text-decoration: none;
}
.menu__taal-menu > a.active {
  color: var(--main-color);
  text-decoration: underline;
}
.menu__nav {
  background-color: var(--main-color);
  border-radius: 0 0 0 var(--radius);
  height: 5rem;
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  position: relative;
  right: 0;
  z-index: var(--z-nav);
}
@media (max-width: 575px) {
  .menu__nav {
    gap: 1rem;
  }
}
.menu__nav > a, .menu__nav > button {
  color: var(--white);
  text-decoration: none;
  font-weight: 700;
  margin: 0;
  display: flex;
  flex: none;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1199px) {
  .menu__nav > a, .menu__nav > button {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .menu__nav > a, .menu__nav > button {
    font-size: 1rem;
  }
}
.menu__nav > a svg, .menu__nav > button svg {
  position: relative;
  bottom: 0.1111111111rem;
}
.menu__nav-open {
  position: relative;
}
.menu__nav-open:after {
  content: "";
  background: url(/images/hamburger.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 22px;
  height: 22px;
  position: relative;
  bottom: 0.1111111111rem;
}
.menu__nav-open--close:after {
  content: "";
  background: url(/images/hamburger-close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 22px;
  height: 22px;
  position: relative;
  bottom: 0.1111111111rem;
}
@media (max-width: 991px) {
  .menu__nav-open > span {
    display: none;
  }
}
@media (max-width: 991px) {
  .menu__nav span {
    display: none;
  }
}
@media (max-width: 767px) {
  .menu__nav--mobzoeken {
    position: absolute;
    width: 100vw;
    border-radius: 0;
  }
}
.menu__open {
  flex: none;
  width: 100%;
  background-color: var(--main-color);
  height: 100vh;
  position: absolute;
  top: -100vh;
  right: 0;
  z-index: -1;
  opacity: 0;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);
}
.menu__open:after {
  content: "";
  background-color: var(--main-color);
  z-index: -3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1919px) {
  .menu__open:after {
    width: calc(100% + 15px);
  }
}
.menu__open .menu__open-featured {
  display: none;
}
.menu__open--show {
  top: 0;
  animation: animatetop 0.4s;
  animation: fading 0.4s;
  opacity: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .menu__open--show {
    width: 100vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .menu__open--show {
    width: 50vw;
    height: max-content;
  }
}
.menu__open--show .menu__open-featured {
  display: flex;
}
@media (max-width: 991px) {
  .menu__open--show .menu__open-featured {
    height: 100%;
  }
}
@media only screen and (min-height: 1050px) {
  .menu__open--show .menu__open-featured {
    height: 100%;
  }
}
@media only screen and (min-height: 1469px) {
  .menu__open--show {
    overflow: hidden;
  }
}
.menu__open-items {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 8rem 1.5rem 3rem;
}
@media (max-width: 575px) {
  .menu__open-items {
    padding: 5.5rem 3.5rem 2rem;
  }
}
.menu__open-items > a {
  --chevron-color: var(--white);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: var(--chevron-color);
  width: max-content;
  font-weight: 700;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.menu__open-items > a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  text-decoration: underline;
}
.menu__open-items > a:after {
  --chevron: .5rem;
  border-right: 2px solid var(--chevron-color);
  border-bottom: 2px solid var(--chevron-color);
  width: var(--chevron);
  height: var(--chevron);
  margin-left: 0;
  transform: rotate(-45deg);
  content: "";
  flex-shrink: 0;
  position: relative;
  bottom: 2px;
}
.menu__open-featured {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background: var(--main-tint);
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
  width: 100%;
}
@media (max-width: 1919px) {
  .menu__open-featured {
    padding: 2.5rem calc(1.5rem + 15px) 1.5rem 1.5rem;
    width: calc(100% + 15px);
  }
}
@media (max-width: 575px) {
  .menu__open-featured {
    padding: 2rem 4.5rem 2rem 2rem;
  }
}
.menu__open-featured > a {
  color: var(--white);
  font-size: 0.8888888889rem;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.menu__open-featured > a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  text-decoration: underline;
}
@media (max-width: 575px) {
  .menu__open-featured > a {
    font-size: 0.9rem;
  }
}

.zoeken {
  width: max-content;
  height: 2.5rem;
  position: relative;
  min-width: 2rem;
}
@media (max-width: 767px) {
  .zoeken {
    display: none;
  }
}
.zoeken--mobile {
  height: 3.5rem;
  position: relative;
  min-width: 2rem;
  display: block;
  margin: 1.5rem auto;
}
@media (min-width: 768px) {
  .zoeken--mobile {
    display: none;
  }
}
.zoeken--mobile > button {
  position: absolute;
  right: 1rem;
  top: 1rem;
  border: none;
  background-color: transparent;
  color: var(--main-color);
  width: fit-content;
  z-index: 1;
}
.zoeken--mobile input {
  width: 100%;
  height: 100%;
  background: white;
  opacity: 1;
  position: relative;
  right: 0;
  border: none;
  outline: none;
  padding: 0.75rem 4rem 0.75rem 1rem;
  border-radius: 0.2777777778rem;
}
@media (max-width: 575px) {
  .zoeken--mobile input {
    width: 100% !important;
  }
}
@media (max-width: 575px) {
  .zoeken:not(.zoeken--mobile) {
    display: none;
  }
}
.zoeken__flex {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 0 1.5rem;
}
@media (max-width: 575px) {
  .zoeken__flex {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .zoeken__flex-click {
    position: absolute;
    right: 1.5rem;
  }
}
.zoeken .span {
  color: var(--white);
  font-weight: 700;
  position: relative;
  top: 0.1111111111rem;
  right: 0.25rem;
}
.zoeken__input {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  position: relative;
  border: none;
  box-shadow: none;
  background-color: transparent;
  transition: all 0.4s ease-in-out;
  outline: none;
  padding: 0.75rem 4rem 0.75rem 1rem;
  opacity: 0;
  border-radius: 0.2777777778rem;
}
@media (max-width: 991px) {
  .zoeken__input {
    width: 0;
  }
}
.zoeken__input:hover, .zoeken__input:focus, .zoeken__input.open {
  width: 350px;
  background-color: white;
  transition: all 0.4s ease-in-out;
  color: var(--main-color);
  opacity: 1;
}
.zoeken__input:hover + button, .zoeken__input:focus + button, .zoeken__input.open + button {
  color: var(--main-color);
  z-index: 1;
  top: 0.5rem;
}
@media (max-width: 767px) {
  .zoeken__input:hover, .zoeken__input:focus, .zoeken__input.open {
    width: calc(100vw - 3rem);
  }
}
.zoeken__input:focus {
  border: 1.25px solid var(--white);
}
@media (max-width: 767px) {
  .zoeken__input--mobzoeken {
    padding: 0 4rem 0 1rem;
    background-color: white;
    transition: all 0.4s ease-in-out;
    color: var(--main-color);
    opacity: 1;
    width: calc(100vw - 1rem);
  }
}
.zoeken > button {
  position: absolute;
  right: 0.5rem;
  top: 0.25rem;
  border: none;
  background-color: transparent;
  color: var(--white);
  width: fit-content;
}

.zoeken:has(input:hover) .span {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  opacity: 0;
  width: 0;
  display: none;
}

.zoeken:has(input:focus) .span {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  opacity: 0;
  width: 0;
  display: none;
}

.zoeken:has(input:hover) label {
  color: var(--main-color);
}

.zoeken:has(input:focus) label {
  color: var(--main-color);
}

.zoeken__suggestions {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  opacity: 0;
  width: 100%;
  display: grid;
  background-color: white;
  border-radius: 0 0 var(--radius) var(--radius);
  background-color: var(--white);
  position: relative;
  bottom: 0.1111111111rem;
  height: 0;
  box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.25);
}
.zoeken__suggestions > ul {
  list-style-type: none;
  margin: 0;
  padding: 0 1rem 1rem 1rem;
}
.zoeken__suggestions > ul > li > a {
  width: 100%;
  display: block;
}
.zoeken__suggestions > ul > li:not(:first-child) {
  margin-top: 0.5rem;
}
.zoeken__suggestions.open {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  opacity: 1;
  width: 100%;
  height: max-content;
  display: grid;
  z-index: 10;
}

.header--home__toptasks-zoeken {
  margin-bottom: 2rem;
  max-width: 40rem;
  position: relative;
  z-index: 3;
}
.header--home__toptasks-zoeken .zoeken__suggestions {
  background-color: var(--gray);
  border-radius: 2rem;
  bottom: unset;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  outline: 1px solid var(--outline);
}
.header--home__toptasks-zoeken .zoeken__suggestions > ul {
  padding: 1rem 1rem 1rem 3rem;
}

@keyframes animatetop {
  from {
    top: -100vh;
  }
  to {
    top: 0;
  }
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.overzicht {
  margin-top: 5rem;
}
.overzicht-container {
  position: relative;
  z-index: 1;
  height: max-content;
  position: relative;
  bottom: 5rem;
  padding-bottom: 20rem;
}
@media (max-width: 991px) {
  .overzicht-container {
    padding-bottom: 10rem;
  }
  .overzicht-container.has-intro {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .overzicht-container {
    padding-bottom: 5rem;
    bottom: auto;
  }
}
@media (max-width: 575px) {
  .overzicht-container {
    padding-bottom: 2rem;
  }
}
.overzicht-container:before {
  width: 106.6666666667rem;
  height: calc(100% + var(--m-bottom));
  background-color: var(--gray);
  position: absolute;
  top: 10rem;
  left: -16.6666666667rem;
  content: "";
  z-index: var(--z-gray-bg);
}
.overzicht-container:after {
  content: "";
  display: block;
  position: absolute;
  left: -16.6666666667rem;
  bottom: -32rem;
  z-index: var(--z-gray-bg);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .overzicht-container:after {
    transform: scale(0.8);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .overzicht-container:after {
    transform: scale(0.6);
    left: -26rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .overzicht-container:after {
    left: -34rem;
    transform: scale(0.4);
  }
}
@media (max-width: 575px) {
  .overzicht-container:after {
    left: -44rem;
    transform: scale(0.3);
    bottom: -32rem;
  }
}
.overzicht__list {
  margin: 2.5rem 0 0;
}
.overzicht__letter {
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}
@media (max-width: 575px) {
  .overzicht__letter {
    font-size: 2rem;
  }
}
.overzicht__result {
  display: grid;
  gap: 0.5rem;
}
.overzicht__result:has(.team__list-item) {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 991px) {
  .overzicht__result:has(.team__list-item) {
    justify-content: space-between;
  }
}
.overzicht__result:has(.thema__item--result) {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .overzicht__result:has(.thema__item--result) {
    justify-content: space-between;
  }
}
.overzicht__thema {
  background-color: var(--white);
  border-radius: var(--radius);
  padding: 1.5rem;
}
.overzicht__thema > p, .meta__flex--text-block .overzicht__thema > a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.overzicht__found-query {
  display: inline-block;
}

.overzicht-container:has(+ article.paragraaf) {
  padding-bottom: 0;
}

.overzicht-container + article.paragraaf {
  position: relative;
  padding-bottom: 20rem;
  min-height: 10rem;
}
.overzicht-container + article.paragraaf:before {
  width: 106.6666666667rem;
  height: calc(100% + var(--m-bottom));
  background-color: var(--gray);
  position: absolute;
  top: 0;
  left: -16.6666666667rem;
  content: "";
  z-index: var(--z-gray-bg);
}

.paragraaf:empty {
  padding: 0;
}

.paragraaf {
  position: relative;
  z-index: 1;
  padding-bottom: 4rem;
}
.paragraaf--folder {
  z-index: unset;
}
.paragraaf-container {
  display: flex;
}
.paragraaf-container > article {
  width: 66.66%;
}
@media (max-width: 991px) {
  .paragraaf-container > article {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .paragraaf-container > article[dir=rtl] {
    padding-right: 1.5rem;
  }
}
.paragraaf__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 3rem;
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
}
.paragraaf__flex--folder {
  z-index: unset;
}
.paragraaf__flex-5 {
  max-width: 27.7777777778rem;
  width: calc(40% - 1.5rem);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .paragraaf__flex-5 {
    width: calc(50% - 0.75rem);
  }
}
@media (max-width: 767px) {
  .paragraaf__flex-5 {
    max-width: 100%;
    width: 100%;
  }
}
.paragraaf__flex-7 {
  max-width: 41.2222222222rem;
  width: calc(60% - 1.5rem);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .paragraaf__flex-7 {
    width: calc(50% - 0.75rem);
  }
}
@media (max-width: 767px) {
  .paragraaf__flex-7 {
    width: 100%;
  }
}
.paragraaf__flex.clearfix {
  display: block;
}
@media (max-width: 767px) {
  .paragraaf__flex.clearfix {
    display: flex;
  }
}
@media (min-width: 992px) {
  .paragraaf__wrapper {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  .paragraaf__wrapper {
    max-width: 100% !important;
  }
}
.paragraaf__wrapper-right {
  float: right;
  padding-left: 1rem;
}
@media (max-width: 767px) {
  .paragraaf__wrapper-right {
    float: none;
    padding: 0;
    width: 100%;
  }
}
.paragraaf__img-rond {
  max-width: 27.7777777778rem;
  width: calc(40% - 1.5rem);
}
@media (min-width: 992px) {
  .paragraaf__img-rond {
    position: absolute;
    right: 0;
    top: 0rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .paragraaf__img-rond {
    width: calc(50% - 3rem);
  }
}
@media (max-width: 991px) {
  .paragraaf__img-rond {
    position: relative;
    top: 0;
  }
}
@media (max-width: 767px) {
  .paragraaf__img-rond {
    max-width: 100%;
    width: 100%;
    margin: 1rem 0;
  }
}
.paragraaf__img-rond > picture {
  width: 26.1111111111rem;
  height: 26.1111111111rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .paragraaf__img-rond > picture {
    width: 16rem;
    height: 16rem;
  }
}
.paragraaf__img-rond > picture > img {
  border-radius: 50% !important;
  width: 100%;
}
@media (max-width: 767px) {
  .paragraaf__img-rond > picture > img {
    width: 75%;
    display: block;
    margin: auto;
  }
}
.paragraaf__tekst {
  width: 100%;
}
.paragraaf__tekst-col {
  max-width: 42.6666666667rem;
}
.paragraaf__uitgelicht {
  background: rgba(255, 218, 185, 0.7294117647);
  border-radius: var(--radius);
  max-width: 42.6666666667rem;
  padding: 2rem;
}
.paragraaf__uitgelicht > h2 {
  color: var(--main-color);
}
.paragraaf__disclaimer-title {
  font-size: 1.5rem;
  margin: 0;
}
.paragraaf .paragraaf__flex-5 picture img, .paragraaf paragraaf__flex-7 picture img {
  height: auto;
  max-height: 35rem;
  width: 100%;
  border-radius: var(--radius);
}
.paragraaf__afbeelding {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .paragraaf__afbeelding {
    justify-content: center;
  }
}
.paragraaf__afbeelding picture img {
  max-height: 55.5555555556rem;
  max-width: 100%;
  border-radius: var(--radius);
}
.paragraaf__video {
  width: 100%;
  max-width: 55.5555555556rem;
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--radius);
  height: max-content;
}
.paragraaf__video--portrait {
  aspect-ratio: 9/16;
  max-width: 25rem;
  margin: 0;
}
.paragraaf__video iframe, .paragraaf__video video {
  width: 100%;
  height: 100%;
  border-radius: var(--radius);
  display: block;
}
.paragraaf__video iframe > source, .paragraaf__video video > source {
  border-radius: var(--radius);
}
.paragraaf figcaption {
  --w: 850;
  padding: 1rem 2rem 0;
  opacity: 0.7;
  width: 100%;
  max-width: calc(var(--w) / 18 * 1rem);
}
@media (max-width: 575px) {
  .paragraaf figcaption {
    max-width: 100%;
    padding: 1rem;
  }
}
.paragraaf table + figcaption {
  padding: 0 2rem 0;
}
.paragraaf__collage {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 575px) {
  .paragraaf__collage {
    gap: 0.5rem;
    justify-content: space-between;
  }
}
.paragraaf__collage > a {
  width: calc(25% - 1rem);
  transform: scale(1);
  cursor: pointer;
  border-radius: var(--radius);
  box-shadow: rgba(9, 30, 66, 0) 0px 4px 8px -2px, rgba(9, 30, 66, 0) 0px 0px 0px 1px;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
@media (max-width: 575px) {
  .paragraaf__collage > a {
    width: calc(50% - 0.5rem);
  }
}
.paragraaf__collage > a:hover {
  transform: scale(1.025);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.paragraaf__collage > a > img {
  border-radius: var(--radius);
  width: 100%;
}
@media (min-width: 576px) {
  .paragraaf__collage-dialog {
    max-width: 90vw;
  }
}
.paragraaf__collage-dialog > button {
  width: max-content;
  background: unset;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
}
.paragraaf__collage-dialog > button > svg {
  cursor: pointer;
}
.paragraaf__collage-content {
  background-color: unset;
  width: max-content;
  margin: auto;
}
.paragraaf__collage-content img {
  max-height: 768px;
  margin: auto;
  display: block;
  width: 60vw;
  object-fit: contain;
  max-width: 1000px;
  border-radius: 0 !important;
}
@media (max-width: 1440px) {
  .paragraaf__collage-content img {
    max-height: 600px;
  }
}
@media (max-width: 1199px) {
  .paragraaf__collage-content img {
    max-height: 500px;
  }
}
@media (max-width: 767px) {
  .paragraaf__collage-content img {
    width: 100%;
  }
}
.paragraaf__collage-content figcaption {
  color: var(--white);
  text-shadow: 2px 2px 2px var(--black);
  opacity: 1;
  max-width: 44.4444444444rem;
  text-align: center;
  margin: auto;
}
.paragraaf__collage-item > img {
  max-height: 768px;
  margin: auto;
  display: block;
  width: 60vw;
  object-fit: contain;
  max-width: 1000px;
}
@media (max-width: 1440px) {
  .paragraaf__collage-item > img {
    max-height: 600px;
  }
}
@media (max-width: 1199px) {
  .paragraaf__collage-item > img {
    max-height: 500px;
  }
}
@media (max-width: 767px) {
  .paragraaf__collage-item > img {
    width: 100%;
  }
}
.paragraaf__tags {
  display: flex;
  gap: 0.5rem;
  margin: 2rem 0;
}
.paragraaf__carousel {
  width: 100%;
  max-width: 55.5555555556rem;
  border-radius: var(--radius);
  overflow: hidden;
  background-color: var(--gray);
}
.paragraaf__carousel-body {
  cursor: pointer;
}
.paragraaf__carousel-body picture img {
  max-height: 55.5555555556rem;
  max-width: 100%;
}
.paragraaf__carousel-indicators > button {
  aspect-ratio: 1/1;
  display: inline-block;
  height: auto !important;
  width: 1rem !important;
  border-radius: 50%;
  margin: 0 0.25rem !important;
}
.paragraaf__carousel-indicators > button.active {
  background-color: var(--second-color);
}
.paragraaf__invulformulier input[type=submit] {
  display: none;
}
.paragraaf__invulformulier input, .paragraaf__invulformulier label, .paragraaf__invulformulier textarea {
  pointer-events: none;
}

.portal {
  z-index: 1;
  position: relative;
  padding: 0 0 4rem 0;
}
.portal__list {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem 0;
}
.portal__list-item {
  width: calc(33% - 1.5rem);
  gap: 1rem;
  display: inline-flex;
  padding: 2rem 1.5rem;
  background-color: var(--gray);
  border-radius: var(--radius);
  align-items: center;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .portal__list-item {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 767px) {
  .portal__list-item {
    width: 100%;
    padding: 1rem 1.5rem;
  }
}
.portal__list-item figure {
  width: 3.8888888889rem;
  height: 3.8888888889rem;
  background-color: var(--white);
  border-radius: 1.2222222222rem;
  flex: none;
  display: grid;
  place-content: center;
}
.portal__list-item figure > img {
  filter: invert(13%) sepia(44%) saturate(6698%) hue-rotate(313deg) brightness(99%) contrast(95%);
  width: 1.5rem;
  height: auto;
}

.thema__item--four:has(picture) .thema__item-flex, .thema__item--two:has(picture) .thema__item-flex, .thema__item--one:has(picture) .thema__item-flex, .thema__item--result:has(picture) .thema__item-flex {
  padding: 0 2.7rem 2.7rem;
  place-content: unset;
  height: auto;
  position: relative;
  bottom: 1rem;
}
@media (max-width: 991px) {
  .thema__item--four:has(picture) .thema__item-flex, .thema__item--two:has(picture) .thema__item-flex, .thema__item--one:has(picture) .thema__item-flex, .thema__item--result:has(picture) .thema__item-flex {
    padding: 0 1.5rem 1.5rem;
  }
}
.thema__item--four:not(:has(picture)), .thema__item--two:not(:has(picture)), .thema__item--one:not(:has(picture)), .thema__item--result:not(:has(picture)) {
  padding: 1rem 0;
}
.thema__item--four:not(:has(picture)) .thema__item-flex, .thema__item--two:not(:has(picture)) .thema__item-flex, .thema__item--one:not(:has(picture)) .thema__item-flex, .thema__item--result:not(:has(picture)) .thema__item-flex {
  justify-content: center;
}
@media (min-width: 992px) {
  .thema__item--four:not(:has(picture)) .thema__tag-flex, .thema__item--two:not(:has(picture)) .thema__tag-flex, .thema__item--one:not(:has(picture)) .thema__tag-flex, .thema__item--result:not(:has(picture)) .thema__tag-flex {
    position: absolute;
    bottom: 2rem;
  }
}
.thema__item--four img, .thema__item--two img, .thema__item--one img, .thema__item--result img {
  width: 100%;
  border-radius: var(--radius) var(--radius) 0 0;
}
.thema__item--four .thema__item-flex > h2, .thema__item--two .thema__item-flex > h2, .thema__item--one .thema__item-flex > h2, .thema__item--result .thema__item-flex > h2 {
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 6em;
}

.thema__item--six, .thema__item--five, .thema__item--three {
  padding: 1rem 0;
  display: flex;
}
@media (max-width: 991px) {
  .thema__item--six, .thema__item--five, .thema__item--three {
    padding: 0;
  }
}
.thema__item--six:has(picture), .thema__item--five:has(picture), .thema__item--three:has(picture) {
  padding: 0;
  place-content: unset;
  height: auto;
}
@media (min-width: 992px) {
  .thema__item--six:has(picture), .thema__item--five:has(picture), .thema__item--three:has(picture) {
    padding: 1rem;
  }
}
.thema__item--six img, .thema__item--five img, .thema__item--three img {
  height: 100%;
  border-radius: var(--radius);
}
@media (max-width: 767px) {
  .thema__item--six img, .thema__item--five img, .thema__item--three img {
    width: 100%;
    object-fit: cover;
  }
}
.thema__item--six .thema__item-flex > p, .thema__item--five .thema__item-flex > p, .thema__item--three .thema__item-flex > p, .thema__item--six .meta__flex--text-block .thema__item-flex > a, .thema__item--five .meta__flex--text-block .thema__item-flex > a, .thema__item--three .meta__flex--text-block .thema__item-flex > a, .meta__flex--text-block .thema__item--six .thema__item-flex > a, .meta__flex--text-block .thema__item--five .thema__item-flex > a, .meta__flex--text-block .thema__item--three .thema__item-flex > a {
  display: none;
}
.thema__item--six .thema__item-flex > h2, .thema__item--five .thema__item-flex > h2, .thema__item--three .thema__item-flex > h2 {
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 6em;
}
@media (max-width: 991px) {
  .thema__item--six .thema__item-flex > h2, .thema__item--five .thema__item-flex > h2, .thema__item--three .thema__item-flex > h2 {
    min-height: 5rem;
  }
}
@media (min-width: 992px) {
  .thema__item--six .thema__tag-flex, .thema__item--five .thema__tag-flex, .thema__item--three .thema__tag-flex {
    position: absolute;
    bottom: 2rem;
  }
}

.thema {
  max-width: 1072px;
  width: 100%;
  margin: 0 auto;
  z-index: 10;
  position: relative;
  padding-bottom: 2rem;
}
.thema--home {
  margin: 0 auto Var(--m-bottom);
}
.thema__header {
  text-align: center;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  max-width: 41.1111111111rem;
  margin: 0 auto;
  width: 100%;
  padding: 0 1rem 4rem;
}
.thema__header .caption, .thema__header h2, .thema__header p, .thema__header .meta__flex--text-block a, .meta__flex--text-block .thema__header a {
  margin: 0;
}
@media (max-width: 575px) {
  .thema__header {
    padding: 4rem 1rem;
  }
}
.thema__oval {
  position: relative;
  bottom: 2.5rem;
  width: 100%;
  margin-bottom: -2rem;
}
.thema__flex {
  display: flex;
  gap: 2.5rem;
  margin-bottom: 4rem;
}
@media (max-width: 991px) {
  .thema__flex {
    gap: 1.5rem;
  }
}
@media (max-width: 767px) {
  .thema__flex {
    flex-direction: column;
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .thema__flex > div {
    width: calc(50% - 0.75rem);
  }
}
.thema__flex-home {
  display: flex;
  flex-direction: column;
}
.thema__uitgelicht {
  display: flex;
  background-color: var(--thema-color);
  color: var(--thema-text);
  border-radius: var(--radius);
  height: max-content;
}
@media (max-width: 991px) {
  .thema__uitgelicht {
    flex-direction: column;
  }
}
.thema__uitgelicht-title {
  font-size: 2rem;
  max-width: 1072px;
  width: 100%;
  margin: 2rem auto;
}
@media (min-width: 992px) {
  .thema__uitgelicht > * {
    width: 50%;
  }
}
.thema__uitgelicht > picture {
  position: relative;
}
@media (max-width: 991px) {
  .thema__uitgelicht > picture {
    width: 100%;
  }
}
.thema__uitgelicht > picture:after {
  content: "";
  width: 10rem;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 30%, var(--thema-color) 100%);
  z-index: 0;
}
@media (max-width: 991px) {
  .thema__uitgelicht > picture:after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 30%, var(--thema-color) 100%);
    width: 100%;
    height: 10rem;
  }
}
.thema__uitgelicht > picture > img {
  width: 100%;
  border-radius: var(--radius) 0 0 var(--radius);
}
@media (max-width: 991px) {
  .thema__uitgelicht > picture > img {
    border-radius: var(--radius) var(--radius) 0 0;
  }
}
.thema__uitgelicht-body {
  display: flex;
  flex-direction: column;
  padding: 1rem 2.7rem;
  gap: 0.5rem;
  justify-content: center;
}
@media (max-width: 991px) {
  .thema__uitgelicht-body {
    padding: 1.5rem;
  }
}
.thema__uitgelicht-body h2 {
  font-size: 2rem;
}
@media (min-width: 576px) and (max-width: 767px) {
  .thema__uitgelicht-body h2 {
    font-size: 1.3333333333rem;
  }
}
@media (max-width: 575px) {
  .thema__uitgelicht-body h2 {
    font-size: 1rem;
  }
}
@media (max-width: 575px) {
  .thema__uitgelicht-body p, .thema__uitgelicht-body .meta__flex--text-block a, .meta__flex--text-block .thema__uitgelicht-body a {
    display: none;
  }
}
@media (min-width: 768px) {
  .thema__uitgelicht-body .thema__tag-flex {
    margin-top: 3rem;
  }
}
.thema__grid {
  --size: 16rem;
  --size-big: 32rem;
  --height: calc(var(--size) + (var(--size-big) * 2) + (1.5rem * 3));
  width: 100%;
  height: max-content;
  display: grid;
  grid-template-rows: min-content 6.5rem;
  grid-template-columns: repeat(2, 50%);
  grid-template-areas: "item-1 ." "item-1 item-2" "item-1 item-2" "item-1 item-2" "item-3 item-2" "item-3 item-5" "item-4 item-5" "item-4 item-6" "item-4 item-6" "item-4 .";
  height: 100%;
}
@media (max-width: 991px) {
  .thema__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(20, max-content);
    grid-template-areas: "item-1 item-1" "item-1 item-1" "item-1 item-1" "item-1 item-1" "item-2 item-2" "item-2 item-2" "item-2 item-2" "item-2 item-2" "item-3 item-3" "item-3 item-3" "item-4 item-4" "item-4 item-4" "item-4 item-4" "item-4 item-4" "item-5 item-5" "item-5 item-5" "item-5 item-5" "item-5 item-5" "item-6 item-6" "item-6 item-6";
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .thema__grid {
    max-width: 630px;
    margin: 0 auto var(--m-bottom);
  }
}
.thema__item {
  position: relative;
}
.thema__item > a {
  text-decoration: none;
}
.thema__item:not(.thema__item--home, .overzicht__thema) {
  background-color: var(--thema-color);
  color: var(--thema-text);
  border-radius: var(--radius);
}
.thema__item--home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  background-color: var(--gray);
  border-radius: var(--radius);
  padding: 1rem 2rem;
}
.thema__item--home .tag {
  background-color: white;
}
.thema__item--home:hover h2 {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  text-decoration: underline;
  color: var(--thema-color);
}
.thema__item--home > h2, .thema__item--home > p, .meta__flex--text-block .thema__item--home > a {
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 4em;
}
.thema__item--home > h2 {
  font-size: 1.3333333333rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  text-decoration: none;
}
@media (max-width: 575px) {
  .thema__item--home > h2 {
    font-size: 1rem;
  }
}
.thema__item--home a {
  --chevron-color: var(--thema-text);
}
.thema__item--home p, .thema__item--home .meta__flex--text-block a, .meta__flex--text-block .thema__item--home a {
  color: var(--black);
}
.thema__item--home p:empty, .thema__item--home .meta__flex--text-block a:empty, .meta__flex--text-block .thema__item--home a:empty {
  display: none;
}
.thema__item--home .thema__tag-flex {
  margin-top: 0.5rem;
}
.thema__item--result {
  grid-area: item-1;
  width: calc(33.33% - 1rem);
  min-height: 11.1111111111rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .thema__item--result {
    width: calc(50% - 0.75rem);
  }
}
@media (max-width: 767px) {
  .thema__item--result {
    width: 100%;
    max-width: 35.9444444444rem;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .thema__item--result svg {
    margin-bottom: -3rem;
  }
}
.thema__item--result:not(:has(picture)) .thema__item--result-flex {
  height: 100%;
  bottom: 0;
  top: 1rem;
}
.thema__item--result:not(:has(picture)) .thema__item--result-flex > h2 {
  min-height: auto;
}
.thema__item--result:not(:has(picture)) .thema__item--result-flex .thema__tag-flex {
  left: 1rem;
}
.thema__item--result-flex {
  display: grid;
  padding: 0 2rem;
  grid-gap: 0.5rem;
  justify-content: space-between;
  position: relative;
  bottom: 2rem;
}
@media (max-width: 767px) {
  .thema__item--result-flex {
    bottom: 1rem;
    padding: 1rem;
  }
}
.thema__item--result-flex a {
  text-decoration: none;
}
.thema__item--result-flex a > h2 {
  font-size: 1.1111111111rem;
  margin: 0;
  line-height: 1.6;
  min-height: 5.5555555556rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .thema__item--result-flex a > h2 {
    min-height: auto;
  }
}
@media (min-width: 768px) {
  .thema__item--result-flex .thema__tag-flex {
    margin-top: 1rem;
    /*matthijs*/
    margin-bottom: -1rem;
  }
}
.thema__item--one {
  grid-area: item-1;
}
.thema__item--one .thema__item-flex > h2 {
  color: var(--thema-text);
}
.thema__item--one .thema__item-flex .thema__tag-flex {
  margin-top: 2rem;
  margin-bottom: -2rem;
}
.thema__item--two {
  grid-area: item-2;
}
.thema__item--two-home {
  height: 100%;
}
.thema__item--two-home .thema__tag-flex {
  position: relative !important;
  bottom: auto !important;
  top: 1rem;
}
.thema__item--three {
  grid-area: item-3;
}
.thema__item--four {
  grid-area: item-4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.thema__item--four .thema__item-flex {
  padding-top: 3rem !important;
}
.thema__item--four .thema__item-flex .thema__tag-flex {
  margin-top: 3rem;
  margin-bottom: -1.5rem;
}
.thema__item--four > picture {
  position: relative;
}
.thema__item--four > picture:after {
  content: "";
  width: 100%;
  height: 5rem;
  position: absolute;
  bottom: 0;
  display: flex;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 30%, var(--thema-color) 100%);
  z-index: 0;
}
.thema__item--five {
  grid-area: item-5;
}
.thema__item--five .thema__item-flex {
  padding: 0;
}
.thema__item--five .thema__item-flex > h2 {
  -webkit-line-clamp: 4 !important;
  max-height: 6.5em !important;
}
.thema__item--five .thema__item-flex > p, .thema__item--five .meta__flex--text-block .thema__item-flex > a, .meta__flex--text-block .thema__item--five .thema__item-flex > a {
  display: none;
}
.thema__item--five .thema__item-flex > h2 {
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: block;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 6em;
}
@media (max-width: 991px) {
  .thema__item--five .thema__item-flex > h2 {
    min-height: 5rem;
  }
}
@media (max-width: 991px) {
  .thema__item--five {
    display: flex;
    flex-direction: column;
  }
  .thema__item--five .thema__item-flex {
    padding: 0 1.5rem 1.5rem;
  }
  .thema__item--five > picture {
    position: relative;
  }
  .thema__item--five > picture:after {
    content: "";
    width: 100%;
    height: 5rem;
    position: absolute;
    bottom: 0;
    display: flex;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 30%, var(--thema-color) 100%);
    z-index: 0;
  }
  .thema__item--five > picture img {
    border-radius: var(--radius) var(--radius) 0 0;
    width: 100%;
  }
}
@media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
  .thema__item--five > picture img {
    aspect-ratio: 4/2;
    object-fit: cover;
  }
}
.thema__item--six {
  grid-area: item-6;
}
.thema__item-flex {
  display: flex;
  flex-direction: column;
  padding: 1rem 2.7rem;
  gap: 0.5rem;
  justify-content: space-between;
  height: 100%;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .thema__item-flex {
    padding: 1.5rem;
  }
}
.thema__item-flex > h2 {
  font-size: 1.3333333333rem;
}
@media (max-width: 575px) {
  .thema__item-flex > h2 {
    font-size: 1rem;
  }
}
.thema__item-flex a {
  --chevron-color: var(--thema-text);
  text-decoration: inherit;
}
@media (min-width: 992px) {
  .thema__item-flex a {
    margin: 1rem 0;
  }
}
.thema__item-flex h2 {
  margin: 0;
  line-height: 1.6;
}
.thema__item-flex p, .thema__item-flex .meta__flex--text-block a, .meta__flex--text-block .thema__item-flex a {
  line-height: 1.8;
  margin: 0;
}
.thema__item-flex p:empty, .thema__item-flex .meta__flex--text-block a:empty, .meta__flex--text-block .thema__item-flex a:empty {
  display: none;
}
.thema__tag-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  width: fit-content;
}
.thema .btn--main, .thema .skiplink {
  margin: auto;
  max-width: 100%;
}

:is(.specialisme) .thema__grid:not(:has(> :nth-child(2))) {
  grid-template-rows: auto;
  grid-template-columns: max-content;
}
:is(.specialisme) .thema__grid:not(:has(> :nth-child(2))) > .thema__item--two, :is(.specialisme) .thema__grid:not(:has(> :nth-child(2))) > .thema__item--three {
  width: 36rem;
  margin: auto;
}
@media (max-width: 767px) {
  :is(.specialisme) .thema__grid:not(:has(> :nth-child(2))) > .thema__item--two, :is(.specialisme) .thema__grid:not(:has(> :nth-child(2))) > .thema__item--three {
    width: 100%;
  }
}
:is(.specialisme) .thema__grid:not(:has(> :nth-child(2))) > .thema__item--one {
  max-width: 29.7777777778rem;
  margin: auto;
}
@media (max-width: 991px) {
  :is(.specialisme) .thema__grid:not(:has(> :nth-child(2))) {
    display: flex;
    flex-direction: column;
  }
}

:is(.specialisme) .thema__grid {
  grid-template-rows: auto;
}
:is(.specialisme) .thema__grid:has(.thema__item--one:only-child) {
  grid-template-columns: 100%;
}
:is(.specialisme) .thema__grid:has(.thema__item--three:only-child) {
  grid-template-columns: 100%;
}

.snelnaar {
  width: 100%;
  margin: 20rem auto 0;
  max-width: 73.3333333333rem;
  height: max-content;
  position: relative;
  width: 100%;
  padding: 2rem 0 6rem;
}
@media (max-width: 991px) {
  .snelnaar {
    padding: 2rem 0;
  }
}
.snelnaar:before {
  content: url(/images/wave-snelnaar.svg);
  display: block;
  position: absolute;
  left: -16.6666666667rem;
  top: -34rem;
  z-index: var(--z-gray-bg);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .snelnaar:before {
    transform: scale(0.65);
    left: -26rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .snelnaar:before {
    left: -34rem;
    transform: scale(0.4);
    top: -32rem;
  }
}
@media (max-width: 575px) {
  .snelnaar:before {
    left: -44rem;
    transform: scale(0.3);
    top: -35rem;
  }
}
.snelnaar:after {
  width: 106.6666666667rem;
  height: 100%;
  background-color: var(--gray);
  position: absolute;
  bottom: -14rem;
  left: -16.6666666667rem;
  content: "";
  z-index: var(--z-gray-bg);
  top: unset;
}
@media (max-width: 1199px) {
  .snelnaar:after {
    top: 0;
  }
}
.snelnaar__body {
  margin: 1.5rem 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .snelnaar__body {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.snelnaar__body-item {
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: var(--radius);
  width: calc(33.33% - 1.5rem);
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}
@media (max-width: 767px) {
  .snelnaar__body-item {
    width: 100%;
  }
}
.snelnaar__body-item svg {
  flex: none;
}

.team__slider {
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .team__slider {
    width: 80%;
  }
}
@media (max-width: 575px) {
  .team__slider {
    width: 66%;
  }
}
.team__slider-paging {
  position: relative !important;
  margin: 2rem auto;
  width: 100vw !important;
}
.team__slider-paging > span {
  width: 1rem;
  height: 1rem;
  background-color: var(--black);
  opacity: 0.5;
}
.team__slider-paging > span.swiper-pagination-bullet-active {
  background-color: var(--main-color);
  opacity: 1;
}
.team__list {
  margin: 1.5rem 0;
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 300px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scroll-padding-inline: 1.5rem;
}
.team__list > * {
  scroll-snap-align: start;
}
.team__list-item {
  padding: 1rem;
  background-color: var(--white);
  border-radius: var(--radius);
  height: auto !important;
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 1rem;
  text-decoration: none;
  text-align: center;
  position: relative;
}
.team__list-item > picture {
  margin: 0 auto;
}
.team__list-item > picture img {
  width: 100%;
  max-width: 10.6666666667rem;
  border-radius: 50%;
}
.team__list-name {
  text-decoration: none;
  font-size: 1.2222222222rem;
  line-height: 1.25;
  margin: 0;
}
.team__list-function {
  color: var(--breadcrumb);
  line-height: 1.25;
  margin: 0;
  margin-top: auto;
}

:is(.overzicht__result) .team__list-item {
  width: calc(25% - 1.5rem);
}
@media (min-width: 992px) and (max-width: 1199px) {
  :is(.overzicht__result) .team__list-item {
    width: calc(33.33% - 1.5rem);
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  :is(.overzicht__result) .team__list-item {
    width: calc(50% - 0.75rem);
  }
}
@media (max-width: 575px) {
  :is(.overzicht__result) .team__list-item {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .z-mobile {
    display: none;
  }
}
.z-mobile__body {
  padding: 3rem 1rem 0;
}
.z-mobile__body > h2 {
  color: var(--main-color);
}
.z-mobile__open {
  flex: none;
  width: 100%;
  background-color: var(--gray);
  height: 0;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.z-mobile__open:after {
  content: "";
  background-color: var(--gray);
  z-index: -3;
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  height: calc(100% + 80px);
}
@media (max-width: 1919px) {
  .z-mobile__open:after {
    width: calc(100% + 15px);
  }
}
.z-mobile__open--show {
  height: calc(100% + 80px);
  top: 0;
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
  padding: 4.4444444444rem 0 1rem;
}

.z-mobile__open--show + script + .page-container > .header {
  padding-top: 2rem;
}

.modal-backdrop.show {
  --bs-backdrop-opacity: .66;
}

.modal-header {
  border: none;
  padding: 1.5rem 1.5rem 0;
}
.modal-header > button {
  background-color: transparent;
  border: none;
  position: relative;
  bottom: 1rem;
}
.modal-body {
  border: none;
  padding: 0 1.5rem 1rem;
}
.modal-translate {
  margin-top: 5.5rem;
  height: calc(100% - 7rem);
  max-width: 36.1111111111rem;
  min-height: auto;
}
.modal-translate .modal-content {
  background-color: white;
  border-radius: 0.25rem;
}
.modal-translate img {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  margin: 1rem 0 2rem;
}
.modal-translate__body {
  padding-top: 2rem;
}

.nice-select {
  flex: 6;
  border: 1px solid var(--white);
  background-color: var(--white);
  outline: var(--white);
  border: none;
  border-radius: var(--radius);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  height: 2.5555555556rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .nice-select {
    width: 100%;
    flex: auto;
  }
}
.nice-select:hover {
  border-color: rgb(219.25, 219.25, 219.25);
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select:after {
  border-bottom: 2px solid var(--black);
  border-right: 2px solid var(--black);
  content: "";
  display: block;
  height: 10px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 27px;
  top: 44%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 10px;
  z-index: 0;
}
.nice-select:before {
  background-color: var(--second-color);
  content: "";
  display: block;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 2rem;
  height: 2rem;
  border-radius: 22px;
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: rgb(237.1, 237.1, 237.1);
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 100;
  top: 100%;
  width: 100%;
  border: none;
  background-color: white;
  border-radius: 1rem;
  font-size: 18px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  max-height: 400px;
  overflow-y: auto;
}
.nice-select .list::-webkit-scrollbar {
  width: 0.5rem;
  padding: 5px 0 0 0;
}
.nice-select .list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--gray-bg);
}
.nice-select .list::-webkit-scrollbar-thumb {
  background: var(--second-color);
}
.nice-select .list::-webkit-scrollbar-thumb:hover {
  background: var(--second-color);
}
.nice-select:hover .option:not(:hover) {
  background-color: var(--white) !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding: 0.25rem 1rem;
  text-align: left;
  transition: all 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out, all 0.2s ease-in-out;
}
.nice-select .option:hover {
  color: var(--main-color);
  text-decoration: underline;
}
.nice-select .option.selected {
  text-decoration: underline;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

:is(.umbraco-forms-form) .nice-select {
  width: 100%;
  border: 1px solid var(--gray);
  background-color: var(--white);
  outline: var(--gray);
  border: none;
  border-radius: 20px;
  padding: 1rem;
  max-width: 100% !important;
  margin: 0 0 1rem 0;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  min-height: 3rem;
}
:is(.umbraco-forms-form) .nice-select:focus-visible {
  border: 1px solid var(--main-color);
  box-shadow: 0 5px 20px 0 rgba(33, 7, 30, 0.04);
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
:is(.umbraco-forms-form) .nice-select::placeholder {
  font-style: italic;
}

.current {
  max-width: 90%;
  overflow: hidden;
}

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