@charset "UTF-8";
:root {
  --knb-wit-opac-50: rgba(255, 255, 255, 0.5);
  --knb-wit-opac-85: rgba(255, 255, 255, 0.85);
  --error-color: var(--variant-primair-donker-color);
  --input-border-color: var(--variant-tertiair-helder-color);
  --valid-color: var(--variant-tekst-color);
  --knb-failure-color: var(--variant-failure-color, #c7364a);
  --knb-maintenance-color: var(--variant-maintenance-color, #f28c35);
}

@media screen and (max-width: 719.98px) {
  :root {
    --gutter: 20px;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  :root {
    --gutter: 40px;
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --gutter: 40px;
  }
}

:root {
  --knb-font-weight-regular: 400;
  --knb-font-weight-book: 400;
  --knb-font-weight-medium: 500;
  --knb-font-weight-bold: 700;
  --font-weight-bold: var(--knb-font-weight-bold);
  --knb-grid-title-font-size-large: 1.78em;
  --knb-grid-title-font-size: 1.56em;
  --knb-grid-title-font-size-small: 1.22em;
  --knb-grid-title-font-size-smaller: 1.125em;
  --date-font-size: var(--global-font-size);
}
@media screen and (max-width: 719.98px) {
  :root {
    --global-font-size: 1rem;
    --knb-font-size-small: 0.875em;
    --knb-font-size-small-absolute: 0.875rem;
    --knb-font-size-extra-small: 0.8125em;
    --knb-grid-title-font-size: var(--knb-grid-title-font-size-small);
  }
}
@media screen and (min-width: 720px) {
  :root {
    --global-font-size: 1.125rem;
    --knb-font-size-small: 0.889em;
    --knb-font-size-small-absolute: 0.889rem;
    --knb-font-size-extra-small: 0.778em;
  }
}

:root {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-secondary-background-color: var(
    --knb-button-secondary-background-color,
    var(--variant-secundair-extra-licht-color)
  );
  --button-secondary-border-color: var(--variant-secundair-extra-licht-color);
  --button-secondary-border-width: var(--button-border-width);
  --button-secondary-color: var(--variant-secundair-extra-donker-color);
  --button-secondary-disabled-background-color: var(--button-disabled-background-color);
  --button-secondary-disabled-color: var(--button-disabled-color);
  --button-secondary-hover-background-color: var(
    --knb-button-secondary-hover-background-color,
    var(--variant-secundair-licht-color)
  );
  --button-secondary-hover-border-color: var(--button-secondary-border-color);
  --button-secondary-hover-color: var(--button-secondary-color);
  --button-secondary-hover-text-decoration: var(--button-hover-text-decoration);
  --button-secondary-text-decoration: var(--button-text-decoration);
  --button-neutral-background-color: var(--knb-button-neutral-background-color, var(--variant-wit-color));
  --button-neutral-border-color: var(--variant-tertiair-helder-color);
  --button-neutral-border-width: var(--button-border-width);
  --button-neutral-color: var(--variant-secundair-extra-donker-color);
  --button-neutral-disabled-background-color: var(--button-disabled-background-color);
  --button-neutral-disabled-color: var(--button-disabled-color);
  --button-neutral-hover-background-color: var(
    --knb-button-neutral-hover-background-color,
    var(--variant-tertiair-extra-licht-color)
  );
  --button-neutral-hover-border-color: var(--button-neutral-border-color);
  --button-neutral-hover-color: var(--button-neutral-color);
  --button-neutral-hover-text-decoration: var(--button-hover-text-decoration);
  --button-neutral-text-decoration: var(--button-text-decoration);
}

.ipx-buttons {
  --form-buttons-padding: 40px 0 0;
}

:root {
  --heading-font-weight-h1: 400;
  --heading-font-weight-h2: 400;
  --heading-font-weight-h3: 500;
  --heading-font-weight-h4: 700;
  --heading-font-weight-h5: 700;
  --heading-elt-font-size-h1: var(--heading-font-size-h1);
  --heading-elt-font-size-h2: var(--heading-font-size-h2);
  --heading-elt-font-size-h3: var(--heading-font-size-h3);
  --heading-elt-font-size-h4: var(--heading-font-size-h4);
  --heading-elt-font-size-h5: var(--heading-font-size-h5);
  --heading-elt-font-size-h6: var(--heading-font-size-h6);
}
@media screen and (max-width: 719.98px) {
  :root {
    --heading-font-size-h1: 2.5em;
    --heading-font-size-h2: 1.75em;
    --heading-font-size-h3: 1.5em;
    --heading-font-size-h4: 1.25em;
    --heading-font-size-h5: 1.125em;
    --heading-font-size-h6: 1em;
    --line-height-h1: 1;
    --line-height-h2: 1.21;
    --line-height-h3: 1.25;
    --line-height-h4: 1.5;
    --line-height-h5: 1.56;
    --line-height-h6: 1.56;
    --global-line-height: 1.625;
    --grid-block-grid-title-font-size: var(--heading-font-size-h2);
    --grid-block-grid-title-font-size-small: var(--heading-font-size-h2);
    --grid-block-grid-title-margin-bottom: 16px;
  }
}
@media screen and (min-width: 720px) {
  :root {
    --heading-font-size-h1: 3em;
    --heading-font-size-h2: 2.56em;
    --heading-font-size-h3: 1.78em;
    --heading-font-size-h4: 1.56em;
    --heading-font-size-h5: 1.22em;
    --heading-font-size-h6: 1.11em;
    --heading-font-size-h2-small: 1.75em;
    --heading-font-size-h3-small: 1.5em;
    --heading-font-size-h4-small: 1.25em;
    --heading-font-size-h5-small: 1.125em;
    --heading-font-size-h6-small: 1em;
    --line-height-h1: 1;
    --line-height-h2: 1.22;
    --line-height-h3: 1.31;
    --line-height-h4: 1.36;
    --line-height-h5: 1.45;
    --line-height-h6: 1.56;
    --global-line-height: 1.56;
    --grid-block-grid-title-font-size: var(--heading-font-size-h2);
    --grid-block-grid-title-font-size-small: var(--heading-font-size-h3);
    --grid-block-grid-title-margin-bottom: 24px;
  }
}

h3,
h4,
h5,
h6 {
  font-family: var(--global-font-family);
}

.grid-block .grid-edge > .grid-title h2,
.grid-block .grid-edge > .grid-title h3,
.grid-block .grid-edge > .grid-title h4 {
  font-size: var(--grid-block-grid-title-font-size, 1.18em);
  margin-block-end: var(--grid-block-grid-title-margin-bottom, 24px);
}

.col-span-1 .grid-edge > .grid-title h2,
.col-span-1 .grid-edge > .grid-title h3,
.col-span-1 .grid-edge > .grid-title h4 {
  font-size: var(--grid-block-grid-title-font-size-small);
  --grid-block-grid-title-margin-bottom: 4px;
}
.col-span-1 .grid-edge > .grid-inside .iprox-content {
  --heading-font-size-h1: 2.5em;
  --heading-font-size-h2: 1.75em;
  --heading-font-size-h3: 1.5em;
  --heading-font-size-h4: 1.25em;
  --heading-font-size-h5: 1.125em;
  --heading-font-size-h6: 1em;
  --line-height-h1: 1;
  --line-height-h2: 1.21;
  --line-height-h3: 1.25;
  --line-height-h4: 1.5;
  --line-height-h5: 1.56;
  --line-height-h6: 1.56;
}

.col-span-2 .grid-edge > .grid-title h2,
.col-span-2 .grid-edge > .grid-title h3,
.col-span-2 .grid-edge > .grid-title h4 {
  font-size: var(--grid-block-grid-title-font-size-small);
  --grid-block-grid-title-margin-bottom: 4px;
}
.col-span-2 .grid-edge > .grid-inside .iprox-content {
  --heading-font-size-h1: 2.5em;
  --heading-font-size-h2: 1.75em;
  --heading-font-size-h3: 1.5em;
  --heading-font-size-h4: 1.25em;
  --heading-font-size-h5: 1.125em;
  --heading-font-size-h6: 1em;
  --line-height-h1: 1;
  --line-height-h2: 1.21;
  --line-height-h3: 1.25;
  --line-height-h4: 1.5;
  --line-height-h5: 1.56;
  --line-height-h6: 1.56;
}

.col-span-3 .grid-edge > .grid-title h2,
.col-span-3 .grid-edge > .grid-title h3,
.col-span-3 .grid-edge > .grid-title h4, .col-span-4 .grid-edge > .grid-title h2,
.col-span-4 .grid-edge > .grid-title h3,
.col-span-4 .grid-edge > .grid-title h4 {
  font-size: var(--grid-block-grid-title-font-size-small);
  --grid-block-grid-title-margin-bottom: 4px;
}
.col-span-3 .grid-edge > .grid-inside .iprox-content, .col-span-4 .grid-edge > .grid-inside .iprox-content {
  --heading-font-size-h1: 2.5em;
  --heading-font-size-h2: 1.75em;
  --heading-font-size-h3: 1.5em;
  --heading-font-size-h4: 1.25em;
  --heading-font-size-h5: 1.125em;
  --heading-font-size-h6: 1em;
  --line-height-h1: 1;
  --line-height-h2: 1.21;
  --line-height-h3: 1.25;
  --line-height-h4: 1.5;
  --line-height-h5: 1.56;
  --line-height-h6: 1.56;
}

@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .type-pagetitle h1.grid-title {
    font-size: var(--heading-font-size-h1);
    line-height: var(--line-height-h1);
  }
}
@media screen and (max-width: 719.98px) {
  .type-pagetitle h1.grid-title {
    font-size: var(--heading-font-size-h1);
    line-height: var(--line-height-h1);
  }
  h1 {
    --heading-margin-top: 0;
    --heading-margin-bottom: 0;
  }
  h2 {
    --heading-margin-top: 32px;
    --heading-margin-bottom: 16px;
  }
  h3 {
    --heading-margin-top: 32px;
    --heading-margin-bottom: 8px;
  }
  h4 {
    --heading-margin-top: 32px;
    --heading-margin-bottom: 8px;
  }
  h5 {
    --heading-margin-top: 24px;
    --heading-margin-bottom: 0;
  }
}
@media screen and (min-width: 720px) {
  h1 {
    --heading-margin-top: 0;
    --heading-margin-bottom: 0;
  }
  h2 {
    --heading-margin-top: 48px;
    --heading-margin-bottom: 16px;
  }
  h3 {
    --heading-margin-top: 32px;
    --heading-margin-bottom: 8px;
  }
  h4 {
    --heading-margin-top: 32px;
    --heading-margin-bottom: 8px;
  }
  h5 {
    --heading-margin-top: 24px;
    --heading-margin-bottom: 8px;
  }
}
.grid-image,
.iprox-image {
  line-height: 0;
}

.grid-image.no-image {
  background-image: url(../images/extra/scribble-main.png);
  background-size: cover;
  outline: 1px solid var(--variant-tertiair-helder-color);
}

@media screen and (max-width: 719.98px) {
  .iprox-rich-content {
    --knb-link-font-weight: var(--knb-font-weight-bold);
  }
}
@media screen and (min-width: 720px) {
  .iprox-rich-content {
    --knb-link-font-weight: var(--knb-font-weight-medium);
  }
}
.iprox-rich-content a {
  font-weight: var(--knb-link-font-weight);
}
.iprox-rich-content a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 2px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 2px;
  width: 1em;
}

.iprox-rich-content {
  --table-head-background-color: transparent;
}
.iprox-rich-content table {
  --table-caption-color: var(--variant-tertiair-extra-donker-color);
  --table-caption-font-family: var(--global-font-family);
  --table-caption-font-size: var(--knb-font-size-small);
}
.iprox-rich-content table:not(.table-with-border):not(.table-with-alternating-rows) thead th {
  --table-head-background-color: transparent;
}
.iprox-rich-content table thead tr,
.iprox-rich-content table tbody tr {
  --table-tr-background-color: transparent;
}

.has-dark-bgcolor table.table-with-border {
  --table-border-color: var(--variant-tertiair-helder-color);
  --table-cell-border-color: var(--table-border-color);
}
.has-dark-bgcolor table.table-with-border thead tr th,
.has-dark-bgcolor table.table-with-border thead tr td,
.has-dark-bgcolor table.table-with-border tbody tr th,
.has-dark-bgcolor table.table-with-border tbody tr:not(:last-child) td {
  border-bottom-color: var(--table-border-color);
}
.has-dark-bgcolor table.table-with-border td:not(:first-child) {
  border-left-color: var(--table-border-color);
}
.has-dark-bgcolor table.table-with-alternating-rows {
  --table-head-background-color: var(--variant-tertiair-donker-color);
}
.has-dark-bgcolor table.table-with-alternating-rows tbody {
  --table-alternate-even: var(--variant-tertiair-donker-color);
  --table-alternate-odd: var(--variant-tertiair-extra-donker-color);
}

.has-bright-bgcolor table.table-with-border {
  --table-border-color: var(--variant-tertiair-helder-color);
  --table-cell-border-color: var(--table-border-color);
  --table-head-background-color: var(--variant-tertiair-licht-color);
}
.has-bright-bgcolor table.table-with-border thead tr th,
.has-bright-bgcolor table.table-with-border thead tr td,
.has-bright-bgcolor table.table-with-border tbody tr th,
.has-bright-bgcolor table.table-with-border tbody tr:not(:last-child) td {
  border-bottom-color: var(--table-border-color);
}
.has-bright-bgcolor table.table-with-border th:not(:first-child) {
  border-left-color: var(--table-border-color);
  border-left-width: var(--table-border-width);
}
.has-bright-bgcolor table.table-with-border td:not(:first-child) {
  border-left-color: var(--table-border-color);
}
.has-bright-bgcolor table.table-with-alternating-rows {
  --table-head-background-color: var(--variant-tertiair-licht-color);
}
.has-bright-bgcolor table.table-with-alternating-rows tbody {
  --table-alternate-even: var(--variant-tertiair-licht-color);
  --table-alternate-odd: var(--variant-tertiair-extra-licht-color);
}

.iprox-rich-content blockquote {
  --quote-padding-inline: 0;
  display: block;
  color: var(--variant-secundair-extra-donker-color);
  font-family: var(--variant-custom-koptekst-font-family);
  font-size: var(--heading-font-size-h2);
  line-height: var(--global-header-line-height);
  margin-inline: 10%;
  margin-block: 32px 16px;
}
.iprox-rich-content blockquote::before, .iprox-rich-content blockquote::after {
  content: "";
}
.iprox-rich-content blockquote::before {
  display: none;
}
.iprox-rich-content blockquote::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  display: block;
  height: 1em;
  position: static;
  right: 0;
  width: 100%;
}
.iprox-rich-content blockquote *:first-child,
.iprox-rich-content blockquote *:last-child {
  content: "“";
  font-family: var(--variant-custom-koptekst-font-family);
  font-style: normal;
  padding-left: 0.5em;
}
.iprox-rich-content blockquote *:first-child {
  padding-left: 1em;
}
.iprox-rich-content blockquote *:first-child::before {
  content: "“";
  display: inline-block;
  font-style: italic;
  margin-left: -1.75em;
  width: 0.75em;
}
.iprox-rich-content blockquote *:last-child {
  display: inline;
}
.iprox-rich-content blockquote *:last-child::after {
  content: "”";
  display: inline-block;
  font-family: var(--variant-custom-koptekst-font-family);
  font-style: italic;
  width: 0.5em;
}
.iprox-rich-content a:is(a) {
  text-transform: initial;
}
.iprox-rich-content a:is(a).call-to-action-dark {
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action-dark:is(a) {
  display: inline-block;
}
.iprox-rich-content a:is(a).call-to-action-dark:is(a), .iprox-rich-content a:is(a).call-to-action-dark:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action-dark:hover, .iprox-rich-content a:is(a).call-to-action-dark:active {
  cursor: pointer;
}
.iprox-rich-content a:is(a).call-to-action-dark[disabled], .iprox-rich-content a:is(a).call-to-action-dark[disabled]:hover, .iprox-rich-content a:is(a).call-to-action-dark[disabled]:active, .iprox-rich-content a:is(a).call-to-action-dark.disabled, .iprox-rich-content a:is(a).call-to-action-dark.disabled:hover, .iprox-rich-content a:is(a).call-to-action-dark.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.iprox-rich-content a:is(a).call-to-action-dark:hover, .iprox-rich-content a:is(a).call-to-action-dark:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action-dark[disabled], .iprox-rich-content a:is(a).call-to-action-dark[disabled]:hover, .iprox-rich-content a:is(a).call-to-action-dark[disabled]:active, .iprox-rich-content a:is(a).call-to-action-dark.disabled, .iprox-rich-content a:is(a).call-to-action-dark.disabled:hover, .iprox-rich-content a:is(a).call-to-action-dark.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action-light {
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action-light:is(a) {
  display: inline-block;
}
.iprox-rich-content a:is(a).call-to-action-light:is(a), .iprox-rich-content a:is(a).call-to-action-light:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action-light:hover, .iprox-rich-content a:is(a).call-to-action-light:active {
  cursor: pointer;
}
.iprox-rich-content a:is(a).call-to-action-light[disabled], .iprox-rich-content a:is(a).call-to-action-light[disabled]:hover, .iprox-rich-content a:is(a).call-to-action-light[disabled]:active, .iprox-rich-content a:is(a).call-to-action-light.disabled, .iprox-rich-content a:is(a).call-to-action-light.disabled:hover, .iprox-rich-content a:is(a).call-to-action-light.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.iprox-rich-content a:is(a).call-to-action-light:hover, .iprox-rich-content a:is(a).call-to-action-light:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action-light[disabled], .iprox-rich-content a:is(a).call-to-action-light[disabled]:hover, .iprox-rich-content a:is(a).call-to-action-light[disabled]:active, .iprox-rich-content a:is(a).call-to-action-light.disabled, .iprox-rich-content a:is(a).call-to-action-light.disabled:hover, .iprox-rich-content a:is(a).call-to-action-light.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action {
  --button-background-color: var(--button-neutral-background-color);
  --button-border-color: var(--button-neutral-border-color);
  --button-border-width: var(--button-neutral-border-width);
  --button-color: var(--button-neutral-color);
  --button-disabled-background-color: var(--button-neutral-disabled-background-color);
  --button-disabled-color: var(--button-neutral-disabeled-color);
  --button-hover-background-color: var(--button-neutral-hover-background-color);
  --button-hover-border-color: var(--button-neutral-border-color);
  --button-hover-color: var(--button-neutral-hover-color);
  --button-hover-text-decoration: var(--button-neutral-hover-text-decoration);
  --button-text-decoration: var(--button-neutral-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action:is(a) {
  display: inline-block;
}
.iprox-rich-content a:is(a).call-to-action:is(a), .iprox-rich-content a:is(a).call-to-action:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action:hover, .iprox-rich-content a:is(a).call-to-action:active {
  cursor: pointer;
}
.iprox-rich-content a:is(a).call-to-action[disabled], .iprox-rich-content a:is(a).call-to-action[disabled]:hover, .iprox-rich-content a:is(a).call-to-action[disabled]:active, .iprox-rich-content a:is(a).call-to-action.disabled, .iprox-rich-content a:is(a).call-to-action.disabled:hover, .iprox-rich-content a:is(a).call-to-action.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.iprox-rich-content a:is(a).call-to-action:hover, .iprox-rich-content a:is(a).call-to-action:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action[disabled], .iprox-rich-content a:is(a).call-to-action[disabled]:hover, .iprox-rich-content a:is(a).call-to-action[disabled]:active, .iprox-rich-content a:is(a).call-to-action.disabled, .iprox-rich-content a:is(a).call-to-action.disabled:hover, .iprox-rich-content a:is(a).call-to-action.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content a:is(a).call-to-action-dark .closed-item::after, .iprox-rich-content a:is(a).call-to-action-light .closed-item::after, .iprox-rich-content a:is(a).call-to-action .closed-item::after {
  background-color: var(--button-color);
}
.iprox-rich-content a:is(a).closed-item span::after {
  background-color: var(--global-link-color);
}
.iprox-rich-content span {
  text-transform: initial;
}
.iprox-rich-content span.call-to-action-dark a:is(a) {
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action-dark a:is(a):is(a) {
  display: inline-block;
}
.iprox-rich-content span.call-to-action-dark a:is(a):is(a), .iprox-rich-content span.call-to-action-dark a:is(a):is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action-dark a:is(a):hover, .iprox-rich-content span.call-to-action-dark a:is(a):active {
  cursor: pointer;
}
.iprox-rich-content span.call-to-action-dark a:is(a)[disabled], .iprox-rich-content span.call-to-action-dark a:is(a)[disabled]:hover, .iprox-rich-content span.call-to-action-dark a:is(a)[disabled]:active, .iprox-rich-content span.call-to-action-dark a:is(a).disabled, .iprox-rich-content span.call-to-action-dark a:is(a).disabled:hover, .iprox-rich-content span.call-to-action-dark a:is(a).disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.iprox-rich-content span.call-to-action-dark a:is(a):hover, .iprox-rich-content span.call-to-action-dark a:is(a):active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.iprox-rich-content span.call-to-action-dark a:is(a)[disabled], .iprox-rich-content span.call-to-action-dark a:is(a)[disabled]:hover, .iprox-rich-content span.call-to-action-dark a:is(a)[disabled]:active, .iprox-rich-content span.call-to-action-dark a:is(a).disabled, .iprox-rich-content span.call-to-action-dark a:is(a).disabled:hover, .iprox-rich-content span.call-to-action-dark a:is(a).disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action-light a:is(a) {
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action-light a:is(a):is(a) {
  display: inline-block;
}
.iprox-rich-content span.call-to-action-light a:is(a):is(a), .iprox-rich-content span.call-to-action-light a:is(a):is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action-light a:is(a):hover, .iprox-rich-content span.call-to-action-light a:is(a):active {
  cursor: pointer;
}
.iprox-rich-content span.call-to-action-light a:is(a)[disabled], .iprox-rich-content span.call-to-action-light a:is(a)[disabled]:hover, .iprox-rich-content span.call-to-action-light a:is(a)[disabled]:active, .iprox-rich-content span.call-to-action-light a:is(a).disabled, .iprox-rich-content span.call-to-action-light a:is(a).disabled:hover, .iprox-rich-content span.call-to-action-light a:is(a).disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.iprox-rich-content span.call-to-action-light a:is(a):hover, .iprox-rich-content span.call-to-action-light a:is(a):active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.iprox-rich-content span.call-to-action-light a:is(a)[disabled], .iprox-rich-content span.call-to-action-light a:is(a)[disabled]:hover, .iprox-rich-content span.call-to-action-light a:is(a)[disabled]:active, .iprox-rich-content span.call-to-action-light a:is(a).disabled, .iprox-rich-content span.call-to-action-light a:is(a).disabled:hover, .iprox-rich-content span.call-to-action-light a:is(a).disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action a:is(a) {
  --button-background-color: var(--button-neutral-background-color);
  --button-border-color: var(--button-neutral-border-color);
  --button-border-width: var(--button-neutral-border-width);
  --button-color: var(--button-neutral-color);
  --button-disabled-background-color: var(--button-neutral-disabled-background-color);
  --button-disabled-color: var(--button-neutral-disabeled-color);
  --button-hover-background-color: var(--button-neutral-hover-background-color);
  --button-hover-border-color: var(--button-neutral-border-color);
  --button-hover-color: var(--button-neutral-hover-color);
  --button-hover-text-decoration: var(--button-neutral-hover-text-decoration);
  --button-text-decoration: var(--button-neutral-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action a:is(a):is(a) {
  display: inline-block;
}
.iprox-rich-content span.call-to-action a:is(a):is(a), .iprox-rich-content span.call-to-action a:is(a):is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action a:is(a):hover, .iprox-rich-content span.call-to-action a:is(a):active {
  cursor: pointer;
}
.iprox-rich-content span.call-to-action a:is(a)[disabled], .iprox-rich-content span.call-to-action a:is(a)[disabled]:hover, .iprox-rich-content span.call-to-action a:is(a)[disabled]:active, .iprox-rich-content span.call-to-action a:is(a).disabled, .iprox-rich-content span.call-to-action a:is(a).disabled:hover, .iprox-rich-content span.call-to-action a:is(a).disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.iprox-rich-content span.call-to-action a:is(a):hover, .iprox-rich-content span.call-to-action a:is(a):active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.iprox-rich-content span.call-to-action a:is(a)[disabled], .iprox-rich-content span.call-to-action a:is(a)[disabled]:hover, .iprox-rich-content span.call-to-action a:is(a)[disabled]:active, .iprox-rich-content span.call-to-action a:is(a).disabled, .iprox-rich-content span.call-to-action a:is(a).disabled:hover, .iprox-rich-content span.call-to-action a:is(a).disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.iprox-rich-content span.call-to-action-dark a:is(a).closed-item::after, .iprox-rich-content span.call-to-action-light a:is(a).closed-item::after, .iprox-rich-content span.call-to-action a:is(a).closed-item::after {
  background-color: var(--button-color);
}
.iprox-rich-content .ingeklapt:has(+ *:not(.ingeklapt)) {
  margin-block-end: 24px;
}
.iprox-rich-content .ingeklapt + .ingeklapt > h2,
.iprox-rich-content .ingeklapt + .ingeklapt > h3,
.iprox-rich-content .ingeklapt + .ingeklapt > h4,
.iprox-rich-content .ingeklapt + .ingeklapt > h5 {
  margin-block-start: 0;
}
.iprox-rich-content .ingeklapt > h2,
.iprox-rich-content .ingeklapt > h3,
.iprox-rich-content .ingeklapt > h4,
.iprox-rich-content .ingeklapt > h5,
.iprox-rich-content .ingeklapt > h6 {
  --heading-font-size: var(--heading-font-size-h4-small);
  --heading-line-height: var(--line-height-h4);
  display: flex;
  flex-direction: column;
  font-family: var(--variant-custom-broodtekst-font-family);
  gap: 24px;
  margin-block-start: 16px;
  margin-bottom: 0;
}
.iprox-rich-content .ingeklapt > h2::before,
.iprox-rich-content .ingeklapt > h3::before,
.iprox-rich-content .ingeklapt > h4::before,
.iprox-rich-content .ingeklapt > h5::before,
.iprox-rich-content .ingeklapt > h6::before {
  --variant-default-seperator-background-color: var(--variant-primair-extra-donker-color);
  content: "";
  background-color: var(--variant-default-seperator-background-color);
  display: block;
  height: 1px;
  line-height: 1px;
  margin-inline: calc(var(--gutter) * -0.5);
  width: calc(100% + var(--gutter));
}
.iprox-rich-content .ingeklapt > h2 a:is(a),
.iprox-rich-content .ingeklapt > h3 a:is(a),
.iprox-rich-content .ingeklapt > h4 a:is(a),
.iprox-rich-content .ingeklapt > h5 a:is(a),
.iprox-rich-content .ingeklapt > h6 a:is(a) {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  text-decoration: none;
}
.iprox-rich-content .ingeklapt > h2 a:is(a)::after,
.iprox-rich-content .ingeklapt > h3 a:is(a)::after,
.iprox-rich-content .ingeklapt > h4 a:is(a)::after,
.iprox-rich-content .ingeklapt > h5 a:is(a)::after,
.iprox-rich-content .ingeklapt > h6 a:is(a)::after {
  background-color: var(--variant-primair-extra-donker-color);
  content: "";
  display: block;
  height: 28px;
  margin-left: auto;
  mask: url(../images/sprites/icon-sprite.svg#img-plus) 50% 50% no-repeat;
  width: 28px;
}
.iprox-rich-content .ingeklapt > h2 a:is(a):hover::after,
.iprox-rich-content .ingeklapt > h3 a:is(a):hover::after,
.iprox-rich-content .ingeklapt > h4 a:is(a):hover::after,
.iprox-rich-content .ingeklapt > h5 a:is(a):hover::after,
.iprox-rich-content .ingeklapt > h6 a:is(a):hover::after {
  background-color: var(--variant-primair-extra-donker-color);
}
.iprox-rich-content .ingeklapt > h2.uitgeklapt a::after,
.iprox-rich-content .ingeklapt > h3.uitgeklapt a::after,
.iprox-rich-content .ingeklapt > h4.uitgeklapt a::after,
.iprox-rich-content .ingeklapt > h5.uitgeklapt a::after,
.iprox-rich-content .ingeklapt > h6.uitgeklapt a::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-close);
}
.iprox-rich-content .ingeklapt .ingeklapt-body {
  padding-top: 24px;
}
.iprox-rich-content .ingeklapt .ingeklapt-body > h2 {
  --heading-font-size: var(--heading-font-size-h3-small);
}
.iprox-rich-content .ingeklapt .ingeklapt-body > h3 {
  --heading-font-size: var(--heading-font-size-h4-small);
}
.iprox-rich-content .ingeklapt .ingeklapt-body > h4 {
  --heading-font-size: var(--heading-font-size-h5-small);
}
.iprox-rich-content .ingeklapt .ingeklapt-body > h5 {
  --heading-font-size: var(--heading-font-size-h6-small);
}
.iprox-rich-content .ingeklapt .ingeklapt-body > h6 {
  --heading-font-size: var(--knb-font-size-small);
}
.iprox-rich-content .ingeklapt .ingeklapt-body > h2,
.iprox-rich-content .ingeklapt .ingeklapt-body > h3,
.iprox-rich-content .ingeklapt .ingeklapt-body > h4,
.iprox-rich-content .ingeklapt .ingeklapt-body > h5,
.iprox-rich-content .ingeklapt .ingeklapt-body > h6 {
  font-weight: var(--knb-font-weight-medium);
}
.iprox-rich-content *.location {
  display: inline-flex;
  gap: 20px;
}
.iprox-rich-content *.location::before {
  background-color: var(--global-text-color);
  content: "";
  width: 24px;
  height: 24px;
}
.iprox-rich-content *.location::before {
  mask: url(../images/sprites/icon-sprite.svg#img-location) 50% 50% no-repeat;
}
.iprox-rich-content *.mail {
  display: inline-flex;
  gap: 20px;
}
.iprox-rich-content *.mail::before {
  background-color: var(--global-text-color);
  content: "";
  width: 24px;
  height: 24px;
}
.iprox-rich-content *.mail::before {
  mask: url(../images/sprites/icon-sprite.svg#img-email) 50% 50% no-repeat;
}
.iprox-rich-content *.phone {
  display: inline-flex;
  gap: 20px;
}
.iprox-rich-content *.phone::before {
  background-color: var(--global-text-color);
  content: "";
  width: 24px;
  height: 24px;
}
.iprox-rich-content *.phone::before {
  mask: url(../images/sprites/icon-sprite.svg#img-phone) 50% 50% no-repeat;
}
.iprox-rich-content p.accent, .iprox-rich-content p:has(> span.accent), .iprox-rich-content p.scribble, .iprox-rich-content p:has(> span.scribble),
.iprox-rich-content div.accent,
.iprox-rich-content div:has(> span.accent),
.iprox-rich-content div.scribble,
.iprox-rich-content div:has(> span.scribble) {
  background-color: var(--variant-wit-color);
  margin-block: 16px;
  padding: calc(var(--gutter) * 0.5);
}
.iprox-rich-content p.accent h2:first-child,
.iprox-rich-content p.accent h3:first-child,
.iprox-rich-content p.accent h4:first-child,
.iprox-rich-content p.accent h5:first-child,
.iprox-rich-content p.accent h6:first-child, .iprox-rich-content p:has(> span.accent) h2:first-child,
.iprox-rich-content p:has(> span.accent) h3:first-child,
.iprox-rich-content p:has(> span.accent) h4:first-child,
.iprox-rich-content p:has(> span.accent) h5:first-child,
.iprox-rich-content p:has(> span.accent) h6:first-child, .iprox-rich-content p.scribble h2:first-child,
.iprox-rich-content p.scribble h3:first-child,
.iprox-rich-content p.scribble h4:first-child,
.iprox-rich-content p.scribble h5:first-child,
.iprox-rich-content p.scribble h6:first-child, .iprox-rich-content p:has(> span.scribble) h2:first-child,
.iprox-rich-content p:has(> span.scribble) h3:first-child,
.iprox-rich-content p:has(> span.scribble) h4:first-child,
.iprox-rich-content p:has(> span.scribble) h5:first-child,
.iprox-rich-content p:has(> span.scribble) h6:first-child,
.iprox-rich-content div.accent h2:first-child,
.iprox-rich-content div.accent h3:first-child,
.iprox-rich-content div.accent h4:first-child,
.iprox-rich-content div.accent h5:first-child,
.iprox-rich-content div.accent h6:first-child,
.iprox-rich-content div:has(> span.accent) h2:first-child,
.iprox-rich-content div:has(> span.accent) h3:first-child,
.iprox-rich-content div:has(> span.accent) h4:first-child,
.iprox-rich-content div:has(> span.accent) h5:first-child,
.iprox-rich-content div:has(> span.accent) h6:first-child,
.iprox-rich-content div.scribble h2:first-child,
.iprox-rich-content div.scribble h3:first-child,
.iprox-rich-content div.scribble h4:first-child,
.iprox-rich-content div.scribble h5:first-child,
.iprox-rich-content div.scribble h6:first-child,
.iprox-rich-content div:has(> span.scribble) h2:first-child,
.iprox-rich-content div:has(> span.scribble) h3:first-child,
.iprox-rich-content div:has(> span.scribble) h4:first-child,
.iprox-rich-content div:has(> span.scribble) h5:first-child,
.iprox-rich-content div:has(> span.scribble) h6:first-child {
  margin-block-start: 0;
}
.iprox-rich-content p.scribble, .iprox-rich-content p:has(> span.scribble),
.iprox-rich-content div.scribble,
.iprox-rich-content div:has(> span.scribble) {
  background-image: url(../images/extra/scribble-dimmed.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.iprox-rich-content dl.dl-horizontal dd > .iprox-rich-content *:not(:first-child), .iprox-rich-content dl.dl-vertical dd > .iprox-rich-content *:not(:first-child) {
  margin-top: var(--paragraph-margin-top, 8px);
}
.iprox-rich-content dl.dl-horizontal dd > .iprox-rich-content h2,
.iprox-rich-content dl.dl-horizontal dd > .iprox-rich-content h3,
.iprox-rich-content dl.dl-horizontal dd > .iprox-rich-content h4,
.iprox-rich-content dl.dl-horizontal dd > .iprox-rich-content h5,
.iprox-rich-content dl.dl-horizontal dd > .iprox-rich-content h6, .iprox-rich-content dl.dl-vertical dd > .iprox-rich-content h2,
.iprox-rich-content dl.dl-vertical dd > .iprox-rich-content h3,
.iprox-rich-content dl.dl-vertical dd > .iprox-rich-content h4,
.iprox-rich-content dl.dl-vertical dd > .iprox-rich-content h5,
.iprox-rich-content dl.dl-vertical dd > .iprox-rich-content h6 {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --paragraph-margin-top: 32px;
  --paragraph-margin-bottom: 8px;
  font-family: var(--global-font-family);
  font-weight: var(--knb-font-weight-medium);
}
.iprox-rich-content dl.dl-horizontal dd > .iprox-rich-content p:has(*[class^=call-to-action-]), .iprox-rich-content dl.dl-vertical dd > .iprox-rich-content p:has(*[class^=call-to-action-]) {
  --paragraph-margin-top: 24px;
  --paragraph-margin-bottom: 16px;
}
.iprox-rich-content figure,
.iprox-rich-content figure.image {
  --figure-background-color: var(--variant-tertiair-licht-color);
  --figure-margin-block: 16px 8px;
  --figure-padding-block: 0;
  --figure-padding-inline: 0;
}
.iprox-rich-content figure figcaption,
.iprox-rich-content figure.image figcaption {
  --figcaption-font-family: var(--global-font-family);
  --figcaption-font-weight: var(--knb-font-weight-regular);
  --figcaption-font-size: var(--knb-font-size-small);
  padding-block: calc(8px * 0.5);
  text-align: center;
  text-transform: initial;
}
.iprox-rich-content .has-bright-bgcolor figure,
.iprox-rich-content .has-bright-bgcolor figure.image {
  --figure-background-color: var(--variant-tertiair-licht-color);
}
.iprox-rich-content .has-dark-bgcolor figure,
.iprox-rich-content .has-dark-bgcolor figure.image {
  --figure-background-color: var(--variant-tertiair-donker-color);
}
.iprox-rich-content ul,
.iprox-rich-content ol {
  --rich-content-list-padding-inline-start: 3em;
}

.form-generic {
  --form-row-margin: 32px;
  --form-fieldset-margin: 32px;
  --select-input-size: 24px;
}
.form-generic .input-row.input-row-valid, .form-generic .input-row.input-row-filled {
  --input-border-color: var(--variant-secundair-licht-color);
}
.form-generic legend.subheading + .input-row {
  --form-input-margin-top: var(--form-fieldset-margin);
  margin-top: var(--form-input-margin-top);
}
.form-generic .user-input {
  margin-block-start: 4px;
}
.form-generic .selection-answers {
  margin-block-start: 4px;
}
.form-generic .tooltip {
  padding-block-end: 8px;
}
.form-generic input[type=checkbox] + label,
.form-generic input[type=radio] + label {
  font-weight: var(--knb-font-weight-regular);
}
.form-generic input[type=checkbox] + label,
.form-generic input[type=checkbox] + span,
.form-generic input[type=radio] + label,
.form-generic input[type=radio] + span {
  position: static;
}
.form-generic input[type=radio] + label::after,
.form-generic input[type=radio] + span::after {
  top: calc(var(--select-input-size) * 0.5 - 5px);
  transform: translateX(-50%);
}
.form-generic input[type=checkbox] + label::after,
.form-generic input[type=checkbox] + span::after {
  top: calc(var(--select-input-size) * 0.5 - 2px);
}
.form-generic .deletefile {
  --form-file-delete-button-background-color: transparent;
  --form-file-delete-button-hover-background-color: transparent;
}

.form-summary .input-row.mode-display dt.label {
  font-weight: var(--knb-font-weight-bold);
}

.type-form .back-link {
  --form-back-button-padding-bottom: 0;
}
.type-form .back-link a {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-secondary-background-color: var(
    --knb-button-secondary-background-color,
    var(--variant-secundair-extra-licht-color)
  );
  --button-secondary-border-color: var(--variant-secundair-extra-licht-color);
  --button-secondary-border-width: var(--button-border-width);
  --button-secondary-color: var(--variant-secundair-extra-donker-color);
  --button-secondary-disabled-background-color: var(--button-disabled-background-color);
  --button-secondary-disabled-color: var(--button-disabled-color);
  --button-secondary-hover-background-color: var(
    --knb-button-secondary-hover-background-color,
    var(--variant-secundair-licht-color)
  );
  --button-secondary-hover-border-color: var(--button-secondary-border-color);
  --button-secondary-hover-color: var(--button-secondary-color);
  --button-secondary-hover-text-decoration: var(--button-hover-text-decoration);
  --button-secondary-text-decoration: var(--button-text-decoration);
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
  align-items: center;
  display: inline-flex !important;
}
.type-form .back-link a:is(a) {
  display: inline-block;
}
.type-form .back-link a:is(a), .type-form .back-link a:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.type-form .back-link a:hover, .type-form .back-link a:active {
  cursor: pointer;
}
.type-form .back-link a[disabled], .type-form .back-link a[disabled]:hover, .type-form .back-link a[disabled]:active, .type-form .back-link a.disabled, .type-form .back-link a.disabled:hover, .type-form .back-link a.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.type-form .back-link a:hover, .type-form .back-link a:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.type-form .back-link a[disabled], .type-form .back-link a[disabled]:hover, .type-form .back-link a[disabled]:active, .type-form .back-link a.disabled, .type-form .back-link a.disabled:hover, .type-form .back-link a.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.type-form .back-link a::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-link-color);
  content: "";
  display: inline-block;
  margin-right: 8px;
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-left);
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  width: 24px;
}

.type-knb-advert {
  --grid-block-grid-title-font-size-small: var(--heading-elt-font-size-h5);
  --inside-padding-top: 0;
}
.type-knb-advert .grid-title h2,
.type-knb-advert .grid-title h3 {
  color: var(--variant-tertiair-extra-donker-color);
  font-family: var(--global-font-family);
  font-weight: var(--knb-font-weight-medium);
}

@media screen and (min-width: 720px) {
  .evenementenagenda .zone-type-aside {
    padding-block-start: 16px;
  }
}
.evenementenagenda .zone-type-aside .knb-filter-button {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-secondary-background-color: var(
    --knb-button-secondary-background-color,
    var(--variant-secundair-extra-licht-color)
  );
  --button-secondary-border-color: var(--variant-secundair-extra-licht-color);
  --button-secondary-border-width: var(--button-border-width);
  --button-secondary-color: var(--variant-secundair-extra-donker-color);
  --button-secondary-disabled-background-color: var(--button-disabled-background-color);
  --button-secondary-disabled-color: var(--button-disabled-color);
  --button-secondary-hover-background-color: var(
    --knb-button-secondary-hover-background-color,
    var(--variant-secundair-licht-color)
  );
  --button-secondary-hover-border-color: var(--button-secondary-border-color);
  --button-secondary-hover-color: var(--button-secondary-color);
  --button-secondary-hover-text-decoration: var(--button-hover-text-decoration);
  --button-secondary-text-decoration: var(--button-text-decoration);
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
  align-items: center;
  display: flex;
  justify-self: center;
  margin-block: 20px;
}
.evenementenagenda .zone-type-aside .knb-filter-button:is(a) {
  display: inline-block;
}
.evenementenagenda .zone-type-aside .knb-filter-button:is(a), .evenementenagenda .zone-type-aside .knb-filter-button:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.evenementenagenda .zone-type-aside .knb-filter-button:hover, .evenementenagenda .zone-type-aside .knb-filter-button:active {
  cursor: pointer;
}
.evenementenagenda .zone-type-aside .knb-filter-button[disabled], .evenementenagenda .zone-type-aside .knb-filter-button[disabled]:hover, .evenementenagenda .zone-type-aside .knb-filter-button[disabled]:active, .evenementenagenda .zone-type-aside .knb-filter-button.disabled, .evenementenagenda .zone-type-aside .knb-filter-button.disabled:hover, .evenementenagenda .zone-type-aside .knb-filter-button.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.evenementenagenda .zone-type-aside .knb-filter-button:hover, .evenementenagenda .zone-type-aside .knb-filter-button:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.evenementenagenda .zone-type-aside .knb-filter-button[disabled], .evenementenagenda .zone-type-aside .knb-filter-button[disabled]:hover, .evenementenagenda .zone-type-aside .knb-filter-button[disabled]:active, .evenementenagenda .zone-type-aside .knb-filter-button.disabled, .evenementenagenda .zone-type-aside .knb-filter-button.disabled:hover, .evenementenagenda .zone-type-aside .knb-filter-button.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
@media screen and (max-width: 1023.98px) {
  .evenementenagenda .zone-type-aside .knb-filter-button[aria-expanded=true] + .agenda-filters {
    display: grid;
  }
  .evenementenagenda .zone-type-aside .knb-filter-button[aria-expanded=false] + .agenda-filters {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .evenementenagenda .zone-type-aside .knb-filter-button {
    display: none;
  }
}
.evenementenagenda .zone-type-aside .knb-filter-button::before {
  --knb-filter-button-icon-background-color: var(--variant-secundair-extra-donker-color);
  aspect-ratio: 1/1;
  background-color: var(--knb-filter-button-icon-background-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-plus) 50% 50% no-repeat;
  width: 20px;
}
.evenementenagenda .zone-type-aside .knb-filter-button[aria-expanded=true]::before {
  mask: url(../images/sprites/icon-sprite.svg#img-close) 50% 50% no-repeat;
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .evenementenagenda .zone-type-aside .agenda-filters {
    column-gap: var(--gutter);
  }
}
.evenementenagenda .zone-type-aside .type-form .ipx-buttons {
  display: flex;
  justify-content: flex-end;
}
.evenementenagenda .zone-type-aside .type-form .ipx-buttons button[type=submit] {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  border: 0;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 0;
  width: 32px;
}
.evenementenagenda .zone-type-aside .type-form .ipx-buttons button[type=submit]:hover, .evenementenagenda .zone-type-aside .type-form .ipx-buttons button[type=submit]:focus {
  background-color: var(--variant-secundair-donker-color);
}
.evenementenagenda .zone-type-aside .type-form .ipx-buttons button[type=submit]::before {
  background-color: var(--variant-wit-color);
  content: "";
  display: inline-block;
  height: 20px;
  mask: url(../images/sprites/icon-sprite.svg#img-magnify) 50% 50% no-repeat;
  width: 20px;
}
.evenementenagenda .zone-type-aside .type-form .ipx-buttons button {
  display: flex;
  font-size: 0;
}
.evenementenagenda .zone-type-aside .type-form .ipx-buttons button::before {
  width: 24px !important;
}
.evenementenagenda .zone-type-content .grid-nesting {
  --nesting-padding-vertical: 0 !important;
}

.type-bannergallery {
  --bannergallery-banner-border: 0;
  --slide-padding: 8px;
}
.type-bannergallery .image img {
  filter: grayscale(1);
}
.type-bannergallery .image:hover img {
  filter: grayscale(0);
}
.type-bannergallery .slick-slide {
  align-items: stretch;
  float: none;
  height: auto;
}
.type-bannergallery .slick-slide > div {
  height: 100%;
  padding: 0 !important;
}
.type-bannergallery .bannergallery-banners .slick-track {
  align-items: stretch;
  display: flex;
  gap: 16px;
}
.type-bannergallery .bannergallery-banners .bannergallery-banner {
  align-items: center;
  background-color: var(--variant-wit-color);
  display: flex !important;
  height: calc(100% - var(--slide-padding) * 2);
  max-width: var(--bannergallery-banner-maxwidth);
  padding: var(--slide-padding);
}
.type-bannergallery button.slick-arrow:is(button) {
  --slider-controls-background-color: var(--variant-tertiair-extra-licht-color);
  --slider-controls-color: var(--variant-secundair-extra-donker-color);
  align-items: center;
  aspect-ratio: 1/1;
  border: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  font-size: 0 !important;
  gap: 0;
  justify-content: center;
  padding: 0;
  width: var(--pager-step-size);
}
.type-bannergallery button.slick-arrow:is(button)::before {
  background-color: var(--slider-controls-color);
  content: "" !important;
  display: inline-block;
  height: 24px !important;
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  width: 24px !important;
}
.type-bannergallery button.slick-arrow:is(button).banners-prev {
  left: 11px;
}
.type-bannergallery button.slick-arrow:is(button).banners-prev::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-left);
}
.type-bannergallery button.slick-arrow:is(button).banners-next {
  right: 9px;
}
.type-bannergallery button.slick-arrow:is(button).banners-next::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-right);
}
.type-bannergallery button.slick-arrow:is(button):hover, .type-bannergallery button.slick-arrow:is(button):active, .type-bannergallery button.slick-arrow:is(button):focus {
  --slider-controls-background-color: var(--variant-secundair-extra-donker-color);
  --photoblock-outline-size: 0;
  border: 1px solid var(--variant-secundair-extra-donker-color);
  margin: 0;
}
.type-bannergallery button.slick-arrow:is(button):hover::before, .type-bannergallery button.slick-arrow:is(button):active::before, .type-bannergallery button.slick-arrow:is(button):focus::before {
  --slider-controls-color: var(--variant-wit-color);
}
.type-bannergallery button.slick-arrow:is(button):focus {
  --slider-controls-background-color: var(--variant-secundair-donker-color);
  border-color: var(--variant-secundair-donker-color);
  box-shadow: none;
  outline-offset: 0;
}

.type-breadcrumbs {
  --breadrumb-color: var(--variant-secundair-extra-donker-color);
  --breadcrumb-padding-vertical: 0;
  --inside-padding-bottom: 0;
  --inside-padding-top: 0;
  margin-block-start: var(--block-margin-top);
}
@media screen and (max-width: 719.98px) {
  .type-breadcrumbs {
    --block-margin-top: 30px;
    --block-margin-bottom: 18px;
  }
}
@media screen and (min-width: 720px) {
  .type-breadcrumbs {
    --block-margin-top: 62px;
    --block-margin-bottom: 30px;
  }
}
.main-has-layout-home .type-breadcrumbs .breadcrumbs-wrapper {
  text-align: center;
}
.main-has-layout-full .type-breadcrumbs .breadcrumbs-wrapper {
  text-align: center;
}
.main-has-layout-newsletter .type-breadcrumbs .breadcrumbs-wrapper {
  text-align: center;
}
.main-has-layout-nieuws .type-breadcrumbs .breadcrumbs-wrapper {
  text-align: center;
}
.main-has-layout-regular .type-breadcrumbs .breadcrumbs-wrapper {
  text-align: center;
}
.main-has-layout-navigation .type-breadcrumbs .breadcrumbs-wrapper {
  text-align: center;
}
.type-breadcrumbs .breadcrumbs ol.breadcrumblist .breadcrumb-item {
  align-items: center;
  display: inline-flex;
  font-weight: var(--knb-font-weight-medium);
}
.type-breadcrumbs .breadcrumbs ol.breadcrumblist .breadcrumb-item.last-breadcrumb-item * {
  color: var(--breadrumb-color);
}
.type-breadcrumbs .breadcrumbs ol.breadcrumblist .breadcrumb-item.current-breadcrumb-item.last-breadcrumb-item {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.type-breadcrumbs .breadcrumbs ol.breadcrumblist .breadcrumb-item:has(+ .current-breadcrumb-item.last-breadcrumb-item) .breadcrumb-separator {
  display: none;
}
.type-breadcrumbs .breadcrumb-separator {
  font-size: 0;
}
.type-breadcrumbs .breadcrumb-separator::before {
  aspect-ratio: 1/1;
  background: url(../images/extra/breadcrumb-separator.svg) 50% 50% no-repeat;
  content: "";
  display: inline-block;
  width: 20px;
}

.type-knb-card-slider {
  --cardslider-card-border: 0;
  --slide-padding: 8px;
}
@media screen and (max-width: 719.98px) {
  .type-knb-card-slider .grid-title {
    display: grid;
    grid-template-areas: "heading heading" "counter controls";
    grid-template-columns: 1fr 120px;
    margin-block-end: 24px;
  }
  .type-knb-card-slider .grid-title h2 {
    --grid-block-grid-title-margin-bottom: 0;
    grid-area: heading;
    padding-bottom: 16px;
    width: 100%;
  }
  .type-knb-card-slider .grid-title .card-counter {
    align-content: center;
    grid-area: counter;
    margin-right: auto;
  }
  .type-knb-card-slider .grid-title .slider-controls-container {
    flex-shrink: 0;
    grid-area: controls;
  }
  .type-knb-card-slider .grid-title .slider-controls-container .slider-controls {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 720px) {
  .type-knb-card-slider .grid-title {
    align-items: center;
    display: flex;
    gap: 40px;
    margin-block-end: 24px;
  }
  .type-knb-card-slider .grid-title h2 {
    --grid-block-grid-title-margin-bottom: 0;
  }
  .type-knb-card-slider .grid-title .card-counter {
    margin-left: auto;
    margin-top: 4px;
  }
  .type-knb-card-slider .grid-title .slider-controls-container {
    flex-shrink: 0;
  }
  .type-knb-card-slider .grid-title .slider-controls-container .slider-controls {
    display: flex;
    gap: 20px;
  }
}
@media screen and (max-width: 719.98px) {
  .type-knb-card-slider .grid-inside {
    padding-inline: 0 !important;
  }
}
.type-knb-card-slider .cardslider-cards {
  border: var(--cardslider-card-border);
}
.type-knb-card-slider .cardslider-cards .slick-track {
  align-items: center;
  display: flex;
}
.type-knb-card-slider .cardslider-cards .slick-track .slick-slide > div {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 720px) {
  .type-knb-card-slider .cardslider-cards .slick-list {
    margin: 0 -20px;
  }
  .type-knb-card-slider .cardslider-cards .slick-slide {
    margin: 0 20px;
  }
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner {
  --link-hover-text-decoration: none;
  background-color: var(--variant-primair-donker-color);
  height: calc(100% - 64px);
  margin-block: 0;
  outline: 0;
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner .titel,
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner .text {
  color: var(--variant-wit-color);
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner .link-content {
  color: var(--variant-wit-color);
  display: inline-flex;
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner::before {
  background-color: var(--variant-primair-extra-donker-color);
  border-color: var(--variant-primair-extra-donker-color);
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner::after {
  background-color: var(--variant-wit-color);
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner:hover, .type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner:focus {
  background-color: var(--variant-primair-extra-donker-color);
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner:hover::before, .type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner:focus::before {
  background-color: var(--variant-primair-donker-color);
  border-color: var(--variant-primair-donker-color);
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner:hover .link-content, .type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner:focus .link-content {
  text-decoration: underline;
}
.type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner:hover .link-content::after, .type-knb-card-slider .slick-active:first-of-type .cardslider-card-inner:focus .link-content::after {
  background-color: var(--variant-primair-donker-color);
}
.type-knb-card-slider .cardslider-card {
  align-items: center;
  aspect-ratio: 1/1;
  display: flex !important;
  height: 100%;
  width: 100% !important;
}
.type-knb-card-slider .cardslider-card:has(a.closed-item:hover, a.closed-item:focus, a.closed-item:active)::before {
  top: 32px;
}
.type-knb-card-slider .cardslider-card:has(a.closed-item:hover, a.closed-item:focus, a.closed-item:active)::after {
  top: 41px;
}
.type-knb-card-slider .cardslider-card .cardslider-card-inner {
  align-items: stretch;
  border: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: calc(100% - 80px - 64px);
  margin-block: 40px;
  margin-inline: 1px;
  padding: 32px;
  position: relative;
  width: calc(100% - 64px);
  --card-icon-circle-size: 48px;
  --card-icon-size: 20px;
}
.type-knb-card-slider .cardslider-card .cardslider-card-inner .titel {
  order: 2;
}
.type-knb-card-slider .cardslider-card .cardslider-card-inner .text {
  font-weight: var(--knb-font-weight-medium);
  margin-top: auto;
  order: 1;
}
.type-knb-card-slider .cardslider-card .cardslider-card-inner .link-content {
  --link-content-icon-circle-size: 32px;
  --link-content-icon-size: 20px;
  --link-content-icon-horizontal-offset: 6px;
  display: none;
  font-weight: var(--knb-font-weight-medium);
  margin-right: auto;
  order: 3;
  padding-right: 48px;
  position: relative;
}
.type-knb-card-slider .cardslider-card .cardslider-card-inner .link-content::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border: 1px solid var(--variant-tertiair-helder-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  width: var(--link-content-icon-circle-size);
  right: 0px;
  top: -3px;
}
.type-knb-card-slider .cardslider-card .cardslider-card-inner .link-content::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: var(--link-content-icon-horizontal-offset);
  top: calc(50% - var(--link-content-icon-size) / 2);
  width: var(--link-content-icon-size);
}
.type-knb-card-slider .cardslider-card .cardslider-card-inner::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border: 1px solid var(--variant-tertiair-helder-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  width: var(--card-icon-circle-size);
  left: 32px;
  top: 32px;
}
.type-knb-card-slider .cardslider-card .cardslider-card-inner::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: flex;
  left: 46px;
  mask: url(../images/sprites/icon-sprite.svg#img-check) 50% 50% no-repeat;
  position: absolute;
  top: 46px;
  width: var(--card-icon-size);
}
.type-knb-card-slider .cardslider-card a {
  transition: 0.2s ease-in-out;
}
.type-knb-card-slider .cardslider-card a.active, .type-knb-card-slider .cardslider-card a:hover, .type-knb-card-slider .cardslider-card a:focus {
  --link-hover-text-decoration: none;
  background-color: var(--variant-primair-donker-color);
  height: calc(100% - 64px);
  margin-block: 0;
  outline: 0;
}
.type-knb-card-slider .cardslider-card a.active .titel,
.type-knb-card-slider .cardslider-card a.active .text, .type-knb-card-slider .cardslider-card a:hover .titel,
.type-knb-card-slider .cardslider-card a:hover .text, .type-knb-card-slider .cardslider-card a:focus .titel,
.type-knb-card-slider .cardslider-card a:focus .text {
  color: var(--variant-wit-color);
}
.type-knb-card-slider .cardslider-card a.active .link-content, .type-knb-card-slider .cardslider-card a:hover .link-content, .type-knb-card-slider .cardslider-card a:focus .link-content {
  color: var(--variant-wit-color);
  display: inline-flex;
}
.type-knb-card-slider .cardslider-card a.active::before, .type-knb-card-slider .cardslider-card a:hover::before, .type-knb-card-slider .cardslider-card a:focus::before {
  background-color: var(--variant-primair-extra-donker-color);
  border-color: var(--variant-primair-extra-donker-color);
}
.type-knb-card-slider .cardslider-card a.active::after, .type-knb-card-slider .cardslider-card a:hover::after, .type-knb-card-slider .cardslider-card a:focus::after {
  background-color: var(--variant-wit-color);
}
.type-knb-card-slider .cardslider-card a.active:hover, .type-knb-card-slider .cardslider-card a.active:focus, .type-knb-card-slider .cardslider-card a:hover:hover, .type-knb-card-slider .cardslider-card a:hover:focus, .type-knb-card-slider .cardslider-card a:focus:hover, .type-knb-card-slider .cardslider-card a:focus:focus {
  background-color: var(--variant-primair-extra-donker-color);
}
.type-knb-card-slider .cardslider-card a.active:hover::before, .type-knb-card-slider .cardslider-card a.active:focus::before, .type-knb-card-slider .cardslider-card a:hover:hover::before, .type-knb-card-slider .cardslider-card a:hover:focus::before, .type-knb-card-slider .cardslider-card a:focus:hover::before, .type-knb-card-slider .cardslider-card a:focus:focus::before {
  background-color: var(--variant-primair-donker-color);
  border-color: var(--variant-primair-donker-color);
}
.type-knb-card-slider .cardslider-card a.active:hover .link-content, .type-knb-card-slider .cardslider-card a.active:focus .link-content, .type-knb-card-slider .cardslider-card a:hover:hover .link-content, .type-knb-card-slider .cardslider-card a:hover:focus .link-content, .type-knb-card-slider .cardslider-card a:focus:hover .link-content, .type-knb-card-slider .cardslider-card a:focus:focus .link-content {
  text-decoration: underline;
}
.type-knb-card-slider .cardslider-card a.active:hover .link-content::after, .type-knb-card-slider .cardslider-card a.active:focus .link-content::after, .type-knb-card-slider .cardslider-card a:hover:hover .link-content::after, .type-knb-card-slider .cardslider-card a:hover:focus .link-content::after, .type-knb-card-slider .cardslider-card a:focus:hover .link-content::after, .type-knb-card-slider .cardslider-card a:focus:focus .link-content::after {
  background-color: var(--variant-primair-donker-color);
}
.type-knb-card-slider .cardslider-card:has(.closed-item) {
  position: relative;
}
.type-knb-card-slider .cardslider-card:has(.closed-item)::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border-radius: 20px;
  border: 1px solid var(--variant-tertiair-helder-color);
  content: "";
  display: block;
  font-size: var(--knb-font-size-small);
  padding: 6px;
  position: absolute;
  width: calc(1em + 10px);
  z-index: 1;
}
.type-knb-card-slider .cardslider-card:has(.closed-item)::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: block;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: absolute;
  width: 20px;
  z-index: 1;
}
.type-knb-card-slider .cardslider-card:has(.closed-item)::before {
  right: 32px;
  top: 80px;
  transition: 0.2s ease-in-out;
}
.type-knb-card-slider .cardslider-card:has(.closed-item)::after {
  right: calc(32px + 10px);
  top: 89px;
  transition: 0.2s ease-in-out;
}
.type-knb-card-slider button.slick-arrow:is(button) {
  --slider-controls-background-color: var(--variant-tertiair-extra-licht-color);
  --slider-controls-color: var(--variant-secundair-extra-donker-color);
  --slider-controls-control-size: 48px;
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--slider-controls-background-color);
  border: 1px solid var(--variant-tertiair-helder-color);
  border-radius: 50%;
  display: flex;
  font-size: 0 !important;
  gap: 0;
  justify-content: center;
  padding: 0;
  width: var(--slider-controls-control-size);
}
.type-knb-card-slider button.slick-arrow:is(button)::before {
  background-color: var(--slider-controls-color);
  content: "" !important;
  display: inline-block;
  height: 24px !important;
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  width: 24px !important;
}
.type-knb-card-slider button.slick-arrow:is(button).cards-prev::before {
  left: -4px;
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-left);
}
.type-knb-card-slider button.slick-arrow:is(button).cards-next::before {
  right: 4px;
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-right);
}
.type-knb-card-slider button.slick-arrow:is(button):hover, .type-knb-card-slider button.slick-arrow:is(button):active, .type-knb-card-slider button.slick-arrow:is(button):focus {
  --slider-controls-background-color: var(--variant-tertiair-helder-color);
}
.type-knb-card-slider button.slick-arrow:is(button).slick-disabled {
  --slider-controls-color: var(--variant-tertiair-helder-color);
  cursor: default;
}
.type-knb-card-slider button.slick-arrow:is(button).slick-disabled:hover, .type-knb-card-slider button.slick-arrow:is(button).slick-disabled:active, .type-knb-card-slider button.slick-arrow:is(button).slick-disabled:focus {
  --slider-controls-background-color: var(--variant-tertiair-extra-licht-color);
  --slider-controls-color: var(--variant-tertiair-helder-color);
}

.type-collapsible-linkslist .grid-edge,
.type-collapsible-media-linkslist .grid-edge,
.type-collapsible-rich-content .grid-edge {
  border-bottom: 0;
  border-top: 0;
  margin-inline: 0;
  padding-block: 8px 0;
}
.type-collapsible-linkslist .grid-edge .grid-title,
.type-collapsible-media-linkslist .grid-edge .grid-title,
.type-collapsible-rich-content .grid-edge .grid-title {
  border-top: 1px solid var(--variant-tertiair-donker-color);
}
.type-collapsible-linkslist .grid-edge .grid-title > *,
.type-collapsible-media-linkslist .grid-edge .grid-title > *,
.type-collapsible-rich-content .grid-edge .grid-title > * {
  --global-header-font-family: var(--variant-custom-broodtekst-font-family) !important;
  --grid-block-grid-title-margin-bottom: 16px;
  --heading-font-weight: var(--knb-font-weight-medium);
  --heading-line-height: var(--line-height-h4);
  font-size: var(--heading-font-size-h4-small) !important;
}
.type-collapsible-linkslist .grid-edge .grid-title h4,
.type-collapsible-media-linkslist .grid-edge .grid-title h4,
.type-collapsible-rich-content .grid-edge .grid-title h4 {
  display: flex;
}
.type-collapsible-linkslist .grid-edge .grid-title h4 i.ico,
.type-collapsible-media-linkslist .grid-edge .grid-title h4 i.ico,
.type-collapsible-rich-content .grid-edge .grid-title h4 i.ico {
  order: 2;
}
.type-collapsible-linkslist .grid-edge .grid-title h4 a,
.type-collapsible-media-linkslist .grid-edge .grid-title h4 a,
.type-collapsible-rich-content .grid-edge .grid-title h4 a {
  flex: 1;
  order: 1;
}
.col-span-1 .type-collapsible-linkslist .grid-edge .grid-title > *,
.col-span-1 .type-collapsible-media-linkslist .grid-edge .grid-title > *,
.col-span-1 .type-collapsible-rich-content .grid-edge .grid-title > * {
  --grid-block-grid-title-margin-bottom: 24px;
  font-size: var(--global-font-size) !important;
}
.col-span-2 .type-collapsible-linkslist .grid-edge .grid-title > *,
.col-span-2 .type-collapsible-media-linkslist .grid-edge .grid-title > *,
.col-span-2 .type-collapsible-rich-content .grid-edge .grid-title > * {
  --grid-block-grid-title-margin-bottom: 24px;
  font-size: var(--global-font-size) !important;
}
.type-collapsible-linkslist .grid-edge .grid-title .col-span-3 > *, .col-span-4 .type-collapsible-linkslist .grid-edge .grid-title > *,
.type-collapsible-media-linkslist .grid-edge .grid-title .col-span-3 > *,
.col-span-4 .type-collapsible-media-linkslist .grid-edge .grid-title > *,
.type-collapsible-rich-content .grid-edge .grid-title .col-span-3 > *,
.col-span-4 .type-collapsible-rich-content .grid-edge .grid-title > * {
  --grid-block-grid-title-margin-bottom: 24px;
  font-size: var(--global-font-size) !important;
}
.type-collapsible-linkslist .grid-edge i.ico::before,
.type-collapsible-media-linkslist .grid-edge i.ico::before,
.type-collapsible-rich-content .grid-edge i.ico::before {
  background-color: var(--variant-primair-donker-color);
  content: "";
  display: block;
  height: 28px;
  margin-top: -1px;
  mask: url(../images/sprites/icon-sprite.svg#img-plus) 50% 50% no-repeat;
  width: 28px;
}
.type-collapsible-linkslist .grid-edge i.ico.plus::before,
.type-collapsible-media-linkslist .grid-edge i.ico.plus::before,
.type-collapsible-rich-content .grid-edge i.ico.plus::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-plus);
}
.type-collapsible-linkslist .grid-edge i.ico.minus::before,
.type-collapsible-media-linkslist .grid-edge i.ico.minus::before,
.type-collapsible-rich-content .grid-edge i.ico.minus::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-close);
}
.type-collapsible-linkslist .grid-edge i.ico:hover::before,
.type-collapsible-media-linkslist .grid-edge i.ico:hover::before,
.type-collapsible-rich-content .grid-edge i.ico:hover::before {
  background-color: var(--variant-primair-extra-donker-color);
}
.type-collapsible-linkslist .grid-edge .grid-inside,
.type-collapsible-media-linkslist .grid-edge .grid-inside,
.type-collapsible-rich-content .grid-edge .grid-inside {
  background-color: transparent;
  border-radius: 0;
  margin-block-start: calc(8px * 2);
  outline: none;
  padding-block: calc(8px * 2);
}
.type-collapsible-linkslist .grid-edge .grid-inside .iprox-rich-content,
.type-collapsible-media-linkslist .grid-edge .grid-inside .iprox-rich-content,
.type-collapsible-rich-content .grid-edge .grid-inside .iprox-rich-content {
  --heading-font-size-h2: var(--heading-font-size-h3-small);
  --heading-font-size-h3: var(--heading-font-size-h4-small);
  --heading-font-size-h4: var(--heading-font-size-h5-small);
  --heading-font-size-h5: var(--heading-font-size-h6-small);
  --heading-font-size-h6: var(--knb-font-size-small);
}
.type-collapsible-linkslist .media_downloads,
.type-collapsible-linkslist .media_source,
.type-collapsible-media-linkslist .media_downloads,
.type-collapsible-media-linkslist .media_source,
.type-collapsible-rich-content .media_downloads,
.type-collapsible-rich-content .media_source {
  --download-background-color: transparent;
  --download-border-color: transparent;
  --download-title-color: var(--linkcolor);
  --download-inline-padding: 0;
  --tag-text-color: var(--global-text-color);
  --tag-font-size: var(--knb-font-size-small);
  border-top: 0;
  list-style-type: none;
  margin-block: 0;
  padding-block-start: 0;
}
.type-collapsible-linkslist .media_downloads .download a,
.type-collapsible-linkslist .media_source .download a,
.type-collapsible-media-linkslist .media_downloads .download a,
.type-collapsible-media-linkslist .media_source .download a,
.type-collapsible-rich-content .media_downloads .download a,
.type-collapsible-rich-content .media_source .download a {
  padding-inline: 0;
}
.type-collapsible-linkslist .media_downloads .download a:hover,
.type-collapsible-linkslist .media_source .download a:hover,
.type-collapsible-media-linkslist .media_downloads .download a:hover,
.type-collapsible-media-linkslist .media_source .download a:hover,
.type-collapsible-rich-content .media_downloads .download a:hover,
.type-collapsible-rich-content .media_source .download a:hover {
  --download-background-color: transparent;
  --download-title-color: var(--variant-link-color);
  --tag-text-color: var(--variant-link-color);
}
.type-collapsible-linkslist .media_downloads .download a::before,
.type-collapsible-linkslist .media_source .download a::before,
.type-collapsible-media-linkslist .media_downloads .download a::before,
.type-collapsible-media-linkslist .media_source .download a::before,
.type-collapsible-rich-content .media_downloads .download a::before,
.type-collapsible-rich-content .media_source .download a::before {
  background-color: var(--global-text-color);
  content: "";
  display: block;
  height: 24px;
  mask: url(../images/sprites/icon-sprite.svg#img-download) 50% 50% no-repeat;
  width: 24px;
}
.type-collapsible-linkslist .media_downloads .download a:hover::before,
.type-collapsible-linkslist .media_source .download a:hover::before,
.type-collapsible-media-linkslist .media_downloads .download a:hover::before,
.type-collapsible-media-linkslist .media_source .download a:hover::before,
.type-collapsible-rich-content .media_downloads .download a:hover::before,
.type-collapsible-rich-content .media_source .download a:hover::before {
  background-color: var(--variant-link-color);
}
@media screen and (max-width: 1023.98px) {
  .type-collapsible-linkslist .media_downloads .download .download-meta,
  .type-collapsible-linkslist .media_source .download .download-meta,
  .type-collapsible-media-linkslist .media_downloads .download .download-meta,
  .type-collapsible-media-linkslist .media_source .download .download-meta,
  .type-collapsible-rich-content .media_downloads .download .download-meta,
  .type-collapsible-rich-content .media_source .download .download-meta {
    flex-direction: column;
  }
}
.type-collapsible-linkslist .media_downloads .download .download-meta .download-tag,
.type-collapsible-linkslist .media_source .download .download-meta .download-tag,
.type-collapsible-media-linkslist .media_downloads .download .download-meta .download-tag,
.type-collapsible-media-linkslist .media_source .download .download-meta .download-tag,
.type-collapsible-rich-content .media_downloads .download .download-meta .download-tag,
.type-collapsible-rich-content .media_source .download .download-meta .download-tag {
  overflow-wrap: normal;
}
.type-collapsible-linkslist .media_downloads .download .download-meta .title,
.type-collapsible-linkslist .media_source .download .download-meta .title,
.type-collapsible-media-linkslist .media_downloads .download .download-meta .title,
.type-collapsible-media-linkslist .media_source .download .download-meta .title,
.type-collapsible-rich-content .media_downloads .download .download-meta .title,
.type-collapsible-rich-content .media_source .download .download-meta .title {
  font-weight: var(--knb-font-weight-medium);
}

.cookies-section {
  position: static;
  z-index: initial;
}

.cookie-forms input[type=submit].btn-allow-false,
.cookie-buttons input[type=submit].btn-allow-false {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.cookie-forms input[type=submit].btn-allow-false:is(a),
.cookie-buttons input[type=submit].btn-allow-false:is(a) {
  display: inline-block;
}
.cookie-forms input[type=submit].btn-allow-false:is(a), .cookie-forms input[type=submit].btn-allow-false:is(a):visited,
.cookie-buttons input[type=submit].btn-allow-false:is(a),
.cookie-buttons input[type=submit].btn-allow-false:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.cookie-forms input[type=submit].btn-allow-false:hover, .cookie-forms input[type=submit].btn-allow-false:active,
.cookie-buttons input[type=submit].btn-allow-false:hover,
.cookie-buttons input[type=submit].btn-allow-false:active {
  cursor: pointer;
}
.cookie-forms input[type=submit].btn-allow-false[disabled], .cookie-forms input[type=submit].btn-allow-false[disabled]:hover, .cookie-forms input[type=submit].btn-allow-false[disabled]:active, .cookie-forms input[type=submit].btn-allow-false.disabled, .cookie-forms input[type=submit].btn-allow-false.disabled:hover, .cookie-forms input[type=submit].btn-allow-false.disabled:active,
.cookie-buttons input[type=submit].btn-allow-false[disabled],
.cookie-buttons input[type=submit].btn-allow-false[disabled]:hover,
.cookie-buttons input[type=submit].btn-allow-false[disabled]:active,
.cookie-buttons input[type=submit].btn-allow-false.disabled,
.cookie-buttons input[type=submit].btn-allow-false.disabled:hover,
.cookie-buttons input[type=submit].btn-allow-false.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.cookie-forms input[type=submit].btn-allow-false:hover, .cookie-forms input[type=submit].btn-allow-false:active,
.cookie-buttons input[type=submit].btn-allow-false:hover,
.cookie-buttons input[type=submit].btn-allow-false:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.cookie-forms input[type=submit].btn-allow-false[disabled], .cookie-forms input[type=submit].btn-allow-false[disabled]:hover, .cookie-forms input[type=submit].btn-allow-false[disabled]:active, .cookie-forms input[type=submit].btn-allow-false.disabled, .cookie-forms input[type=submit].btn-allow-false.disabled:hover, .cookie-forms input[type=submit].btn-allow-false.disabled:active,
.cookie-buttons input[type=submit].btn-allow-false[disabled],
.cookie-buttons input[type=submit].btn-allow-false[disabled]:hover,
.cookie-buttons input[type=submit].btn-allow-false[disabled]:active,
.cookie-buttons input[type=submit].btn-allow-false.disabled,
.cookie-buttons input[type=submit].btn-allow-false.disabled:hover,
.cookie-buttons input[type=submit].btn-allow-false.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.cookie-forms input[type=submit].btn-allow-true,
.cookie-buttons input[type=submit].btn-allow-true {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.cookie-forms input[type=submit].btn-allow-true:is(a),
.cookie-buttons input[type=submit].btn-allow-true:is(a) {
  display: inline-block;
}
.cookie-forms input[type=submit].btn-allow-true:is(a), .cookie-forms input[type=submit].btn-allow-true:is(a):visited,
.cookie-buttons input[type=submit].btn-allow-true:is(a),
.cookie-buttons input[type=submit].btn-allow-true:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.cookie-forms input[type=submit].btn-allow-true:hover, .cookie-forms input[type=submit].btn-allow-true:active,
.cookie-buttons input[type=submit].btn-allow-true:hover,
.cookie-buttons input[type=submit].btn-allow-true:active {
  cursor: pointer;
}
.cookie-forms input[type=submit].btn-allow-true[disabled], .cookie-forms input[type=submit].btn-allow-true[disabled]:hover, .cookie-forms input[type=submit].btn-allow-true[disabled]:active, .cookie-forms input[type=submit].btn-allow-true.disabled, .cookie-forms input[type=submit].btn-allow-true.disabled:hover, .cookie-forms input[type=submit].btn-allow-true.disabled:active,
.cookie-buttons input[type=submit].btn-allow-true[disabled],
.cookie-buttons input[type=submit].btn-allow-true[disabled]:hover,
.cookie-buttons input[type=submit].btn-allow-true[disabled]:active,
.cookie-buttons input[type=submit].btn-allow-true.disabled,
.cookie-buttons input[type=submit].btn-allow-true.disabled:hover,
.cookie-buttons input[type=submit].btn-allow-true.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.cookie-forms input[type=submit].btn-allow-true:hover, .cookie-forms input[type=submit].btn-allow-true:active,
.cookie-buttons input[type=submit].btn-allow-true:hover,
.cookie-buttons input[type=submit].btn-allow-true:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.cookie-forms input[type=submit].btn-allow-true[disabled], .cookie-forms input[type=submit].btn-allow-true[disabled]:hover, .cookie-forms input[type=submit].btn-allow-true[disabled]:active, .cookie-forms input[type=submit].btn-allow-true.disabled, .cookie-forms input[type=submit].btn-allow-true.disabled:hover, .cookie-forms input[type=submit].btn-allow-true.disabled:active,
.cookie-buttons input[type=submit].btn-allow-true[disabled],
.cookie-buttons input[type=submit].btn-allow-true[disabled]:hover,
.cookie-buttons input[type=submit].btn-allow-true[disabled]:active,
.cookie-buttons input[type=submit].btn-allow-true.disabled,
.cookie-buttons input[type=submit].btn-allow-true.disabled:hover,
.cookie-buttons input[type=submit].btn-allow-true.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}

.cookies-mode-status {
  background-color: var(--variant-tertiair-licht-color);
  padding-block: 16px;
  padding-inline: 16px;
}
@media screen and (max-width: 719.98px) {
  .cookies-mode-status {
    text-align: center;
  }
  .cookies-mode-status .cookie-text {
    justify-content: center;
  }
}
.cookies-mode-status .cookie-forms {
  width: 100%;
}
.cookies-mode-status button.cookies-status-change {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.cookies-mode-status button.cookies-status-change:is(a) {
  display: inline-block;
}
.cookies-mode-status button.cookies-status-change:is(a), .cookies-mode-status button.cookies-status-change:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.cookies-mode-status button.cookies-status-change:hover, .cookies-mode-status button.cookies-status-change:active {
  cursor: pointer;
}
.cookies-mode-status button.cookies-status-change[disabled], .cookies-mode-status button.cookies-status-change[disabled]:hover, .cookies-mode-status button.cookies-status-change[disabled]:active, .cookies-mode-status button.cookies-status-change.disabled, .cookies-mode-status button.cookies-status-change.disabled:hover, .cookies-mode-status button.cookies-status-change.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.cookies-mode-status button.cookies-status-change:hover, .cookies-mode-status button.cookies-status-change:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.cookies-mode-status button.cookies-status-change[disabled], .cookies-mode-status button.cookies-status-change[disabled]:hover, .cookies-mode-status button.cookies-status-change[disabled]:active, .cookies-mode-status button.cookies-status-change.disabled, .cookies-mode-status button.cookies-status-change.disabled:hover, .cookies-mode-status button.cookies-status-change.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.cookies-mode-status button.cookies-status-change:hover {
  --button-hover-color: var(--variant-wit-color);
}

.cookiebar-inside::before {
  display: none !important;
}
.cookiebar-inside a {
  --cookiebar-text-color: var(--variant-wit-color);
}

.blockedcontent-cookies .cookies-question .cookiebar-inside {
  align-items: center;
}

.type-knb-downloads {
  --linkslist-grid-title-font-size: var(--knb-grid-title-font-size);
}
.type-knb-downloads .grid-edge {
  background-color: var(--variant-wit-color);
  display: flex;
  flex-direction: column;
}
.type-knb-downloads .grid-edge .grid-inside {
  padding-bottom: 0;
}
.type-knb-downloads .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  list-style-type: none;
  margin: 0 calc(var(--gutter) * -0.5);
  margin-block: 0;
  padding-inline: 0;
}
.type-knb-downloads .grid-edge .grid-inside ul.list li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  padding-block: 20px;
}
.type-knb-downloads .grid-edge .grid-inside ul.list li a {
  --global-link-color: var(--variant-secundair-extra-donker-color);
  display: block;
  font-weight: var(--knb-font-weight-medium);
  padding-inline: 48px calc(var(--gutter) * 0.5);
  position: relative;
}
.type-knb-downloads .grid-edge .grid-inside ul.list li a::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-tertiair-donker-color);
  content: "";
  display: block;
  left: 16px;
  mask: url(../images/sprites/icon-sprite.svg#img-download) 50% 50% no-repeat;
  position: absolute;
  width: 24px;
}
.type-knb-downloads .grid-edge .grid-inside ul.list li a:hover {
  color: var(--variant-secundair-extra-donker-color) !important;
  text-decoration: underline !important;
}
.type-knb-downloads .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 2px;
  width: 1em;
}
.type-knb-downloads .grid-edge .grid-inside ul.list li dl.download-meta {
  padding-inline: calc(var(--gutter) * 0.5);
}

.col-span-1.type-knb-downloads .grid-edge .grid-inside ul.list li dl.download-meta {
  padding-inline-start: 48px;
}

.col-span-2.type-knb-downloads .grid-edge .grid-inside ul.list li dl.download-meta {
  padding-inline-start: 48px;
}

.col-span-3.type-knb-downloads .grid-edge .grid-inside ul.list li dl.download-meta, .col-span-4.type-knb-downloads .grid-edge .grid-inside ul.list li dl.download-meta {
  padding-inline-start: 48px;
}

dl.download-meta {
  color: var(--variant-tertiair-extra-donker-color);
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  margin-block: 2px;
}
dl.download-meta dt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}

.type-eventcard {
  --block-margin-bottom: 0 !important;
}
@media screen and (max-width: 719.98px) {
  .type-eventcard {
    --block-padding: 20px;
    --eventcard-icon-size: 24px;
    --eventcard-icon-circle-size: 44px;
    --eventcard-icon-horizontal-offset: calc(var(--eventcard-icon-size) / 2 - 2px);
    --eventcard-padding-right: 64px;
  }
}
@media screen and (min-width: 720px) {
  .type-eventcard {
    --block-padding: 40px;
    --eventcard-icon-size: 24px;
    --eventcard-icon-circle-size: 48px;
    --eventcard-icon-horizontal-offset: calc(var(--eventcard-icon-size) / 2);
    --eventcard-padding-right: 80px;
  }
}
.type-eventcard .grid-edge {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  padding-block: var(--block-padding) !important;
  padding-right: var(--eventcard-padding-right);
  position: relative;
}
@media screen and (max-width: 719.98px) {
  .type-eventcard .grid-edge:has(.grid-image) {
    padding-right: 0;
  }
  .type-eventcard .grid-edge:has(.grid-image) .grid-inside {
    padding-right: var(--eventcard-padding-right);
    width: calc(100% - var(--eventcard-padding-right));
  }
  .type-eventcard .grid-edge:has(.grid-image) .grid-inside::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    border-radius: 50%;
    content: "";
    position: absolute;
    width: var(--eventcard-icon-circle-size);
    right: 0px;
    top: calc(50% - var(--eventcard-icon-circle-size) / 2);
  }
  .type-eventcard .grid-edge:has(.grid-image) .grid-inside::after {
    aspect-ratio: 1/1;
    background-color: var(--variant-wit-color);
    content: "";
    display: flex;
    mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
    position: absolute;
    right: var(--eventcard-icon-horizontal-offset);
    top: calc(50% - var(--eventcard-icon-size) / 2);
    width: var(--eventcard-icon-size);
  }
  .type-eventcard .grid-edge:has(.grid-image):hover .grid-inside::before {
    background-color: var(--variant-secundair-donker-color);
  }
}
@media screen and (min-width: 720px) {
  .type-eventcard .grid-edge::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    border-radius: 50%;
    content: "";
    position: absolute;
    width: var(--eventcard-icon-circle-size);
    right: 0px;
    top: calc(50% - var(--eventcard-icon-circle-size) / 2);
  }
  .type-eventcard .grid-edge::after {
    aspect-ratio: 1/1;
    background-color: var(--variant-wit-color);
    content: "";
    display: flex;
    mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
    position: absolute;
    right: var(--eventcard-icon-horizontal-offset);
    top: calc(50% - var(--eventcard-icon-size) / 2);
    width: var(--eventcard-icon-size);
  }
}
.type-eventcard .grid-edge:hover a {
  text-decoration: underline;
}
.type-eventcard .grid-edge:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.type-eventcard .grid-edge:hover .date,
.type-eventcard .grid-edge:hover .iprox-date {
  color: var(--variant-secundair-donker-color);
}
.type-eventcard .grid-image {
  overflow: hidden;
  margin-block-end: 20px;
}
.type-eventcard .grid-image img {
  height: 100% !important;
  max-height: none !important;
  max-width: none !important;
  width: 100% !important;
  object-fit: cover;
}
@media screen and (max-width: 719.98px) {
  .type-eventcard .grid-image {
    aspect-ratio: 16/9;
    max-width: 100% !important;
    max-height: none !important;
    width: 100%;
  }
}
@media screen and (min-width: 720px) {
  .type-eventcard .grid-image {
    aspect-ratio: 5/4;
    flex-shrink: 0;
    width: 200px;
  }
}
.type-eventcard .grid-inside {
  --block-inner-padding-inline: 0 calc(var(--gutter) * 0.25);
  position: relative;
}
.type-eventcard .grid-inside .heading-elt {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --global-header-font-family: var(--variant-custom-broodtekst-font-family);
  --grid-block-grid-title-margin-bottom: 10px;
  --header-font-weight: var(--knb-font-weight-medium);
  --heading-margin-block: 0 10px;
}
@media screen and (max-width: 719.98px) {
  .type-eventcard .grid-inside .heading-elt {
    --knb-grid-title-font-size: var(--knb-grid-title-font-size-smaller);
  }
}
@media screen and (min-width: 720px) {
  .type-eventcard .grid-inside .heading-elt {
    --knb-grid-title-font-size: var(--knb-grid-title-font-size-large);
  }
}
.type-eventcard .date,
.type-eventcard .iprox-date {
  --date-color: var(--variant-secundair-extra-donker-color);
  --date-font-size: var(--global-font-size);
}

@media screen and (max-width: 719.98px) {
  .touch .row-type-enclosure:has(.type-eventcard) {
    margin-inline: calc(var(--gutter) * -1);
  }
}
@media screen and (min-width: 720px) {
  .type-enclosure:has(.type-eventcard) .type-eventcard .grid-image {
    padding-inline: 0 !important;
  }
}
@media screen and (max-width: 719.98px) {
  .touch .type-enclosure:has(.type-eventcard) .grid-title {
    margin-inline-start: var(--gutter);
  }
  .touch .type-enclosure:has(.type-eventcard) .grid-nesting {
    column-gap: var(--gutter) !important;
    display: flex !important;
    margin-inline: calc(var(--gutter) * 1.5);
    padding-inline: 0;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
  }
  .touch .type-enclosure:has(.type-eventcard) .grid-nesting .type-eventcard {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    scroll-snap-align: start;
    width: calc(100vw - 80px) !important;
  }
  .touch .type-enclosure:has(.type-eventcard) .grid-nesting .type-eventcard .grid-element,
  .touch .type-enclosure:has(.type-eventcard) .grid-nesting .type-eventcard .grid-edge {
    width: 100%;
  }
  .touch .type-enclosure:has(.type-eventcard) .grid-nesting + .more-inside {
    margin-inline: var(--gutter);
  }
  .touch .type-enclosure:has(.type-eventcard) .grid-nesting + .more-inside a {
    display: block;
  }
}
.type-enclosure:has(.type-eventcard) .type-eventcard {
  --block-padding: 0;
  --block-margin-bottom: 24px !important;
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-edge {
  --eventcard-padding-right: 0;
  border-bottom: none;
  flex-direction: column;
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-edge::before, .type-enclosure:has(.type-eventcard) .type-eventcard .grid-edge::after {
  display: none;
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-image {
  aspect-ratio: 16/9;
  max-width: none;
  width: 100%;
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside {
  width: calc(100% - var(--block-inner-padding-inline));
}
@media screen and (max-width: 719.98px) {
  .type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside {
    --card-icon-size: 20px;
    --card-icon-circle-size: 32px;
    --card-icon-offset: calc(var(--card-icon-size) * 0.5 - 4px);
    --block-inner-padding-inline: 0 64px;
    padding-right: calc(var(--card-icon-circle-size) + 8px);
  }
  .type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside::before, .type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside::after {
    top: 50% !important;
  }
}
@media screen and (min-width: 720px) {
  .type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside {
    --card-icon-size: 24px;
    --card-icon-circle-size: 48px;
    --card-icon-offset: calc(var(--card-icon-size) * 0.5);
    --block-inner-padding-inline: 0 80px;
  }
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  width: var(--card-icon-circle-size);
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  width: var(--card-icon-size);
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside::before {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside::after {
  top: 50%;
  transform: translateY(-50%);
  right: var(--card-icon-offset);
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside .heading-elt {
  --knb-grid-title-font-size: var(--heading-font-size-h4);
}
.type-enclosure:has(.type-eventcard) .type-eventcard .grid-inside:last-child {
  --event-entry-meta-margin-bottom: 0;
}
.type-enclosure:has(.type-eventcard) .type-eventcard:hover .grid-inside::before {
  background-color: var(--variant-secundair-donker-color);
}
.type-enclosure:has(.type-eventcard) .more-inside a {
  margin-block-start: 20px !important;
}

.type-facets-filter {
  --select-input-size: 24px;
}
.type-facets-filter .grid-edge {
  padding-block-start: 64px;
}
.type-facets-filter .grid-title h2,
.type-facets-filter .grid-title h3 {
  font-family: var(--global-font-family);
  font-size: 1em !important;
  font-weight: var(--knb-font-weight-medium);
}
.type-facets-filter .grid-title h2, .type-facets-filter .grid-title h2 + *,
.type-facets-filter .grid-title h3,
.type-facets-filter .grid-title h3 + * {
  color: var(--variant-tertiair-extra-donker-color);
}
.type-facets-filter .ipx-buttons-selectie-wissen {
  padding-block: 8px !important;
  right: calc(var(--gutter) * 0.5);
}
.type-facets-filter .ipx-buttons-selectie-wissen button:is(button) {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.type-facets-filter .ipx-buttons-selectie-wissen button:is(button):is(a) {
  display: inline-block;
}
.type-facets-filter .ipx-buttons-selectie-wissen button:is(button):is(a), .type-facets-filter .ipx-buttons-selectie-wissen button:is(button):is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.type-facets-filter .ipx-buttons-selectie-wissen button:is(button):hover, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button):active {
  cursor: pointer;
}
.type-facets-filter .ipx-buttons-selectie-wissen button:is(button)[disabled], .type-facets-filter .ipx-buttons-selectie-wissen button:is(button)[disabled]:hover, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button)[disabled]:active, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button).disabled, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button).disabled:hover, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button).disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.type-facets-filter .ipx-buttons-selectie-wissen button:is(button):hover, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button):active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.type-facets-filter .ipx-buttons-selectie-wissen button:is(button)[disabled], .type-facets-filter .ipx-buttons-selectie-wissen button:is(button)[disabled]:hover, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button)[disabled]:active, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button).disabled, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button).disabled:hover, .type-facets-filter .ipx-buttons-selectie-wissen button:is(button).disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.type-facets-filter .ipx-buttons-selectie-wissen button:is(button)::after {
  display: none;
}
.type-facets-filter legend .setlabel {
  font-family: var(--global-font-family);
  font-size: var(--global-font-size) !important;
  font-weight: var(--knb-font-weight-medium);
}
.type-facets-filter .facet {
  align-items: flex-start;
}
.type-facets-filter .facet label {
  font-weight: var(--knb-font-weight-regular);
  width: calc(100% - 62px);
}
.type-facets-filter .facet label::after {
  top: 10px;
}
.type-facets-filter .facet label .facet-label {
  flex-grow: 1;
}
.type-facets-filter .facet label .facet-count {
  flex-shrink: 0;
}
.type-facets-filter .facet ul {
  padding-inline-start: calc(var(--select-input-size) + 8px) !important;
  width: 100%;
}

.type-resultcard {
  --block-margin-bottom: 0 !important;
  --knb-resultcard-more-icon-symbol: url("../images/sprites/icon-sprite.svg#img-arrow-right");
}
@media screen and (max-width: 719.98px) {
  .type-resultcard {
    --block-padding: 20px;
    --resultcard-icon-size: 24px;
    --resultcard-icon-circle-size: 44px;
    --resultcard-icon-horizontal-offset: calc(var(--resultcard-icon-size) * 0.5 - 2px);
    --resultcard-padding-right: 64px;
    --resultcard-icon-lock-vertical-offset: -2px;
  }
}
@media screen and (min-width: 720px) {
  .type-resultcard {
    --block-padding: 40px;
    --resultcard-icon-size: 24px;
    --resultcard-icon-circle-size: 48px;
    --resultcard-icon-horizontal-offset: calc(var(--resultcard-icon-size) * 0.5);
    --resultcard-padding-right: 80px;
    --resultcard-icon-lock-vertical-offset: 6px;
  }
}
.type-resultcard.ipx-pt-download {
  --knb-resultcard-more-icon-symbol: url("../images/sprites/icon-sprite.svg#img-download");
}
.type-resultcard .grid-edge {
  padding-block: var(--block-padding) !important;
  padding-right: var(--resultcard-padding-right);
}
@media screen and (max-width: 719.98px) {
  .type-resultcard .grid-edge {
    padding-right: 0;
  }
  .type-resultcard .grid-edge .grid-inside-inner {
    position: relative;
    padding-right: var(--resultcard-padding-right) !important;
    width: calc(100% - var(--resultcard-padding-right));
  }
  .type-resultcard .grid-edge .grid-inside-inner::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    border-radius: 50%;
    content: "";
    position: absolute;
    width: var(--resultcard-icon-circle-size);
    right: 0px;
    top: calc(50% - var(--resultcard-icon-circle-size) * 0.5);
  }
  .type-resultcard .grid-edge .grid-inside-inner::after {
    aspect-ratio: 1/1;
    background-color: var(--variant-wit-color);
    content: "";
    display: flex;
    mask-image: var(--knb-resultcard-more-icon-symbol);
    mask-position: 50% 50%;
    mask-repeat: no-repeat;
    position: absolute;
    right: var(--resultcard-icon-horizontal-offset);
    top: calc(50% - var(--resultcard-icon-size) * 0.5);
    width: var(--resultcard-icon-size);
  }
  .type-resultcard .grid-edge:hover .grid-inside-inner::before {
    background-color: var(--variant-secundair-donker-color);
  }
}
@media screen and (min-width: 720px) {
  .type-resultcard .grid-edge:not(:has(.summary)) {
    position: relative;
  }
  .type-resultcard .grid-edge:not(:has(.summary))::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    border-radius: 50%;
    content: "";
    position: absolute;
    width: var(--resultcard-icon-circle-size);
    right: 0px;
    top: calc(50% - var(--resultcard-icon-circle-size) * 0.5);
  }
  .type-resultcard .grid-edge:not(:has(.summary))::after {
    aspect-ratio: 1/1;
    background-color: var(--variant-wit-color);
    content: "";
    display: flex;
    mask-image: var(--knb-resultcard-more-icon-symbol);
    mask-position: 50% 50%;
    mask-repeat: no-repeat;
    position: absolute;
    right: var(--resultcard-icon-horizontal-offset);
    top: calc(50% - var(--resultcard-icon-size) * 0.5);
    width: var(--resultcard-icon-size);
  }
  .type-resultcard .grid-edge:has(.summary) {
    padding-right: 0;
  }
  .type-resultcard .grid-edge:has(.summary) .grid-inside-inner {
    position: relative;
    padding-right: var(--resultcard-padding-right) !important;
    width: calc(100% - var(--resultcard-padding-right));
  }
  .type-resultcard .grid-edge:has(.summary) .grid-inside-inner::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    border-radius: 50%;
    content: "";
    position: absolute;
    width: var(--resultcard-icon-circle-size);
    right: 0px;
    top: calc(50% - var(--resultcard-icon-circle-size) * 0.5);
  }
  .type-resultcard .grid-edge:has(.summary) .grid-inside-inner::after {
    aspect-ratio: 1/1;
    background-color: var(--variant-wit-color);
    content: "";
    display: flex;
    mask-image: var(--knb-resultcard-more-icon-symbol);
    mask-position: 50% 50%;
    mask-repeat: no-repeat;
    position: absolute;
    right: var(--resultcard-icon-horizontal-offset);
    top: calc(50% - var(--resultcard-icon-size) * 0.5);
    width: var(--resultcard-icon-size);
  }
  .type-resultcard .grid-edge:has(.summary):hover .grid-inside-inner::before {
    background-color: var(--variant-secundair-donker-color);
  }
}
.type-resultcard .grid-edge a.closed-item {
  align-items: flex-start;
  display: inline-flex;
}
.type-resultcard .grid-edge a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  margin: var(--resultcard-icon-lock-vertical-offset) 0 0 20px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  width: 24px;
}
.type-resultcard .grid-edge:hover a {
  text-decoration: underline;
}
.type-resultcard .grid-edge:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.type-resultcard .grid-edge:has(.no-image) {
  align-items: flex-start;
}
@media screen and (max-width: 719.98px) {
  .type-resultcard .grid-image {
    max-width: 100% !important;
    max-height: none !important;
    width: 100%;
  }
}
@media screen and (min-width: 720px) {
  .type-resultcard .grid-image {
    flex-shrink: 0;
    width: 200px;
  }
}
.type-resultcard .grid-image.no-image {
  aspect-ratio: 1.7777777778;
}
.type-resultcard .grid-inside {
  --block-inner-padding-inline: 0 calc(var(--gutter) * 0.25);
  position: relative;
}
.type-resultcard .grid-inside .heading-elt {
  --global-header-font-family: var(--variant-custom-broodtekst-font-family);
  --grid-block-grid-title-margin-bottom: 10px;
  --header-font-weight: var(--knb-font-weight-medium);
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-margin-block: 0 10px;
}
@media screen and (max-width: 719.98px) {
  .type-resultcard .grid-inside .heading-elt {
    --knb-grid-title-font-size: var(--knb-grid-title-font-size-smaller);
  }
}
.type-knb-verder-lezen .type-resultcard .grid-inside .heading-elt {
  --heading-font-size: var(--heading-font-size-h4);
}
.type-resultcard .date,
.type-resultcard .iprox-date {
  --date-color: var(--variant-tertiair-donker-color);
  --date-font-size: var(--knb-font-size-small);
}
.type-resultcard .download-meta dd div {
  color: var(--variant-tertiair-donker-color);
}
.type-resultcard .download-meta dd .date,
.type-resultcard .download-meta dd .iprox-date {
  --date-color: var(--variant-tertiair-donker-color);
  --date-font-size: var(--global-font-size);
}

.type-favorites-list .favorites-list ul {
  list-style-type: none;
  padding-inline-start: 0;
}
.type-favorites-list .favorites-list ul li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  padding-block-start: var(--block-padding) !important;
}
@media screen and (max-width: 719.98px) {
  .type-favorites-list .favorites-list ul li {
    --block-padding: 20px;
    --resultcard-icon-circle-size: 44px;
    --resultcard-icon-horizontal-offset: calc(var(--resultcard-icon-size) * 0.5 - 2px);
    --resultcard-icon-size: 24px;
    --resultcard-padding-right: 64px;
  }
}
@media screen and (min-width: 720px) {
  .type-favorites-list .favorites-list ul li {
    --block-padding: 32px;
    --resultcard-icon-circle-size: 48px;
    --resultcard-icon-horizontal-offset: calc(var(--resultcard-icon-size) * 0.5);
    --resultcard-icon-size: 24px;
    --resultcard-padding-right: 80px;
  }
}
.type-favorites-list .favorites-list ul li a {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  position: relative;
  font-size: var(--heading-font-size);
  font-weight: var(--knb-font-weight-medium);
  line-height: var(--heading-line-height);
  margin-block-end: var(--block-padding) !important;
  padding-right: var(--resultcard-padding-right);
  text-decoration: none;
}
.type-favorites-list .favorites-list ul li a::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  width: var(--resultcard-icon-circle-size);
  right: 0px;
  top: calc(50% - var(--resultcard-icon-circle-size) * 0.5);
}
.type-favorites-list .favorites-list ul li a::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask-image: var(--knb-resultcard-more-icon-symbol);
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  position: absolute;
  right: var(--resultcard-icon-horizontal-offset);
  top: calc(50% - var(--resultcard-icon-size) * 0.5);
  width: var(--resultcard-icon-size);
}
.type-favorites-list .favorites-list ul li a::before {
  bottom: 0;
  top: auto;
}
.type-favorites-list .favorites-list ul li a::after {
  bottom: calc(var(--resultcard-icon-circle-size) * 0.25);
  top: auto;
}
.type-favorites-list .favorites-list ul li a:hover {
  text-decoration: underline;
}
.type-favorites-list .favorites-list ul li a:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.type-favorites-list .favorites-list ul li button {
  --function-button-size: 32px;
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  border: 0;
  display: flex;
  font-size: 0;
  justify-content: center;
  outline: 1px solid var(--variant-secundair-extra-donker-color);
  padding: 0;
  position: relative;
  width: var(--function-button-size);
}
.type-favorites-list .favorites-list ul li button::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-bookmark) 50% 50% no-repeat;
  width: 16px;
}
.type-favorites-list .favorites-list ul li button:hover {
  background-color: var(--variant-secundair-donker-color);
  outline-color: var(--variant-secundair-donker-color);
}
.type-favorites-list .favorites-list ul li button:hover::after {
  background-color: var(--variant-zwart-color);
  color: var(--variant-wit-color);
  content: "Favoriet verwijderen";
  display: block;
  font-size: 0.889rem;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
@media screen and (max-width: 719.98px) {
  .type-favorites-list .favorites-list ul li button:hover::after {
    top: calc(var(--function-button-size) + var(--gutter) * 0.5);
  }
}
@media screen and (min-width: 720px) {
  .type-favorites-list .favorites-list ul li button:hover::after {
    left: calc(var(--function-button-size) + var(--gutter) * 0.5);
  }
}

.type-knb-featured .grid-edge {
  --featured-background-color: var(--variant-primair-donker-color);
  display: flex;
  flex-direction: column;
  position: relative;
}
.type-knb-featured .grid-edge:hover {
  --featured-background-color: var(--variant-primair-extra-donker-color);
}
.type-knb-featured .grid-edge:hover a {
  text-decoration: underline;
}
.type-knb-featured .grid-edge .image {
  line-height: 0;
  order: -1;
  padding-top: 0 !important;
}
.type-knb-featured .grid-edge .grid-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.type-knb-featured .grid-edge .featured-meta {
  display: flex;
  flex-wrap: wrap;
  left: 32px;
  position: absolute;
  top: 32px;
  width: calc(100% - 64px);
}
.type-knb-featured .grid-edge .featured-meta .featured-tag {
  background-color: var(--variant-wit-color);
  border: 1px solid var(--variant-tertiair-helder-color);
  border-radius: 20px;
  display: inline-flex;
  gap: 4px;
  padding: 6px 16px;
  font-size: var(--knb-font-size-small);
  font-weight: var(--knb-font-weight-medium);
}
.type-knb-featured .grid-edge .featured-meta .featured-tag::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-pin) 50% 50% no-repeat;
  width: 20px;
}
.type-knb-featured .grid-edge .grid-inside {
  --block-inner-padding-inline: 0;
  padding-block: 0;
  padding-inline: 0 !important;
}
@media screen and (max-width: 719.98px) {
  .type-knb-featured .grid-edge .grid-inside {
    position: relative;
    width: 100%;
  }
}
@media screen and (min-width: 720px) {
  .type-knb-featured .grid-edge .grid-inside {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
.type-knb-featured .grid-edge .grid-inside::before {
  aspect-ratio: 390/40;
  background-color: var(--featured-background-color);
  content: "";
  display: block;
  height: auto;
  mask: url(../images/extra/featured-top.svg) 50% 50% no-repeat;
  mask-size: cover;
  position: absolute;
  right: 0;
  width: 100%;
}
@media screen and (max-width: 719.98px) {
  .type-knb-featured .grid-edge .grid-inside::before {
    margin-top: -9.75%;
  }
}
@media screen and (min-width: 720px) {
  .type-knb-featured .grid-edge .grid-inside::before {
    bottom: 99%;
    position: absolute;
  }
}
.type-knb-featured .grid-edge .grid-inside .entry {
  background-color: var(--featured-background-color);
  padding-block: 0 !important;
  padding-inline: 32px !important;
  width: calc(100% - 64px);
}
.type-knb-featured .grid-edge .grid-inside .entry .title a {
  background-color: transparent;
  color: var(--variant-wit-color);
  display: block;
  font-size: var(--heading-font-size-h4);
  font-weight: var(--knb-font-weight-medium);
  padding: 24px 56px 32px 0;
  position: relative;
  transition: 0.2s ease-in-out;
}
.type-knb-featured .grid-edge .grid-inside .entry .title a::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 0;
  top: 16px;
  width: 48px;
}
.type-knb-featured .grid-edge .grid-inside .entry .title a::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
  top: 28px;
  width: 24px;
}
.type-knb-featured:has(.closed-item):has(.featured-meta) .featured-meta::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border-radius: 20px;
  border: 1px solid var(--variant-tertiair-helder-color);
  content: "";
  display: block;
  font-size: var(--knb-font-size-small);
  padding: 6px;
  position: absolute;
  width: calc(1em + 10px);
  z-index: 1;
}
.type-knb-featured:has(.closed-item):has(.featured-meta) .featured-meta::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: block;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: absolute;
  width: 20px;
  z-index: 1;
}
.type-knb-featured:has(.closed-item):has(.featured-meta) .featured-meta::before {
  left: 0;
  top: 0;
}
.type-knb-featured:has(.closed-item):has(.featured-meta) .featured-meta::after {
  left: 10px;
  top: 9px;
}
.type-knb-featured:has(.closed-item):has(.featured-meta) .featured-meta .featured-tag:first-child {
  margin-left: 50px;
}
.type-knb-featured:has(.closed-item):not(:has(.featured-meta)) {
  position: relative;
}
.type-knb-featured:has(.closed-item):not(:has(.featured-meta))::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border-radius: 20px;
  border: 1px solid var(--variant-tertiair-helder-color);
  content: "";
  display: block;
  font-size: var(--knb-font-size-small);
  padding: 6px;
  position: absolute;
  width: calc(1em + 10px);
  z-index: 1;
}
.type-knb-featured:has(.closed-item):not(:has(.featured-meta))::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: block;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: absolute;
  width: 20px;
  z-index: 1;
}
.type-knb-featured:has(.closed-item):not(:has(.featured-meta))::before {
  left: 32px;
  top: 32px;
}
.type-knb-featured:has(.closed-item):not(:has(.featured-meta))::after {
  left: 42px;
  top: 41px;
}

.zone-type-functions {
  display: block;
}
@media screen and (max-width: 1023.98px) {
  .zone-type-functions {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .zone-type-functions {
    padding-left: 20px;
    position: absolute;
    top: 220px;
  }
}

@media screen and (max-width: 1023.98px) {
  .functions-block {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

.functions-inner {
  margin: 0;
}
@media screen and (max-width: 1023.98px) {
  .functions-inner {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .functions-inner {
    display: flex;
    flex-direction: column;
  }
}

.functions-set {
  display: flex;
}
.functions-set.functions-set-favorites:not(:has(.favorites-button button)) {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .functions-set {
    align-items: center;
    flex-direction: row;
    gap: 16px;
    padding: 0 20px;
  }
  .functions-set:first-child h2 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .functions-set {
    flex-direction: column;
  }
}
@media screen and (max-width: 1023.98px) {
  .functions-set:has(+ .functions-set):has(.favorites-button button) {
    border-right: 1px solid var(--variant-tertiair-helder-color);
  }
}
@media screen and (min-width: 1024px) {
  .functions-set:has(+ .functions-set):has(.favorites-button button) {
    border-bottom: 1px solid var(--variant-tertiair-helder-color);
  }
  .functions-set:has(+ .functions-set):has(.favorites-button button) + .functions-set {
    padding-top: 20px;
  }
}
.functions-set h2 {
  font-family: var(--variant-custom-broodtekst-font-family);
  font-size: var(--knb-font-size-large-down);
  font-weight: var(--knb-font-weight-medium);
  margin: 0;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .functions-set h2 {
    text-align: center;
  }
}
.functions-set .favorites-button {
  display: flex;
  margin-block: 1em;
}
@media screen and (max-width: 1023.98px) {
  .functions-set .favorites-button {
    gap: 16px;
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .functions-set .favorites-button {
    align-items: center;
    flex-direction: column;
    gap: 20px;
  }
}
.functions-set ul {
  display: flex;
  list-style-type: none;
}
@media screen and (max-width: 1023.98px) {
  .functions-set ul {
    gap: 16px;
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .functions-set ul {
    align-items: center;
    flex-direction: column;
    gap: 20px;
  }
}
.functions-set a,
.functions-set button {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border: 0;
  border-radius: 50%;
  outline: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  font-size: 0;
  justify-content: center;
  padding: 0;
  width: var(--function-button-size);
}
@media screen and (max-width: 1023.98px) {
  .functions-set a,
  .functions-set button {
    --function-button-size: 44px;
  }
}
@media screen and (min-width: 1024px) {
  .functions-set a,
  .functions-set button {
    --function-button-size: 56px;
  }
}
.functions-set a::before,
.functions-set button::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-magnify) 50% 50% no-repeat;
  width: 24px;
}
.functions-set a:focus,
.functions-set button:focus {
  outline: 2px solid var(--variant-secundair-extra-donker-color);
}
.functions-set a:hover,
.functions-set button:hover {
  background-color: var(--variant-secundair-donker-color);
  outline-color: var(--variant-secundair-donker-color);
}
.functions-set a:hover::before,
.functions-set button:hover::before {
  background-color: var(--variant-wit-color);
}
.functions-set .favorites-button button {
  position: relative;
}
.functions-set .favorites-button button::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-bookmark-outline);
}
.functions-set .favorites-button button:focus, .functions-set .favorites-button button:hover {
  background-color: var(--variant-tertiair-licht-color);
  outline-color: var(--variant-tertiair-helder-color);
}
.functions-set .favorites-button button:focus::before, .functions-set .favorites-button button:hover::before {
  background-color: var(--variant-secundair-extra-donker-color);
}
.functions-set .favorites-button button:focus::after, .functions-set .favorites-button button:hover::after {
  background-color: var(--variant-zwart-color);
  color: var(--variant-wit-color);
  content: "Opslaan als favoriet";
  display: block;
  font-size: var(--knb-font-size-small-absolute);
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
@media screen and (max-width: 1023.98px) {
  .functions-set .favorites-button button:focus::after, .functions-set .favorites-button button:hover::after {
    top: calc(var(--function-button-size) + var(--gutter) * 0.5);
  }
}
@media screen and (min-width: 1024px) {
  .functions-set .favorites-button button:focus::after, .functions-set .favorites-button button:hover::after {
    left: calc(var(--function-button-size) + var(--gutter) * 0.5);
  }
}
.functions-set .favorites-button button.is-favorite {
  background-color: var(--variant-secundair-donker-color);
  outline-color: var(--variant-secundair-donker-color);
}
.functions-set .favorites-button button.is-favorite::before {
  background-color: var(--variant-wit-color);
  mask-image: url(../images/sprites/icon-sprite.svg#img-bookmark);
}
.functions-set .favorites-button button.is-favorite:focus, .functions-set .favorites-button button.is-favorite:hover {
  background-color: var(--variant-secundair-extra-donker-color);
  outline-color: var(--variant-secundair-extra-donker-color);
}
.functions-set .favorites-button button.is-favorite:focus::before, .functions-set .favorites-button button.is-favorite:hover::before {
  background-color: var(--variant-wit-color);
}
.functions-set .favorites-button button.is-favorite:focus::after, .functions-set .favorites-button button.is-favorite:hover::after {
  content: "Favoriet verwijderen";
}
.functions-set a.mailto::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.functions-set a.copy-to-clipboard::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-link);
}
.functions-set a:focus, .functions-set a:hover {
  position: relative;
}
.functions-set a:focus .share-text, .functions-set a:hover .share-text {
  background-color: var(--variant-zwart-color);
  color: var(--variant-wit-color);
  content: "Opslaan als favoriet";
  display: block;
  font-size: var(--knb-font-size-small-absolute);
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
@media screen and (max-width: 1023.98px) {
  .functions-set a:focus .share-text, .functions-set a:hover .share-text {
    top: calc(var(--function-button-size) + var(--gutter) * 0.5);
  }
}
@media screen and (min-width: 1024px) {
  .functions-set a:focus .share-text, .functions-set a:hover .share-text {
    left: calc(var(--function-button-size) + var(--gutter) * 0.5);
  }
}

.type-gallery .grid-nesting {
  padding-inline: calc(var(--gutter) * 0.5);
  row-gap: 20px;
}

@media screen and (max-width: 719.98px) {
  .touch .grid-row:has(.type-gallerycard) {
    margin-inline: calc(var(--gutter) * -1);
  }
}
@media screen and (max-width: 719.98px) {
  .touch .type-gallery:has(.type-gallerycard) .grid-title {
    margin-inline-start: var(--gutter);
  }
  .touch .type-gallery:has(.type-gallerycard) .grid-nesting {
    column-gap: var(--gutter) !important;
    display: flex !important;
    margin-inline: calc(var(--gutter) * 1.5);
    padding-inline: 0;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
  }
  .touch .type-gallery:has(.type-gallerycard) .grid-nesting .type-gallerycard {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    scroll-snap-align: start;
    width: calc(100vw - 80px) !important;
  }
  .touch .type-gallery:has(.type-gallerycard) .grid-nesting .type-gallerycard .grid-element,
  .touch .type-gallery:has(.type-gallerycard) .grid-nesting .type-gallerycard .grid-edge {
    width: 100%;
  }
  .touch .type-gallery:has(.type-gallerycard) .grid-nesting + .more-inside {
    margin-inline: var(--gutter);
    margin-block-start: var(--more-link-margin-block-start);
  }
}
@media screen and (max-width: 719.98px) and (max-width: 719.98px) {
  .touch .type-gallery:has(.type-gallerycard) .grid-nesting + .more-inside {
    --more-link-margin-block-start: calc(var(--gutter) * 0.5);
  }
}
@media screen and (max-width: 719.98px) and (min-width: 720px) {
  .touch .type-gallery:has(.type-gallerycard) .grid-nesting + .more-inside {
    --more-link-margin-block-start: var(--gutter);
  }
}
@media screen and (max-width: 719.98px) {
  .touch .type-gallery:has(.type-gallerycard) .grid-nesting + .more-inside a {
    display: block;
  }
}

.type-gallerycard {
  --block-margin-bottom: 0 !important;
}
@media screen and (max-width: 719.98px) {
  .type-gallerycard {
    --card-icon-size: 20px;
    --card-icon-circle-size: 32px;
    --card-icon-bottom: 18px;
    --card-icon-offset: calc(var(--card-icon-size) * 0.5 - 4px);
    --card-padding-right: 48px;
  }
}
@media screen and (min-width: 720px) {
  .type-gallerycard {
    --card-icon-size: 24px;
    --card-icon-circle-size: 48px;
    --card-icon-bottom: 24px;
    --card-icon-offset: calc(var(--card-icon-size) * 0.5);
    --card-padding-right: 56px;
  }
}
.type-gallerycard .grid-edge {
  padding-block: var(--block-padding) !important;
  padding-right: 0;
}
.type-gallerycard .grid-edge:has(.closed-item) {
  position: relative;
}
.type-gallerycard .grid-edge:has(.closed-item)::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border-radius: 20px;
  border: 1px solid var(--variant-tertiair-helder-color);
  content: "";
  display: block;
  font-size: var(--knb-font-size-small);
  padding: 6px;
  position: absolute;
  width: calc(1em + 10px);
  z-index: 1;
}
.type-gallerycard .grid-edge:has(.closed-item)::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: block;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: absolute;
  width: 20px;
  z-index: 1;
}
.type-gallerycard .grid-edge:has(.closed-item)::before {
  left: calc(var(--gutter) * 0.5);
  top: calc(var(--gutter) * 0.5);
}
.type-gallerycard .grid-edge:has(.closed-item)::after {
  left: calc(var(--gutter) * 0.5 + 10px);
  top: calc(var(--gutter) * 0.5 + 9px);
}
.type-gallerycard .grid-edge .grid-inside {
  padding-block: calc(var(--gutter) * 0.5) 0;
  padding-inline: calc(var(--gutter) * 0.5);
}
.type-gallerycard .grid-edge .grid-inside .grid-inside-inner {
  padding-block: 0 calc(var(--card-icon-circle-size) * 0.5 + 0.25em);
  padding-inline: 0 var(--card-padding-right) !important;
  position: relative;
  width: calc(100% - var(--card-padding-right));
}
.type-gallerycard .grid-edge .grid-inside .grid-inside-inner::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  width: var(--card-icon-circle-size);
}
.type-gallerycard .grid-edge .grid-inside .grid-inside-inner::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  width: var(--card-icon-size);
}
.type-gallerycard .grid-edge .grid-inside .grid-inside-inner::before {
  bottom: var(--card-icon-bottom);
  right: 0;
}
.type-gallerycard .grid-edge .grid-inside .grid-inside-inner::after {
  bottom: calc(var(--card-icon-bottom) + var(--card-icon-offset));
  right: var(--card-icon-offset);
}
.type-gallerycard .grid-edge .grid-inside .heading-elt {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --knb-grid-title-font-size: var(--knb-grid-title-font-size-smaller);
  --global-header-font-family: var(--variant-custom-broodtekst-font-family);
  --grid-block-grid-title-margin-bottom: local-vars.$bl-unit * 1.25;
  --header-font-weight: var(--knb-font-weight-medium);
  --heading-margin-block: 0 10px;
}
.type-gallerycard .grid-edge:hover a {
  text-decoration: underline;
}
.type-gallerycard .grid-edge:hover .grid-inside-inner::before {
  background-color: var(--variant-secundair-donker-color);
}
.type-gallerycard:not(:has(.iprox-keywords)) .heading-elt {
  padding-inline: 0 var(--card-padding-right) !important;
}
.type-gallerycard .grid-image {
  max-width: 100% !important;
  max-height: none !important;
  padding-inline: 0 !important;
  width: 100%;
}
.type-gallerycard .grid-image.no-image {
  aspect-ratio: 1.7777777778;
}
.type-gallerycard .date,
.type-gallerycard .iprox-date {
  --date-color: var(--variant-tertiair-donker-color);
  color: var(--date-color);
  font-size: var(--date-font-size);
}

.type-knb-header-menu {
  --knb-logo-width-large: 64px;
}
@media screen and (max-width: 1023.98px) {
  .type-knb-header-menu .grid-inside {
    display: grid;
    grid-template-columns: auto 48px;
    grid-template-rows: 64px auto;
    gap: 0px 0px;
    grid-template-areas: "logo button" "menu menu";
    height: 100%;
  }
}
@media screen and (max-width: 1023.98px) and (min-width: 720px) and (max-width: 1023.98px) {
  .type-knb-header-menu .grid-inside {
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 1023.98px) {
  .type-knb-header-menu .knb-logo {
    grid-area: logo;
  }
  .type-knb-header-menu .knb-menu-mainmenutoggle {
    grid-area: button;
  }
  .type-knb-header-menu .knb-menu {
    grid-area: menu;
  }
  .knb-menu-expanded .type-knb-header-menu {
    min-height: 100vh;
  }
  .type-knb-header-menu .knb-logo {
    margin: 12px 0;
  }
  .type-knb-header-menu .knb-logo .iprox-image {
    display: inline;
  }
  .type-knb-header-menu .knb-logo img {
    height: 36px !important;
    width: auto !important;
  }
  .type-knb-header-menu .knb-menu {
    display: none;
  }
  .type-knb-header-menu .knb-menu button.knb-menu-submenutoggle {
    background-color: transparent;
    border: 0;
    padding: 0;
  }
  .type-knb-header-menu .knb-menu button.knb-menu-submenutoggle::before {
    --submenu-toggle-background-color: var(--variant-tertiair-donker-color);
    aspect-ratio: 1/1;
    background-color: var(--submenu-toggle-background-color);
    content: "";
    display: flex;
    width: 24px;
  }
  .type-knb-header-menu .knb-menu button.knb-menu-submenutoggle[aria-expanded=true]::before {
    --submenu-toggle-background-color: var(--variant-zwart-color);
    mask: url(../images/sprites/icon-sprite.svg#img-chevron-up) 50% 50% no-repeat;
  }
  .type-knb-header-menu .knb-menu button.knb-menu-submenutoggle span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .type-knb-header-menu .knb-menu button.knb-menu-submenutoggle:hover::before {
    background-color: var(--variant-zwart-color);
  }
  .type-knb-header-menu .knb-menu nav > ul {
    border-bottom: 1px solid var(--variant-tertiair-helder-color);
    list-style-type: none;
    margin-block: 4px;
    padding-left: 0;
  }
  .type-knb-header-menu .knb-menu nav > ul > li {
    border-top: 1px solid var(--variant-tertiair-helder-color);
    font-size: 1.25em;
    display: grid;
    grid-template-columns: auto 48px;
    grid-template-rows: 72px;
    gap: 0px 0px;
    grid-template-areas: "link button" "menu menu";
    padding: 8px 0;
  }
  .type-knb-header-menu .knb-menu nav > ul > li.selected, .type-knb-header-menu .knb-menu nav > ul > li.active {
    border-top: 3px solid var(--variant-primair-extra-donker-color);
  }
  .type-knb-header-menu .knb-menu nav > ul > li.knb-submenu-expanded {
    grid-template-rows: 72px auto;
  }
  .type-knb-header-menu .knb-menu nav > ul > li > div[role=heading],
  .type-knb-header-menu .knb-menu nav > ul > li > a {
    align-self: center;
    grid-area: link;
    display: flex;
  }
  .type-knb-header-menu .knb-menu nav > ul > li .knb-menu-submenutoggle[aria-expanded=false] + ul {
    display: none;
  }
  .type-knb-header-menu .knb-menu nav > ul > li .knb-menu-submenutoggle[aria-expanded=true] + ul {
    display: block;
  }
  .type-knb-header-menu .knb-menu nav > ul > li > ul {
    display: none;
    grid-area: menu;
    list-style-type: none;
    padding-left: 0;
    margin-top: 8px;
  }
  .type-knb-header-menu .knb-menu nav > ul > li > ul > li {
    border-top: 1px solid var(--variant-tertiair-helder-color);
    padding: 10px 0;
  }
  .type-knb-header-menu .knb-menu nav > ul > li > ul > li:hover, .type-knb-header-menu .knb-menu nav > ul > li > ul > li.selected {
    background-color: var(--variant-tertiair-extra-licht-color);
  }
  .type-knb-header-menu .knb-menu nav > ul > li > ul > li a {
    color: var(--variant-secundair-donker-color);
    display: flex;
    padding: 10px 0;
  }
  .type-knb-header-menu .knb-menu nav > ul > li > ul > li a::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    content: "";
    display: flex;
    mask: url(../images/sprites/icon-sprite.svg#img-chevron-right) 50% 50% no-repeat;
    width: 24px;
  }
  .type-knb-header-menu .knb-menu nav > ul > li > ul > li a:hover, .type-knb-header-menu .knb-menu nav > ul > li > ul > li a:focus {
    background-color: var(--variant-tertiair-extra-licht-color);
    color: var(--variant-secundair-extra-donker-color);
  }
  .type-knb-header-menu .knb-menu nav > ul > li button.knb-menu-submenutoggle {
    grid-area: button;
    margin-left: auto;
  }
  .type-knb-header-menu .knb-menu nav > ul > li button.knb-menu-submenutoggle::before {
    color: var(--variant-tertiair-extra-donker-color);
    mask: url(../images/sprites/icon-sprite.svg#img-chevron-down) 50% 50% no-repeat;
  }
  .type-knb-header-menu .knb-menu nav + * {
    margin-top: auto;
  }
  .type-knb-header-menu .knb-menu-mainmenutoggle {
    align-items: center;
    background-color: var(--variant-wit-color);
    border: 0;
    color: var(--variant-secundair-extra-donker-color);
    outline: 1px solid var(--variant-tertiair-helder-color);
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 8px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 719.98px) {
  .type-knb-header-menu .knb-menu-mainmenutoggle {
    --knb-menu-toggle-size: 44px;
    align-self: center;
    border-radius: 50%;
    font-size: 0;
    height: var(--knb-menu-toggle-size);
    width: var(--knb-menu-toggle-size);
  }
}
@media screen and (max-width: 1023.98px) and (min-width: 720px) and (max-width: 1023.98px) {
  .type-knb-header-menu .knb-menu-mainmenutoggle {
    --knb-menu-toggle-size: 48px;
    align-self: center;
    border-radius: calc(var(--knb-menu-toggle-size) * 0.5);
    flex-direction: row-reverse;
    gap: 10px;
    font-family: var(--variant-custom-koptekst-font-family);
    height: var(--knb-menu-toggle-size);
    padding-inline: calc(var(--knb-menu-toggle-size) * 0.5);
    width: fit-content;
  }
}
@media screen and (max-width: 1023.98px) and (min-width: 1024px) {
  .type-knb-header-menu .knb-menu-mainmenutoggle {
    --knb-menu-toggle-size: 48px;
    border-radius: 50%;
    font-size: 0;
    height: var(--knb-menu-toggle-size);
    width: var(--knb-menu-toggle-size);
  }
}
@media screen and (max-width: 1023.98px) {
  .type-knb-header-menu .knb-menu-mainmenutoggle::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    content: "";
    display: flex;
    flex-shrink: 0;
    width: 24px;
  }
  .type-knb-header-menu .knb-menu-mainmenutoggle:focus {
    outline: 2px solid var(--variant-secundair-donker-color);
  }
  .type-knb-header-menu .knb-menu-mainmenutoggle:hover {
    background-color: var(--variant-secundair-donker-color);
    color: var(--variant-wit-color);
    outline-color: var(--variant-secundair-donker-color);
  }
  .type-knb-header-menu .knb-menu-mainmenutoggle:hover::before {
    background-color: var(--variant-wit-color);
  }
  .type-knb-header-menu .knb-menu-mainmenutoggle::before {
    mask: url(../images/sprites/icon-sprite.svg#img-menu) 50% 50% no-repeat;
  }
  .type-knb-header-menu .knb-menu-mainmenutoggle[aria-expanded=true]::before {
    mask: url(../images/sprites/icon-sprite.svg#img-close) 50% 50% no-repeat;
  }
  .type-knb-header-menu .knb-menu-mainmenutoggle[aria-expanded=true] + #knb-menu-navbar {
    display: flex;
    flex-direction: column;
  }
  .type-knb-header-menu .knb-menu-searchtoggle {
    display: none;
  }
  .type-knb-header-menu .knb-search {
    padding: 16px 0;
    width: 100%;
  }
  .type-knb-header-menu .knb-search form {
    align-items: center;
    background-color: var(--variant-tertiair-extra-licht-color);
    border-radius: 24px;
    display: flex;
    height: 32px;
    justify-content: flex-end;
    outline: 1px solid var(--variant-tertiair-helder-color);
    overflow: hidden;
    padding: 8px 10px 8px 24px;
    width: calc(100% - 34px);
  }
  .type-knb-header-menu .knb-search form:focus-within {
    outline: 1.5px solid var(--variant-secundair-extra-donker-color);
  }
  .type-knb-header-menu .knb-search form input[type=text] {
    background-color: transparent;
    border: 0;
    flex-grow: 1;
  }
  .type-knb-header-menu .knb-search form input[type=text]:focus {
    outline: 0;
  }
  .type-knb-header-menu .knb-search form button[type=submit] {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 32px;
  }
  .type-knb-header-menu .knb-search form button[type=submit]:hover::before, .type-knb-header-menu .knb-search form button[type=submit]:focus::before {
    background-color: var(--variant-secundair-extra-donker-color);
  }
  .type-knb-header-menu .knb-search form button[type=submit]::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-tertiair-donker-color);
    content: "";
    display: inline-block;
    mask: url(../images/sprites/icon-sprite.svg#img-magnify) 50% 50% no-repeat;
    width: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .type-knb-header-menu .grid-inside {
    align-items: center;
    display: flex;
  }
  .type-knb-header-menu .grid-inside .knb-logo {
    margin: 11px 0;
    z-index: 13;
  }
  .type-knb-header-menu .grid-inside .knb-logo img {
    height: auto !important;
    max-height: 50px !important;
    max-width: 200px !important;
    min-width: var(--knb-logo-width-large) !important;
    width: auto !important;
  }
  .type-knb-header-menu .grid-inside .knb-menu-mainmenutoggle {
    display: none;
  }
  .type-knb-header-menu .grid-inside .knb-menu {
    display: flex;
    flex-grow: 1;
    gap: 10px;
    margin-left: auto;
  }
  .type-knb-header-menu .grid-inside .knb-menu button.knb-menu-submenutoggle {
    background-color: transparent;
    border: 0;
    padding: 0;
  }
  .type-knb-header-menu .grid-inside .knb-menu button.knb-menu-submenutoggle::before {
    --submenu-toggle-background-color: var(--variant-tertiair-donker-color);
    aspect-ratio: 1/1;
    background-color: var(--submenu-toggle-background-color);
    content: "";
    display: flex;
    width: 24px;
  }
  .type-knb-header-menu .grid-inside .knb-menu button.knb-menu-submenutoggle[aria-expanded=true]::before {
    --submenu-toggle-background-color: var(--variant-zwart-color);
    mask: url(../images/sprites/icon-sprite.svg#img-chevron-up) 50% 50% no-repeat;
  }
  .type-knb-header-menu .grid-inside .knb-menu button.knb-menu-submenutoggle span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .type-knb-header-menu .grid-inside .knb-menu button.knb-menu-submenutoggle:hover::before {
    background-color: var(--variant-zwart-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav {
    margin-left: auto;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul {
    display: flex;
    font-weight: var(--knb-font-weight-medium);
    gap: 10px;
    list-style-type: none;
    margin-block: 0;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li {
    align-items: center;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    display: flex;
    height: 66px;
    padding: 0 10px;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li .knb-menu-submenutoggle::before {
    mask: url(../images/sprites/icon-sprite.svg#img-chevron-down) 50% 50% no-repeat;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li .knb-menu-submenutoggle[aria-expanded=false] + ul {
    display: none;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li .knb-menu-submenutoggle[aria-expanded=true] + ul {
    display: block;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li:hover, .type-knb-header-menu .grid-inside .knb-menu nav > ul > li.selected, .type-knb-header-menu .grid-inside .knb-menu nav > ul > li.active {
    border-top-color: var(--variant-primair-extra-donker-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > a,
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > div[role=heading] > a {
    --global-link-color: var(--variant-tertiair-extra-donker-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > a:hover,
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > div[role=heading] > a:hover {
    --global-link-color: var(--variant-zwart-color);
    --link-hover-text-decoration: none;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > a.closed-item::after,
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > div[role=heading] > a.closed-item::after {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    content: "";
    display: inline-block;
    margin-left: 10px;
    mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
    position: relative;
    top: 2px;
    width: 1em;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > a.closed-item::after,
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > div[role=heading] > a.closed-item::after {
    background-color: var(--global-link-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li.selected > a,
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li.selected > div[role=heading] > a, .type-knb-header-menu .grid-inside .knb-menu nav > ul > li.active > a,
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li.active > div[role=heading] > a {
    --global-link-color: var(--variant-zwart-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li.selected .knb-menu-submenutoggle::before, .type-knb-header-menu .grid-inside .knb-menu nav > ul > li.active .knb-menu-submenutoggle::before {
    --submenu-toggle-background-color: var(--variant-zwart-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul {
    background-color: var(--variant-wit-color);
    left: calc(var(--gutter) * -0.5);
    list-style-type: none;
    top: 72px;
    padding-bottom: 20px;
    position: absolute;
    width: 100vw;
    z-index: 11;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul {
    left: calc((100vw - var(--container-max-width)) * -0.5);
  }
}
@media screen and (min-width: 1024px) {
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul::after {
    background: url(../images/extra/header-bottom.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    left: 0;
    margin-left: var(--header-item-after-margin);
    position: absolute;
    top: 100%;
    width: 100%;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li {
    --submenu-link-background-color: transparent;
    --submenu-link-color: var(--variant-secundair-donker-color);
    --submenu-link-before-background-color: var(--variant-secundair-extra-donker-color);
    border-bottom: 1px solid var(--variant-tertiair-helder-color);
    max-width: 972px;
    margin: 0 auto;
    padding: 0;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li a {
    background-color: var(--submenu-link-background-color);
    color: var(--submenu-link-color);
    display: flex;
    gap: 20px;
    padding: 16px 20px;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li a.closed-item::after {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    content: "";
    display: inline-block;
    margin-left: 10px;
    mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
    position: relative;
    top: 2px;
    width: 1em;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li a.closed-item::after {
    background-color: var(--submenu-link-color);
    margin-left: 0;
    top: 0;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li a::before {
    background-color: var(--submenu-link-before-background-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li a:hover, .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li a:focus {
    --submenu-link-background-color: var(--variant-tertiair-extra-licht-color);
    --submenu-link-color: var(--variant-secundair-extra-donker-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li a:hover::before, .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li a:focus::before {
    --submenu-link-before-background-color: var(--variant-secundair-extra-donker-color);
    aspect-ratio: 1/1;
    content: "";
    display: flex;
    mask: url(../images/sprites/icon-sprite.svg#img-chevron-right) 50% 50% no-repeat;
    width: 24px;
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li:hover a, .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li.selected a {
    --submenu-link-background-color: var(--variant-tertiair-extra-licht-color);
    --submenu-link-color: var(--variant-secundair-extra-donker-color);
  }
  .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li:hover a::before, .type-knb-header-menu .grid-inside .knb-menu nav > ul > li > ul li.selected a::before {
    --submenu-link-before-background-color: var(--variant-secundair-extra-donker-color);
    aspect-ratio: 1/1;
    content: "";
    display: flex;
    mask: url(../images/sprites/icon-sprite.svg#img-chevron-right) 50% 50% no-repeat;
    width: 24px;
  }
  .type-knb-header-menu .grid-inside .knb-menu.knb-search-open {
    position: relative;
  }
  .type-knb-header-menu .grid-inside .knb-secondary-navigation {
    display: none;
  }
  .type-knb-header-menu .grid-inside .knb-search {
    align-items: center;
    display: flex;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle {
    align-items: center;
    background-color: var(--variant-wit-color);
    border: 0;
    color: var(--variant-secundair-extra-donker-color);
    outline: 1px solid var(--variant-tertiair-helder-color);
    display: flex;
    justify-content: center;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 719.98px) {
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle {
    --knb-menu-toggle-size: 44px;
    align-self: center;
    border-radius: 50%;
    font-size: 0;
    height: var(--knb-menu-toggle-size);
    width: var(--knb-menu-toggle-size);
  }
}
@media screen and (min-width: 1024px) and (min-width: 720px) and (max-width: 1023.98px) {
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle {
    --knb-menu-toggle-size: 48px;
    align-self: center;
    border-radius: calc(var(--knb-menu-toggle-size) * 0.5);
    flex-direction: row-reverse;
    gap: 10px;
    font-family: var(--variant-custom-koptekst-font-family);
    height: var(--knb-menu-toggle-size);
    padding-inline: calc(var(--knb-menu-toggle-size) * 0.5);
    width: fit-content;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle {
    --knb-menu-toggle-size: 48px;
    border-radius: 50%;
    font-size: 0;
    height: var(--knb-menu-toggle-size);
    width: var(--knb-menu-toggle-size);
  }
}
@media screen and (min-width: 1024px) {
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle::before {
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    content: "";
    display: flex;
    flex-shrink: 0;
    width: 24px;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle:focus {
    outline: 2px solid var(--variant-secundair-donker-color);
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle:hover {
    background-color: var(--variant-secundair-donker-color);
    color: var(--variant-wit-color);
    outline-color: var(--variant-secundair-donker-color);
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle:hover::before {
    background-color: var(--variant-wit-color);
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle::before {
    background-color: var(--variant-secundair-extra-donker-color);
    mask: url(../images/sprites/icon-sprite.svg#img-magnify) 50% 50% no-repeat;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true]::before {
    mask: url(../images/sprites/icon-sprite.svg#img-close) 50% 50% no-repeat;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=false] + #knb-mainmenu-search {
    display: none;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search {
    display: block;
    max-width: 100%;
    position: absolute;
    right: 64px;
    width: 100%;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search form {
    align-items: center;
    background-color: var(--variant-tertiair-extra-licht-color);
    border-radius: 24px;
    display: flex;
    height: 32px;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 8px;
    outline: 1px solid var(--variant-tertiair-helder-color);
    overflow: hidden;
    padding: 8px 10px 8px 24px;
    width: calc(100% - var(--knb-logo-width-large) - 68px);
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search form:focus-within {
    outline: 1.5px solid var(--variant-secundair-extra-donker-color);
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search form input[type=text] {
    background-color: transparent;
    border: 0;
    flex-grow: 1;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search form input[type=text]:focus {
    outline: 0;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search form button[type=submit] {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: var(--variant-secundair-extra-donker-color);
    border: 0;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding: 0;
    width: 32px;
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search form button[type=submit]:hover, .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search form button[type=submit]:focus {
    background-color: var(--variant-secundair-donker-color);
  }
  .type-knb-header-menu .grid-inside .knb-search .knb-menu-searchtoggle[aria-expanded=true] + #knb-mainmenu-search form button[type=submit]::before {
    background-color: var(--variant-wit-color);
    content: "";
    display: inline-block;
    height: 20px;
    mask: url(../images/sprites/icon-sprite.svg#img-magnify) 50% 50% no-repeat;
    width: 20px;
  }
}

.zone-type-home-headline {
  --zone-padding-block-start: 0 !important;
  --zone-padding-block-end: 0 !important;
  background-repeat: no-repeat;
  background-size: cover;
  margin-block-start: -20px;
  margin-block-end: var(--home-headline-margin-block-end);
  transition: background-image var(--knb-hero-slider-transition-duration) ease-in-out;
}
@media screen and (max-width: 719.98px) {
  .zone-type-home-headline {
    --home-headline-margin-block-end: calc(40px - var(--grid-title-padding-block-start));
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .zone-type-home-headline {
    --home-headline-margin-block-end: calc(
      80px - var(--grid-title-padding-block-start) - var(--knb-block-margin-bottom)
    );
  }
}
@media screen and (min-width: 1024px) {
  .zone-type-home-headline {
    --home-headline-margin-block-end: calc(
      120px - var(--grid-title-padding-block-start) - var(--knb-block-margin-bottom)
    );
  }
}
.zone-type-home-headline .grid-row {
  align-items: flex-end;
  display: flex;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 719.98px) {
  .zone-type-home-headline {
    --hero-slider-img-height: 500px;
    background-position: 50% 0;
    background-size: auto var(--hero-slider-img-height);
    padding-inline: 0 !important;
  }
}
@media screen and (min-width: 720px) {
  .zone-type-home-headline {
    background-position: 50% 50%;
  }
  .zone-type-home-headline .grid-row {
    height: 704px;
  }
}
@media screen and (min-width: 1920px) {
  .zone-type-home-headline {
    margin-inline: -320px;
    padding-inline: 320px;
  }
}
@media screen and (max-width: 1919.98px) {
  .zone-type-home-headline {
    margin-inline: calc((100% - 100vw) * 0.5);
    padding-inline: calc((100vw - 100%) * 0.5);
  }
}
.zone-type-home-headline::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 1.32%, rgba(0, 0, 0, 0) 100%);
  bottom: 0 !important;
  content: "";
  display: block;
  height: 100%;
  left: 0 !important;
  position: absolute;
  right: 0 !important;
  top: 0 !important;
  width: 100%;
  z-index: 0;
}

.type-knb-hero-slider {
  --block-margin-bottom: 0;
}
@media screen and (max-width: 719.98px) {
  .type-knb-hero-slider {
    overflow-x: hidden;
  }
}
@media screen and (min-width: 720px) {
  .type-knb-hero-slider {
    width: calc(50% + var(--gutter));
  }
}
@media screen and (min-width: 1280px) {
  .type-knb-hero-slider {
    width: 55%;
  }
}
@media screen and (min-width: 720px) {
  .type-knb-hero-slider .grid-edge {
    align-items: flex-end;
    display: flex;
    position: static;
    height: 100%;
  }
}
.type-knb-hero-slider .grid-edge .iproxfee {
  bottom: 0;
}
.type-knb-hero-slider .grid-title {
  --block-inner-padding-inline: calc(var(--gutter) * 0.5);
  margin-bottom: var(--grid-block-heading-margin-bottom);
  padding-top: 0 !important;
}
@media screen and (max-width: 719.98px) {
  .type-knb-hero-slider .grid-title {
    --block-inner-padding-inline: var(--gutter);
    --grid-block-heading-margin-bottom: 0;
    --grid-title-padding-bottom-small: 52px;
    align-items: flex-end;
    display: flex;
    height: calc(var(--hero-slider-img-height) - var(--grid-title-padding-bottom-small));
    padding-bottom: var(--grid-title-padding-bottom-small);
  }
}
@media screen and (min-width: 720px) {
  .type-knb-hero-slider .grid-title {
    --grid-block-heading-margin-bottom: 40px;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .type-knb-hero-slider .grid-title {
    padding-inline-start: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .type-knb-hero-slider .grid-title {
    --grid-block-heading-margin-bottom: 80px;
  }
}
.type-knb-hero-slider .grid-title > * {
  --grid-block-grid-title-margin-bottom: 0;
  --grid-block-grid-title-font-size: var(--heading-font-size-h1);
  color: var(--variant-wit-color);
  letter-spacing: -1.4px;
  line-height: var(--line-height-h1);
}
.type-knb-hero-slider .grid-inside {
  background-color: var(--textbar-background-color);
  color: var(--variant-wit-color);
  position: absolute;
  right: 0;
}
@media screen and (max-width: 719.98px) {
  .type-knb-hero-slider .grid-inside {
    --block-inner-padding-inline: 0;
    --knb-hero-slider-textbar-margin-inline: 20px;
  }
}
@media screen and (min-width: 720px) {
  .type-knb-hero-slider .grid-inside {
    --block-inner-padding-inline: 0;
    --knb-hero-slider-textbar-margin-inline: 32px;
  }
}
.type-knb-hero-slider .grid-inside:has(.textbar), .type-knb-hero-slider .grid-inside:has(.buttons) {
  --textbar-background-color: var(--variant-primair-donker-color);
}
.type-knb-hero-slider .grid-inside:has(.textbar):hover, .type-knb-hero-slider .grid-inside:has(.buttons):hover {
  --textbar-background-color: var(--variant-primair-extra-donker-color);
}
.type-knb-hero-slider .grid-inside:not(:has(.navigation-container)) {
  padding-bottom: 32px;
}
@media screen and (max-width: 719.98px) {
  .type-knb-hero-slider .grid-inside {
    position: relative;
    width: 100%;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .type-knb-hero-slider .grid-inside {
    position: absolute;
    bottom: 0;
    width: 320px;
  }
}
@media screen and (min-width: 1024px) {
  .type-knb-hero-slider .grid-inside {
    position: absolute;
    bottom: 0;
    width: 410px;
  }
}
.type-knb-hero-slider .grid-inside::before {
  aspect-ratio: 410/32;
  background-color: var(--textbar-background-color);
  bottom: 99.48%;
  mask: url(../images/extra/textbar-top.svg) 50% 50% no-repeat;
  content: "";
  display: block;
  height: auto;
  line-height: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.type-knb-hero-slider .grid-inside .hero-slider-wrapper {
  display: flex;
  flex-direction: column-reverse;
}
.type-knb-hero-slider .grid-inside .textbar {
  margin-inline: var(--knb-hero-slider-textbar-margin-inline);
}
.type-knb-hero-slider .grid-inside .textbar:has(.closed-item) .titel::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: inline-block;
  margin-left: 4px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.type-knb-hero-slider .grid-inside .textbar .titel {
  margin-top: var(--heading-margin-top);
}
.type-knb-hero-slider .grid-inside .buttons {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  margin-block: var(--knb-hero-slider-buttons-margin-block);
  margin-inline: var(--knb-hero-slider-textbar-margin-inline);
}
@media screen and (max-width: 719.98px) {
  .type-knb-hero-slider .grid-inside .buttons {
    --knb-hero-slider-button-width: 44px;
    --knb-hero-slider-buttons-margin-block: 20px;
    margin-inline: 0;
    padding-inline: var(--gutter);
  }
}
@media screen and (min-width: 720px) {
  .type-knb-hero-slider .grid-inside .buttons {
    --knb-hero-slider-button-width: 48px;
    --knb-hero-slider-buttons-margin-block: 28px;
  }
}
.type-knb-hero-slider .grid-inside .buttons button {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border: 0;
  border-radius: 50%;
  outline: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  font-size: 0;
  justify-content: center;
  padding: 0;
  width: var(--knb-hero-slider-button-width);
}
.type-knb-hero-slider .grid-inside .buttons button:hover {
  background-color: var(--variant-tertiair-licht-color);
  outline-color: var(--variant-tertiair-donker-color);
}
.type-knb-hero-slider .grid-inside .buttons button::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: flex;
  width: 24px;
}
.type-knb-hero-slider .grid-inside .buttons button.hero-slider-prev {
  order: 1;
}
.type-knb-hero-slider .grid-inside .buttons button.hero-slider-prev::before {
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-left) 50% 50% no-repeat;
}
.type-knb-hero-slider .grid-inside .buttons button.hero-slider-next {
  order: 3;
}
.type-knb-hero-slider .grid-inside .buttons button.hero-slider-next::before {
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
}
.type-knb-hero-slider .grid-inside .buttons button.toggle {
  order: 2;
}
.type-knb-hero-slider .grid-inside .buttons button.toggle.playing::before {
  mask: url(../images/sprites/icon-sprite.svg#img-pause) 50% 50% no-repeat;
}
.type-knb-hero-slider .grid-inside .buttons button.toggle.pausing::before {
  mask: url(../images/sprites/icon-sprite.svg#img-play) 50% 50% no-repeat;
}

.section-type-main .col-span-1.type-linkslist {
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-grid-title-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-1.type-linkslist .grid-edge {
  background-color: var(--variant-wit-color);
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 20px;
  font-family: var(--variant-custom-broodtekst-font-family);
  font-size: var(--linkslist-grid-title-font-size);
  font-weight: var(--knb-font-weight-medium);
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  border-block: 1px solid var(--linkslist-item-border-color);
  list-style-type: none;
  margin: 0 calc(var(--gutter) * -0.5);
  padding-left: 0;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li {
  padding-block: 20px;
  padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 40px);
  position: relative;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 32px;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li:has(a):hover {
  background-color: var(--variant-tertiair-extra-licht-color);
  color: var(--variant-secundair-extra-donker-color);
  text-decoration: underline;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li:has(a):hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li a {
  --global-link-color: var(--variant-secundair-extra-donker-color);
  display: block;
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 2px;
  width: 1em;
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-1.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-2.type-linkslist {
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-grid-title-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-2.type-linkslist .grid-edge {
  background-color: var(--variant-wit-color);
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 20px;
  font-family: var(--variant-custom-broodtekst-font-family);
  font-size: var(--linkslist-grid-title-font-size);
  font-weight: var(--knb-font-weight-medium);
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  border-block: 1px solid var(--linkslist-item-border-color);
  list-style-type: none;
  margin: 0 calc(var(--gutter) * -0.5);
  padding-left: 0;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li {
  padding-block: 20px;
  padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 40px);
  position: relative;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 32px;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li:has(a):hover {
  background-color: var(--variant-tertiair-extra-licht-color);
  color: var(--variant-secundair-extra-donker-color);
  text-decoration: underline;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li:has(a):hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li a {
  --global-link-color: var(--variant-secundair-extra-donker-color);
  display: block;
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 2px;
  width: 1em;
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-2.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-3.type-linkslist, .section-type-main .col-span-4.type-linkslist {
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-grid-title-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-3.type-linkslist .grid-edge, .section-type-main .col-span-4.type-linkslist .grid-edge {
  background-color: var(--variant-wit-color);
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .image, .section-type-main .col-span-4.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-title *, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 20px;
  font-family: var(--variant-custom-broodtekst-font-family);
  font-size: var(--linkslist-grid-title-font-size);
  font-weight: var(--knb-font-weight-medium);
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  border-block: 1px solid var(--linkslist-item-border-color);
  list-style-type: none;
  margin: 0 calc(var(--gutter) * -0.5);
  padding-left: 0;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li {
  padding-block: 20px;
  padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 40px);
  position: relative;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li::before, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 32px;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li::after, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li:has(a):hover, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li:has(a):hover {
  background-color: var(--variant-tertiair-extra-licht-color);
  color: var(--variant-secundair-extra-donker-color);
  text-decoration: underline;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li:has(a):hover::before, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li:has(a):hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li a, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li a {
  --global-link-color: var(--variant-secundair-extra-donker-color);
  display: block;
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 2px;
  width: 1em;
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-3.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after, .section-type-main .col-span-4.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-5.type-linkslist {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-link-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-5.type-linkslist .grid-edge {
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 0;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 719.98px) {
  .section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0;
  }
  .section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: 0 52px;
  }
}
@media screen and (min-width: 720px) {
  .section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0 calc(var(--gutter) * -0.5);
  }
  .section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 56px);
  }
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  line-height: var(--linkslist-link-line-height);
  padding-block: 44px;
  position: relative;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li::before {
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  height: 48px;
  position: absolute;
  right: 0px;
  top: 42px;
  width: 48px;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
  top: 54px;
  width: 24px;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li a {
  display: block;
  font-size: var(--linkslist-link-font-size);
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li:hover {
  background-color: var(--variant-tertiair-extra-licht-color);
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-5.type-linkslist .grid-edge .grid-inside ul.list li:hover a {
  text-decoration: underline;
}
.section-type-main .col-span-6.type-linkslist {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-link-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-6.type-linkslist .grid-edge {
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 0;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 719.98px) {
  .section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0;
  }
  .section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: 0 52px;
  }
}
@media screen and (min-width: 720px) {
  .section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0 calc(var(--gutter) * -0.5);
  }
  .section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 56px);
  }
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  line-height: var(--linkslist-link-line-height);
  padding-block: 44px;
  position: relative;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li::before {
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  height: 48px;
  position: absolute;
  right: 0px;
  top: 42px;
  width: 48px;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
  top: 54px;
  width: 24px;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li a {
  display: block;
  font-size: var(--linkslist-link-font-size);
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li:hover {
  background-color: var(--variant-tertiair-extra-licht-color);
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-6.type-linkslist .grid-edge .grid-inside ul.list li:hover a {
  text-decoration: underline;
}
.section-type-main .col-span-7.type-linkslist {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-link-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-7.type-linkslist .grid-edge {
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 0;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 719.98px) {
  .section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0;
  }
  .section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: 0 52px;
  }
}
@media screen and (min-width: 720px) {
  .section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0 calc(var(--gutter) * -0.5);
  }
  .section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 56px);
  }
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  line-height: var(--linkslist-link-line-height);
  padding-block: 44px;
  position: relative;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li::before {
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  height: 48px;
  position: absolute;
  right: 0px;
  top: 42px;
  width: 48px;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
  top: 54px;
  width: 24px;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li a {
  display: block;
  font-size: var(--linkslist-link-font-size);
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li:hover {
  background-color: var(--variant-tertiair-extra-licht-color);
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-7.type-linkslist .grid-edge .grid-inside ul.list li:hover a {
  text-decoration: underline;
}
.section-type-main .col-span-8.type-linkslist {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-link-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-8.type-linkslist .grid-edge {
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 0;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 719.98px) {
  .section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0;
  }
  .section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: 0 52px;
  }
}
@media screen and (min-width: 720px) {
  .section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0 calc(var(--gutter) * -0.5);
  }
  .section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 56px);
  }
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  line-height: var(--linkslist-link-line-height);
  padding-block: 44px;
  position: relative;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li::before {
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  height: 48px;
  position: absolute;
  right: 0px;
  top: 42px;
  width: 48px;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
  top: 54px;
  width: 24px;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li a {
  display: block;
  font-size: var(--linkslist-link-font-size);
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li:hover {
  background-color: var(--variant-tertiair-extra-licht-color);
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-8.type-linkslist .grid-edge .grid-inside ul.list li:hover a {
  text-decoration: underline;
}
.section-type-main .col-span-9.type-linkslist {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-link-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-9.type-linkslist .grid-edge {
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 0;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 719.98px) {
  .section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0;
  }
  .section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: 0 52px;
  }
}
@media screen and (min-width: 720px) {
  .section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0 calc(var(--gutter) * -0.5);
  }
  .section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 56px);
  }
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  line-height: var(--linkslist-link-line-height);
  padding-block: 44px;
  position: relative;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li::before {
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  height: 48px;
  position: absolute;
  right: 0px;
  top: 42px;
  width: 48px;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
  top: 54px;
  width: 24px;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li a {
  display: block;
  font-size: var(--linkslist-link-font-size);
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li:hover {
  background-color: var(--variant-tertiair-extra-licht-color);
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-9.type-linkslist .grid-edge .grid-inside ul.list li:hover a {
  text-decoration: underline;
}
.section-type-main .col-span-10.type-linkslist {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-link-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-10.type-linkslist .grid-edge {
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 0;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 719.98px) {
  .section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0;
  }
  .section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: 0 52px;
  }
}
@media screen and (min-width: 720px) {
  .section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0 calc(var(--gutter) * -0.5);
  }
  .section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 56px);
  }
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  line-height: var(--linkslist-link-line-height);
  padding-block: 44px;
  position: relative;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li::before {
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  height: 48px;
  position: absolute;
  right: 0px;
  top: 42px;
  width: 48px;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
  top: 54px;
  width: 24px;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li a {
  display: block;
  font-size: var(--linkslist-link-font-size);
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li:hover {
  background-color: var(--variant-tertiair-extra-licht-color);
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-10.type-linkslist .grid-edge .grid-inside ul.list li:hover a {
  text-decoration: underline;
}
.section-type-main .col-span-11.type-linkslist, .section-type-main .col-span-12.type-linkslist {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --linkslist-item-border-color: var(--variant-tertiair-helder-color);
  --linkslist-link-font-size: var(--knb-grid-title-font-size);
}
.section-type-main .col-span-11.type-linkslist .grid-edge, .section-type-main .col-span-12.type-linkslist .grid-edge {
  display: flex;
  flex-direction: column;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .image, .section-type-main .col-span-12.type-linkslist .grid-edge .image {
  order: -1;
  padding-top: 0;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-title *, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-title * {
  --grid-block-grid-title-margin-bottom: 0;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside {
  padding-bottom: 0;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list {
  --content-list-gap: 0;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 719.98px) {
  .section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0;
  }
  .section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: 0 52px;
  }
}
@media screen and (min-width: 720px) {
  .section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list {
    margin: 0 calc(var(--gutter) * -0.5);
  }
  .section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li {
    padding-inline: calc(var(--gutter) * 0.5) calc(var(--gutter) * 0.5 + 56px);
  }
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  line-height: var(--linkslist-link-line-height);
  padding-block: 44px;
  position: relative;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li::before, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li::before {
  background-color: var(--variant-secundair-extra-donker-color);
  border-radius: 50%;
  content: "";
  height: 48px;
  position: absolute;
  right: 0px;
  top: 42px;
  width: 48px;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li::after, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
  top: 54px;
  width: 24px;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li:has(a.externLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li:has(a.mailtoLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li:has(a.phoneLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li:has(a.importLink)::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li.ipx-pt-download::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li a, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li a {
  display: block;
  font-size: var(--linkslist-link-font-size);
  font-weight: var(--knb-font-weight-medium);
  position: relative;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li:hover, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li:hover {
  background-color: var(--variant-tertiair-extra-licht-color);
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li:hover::before, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.section-type-main .col-span-11.type-linkslist .grid-edge .grid-inside ul.list li:hover a, .section-type-main .col-span-12.type-linkslist .grid-edge .grid-inside ul.list li:hover a {
  text-decoration: underline;
}

.canvas.download .downloadlist {
  padding-inline-start: 0;
}
.canvas.download .downloadlist > .entry,
.canvas.download .downloadlist > .entry .label {
  display: block;
}

.type-knb-list-slider {
  --heading-font-size: var(--knb-grid-title-font-size);
  --heading-line-height: var(--line-height-h4);
  --list-slider-link-font-size: var(--knb-grid-title-font-size);
}
@media screen and (max-width: 1023.98px) {
  .type-knb-list-slider {
    --list-slider-link-padding-block: 16px;
    --list-slider-link-padding-inline: 48px 0;
    --list-slider-link-icon-circle-size: 28px;
    --list-slider-link-icon-circle-left-pos: 0px;
    --list-slider-link-icon-circle-top-pos: 14px;
    --list-slider-link-icon-arrow-size: 20px;
    --list-slider-link-icon-arrow-left-pos: 6px;
    --list-slider-link-icon-arrow-top-pos: 19px;
  }
}
@media screen and (min-width: 1024px) {
  .type-knb-list-slider {
    --list-slider-link-padding-block: 20px;
    --list-slider-link-padding-inline: 124px 60px;
    --list-slider-link-icon-circle-size: 44px;
    --list-slider-link-icon-circle-left-pos: 60px;
    --list-slider-link-icon-circle-top-pos: 16px;
    --list-slider-link-icon-arrow-size: 24px;
    --list-slider-link-icon-arrow-left-pos: 72px;
    --list-slider-link-icon-arrow-top-pos: 26px;
  }
}
.type-knb-list-slider .grid-inside {
  display: flex;
  position: relative;
}
@media screen and (max-width: 719.98px) {
  .type-knb-list-slider .grid-inside {
    flex-direction: column;
  }
}
.type-knb-list-slider .list-slider-image-dummy {
  aspect-ratio: 62/52;
  display: block;
  height: auto;
  line-height: 0;
}
@media screen and (max-width: 719.98px) {
  .type-knb-list-slider .list-slider-image-dummy {
    width: 100%;
  }
}
@media screen and (min-width: 720px) {
  .type-knb-list-slider .list-slider-image-dummy {
    width: 50%;
  }
}
.type-knb-list-slider ul {
  --content-list-gap: 0;
  list-style-type: none;
  margin-block: 0;
  padding-left: 0;
}
@media screen and (max-width: 719.98px) {
  .type-knb-list-slider ul {
    margin-block: 20px 0;
    margin-inline: 0;
    width: 100%;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .type-knb-list-slider ul {
    margin-inline: calc(var(--gutter) * 0.5);
    width: calc(50% - var(--gutter));
  }
}
@media screen and (min-width: 1024px) {
  .type-knb-list-slider ul {
    margin-inline: 0 calc(var(--gutter) * 0.5);
    width: calc(50% - var(--gutter) * 0.5);
  }
}
.type-knb-list-slider ul li a {
  display: block;
}
.type-knb-list-slider ul li a, .type-knb-list-slider ul li a:visited {
  color: var(--variant-tertiair-donker-color);
}
.type-knb-list-slider ul li a:hover {
  color: var(--variant-tertiair-extra-donker-color);
}
.type-knb-list-slider ul li a:hover + .list-slider-image {
  opacity: 1;
}
.type-knb-list-slider ul li a.closed-item .list-slider-link-inner .list-slider-link-label {
  position: relative;
}
.type-knb-list-slider ul li a.closed-item .list-slider-link-inner .list-slider-link-label::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-tertiair-donker-color);
  content: "";
  display: inline-block;
  margin-left: 4px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 4px;
  width: 1em;
}
.type-knb-list-slider ul li .list-slider-image {
  align-items: center;
  aspect-ratio: 62/52;
  display: flex;
  height: auto;
  left: 0;
  line-height: 0;
  margin-inline: calc(var(--gutter) * 0.5) 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: 0.2s ease-in-out;
}
@media screen and (max-width: 719.98px) {
  .type-knb-list-slider ul li .list-slider-image {
    width: calc(100% - var(--gutter));
  }
}
@media screen and (min-width: 720px) {
  .type-knb-list-slider ul li .list-slider-image {
    width: calc(50% - var(--gutter) * 0.5);
  }
}
.type-knb-list-slider ul li .list-slider-image img {
  width: 100% !important;
  height: 100% !important;
}
.type-knb-list-slider ul li .list-slider-link-inner {
  display: block;
  font-size: var(--list-slider-link-font-size);
  font-weight: var(--knb-font-weight-medium);
  line-height: var(--list-slider-link-line-height);
  padding-block: var(--list-slider-link-padding-block);
  padding-inline: var(--list-slider-link-padding-inline);
  position: relative;
}
.type-knb-list-slider ul li .list-slider-link-inner::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-tertiair-licht-color);
  border-radius: 50%;
  border: 1px solid var(--variant-tertiair-helder-color);
  content: "";
  left: var(--list-slider-link-icon-circle-left-pos);
  position: absolute;
  top: var(--list-slider-link-icon-circle-top-pos);
  width: var(--list-slider-link-icon-circle-size);
}
.type-knb-list-slider ul li .list-slider-link-inner::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: flex;
  left: var(--list-slider-link-icon-arrow-left-pos);
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
  position: absolute;
  top: var(--list-slider-link-icon-arrow-top-pos);
  width: var(--list-slider-link-icon-arrow-size);
}
.type-knb-list-slider ul li .list-slider-link-inner:hover {
  text-decoration: underline;
}
.type-knb-list-slider ul li .list-slider-link-inner:hover::before {
  background-color: var(--variant-tertiair-helder-color);
}
.type-knb-list-slider ul li .list-slider-link-inner.externLink::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-top-right);
}
.type-knb-list-slider ul li .list-slider-link-inner.mailtoLink::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-email);
}
.type-knb-list-slider ul li .list-slider-link-inner.phoneLink::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-phone);
}
.type-knb-list-slider ul li .list-slider-link-inner.importLink::after {
  mask-image: url(../images/sprites/icon-sprite.svg#img-download);
}
.type-knb-list-slider ul li.meer-link .list-slider-link-inner::before {
  background-color: var(--variant-secundair-extra-donker-color);
  border: 1px solid var(--variant-secundair-extra-donker-color);
}
.type-knb-list-slider ul li.meer-link .list-slider-link-inner::after {
  background-color: var(--variant-wit-color);
}
.type-knb-list-slider ul li.meer-link a:hover .list-slider-link-inner::before {
  background-color: var(--variant-secundair-donker-color);
  border: 1px solid var(--variant-secundair-donker-color);
}

@media screen and (max-width: 1023.98px) {
  .grid-zone.zone-type-header-nav-top {
    display: none;
  }
  ul.knb-secondary-navigation {
    list-style-type: none;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  ul.knb-secondary-navigation {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1023.98px) {
  ul.knb-secondary-navigation li {
    padding: 16px 0;
  }
  ul.knb-secondary-navigation li a:is(a) {
    --button-font-family: var(--variant-custom-koptekst-font-family);
    --button-font-size: 1em;
    --button-line-height: 1;
    --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
    --button-border-color: var(--variant-secundair-extra-donker-color);
    --button-border-radius: 25px;
    --button-border-style: solid;
    --button-border-width: 1px;
    --button-color: var(--variant-wit-color);
    --button-font-weight: var(--global-font-weight-bold);
    --button-padding: 13px 24px;
    --button-text-decoration: none;
    --button-hover-background-color: var(
      --knb-button-primary-hover-background-color,
      var(--variant-secundair-donker-color)
    );
    --button-hover-border-color: var(--variant-secundair-donker-color);
    --button-hover-color: var(--variant-wit-color);
    --button-hover-text-decoration: none;
    --button-disabled-background-color: var(--variant-tertiair-color);
    --button-disabled-color: var(--variant-tertiair-helder-color);
    --button-background-color: var(--button-secondary-background-color);
    --button-border-color: var(--button-secondary-border-color);
    --button-border-width: var(--button-secondary-border-width);
    --button-color: var(--button-secondary-color);
    --button-disabled-background-color: var(--button-secondary-disabled-background-color);
    --button-disabled-color: var(--button-secondary-disabled-color);
    --button-hover-background-color: var(--button-secondary-hover-background-color);
    --button-hover-border-color: var(--button-secondary-hover-border-color);
    --button-hover-color: var(--button-secondary-hover-color);
    --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
    --button-text-decoration: var(--button-secondary-text-decoration);
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    line-height: var(--button-line-height);
    text-align: center;
    background-color: var(--button-background-color);
    border-color: var(--button-border-color);
    border-radius: var(--button-border-radius);
    border-style: var(--button-border-style);
    border-width: var(--button-border-width);
    color: var(--button-color);
    font-weight: var(--button-font-weight);
    padding: var(--button-padding);
    text-decoration: var(--button-text-decoration);
    display: block !important;
  }
  ul.knb-secondary-navigation li a:is(a):is(a) {
    display: inline-block;
  }
  ul.knb-secondary-navigation li a:is(a):is(a), ul.knb-secondary-navigation li a:is(a):is(a):visited {
    color: var(--button-color);
    text-decoration: var(--button-text-decoration);
  }
  ul.knb-secondary-navigation li a:is(a):hover, ul.knb-secondary-navigation li a:is(a):active {
    cursor: pointer;
  }
  ul.knb-secondary-navigation li a:is(a)[disabled], ul.knb-secondary-navigation li a:is(a)[disabled]:hover, ul.knb-secondary-navigation li a:is(a)[disabled]:active, ul.knb-secondary-navigation li a:is(a).disabled, ul.knb-secondary-navigation li a:is(a).disabled:hover, ul.knb-secondary-navigation li a:is(a).disabled:active {
    cursor: var(--button-disables-cursor, not-allowed);
    opacity: var(--button-disables-opacity, 1);
  }
  ul.knb-secondary-navigation li a:is(a):hover, ul.knb-secondary-navigation li a:is(a):active {
    background-color: var(--button-hover-background-color);
    border-color: var(--button-hover-border-color);
    color: var(--button-hover-color);
    text-decoration: var(--button-hover-text-decoration);
  }
  ul.knb-secondary-navigation li a:is(a)[disabled], ul.knb-secondary-navigation li a:is(a)[disabled]:hover, ul.knb-secondary-navigation li a:is(a)[disabled]:active, ul.knb-secondary-navigation li a:is(a).disabled, ul.knb-secondary-navigation li a:is(a).disabled:hover, ul.knb-secondary-navigation li a:is(a).disabled:active {
    background-color: var(--button-disabled-background-color);
    color: var(--button-disabled-color);
    text-decoration: var(--button-text-decoration);
  }
  ul.knb-secondary-navigation li.knb-login a:is(a) {
    --button-font-family: var(--variant-custom-koptekst-font-family);
    --button-font-size: 1em;
    --button-line-height: 1;
    --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
    --button-border-color: var(--variant-secundair-extra-donker-color);
    --button-border-radius: 25px;
    --button-border-style: solid;
    --button-border-width: 1px;
    --button-color: var(--variant-wit-color);
    --button-font-weight: var(--global-font-weight-bold);
    --button-padding: 13px 24px;
    --button-text-decoration: none;
    --button-hover-background-color: var(
      --knb-button-primary-hover-background-color,
      var(--variant-secundair-donker-color)
    );
    --button-hover-border-color: var(--variant-secundair-donker-color);
    --button-hover-color: var(--variant-wit-color);
    --button-hover-text-decoration: none;
    --button-disabled-background-color: var(--variant-tertiair-color);
    --button-disabled-color: var(--variant-tertiair-helder-color);
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    line-height: var(--button-line-height);
    text-align: center;
    background-color: var(--button-background-color);
    border-color: var(--button-border-color);
    border-radius: var(--button-border-radius);
    border-style: var(--button-border-style);
    border-width: var(--button-border-width);
    color: var(--button-color);
    font-weight: var(--button-font-weight);
    padding: var(--button-padding);
    text-decoration: var(--button-text-decoration);
    --global-link-color: var(--variant-wit-color);
  }
  ul.knb-secondary-navigation li.knb-login a:is(a):is(a) {
    display: inline-block;
  }
  ul.knb-secondary-navigation li.knb-login a:is(a):is(a), ul.knb-secondary-navigation li.knb-login a:is(a):is(a):visited {
    color: var(--button-color);
    text-decoration: var(--button-text-decoration);
  }
  ul.knb-secondary-navigation li.knb-login a:is(a):hover, ul.knb-secondary-navigation li.knb-login a:is(a):active {
    cursor: pointer;
  }
  ul.knb-secondary-navigation li.knb-login a:is(a)[disabled], ul.knb-secondary-navigation li.knb-login a:is(a)[disabled]:hover, ul.knb-secondary-navigation li.knb-login a:is(a)[disabled]:active, ul.knb-secondary-navigation li.knb-login a:is(a).disabled, ul.knb-secondary-navigation li.knb-login a:is(a).disabled:hover, ul.knb-secondary-navigation li.knb-login a:is(a).disabled:active {
    cursor: var(--button-disables-cursor, not-allowed);
    opacity: var(--button-disables-opacity, 1);
  }
  ul.knb-secondary-navigation li.knb-login a:is(a):hover, ul.knb-secondary-navigation li.knb-login a:is(a):active {
    background-color: var(--button-hover-background-color);
    border-color: var(--button-hover-border-color);
    color: var(--button-hover-color);
    text-decoration: var(--button-hover-text-decoration);
  }
  ul.knb-secondary-navigation li.knb-login a:is(a)[disabled], ul.knb-secondary-navigation li.knb-login a:is(a)[disabled]:hover, ul.knb-secondary-navigation li.knb-login a:is(a)[disabled]:active, ul.knb-secondary-navigation li.knb-login a:is(a).disabled, ul.knb-secondary-navigation li.knb-login a:is(a).disabled:hover, ul.knb-secondary-navigation li.knb-login a:is(a).disabled:active {
    background-color: var(--button-disabled-background-color);
    color: var(--button-disabled-color);
    text-decoration: var(--button-text-decoration);
  }
}
@media screen and (min-width: 720px) {
  .type-login-button {
    align-items: center;
    display: flex;
    height: 56px;
    margin-left: auto;
  }
  .type-login-button a::before {
    mask: url(../images/sprites/icon-sprite.svg#img-account) 50% 50% no-repeat;
  }
}
.mailinglist .type-form h2 {
  --heading-font-size: var(--heading-font-size-h2-small);
}
.mailinglist .type-form fieldset:has(legend:not(.subheading):not(.label)) input[type=hidden] + .input-row {
  margin-top: 24px;
}
.mailinglist .type-form fieldset:has(input:not(:not([type=hidden]))) {
  margin-block-start: 0;
}
.mailinglist .zone-type-content .grid-row + .grid-row {
  margin-block-start: 40px;
}

.type-mediaplayer .media-content .activate-control .activate-media {
  --outline-size: 8px;
  --media-play-icon-size: 40px;
  background-color: var(--variant-primair-donker-color);
  border-color: var(--knb-wit-opac-50);
  outline-color: var(--knb-wit-opac-50);
}
.type-mediaplayer .media-content .activate-control .activate-media::before {
  background-color: var(--variant-wit-color);
  color: var(--variant-primair-donker-color);
  font-family: "Font Awesome 6 Sharp", sans-serif;
}
.type-mediaplayer .media-content .activate-control .activate-media:hover {
  --outline-size: 8px;
  border-color: var(--variant-tertiair-licht-color);
  outline-color: var(--variant-tertiair-licht-color);
}
.type-mediaplayer .mejs__controls {
  --media-controls-background-color: var(--variant-primair-extra-donker-color);
}

.zone-type-content:has(.type-mediaplayer) .type-collapsible-media-linkslist .grid-edge,
.zone-type-content:has(.type-mediaplayer) .type-collapsible-rich-content .grid-edge {
  padding-inline: 20px;
}

.row-type-pagetitle + .row-type-meta {
  margin-block-start: 16px !important;
}

.type-meta {
  --block-margin-bottom: 40px !important;
}
.main-has-layout-home .type-meta .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}
.main-has-layout-home .type-meta .grid-inside {
  justify-content: center;
}
.main-has-layout-full .type-meta .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}
.main-has-layout-full .type-meta .grid-inside {
  justify-content: center;
}
.main-has-layout-newsletter .type-meta .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}
.main-has-layout-newsletter .type-meta .grid-inside {
  justify-content: center;
}
.main-has-layout-nieuws .type-meta .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}
.main-has-layout-nieuws .type-meta .grid-inside {
  justify-content: center;
}
.main-has-layout-regular .type-meta .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}
.main-has-layout-regular .type-meta .grid-inside {
  justify-content: center;
}
.main-has-layout-navigation .type-meta .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}
.main-has-layout-navigation .type-meta .grid-inside {
  justify-content: center;
}
.type-meta .grid-inside {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.type-meta .grid-inside .meta-below-title {
  overflow-wrap: normal;
  white-space: nowrap;
}
.type-meta .grid-inside .meta-below-title + .meta-below-title-separator {
  display: block;
}
.type-meta .grid-inside .meta-below-title-separator {
  display: none;
  font-size: 0;
}
.type-meta .grid-inside .meta-below-title-separator::before {
  aspect-ratio: 1/1;
  background: url(../images/extra/breadcrumb-separator.svg) 50% 50% no-repeat;
  content: "";
  display: inline-block;
  width: 20px;
}

.type-navbar {
  --navigation-block-item-border-width: 1px;
  --navigation-block-item-border-style: solid;
  --navigation-block-item-border-color: var(--variant-tertiair-donker-color);
  --navigation-block-active-text-decoration: underline;
  --navigation-block-active-color: var(--global-link-color);
  --navigation-navparent-margin-bottom: 12px;
  --navigation-navparent-font-weight: var(--knb-font-weight-medium);
  --navigation-navitems-padding-left: 0;
  --navigation-navitems-margin-top: 12px;
  --knb-navbar-link-font-weight: var(--knb-font-weight-regular);
  --knb-navbar-link-text-decoration: none;
}
.type-navbar .grid-inside + .grid-inside {
  padding-top: 24px;
}
.type-navbar ul {
  list-style-type: none;
}
.type-navbar ul, .type-navbar ul.nav-items {
  --content-list-padding-inline-start: 0;
}
.type-navbar ul li a, .type-navbar ul.nav-items li a {
  font-weight: var(--knb-navbar-link-font-weight);
  text-decoration: var(--knb-navbar-link-text-decoration) !important;
}
.type-navbar ul li a.closed-item::after, .type-navbar ul.nav-items li a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-tertiair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 4px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 2px;
  width: 1em;
}
.type-navbar ul li a:hover, .type-navbar ul.nav-items li a:hover {
  --knb-navbar-link-text-decoration: underline;
}
.type-navbar ul.nav-parent > li > a {
  --navigation-navparent-font-weight: var(--knb-font-weight-medium);
}
ul.nav-parent .type-navbar ul {
  margin-top: 24px;
}
.type-navbar ul.nav-items {
  border-bottom: 1px solid var(--navigation-block-item-border-color);
}
.type-navbar ul.nav-items > li {
  margin-block-end: 4px;
}
.type-navbar ul.nav-items > li:not(:first-child) {
  border-top: 1px solid var(--navigation-block-item-border-color);
  padding-block-start: 12px;
}
.type-navbar ul.nav-items > li:last-child {
  padding-block-end: 4px;
}
.type-navbar ul.nav-items > li > a {
  --knb-navbar-link-font-weight: var(--knb-font-weight-medium);
}
.type-navbar ul ul {
  --content-list-padding-inline-start: 40px;
  margin-block: 12px 8px;
}
.type-navbar ul li a {
  --navigation-navparent-font-weight: var(--knb-font-weight-regular);
  --knb-navbar-link-font-weight: var(--knb-font-weight-regular);
}
.type-navbar ul li.active a {
  font-style: normal;
}
.type-navbar ul li.active > a {
  --knb-navbar-link-text-decoration: underline;
}

.type-pager {
  --knb-pager-background-color: var(--variant-wit-color);
  --knb-pager-color: var(--variant-secundair-extra-donker-color);
  --knb-pager-step-size: 48px;
  --knb-pager-flex-justify: flex-end;
  --knb-pager-gap: 0;
}
.grid-nesting .grid-block:has(+ .type-pager) {
  padding-block-end: 20px;
}
.type-pager.pager-block-above {
  display: none;
}
.type-pager ul.pager-list {
  --pager-background-color: var(--knb-pager-background-color);
  --pager-color: var(--knb-pager-color);
  --pager-step-size: var(--knb-pager-step-size);
  --pager-flex-justify: var(--knb-pager-flex-justify);
  --pager-gap: var(--knb-pager-gap);
}
.type-pager ul.pager-list li .pager-step {
  aspect-ratio: 1/1;
  border: 1px solid var(--variant-tertiair-helder-color);
  font-family: var(--variant-custom-koptekst-font-family);
  padding: 0;
}
.type-pager ul.pager-list li .pager-step.pager-current, .type-pager ul.pager-list li .pager-step:hover {
  --pager-color: var(--variant-wit-color);
  --pager-background-color: var(--global-link-color);
  border-color: var(--global-link-color);
}
.type-pager ul.pager-list li .pager-step .selected-item {
  font-weight: var(--knb-font-weight-regular);
}
.type-pager ul.pager-list li a.pager-navlink {
  --pager-background-color: transparent;
  align-items: center;
  aspect-ratio: 1/1;
  border: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  font-size: 0;
  gap: 0;
  justify-content: center;
  padding: 0;
  width: var(--pager-step-size);
}
.type-pager ul.pager-list li a.pager-navlink::before {
  aspect-ratio: 1/1;
  background-color: var(--global-link-color);
  content: "";
  display: inline-block;
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  width: 24px;
}
.type-pager ul.pager-list li a.pager-navlink.pager-previous::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-left);
}
.type-pager ul.pager-list li a.pager-navlink.pager-next::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-right);
}
.type-pager ul.pager-list li a.pager-navlink:hover {
  --pager-background-color: var(--global-link-color);
}
.type-pager ul.pager-list li a.pager-navlink:hover::before {
  background-color: var(--variant-wit-color);
}
.type-pager .month-pager {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.type-pager .month-pager .previous-month,
.type-pager .month-pager .next-month {
  text-indent: 0;
  width: auto;
}
.type-pager .month-pager .previous-month a.calendar-navlink,
.type-pager .month-pager .next-month a.calendar-navlink {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border: 1px solid var(--variant-tertiair-helder-color);
  border-radius: 50%;
  display: flex;
  font-size: 0;
  gap: 0;
  height: var(--knb-pager-step-size);
  justify-content: center;
  padding: 0;
  width: var(--knb-pager-step-size);
}
.type-pager .month-pager .previous-month a.calendar-navlink::before,
.type-pager .month-pager .next-month a.calendar-navlink::before {
  aspect-ratio: 1/1;
  background-color: var(--global-link-color);
  content: "";
  display: inline-flex;
  font-size: 1rem;
  height: 24px;
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  width: 24px;
}
.type-pager .month-pager .previous-month a.calendar-navlink.calendar-previous::before,
.type-pager .month-pager .next-month a.calendar-navlink.calendar-previous::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-left);
}
.type-pager .month-pager .previous-month a.calendar-navlink.calendar-next::before,
.type-pager .month-pager .next-month a.calendar-navlink.calendar-next::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-arrow-right);
}
.type-pager .month-pager .previous-month a.calendar-navlink:hover,
.type-pager .month-pager .next-month a.calendar-navlink:hover {
  --pager-background-color: var(--global-link-color);
  background-color: var(--variant-secundair-extra-donker-color);
  border-color: var(--variant-secundair-extra-donker-color);
}
.type-pager .month-pager .previous-month a.calendar-navlink:hover::before,
.type-pager .month-pager .next-month a.calendar-navlink:hover::before {
  background-color: var(--variant-wit-color);
}
.type-pager .month-pager .current-month {
  font-size: 1.22em;
  font-weight: var(--knb-font-weight-medium);
}

.main-has-layout-home .row-type-title:not(:has(+ .row-type-meta)) .grid-block,
.main-has-layout-home .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block {
  --block-margin-bottom: 40px !important;
}
.main-has-layout-home .row-type-title:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after,
.main-has-layout-home .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}

.main-has-layout-full .row-type-title:not(:has(+ .row-type-meta)) .grid-block,
.main-has-layout-full .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block {
  --block-margin-bottom: 40px !important;
}
.main-has-layout-full .row-type-title:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after,
.main-has-layout-full .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}

.main-has-layout-newsletter .row-type-title:not(:has(+ .row-type-meta)) .grid-block,
.main-has-layout-newsletter .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block {
  --block-margin-bottom: 40px !important;
}
.main-has-layout-newsletter .row-type-title:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after,
.main-has-layout-newsletter .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}

.main-has-layout-nieuws .row-type-title:not(:has(+ .row-type-meta)) .grid-block,
.main-has-layout-nieuws .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block {
  --block-margin-bottom: 40px !important;
}
.main-has-layout-nieuws .row-type-title:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after,
.main-has-layout-nieuws .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}

.main-has-layout-regular .row-type-title:not(:has(+ .row-type-meta)) .grid-block,
.main-has-layout-regular .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block {
  --block-margin-bottom: 40px !important;
}
.main-has-layout-regular .row-type-title:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after,
.main-has-layout-regular .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}

.main-has-layout-navigation .row-type-title:not(:has(+ .row-type-meta)) .grid-block,
.main-has-layout-navigation .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block {
  --block-margin-bottom: 40px !important;
}
.main-has-layout-navigation .row-type-title:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after,
.main-has-layout-navigation .row-type-pagetitle:not(:has(+ .row-type-meta)) .grid-block .grid-edge::after {
  background: url(../images/extra/underscore.svg) 50% 50% no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  margin: 24px auto 0;
  max-width: 640px;
  position: static;
  right: 0;
  width: 100%;
}

.main-has-layout-home .type-title .grid-title,
.main-has-layout-home .type-pagetitle .grid-title {
  text-align: center;
}
.main-has-layout-full .type-title .grid-title,
.main-has-layout-full .type-pagetitle .grid-title {
  text-align: center;
}
.main-has-layout-newsletter .type-title .grid-title,
.main-has-layout-newsletter .type-pagetitle .grid-title {
  text-align: center;
}
.main-has-layout-nieuws .type-title .grid-title,
.main-has-layout-nieuws .type-pagetitle .grid-title {
  text-align: center;
}
.main-has-layout-regular .type-title .grid-title,
.main-has-layout-regular .type-pagetitle .grid-title {
  text-align: center;
}
.main-has-layout-navigation .type-title .grid-title,
.main-has-layout-navigation .type-pagetitle .grid-title {
  text-align: center;
}
.type-title .dash,
.type-title .submode,
.type-pagetitle .dash,
.type-pagetitle .submode {
  color: var(--variant-tertiair-extra-donker-color);
  font-size: 0.575em;
}

@media screen and (min-width: 720px) {
  .col-span-1.type-knb-person .heading-elt.h2 {
    margin-bottom: 4px;
  }
  .col-span-2.type-knb-person .heading-elt.h2 {
    margin-bottom: 4px;
  }
  .col-span-3.type-knb-person .heading-elt.h2, .col-span-4.type-knb-person .heading-elt.h2 {
    margin-bottom: 4px;
  }
  .col-span-5.type-knb-person .grid-edge {
    display: flex;
    flex-direction: row-reverse;
  }
  .col-span-5.type-knb-person .grid-edge .grid-image {
    flex-shrink: 0;
    width: 160px;
    padding-inline: var(--gutter);
  }
  .col-span-5.type-knb-person .grid-edge .grid-inside {
    flex-grow: 1;
    padding-block: 0;
  }
  .col-span-5.type-knb-person .heading-elt.h2 {
    font-family: var(--variant-custom-broodtekst-font-family);
    font-size: var(--knb-grid-title-font-size);
    margin-top: 0;
  }
  .col-span-5.type-knb-person dl div + div {
    margin-top: 16px;
  }
  .col-span-5.type-knb-person dl div + div.person-organisatie-en-of-functie {
    margin-top: 8px;
  }
  .col-span-5.type-knb-person dl div:not(.person-naam):not(.person-organisatie-en-of-functie) dt {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .col-span-5.type-knb-person dl div.person-naam dd {
    font-size: var(--knb-grid-title-font-size);
  }
  .col-span-6.type-knb-person .grid-edge {
    display: flex;
    flex-direction: row-reverse;
  }
  .col-span-6.type-knb-person .grid-edge .grid-image {
    flex-shrink: 0;
    width: 160px;
    padding-inline: var(--gutter);
  }
  .col-span-6.type-knb-person .grid-edge .grid-inside {
    flex-grow: 1;
    padding-block: 0;
  }
  .col-span-6.type-knb-person .heading-elt.h2 {
    font-family: var(--variant-custom-broodtekst-font-family);
    font-size: var(--knb-grid-title-font-size);
    margin-top: 0;
  }
  .col-span-6.type-knb-person dl div + div {
    margin-top: 16px;
  }
  .col-span-6.type-knb-person dl div + div.person-organisatie-en-of-functie {
    margin-top: 8px;
  }
  .col-span-6.type-knb-person dl div:not(.person-naam):not(.person-organisatie-en-of-functie) dt {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .col-span-6.type-knb-person dl div.person-naam dd {
    font-size: var(--knb-grid-title-font-size);
  }
  .col-span-7.type-knb-person .grid-edge {
    display: flex;
    flex-direction: row-reverse;
  }
  .col-span-7.type-knb-person .grid-edge .grid-image {
    flex-shrink: 0;
    width: 160px;
    padding-inline: var(--gutter);
  }
  .col-span-7.type-knb-person .grid-edge .grid-inside {
    flex-grow: 1;
    padding-block: 0;
  }
  .col-span-7.type-knb-person .heading-elt.h2 {
    font-family: var(--variant-custom-broodtekst-font-family);
    font-size: var(--knb-grid-title-font-size);
    margin-top: 0;
  }
  .col-span-7.type-knb-person dl div + div {
    margin-top: 16px;
  }
  .col-span-7.type-knb-person dl div + div.person-organisatie-en-of-functie {
    margin-top: 8px;
  }
  .col-span-7.type-knb-person dl div:not(.person-naam):not(.person-organisatie-en-of-functie) dt {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .col-span-7.type-knb-person dl div.person-naam dd {
    font-size: var(--knb-grid-title-font-size);
  }
  .col-span-8.type-knb-person .grid-edge {
    display: flex;
    flex-direction: row-reverse;
  }
  .col-span-8.type-knb-person .grid-edge .grid-image {
    flex-shrink: 0;
    width: 160px;
    padding-inline: var(--gutter);
  }
  .col-span-8.type-knb-person .grid-edge .grid-inside {
    flex-grow: 1;
    padding-block: 0;
  }
  .col-span-8.type-knb-person .heading-elt.h2 {
    font-family: var(--variant-custom-broodtekst-font-family);
    font-size: var(--knb-grid-title-font-size);
    margin-top: 0;
  }
  .col-span-8.type-knb-person dl div + div {
    margin-top: 16px;
  }
  .col-span-8.type-knb-person dl div + div.person-organisatie-en-of-functie {
    margin-top: 8px;
  }
  .col-span-8.type-knb-person dl div:not(.person-naam):not(.person-organisatie-en-of-functie) dt {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .col-span-8.type-knb-person dl div.person-naam dd {
    font-size: var(--knb-grid-title-font-size);
  }
  .col-span-9.type-knb-person .grid-edge {
    display: flex;
    flex-direction: row-reverse;
  }
  .col-span-9.type-knb-person .grid-edge .grid-image {
    flex-shrink: 0;
    width: 160px;
    padding-inline: var(--gutter);
  }
  .col-span-9.type-knb-person .grid-edge .grid-inside {
    flex-grow: 1;
    padding-block: 0;
  }
  .col-span-9.type-knb-person .heading-elt.h2 {
    font-family: var(--variant-custom-broodtekst-font-family);
    font-size: var(--knb-grid-title-font-size);
    margin-top: 0;
  }
  .col-span-9.type-knb-person dl div + div {
    margin-top: 16px;
  }
  .col-span-9.type-knb-person dl div + div.person-organisatie-en-of-functie {
    margin-top: 8px;
  }
  .col-span-9.type-knb-person dl div:not(.person-naam):not(.person-organisatie-en-of-functie) dt {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .col-span-9.type-knb-person dl div.person-naam dd {
    font-size: var(--knb-grid-title-font-size);
  }
  .col-span-10.type-knb-person .grid-edge {
    display: flex;
    flex-direction: row-reverse;
  }
  .col-span-10.type-knb-person .grid-edge .grid-image {
    flex-shrink: 0;
    width: 160px;
    padding-inline: var(--gutter);
  }
  .col-span-10.type-knb-person .grid-edge .grid-inside {
    flex-grow: 1;
    padding-block: 0;
  }
  .col-span-10.type-knb-person .heading-elt.h2 {
    font-family: var(--variant-custom-broodtekst-font-family);
    font-size: var(--knb-grid-title-font-size);
    margin-top: 0;
  }
  .col-span-10.type-knb-person dl div + div {
    margin-top: 16px;
  }
  .col-span-10.type-knb-person dl div + div.person-organisatie-en-of-functie {
    margin-top: 8px;
  }
  .col-span-10.type-knb-person dl div:not(.person-naam):not(.person-organisatie-en-of-functie) dt {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .col-span-10.type-knb-person dl div.person-naam dd {
    font-size: var(--knb-grid-title-font-size);
  }
  .col-span-11.type-knb-person .grid-edge, .col-span-12.type-knb-person .grid-edge {
    display: flex;
    flex-direction: row-reverse;
  }
  .col-span-11.type-knb-person .grid-edge .grid-image, .col-span-12.type-knb-person .grid-edge .grid-image {
    flex-shrink: 0;
    width: 160px;
    padding-inline: var(--gutter);
  }
  .col-span-11.type-knb-person .grid-edge .grid-inside, .col-span-12.type-knb-person .grid-edge .grid-inside {
    flex-grow: 1;
    padding-block: 0;
  }
  .col-span-11.type-knb-person .heading-elt.h2, .col-span-12.type-knb-person .heading-elt.h2 {
    font-family: var(--variant-custom-broodtekst-font-family);
    font-size: var(--knb-grid-title-font-size);
    margin-top: 0;
  }
  .col-span-11.type-knb-person dl div + div, .col-span-12.type-knb-person dl div + div {
    margin-top: 16px;
  }
  .col-span-11.type-knb-person dl div + div.person-organisatie-en-of-functie, .col-span-12.type-knb-person dl div + div.person-organisatie-en-of-functie {
    margin-top: 8px;
  }
  .col-span-11.type-knb-person dl div:not(.person-naam):not(.person-organisatie-en-of-functie) dt, .col-span-12.type-knb-person dl div:not(.person-naam):not(.person-organisatie-en-of-functie) dt {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  .col-span-11.type-knb-person dl div.person-naam dd, .col-span-12.type-knb-person dl div.person-naam dd {
    font-size: var(--knb-grid-title-font-size);
  }
}
@media screen and (min-width: 1024px) {
  .type-knb-person .grid-image {
    aspect-ratio: 3/4;
    display: flex;
    align-items: center;
    overflow: hidden;
  }
}
.type-knb-person .grid-image img {
  display: block;
  width: 100%;
  height: auto;
}
.type-knb-person .heading-elt.h2 {
  font-family: var(--variant-custom-broodtekst-font-family);
  font-size: var(--knb-grid-title-font-size-small);
  font-weight: var(--knb-font-weight-medium);
  margin-bottom: 0;
  margin-top: 20px;
}
.type-knb-person dl {
  margin-block: 0;
}
.type-knb-person dl div {
  display: flex;
  gap: 12px;
}
.type-knb-person dl div::before {
  background-color: var(--global-text-color);
  content: "";
  width: 24px;
  height: 24px;
}
.type-knb-person dl div.person-organisatie-en-of-functie::before {
  display: none;
}
.type-knb-person dl div.person-organisatie-en-of-functie dt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.type-knb-person dl div + div {
  margin-top: 8px;
}
.type-knb-person dl div dd {
  display: inline-flex;
}
.type-knb-person dl div dt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.type-knb-person dl div.person-e-mail::before {
  mask: url(../images/sprites/icon-sprite.svg#img-email) 50% 50% no-repeat;
}
.type-knb-person dl div.person-telefoon::before {
  mask: url(../images/sprites/icon-sprite.svg#img-phone) 50% 50% no-repeat;
}
.type-knb-person dl div.person-fax::before {
  mask: url(../images/sprites/icon-sprite.svg#img-fax) 50% 50% no-repeat;
}
.type-knb-person dl dd a {
  color: var(--variant-secundair-extra-donker-color);
}
.type-knb-person dl dd a:hover {
  color: var(--variant-secundair-donker-color);
  text-decoration: underline;
}

.type-photo {
  --photo-magnifier-link-radius: 24px;
  --photo-magnifier-link-size: var(--knb-font-size-small);
  --photo-magnifier-link-weight: var(--knb-font-weight-medium);
}
.type-photo .grid-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.type-photo .heading-elt {
  --heading-margin-block: 24px 16px;
}
.type-photo .heading-elt.h2, .type-photo .heading-elt.h3 {
  font-size: var(--grid-block-grid-title-font-size-small);
}
.type-photo .iprox-content .lightbox-link > span.magnifier-link {
  line-height: 32px;
  padding-inline: var(--photo-magnifier-link-radius);
}
.type-photo .image {
  line-height: 0;
}

.prikbord .type-pushpincard.grid-block {
  margin-bottom: 24px;
}
.prikbord .type-pushpincard.grid-block .grid-edge {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  padding-bottom: 16px;
}
.prikbord .type-pushpincard.grid-block .heading-elt.h3 {
  font-family: var(--variant-custom-broodtekst-font-family);
}
.prikbord .type-pushpincard.grid-block .ingeklapt > *:before {
  --variant-default-seperator-background-color: transparent;
}
.prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
  display: flex !important;
  font-size: 1.125rem;
}
.prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle:is(a) {
  display: inline-block;
}
.prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle:is(a), .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle:hover, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle:active {
  cursor: pointer;
}
.prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle[disabled], .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle[disabled]:hover, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle[disabled]:active, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle.disabled, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle.disabled:hover, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle:hover, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle[disabled], .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle[disabled]:hover, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle[disabled]:active, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle.disabled, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle.disabled:hover, .prikbord .type-pushpincard.grid-block .ingeklapt a.ingeklapt-toggle.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.prikbord .type-pushpincard.grid-block .ingeklapt h3 {
  display: inline-flex;
  gap: 0;
  margin-block: 0;
}
.prikbord .type-pushpincard.grid-block .grid-image.no-image {
  display: none;
}
.prikbord .form-link a {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
  font-size: 1.125rem;
}
.prikbord .form-link a:is(a) {
  display: inline-block;
}
.prikbord .form-link a:is(a), .prikbord .form-link a:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.prikbord .form-link a:hover, .prikbord .form-link a:active {
  cursor: pointer;
}
.prikbord .form-link a[disabled], .prikbord .form-link a[disabled]:hover, .prikbord .form-link a[disabled]:active, .prikbord .form-link a.disabled, .prikbord .form-link a.disabled:hover, .prikbord .form-link a.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.prikbord .form-link a:hover, .prikbord .form-link a:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.prikbord .form-link a[disabled], .prikbord .form-link a[disabled]:hover, .prikbord .form-link a[disabled]:active, .prikbord .form-link a.disabled, .prikbord .form-link a.disabled:hover, .prikbord .form-link a.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.prikbord ul.rubrieken li.rubriek {
  display: flex !important;
  gap: 4px;
}

.col-span-1.type-rich-content.role-failure, .col-span-1.type-rich-content.role-maintenance {
  --knb-status-icon-size: 16px;
  --knb-status-circle-size: 32px;
  --knb-status-circle-position-top: 26px;
  --knb-status-icon-position-left: 24px;
  --knb-status-icon-position-top: 33px;
  --knb-status-padding-inline-start: 44px;
}
.col-span-1.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-1.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
  --knb-status-icon-position-top: 21px;
  --knb-status-circle-position-top: 14px;
}

.col-span-2.type-rich-content.role-failure, .col-span-2.type-rich-content.role-maintenance {
  --knb-status-icon-size: 16px;
  --knb-status-circle-size: 32px;
  --knb-status-circle-position-top: 26px;
  --knb-status-icon-position-left: 24px;
  --knb-status-icon-position-top: 33px;
  --knb-status-padding-inline-start: 44px;
}
.col-span-2.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-2.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
  --knb-status-icon-position-top: 21px;
  --knb-status-circle-position-top: 14px;
}

.col-span-3.role-failure, .col-span-3.role-maintenance, .col-span-4.type-rich-content.role-failure, .col-span-4.type-rich-content.role-maintenance {
  --knb-status-icon-size: 16px;
  --knb-status-circle-size: 32px;
  --knb-status-circle-position-top: 26px;
  --knb-status-icon-position-left: 24px;
  --knb-status-icon-position-top: 33px;
  --knb-status-padding-inline-start: 44px;
}
.col-span-3.role-failure *:not(.grid-title) + .grid-inside, .col-span-3.role-maintenance *:not(.grid-title) + .grid-inside, .col-span-4.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-4.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
  --knb-status-icon-position-top: 21px;
  --knb-status-circle-position-top: 14px;
}

@media screen and (max-width: 719.98px) {
  .col-span-5.type-rich-content.role-failure, .col-span-5.type-rich-content.role-maintenance {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 24px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 31px;
    --knb-status-padding-inline-start: 44px;
  }
  .col-span-5.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-5.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-circle-position-top: 13px;
    --knb-status-icon-position-top: 21px;
  }
}
@media screen and (min-width: 720px) {
  .col-span-5.type-rich-content.role-failure, .col-span-5.type-rich-content.role-maintenance {
    --knb-status-icon-size: 23.04px;
    --knb-status-circle-size: 46px;
    --knb-status-circle-position-top: 28px;
    --knb-status-icon-position-left: 28px;
    --knb-status-icon-position-top: 38px;
    --knb-status-padding-inline-start: 60px;
  }
  .col-span-5.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-5.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 14px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 21px;
    --knb-status-padding-inline-start: 44px;
  }
}

@media screen and (max-width: 719.98px) {
  .col-span-6.type-rich-content.role-failure, .col-span-6.type-rich-content.role-maintenance {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 24px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 31px;
    --knb-status-padding-inline-start: 44px;
  }
  .col-span-6.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-6.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-circle-position-top: 13px;
    --knb-status-icon-position-top: 21px;
  }
}
@media screen and (min-width: 720px) {
  .col-span-6.type-rich-content.role-failure, .col-span-6.type-rich-content.role-maintenance {
    --knb-status-icon-size: 23.04px;
    --knb-status-circle-size: 46px;
    --knb-status-circle-position-top: 28px;
    --knb-status-icon-position-left: 28px;
    --knb-status-icon-position-top: 38px;
    --knb-status-padding-inline-start: 60px;
  }
  .col-span-6.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-6.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 14px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 21px;
    --knb-status-padding-inline-start: 44px;
  }
}

@media screen and (max-width: 719.98px) {
  .col-span-7.type-rich-content.role-failure, .col-span-7.type-rich-content.role-maintenance {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 24px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 31px;
    --knb-status-padding-inline-start: 44px;
  }
  .col-span-7.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-7.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-circle-position-top: 13px;
    --knb-status-icon-position-top: 21px;
  }
}
@media screen and (min-width: 720px) {
  .col-span-7.type-rich-content.role-failure, .col-span-7.type-rich-content.role-maintenance {
    --knb-status-icon-size: 23.04px;
    --knb-status-circle-size: 46px;
    --knb-status-circle-position-top: 28px;
    --knb-status-icon-position-left: 28px;
    --knb-status-icon-position-top: 38px;
    --knb-status-padding-inline-start: 60px;
  }
  .col-span-7.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-7.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 14px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 21px;
    --knb-status-padding-inline-start: 44px;
  }
}

@media screen and (max-width: 719.98px) {
  .col-span-8.type-rich-content.role-failure, .col-span-8.type-rich-content.role-maintenance {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 24px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 31px;
    --knb-status-padding-inline-start: 44px;
  }
  .col-span-8.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-8.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-circle-position-top: 13px;
    --knb-status-icon-position-top: 21px;
  }
}
@media screen and (min-width: 720px) {
  .col-span-8.type-rich-content.role-failure, .col-span-8.type-rich-content.role-maintenance {
    --knb-status-icon-size: 23.04px;
    --knb-status-circle-size: 46px;
    --knb-status-circle-position-top: 28px;
    --knb-status-icon-position-left: 28px;
    --knb-status-icon-position-top: 38px;
    --knb-status-padding-inline-start: 60px;
  }
  .col-span-8.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-8.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 14px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 21px;
    --knb-status-padding-inline-start: 44px;
  }
}

@media screen and (max-width: 719.98px) {
  .col-span-9.type-rich-content.role-failure, .col-span-9.type-rich-content.role-maintenance {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 24px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 31px;
    --knb-status-padding-inline-start: 44px;
  }
  .col-span-9.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-9.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-circle-position-top: 13px;
    --knb-status-icon-position-top: 21px;
  }
}
@media screen and (min-width: 720px) {
  .col-span-9.type-rich-content.role-failure, .col-span-9.type-rich-content.role-maintenance {
    --knb-status-icon-size: 23.04px;
    --knb-status-circle-size: 46px;
    --knb-status-circle-position-top: 28px;
    --knb-status-icon-position-left: 28px;
    --knb-status-icon-position-top: 38px;
    --knb-status-padding-inline-start: 60px;
  }
  .col-span-9.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-9.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 14px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 21px;
    --knb-status-padding-inline-start: 44px;
  }
}

@media screen and (max-width: 719.98px) {
  .col-span-10.type-rich-content.role-failure, .col-span-10.type-rich-content.role-maintenance {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 24px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 31px;
    --knb-status-padding-inline-start: 44px;
  }
  .col-span-10.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-10.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-circle-position-top: 13px;
    --knb-status-icon-position-top: 21px;
  }
}
@media screen and (min-width: 720px) {
  .col-span-10.type-rich-content.role-failure, .col-span-10.type-rich-content.role-maintenance {
    --knb-status-icon-size: 23.04px;
    --knb-status-circle-size: 46px;
    --knb-status-circle-position-top: 28px;
    --knb-status-icon-position-left: 28px;
    --knb-status-icon-position-top: 38px;
    --knb-status-padding-inline-start: 60px;
  }
  .col-span-10.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-10.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 14px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 21px;
    --knb-status-padding-inline-start: 44px;
  }
}

@media screen and (max-width: 719.98px) {
  .col-span-11.role-failure, .col-span-11.role-maintenance, .col-span-12.type-rich-content.role-failure, .col-span-12.type-rich-content.role-maintenance {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 24px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 31px;
    --knb-status-padding-inline-start: 44px;
  }
  .col-span-11.role-failure *:not(.grid-title) + .grid-inside, .col-span-11.role-maintenance *:not(.grid-title) + .grid-inside, .col-span-12.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-12.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-circle-position-top: 13px;
    --knb-status-icon-position-top: 21px;
  }
}
@media screen and (min-width: 720px) {
  .col-span-11.role-failure, .col-span-11.role-maintenance, .col-span-12.type-rich-content.role-failure, .col-span-12.type-rich-content.role-maintenance {
    --knb-status-icon-size: 23.04px;
    --knb-status-circle-size: 46px;
    --knb-status-circle-position-top: 28px;
    --knb-status-icon-position-left: 28px;
    --knb-status-icon-position-top: 38px;
    --knb-status-padding-inline-start: 60px;
  }
  .col-span-11.role-failure *:not(.grid-title) + .grid-inside, .col-span-11.role-maintenance *:not(.grid-title) + .grid-inside, .col-span-12.type-rich-content.role-failure *:not(.grid-title) + .grid-inside, .col-span-12.type-rich-content.role-maintenance *:not(.grid-title) + .grid-inside {
    --knb-status-icon-size: 16px;
    --knb-status-circle-size: 32px;
    --knb-status-circle-position-top: 14px;
    --knb-status-icon-position-left: 24px;
    --knb-status-icon-position-top: 21px;
    --knb-status-padding-inline-start: 44px;
  }
}

.type-rich-content.role-intro, .type-rich-content.role-intro-accent {
  --block-margin-bottom: var(--grid-block-grid-title-margin-bottom);
  font-size: var(--knb-intro-font-size);
  font-weight: var(--knb-font-weight-medium);
  line-height: var(--knb-intro-line-height);
}
@media screen and (max-width: 719.98px) {
  .type-rich-content.role-intro, .type-rich-content.role-intro-accent {
    --knb-intro-font-size: 1.25em;
    --knb-intro-line-height: 1.5;
  }
}
@media screen and (min-width: 720px) {
  .type-rich-content.role-intro, .type-rich-content.role-intro-accent {
    --knb-intro-font-size: 1.56em;
    --knb-intro-line-height: 1.36;
  }
}
.type-rich-content.role-failure {
  --knb-status-border: var(--knb-failure-color);
  --knb-status-background-color: var(--knb-failure-color);
  --knb-status-mask-image: url(../images/sprites/icon-sprite.svg#img-failure);
}
.type-rich-content.role-maintenance {
  --knb-status-border: var(--knb-maintenance-color);
  --knb-status-background-color: var(--knb-maintenance-color);
  --knb-status-mask-image: url(../images/sprites/icon-sprite.svg#img-maintenance);
}
.type-rich-content.role-failure .grid-edge, .type-rich-content.role-maintenance .grid-edge {
  border: 1px solid var(--knb-status-border);
}
.type-rich-content.role-failure .grid-edge .grid-title,
.type-rich-content.role-failure .grid-edge *:not(.grid-title) + .grid-inside, .type-rich-content.role-maintenance .grid-edge .grid-title,
.type-rich-content.role-maintenance .grid-edge *:not(.grid-title) + .grid-inside {
  position: relative;
}
.type-rich-content.role-failure .grid-edge .grid-title::before,
.type-rich-content.role-failure .grid-edge *:not(.grid-title) + .grid-inside::before, .type-rich-content.role-maintenance .grid-edge .grid-title::before,
.type-rich-content.role-maintenance .grid-edge *:not(.grid-title) + .grid-inside::before {
  aspect-ratio: 1/1;
  background-color: var(--knb-status-background-color);
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  width: var(--knb-status-circle-size);
  left: 16px;
  top: var(--knb-status-circle-position-top);
}
.type-rich-content.role-failure .grid-edge .grid-title::after,
.type-rich-content.role-failure .grid-edge *:not(.grid-title) + .grid-inside::after, .type-rich-content.role-maintenance .grid-edge .grid-title::after,
.type-rich-content.role-maintenance .grid-edge *:not(.grid-title) + .grid-inside::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  content: "";
  display: flex;
  left: var(--knb-status-icon-position-left);
  mask: var(--knb-status-mask-image) 50% 50% no-repeat;
  position: absolute;
  top: var(--knb-status-icon-position-top);
  width: var(--knb-status-icon-size);
}
.type-rich-content.role-failure .grid-edge .grid-title > *,
.type-rich-content.role-failure .grid-edge *:not(.grid-title) + .grid-inside > *, .type-rich-content.role-maintenance .grid-edge .grid-title > *,
.type-rich-content.role-maintenance .grid-edge *:not(.grid-title) + .grid-inside > * {
  padding-inline-start: var(--knb-status-padding-inline-start);
}
.type-rich-content.role-failure .grid-edge .grid-title .iprox-content > :last-child,
.type-rich-content.role-failure .grid-edge *:not(.grid-title) + .grid-inside .iprox-content > :last-child, .type-rich-content.role-maintenance .grid-edge .grid-title .iprox-content > :last-child,
.type-rich-content.role-maintenance .grid-edge *:not(.grid-title) + .grid-inside .iprox-content > :last-child {
  margin-block-end: 0;
}

.type-searchform {
  padding-block-start: 16px;
}
.type-searchform .search-input input {
  --searchbar-border-width: 0;
}
.type-searchform .grid-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.type-searchform.has-1-elements form {
  margin: 0 auto;
  max-width: 823px;
}
.type-searchform.has-1-elements form.inline-form {
  align-items: center;
  background-color: var(--variant-wit-color);
  border-radius: 24px;
  display: flex;
  height: 32px;
  justify-content: flex-end;
  outline: 1px solid var(--variant-tertiair-helder-color);
  overflow: hidden;
  padding: 8px 10px 8px 24px;
  width: calc(100% - 34px);
}
.type-searchform.has-1-elements form.inline-form:focus-within {
  outline: 1.5px solid var(--variant-secundair-extra-donker-color);
}
.type-searchform.has-1-elements form.form-generic {
  align-items: center;
  background-color: var(--variant-wit-color);
  border-radius: 24px;
  outline: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  overflow: hidden;
  padding-inline: 0 8px;
  align-items: center;
  background-color: var(--variant-wit-color);
  border-radius: 24px;
  outline: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  padding-inline: 20px 8px;
}
.type-searchform.has-1-elements form.form-generic:focus-within {
  outline: 1.5px solid var(--variant-secundair-extra-donker-color);
}
.type-searchform.has-1-elements form.form-generic fieldset:not([hidden]) {
  --form-fieldset-margin: 0;
  flex-grow: 1;
}
.type-searchform.has-1-elements form.form-generic fieldset:not([hidden]) .label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.type-searchform.has-1-elements form.form-generic fieldset:not([hidden]) .user-input {
  margin-block-start: 0;
}
.type-searchform.has-1-elements form.form-generic fieldset:not([hidden]) .user-input > input {
  --form-input-margin-top: 0;
  --knb-form-element-border-radius: 0;
  box-shadow: none;
}
.type-searchform.has-1-elements form.form-generic .ipx-buttons {
  --form-buttons-padding: 0;
  flex-shrink: 0;
}
.type-searchform.has-1-elements form.form-generic:focus-within {
  outline: 1.5px solid var(--variant-secundair-extra-donker-color);
}
.type-searchform.has-1-elements form.form-generic fieldset:not([hidden]) {
  --form-fieldset-margin: 0;
  flex-grow: 1;
}
.type-searchform.has-1-elements form.form-generic fieldset:not([hidden]) .label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.type-searchform.has-1-elements form.form-generic fieldset:not([hidden]) .user-input {
  margin-block-start: 0;
}
.type-searchform.has-1-elements form.form-generic fieldset:not([hidden]) .user-input > input {
  --form-input-margin-top: 0;
  --knb-form-element-border-radius: 0;
  box-shadow: none;
}
.type-searchform.has-1-elements form.form-generic .ipx-buttons {
  --form-buttons-padding: 0;
  flex-shrink: 0;
}
.type-searchform.has-1-elements input[type=text] {
  background-color: transparent;
  border: 0;
  flex-grow: 1;
}
.type-searchform.has-1-elements input[type=text]:focus {
  box-shadow: none !important;
  outline: 0;
}
.type-searchform.has-1-elements button[type=submit] {
  --searchbar-button-color: var(--variant-wit-color);
  --searchbar-button-background-color: var(--variant-secundair-extra-donker-color);
  --searchbar-button-border-color: transparent;
  --searchbar-button-border-style: none;
  --searchbar-button-border-radius: 50%;
  --searchbar-button-border-width: 0;
  --searchbar-button-padding-block: 0;
  --searchbar-button-padding-inline: 0;
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--searchbar-button-background-color) !important;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  height: auto;
  justify-content: center;
  padding: 0;
  width: 32px;
}
.type-searchform.has-1-elements button[type=submit]:hover, .type-searchform.has-1-elements button[type=submit]:focus {
  background-color: var(--variant-secundair-donker-color) !important;
}
.type-searchform.has-1-elements button[type=submit]::before {
  aspect-ratio: 1/1;
  background-color: var(--searchbar-button-color);
  content: "";
  display: inline-block;
  height: 18px;
  mask: url(../images/sprites/icon-sprite.svg#img-magnify) 50% 50% no-repeat;
  width: 18px;
}
.type-searchform.has-1-elements button.reset-term {
  --reset-button-color: var(--variant-secundair-extra-donker-color);
  --reset-button-background-color: var(--variant-wit-color);
  --reset-button-border-color: var(--variant-tertiair-helder-color);
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--reset-button-background-color) !important;
  border-radius: 50%;
  border: 1px solid var(--reset-button-border-color);
  display: flex;
  flex-shrink: 0;
  font-size: 0;
  height: auto;
  justify-content: center;
  padding: 0;
  width: 32px;
}
.type-searchform.has-1-elements button.reset-term:hover, .type-searchform.has-1-elements button.reset-term:focus {
  background-color: var(--variant-tertiair-licht-color) !important;
}
.type-searchform.has-1-elements button.reset-term::before {
  aspect-ratio: 1/1;
  background-color: var(--reset-button-color);
  content: "";
  display: inline-block;
  height: 18px;
  mask: url(../images/sprites/icon-sprite.svg#img-close) 50% 50% no-repeat;
  width: 18px;
}
.grid-catalog .type-searchform.has-1-elements .grid-edge {
  padding-block: calc(var(--inside-padding-top) * 1.5);
}
.grid-catalog .type-searchform.has-1-elements .grid-edge .knb-filter-button {
  margin-inline: calc(var(--gutter) * 0.5);
  margin-block-start: calc(var(--gutter) * 0.5);
}
@media screen and (min-width: 720px) {
  .grid-catalog .type-searchform.has-1-elements .grid-edge .knb-filter-button {
    display: none;
  }
}
.grid-catalog .type-searchform.has-1-elements .grid-inside {
  align-items: center;
  background-color: var(--variant-wit-color);
  border-radius: 24px;
  outline: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  overflow: hidden;
  padding-inline: 0 8px;
  margin-bottom: 0;
  margin-inline: calc(var(--gutter) * 0.5);
  margin-top: 0;
  padding-bottom: 0;
  padding-inline-end: 8px !important;
  padding-top: 0 !important;
}
.grid-catalog .type-searchform.has-1-elements .grid-inside:focus-within {
  outline: 1.5px solid var(--variant-secundair-extra-donker-color);
}
.grid-catalog .type-searchform.has-1-elements .grid-inside fieldset:not([hidden]) {
  --form-fieldset-margin: 0;
  flex-grow: 1;
}
.grid-catalog .type-searchform.has-1-elements .grid-inside fieldset:not([hidden]) .label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.grid-catalog .type-searchform.has-1-elements .grid-inside fieldset:not([hidden]) .user-input {
  margin-block-start: 0;
}
.grid-catalog .type-searchform.has-1-elements .grid-inside fieldset:not([hidden]) .user-input > input {
  --form-input-margin-top: 0;
  --knb-form-element-border-radius: 0;
  box-shadow: none;
}
.grid-catalog .type-searchform.has-1-elements .grid-inside .ipx-buttons {
  --form-buttons-padding: 0;
  flex-shrink: 0;
}
.grid-catalog .type-searchform.has-1-elements .ipx-buttons-zoekterm-wissen {
  display: flex;
}
.grid-catalog .type-searchform.has-1-elements .ipx-buttons-zoekterm-wissen button[type=submit] {
  flex-shrink: 0;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .input-row {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  margin-block-end: 24px;
  padding-block-end: 32px;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .input-row .label {
  --form-label-font-weight: var(--knb-font-weight-medium);
  margin-block-end: 8px;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .input-row.monthyear .zoeken-daterange-monthyear {
  --form-has-two-selects-min-width: none;
  --input-padding: 13px 24px;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .input-row.monthyear .zoeken-daterange-monthyear > div {
  flex-grow: 1;
  flex-shrink: 0;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .input-row.monthyear .zoeken-daterange-monthyear > div label {
  color: var(--variant-tertiair-donker-color);
  font-size: var(--knb-font-size-small);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons {
  --form-buttons-padding: local-vars.$bl-unit * 3 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 0;
  justify-content: flex-end;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button {
  margin-inline-start: 0;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit] {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
  margin-inline-end: auto;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit]:is(a) {
  display: inline-block;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit]:is(a), .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit]:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit]:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit]:active {
  cursor: pointer;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit][disabled], .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit][disabled]:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit][disabled]:active, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit].disabled, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit].disabled:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit].disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit]:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit]:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit][disabled], .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit][disabled]:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit][disabled]:active, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit].disabled, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit].disabled:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button[type=submit].disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]) {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button {
  --button-background-color: var(--button-neutral-background-color);
  --button-border-color: var(--button-neutral-border-color);
  --button-border-width: var(--button-neutral-border-width);
  --button-color: var(--button-neutral-color);
  --button-disabled-background-color: var(--button-neutral-disabled-background-color);
  --button-disabled-color: var(--button-neutral-disabeled-color);
  --button-hover-background-color: var(--button-neutral-hover-background-color);
  --button-hover-border-color: var(--button-neutral-border-color);
  --button-hover-color: var(--button-neutral-hover-color);
  --button-hover-text-decoration: var(--button-neutral-hover-text-decoration);
  --button-text-decoration: var(--button-neutral-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
  align-items: center;
  gap: 8px;
  justify-self: center;
  width: 100%;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button:is(a) {
  display: inline-block;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button:is(a), .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button:active {
  cursor: pointer;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button[disabled], .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button[disabled]:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button[disabled]:active, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button.disabled, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button.disabled:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button[disabled], .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button[disabled]:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button[disabled]:active, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button.disabled, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button.disabled:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
@media screen and (max-width: 719.98px) {
  .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button {
    display: flex;
  }
}
@media screen and (min-width: 720px) {
  .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button {
    display: none;
  }
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button::before {
  --knb-filter-button-icon-background-color: var(--variant-secundair-extra-donker-color);
  aspect-ratio: 1/1;
  background-color: var(--knb-filter-button-icon-background-color);
  content: "";
  display: flex;
  margin-inline-start: -8px;
  mask: url(../images/sprites/icon-sprite.svg#img-plus) 50% 50% no-repeat;
  width: 20px;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).knb-filter-button[aria-expanded=true]::before {
  mask: url(../images/sprites/icon-sprite.svg#img-minus) 50% 50% no-repeat;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term {
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term:is(a) {
  display: inline-block;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term:is(a), .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term:active {
  cursor: pointer;
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term[disabled], .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term[disabled]:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term[disabled]:active, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term.disabled, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term.disabled:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term[disabled], .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term[disabled]:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term[disabled]:active, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term.disabled, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term.disabled:hover, .grid-catalog .type-searchform:not(.has-1-elements) .grid-inside .ipx-buttons button:not([type=submit]).reset-term.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}

@media screen and (max-width: 1023.98px) {
  .type-knb-secondary-navigation {
    display: none;
  }
}
.type-knb-secondary-navigation ul.knb-secondary-navigation {
  list-style-type: none;
}
@media screen and (min-width: 1024px) {
  .type-knb-secondary-navigation ul.knb-secondary-navigation {
    display: flex;
    justify-content: flex-end;
    margin-block: 0;
  }
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li a {
  align-items: center;
  color: var(--variant-secundair-extra-donker-color);
  display: flex;
  gap: 10px;
  font-size: var(--knb-font-size-small);
  font-weight: var(--knb-font-weight-medium);
  padding: 16px 20px;
  text-decoration: none;
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li a::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  width: 20px;
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li a:hover {
  color: var(--variant-secundair-donker-color);
  text-decoration: underline;
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li a:hover::before {
  background-color: var(--variant-secundair-donker-color);
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li.knb-mijn-applicaties a::before, .type-knb-secondary-navigation ul.knb-secondary-navigation li.knb-registers-en-applicaties a::before {
  mask: url(../images/sprites/icon-sprite.svg#img-apps) 50% 50% no-repeat;
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li.knb-opgeslagen a::before {
  mask: url(../images/sprites/icon-sprite.svg#img-bookmark) 50% 50% no-repeat;
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li.knb-ledennet a::before, .type-knb-secondary-navigation ul.knb-secondary-navigation li.knb-inloggen a::before, .type-knb-secondary-navigation ul.knb-secondary-navigation li.knb-login a::before {
  mask: url(../images/sprites/icon-sprite.svg#img-account) 50% 50% no-repeat;
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li.knb-logout a::before {
  mask: url(../images/sprites/icon-sprite.svg#img-logout) 50% 50% no-repeat;
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li:has(+ .knb-login) .iprox-content {
  align-items: center;
  display: flex;
}
.type-knb-secondary-navigation ul.knb-secondary-navigation li:has(+ .knb-login) .iprox-content::after {
  border-right: 1px solid var(--variant-secundair-donker-color);
  content: "";
  display: inline-block;
  height: 28px;
}

.type-sitemap {
  --sitemap-icon-size: 1rem;
  --sitemap-icon-bgsize: calc(8px * 2.5);
  --sitemap-line-size: 0;
  --sitemap-line-half-size: 0;
  --sitemap-line-style: none;
  --sitemap-icon-half-size: calc((var(--sitemap-icon-bgsize) * 0.5) - var(--sitemap-line-half-size));
  --knb-sitemap-separatir-line-color: var(--variant-tertiair-donker-color);
}
.type-sitemap .collapse-toggle a {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-secondary-background-color: var(
    --knb-button-secondary-background-color,
    var(--variant-secundair-extra-licht-color)
  );
  --button-secondary-border-color: var(--variant-secundair-extra-licht-color);
  --button-secondary-border-width: var(--button-border-width);
  --button-secondary-color: var(--variant-secundair-extra-donker-color);
  --button-secondary-disabled-background-color: var(--button-disabled-background-color);
  --button-secondary-disabled-color: var(--button-disabled-color);
  --button-secondary-hover-background-color: var(
    --knb-button-secondary-hover-background-color,
    var(--variant-secundair-licht-color)
  );
  --button-secondary-hover-border-color: var(--button-secondary-border-color);
  --button-secondary-hover-color: var(--button-secondary-color);
  --button-secondary-hover-text-decoration: var(--button-hover-text-decoration);
  --button-secondary-text-decoration: var(--button-text-decoration);
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
  --icon-color: var(--button-color);
}
.type-sitemap .collapse-toggle a:is(a) {
  display: inline-block;
}
.type-sitemap .collapse-toggle a:is(a), .type-sitemap .collapse-toggle a:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.type-sitemap .collapse-toggle a:hover, .type-sitemap .collapse-toggle a:active {
  cursor: pointer;
}
.type-sitemap .collapse-toggle a[disabled], .type-sitemap .collapse-toggle a[disabled]:hover, .type-sitemap .collapse-toggle a[disabled]:active, .type-sitemap .collapse-toggle a.disabled, .type-sitemap .collapse-toggle a.disabled:hover, .type-sitemap .collapse-toggle a.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.type-sitemap .collapse-toggle a:hover, .type-sitemap .collapse-toggle a:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.type-sitemap .collapse-toggle a[disabled], .type-sitemap .collapse-toggle a[disabled]:hover, .type-sitemap .collapse-toggle a[disabled]:active, .type-sitemap .collapse-toggle a.disabled, .type-sitemap .collapse-toggle a.disabled:hover, .type-sitemap .collapse-toggle a.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.type-sitemap .sitemap-wrapper .collapser-link a {
  --sitemap-collapser-mask-image-color: var(--variant-tertiair-extra-donker-color);
}
.type-sitemap .sitemap-wrapper .collapser-link a::before {
  background-color: var(--sitemap-collapser-mask-image-color);
  content: "" !important;
  display: block;
  height: var(--sitemap-icon-bgsize);
  mask-image: var(--sitemap-collapser-mask-image);
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  width: var(--sitemap-icon-bgsize);
}
.type-sitemap .sitemap-wrapper .collapser-link a.collapse {
  --sitemap-collapser-mask-image: url(../images/sprites/icon-sprite.svg#img-plus);
}
.type-sitemap .sitemap-wrapper .collapser-link a.uncollapse {
  --sitemap-collapser-mask-image: url(../images/sprites/icon-sprite.svg#img-minus);
}
.type-sitemap .sitemap-wrapper .collapser-link a:hover {
  --sitemap-collapser-mask-image-color: var(--variant-zwart-color);
}
.type-sitemap .sitemap-wrapper .no-collapse {
  height: var(--sitemap-icon-bgsize);
  width: var(--sitemap-icon-bgsize);
}
.type-sitemap .sitemap-wrapper .no-collapse::before {
  content: "" !important;
  display: block;
  height: var(--sitemap-icon-bgsize);
  width: var(--sitemap-icon-bgsize);
}
.type-sitemap .sitemap-wrapper ul.level_1 {
  border-bottom: 1px solid var(--knb-sitemap-separatir-line-color);
}
.type-sitemap .sitemap-wrapper ul.level_1 > li {
  margin-block-end: 8px;
}
.type-sitemap .sitemap-wrapper ul.level_1 > li:not(:first-child) {
  border-top: 1px solid var(--knb-sitemap-separatir-line-color);
  padding-block-start: 12px;
}
.type-sitemap .sitemap-wrapper ul.level_1 > li > .item > a {
  font-weight: var(--knb-font-weight-medium);
}
.type-sitemap .sitemap-wrapper .item > a {
  font-weight: var(--knb-font-weight-regular);
  text-decoration: none;
}
.type-sitemap .sitemap-wrapper .item > a:hover {
  text-decoration: underline;
}
.type-sitemap .sitemap-wrapper .item > a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-tertiair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 4px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 2px;
  width: 1em;
}

.type-social-follow .social-follow-links .social-follow-link.social-follow-link-facebook, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-linkedin, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-mastodon, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-x, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-instagram, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-snapchat, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-youtube, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-tumblr, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-medium, .type-social-follow .social-follow-links .social-follow-link.social-follow-link-pinterest {
  --follow-item-bg-color: var(--variant-primair-extra-donker-color);
}
.type-social-follow .social-follow-links .social-follow-link a {
  transition: 0.2s ease-in-out;
}
.type-social-follow .social-follow-links .social-follow-link a:hover {
  --follow-item-font-size: 0.9em;
}
.type-social-follow .social-follow-links .social-follow-link a:hover:focus {
  --follow-item-font-size: 1em;
}

.type-streamer {
  --streamer-header-font-size: var(--heading-font-size-h2);
}
.type-streamer .grid-title {
  padding-block-end: 8px !important;
  padding-block-start: 0 !important;
}

@media screen and (max-width: 719.98px) {
  .type-theme-link .themes {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
  }
}
@media screen and (min-width: 720px) {
  .type-theme-link .themes {
    display: flex;
    gap: 0 8px;
  }
  .type-theme-link .themes .themes-label {
    flex-shrink: 0;
    padding: 8px 0;
  }
}
.type-theme-link .themes .themes-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.grid-catalog .zone-type-facet .type-searchform > .grid-element > .grid-edge,
.grid-catalog .zone-type-facet .type-facets-filter > .grid-element > .grid-edge {
  --global-contents-background-color: var(--variant-wit-color);
  --global-border-radius-value: 4px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

@media screen and (min-width: 1024px) {
  .grid-regular > .grid-zone {
    grid-column: 3/span 8;
  }
}

@media screen and (min-width: 1024px) {
  .grid-nieuws > .grid-zone {
    grid-column: 3/span 8;
  }
}

@media screen and (min-width: 720px) {
  .main-has-layout-events {
    background-image: url(../images/extra/scribble-main.png);
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .main-has-layout-events {
    background-position: 100% 0;
    background-size: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .main-has-layout-events {
    background-position: 100% 0;
    background-size: 33%;
  }
}

@media screen and (min-width: 720px) {
  .main-has-layout-index {
    background-image: url(../images/extra/scribble-main.png);
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .main-has-layout-index {
    background-position: 100% 0;
    background-size: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .main-has-layout-index {
    background-position: 100% 0;
    background-size: 33%;
  }
}

@media screen and (min-width: 720px) {
  .main-has-layout-catalog {
    background-image: url(../images/extra/scribble-main.png);
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .main-has-layout-catalog {
    background-position: 100% 0;
    background-size: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .main-has-layout-catalog {
    background-position: 100% 0;
    background-size: 33%;
  }
}

.type-calendar {
  --calendar-navigation-background-color: transparent;
}
.type-calendar .calendar-navigation {
  --knb-hero-calendar-navigation-width: 32px;
  padding-block-end: 16px;
}
.type-calendar .calendar-navigation a {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: var(--variant-wit-color);
  border: 0;
  border-radius: 50%;
  outline: 1px solid var(--variant-tertiair-helder-color);
  display: flex;
  font-size: 0;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  width: var(--knb-hero-calendar-navigation-width);
}
.type-calendar .calendar-navigation a:hover {
  background-color: var(--variant-tertiair-licht-color);
  outline-color: var(--variant-tertiair-helder-color);
}
.type-calendar .calendar-navigation a::before {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: flex;
  width: 24px;
}
.type-calendar .calendar-navigation .calendar-previous a::before {
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-left) 50% 50% no-repeat;
}
.type-calendar .calendar-navigation .calendar-next a::before {
  mask: url(../images/sprites/icon-sprite.svg#img-arrow-right) 50% 50% no-repeat;
}
.type-calendar .calendar-navigation .month {
  font-size: 1.22em;
  font-weight: var(--knb-font-weight-medium);
}
.type-calendar table.calendar {
  margin-inline: auto;
  width: 100%;
}
.type-calendar table.calendar thead {
  border-bottom: 1px solid var(--variant-tertiair-helder-color);
  border-top: 1px solid var(--variant-tertiair-helder-color);
  text-transform: capitalize;
  padding-block: 8px;
}
.type-calendar table.calendar th {
  --table-head-background-color: transparent;
}
.type-calendar table.calendar th,
.type-calendar table.calendar td {
  --calendar-table-cell-size: 48px;
  aspect-ratio: 1/1;
  height: var(--calendar-table-cell-size);
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.type-calendar table.calendar td a,
.type-calendar table.calendar td span {
  align-items: center;
  aspect-ratio: 1/1;
  border: 0;
  display: flex;
  justify-content: center;
  margin-inline: auto;
  padding: 0;
  width: 40px;
}
.type-calendar table.calendar td a {
  background-color: var(--variant-secundair-extra-donker-color);
  color: var(--variant-wit-color);
  font-weight: var(--knb-font-weight-medium);
}
.type-calendar table.calendar td a:hover {
  background-color: var(--variant-secundair-donker-color);
  text-decoration: none;
}

:root {
  --input-border-color: var(--variant-tertiair-helder-color);
}

form {
  --knb-form-element-border-radius: 25px;
}
form .input-row.text input, form .input-row.mail input, form .input-row.file input, form .input-row.date input, form .input-row.time input, form .input-row.daterange input, form .input-row.password input, form .input-row.textarea textarea {
  border-radius: var(--knb-form-element-border-radius);
  padding-inline: 20px;
}
form .input-row.pulldown select, form .input-row.selectie select, form .input-row.select select, form .input-row.select select:not([multiple]), form .input-row.selectie_type_dropdown select, form .input-row.monthyear select, form .input-row.picklist select {
  border-radius: var(--knb-form-element-border-radius);
}
form a.ipx-btn-primary,
form button.ipx-btn-primary {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
form a.ipx-btn-primary:is(a),
form button.ipx-btn-primary:is(a) {
  display: inline-block;
}
form a.ipx-btn-primary:is(a), form a.ipx-btn-primary:is(a):visited,
form button.ipx-btn-primary:is(a),
form button.ipx-btn-primary:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
form a.ipx-btn-primary:hover, form a.ipx-btn-primary:active,
form button.ipx-btn-primary:hover,
form button.ipx-btn-primary:active {
  cursor: pointer;
}
form a.ipx-btn-primary[disabled], form a.ipx-btn-primary[disabled]:hover, form a.ipx-btn-primary[disabled]:active, form a.ipx-btn-primary.disabled, form a.ipx-btn-primary.disabled:hover, form a.ipx-btn-primary.disabled:active,
form button.ipx-btn-primary[disabled],
form button.ipx-btn-primary[disabled]:hover,
form button.ipx-btn-primary[disabled]:active,
form button.ipx-btn-primary.disabled,
form button.ipx-btn-primary.disabled:hover,
form button.ipx-btn-primary.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
form a.ipx-btn-primary:hover, form a.ipx-btn-primary:active,
form button.ipx-btn-primary:hover,
form button.ipx-btn-primary:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
form a.ipx-btn-primary[disabled], form a.ipx-btn-primary[disabled]:hover, form a.ipx-btn-primary[disabled]:active, form a.ipx-btn-primary.disabled, form a.ipx-btn-primary.disabled:hover, form a.ipx-btn-primary.disabled:active,
form button.ipx-btn-primary[disabled],
form button.ipx-btn-primary[disabled]:hover,
form button.ipx-btn-primary[disabled]:active,
form button.ipx-btn-primary.disabled,
form button.ipx-btn-primary.disabled:hover,
form button.ipx-btn-primary.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
form a.ipx-btn-secondary,
form button.ipx-btn-secondary {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-secondary-background-color: var(
    --knb-button-secondary-background-color,
    var(--variant-secundair-extra-licht-color)
  );
  --button-secondary-border-color: var(--variant-secundair-extra-licht-color);
  --button-secondary-border-width: var(--button-border-width);
  --button-secondary-color: var(--variant-secundair-extra-donker-color);
  --button-secondary-disabled-background-color: var(--button-disabled-background-color);
  --button-secondary-disabled-color: var(--button-disabled-color);
  --button-secondary-hover-background-color: var(
    --knb-button-secondary-hover-background-color,
    var(--variant-secundair-licht-color)
  );
  --button-secondary-hover-border-color: var(--button-secondary-border-color);
  --button-secondary-hover-color: var(--button-secondary-color);
  --button-secondary-hover-text-decoration: var(--button-hover-text-decoration);
  --button-secondary-text-decoration: var(--button-text-decoration);
  --button-background-color: var(--button-secondary-background-color);
  --button-border-color: var(--button-secondary-border-color);
  --button-border-width: var(--button-secondary-border-width);
  --button-color: var(--button-secondary-color);
  --button-disabled-background-color: var(--button-secondary-disabled-background-color);
  --button-disabled-color: var(--button-secondary-disabled-color);
  --button-hover-background-color: var(--button-secondary-hover-background-color);
  --button-hover-border-color: var(--button-secondary-hover-border-color);
  --button-hover-color: var(--button-secondary-hover-color);
  --button-hover-text-decoration: var(--button-secondary-hover-text-decoration);
  --button-text-decoration: var(--button-secondary-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
form a.ipx-btn-secondary:is(a),
form button.ipx-btn-secondary:is(a) {
  display: inline-block;
}
form a.ipx-btn-secondary:is(a), form a.ipx-btn-secondary:is(a):visited,
form button.ipx-btn-secondary:is(a),
form button.ipx-btn-secondary:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
form a.ipx-btn-secondary:hover, form a.ipx-btn-secondary:active,
form button.ipx-btn-secondary:hover,
form button.ipx-btn-secondary:active {
  cursor: pointer;
}
form a.ipx-btn-secondary[disabled], form a.ipx-btn-secondary[disabled]:hover, form a.ipx-btn-secondary[disabled]:active, form a.ipx-btn-secondary.disabled, form a.ipx-btn-secondary.disabled:hover, form a.ipx-btn-secondary.disabled:active,
form button.ipx-btn-secondary[disabled],
form button.ipx-btn-secondary[disabled]:hover,
form button.ipx-btn-secondary[disabled]:active,
form button.ipx-btn-secondary.disabled,
form button.ipx-btn-secondary.disabled:hover,
form button.ipx-btn-secondary.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
form a.ipx-btn-secondary:hover, form a.ipx-btn-secondary:active,
form button.ipx-btn-secondary:hover,
form button.ipx-btn-secondary:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
form a.ipx-btn-secondary[disabled], form a.ipx-btn-secondary[disabled]:hover, form a.ipx-btn-secondary[disabled]:active, form a.ipx-btn-secondary.disabled, form a.ipx-btn-secondary.disabled:hover, form a.ipx-btn-secondary.disabled:active,
form button.ipx-btn-secondary[disabled],
form button.ipx-btn-secondary[disabled]:hover,
form button.ipx-btn-secondary[disabled]:active,
form button.ipx-btn-secondary.disabled,
form button.ipx-btn-secondary.disabled:hover,
form button.ipx-btn-secondary.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
form a.ipx-btn-neutral,
form button.ipx-btn-neutral {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  --button-neutral-background-color: var(--knb-button-neutral-background-color, var(--variant-wit-color));
  --button-neutral-border-color: var(--variant-tertiair-helder-color);
  --button-neutral-border-width: var(--button-border-width);
  --button-neutral-color: var(--variant-secundair-extra-donker-color);
  --button-neutral-disabled-background-color: var(--button-disabled-background-color);
  --button-neutral-disabled-color: var(--button-disabled-color);
  --button-neutral-hover-background-color: var(
    --knb-button-neutral-hover-background-color,
    var(--variant-tertiair-extra-licht-color)
  );
  --button-neutral-hover-border-color: var(--button-neutral-border-color);
  --button-neutral-hover-color: var(--button-neutral-color);
  --button-neutral-hover-text-decoration: var(--button-hover-text-decoration);
  --button-neutral-text-decoration: var(--button-text-decoration);
  --button-background-color: var(--button-neutral-background-color);
  --button-border-color: var(--button-neutral-border-color);
  --button-border-width: var(--button-neutral-border-width);
  --button-color: var(--button-neutral-color);
  --button-disabled-background-color: var(--button-neutral-disabled-background-color);
  --button-disabled-color: var(--button-neutral-disabeled-color);
  --button-hover-background-color: var(--button-neutral-hover-background-color);
  --button-hover-border-color: var(--button-neutral-border-color);
  --button-hover-color: var(--button-neutral-hover-color);
  --button-hover-text-decoration: var(--button-neutral-hover-text-decoration);
  --button-text-decoration: var(--button-neutral-text-decoration);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
}
form a.ipx-btn-neutral:is(a),
form button.ipx-btn-neutral:is(a) {
  display: inline-block;
}
form a.ipx-btn-neutral:is(a), form a.ipx-btn-neutral:is(a):visited,
form button.ipx-btn-neutral:is(a),
form button.ipx-btn-neutral:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
form a.ipx-btn-neutral:hover, form a.ipx-btn-neutral:active,
form button.ipx-btn-neutral:hover,
form button.ipx-btn-neutral:active {
  cursor: pointer;
}
form a.ipx-btn-neutral[disabled], form a.ipx-btn-neutral[disabled]:hover, form a.ipx-btn-neutral[disabled]:active, form a.ipx-btn-neutral.disabled, form a.ipx-btn-neutral.disabled:hover, form a.ipx-btn-neutral.disabled:active,
form button.ipx-btn-neutral[disabled],
form button.ipx-btn-neutral[disabled]:hover,
form button.ipx-btn-neutral[disabled]:active,
form button.ipx-btn-neutral.disabled,
form button.ipx-btn-neutral.disabled:hover,
form button.ipx-btn-neutral.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
form a.ipx-btn-neutral:hover, form a.ipx-btn-neutral:active,
form button.ipx-btn-neutral:hover,
form button.ipx-btn-neutral:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
form a.ipx-btn-neutral[disabled], form a.ipx-btn-neutral[disabled]:hover, form a.ipx-btn-neutral[disabled]:active, form a.ipx-btn-neutral.disabled, form a.ipx-btn-neutral.disabled:hover, form a.ipx-btn-neutral.disabled:active,
form button.ipx-btn-neutral[disabled],
form button.ipx-btn-neutral[disabled]:hover,
form button.ipx-btn-neutral[disabled]:active,
form button.ipx-btn-neutral.disabled,
form button.ipx-btn-neutral.disabled:hover,
form button.ipx-btn-neutral.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}

.iprox-keywords dl {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-block: 0;
}
.iprox-keywords dl dd {
  background-color: var(--variant-wit-color);
  border: 1px solid var(--variant-tertiair-helder-color);
  border-radius: 1em;
  font-size: var(--knb-font-size-extra-small);
  font-weight: var(--knb-font-weight-medium);
  margin: 0;
  overflow-wrap: normal;
  padding: 2px 14px;
}
.iprox-keywords dl dd.iprox-keyword-status-applicatie .tag {
  color: var(--tag-text-color);
}
.iprox-keywords dl dd.iprox-keyword-status-applicatie:has(.failure) {
  --variant-tertiair-helder-color: var(--knb-failure-color);
  --tag-text-color: var(--knb-failure-color);
}
.iprox-keywords dl dd.iprox-keyword-status-applicatie:has(.maintenance) {
  --variant-tertiair-helder-color: var(--knb-maintenance-color);
  --tag-text-color: var(--knb-maintenance-color);
}
.iprox-keywords dl dd.iprox-keyword-status-applicatie:has(.online) {
  display: none;
}

.lightbox-innerbox .lightbox-title {
  --lightbox-title-font-size: var(--grid-block-grid-title-font-size-small);
}

button.lightbox-btn {
  align-items: center;
  background-color: var(--knb-wit-opac-85) !important;
  display: flex;
  justify-content: center;
  height: var(--icon-size);
  width: var(--icon-size);
}
button.lightbox-btn:hover, button.lightbox-btn:active, button.lightbox-btn:focus {
  background-color: var(--variant-wit-color) !important;
}
button.lightbox-btn::before {
  background-color: var(--variant-tertiair-extra-donker-color);
  content: "" !important;
  display: block;
  height: 24px !important;
  mask: url(../images/sprites/icon-sprite.svg#img-plus) 50% 50% no-repeat;
  width: 24px !important;
}
button.lightbox-btn.lightbox-play::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-play);
}
button.lightbox-btn.lightbox-pause::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-pause);
}
button.lightbox-btn.lightbox-close::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-close);
}
button.lightbox-btn.lightbox-previous::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-previous);
}
button.lightbox-btn.lightbox-next::before {
  mask-image: url(../images/sprites/icon-sprite.svg#img-next);
}

.more-inside {
  margin-block: 20px;
}
.col-span-12 > .grid-element > .grid-edge > .more-inside {
  text-align: right;
}
.more-inside a {
  --button-font-family: var(--variant-custom-koptekst-font-family);
  --button-font-size: 1em;
  --button-line-height: 1;
  --button-background-color: var(--knb-button-primary-background-color, var(--variant-secundair-extra-donker-color));
  --button-border-color: var(--variant-secundair-extra-donker-color);
  --button-border-radius: 25px;
  --button-border-style: solid;
  --button-border-width: 1px;
  --button-color: var(--variant-wit-color);
  --button-font-weight: var(--global-font-weight-bold);
  --button-padding: 13px 24px;
  --button-text-decoration: none;
  --button-hover-background-color: var(
    --knb-button-primary-hover-background-color,
    var(--variant-secundair-donker-color)
  );
  --button-hover-border-color: var(--variant-secundair-donker-color);
  --button-hover-color: var(--variant-wit-color);
  --button-hover-text-decoration: none;
  --button-disabled-background-color: var(--variant-tertiair-color);
  --button-disabled-color: var(--variant-tertiair-helder-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  text-align: center;
  background-color: var(--button-background-color);
  border-color: var(--button-border-color);
  border-radius: var(--button-border-radius);
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  color: var(--button-color);
  font-weight: var(--button-font-weight);
  padding: var(--button-padding);
  text-decoration: var(--button-text-decoration);
  --global-link-color: var(--variant-wit-color);
  --more-link-border-color: var(--button-border-color);
  --more-link-font-weight: var(--knb-font-weight-regular);
  display: block;
  width: calc(100% - 48px);
}
.more-inside a:is(a) {
  display: inline-block;
}
.more-inside a:is(a), .more-inside a:is(a):visited {
  color: var(--button-color);
  text-decoration: var(--button-text-decoration);
}
.more-inside a:hover, .more-inside a:active {
  cursor: pointer;
}
.more-inside a[disabled], .more-inside a[disabled]:hover, .more-inside a[disabled]:active, .more-inside a.disabled, .more-inside a.disabled:hover, .more-inside a.disabled:active {
  cursor: var(--button-disables-cursor, not-allowed);
  opacity: var(--button-disables-opacity, 1);
}
.more-inside a:hover, .more-inside a:active {
  background-color: var(--button-hover-background-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-color);
  text-decoration: var(--button-hover-text-decoration);
}
.more-inside a[disabled], .more-inside a[disabled]:hover, .more-inside a[disabled]:active, .more-inside a.disabled, .more-inside a.disabled:hover, .more-inside a.disabled:active {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  text-decoration: var(--button-text-decoration);
}
.more-inside a:hover {
  text-decoration: none !important;
}
.more-inside a.closed-item::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-secundair-extra-donker-color);
  content: "";
  display: inline-block;
  margin-left: 10px;
  mask: url(../images/sprites/icon-sprite.svg#img-lock) 50% 50% no-repeat;
  position: relative;
  top: 2px;
  width: 1em;
}
.more-inside a.closed-item::after {
  background-color: var(--variant-wit-color);
}

.col-span-5 > .grid-element > .grid-edge .more-inside {
  --inside-padding-bottom: 0;
  --inside-padding-top: 0;
  margin-block: 40px 0;
  padding-inline: 0;
}
.col-span-5 > .grid-element > .grid-edge .more-inside a {
  display: inline-block;
  width: auto;
}

.col-span-6 > .grid-element > .grid-edge .more-inside {
  --inside-padding-bottom: 0;
  --inside-padding-top: 0;
  margin-block: 40px 0;
  padding-inline: 0;
}
.col-span-6 > .grid-element > .grid-edge .more-inside a {
  display: inline-block;
  width: auto;
}

.col-span-7 > .grid-element > .grid-edge .more-inside {
  --inside-padding-bottom: 0;
  --inside-padding-top: 0;
  margin-block: 40px 0;
  padding-inline: 0;
}
.col-span-7 > .grid-element > .grid-edge .more-inside a {
  display: inline-block;
  width: auto;
}

.col-span-8 > .grid-element > .grid-edge .more-inside {
  --inside-padding-bottom: 0;
  --inside-padding-top: 0;
  margin-block: 40px 0;
  padding-inline: 0;
}
.col-span-8 > .grid-element > .grid-edge .more-inside a {
  display: inline-block;
  width: auto;
}

.col-span-9 > .grid-element > .grid-edge .more-inside {
  --inside-padding-bottom: 0;
  --inside-padding-top: 0;
  margin-block: 40px 0;
  padding-inline: 0;
}
.col-span-9 > .grid-element > .grid-edge .more-inside a {
  display: inline-block;
  width: auto;
}

.col-span-10 > .grid-element > .grid-edge .more-inside {
  --inside-padding-bottom: 0;
  --inside-padding-top: 0;
  margin-block: 40px 0;
  padding-inline: 0;
}
.col-span-10 > .grid-element > .grid-edge .more-inside a {
  display: inline-block;
  width: auto;
}

.col-span-11 .more-inside, .col-span-12 > .grid-element > .grid-edge .more-inside {
  --inside-padding-bottom: 0;
  --inside-padding-top: 0;
  margin-block: 40px 0;
  padding-inline: 0;
}
.col-span-11 .more-inside a, .col-span-12 > .grid-element > .grid-edge .more-inside a {
  display: inline-block;
  width: auto;
}

@media screen and (min-width: 1024px) {
  .zone-type-aside + .grid-zone .grid-nesting {
    --block-inner-padding-inline: var(--gutter) calc(var(--gutter) * 0.5);
  }
}
@media screen and (min-width: 1024px) {
  .zone-type-aside + .grid-zone .grid-nesting {
    --block-inner-padding-inline: var(--gutter) calc(var(--gutter) * 0.5);
  }
}

.type-results .grid-nesting {
  padding-inline: calc(var(--gutter) * 0.5);
}
@media screen and (max-width: 719.98px) {
  .type-results .grid-nesting .grid-block .grid-image-left {
    --block-inner-padding-inline: 0;
    padding-block-end: calc(var(--gutter) * 0.5);
  }
  .type-results .grid-nesting .grid-block .grid-image-left {
    --block-inner-padding-inline: 0;
    padding-block-end: calc(var(--gutter) * 0.5);
  }
}
@media screen and (min-width: 720px) {
  .type-results .grid-nesting .grid-block .grid-image-left {
    --block-inner-padding-inline: 0 calc(var(--gutter) * 0.5);
  }
  .type-results .grid-nesting .grid-block .grid-image-left {
    --block-inner-padding-inline: 0 calc(var(--gutter) * 0.5);
  }
}

.search-suggest-menu {
  --autosuggest-background-color: transparent;
  --autosuggest-padding-horizontal: 24px;
  --autosuggest-padding-vertical: 16px;
  --autosuggest-menu-item-background-color: var(--variant-wit-color);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
  padding-block-start: 20px;
}
.search-suggest-menu .search-suggest-heading {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}
.search-suggest-menu .search-suggest-type-result {
  margin-inline: -24px -48px;
  width: calc(100% + 20px);
}
.search-suggest-menu .search-suggest-type-result a {
  --global-link-color: var(--variant-secundair-extra-donker-color);
  align-items: center;
  display: flex;
}
.search-suggest-menu .search-suggest-type-result a::after {
  aspect-ratio: 1/1;
  background-color: var(--variant-tertiair-extra-donker-color);
  content: "";
  display: inline-block;
  height: 24px;
  margin-left: auto;
  mask: url(../images/sprites/icon-sprite.svg#img-magnify) 50% 50% no-repeat;
  width: 24px;
}
.search-suggest-menu .search-suggest-type-result + .search-suggest-type-result {
  border-block-start: 1px solid var(--variant-tertiair-helder-color);
}
.search-suggest-menu .search-suggest-type-result:hover {
  background-color: var(--variant-tertiair-extra-licht-color);
}

.skiplink-wrapper,
.canvas {
  --scrollbar-width: calc(100vw - 100%);
  margin: 0 auto;
  max-width: 1920px;
}

@media screen and (max-width: 719.98px) {
  footer {
    margin-top: 160px;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  footer {
    margin-top: 140px;
  }
}
@media screen and (min-width: 1024px) {
  footer {
    margin-top: 100px;
  }
}
footer::before {
  aspect-ratio: 1440/48;
  background-color: var(--variant-primair-donker-color);
  background-size: cover;
  bottom: 0;
  content: "";
  display: block;
  height: auto;
  mask: url(../images/extra/footer-top.svg) 50% 50% no-repeat;
  position: static;
  right: 0;
  width: 100%;
}
footer .grid-wrapper {
  background-image: url(../images/extra/scribble-footer.png);
  background-repeat: no-repeat;
  overflow: visible;
}
@media screen and (max-width: 719.98px) {
  footer .grid-wrapper {
    background-position: calc(100% + 200px) 50%;
    background-size: 100%;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  footer .grid-wrapper {
    background-position: 100% 33%;
    background-size: 50%;
  }
}
@media screen and (min-width: 1024px) {
  footer .grid-wrapper {
    background-position: 100% 33%;
    background-size: 33%;
  }
}

.zone-type-footer-interaction {
  margin-bottom: 32px;
  margin-top: -100px;
}
.zone-type-footer-interaction .type-enclosure {
  --error-color: var(--variant-primair-donker-color);
}
.zone-type-footer-interaction .type-enclosure > .grid-element {
  position: relative;
}
.zone-type-footer-interaction .type-enclosure > .grid-element::before {
  align-self: center;
  aspect-ratio: 1/1;
  background: url(../images/sprites/icon-sprite.svg#img-kroon-geel) 55% 45% no-repeat var(--variant-primair-donker-color);
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-left: 50%;
  position: absolute;
  top: -24px;
  transform: translateX(-50%);
  width: 48px;
  z-index: 1;
}
.zone-type-footer-interaction .type-enclosure > .grid-element > .grid-edge {
  padding-inline: 8.33%;
  padding-block-end: 20px;
}
.zone-type-footer-interaction .type-enclosure > .grid-element > .grid-edge > .grid-title {
  display: flex;
  justify-content: center;
}
.zone-type-footer-interaction .type-enclosure > .grid-element > .grid-edge > .grid-title h2 {
  font-size: var(--heading-font-size-h2);
}
.zone-type-footer-interaction .type-enclosure > .grid-element > .grid-edge > .grid-inside {
  text-align: center;
}
.zone-type-footer-interaction .type-enclosure form {
  --form-fieldset-margin: 24px;
}
@media screen and (min-width: 720px) {
  .zone-type-footer-interaction .type-enclosure form {
    display: flex;
    gap: 20px;
  }
}
.zone-type-footer-interaction .type-enclosure form .error-message {
  color: var(--error-color);
}
.zone-type-footer-interaction .type-enclosure form .verplicht {
  display: none;
}
.zone-type-footer-interaction .type-enclosure form fieldset[hidden] + h2,
.zone-type-footer-interaction .type-enclosure form fieldset[hidden] + h3 {
  display: none;
}
.zone-type-footer-interaction .type-enclosure form fieldset[hidden] + h2 + .iprox-hint,
.zone-type-footer-interaction .type-enclosure form fieldset[hidden] + h3 + .iprox-hint {
  display: none;
}
.zone-type-footer-interaction .type-enclosure form fieldset:not([hidden]) {
  flex-grow: 1;
}
.zone-type-footer-interaction .type-enclosure form fieldset:not([hidden]) + fieldset {
  display: none;
}
.zone-type-footer-interaction .type-enclosure form .rij .invoer input {
  margin-block-start: 0;
}
.zone-type-footer-interaction .type-enclosure form .ipx-buttons {
  align-items: flex-end;
  display: flex;
  flex-shrink: 0;
}
.zone-type-footer-interaction .type-laposta {
  --error-color: var(--variant-primair-donker-color);
}
.zone-type-footer-interaction .type-laposta > .grid-element {
  position: relative;
}
.zone-type-footer-interaction .type-laposta > .grid-element::before {
  align-self: center;
  aspect-ratio: 1/1;
  background: url(../images/sprites/icon-sprite.svg#img-kroon-geel) 55% 45% no-repeat var(--variant-primair-donker-color);
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-left: 50%;
  position: absolute;
  top: -24px;
  transform: translateX(-50%);
  width: 48px;
  z-index: 1;
}
.zone-type-footer-interaction .type-laposta > .grid-element > .grid-edge {
  --global-contents-background-color: var(--variant-wit-color);
  --global-header-color: var(--variant-tekst-color);
  --global-text-color: var(--variant-tekst-color);
  padding-inline: 8.33%;
  padding-block-end: 40px;
}
.zone-type-footer-interaction .type-laposta > .grid-element > .grid-edge > .grid-title {
  display: flex;
  justify-content: center;
}
.zone-type-footer-interaction .type-laposta > .grid-element > .grid-edge > .grid-title h2 {
  font-size: var(--heading-font-size-h2);
}
.zone-type-footer-interaction .type-laposta > .grid-element > .grid-edge > .grid-inside {
  text-align: center;
}
.zone-type-footer-interaction .type-laposta > .grid-element > .grid-edge > .grid-inside + .grid-nesting {
  gap: 20px;
  margin-block-start: 20px;
}
@media screen and (max-width: 719.98px) {
  .zone-type-footer-interaction .type-laposta form {
    --form-fieldset-margin: 24px;
  }
  .zone-type-footer-interaction .type-laposta form .error-message {
    color: var(--error-color);
  }
  .zone-type-footer-interaction .type-laposta form .verplicht {
    display: none;
  }
  .zone-type-footer-interaction .type-laposta form fieldset[hidden] + h2,
  .zone-type-footer-interaction .type-laposta form fieldset[hidden] + h3 {
    display: none;
  }
  .zone-type-footer-interaction .type-laposta form fieldset[hidden] + h2 + .iprox-hint,
  .zone-type-footer-interaction .type-laposta form fieldset[hidden] + h3 + .iprox-hint {
    display: none;
  }
  .zone-type-footer-interaction .type-laposta form fieldset:not([hidden]) {
    flex-grow: 1;
  }
  .zone-type-footer-interaction .type-laposta form .rij .invoer input {
    margin-block-start: 0;
  }
  .zone-type-footer-interaction .type-laposta form .ipx-buttons {
    align-items: flex-end;
    display: flex;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 720px) {
  .zone-type-footer-interaction .type-laposta form {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-auto-rows: max-content;
    gap: 0 20px;
  }
  .zone-type-footer-interaction .type-laposta form fieldset.rij {
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .zone-type-footer-interaction .type-laposta form .ipx-buttons {
    --form-buttons-padding: 37px 0 0;
    grid-row: span 2/span 2;
    grid-column-start: 2;
    grid-row-start: 1;
  }
}
.zone-type-footer-interaction .type-laposta div.verborgen {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  overflow-wrap: normal;
  padding: 0;
  position: absolute;
  width: 1px;
}

.zone-type-footer-content,
.zone-type-footer-payoff {
  margin-bottom: 32px;
}
.zone-type-footer-content .grid-block,
.zone-type-footer-payoff .grid-block {
  font-size: 1rem;
}

.zone-type-language {
  margin-bottom: 16px;
}
.zone-type-language .grid-inside div:first-child {
  border-top: 1px solid var(--variant-primair-extra-licht-color);
  padding-top: 32px;
}
@media screen and (max-width: 719.98px) {
  .zone-type-language .grid-inside div:first-child {
    text-align: center;
  }
}

.zone-type-footer-content {
  --paragraph-margin-top: 4px;
}
.zone-type-footer-content .grid-block .grid-edge > .grid-title h2 {
  color: var(--variant-primair-extra-licht-color);
  font-family: var(--variant-custom-broodtekst-font-family);
  font-size: 1.125em;
}

@media screen and (min-width: 720px) {
  .zone-type-footer-payoff .grid-row {
    align-items: center;
    display: flex;
    gap: var(--gutter);
    width: 100%;
  }
  .zone-type-footer-payoff .grid-block .grid-edge {
    align-items: center;
    display: flex;
    width: 100%;
  }
}
.zone-type-footer-payoff .type-rich-content,
.zone-type-footer-payoff .type-linkslist,
.zone-type-footer-payoff .type-social-follow {
  width: auto !important;
}
@media screen and (max-width: 719.98px) {
  .zone-type-footer-payoff .type-rich-content,
  .zone-type-footer-payoff .type-linkslist,
  .zone-type-footer-payoff .type-social-follow {
    width: 100% !important;
  }
  .zone-type-footer-payoff .type-rich-content .grid-edge,
  .zone-type-footer-payoff .type-linkslist .grid-edge,
  .zone-type-footer-payoff .type-social-follow .grid-edge {
    justify-content: center;
  }
  .zone-type-footer-payoff .type-rich-content .grid-inside,
  .zone-type-footer-payoff .type-linkslist .grid-inside,
  .zone-type-footer-payoff .type-social-follow .grid-inside {
    text-align: center;
  }
}
.zone-type-footer-payoff .type-rich-content,
.zone-type-footer-payoff .type-social-follow {
  flex-shrink: 0;
}
.zone-type-footer-payoff .type-rich-content {
  text-wrap: nowrap;
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .zone-type-footer-payoff .type-rich-content {
    width: 100% !important;
  }
  .zone-type-footer-payoff .type-rich-content .grid-edge {
    justify-content: flex-start;
  }
}
.zone-type-footer-payoff .type-linkslist {
  --linkslist-item-border-width: 0;
  flex-grow: 1;
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .zone-type-footer-payoff .type-linkslist .grid-edge {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .zone-type-footer-payoff .type-linkslist .grid-edge {
    justify-content: flex-end;
  }
}
.zone-type-footer-payoff .type-linkslist ul.list {
  display: flex;
  list-style-type: none;
  width: 100%;
  padding-inline-start: 0;
}
@media screen and (max-width: 719.98px) {
  .zone-type-footer-payoff .type-linkslist ul.list {
    flex-direction: column;
  }
}
@media screen and (min-width: 720px) {
  .zone-type-footer-payoff .type-linkslist ul.list {
    flex-direction: row;
    gap: 20px;
  }
}
.zone-type-footer-payoff .type-linkslist ul.list a {
  font-weight: var(--knb-font-weight-regular);
  text-wrap: nowrap;
}
.zone-type-footer-payoff .type-linkslist ul.list a:hover {
  text-decoration: underline;
}
.zone-type-footer-payoff .type-social-follow {
  flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
  .zone-type-footer-payoff .type-social-follow .grid-edge {
    justify-content: flex-end;
  }
}
.zone-type-footer-payoff .type-social-follow .grid-title {
  display: none;
}
.zone-type-footer-payoff .type-social-follow ul {
  flex-wrap: nowrap;
  padding-block-start: 0;
}
@media screen and (max-width: 719.98px) {
  .zone-type-footer-payoff .type-social-follow ul {
    justify-content: center;
  }
}
@media screen and (min-width: 720px) {
  .zone-type-footer-payoff .type-social-follow ul {
    margin-block: 0;
  }
}

@media screen and (min-width: 1330px) {
  header {
    --header-item-after-margin: calc(50vw - 660px);
  }
}
@media screen and (min-width: 720px) and (max-width: 1329.98px) {
  header {
    --header-item-after-margin: local-vars.$bl-unit * 2.5;
  }
}
header::after {
  background: url(../images/extra/header-bottom.svg) 0 0 no-repeat;
  background-size: contain;
  bottom: 0.48px;
  content: "";
  display: block;
  height: 20px;
  margin-left: var(--header-item-after-margin);
  position: relative;
  right: 0;
  z-index: 1;
}

main .grid-wrapper {
  --global-contents-background-color: transparent;
  --block-margin-bottom: var(--knb-block-margin-bottom);
}
main .grid-container {
  column-gap: var(--gutter);
}
main .section-type-main .grid-block.role-intro {
  --block-margin-bottom: var(--knb-block-margin-bottom);
}
main .section-type-main div.grid-title {
  padding-top: var(--grid-title-padding-block-start);
}

.zone-type-aside .grid-block:not(.type-knb-advert) > .grid-element > .grid-edge {
  --global-contents-background-color: var(--variant-wit-color);
  --global-border-radius-value: 4px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

:root {
  --grid-title-padding-block-start: 24px;
}
@media screen and (max-width: 719.98px) {
  :root {
    --knb-block-margin-bottom: 20px;
    --zone-padding-block-end: calc(40px - var(--grid-title-padding-block-start) - var(--knb-block-margin-bottom));
    --row-padding-block-end: calc(20px - var(--grid-title-padding-block-start) - var(--knb-block-margin-bottom));
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  :root {
    --knb-block-margin-bottom: 30px;
    --zone-padding-block-end: calc(80px - var(--grid-title-padding-block-start) - var(--knb-block-margin-bottom));
    --row-padding-block-end: calc(40px - var(--grid-title-padding-block-start) - var(--knb-block-margin-bottom));
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --knb-block-margin-bottom: 40px;
    --zone-padding-block-end: calc(120px - var(--grid-title-padding-block-start) - var(--knb-block-margin-bottom));
    --row-padding-block-end: calc(60px - var(--grid-title-padding-block-start) - var(--knb-block-margin-bottom));
  }
}

main .grid-zone.is-fullpagewidth-zone:not(.zone-type-title):not(.zone-type-sitepad) {
  padding-block-end: var(--zone-padding-block-end);
  padding-block-start: 0;
}
main .grid-zone.is-fullpagewidth-zone .grid-row.is-fullpagewidth-row:has(+ .grid-row.is-fullpagewidth-row) {
  padding-block-end: var(--row-padding-block-end);
}

.main-has-layout-events main .grid-zone.zone-type-title {
  padding-block-end: var(--title-zone-padding-block-end);
  padding-block-start: 0;
}
@media screen and (max-width: 719.98px) {
  .main-has-layout-events main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 20px;
    --title-zone-padding-block-end: calc(40px - var(--knb-block-margin-bottom));
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .main-has-layout-events main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 30px;
    --title-zone-padding-block-end: calc(60px - var(--knb-block-margin-bottom));
  }
}
@media screen and (min-width: 1024px) {
  .main-has-layout-events main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 40px;
    --title-zone-padding-block-end: calc(80px - var(--knb-block-margin-bottom));
  }
}

.main-has-layout-index main .grid-zone.zone-type-title {
  padding-block-end: var(--title-zone-padding-block-end);
  padding-block-start: 0;
}
@media screen and (max-width: 719.98px) {
  .main-has-layout-index main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 20px;
    --title-zone-padding-block-end: calc(40px - var(--knb-block-margin-bottom));
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .main-has-layout-index main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 30px;
    --title-zone-padding-block-end: calc(60px - var(--knb-block-margin-bottom));
  }
}
@media screen and (min-width: 1024px) {
  .main-has-layout-index main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 40px;
    --title-zone-padding-block-end: calc(80px - var(--knb-block-margin-bottom));
  }
}

.main-has-layout-catalog main .grid-zone.zone-type-title {
  padding-block-end: var(--title-zone-padding-block-end);
  padding-block-start: 0;
}
@media screen and (max-width: 719.98px) {
  .main-has-layout-catalog main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 20px;
    --title-zone-padding-block-end: calc(40px - var(--knb-block-margin-bottom));
  }
}
@media screen and (min-width: 720px) and (max-width: 1023.98px) {
  .main-has-layout-catalog main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 30px;
    --title-zone-padding-block-end: calc(60px - var(--knb-block-margin-bottom));
  }
}
@media screen and (min-width: 1024px) {
  .main-has-layout-catalog main .grid-zone.zone-type-title {
    --knb-block-margin-bottom: 40px;
    --title-zone-padding-block-end: calc(80px - var(--knb-block-margin-bottom));
  }
}

.grid-zone.grouping-subzones .grid-block.type-streamer {
  --block-margin-bottom: 0;
  --grid-block-grid-title-margin-bottom: 0;
}
.grid-zone.grouping-subzones .grid-block:not(.type-streamer) > .grid-element > .grid-edge > .grid-title h3 {
  font-size: var(--heading-font-size-h3);
}
.grid-zone.grouping-subzones .grid-block:not(.type-streamer) > .grid-element > .grid-edge > .grid-title h4 {
  font-size: var(--heading-font-size-h4);
}

main .grid-zone.zone-type-theme {
  margin-block-start: 32px;
}

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