:root {
  --col-padding: clamp(2em, 8vw, 10em);
  --total-columns: 10;
  --padding-inline: 1em;
  --content-max-width: clamp(1320px, 75vw + 1em, 1520px);
  --content-size: min(((100% / 1) - (var(--padding-inline)) * 2), var(--content-max-width));
  --breakout-max-width: clamp(1450px, 80vw + 1em, 1740px);
  --breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
  --col-size: calc(var(--content-size) / var(--total-columns));
}

.content-grid {
  display: grid;
  max-width: 100vw;
  grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] 0 [col-1] var(--col-size) [col-2] var(--col-size) [col-3] var(--col-size) [col-4] var(--col-size) [col-5] var(--col-size) [col-6] var(--col-size) [col-7] var(--col-size) [col-8] var(--col-size) [col-9] var(--col-size) [col-10] var(--col-size) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];
}

/* clean-css ignore:start */
@layer col, start, end, responsive;
@layer col {
  .content {
    grid-column: col-1/content;
  }
  .breakout {
    grid-column: breakout;
  }
  .full-width {
    grid-column: full-width;
  }
  .col-1 {
    grid-column: col-1/span 1;
  }
  .col-2 {
    grid-column: col-1/span 2;
  }
  .col-3 {
    grid-column: col-1/span 3;
  }
  .col-4 {
    grid-column: col-1/span 4;
  }
  .col-5 {
    grid-column: col-1/span 5;
  }
  .col-6 {
    grid-column: col-1/span 6;
  }
  .col-7 {
    grid-column: col-1/span 7;
  }
  .col-8 {
    grid-column: col-1/span 8;
  }
  .col-9 {
    grid-column: col-1/span 9;
  }
  .col-10 {
    grid-column: col-1/span 10;
  }
}
@layer start {
  .start-full {
    grid-column-start: full-width-start;
  }
  .start-breakout {
    grid-column-start: breakout-start;
  }
  .start-content {
    grid-column-start: col-1;
  }
  .start-1 {
    grid-column-start: col-1;
  }
  .start-2 {
    grid-column-start: col-2;
  }
  .start-3 {
    grid-column-start: col-3;
  }
  .start-4 {
    grid-column-start: col-4;
  }
  .start-5 {
    grid-column-start: col-5;
  }
  .start-6 {
    grid-column-start: col-6;
  }
  .start-7 {
    grid-column-start: col-7;
  }
  .start-8 {
    grid-column-start: col-8;
  }
  .start-9 {
    grid-column-start: col-9;
  }
  .start-10 {
    grid-column-start: col-10;
  }
}
@layer end {
  .end-full {
    grid-column-end: full-width-end;
  }
  .end-breakout {
    grid-column-end: breakout-end;
  }
  .end-content {
    grid-column-end: content;
  }
  .end-1 {
    grid-column-end: col-1;
  }
  .end-2 {
    grid-column-end: col-2;
  }
  .end-3 {
    grid-column-end: col-3;
  }
  .end-4 {
    grid-column-end: col-4;
  }
  .end-5 {
    grid-column-end: col-5;
  }
  .end-6 {
    grid-column-end: col-6;
  }
  .end-7 {
    grid-column-end: col-7;
  }
  .end-8 {
    grid-column-end: col-8;
  }
  .end-9 {
    grid-column-end: col-9;
  }
  .end-10 {
    grid-column-end: col-10;
  }
}
/* clean-css ignore:end */
.align-center {
  align-items: center;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.mt {
  margin-top: 5rem;
}

.mt-s {
  margin-top: 2rem;
}

.pb {
  padding-bottom: 5rem;
}

.pb-s {
  padding-bottom: 2rem;
}

@media (max-width: 992px) {
  .md\:content {
    grid-column: col-1/content-end;
  }
}

@media (max-width: 1100px) {
  .lg\:full-width {
    grid-column: full-width;
  }
}

@font-face {
  font-family: "coco";
  src: url("../assets/font/Cocogoose/CocogoosePro/CocogoosePro-Semilight.otf");
  font-weight: 300;
}
@font-face {
  font-family: "coco";
  src: url("../assets/font/Cocogoose/CocogoosePro/CocogoosePro-Regular.otf");
  font-weight: 400;
}
@font-face {
  font-family: "coco";
  src: url("../assets/font/Cocogoose/CocogoosePro/CocogoosePro-Thin.otf");
  font-weight: 200;
}
@font-face {
  font-family: "cocoText";
  src: url("../assets/font/Cocogoose/CocogooseProText/CocogooseProText-Regular.otf");
  font-weight: 400;
}
@font-face {
  font-family: "cocoText";
  src: url("../assets/font/Cocogoose/CocogooseProText/CocogooseProText-Bold.otf");
  font-weight: 700;
}
:root {
  --color-primary-dark: #003E21;
  --color-primary: #008026;
  --color-primary-light: #90B100;
  --color-primary-super-light: #B3D9BE;
  --color-secondary-dark: #2F7290;
  --color-secondary: #8ED3F2;
  --color-secondary-light: #D2EEFA;
  --color-secondary-light-2: #DFF3FC;
  --color-secondary-light-3: #EDF8FD;
  --color-tertiary: #F07A00;
  --color-tertiary-light: #FF9B34;
  --color-accent: #FFE300;
  --color-white: #ffffff;
  --color-black: #4A4A4A;
  --text-color-primary: var(--color-black);
  --text-color-secondary: var(--color-primary-dark);
  --text-color-tertiary: var(--color-white);
  --cubic: cubic-bezier(0.8, 0, 0.2, 1);
  --transition-effect: ease-in-out;
  --transition-timeing: .6s;
  --transition: var(--transition-timeing) var(--transition-effect);
  --font-text: "cocoText", sans-serif;
  --font-heading: "coco", sans-serif;
  --font-button: "coco", sans-serif;
}

/**
 * @param {string} $svg - The name of the svg file
 * @example
 * @include mask('mask-image-2');
 */
/**
 * @param {string} $svg - The name of the svg file
 * @example
 * @include bg-mask('mask-image-2');
 */
/**
 * @param {string} $item - The item to apply the delay to
 * @param {number} $count - The number of items
 * @param {string} $delay - The delay
 * @param {string} $duration - The duration
 * @example
 * @include nthChildDelay(li, 5);
 */
@layer base {
  .slideElement-1,
  .slideElement-2 {
    background: var(--color-secondary);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
  }
  .slideElement-1::before, .slideElement-1:after {
    content: "";
    width: 100%;
    height: 10vw;
    background: var(--color-secondary);
    position: absolute;
    top: calc(-10vw + 1px);
    left: 0;
    -webkit-mask: url("../assets/svg/mask-object.svg") no-repeat 50% 50%;
    mask: url("../assets/svg/mask-object.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: 0.2s;
    mask-position: top;
    mask-size: cover;
  }
  .slideElement-1::after {
    top: auto;
    bottom: calc(-10vw + 1px);
    -webkit-mask: url("../assets/svg/mask-object.svg") no-repeat 50% 50%;
    mask: url("../assets/svg/mask-object.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: 0.2s;
    mask-position: bottom;
    mask-size: cover;
  }
  .slideElement-2 {
    background: var(--color-primary);
  }
  .slideElement-2::before, .slideElement-2:after {
    content: "";
    width: 100%;
    height: 10vw;
    background: var(--color-primary);
    position: absolute;
    top: calc(-10vw + 1px);
    left: 0;
    -webkit-mask: url("../assets/svg/mask-seccond_object.svg") no-repeat 50% 50%;
    mask: url("../assets/svg/mask-seccond_object.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: 0.2s;
    mask-position: top;
    mask-size: cover;
  }
  .slideElement-2::after {
    top: auto;
    bottom: calc(-10vw + 1px);
    -webkit-mask: url("../assets/svg/mask-seccond_object.svg") no-repeat 50% 50%;
    mask: url("../assets/svg/mask-seccond_object.svg") no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: 0.2s;
    mask-position: bottom;
    mask-size: cover;
  }
  html,
  body {
    scroll-behavior: snooth;
  }
  *,
  html,
  body,
  *::after,
  *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
  }
  html {
    font-size: clamp(16px, 1vw + 10px, 20px);
    transition: font-size 0.3s;
    overflow-x: hidden;
  }
  body {
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    overflow-x: clip;
    color: var(--text-color-primary);
    font-family: var(--font-text);
    background-color: var(--color-white);
  }
  main {
    flex: 1;
  }
  ul,
  ol {
    padding: 0;
    list-style-type: none;
  }
  p,
  a,
  li,
  span,
  a {
    font-style: normal;
    line-height: 1.6;
    font-size: 1em;
    font-weight: 400;
    color: var(--text-color-primary);
    font-family: var(--font-text);
  }
  a {
    text-decoration: none;
  }
  a:not([class*=button]):not(:has(img)):not([class*=link]) {
    --_color: var(--color-secondary);
    color: var(--_color);
    border-bottom: 1px solid transparent;
    transition: 0.2s;
    font-family: var(--font-button);
    font-weight: 300;
  }
  a:not([class*=button]):not(:has(img)):not([class*=link]) span {
    color: inherit;
  }
  a:not([class*=button]):not(:has(img)):not([class*=link]):hover {
    border-bottom: 1px solid var(--_color);
  }
  a:not([class*=button]):not(:has(img)):not([class*=link]).simple {
    font-size: unset;
  }
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-style: italic;
    display: block;
  }
  b,
  strong {
    font-weight: 700;
  }
  .title {
    font-size: clamp(2.0625em, 2vw + 1.5em, 3.5em);
  }
  body:not(.home) h2 {
    font-size: 1.4em;
    --_color: var(--color-primary-light);
  }
  body:not(:not(body)) h1,
  body:not(:not(body)) .h1 {
    font-size: clamp(1.5625em, 2vw + 1.5em, 3em);
    font-weight: 400;
    color: var(--color-primary);
    font-family: var(--font-heading);
  }
  @media (max-width: 576px) {
    body:not(:not(body)) h1,
    body:not(:not(body)) .h1 {
      font-size: clamp(1.5625em, 2vw + 1.2em, 3em);
    }
  }
  body:not(:not(body)) h2,
  body:not(:not(body)) .h2 {
    --_color: var(--color-primary);
    color: var(--_color);
    font-family: var(--font-heading);
    font-size: clamp(1.1875em, 2vw + 1em, 2em);
    font-weight: 400;
    position: relative;
    padding-left: 1em;
  }
  body:not(:not(body)) h2::before,
  body:not(:not(body)) .h2::before {
    content: "";
    position: absolute;
    top: 0.35em;
    left: 0;
    height: 0.55em;
    background-color: var(--_color);
    border-radius: 50%;
    aspect-ratio: 1;
  }
  body:not(:not(body)) h3,
  body:not(:not(body)) .h3 {
    font-size: 1.5em;
    font-weight: 400;
    color: var(--color-primary);
    font-family: var(--font-heading);
  }
  body:not(:not(body)) h4,
  body:not(:not(body)) .h4 {
    font-size: 1em;
    font-weight: 400;
    color: var(--color-primary);
    font-family: var(--font-heading);
  }
  table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
  }
  th, td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  th {
    background-color: var(--color-secondary-light);
  }
  tr:nth-child(even) {
    background-color: var(--color-secondary-light-3);
  }
  tr:hover {
    background-color: var(--color-secondary-light-2);
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.subgrid {
  display: grid;
  grid-template-columns: subgrid;
}

.subtitle {
  color: var(--color-primary-light);
  font-family: var(--font-heading);
  font-size: 0.85em;
  padding-bottom: 0.82em;
  margin-bottom: 0.82em;
  border-bottom: 2px solid var(--color-secondary);
  width: fit-content;
}

@keyframes ring {
  10%, 90% {
    transform: translateY(-50%) rotate(-3deg);
  }
  20%, 80% {
    transform: translateY(-50%) rotate(3deg);
  }
  30%, 50%, 70% {
    transform: translateY(-50%) rotate(-3deg);
  }
  40%, 60% {
    transform: translateY(-50%) rotate(3deg);
  }
  100% {
    transform: translateY(-50%) rotate(0deg);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translateY(-50%) translateX(-1px);
  }
  20%, 80% {
    transform: translateY(-50%) translateX(1px);
  }
  30%, 50%, 70% {
    transform: translateY(-50%) translateX(-1px);
  }
  40%, 60% {
    transform: translateY(-50%) translateX(1px);
  }
  100% {
    transform: translateY(-50%) translateX(0px);
  }
}
.button, .vacatures .vacatures-wrapper .vacature .school, .button__white, .button__download, .button__tertiary, .button__tertiary_large, .button__secondary, .button__primary_flat, .button__primary, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper button, nav .menu li.button__menu a, .button__primary_light {
  --_bg-color: var(--color-primary);
  --_txt-color: var(--color-white);
  --_icon-color: var(--color-white);
  --_effect-color: var(--color-primary-light);
  display: flex;
  width: fit-content;
  text-decoration: none;
  padding-inline: 2em;
  padding-block: 1rem;
  font-size: 1em;
  background-color: var(--_bg-color);
  color: var(--_txt-color);
  font-weight: 300;
  transition: 0.2s;
  font-family: var(--font-button);
  position: relative;
  border: none;
  border-radius: 999px;
  box-shadow: 0 3px 10px rgba(0, 62, 33, 0.2);
  overflow: hidden;
  isolation: isolate;
}
.button:hover, .vacatures .vacatures-wrapper .vacature .school:hover, .button__white:hover, .button__download:hover, .button__tertiary:hover, .button__tertiary_large:hover, .button__secondary:hover, .button__primary_flat:hover, .button__primary:hover, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper button:hover, nav .menu li.button__menu a:hover, .button__primary_light:hover {
  border: none;
}
.button::before, .vacatures .vacatures-wrapper .vacature .school::before, .button__white::before, .button__download::before, .button__tertiary::before, .button__tertiary_large::before, .button__secondary::before, .button__primary_flat::before, .button__primary::before, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper button::before, nav .menu li.button__menu a::before, .button__primary_light::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
  left: 1em;
  width: 0.8em;
  aspect-ratio: 12.51/15.58;
  background-color: var(--_txt-color);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  transition: 0.2s;
  opacity: 0;
}
.button::after, .vacatures .vacatures-wrapper .vacature .school::after, .button__white::after, .button__download::after, .button__tertiary::after, .button__tertiary_large::after, .button__secondary::after, .button__primary_flat::after, .button__primary::after, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper button::after, nav .menu li.button__menu a::after, .button__primary_light::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
  right: 1.5em;
  width: 0.8em;
  aspect-ratio: 12.51/15.58;
  background-color: var(--_txt-color);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  transition: 0.2s;
}
.button__primary, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper button, nav .menu li.button__menu a, .button__primary_light {
  --_bg-color: var(--color-primary);
  --_txt-color: var(--color-white);
  font-size: 1em;
  padding-right: 3.5em;
}
.button__primary:hover, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper button:hover, nav .menu li.button__menu a:hover, .button__primary_light:hover {
  padding-left: 3.5em;
  padding-right: 2em;
}
.button__primary:hover::after, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper button:hover::after, nav .menu li.button__menu a:hover::after, .button__primary_light:hover::after {
  opacity: 0;
  right: 1em;
}
.button__primary:hover::before, .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper button:hover::before, nav .menu li.button__menu a:hover::before, .button__primary_light:hover::before {
  opacity: 1;
  left: 1.5em;
}
.button__primary_light {
  --_bg-color: var(--color-primary-light);
  --_txt-color: var(--color-primary-dark);
  --_effect-color: var(--color-accent);
}
.button__primary_flat {
  --_bg-color: var(--color-primary-light);
  --_txt-color: var(--color-primary-dark);
  font-size: 0.85em;
  padding-block: 0.6em;
  padding-left: 1.18em;
  padding-right: 2.68em;
  font-family: var(--font-text);
  box-shadow: none;
}
.button__primary_flat::before {
  left: 0.5em;
}
.button__primary_flat::after {
  right: 1em;
}
.button__primary_flat:hover {
  padding-right: 1.18em;
  padding-left: 2.68em;
}
.button__primary_flat:hover::before {
  opacity: 1;
  left: 1em;
}
.button__primary_flat:hover::after {
  opacity: 0;
  right: 0.5em;
}
.button__secondary {
  --_bg-color: var(--color-tertiary);
  --_txt-color: var(--color-primary-dark);
  --_effect-color: var(--color-accent);
  font-size: 1em;
  padding-right: 3.5em;
}
.button__secondary:hover {
  padding-left: 3.5em;
  padding-right: 2em;
}
.button__secondary:hover::after {
  opacity: 0;
  right: 1em;
}
.button__secondary:hover::before {
  opacity: 1;
  left: 1.5em;
}
.button__tertiary, .button__tertiary_large {
  --_bg-color: var(--color-secondary-light);
  --_txt-color: var(--color-secondary-dark);
  box-shadow: none;
  font-family: var(--font-text);
  padding-block: 0.5em;
  padding-inline: 1em;
}
.button__tertiary::before, .button__tertiary_large::before, .button__tertiary::after, .button__tertiary_large::after {
  content: none;
}
.button__tertiary:hover, .button__tertiary_large:hover {
  background-color: var(--color-secondary-dark);
  color: var(--color-secondary-light);
}
.button__tertiary_large {
  margin-top: 2em;
  font-size: 1.5em;
}
.button__download {
  --_bg-color: var(--color-white);
  --_txt-color: var(--color-primary);
  --_icon-color: var(--_txt-color);
  font-size: 1em;
  position: relative;
  padding-right: 2.5em;
}
.button__download::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.75em;
  transform: translateY(-50%);
  width: 1em;
  aspect-ratio: 1;
  background-color: currentColor;
  -webkit-mask: url("../assets/svg/icon-download.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/icon-download.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
}
.button__download:hover {
  --_bg-color: var(--color-primary-super-light);
}
.button__download:hover::after {
  transform: translateY(calc(-50% + 3px));
}
.button__link {
  --_txt-color: var(--color-white);
  --_icon-color: var(--_txt-color);
  color: var(--_txt-color);
  position: relative;
  padding-right: 2em;
  width: fit-content;
}
.button__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.8em;
  transform: translateY(-50%);
  width: 0.8em;
  aspect-ratio: 1;
  background-color: var(--_icon-color);
  -webkit-mask: url("../assets/svg/icon-chevron.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/icon-chevron.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
  transition: 0.2s;
}
.button__link:hover::after {
  right: 0.5em;
}
.button__white {
  --_bg-color: var(--color-white);
  --_txt-color: var(--color-primary-dark);
  font-size: 1em;
  padding-right: 3.5em;
  padding-block: 1em;
}
.button__white:hover {
  padding-left: 3.5em;
  padding-right: 2em;
}
.button__white:hover::after {
  opacity: 0;
  right: 1em;
}
.button__white:hover::before {
  opacity: 1;
  left: 1.5em;
}

.button__effect {
  position: absolute;
  top: 40%;
  left: 10%;
  transform: translate(-50%, -50%);
  width: 150%;
  aspect-ratio: 1/2;
  border-radius: 50%;
  background-image: radial-gradient(circle at 50% 50%, var(--_effect-color) 0%, var(--_bg-color) 60%);
  z-index: -1;
  pointer-events: none;
  transition: 0.2s linear;
  filter: blur(10px);
}

.nav_search {
  padding-inline: 2em;
  display: flex;
  align-items: center;
}
@media (max-width: 1340px) {
  .nav_search {
    grid-column: col-5/col-10;
  }
}
@media (max-width: 768px) {
  .nav_search {
    display: none;
  }
}

.searchform {
  width: 100%;
  position: relative;
}
.searchform span {
  position: relative;
  padding-right: 2em;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: 0.2s;
}
.searchform span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  width: 1em;
  aspect-ratio: 1;
  background-color: var(--color-secondary-dark);
  -webkit-mask: url("../assets/svg/icon-search.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/icon-search.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
}
.searchform input {
  border: none;
  border-radius: 999px;
  background-color: var(--color-secondary-light-2);
  padding: 1em;
  font-size: 1em;
  width: 100%;
}
.searchform input:focus {
  outline-color: var(--color-secondary-dark);
}
.searchform:has(:focus-within) span {
  opacity: 1;
}

.search-results-wrapper {
  margin-top: 5em;
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-left: 2em;
}
.search-results-wrapper a {
  --_color: var(--color-primary-dark);
}
.search-results-wrapper .result {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
  align-items: flex-end;
}
.search-results-wrapper .agenda-title {
  color: var(--color-tertiary);
}

header {
  z-index: 99999;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
}

nav {
  position: relative;
  box-shadow: 0 0 60px rgba(142, 211, 242, 0.2);
  z-index: 99999;
  background-color: var(--color-white);
}
nav .logo {
  padding-block: 1em;
  transition: 0.2s;
}
nav .logo img {
  object-fit: contain;
}
@media (max-width: 1100px) {
  nav .logo {
    grid-column-end: col-5;
  }
}
@media (max-width: 1340px) {
  nav .navigation-container {
    grid-column: col-10;
  }
}
@media (max-width: 768px) {
  nav .navigation-container {
    grid-column: col-5/content-end;
  }
}
nav .navigation-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 1770px) {
  nav .navigation-wrapper {
    grid-column-end: content-end;
  }
}
@media (max-width: 1640px) {
  nav .navigation-wrapper {
    grid-column-end: col-11;
    margin-right: 6.5em;
    grid-row: 1/-1;
    padding-right: 1em;
  }
}
@media (max-width: 1340px) {
  nav .navigation-wrapper {
    grid-column-end: breakout-end;
    margin-right: 0;
  }
}
@media (max-width: 1100px) {
  nav .navigation-wrapper {
    padding-right: 0;
  }
}
nav .menu-toggle {
  display: none;
  --_bar-color: var(--color-primary);
  aspect-ratio: 1;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  padding: 0.85em 0.75em;
  cursor: pointer;
  position: relative;
  isolation: isolate;
}
nav .menu-toggle::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  z-index: -1;
}
nav .menu-toggle .burger {
  width: 100%;
  height: 100%;
  position: relative;
}
nav .menu-toggle .burger .line {
  position: absolute;
  width: 100%;
  height: 0.15em;
  background-color: var(--_bar-color);
  border-radius: 99px;
  transition: top 0.2s 200ms, rotate 0.2s, opacity 0.2s 300ms;
  left: 0;
}
nav .menu-toggle .burger .line:nth-child(1) {
  top: 0;
}
nav .menu-toggle .burger .line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
}
nav .menu-toggle .burger .line:nth-child(2)::before, nav .menu-toggle .burger .line:nth-child(2)::after {
  content: "";
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: var(--_bar-color);
  z-index: 9999999999;
  transition: left 0.2s 300ms, right 0.2s 300ms;
}
nav .menu-toggle .burger .line:nth-child(2)::before {
  border-radius: 99px 0 0 99px;
}
nav .menu-toggle .burger .line:nth-child(2)::after {
  left: unset;
  right: 0;
  border-radius: 0 99px 99px 0;
}
nav .menu-toggle .burger .line:nth-child(3) {
  top: calc(100% - 0.15em);
}
nav[data-open=true] .menu-toggle .burger .line {
  transition: top 0.2s 200ms, rotate 0.2s 400ms, opacity 0.2s 100ms;
}
nav[data-open=true] .menu-toggle .burger .line:nth-child(1) {
  rotate: 45deg;
  top: calc(50% - 0.075em);
}
nav[data-open=true] .menu-toggle .burger .line:nth-child(2) {
  opacity: 0;
}
nav[data-open=true] .menu-toggle .burger .line:nth-child(2)::before, nav[data-open=true] .menu-toggle .burger .line:nth-child(2)::after {
  transition: 0.2s;
}
nav[data-open=true] .menu-toggle .burger .line:nth-child(2)::before {
  left: -100%;
  border-radius: 99px;
}
nav[data-open=true] .menu-toggle .burger .line:nth-child(2)::after {
  right: -100%;
  border-radius: 99px;
}
nav[data-open=true] .menu-toggle .burger .line:nth-child(3) {
  rotate: -45deg;
  top: calc(50% - 0.075em);
}
nav .inner-menu {
  width: 100%;
}
nav .menu {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1640px) {
  nav .menu {
    gap: 0.8em;
  }
}
nav .menu li:not(.button__menu) {
  width: max-content;
  user-select: none;
}
nav .menu li:not(.button__menu) a {
  color: var(--color-primary);
  font-weight: 300;
  border: none;
  position: relative;
  font-size: 0.85em;
}
@media (max-width: 1640px) {
  nav .menu li:not(.button__menu) a {
    font-size: 0.7em;
  }
}
nav .menu li:not(.button__menu) a::before {
  top: calc(100% + 1em);
  left: 50%;
  transform: translateX(-50%);
  content: "";
  position: absolute;
  width: 0.8235294118em;
  aspect-ratio: 1;
  background-color: var(--color-tertiary);
  border-radius: 50%;
  opacity: 0;
  transition: 0.2s;
}
nav .menu li:not(.button__menu) a:hover, nav .menu li:not(.button__menu) a[aria-current=page] {
  border: none;
}
nav .menu li:not(.button__menu) a:hover::before, nav .menu li:not(.button__menu) a[aria-current=page]::before {
  top: calc(100% + 0.5em);
  opacity: 1;
}
nav .menu li:not(.button__menu) a:not([aria-current=page]):hover::before {
  background-color: var(--color-tertiary-light);
}
nav .menu li.button__menu a {
  font-family: var(--font-button);
  font-size: 0.85em;
}
@media (max-width: 1640px) {
  nav .menu li.button__menu a {
    font-size: 0.7em;
  }
}
@media (min-width: 1340px) {
  nav .menu li.menu-item-has-children {
    position: relative;
  }
  nav .menu li.menu-item-has-children:hover .sub-menu {
    pointer-events: all;
    opacity: 1;
    user-select: all;
    top: calc(100% + 1em);
  }
  nav .menu li.menu-item-has-children:hover > a::before {
    top: 0;
  }
  nav .menu li.menu-item-has-children > a::before {
    background-color: transparent;
    border-radius: 0;
    width: 100%;
    top: 0;
  }
  nav .menu li.menu-item-has-children > a:not([aria-current=page]):hover::before {
    background-color: transparent;
  }
  nav .menu li.menu-item-has-children .sub-menu {
    transition: 0.2s;
    pointer-events: none;
    opacity: 0;
    user-select: 0;
    position: absolute;
    top: calc(100% + 2em);
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-white);
    padding: 1em;
    padding-left: 2em;
    border-radius: 10px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.16);
  }
  nav .menu li.menu-item-has-children .sub-menu li > a::before {
    top: 50%;
    left: -2.5em;
    transform: translateY(-50%);
    content: "";
    position: absolute;
    width: 0.8235294118em;
    aspect-ratio: 1;
    background-color: var(--color-tertiary);
    border-radius: 50%;
    opacity: 0;
    transition: 0.2s;
  }
  nav .menu li.menu-item-has-children .sub-menu li > a:hover::before, nav .menu li.menu-item-has-children .sub-menu li > a[aria-current=page]::before {
    opacity: 1;
    left: -1.5em;
  }
}
@media (max-width: 1340px) {
  nav .sub-menu {
    margin-left: 1em;
  }
}
nav .menu_button, nav .menu_button_oranje {
  margin-left: auto;
  padding: 1em;
  background-color: var(--color-secondary);
  color: var(--color-secondary-dark);
  text-transform: lowercase;
  aspect-ratio: 1;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: 0.2s;
  grid-column: full-width;
  min-width: 7.5em;
  grid-row: 1/-1;
}
@media (max-width: 1770px) {
  nav .menu_button, nav .menu_button_oranje {
    grid-column-start: content-end;
  }
}
@media (max-width: 1640px) {
  nav .menu_button, nav .menu_button_oranje {
    font-size: 0.7em;
    grid-column-start: col-10;
    width: 5.5rem;
  }
}
nav .menu_button:hover, nav .menu_button_oranje:hover {
  background-color: var(--color-secondary-dark);
  color: var(--color-secondary);
}
nav .menu_button_oranje {
  background-color: var(--color-tertiary);
  color: var(--color-white);
  position: absolute;
  top: 100%;
  right: 0;
}
nav .menu_button_oranje:hover {
  background-color: var(--color-tertiary-light);
  color: var(--color-white);
}
@media (min-width: 1340px) {
  nav .inner-menu_wrapper .menu_button, nav .inner-menu_wrapper .menu_button_oranje,
  nav .inner-menu_wrapper .menu_button_oranje {
    display: none;
  }
}
@media (max-width: 1340px) {
  nav {
    background-color: var(--color-white);
    padding-block: 0.5em;
  }
  nav .menu-toggle {
    display: flex;
  }
  nav .inner-menu {
    position: absolute;
    left: 0;
    top: 5em;
    display: grid;
    max-width: 100vw;
    grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] 0 [col-1] var(--col-size) [col-2] var(--col-size) [col-3] var(--col-size) [col-4] var(--col-size) [col-5] var(--col-size) [col-6] var(--col-size) [col-7] var(--col-size) [col-8] var(--col-size) [col-9] var(--col-size) [col-10] var(--col-size) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];
    z-index: -20;
    transition: top 0.4s;
    pointer-events: none;
    user-select: none;
  }
  nav .inner-menu .inner-menu_wrapper {
    grid-column: content;
    border-radius: 6px;
    background-color: var(--color-white);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.16);
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.2s;
  }
  nav .inner-menu .inner-menu_wrapper > div {
    overflow: hidden;
    padding-block: 0;
    padding-inline: 2em;
    transition: 0.2s;
    max-height: 87svh;
    overflow-y: auto;
  }
  nav .inner-menu .inner-menu_wrapper .menu_button,
  nav .inner-menu .inner-menu_wrapper .menu_button_oranje {
    margin-top: 2em;
    display: block;
    position: static;
    aspect-ratio: unset;
    height: fit-content;
    width: 50%;
    float: right;
  }
  nav .inner-menu .menu {
    flex-direction: column;
    align-items: start;
    gap: 0.3em;
  }
  nav .inner-menu .menu li:not(.button__menu) a::before {
    display: none;
  }
  nav[data-open=true] .logo {
    padding-block: 0.5rem;
  }
  nav[data-open=true] .inner-menu_wrapper {
    grid-template-rows: 1fr;
  }
  nav[data-open=true] .inner-menu_wrapper > div {
    padding-block: 1em;
  }
  nav[data-open=true] .inner-menu {
    top: 5em;
    pointer-events: all;
    user-select: all;
  }
  nav .menu_button, nav .menu_button_oranje {
    display: none;
  }
}

section.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 25em;
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, #E8F6FD 100%);
  z-index: -1;
  pointer-events: none;
}
section.hero .home-hero {
  position: relative;
}
section.hero .home-hero::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  width: 100%;
  aspect-ratio: 1;
  background: radial-gradient(circle at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1100px) {
  section.hero .home-hero::before {
    left: 30%;
    width: unset;
    height: 130%;
    background: radial-gradient(circle at 50% 50%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.87) 50%, rgba(255, 255, 255, 0) 70%);
  }
}
section.hero .home-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30svw;
  background: linear-gradient(180deg, rgba(142, 211, 242, 0.1) 50%, #8ED3F2 100%);
  z-index: 2;
  pointer-events: none;
  -webkit-mask: url("../assets/svg/mask-object.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/mask-object.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
  mask-size: 100%;
  mask-position: bottom;
}
section.hero .home-hero .hero-content {
  grid-column: content-start/content-end;
  grid-row: 1;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: min-content min-content;
  align-items: center;
  align-content: center;
  z-index: 6;
  min-height: clamp(800px, 75vh, 100vh);
}
@media (max-width: 1640px) {
  section.hero .home-hero .hero-content {
    padding-bottom: 3em;
  }
}
@media (max-width: 1100px) {
  section.hero .home-hero .hero-content {
    padding-block: 5em;
  }
}
@media (max-width: 768px) {
  section.hero .home-hero .hero-content {
    min-height: unset;
  }
}
section.hero .home-hero .hero-content .title-wrapper {
  grid-column: content;
}
section.hero .home-hero .hero-content .title-wrapper h1 {
  text-shadow: 0 7px 14px rgba(0, 62, 33, 0.35);
}
section.hero .home-hero .hero-content .hero-intro {
  margin-top: 1.75em;
  grid-column: span 6;
}
@media (max-width: 1100px) {
  section.hero .home-hero .hero-content .hero-intro {
    grid-column: content;
  }
}
section.hero .home-hero .hero-content .button_wrapper {
  margin-top: 1em;
  grid-column: content;
}
section.hero .home-hero .image-wrapper {
  grid-row: 1;
}
section.hero .page-hero {
  margin-top: 5.35em;
}
@media (max-width: 1100px) {
  section.hero .page-hero {
    margin-top: 2.5em;
  }
  section.hero .page-hero > div {
    grid-column: content;
  }
}
section.hero .page-hero .location {
  margin-left: calc(clamp(1.5625em, 2vw + 1.5em, 3em) * 0.6666666667);
  margin-bottom: 1rem;
}
section.hero .page-hero .location:hover {
  color: var(--color-secondary-dark);
  background-color: var(--color-secondary-light);
}
section.hero .page-hero .total-hour {
  margin-left: calc(clamp(1.5625rem, 2vw + 1.5rem, 3rem) * 0.6666666667);
  font-size: 1.4em;
  font-weight: 700;
  margin-top: 0.5rem;
  color: var(--color-primary-light);
  margin-bottom: 1.5rem;
}
section.hero .page-hero h1 {
  --_color: var(--color-primary);
  color: var(--_color);
  position: relative;
  padding-left: 0.6666666667em;
}
section.hero .page-hero h1::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  height: 0.3666666667em;
  background-color: var(--_color);
  border-radius: 50%;
  aspect-ratio: 1;
}

.page-intro .col-6 {
  margin-left: calc(clamp(1.5625em, 2vw + 1.5em, 3em) * 0.6666666667);
}
.page-intro p {
  margin-bottom: 1em;
}
.page-intro p.intro, .page-intro .post-password-form > p:first-of-type {
  font-weight: 700;
  margin-block: 1.5em;
}
.page-intro .intro-text {
  margin-bottom: 4.4em;
}

main {
  position: relative;
  z-index: 5;
}
main ul {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin-top: 1em;
}
main ul li {
  padding-left: 1em;
  position: relative;
  color: var(--color-primary-dark);
}
main ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 0.25em;
  aspect-ratio: 1;
  background-color: var(--color-primary-dark);
  border-radius: 50%;
}
main ol {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin-top: 1em;
}
main ol li {
  padding-left: 1em;
  position: relative;
  color: var(--color-primary-dark);
  counter-increment: list-item;
}
main ol li:before {
  content: counter(list-item) ".";
  position: absolute;
  left: 0;
  top: 0em;
  /* Optional: make numbers bold */
  color: var(--color-primary-dark);
}
main .not-secured-buttons-grid {
  margin-top: 5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  row-gap: 2.5rem;
  margin-left: calc(clamp(1.5625em, 2vw + 1.5em, 3em) * 0.6666666667);
}

body:not(.home) {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--color-secondary-light-3) 100%);
  background-size: 100% 100svh;
  background-position: 0 100svh;
  background-repeat: no-repeat;
}

@media (min-width: 576px) {
  .desktop-hide-title h2 {
    display: none;
  }
}

@media (max-width: 576px) {
  .mobile-hide-title h2 {
    display: none !important;
  }
}

section.werken {
  margin-top: 5em;
  margin-bottom: -23vw;
}
section.werken h2 {
  padding-left: unset;
}
section.werken h2::before {
  content: none;
}
section.werken .text {
  margin-top: 1em;
  padding-bottom: 2em;
}
section.werken .werken_image img {
  mix-blend-mode: multiply;
}
@media (max-width: 1100px) {
  section.werken > div:not(.werken_image) {
    grid-column: content;
  }
  section.werken .werken_image {
    grid-column: full-width;
    margin-top: 5em;
  }
}

section.visie {
  background-color: var(--color-primary);
  position: relative;
  padding-top: 5em;
  padding-bottom: 15em;
}
section.visie::before {
  content: "";
  position: absolute;
  height: 10svw;
  width: 100%;
  top: calc(-10svw + 2px);
  left: 0;
  background-color: var(--color-primary);
  pointer-events: none;
  -webkit-mask: url("../assets/svg/mask-top_object.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/mask-top_object.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
  mask-size: 100%;
  mask-position: bottom;
}
section.visie p {
  color: var(--color-primary-super-light);
  margin-top: 1em;
}
section.visie p.subtext {
  padding-left: 2em;
}
section.visie p.text {
  margin-bottom: 2em;
}
@media (max-width: 1340px) {
  section.visie p.text {
    padding-left: 2em;
  }
}
section.visie .button__secondary {
  font-size: 0.85em;
}
@media (max-width: 1340px) {
  section.visie .button__secondary {
    margin-left: 2em;
  }
}
section.visie .title-wrapper h2 {
  --_color: var(--color-white);
}
@media (max-width: 1100px) {
  section.visie > div > div {
    grid-column: content;
  }
}

section.scroll {
  overflow: clip;
  display: flex;
  width: 100vw;
  margin-block: 10em;
  scroll-margin-top: 5em;
  position: relative;
}
section.scroll .scroll-container {
  font-size: clamp(3.3125em, 10vw, 6.6em);
  display: flex;
  width: fit-content;
}
section.scroll p {
  font-size: 1em;
  user-select: none;
  white-space: nowrap;
  margin-left: 0.5em;
  font-family: var(--font-button);
  font-weight: 200;
  color: var(--color-secondary-dark);
}

section.scholen {
  padding-top: 5em;
  position: relative;
}
section.scholen::before {
  content: "";
  position: absolute;
  top: -11vw;
  left: 0;
  width: 100%;
  height: 30vw;
  background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary-light-3) 50%);
  -webkit-mask: url("../assets/svg/mask-third_object.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/mask-third_object.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
  mask-size: 100%;
  mask-position: top;
  z-index: 10;
  pointer-events: none;
}
section.scholen::after {
  content: "";
  position: absolute;
  top: -5em;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, var(--color-secondary-light-3) 10%, rgba(142, 211, 242, 0) 100%);
  z-index: -1;
  pointer-events: none;
}
section.scholen .text-wrapper {
  z-index: 11;
  margin-bottom: 1em;
}
@media (max-width: 1340px) {
  section.scholen .text-wrapper {
    grid-column: content;
    margin-bottom: 10em;
  }
}
section.scholen .text-wrapper h2 {
  --_color: var(--color-primary-dark);
}
section.scholen .text-wrapper p {
  margin-top: 2em;
  padding-left: 2em;
  color: var(--color-primary-dark);
}
section.scholen .scholen-wrapper {
  --_col-1-offset: 10rem;
  --_gap-size: clamp(1rem, calc(0.125rem + 2vw), 2rem);
  z-index: 11;
  display: grid;
  padding-inline: clamp(0em, 10%, 2em);
  gap: var(--_gap-size);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(12, 75px);
}
section.scholen .scholen-wrapper .school {
  padding: 3em 1em;
  background-color: var(--color-white);
  box-shadow: 0 0px 45px rgba(33, 103, 134, 0.2);
  border-radius: 10px;
  grid-column: span 1;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  transition: box-shadow 0.2s;
  align-self: start;
  text-align: center;
}
section.scholen .scholen-wrapper .school:hover {
  cursor: pointer;
  box-shadow: 0 0px 45px rgba(33, 103, 134, 0.32);
}
section.scholen .scholen-wrapper .school:hover img {
  scale: 1.05;
}
section.scholen .scholen-wrapper .school h3 {
  margin-top: 1em;
  font-size: clamp(1em, 1.5vw, 1.5em);
}
section.scholen .scholen-wrapper .school p {
  margin: 0;
  color: var(--color-primary-dark);
  font-size: clamp(0.7em, 1.5vw, 1.15em);
}
section.scholen .scholen-wrapper .school > a, section.scholen .scholen-wrapper .school > .inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
section.scholen .scholen-wrapper .school .image {
  width: 40%;
  max-width: 100%;
}
section.scholen .scholen-wrapper .school img {
  object-fit: contain;
  transition: 0.2s;
}
section.scholen .scholen-wrapper .school:nth-child(1) {
  grid-column: 1;
  grid-row: 4/span 4;
}
section.scholen .scholen-wrapper .school:nth-child(2) {
  grid-column: 2;
  grid-row: 2/span 4;
}
section.scholen .scholen-wrapper .school:nth-child(3) {
  grid-column: 2;
  grid-row: 6/span 4;
}
section.scholen .scholen-wrapper .school:nth-child(4) {
  grid-column: 3;
  grid-row: 1/span 4;
}
section.scholen .scholen-wrapper .school:nth-child(5) {
  grid-column: 3;
  grid-row: 5/span 4;
}
section.scholen .scholen-wrapper .school:nth-child(6) {
  grid-column: 4;
  grid-row: 3/span 4;
}
@media (max-width: 1200px) {
  section.scholen .scholen-wrapper .school:nth-child(1), section.scholen .scholen-wrapper .school:nth-child(2), section.scholen .scholen-wrapper .school:nth-child(3), section.scholen .scholen-wrapper .school:nth-child(4), section.scholen .scholen-wrapper .school:nth-child(5), section.scholen .scholen-wrapper .school:nth-child(6) {
    grid-row: unset;
    grid-column: unset;
  }
  section.scholen .scholen-wrapper .school:nth-child(2n) {
    margin-top: 3rem;
  }
}
@media (max-width: 1200px) {
  section.scholen .scholen-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }
  section.scholen .scholen-wrapper .scholen-button {
    margin-top: 5rem;
    grid-column: 1/span 2;
    grid-row: unset;
  }
}
section.scholen .is_not_main_site {
  padding-inline: 4em;
  grid-template-columns: repeat(3, calc((100% - 4rem) / 3));
}
@media (max-width: 1340px) {
  section.scholen .is_not_main_site {
    grid-template-columns: repeat(2, calc((100% - 1em) / 2));
  }
}
section.scholen .is_not_main_site .school {
  grid-column: span 1;
}
section.scholen .is_not_main_site .school:nth-child(1) {
  margin-top: calc(var(--_col-1-offset) * 1);
  grid-column: 1;
}
section.scholen .is_not_main_site .school:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
section.scholen .is_not_main_site .school:nth-child(3) {
  margin-top: calc(var(--_col-1-offset) * 3 * -1);
  grid-column: 2;
  grid-row: 2;
}
section.scholen .is_not_main_site .school:nth-child(4) {
  grid-column: 3;
  margin-top: calc(var(--_col-1-offset) * 2);
}
@media (max-width: 1340px) {
  section.scholen .is_not_main_site .school:nth-child(1), section.scholen .is_not_main_site .school:nth-child(2), section.scholen .is_not_main_site .school:nth-child(3), section.scholen .is_not_main_site .school:nth-child(4) {
    grid-row: unset;
    grid-column: unset;
    margin-top: unset;
  }
  section.scholen .is_not_main_site .school:nth-child(3) {
    margin-top: calc(var(--_col-1-offset) * -1);
  }
  section.scholen .is_not_main_site .school:nth-child(2) {
    margin-top: var(--_col-1-offset);
  }
}
section.scholen .scholen-button {
  z-index: 11;
  margin-left: auto;
  height: fit-content;
  grid-column: 4;
  grid-row: 2;
  margin-top: calc(100% + 4rem + var(--_col-1-offset));
  font-size: 17px;
}
section.scholen .scholen-button a {
  white-space: nowrap;
}

section.intro {
  position: relative;
  padding-bottom: clamp(10em, 30svw, 30em);
  scroll-margin-top: 5em;
}
section.intro::after {
  content: "";
  position: absolute;
  bottom: -15svw;
  left: 0;
  width: 100%;
  height: 30svw;
  -webkit-mask: url("../assets/svg/mask-third_object.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/mask-third_object.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
  mask-position: bottom;
  mask-size: 100%;
  background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary-light-2) 80%);
  pointer-events: none;
}
section.intro h2,
section.intro h3 {
  margin-bottom: 0.27em;
}
section.intro .button_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.5em;
}
section.intro .button__white {
  font-size: 0.85em;
  padding-block: 0.6em;
  padding-left: 1.18em;
  padding-right: 2.68em;
  font-family: var(--font-text);
}
section.intro .button__white::before {
  left: 0.5em;
}
section.intro .button__white::after {
  right: 1em;
}
section.intro .button__white:hover {
  padding-right: 1.18em;
  padding-left: 2.68em;
}
section.intro .button__white:hover::before {
  opacity: 1;
  left: 1em;
}
section.intro .button__white:hover::after {
  opacity: 0;
  right: 0.5em;
}

.post-type-archive-mededeling .mededelingen h2,
.post-type-archive-mededeling .mededelingen h3 {
  --_color: var(--color-primary);
  color: var(--_color);
}
.post-type-archive-mededeling .mededeling:not(:last-child),
.post-type-archive-mededeling .agenda:not(:last-child) {
  padding-bottom: 1.25em;
  border-bottom: none;
}

.mededeling,
.agenda {
  margin-top: 1.5em;
}
.mededeling:not(:last-child),
.agenda:not(:last-child) {
  padding-bottom: 1.25em;
  border-bottom: 1px solid var(--color-primary-dark);
}

.mededelingen .title-wrapper.title-wrapper h2 {
  --_color: var(--color-accent);
}
.mededelingen h3 {
  color: var(--color-accent);
}
.mededelingen p {
  margin-bottom: 1em;
}
.mededelingen .button__secondary {
  margin-left: 2em;
  margin-top: 3em;
}

.agenda-items .title-wrapper.title-wrapper h2 {
  --_color: var(--color-tertiary);
}
.agenda-items h3 {
  color: var(--color-tertiary-light);
}
.agenda-items .button__secondary {
  margin-block: 3em;
}
@media (max-width: 1100px) {
  .agenda-items {
    margin-block: 4em;
  }
}

.mededeling-wrapper {
  padding-left: 2em;
}

@media (max-width: 1100px) {
  .agenda-wrapper,
  .mededeling-wrapper {
    padding-left: clamp(1.1875em, 2vw + 1em, 2em);
  }
}
.mededeling-wrapper,
.agenda-wrapper {
  margin-top: 3.5em;
}
.mededeling-wrapper h3,
.agenda-wrapper h3 {
  font-size: 1.1em;
}
.mededeling-wrapper p,
.agenda-wrapper p {
  margin-top: 0;
}
@media (max-width: 1100px) {
  .mededeling-wrapper,
  .agenda-wrapper {
    margin-top: 0;
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    column-gap: 3em;
  }
}
@media (max-width: 768px) {
  .mededeling-wrapper,
  .agenda-wrapper {
    grid-template-columns: 1fr;
  }
}

section.nieuws {
  margin-bottom: 15em;
}
section.nieuws h2 {
  --_color: var(--color-primary-dark);
  margin-bottom: 2em;
  grid-row: 1;
}
section.nieuws h3 {
  font-size: 1.1em;
  color: var(--color-tertiary);
  margin-bottom: 1em;
}
section.nieuws p {
  line-height: 1.4;
}
section.nieuws .subgrid {
  align-items: end;
}
section.nieuws .button-wrapper {
  grid-row: 2;
  z-index: 3;
}
section.nieuws .image-wrapper {
  grid-row: 2;
}
section.nieuws .content-wrapper {
  grid-row: 2;
  margin-left: -3.5em;
  padding-inline: 3.5em;
  padding-block: 3em;
  margin-block: auto;
  background-color: var(--color-white);
}
section.nieuws [class*=button] {
  display: flex;
  margin-top: 1em;
}
@media (max-width: 1100px) {
  section.nieuws .news-item {
    grid-column: content;
  }
  section.nieuws .news-item .image-wrapper {
    grid-column: content-start/col-6;
  }
  section.nieuws .news-item .content-wrapper {
    grid-column: col-5/content-end;
    margin-left: 0;
    padding-inline: 3em;
    padding-block: 3em;
    margin-block: auto;
    background-color: var(--color-white);
  }
  section.nieuws .news-item .button-wrapper {
    grid-column: content;
    z-index: 3;
    grid-row: 3;
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {
  section.nieuws .nieuws-wrapper {
    grid-column: full-width;
  }
  section.nieuws .news-item {
    grid-column: full-width;
    align-items: center;
  }
  section.nieuws .news-item .image-wrapper {
    grid-column: full-width-start/col-6;
  }
  section.nieuws .news-item .content-wrapper {
    grid-column: col-5/full-width-end;
  }
}
@media (max-width: 576px) {
  section.nieuws .news-item {
    grid-column: content;
  }
  section.nieuws .news-item .image-wrapper,
  section.nieuws .news-item .content-wrapper,
  section.nieuws .news-item .button-wrapper {
    grid-column: content;
    grid-row: auto;
  }
}

.nieuws-wrapper {
  margin-top: 9em;
  row-gap: 3em;
  grid-column: content;
  display: grid;
  grid-template-columns: subgrid;
}

.post-type-archive-agenda .agenda-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
  align-items: stretch; /* Belangrijk */
  gap: 2em;
  row-gap: 3rem;
  margin-top: 5rem;
}
.post-type-archive-agenda .agenda-wrapper .agenda-item {
  background-color: var(--color-white);
  box-shadow: 0 0 45px rgba(33, 103, 134, 0.2);
  padding: 2em;
  border-radius: 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.post-type-archive-agenda .agenda-wrapper .agenda-item h3 {
  text-align: center;
}
.post-type-archive-agenda .agenda-wrapper .agenda-item p {
  --_bg-color: var(--color-primary);
  --_txt-color: var(--color-white);
  --_icon-color: var(--color-white);
  --_effect-color: var(--color-primary-light);
  display: flex;
  width: fit-content;
  text-decoration: none;
  padding-inline: 2em;
  padding-block: 1rem;
  font-size: 1em;
  color: var(--_txt-color);
  font-weight: 300;
  background: radial-gradient(150.41% 69.6% at 13.2% 47.37%, #90B100 0%, #008026 100%);
  border-radius: 999px;
  box-shadow: 0 3px 10px rgba(0, 62, 33, 0.2);
  overflow: hidden;
  isolation: isolate;
  transform: translateY(50%);
  margin-bottom: -2em;
  text-align: center;
}

.builder-block {
  margin-block: 9em;
  scroll-margin-top: 5em;
}
.builder-block.margin-small {
  margin-block: 4em;
}
.builder-block.full_width > div {
  grid-column: content;
}

.block_image_text .image-wrapper {
  height: fit-content;
}
.block_image_text .image-wrapper .selected {
  border-radius: 10px;
  overflow: clip;
}
.block_image_text .image-wrapper .image-selector {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7em, 1fr));
  grid-template-rows: repeat(auto-fill, 5em);
  max-height: 7em;
  gap: 2em;
  margin-inline: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
.block_image_text .image-wrapper .image-selector .img {
  height: 5em;
  transition: 0.2s;
  position: relative;
  cursor: pointer;
  overflow: clip;
}
.block_image_text .image-wrapper .image-selector .img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-secondary-dark);
  opacity: 0.8;
  transition: 0.2s;
}
.block_image_text .image-wrapper .image-selector .img img {
  transition: 0.2s;
  scale: 1.05;
}
.block_image_text .image-wrapper .image-selector .img:hover img {
  scale: 1;
}
.block_image_text .image-wrapper .image-selector .img:hover::after {
  opacity: 0.6;
}
.block_image_text .image-wrapper .image-selector .img.active img {
  scale: 1;
}
.block_image_text .image-wrapper .image-selector .img.active::after {
  opacity: 0;
}
.block_image_text .content-wrapper .inner-content {
  margin-left: 1.4em;
}
.block_image_text .content-wrapper p {
  margin-top: 1em;
  margin-bottom: 2.5em;
}
@media (max-width: 1340px) {
  .block_image_text .image-wrapper {
    grid-column-end: col-6;
  }
  .block_image_text .content-wrapper {
    grid-column: col-7/span 4;
  }
}
@media (max-width: 768px) {
  .block_image_text {
    row-gap: 5em;
  }
  .block_image_text .image-wrapper,
  .block_image_text .content-wrapper {
    grid-column: content;
  }
}

.block_columns .inner_content {
  margin-block: 1.4em;
  margin-left: 1.4em;
}
.block_columns .inner_content [class*=button] {
  margin-top: 2em;
}
@media (max-width: 576px) {
  .block_columns {
    row-gap: 5em;
  }
  .block_columns > div {
    grid-column: content;
  }
}

.builder-block.full_width .inner_content {
  margin-block: 0;
  margin-left: 0;
}

.video_image {
  position: relative;
  margin-bottom: -5em;
}
.video_image .video-image-wrapper {
  position: relative;
}
@media (max-width: 768px) {
  .video_image .video-image-wrapper {
    grid-column: content;
  }
}
.video_image .video-image-wrapper .thumbnail-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
  overflow: clip;
  user-select: none;
  cursor: pointer;
  transition: opacity 0.2s;
  z-index: 10;
}
.video_image .video-image-wrapper .thumbnail-wrapper.active {
  opacity: 0;
  pointer-events: none;
}
.video_image .video-image-wrapper .thumbnail-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-secondary-dark);
  opacity: 65%;
}
.video_image .video-image-wrapper .thumbnail-wrapper::after {
  --_height: 4.75em;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% + var(--_height) / 2), -50%);
  height: var(--_height);
  aspect-ratio: 12.51/15.58;
  border-top: calc(var(--_height) / 2) solid transparent;
  border-right: calc(var(--_height) / 2) solid transparent;
  border-bottom: calc(var(--_height) / 2) solid transparent;
  border-left: calc(var(--_height) / 2 + var(--_height) / 3) solid var(--color-white);
  filter: drop-shadow(0 10px 10px rgba(47, 114, 144, 0.76));
}
.video_image iframe,
.video_image video {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  aspect-ratio: 16/9;
}

.vacatures .content > h2 {
  --_color: var(--color-tertiary);
  margin-bottom: -1.1em;
}
@media (max-width: 992px) {
  .vacatures .content > h2 {
    margin-bottom: 2em;
  }
}
.vacatures .vacatures-wrapper {
  display: flex;
  column-gap: 2em;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .vacatures .vacatures-wrapper {
    row-gap: 4em;
  }
}
.vacatures .vacatures-wrapper > div {
  height: fit-content;
  width: calc(33.3333333333% - 2em);
}
.vacatures .vacatures-wrapper > div:nth-child(3n+1) {
  margin-top: 6em;
}
.vacatures .vacatures-wrapper > div:nth-child(3n+2) {
  margin-top: 3em;
}
@media (max-width: 1340px) {
  .vacatures .vacatures-wrapper > div {
    width: calc(50% - 2em);
  }
  .vacatures .vacatures-wrapper > div:nth-child(3n+1), .vacatures .vacatures-wrapper > div:nth-child(3n+2) {
    margin-top: unset;
  }
  .vacatures .vacatures-wrapper > div:nth-child(2n+1) {
    margin-top: 3em;
  }
}
@media (max-width: 992px) {
  .vacatures .vacatures-wrapper > div {
    width: 100%;
  }
  .vacatures .vacatures-wrapper > div:nth-child(2n+1) {
    margin-top: unset;
  }
}
.vacatures .vacatures-wrapper .vacature {
  display: grid;
  grid-template-rows: 1fr 15em;
  background-color: var(--color-white);
  box-shadow: 0 0 45px rgba(33, 103, 134, 0.2);
  border-radius: 10px;
  position: relative;
  transition: box-shadow 0.2s;
}
.vacatures .vacatures-wrapper .vacature.vacature-small {
  grid-template-rows: 1fr;
}
.vacatures .vacatures-wrapper .vacature:has(:focus-within) {
  box-shadow: 0 0 45px rgba(33, 103, 134, 0.5);
}
.vacatures .vacatures-wrapper .vacature h2 {
  padding: 0;
  color: var(--color-primary);
}
.vacatures .vacatures-wrapper .vacature h2::before {
  content: none;
}
.vacatures .vacatures-wrapper .vacature .top-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.2em;
  padding: 1em;
}
.vacatures .vacatures-wrapper .vacature .top-row * {
  text-align: center;
}
.vacatures .vacatures-wrapper .vacature .top-row p {
  color: var(--color-primary-light);
}
.vacatures .vacatures-wrapper .vacature .vacature-image {
  overflow: hidden;
}
.vacatures .vacatures-wrapper .vacature .vacature-image a img {
  transition: 0.2s;
}
.vacatures .vacatures-wrapper .vacature .vacature-image a:hover img, .vacatures .vacatures-wrapper .vacature .vacature-image a:focus-within img {
  transform: scale(1.05);
}
.vacatures .vacatures-wrapper .vacature .school {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  flex-direction: column;
  align-items: center;
  width: fit-content;
}
.vacatures .vacatures-wrapper .vacature .school::before, .vacatures .vacatures-wrapper .vacature .school::after {
  content: none;
}
.vacatures .vacatures-wrapper .vacature .school p {
  text-align: center;
}
.vacatures .vacatures-wrapper .vacature .school .school-name {
  color: var(--color-white);
  font-family: var(--font-heading);
  white-space: nowrap;
}
.vacatures .vacatures-wrapper .vacature .school .school-location {
  color: var(--color-primary-dark);
}

.block_form h2 {
  padding-left: 0;
  margin-bottom: 1em;
}
.block_form h2::before {
  content: none;
}
@media (max-width: 768px) {
  .block_form {
    row-gap: 2em;
  }
  .block_form .image-wrapper,
  .block_form .content-wrapper {
    grid-column: content;
  }
  .block_form .content-wrapper {
    order: 1;
  }
}

input,
textarea {
  background-color: #E8F6FD;
  border: none;
  border-radius: 2.5em;
  box-shadow: none;
  padding: 1.2em 1.5em;
  height: fit-content;
  font-size: 0.9em;
  color: var(--color-black);
  font-family: var(--font-text);
}
input::placeholder,
textarea::placeholder {
  font-style: italic;
}

input[type=file]::before {
  content: "Upload C.V.";
  color: var(--color-black);
  font-style: italic;
  font-size: 0.9em;
}
input[type=file]::file-selector-button {
  background-color: transparent;
  color: var(--color-black);
  text-indent: -9999px;
}

textarea {
  min-block-size: 10em;
  min-height: 10em;
  max-height: 25em;
}

select {
  appearance: none;
  background-color: #E8F6FD;
  border: none;
  border-radius: 2.5em;
  box-shadow: none;
  padding: 1.2em 1.5em;
  height: fit-content;
  font-size: 0.9em;
  color: var(--color-black);
  font-family: var(--font-text);
}

.ginput_container_consent {
  align-items: center;
}

input[type=checkbox] {
  padding: 0.5em;
  width: 2em;
  aspect-ratio: 1;
}
input[type=checkbox]::before {
  transition: 0.2s;
  color: var(--color-primary);
}

label {
  cursor: pointer;
}
label a {
  font-size: 1em;
}
label .gfield_required {
  display: none;
}

.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields {
  gap: 1em;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields input,
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields textarea {
  background-color: #E8F6FD;
  border: none;
  border-radius: 2.5em;
  box-shadow: none;
  padding: 1.2em 1.5em;
  height: fit-content;
  font-size: 0.9em;
  color: var(--color-black);
  font-family: var(--font-text);
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields input::placeholder,
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields textarea::placeholder {
  font-style: italic;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields input[type=file]::before {
  content: "Upload C.V.";
  color: var(--color-black);
  font-style: italic;
  font-size: 0.9em;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields input[type=file]::file-selector-button {
  background-color: transparent;
  color: var(--color-black);
  text-indent: -9999px;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields textarea {
  min-block-size: 10em;
  min-height: 10em;
  max-height: 25em;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields select {
  appearance: none;
  background-color: #E8F6FD;
  border: none;
  border-radius: 2.5em;
  box-shadow: none;
  padding: 1.2em 1.5em;
  height: fit-content;
  font-size: 0.9em;
  color: var(--color-black);
  font-family: var(--font-text);
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields .ginput_container_consent {
  align-items: center;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields input[type=checkbox] {
  padding: 0.5em;
  width: 2em;
  aspect-ratio: 1;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields input[type=checkbox]::before {
  transition: 0.2s;
  color: var(--color-primary);
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields label {
  cursor: pointer;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields label a {
  font-size: 1em;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_fields label .gfield_required {
  display: none;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper label {
  color: var(--color-primary-light);
  font-size: 1rem;
  font-weight: 600;
  padding-left: 1rem;
}
.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gfield_description {
  display: none;
}
.block-scholen {
  --_cards_offset: 20em;
  margin-top: 9em;
  scroll-margin-top: 5em;
}
@media (min-width: 576px) {
  .block-scholen {
    margin-bottom: calc(9em + var(--_cards_offset));
  }
}
@media (max-width: 576px) {
  .block-scholen {
    margin-bottom: 9em;
  }
}
.block-scholen .scholen-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 2em;
}
@media (min-width: 576px) {
  .block-scholen .scholen-wrapper .school:nth-child(2n) {
    margin: var(--_cards_offset) 0 calc(var(--_cards_offset) * -1) 0;
  }
}
@media (max-width: 576px) {
  .block-scholen .scholen-wrapper {
    grid-template-columns: 1fr;
  }
}
.block-scholen .scholen-wrapper .school {
  background-color: var(--color-white);
  padding: 2em;
  border-radius: 0.5em;
  box-shadow: 0 0px 45px rgba(33, 103, 134, 0.2);
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.block-scholen .scholen-wrapper .school h3 {
  color: var(--color-primary-light);
}
.block-scholen .scholen-wrapper .school .content a {
  --_color: var(--text-color-primary);
  font-family: var(--font-text);
  width: fit-content;
}
.block-scholen .scholen-wrapper .school .image {
  border-radius: 0.5em;
  overflow: hidden;
}
.block-scholen .scholen-wrapper .school .image img {
  transition: 0.2s;
}
.block-scholen .scholen-wrapper .school .image:hover img {
  transform: scale(1.05);
}

.block_team .team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  justify-items: center;
  gap: 2rem;
}
.block_team .team-person {
  display: grid;
  grid-template-rows: 7.5rem 1fr;
  gap: 1rem;
}
.block_team .team-person .details {
  display: flex;
  flex-direction: column;
}
.block_team .team-person img {
  max-width: 7rem;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-bottom: 1rem;
  border-radius: 50%;
  font-size: clamp(2rem, 1.5rem + 1.6vw, 3rem);
}
.block_team .team-person .name {
  font-weight: 700;
  font-size: 1rem;
  color: var(--color-primary-dark);
}
.block_team .team-person .person-title {
  color: var(--color-tertiary);
}
.block_team .team-person a {
  font-size: 0.9rem;
  font-weight: 300;
  width: fit-content;
}

.block_faq {
  --faq-duration: 0.42s;
  --faq-ease: var(--cubic);
}
@media (prefers-reduced-motion: reduce) {
  .block_faq {
    --faq-duration: 0.01s;
  }
}
.block_faq > div > h2 {
  margin-bottom: 1.25em;
}
.block_faq .list {
  display: flex;
  flex-direction: column;
}
.block_faq .item:not(:last-child) {
  border-bottom: 1px solid var(--color-secondary-light);
}
.block_faq .item[data-open=true] .panel {
  grid-template-rows: 1fr;
}
.block_faq .item[data-open=true] .panel.is-settled .inner {
  overflow: visible;
}
.block_faq .item[data-open=true] .trigger::after {
  transform: rotate(180deg);
}
.block_faq .question {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: 400;
  color: inherit;
  position: static;
}
.block_faq .question::before {
  content: none;
  display: none;
}
.block_faq .trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  width: 100%;
  padding-block: 0.85rem;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
}
.block_faq .trigger:hover .label, .block_faq .trigger:focus-visible .label {
  color: var(--color-primary-light);
}
.block_faq .trigger:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 0.25rem;
}
.block_faq .trigger::after {
  content: "";
  flex-shrink: 0;
  width: 0.8em;
  aspect-ratio: 12.51/15.58;
  background-color: var(--color-primary);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  transform: rotate(90deg);
  transform-origin: center;
  transition: transform var(--faq-duration) var(--faq-ease);
}
.block_faq .label {
  font-family: var(--font-heading);
  font-size: 1em;
  font-weight: 300;
  color: var(--color-primary-dark);
  line-height: 1.35;
  transition: color 0.2s var(--faq-ease);
}
.block_faq .panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--faq-duration) var(--faq-ease);
}
.block_faq .inner {
  min-height: 0;
  overflow: hidden;
}
.block_faq .content {
  padding-block-start: 0.15rem;
  padding-block-end: 1.1rem;
}
@media (max-width: 576px) {
  .block_faq > div {
    grid-column: content;
  }
}

.columns {
  margin-top: 5em;
}

footer {
  margin-top: calc(20em + 17vw);
  padding-top: 10em;
  font-size: 0.75em;
  position: relative;
  z-index: 6;
  mix-blend-mode: multiply;
}
footer .footer-effect::before {
  content: "";
  width: 100%;
  height: 200%;
  position: absolute;
  top: calc(-180% - 17vw);
  left: 0;
  background: linear-gradient(0deg, var(--color-secondary) 0%, rgba(255, 255, 255, 0.1) 50%);
  -webkit-mask: url("../assets/svg/mask-seccond_object.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/mask-seccond_object.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
  mask-size: 100%;
  mask-position: bottom;
  pointer-events: none;
}
footer .footer-effect::after {
  content: "";
  width: 100%;
  height: 200%;
  position: absolute;
  top: -180%;
  left: 0;
  background: linear-gradient(0deg, var(--color-tertiary) 0%, var(--color-accent) 50%);
  -webkit-mask: url("../assets/svg/mask-seccond_object.svg") no-repeat 50% 50%;
  mask: url("../assets/svg/mask-seccond_object.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: 0.2s;
  mask-size: 100%;
  mask-position: bottom;
  pointer-events: none;
}
footer::after {
  content: "";
  margin-top: 5.5333333333em;
  background: linear-gradient(90deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
  height: 2.6666666667em;
  grid-column: col-5/full-width-end;
}
footer .logo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer .footer_logo {
  object-fit: contain;
  width: 80%;
  height: fit-content;
}
footer h4,
footer .h4 {
  font-size: 1.1333333333em;
  color: var(--color-primary-light);
}
footer ul {
  margin-top: 2.4em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
footer ul a {
  font-family: var(--font-text);
  color: inherit;
  border-bottom: 1px solid transparent;
}
footer ul a:hover {
  border-bottom: 1px solid var(--color-secondary-dark);
}
footer .last-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  footer {
    margin-top: 6em;
  }
  footer ul {
    margin-top: 1em;
  }
  footer .button__tertiary, footer .button__tertiary_large {
    margin-top: 2em;
  }
  footer .footer_logo {
    margin-bottom: 2em;
  }
  footer > div:not(.footer-effect) {
    grid-column: content;
    margin-top: 4em;
  }
  footer:after {
    grid-column: full-width;
  }
  footer .footer-effect {
    position: relative;
  }
  footer .footer-effect::before {
    content: none;
  }
  footer .footer-effect:after {
    top: -13.5em;
    height: 30svw;
  }
}

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