/* Colors
===========================================================================*/
/* UIpallet colors
===========================================================================*/
/* Font family's
===========================================================================*/
/* Font size's
===========================================================================*/
/* Widths
===========================================================================*/
/* Breaks
===========================================================================*/
/* Preset
===========================================================================*/
h1 {
  margin: 0;
  font-size: 32px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 700;
  color: #134478;
}
h2 {
  margin: 0 0 10px;
  font-size: 32px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 600;
  color: #009CDF;
}
h3 {
  margin: 0 0 10px;
  font-size: 24px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 600;
  color: #134478;
}
h4 {
  margin: 0 0 15px;
  font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #000000;
}
h5 {
  margin: 0 0 10px;
  font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #000000;
}
h6 {
  margin: 0 0 10px;
  font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
  color: #000000;
}
/* Basic btns
===========================================================================*/
.btn-highlight {
  background-color: #134478;
  color: #ffffff;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-highlight:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
}
.btn-highlight-green {
  background-color: #cee9f5;
  color: #ffffff;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-highlight-green:hover {
  background: #95C127;
  background: linear-gradient(90deg, #95C127 0%, #95C127 100%);
}
.btn-highlight-yellow {
  background-color: #FCBF00;
  color: #134478;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
}
.btn-highlight-yellow:hover {
  background: #cee9f5;
  background: linear-gradient(90deg, #cee9f5 0%, #cee9f5 100%);
}
.btn-highlight-reversed {
  border: 2px solid #134478;
  color: #134478;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 30px;
  font-weight: 600;
  display: inline-block;
}
.btn-highlight-reversed:hover {
  color: #ffffff;
  background-color: #134478;
}
.btn-primary {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.btn-primary:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.btn-primary-light {
  background-color: #009CDF;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.btn-primary-light:hover {
  background: #009CDF;
  background: linear-gradient(90deg, #009CDF 0%, #134478 100%);
  /* Gradiënt op hover */
}
.btn-secondary {
  background-color: #009CDF;
  color: #ffffff;
  padding: 10px;
  font-weight: bold;
  display: inline-block;
}
.btn-secondary:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
}
.btn-secondary-reversed {
  background-color: #ffffff;
  color: #009CDF;
  border: 2px solid #009CDF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 40px;
  font-weight: 500;
  display: inline-block;
  font-size: 16px;
}
.btn-secondary-reversed:hover {
  background-color: #009CDF;
  color: #ffffff;
}
.ul-checkmark-style {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
.ul-checkmark-style li {
  display: flex;
  align-items: center;
}
.ul-checkmark-style li::before {
  content: '';
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.ul-checkmark-style li:nth-child(3n+1):before {
  background-image: url("../images/KB Checkmark Blauw.png");
}
.ul-checkmark-style li:nth-child(3n+2):before {
  background-image: url("../images/KB Checkmark Groen.png");
}
.ul-checkmark-style li:nth-child(3n+3):before {
  background-image: url("../images/KB Checkmark Geel.png");
}
.field--name-field-paragraph-override-id,
.field--name-field-achtergrond {
  display: none !important;
}
/*
Label: 30% 30% 30%
System name: 3 Column
Class: paragraph--type-_-column
===========================================================================*/
.paragraph--type-3-column.ds-3col-equal {
  margin: 0 auto;
  padding: 100px;
  max-width: 1440px;
}
.paragraph--type-3-column.ds-3col-equal .group-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0 80px;
  padding: 0 20px;
}
.paragraph--type-3-column.ds-3col-equal .group-wrapper .group-left,
.paragraph--type-3-column.ds-3col-equal .group-wrapper .group-middle,
.paragraph--type-3-column.ds-3col-equal .group-wrapper .group-right {
  width: auto;
  float: unset;
  position: relative;
}
.paragraph--type-3-column.ds-3col-equal .field--type-string {
  margin: 0 0 10px;
  font-size: 32px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 600;
  color: #009CDF;
  margin-bottom: 20px;
  height: 40px;
  color: #134478;
}
.paragraph--type-3-column.ds-3col-equal .field--name-field-image-text-left,
.paragraph--type-3-column.ds-3col-equal .field--name-field-image-text-middle,
.paragraph--type-3-column.ds-3col-equal .field--name-field-image-text-right {
  text-transform: none;
  font-size: 12px;
  margin-top: 3px;
}
.paragraph--type-3-column.ds-3col-equal .field--type-text-long p:first-child {
  margin-top: 20px;
}
.paragraph--type-3-column.ds-3col-equal .field--type-text-long p:first-child strong {
  margin: 0 0 10px;
  font-size: 24px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 600;
  color: #134478;
}
.paragraph--type-3-column.ds-3col-equal .field--type-text-long p:last-child {
  margin-bottom: 0;
}
.paragraph--type-3-column.ds-3col-equal .link-container {
  height: 47px;
  margin-bottom: 70px;
}
.paragraph--type-3-column.ds-3col-equal .link-container .field--type-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 3px;
}
.paragraph--type-3-column.ds-3col-equal .link-container .field--type-link a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type-3-column.ds-3col-equal .link-container .field--type-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.paragraph--type-3-column.ds-3col-equal .field--type-entity-reference {
  overflow: hidden;
  margin-top: 30px;
}
.paragraph--type-3-column.ds-3col-equal .field--type-entity-reference .field__item:not(.field__item:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal .group-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 20px 0;
  }
}
.paragraph--type-3-column.ds-3col-equal.colored-buttons {
  margin: 0 auto;
  padding: 100px !important;
  max-width: 960px;
}
.paragraph--type-3-column.ds-3col-equal.colored-buttons .link-container .field--type-link {
  text-align: center;
  width: 100%;
  height: 132px;
  /* Voeg hoogte toe zodat .a de hele ruimte beslaat */
  position: relative;
}
.paragraph--type-3-column.ds-3col-equal.colored-buttons .link-container .field--type-link a {
  position: absolute;
  /* Maak de hele container klikbaar */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  border-radius: 50px 0 0 0;
  text-decoration: none;
  padding: 0;
}
.paragraph--type-3-column.ds-3col-equal.colored-buttons .link-container .field--type-link a:after {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url("../images/arrow-forward.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 5px;
  margin-left: 10px;
  transition: transform 0.3s ease-in-out;
}
.paragraph--type-3-column.ds-3col-equal.colored-buttons .group-left a {
  background-color: #95C127;
}
.paragraph--type-3-column.ds-3col-equal.colored-buttons .group-middle a {
  background-color: #FCBF00;
}
.paragraph--type-3-column.ds-3col-equal.colored-buttons .group-right a {
  background-color: #134478;
}
.paragraph--type-3-column.ds-3col-equal.white-background {
  background-color: #ffffff;
  border-radius: 135px 0 0 0;
  position: relative;
}
.paragraph--type-3-column.ds-3col-equal.white-background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 200px;
  width: 100vw;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}
.paragraph--type-3-column.ds-3col-equal.white-background .group-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .paragraph--type-3-column.ds-3col-equal {
    padding: 0 !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 961px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_all {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 10px;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_all {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
    padding: 10px !important;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_all.white-background {
    border-radius: inherit;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_two_zero {
    grid-template-columns: [image1] auto [spacing] 10px [image2] auto [end];
    grid-template-rows: [row1] auto [spacing] 10px [row2] auto [end];
    grid-gap: 0;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_two_zero .group-left {
    grid-area: row2 / image1 / end / spacing;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_two_zero .group-middle {
    grid-area: row2 / image2 / end / end;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_two_zero .group-right {
    grid-area: row1 / image1 / spacing / end;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_one_zero_one {
    grid-template-columns: [image1] auto [spacing] 10px [image2] auto [end];
    grid-template-rows: [row1] auto [spacing] 10px [row2] auto [end];
    grid-gap: 0;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_one_zero_one .group-left {
    grid-area: row2 / image1 / end / spacing;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_one_zero_one .group-right {
    grid-area: row2 / image2 / end / end;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_one_zero_one .group-middle {
    grid-area: row1 / image1 / spacing / end;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_one_zero {
    grid-template-columns: 1fr;
    grid-gap: 30px 0;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_zero_two {
    grid-template-columns: [image1] auto [spacing] 10px [image2] auto [end];
    grid-template-rows: [row1] auto [spacing] 10px [row2] auto [end];
    grid-gap: 0;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_zero_two .group-middle {
    grid-area: row2 / image1 / end / spacing;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_zero_two .group-right {
    grid-area: row2 / image2 / end / end;
  }
  .paragraph--type-3-column.ds-3col-equal.responsive_zero_two .group-left {
    grid-area: row1 / image1 / spacing / end;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_zero_one_zero {
    grid-template-columns: 1fr;
    grid-gap: 30px 0;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_zero_one_zero {
    grid-template-columns: 1fr;
    grid-gap: 30px 0;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-3-column.ds-3col-equal.responsive_none {
    grid-template-columns: 1fr;
    grid-gap: 30px 0;
    max-width: 1440px;
  }
}
/*
Label: Button
System name: button
Class: paragraph--type--button
===========================================================================*/
.paragraph--type--button {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.paragraph--type--button .field--name-field-link {
  padding-bottom: 10px;
  text-align: center;
}
.paragraph--type--button .field--name-field-link a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type--button .field--name-field-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
/*
Label: Devider
System name: devider
Class: paragraph--type--devider
===========================================================================*/
.paragraph--type--devider {
  max-width: 1440px;
  margin: 0 auto;
  padding: 30px 20px !important;
}
.paragraph--type--devider .horizontal-line {
  border-top: 1px solid #009CDF;
  position: relative;
}
.paragraph--type--devider .horizontal-line:before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 15px 0 15px;
  border-color: #ffffff transparent transparent transparent;
  z-index: 10;
}
.paragraph--type--devider .horizontal-line:after {
  content: '';
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 16px 0 16px;
  border-color: #009CDF transparent transparent transparent;
}
/*
Label: Spacer
System name: devider
Class: paragraph--type--spacer (devider)
===========================================================================*/
.paragraph--type--spacer {
  max-width: 1440px;
  margin: 0 auto;
  padding: 50px 10px !important;
}
.paragraph--type--spacer .horizontal-line {
  display: none;
}
/*
Label: Title
System name: title
Class: paragraph--type-title
===========================================================================*/
.paragraph--type--title {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.paragraph--type--title h2 {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
/*
Label: Title + Subtitle
System name: title_subtitle
Class: paragraph--type--title-subtitle
===========================================================================*/
.paragraph--type--title-subtitle {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.paragraph--type--title-subtitle h1 {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type--title-subtitle h2 {
  font-size: 24px;
  color: #009CDF;
  font-weight: 300;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph.paragraph--type--title-subtitle {
  padding-top: 20px;
  padding-bottom: 20px;
}
/*
Label: 100%
System name:paragraph 100%
Class: paragraph--type--_-column
===========================================================================*/
.paragraph--type--_-column {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 20px;
}
.paragraph--type--_-column .field--type-string {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type--_-column .field--name-field-image-text-left {
  text-transform: none;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 0;
}
.paragraph--type--_-column .field--type-text-long p:first-child {
  margin-top: 0;
}
.paragraph--type--_-column .field--type-text-long p:last-child {
  margin-bottom: 0;
}
.paragraph--type--_-column .field--name-field-link {
  margin-top: 20px;
  text-align: left;
}
.paragraph--type--_-column .field--name-field-link a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type--_-column .field--name-field-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.paragraph--type--_-column .field--type-entity-reference {
  overflow: hidden;
  margin-top: 30px;
}
.paragraph--type--_-column .field--type-entity-reference .field__item:not(.field__item:last-child) {
  margin-bottom: 20px;
}
/*
Label: 30% 65%
System name: 1_2_column
Class: paragraph--type-_-2-column
===========================================================================*/
.paragraph--type--1-2-column.ds-2col {
  max-width: 1440px;
  margin: 0 auto 35px auto;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner {
  padding: 0 20px 60px 20px;
  display: grid;
  grid-template-columns: 32.3% 66.1%;
  grid-gap: 0 20px;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-left {
  width: auto;
  float: unset;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-right {
  width: auto;
  float: unset;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .field--type-string {
  margin: 0 0 10px !important;
  font-size: 32px !important;
  font-family: 'Anek Malayalam', sans-serif !important;
  font-weight: 600 !important;
  color: #009CDF !important;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .field--name-field-image-text-left,
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .field--name-field-image-text-middle,
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .field--name-field-image-text-right {
  text-transform: none;
  font-size: 12px;
  margin-top: 3px;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .field--type-text-long p:first-child {
  margin-top: 0;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .field--type-text-long p:last-child {
  margin-bottom: 0;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-right .link-container {
  height: 47px;
  margin: 35px 0;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-right .link-container .field--type-link {
  width: 100%;
  padding-bottom: 3px;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-right .link-container .field--type-link a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-right .link-container .field--type-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-left .link-container {
  height: 47px;
  margin: 35px 0;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-left .link-container .field--type-link {
  width: 100%;
  padding-bottom: 3px;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-left .link-container .field--type-link a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .group-left .link-container .field--type-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .field--type-entity-reference {
  overflow: hidden;
  margin-top: 30px;
}
.paragraph--type--1-2-column.ds-2col .paragraph--type--1-2-column-inner .field--type-entity-reference .field__item:not(.field__item:last-child) {
  margin-bottom: 20px;
}
.paragraph--type--1-2-column.ds-2col.white-background {
  background-color: #ffffff;
  border-radius: 0 0 135px 0;
  position: relative;
}
.paragraph--type--1-2-column.ds-2col.white-background:before {
  content: "";
  position: absolute;
  top: 0;
  right: 200px;
  width: 100vw;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}
.paragraph--type--1-2-column.ds-2col.white-background .paragraph--type--1-2-column-inner {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 960px) {
  .paragraph--type--1-2-column.ds-2col.responsive_one_zero {
    margin: 0 auto ;
  }
  .paragraph--type--1-2-column.ds-2col.responsive_one_zero .paragraph--type--1-2-column-inner {
    grid-template-columns: 1fr !important;
    grid-gap: 10px 0;
    padding: 10px;
  }
  .paragraph--type--1-2-column.ds-2col.responsive_one_zero.white-background {
    border-radius: 0;
  }
}
/*
Label: 65% 30%
System name: 2_1_column
Class: paragraph--type-_-1-column
===========================================================================*/
.paragraph--type--2-1-column.ds-2col {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 66.1% 32.3%;
  grid-gap: 0 20px;
}
.paragraph--type--2-1-column.ds-2col .group-left,
.paragraph--type--2-1-column.ds-2col .group-right {
  width: auto;
  float: unset;
}
.paragraph--type--2-1-column.ds-2col .group-right {
  order: 2;
}
.paragraph--type--2-1-column.ds-2col .field--type-string {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type--2-1-column.ds-2col .field--name-field-image-text-left,
.paragraph--type--2-1-column.ds-2col .field--name-field-image-text-middle,
.paragraph--type--2-1-column.ds-2col .field--name-field-image-text-right {
  text-transform: none;
  font-size: 12px;
  margin-top: 3px;
}
.paragraph--type--2-1-column.ds-2col .field--type-text-long p:first-child {
  margin-top: 0;
}
.paragraph--type--2-1-column.ds-2col .field--type-text-long p:last-child {
  margin-bottom: 0;
}
.paragraph--type--2-1-column.ds-2col .link-container {
  height: 47px;
  margin-top: 70px;
}
.paragraph--type--2-1-column.ds-2col .link-container .field--type-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 3px;
}
.paragraph--type--2-1-column.ds-2col .link-container .field--type-link a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type--2-1-column.ds-2col .link-container .field--type-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.paragraph--type--2-1-column.ds-2col .field--name-field-link-right {
  width: 100%;
  text-align: center;
  padding-bottom: 3px;
}
.paragraph--type--2-1-column.ds-2col .field--name-field-link-right a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type--2-1-column.ds-2col .field--name-field-link-right a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.paragraph--type--2-1-column.ds-2col .field--type-entity-reference {
  overflow: hidden;
  margin-top: 30px;
}
.paragraph--type--2-1-column.ds-2col .field--type-entity-reference .field__item:not(.field__item:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) and (min-width: 721px) {
  .paragraph--type--2-1-column.ds-2col.responsive_all {
    grid-gap: 0 10px;
  }
}
@media screen and (max-width: 720px) {
  .paragraph--type--2-1-column.ds-2col.responsive_all {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type--2-1-column.ds-2col.responsive_one_zero {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
  }
}
@media screen and (max-width: 960px) and (min-width: 721px) {
  .paragraph--type--2-1-column.ds-2col.responsive_zero_one {
    display: block;
  }
  .paragraph--type--2-1-column.ds-2col.responsive_zero_one .group-right {
    float: right;
    width: 30%;
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 720px) {
  .paragraph--type--2-1-column.ds-2col.responsive_zero_one {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type--2-1-column.ds-2col.responsive_none {
    grid-template-columns: 1fr;
    grid-gap: 30px 0;
  }
}
/*
Label: 50% 50%
System name: 2_column
Class: paragraph--type-_-column
===========================================================================*/
.paragraph--type--2-column.ds-2col {
  margin: 0 auto;
  max-width: 1440px;
}
.paragraph--type--2-column.ds-2col .group-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 30px;
  padding: 50px 100px 100px 100px;
}
.paragraph--type--2-column.ds-2col .group-wrapper .group-left,
.paragraph--type--2-column.ds-2col .group-wrapper .group-right {
  width: auto;
  float: unset;
  position: relative;
}
.paragraph--type--2-column.ds-2col .field--type-string {
  margin: 0 0 10px;
  font-size: 32px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 600;
  color: #009CDF;
  color: #134478;
  height: 40px;
  margin: 0 0 30px;
}
.paragraph--type--2-column.ds-2col .field--name-field-image-text-left,
.paragraph--type--2-column.ds-2col .field--name-field-image-text-middle,
.paragraph--type--2-column.ds-2col .field--name-field-image-text-right {
  text-transform: none;
  font-size: 12px;
  margin-top: 3px;
}
.paragraph--type--2-column.ds-2col .field--type-text-long p:first-child {
  margin-top: 20px;
}
.paragraph--type--2-column.ds-2col .field--type-text-long p:first-child strong {
  margin: 0 0 10px;
  font-size: 24px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 600;
  color: #134478;
}
.paragraph--type--2-column.ds-2col .field--type-text-long p:last-child {
  margin-bottom: 0;
}
.paragraph--type--2-column.ds-2col .field--name-field-link-left {
  margin: 10px 0;
}
.paragraph--type--2-column.ds-2col .field--name-field-link-left a {
  color: #000000;
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type--2-column.ds-2col .field--name-field-link-left a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.paragraph--type--2-column.ds-2col .link-container {
  height: 47px;
  margin-top: 70px;
}
.paragraph--type--2-column.ds-2col .link-container .field--type-link {
  width: 100%;
  padding-bottom: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.paragraph--type--2-column.ds-2col .link-container .field--type-link a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type--2-column.ds-2col .link-container .field--type-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
.paragraph--type--2-column.ds-2col .responsive-iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio */
  width: 100%;
  /* De breedte is 100% van de ouder */
}
.paragraph--type--2-column.ds-2col .responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.paragraph--type--2-column.ds-2col .responsive-iframe-container,
.paragraph--type--2-column.ds-2col .field--type-entity-reference {
  overflow: hidden;
  margin-top: 30px;
}
.paragraph--type--2-column.ds-2col .responsive-iframe-container .field__item:not(.field__item:last-child),
.paragraph--type--2-column.ds-2col .field--type-entity-reference .field__item:not(.field__item:last-child) {
  margin-bottom: 20px;
}
.paragraph--type--2-column.ds-2col:not(.white-background) {
  padding: 100px;
  max-width: 1180px;
}
.paragraph--type--2-column.ds-2col.white-background {
  background-color: #ffffff;
  border-radius: 135px 0 0 0;
  position: relative;
}
.paragraph--type--2-column.ds-2col.white-background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 200px;
  width: 100vw;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}
.paragraph--type--2-column.ds-2col.white-background .group-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 960px) {
  .paragraph--type--2-column.ds-2col .group-wrapper {
    grid-template-columns: 1fr;
    padding: 20px 10px 10px 10px;
  }
  .paragraph--type--2-column.ds-2col.white-background {
    border-radius: inherit;
  }
}
@media screen and (max-width: 960px) and (min-width: 641px) {
  .paragraph--type--2-column.ds-2col.responsive_all {
    grid-gap: 0 10px;
  }
}
@media screen and (max-width: 640px) {
  .paragraph--type--2-column.ds-2col.responsive_all {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type--2-column.ds-2col.responsive_one_zero,
  .paragraph--type--2-column.ds-2col.responsive_zero_one {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type--2-column.ds-2col.responsive_none .group-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 30px 0;
    padding: 20px 0;
  }
  .paragraph--type--2-column.ds-2col.responsive_none:not(.white-background) {
    padding: 10px !important;
  }
}
/*
Label: Slogan
System name: slogan
Class: paragraph--type--slogan
===========================================================================*/
.paragraph--type--slogan {
  margin-top: 10px;
  margin-bottom: 10px;
}
.paragraph--type--slogan h2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 35px 20px;
  font-size: 55px;
  font-family: 'Anek Malayalam', sans-serif;
  color: #009CDF;
  font-weight: 600;
}
/*
Label: Gallery
System name: gallery
Class: paragraph--type--gallery
===========================================================================*/
.paragraph--type--gallery {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 0 20px;
}
.paragraph--type--gallery .field--type-string {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type--gallery .field--type-text-long {
  margin-bottom: 10px;
}
.paragraph--type--gallery .field--type-text-long p:first-child {
  margin-top: 0;
}
.paragraph--type--gallery .field--type-text-long p:last-child {
  margin-bottom: 0;
}
.paragraph--type--gallery .field--name-field-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.paragraph--type--gallery .field--name-field-gallery img {
  -webkit-filter: brightness(100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.paragraph--type--gallery .field--name-field-gallery img:hover {
  -webkit-filter: brightness(70%);
}
@media screen and (max-width: 1200px) and (min-width: 721px) {
  .paragraph--type--gallery .field--name-field-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 720px) {
  .paragraph--type--gallery .field--name-field-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*
Label: Download
System name: download
Class: paragraph--type--download
===========================================================================*/
.paragraph--type--download {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
}
.paragraph--type--download .field--type-string {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
/*
Label: Webform 50% 50%
System name: webform_50_50_
Class: paragraph--type-webform-50-50-
===========================================================================*/
.paragraph--type-webform-50-50- {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 30px;
}
.paragraph--type-webform-50-50- .group-left,
.paragraph--type-webform-50-50- .group-right {
  width: auto;
  float: unset;
  position: relative;
}
.paragraph--type-webform-50-50- .field--type-string {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type-webform-50-50- .field--name-field-image-text-left,
.paragraph--type-webform-50-50- .field--name-field-image-text-middle,
.paragraph--type-webform-50-50- .field--name-field-image-text-right {
  text-transform: none;
  font-size: 12px;
  margin-top: 3px;
}
.paragraph--type-webform-50-50- .field--type-text-long p:first-child {
  margin-top: 0;
}
.paragraph--type-webform-50-50- .field--type-text-long p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 960px) {
  .paragraph--type-webform-50-50- {
    grid-template-columns: 1fr;
  }
  .paragraph--type-webform-50-50- .field--type-webform {
    max-width: 600px;
    margin: 0 auto;
  }
}
/*
Label: Webform 100%
System name: webform_100_
Class: paragraph--type--webform-100-
===========================================================================*/
.paragraph--type--webform-100- {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
}
.paragraph--type--webform-100- .field--type-string {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type--webform-100- .field--type-text-long p:first-child {
  margin-top: 0;
}
.paragraph--type--webform-100- .field--type-text-long p:last-child {
  margin-bottom: 0;
}
/*
Label: gallery youtube
System name: gallery_youtube
Class: paragraph--type--galley-youtube
===========================================================================*/
.paragraph--type--galley-youtube {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.paragraph--type--galley-youtube .field--name-field-youtubes {
  display: flex;
  gap: 5%;
  flex-wrap: wrap;
}
.paragraph--type--galley-youtube .field--name-field-youtubes .field__item {
  flex: 1 1 30%;
}
.paragraph--type--galley-youtube .field--name-field-youtubes figure {
  margin: 0;
}
.paragraph--type--galley-youtube .field--name-field-youtubes figure iframe {
  border: none;
  padding: 0;
}
@media screen and (max-width: 960px) {
  .paragraph--type--galley-youtube .field--name-field-youtubes {
    flex-wrap: wrap;
    gap: 30px;
  }
  .paragraph--type--galley-youtube .field--name-field-youtubes .field__item {
    flex: 0 1 100%;
  }
}
/*
Label: View
System name: view
Class: paragraph--type--view
===========================================================================*/
.view-content-testamonials {
  /* Zorg ervoor dat alle slides op de juiste plek staan */
  /* Zorg dat slechts één testimonial tegelijk zichtbaar is */
  /* Alleen de actieve slide is zichtbaar */
}
.view-content-testamonials .swiper-wrapper {
  display: flex;
  transition: transform 0.5s ease;
}
.view-content-testamonials .swiper-slide {
  flex: 0 0 100%;
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
.view-content-testamonials .swiper-slide-active {
  opacity: 1;
  visibility: visible;
}
/*
Label: Testimonial
System name: testimonial
Class: paragraph--type--testimonial
===========================================================================*/
/* Algemene stijl voor beide Swipers */
/*===========================================================================
Custom
===========================================================================*/
/*
  Voorpagina 100%;
===========================================================================*/
.voorpagina-100 {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.voorpagina-100 .field--name-field-title {
  font-size: 40px;
  color: #cee9f5;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
  text-align: center;
}
.voorpagina-100 .field--name-field-body {
  text-align: center;
}
.voorpagina-100 .field--name-field-link {
  text-align: center;
}
.voorpagina-100 .field--name-field-link a {
  border: 2px solid #134478;
  color: #134478;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 30px;
  font-weight: 600;
  display: inline-block;
}
.voorpagina-100 .field--name-field-link a:hover {
  color: #ffffff;
  background-color: #134478;
}
/*
  Voorpagina 50% 50%
===========================================================================*/
.voorpagina-ontdek-bestel {
  max-width: 1000px;
  margin: 0 auto;
  padding: 70px 40px 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
.voorpagina-ontdek-bestel .group-left {
  padding: 30px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.voorpagina-ontdek-bestel .group-left .field--name-field-title-left {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  width: 240px;
  margin-bottom: 20px;
}
.voorpagina-ontdek-bestel .group-left .field--name-field-body-left ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
.voorpagina-ontdek-bestel .group-left .field--name-field-body-left ul li {
  display: flex;
  align-items: center;
}
.voorpagina-ontdek-bestel .group-left .field--name-field-body-left ul li::before {
  content: '';
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.voorpagina-ontdek-bestel .group-left .field--name-field-body-left ul li:nth-child(3n+1):before {
  background-image: url("../images/KB Checkmark Blauw.png");
}
.voorpagina-ontdek-bestel .group-left .field--name-field-body-left ul li:nth-child(3n+2):before {
  background-image: url("../images/KB Checkmark Groen.png");
}
.voorpagina-ontdek-bestel .group-left .field--name-field-body-left ul li:nth-child(3n+3):before {
  background-image: url("../images/KB Checkmark Geel.png");
}
.voorpagina-ontdek-bestel .group-left .field--type-link {
  margin-top: 20px;
}
.voorpagina-ontdek-bestel .group-left .field--type-link a {
  border: 2px solid #134478;
  color: #134478;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 30px;
  font-weight: 600;
  display: inline-block;
}
.voorpagina-ontdek-bestel .group-left .field--type-link a:hover {
  color: #ffffff;
  background-color: #134478;
}
.voorpagina-ontdek-bestel .group-right {
  padding: 70px 50px 50px;
  background-color: #cee9f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.voorpagina-ontdek-bestel .group-right .field--name-field-title-right {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  text-align: center;
  max-width: 300px;
  margin-bottom: 30px;
}
.voorpagina-ontdek-bestel .group-right .field--name-field-body-right {
  text-align: center;
  margin-bottom: 30px;
}
.voorpagina-ontdek-bestel .group-right .field--type-link a {
  background-color: #134478;
  color: #ffffff;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 20px;
  padding: 0 20px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.voorpagina-ontdek-bestel .group-right .field--type-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
}
.voorpagina-ontdek-bestel .group-right .field--type-link a svg {
  font-size: 24px;
}
.voorpagina-ontdek-bestel .group-right .field--type-link a::before {
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
  width: 30px;
  height: 34px;
  display: inline-block;
  margin-right: 10px;
}
.voorpagina-ontdek-bestel .group-right::after {
  content: '';
  width: 110px;
  height: 110px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  top: -30px;
  right: -30px;
}
@media screen and (max-width: 1280px) {
  .voorpagina-ontdek-bestel .group-left {
    padding: 20px 0;
  }
}
@media screen and (max-width: 960px) {
  .voorpagina-ontdek-bestel {
    grid-gap: 20px;
  }
  .voorpagina-ontdek-bestel .group-right {
    padding: 70px 20px 50px;
  }
}
@media screen and (max-width: 720px) {
  .voorpagina-ontdek-bestel {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 640px) {
  .voorpagina-ontdek-bestel {
    padding-left: 20px;
    padding-right: 20px;
  }
  .voorpagina-ontdek-bestel .group-right:after {
    right: -15px;
  }
}
/*
  programma 50% 50%
===========================================================================*/
.programma {
  max-width: 500px;
  margin: 0 auto;
  padding: 70px 40px 60px;
}
.programma .group-left {
  display: none;
}
.programma .group-right {
  padding: 70px 50px 50px;
  background-color: #cee9f5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.programma .group-right .field--name-field-title-right {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  text-align: center;
  max-width: 300px;
  margin-bottom: 30px;
}
.programma .group-right .field--name-field-body-right {
  text-align: center;
  margin-bottom: 30px;
}
.programma .group-right .field--type-link a {
  background-color: #134478;
  color: #ffffff;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 20px;
  padding: 0 20px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.programma .group-right .field--type-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
}
.programma .group-right .field--type-link a svg {
  font-size: 24px;
}
.programma .group-right .field--type-link a::before {
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
  width: 30px;
  height: 34px;
  display: inline-block;
  margin-right: 10px;
}
.programma .group-right::after {
  content: '';
  width: 110px;
  height: 110px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  top: -30px;
  right: -30px;
}
@media screen and (max-width: 960px) {
  .programma {
    grid-gap: 20px;
  }
  .programma .group-right {
    padding: 70px 20px 50px;
  }
}
@media screen and (max-width: 640px) {
  .programma {
    padding-left: 20px;
    padding-right: 20px;
  }
  .programma .group-right:after {
    right: -15px;
  }
}
/*
  Checkboxes 50 50
===========================================================================*/
.checkboxes-50-50 {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px 30px !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10%;
}
.checkboxes-50-50 .group-left,
.checkboxes-50-50 .group-right {
  width: auto;
  float: unset;
  position: relative;
}
.checkboxes-50-50 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
.checkboxes-50-50 ul li {
  display: flex;
  align-items: center;
}
.checkboxes-50-50 ul li::before {
  content: '';
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.checkboxes-50-50 ul li:nth-child(3n+1):before {
  background-image: url("../images/KB Checkmark Blauw.png");
}
.checkboxes-50-50 ul li:nth-child(3n+2):before {
  background-image: url("../images/KB Checkmark Groen.png");
}
.checkboxes-50-50 ul li:nth-child(3n+3):before {
  background-image: url("../images/KB Checkmark Geel.png");
}
/*
  Thema slider
===========================================================================*/
.thema_slider {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}
.thema_slider__category_region {
  order: 2;
  background: #009fe3;
  background: linear-gradient(180deg, #009fe3 0%, #08447e 100%);
}
.thema_slider__category_region > div {
  height: 100%;
}
.thema_slider__category_region .view-content-thema .view-content .views-row .views-field-title {
  font-size: 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 600;
  line-height: 1.4;
  color: #ffffff;
  text-align: end;
}
.thema_slider__category_region .view-content-thema .view-content .views-row .views-field-title:hover {
  cursor: pointer;
}
.thema_slider__category_region .view-content-thema .view-footer a {
  background-color: #134478;
  color: #ffffff;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 500;
}
.thema_slider__category_region .view-content-thema .view-footer a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
}
.thema_slider__slider_placeholder {
  order: 1;
}
@media screen and (min-width: 1201px) {
  .thema_slider {
    display: grid;
    grid-template-columns: 3fr 1fr;
    position: relative;
    aspect-ratio: 7.1/3;
  }
  .thema_slider__slider_region {
    position: absolute;
    top: 30px;
    left: 0;
    width: 75%;
    overflow: hidden;
    aspect-ratio: 16/9;
  }
  .thema_slider__category_region {
    border-radius: 0 5px 5px 0;
  }
  .thema_slider__category_region .view-content-thema {
    padding: 40px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }
  .thema_slider__category_region .view-content-thema .view-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
  }
  .thema_slider__category_region .view-content-thema .view-content .views-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
  }
  .thema_slider__category_region .view-content-thema .view-footer {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .thema_slider__category_region .view-content-thema {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 30px 20px;
  }
  .thema_slider__category_region .view-content-thema .view-content {
    display: flex;
    gap: 20px;
  }
  .thema_slider__category_region .view-content-thema .view-content .views-row {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .thema_slider__category_region .view-content-thema .view-content .views-row .views-field-title {
    font-size: 20px;
  }
  .thema_slider__slider_region {
    position: relative;
  }
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
  .thema_slider__category_region .view-content-thema .view-content .views-row:not(.views-row:last-child)::after {
    content: '';
    border-right: 2px solid #ffffff;
    height: 25px;
    display: inline-block;
  }
}
@media screen and (max-width: 960px) {
  .thema_slider__category_region .view-content-thema {
    justify-content: space-between;
    gap: 0;
  }
  .thema_slider__category_region .view-content-thema .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 0;
  }
}
@media screen and (max-width: 720px) {
  .thema_slider {
    display: none;
  }
}
/*
  Slogan
===========================================================================*/
.paragraph--type--1-2-column.ds-2col.slogan,
.paragraph--type--2-1-column.ds-2col.slogan {
  display: grid;
  grid-template-columns: 40% 55%;
  grid-gap: 5%;
}
.paragraph--type--1-2-column.ds-2col.slogan .field--type-string,
.paragraph--type--2-1-column.ds-2col.slogan .field--type-string {
  font-size: 65px;
  word-break: break-all;
}
@media screen and (max-width: 1200px) {
  .paragraph--type--1-2-column.ds-2col.slogan,
  .paragraph--type--2-1-column.ds-2col.slogan {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .paragraph--type--1-2-column.ds-2col.slogan .group-right,
  .paragraph--type--2-1-column.ds-2col.slogan .group-right {
    max-width: 500px;
    justify-self: right;
  }
}
@media screen and (max-width: 720px) {
  .paragraph--type--1-2-column.ds-2col.slogan .field--type-string,
  .paragraph--type--2-1-column.ds-2col.slogan .field--type-string {
    font-size: 32px;
  }
}
/*
  Thema's & Exposanten
===========================================================================*/
.themas_exposanten {
  background-color: #cee9f5;
}
.themas_exposanten__content {
  max-width: 1440px;
  margin: 0 auto;
  padding: 50px 20px;
}
.themas_exposanten__top {
  display: grid;
  grid-template-columns: auto 600px;
  grid-gap: 20px;
  margin-bottom: 80px;
}
.themas_exposanten__title {
  font-size: 40px;
  color: #95C127;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  max-width: 400px;
}
.themas_exposanten__themas .view-content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px 15px;
  margin-bottom: 20px;
}
.themas_exposanten__themas .view-content .views-row {
  overflow: hidden;
  position: relative;
}
.themas_exposanten__themas .view-content .views-row .views-field-field-icon {
  padding-left: 15px;
  padding-right: 15px;
}
.themas_exposanten__themas .view-content .views-row .views-field-field-icon .field-content .fontawesome-icons .fontawesome-icon {
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
}
.themas_exposanten__themas .view-content .views-row .views-field-field-icon .field-content .fontawesome-icons .fontawesome-icon svg {
  font-size: 40px;
  color: #95C127;
}
.themas_exposanten__themas .view-content .views-row .views-field-title {
  text-align: center;
  margin-top: 5px;
}
.themas_exposanten__themas .view-content .views-row .views-field-title .field-content {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
  font-family: 'Anek Malayalam', sans-serif;
  line-height: 1;
  word-break: break-word;
  display: block;
}
.themas_exposanten__themas .view-content .views-row:hover {
  cursor: pointer;
}
.themas_exposanten__themas .view-content .views-row.is-active .views-field-field-icon .field-content .fontawesome-icons .fontawesome-icon {
  background-color: #95C127;
}
.themas_exposanten__themas .view-content .views-row.is-active .views-field-field-icon .field-content .fontawesome-icons .fontawesome-icon svg {
  color: #ffffff;
}
.themas_exposanten .horizontal-line {
  border-top: 2px solid #95C127;
  position: relative;
  margin-top: 100px;
}
.themas_exposanten .horizontal-line:before {
  content: '';
  position: absolute;
  left: calc(79% - 81px);
  top: -38px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 40px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 10;
}
.themas_exposanten .horizontal-line:after {
  content: '';
  position: absolute;
  right: 21%;
  top: -41px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 41px 41px 41px;
  border-color: transparent transparent #95C127 transparent;
}
.themas_exposanten__exposanten {
  position: relative;
}
.themas_exposanten__description {
  position: absolute;
  top: -50px;
  left: 30px;
}
.themas_exposanten__exposant {
  background-color: #ffffff;
  padding: 30px;
  border-left: 2px solid #95C127;
  border-right: 2px solid #95C127;
  border-bottom: 2px solid #95C127;
}
.themas_exposanten__exposant .view-content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}
.themas_exposanten__exposant .view-content .views-row .views-field-field-exposant-logo .field-content {
  overflow: hidden;
}
.themas_exposanten__exposant .view-content .views-row .views-field-field-exposant-logo .field-content a {
  display: block;
}
.themas_exposanten__exposant .view-content .views-row .views-field-field-exposant-logo .field-content a img {
  transition: 0.5s ease-out all;
}
.themas_exposanten__exposant .view-content .views-row:hover .views-field-field-exposant-logo .field-content img {
  transform: scale(1.1);
}
.themas_exposanten__exposant:not(.themas_exposanten__exposant:nth-child(1)) {
  display: none;
}
@media screen and (max-width: 1200px) {
  .themas_exposanten__top {
    grid-template-columns: 1fr;
  }
  .themas_exposanten__title {
    max-width: unset;
    margin-bottom: 30px;
  }
  .themas_exposanten .horizontal-line::before {
    left: calc(54% - 81px);
  }
  .themas_exposanten .horizontal-line::after {
    right: 46%;
  }
  .themas_exposanten__themas .view-content {
    display: grid;
    grid-template-columns: repeat(5, 111px);
    grid-gap: 20px;
    justify-content: center;
  }
  .themas_exposanten__exposant .view-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
  }
}
@media screen and (max-width: 960px) and (min-width: 721px) {
  .themas_exposanten__exposant .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }
}
@media screen and (max-width: 720px) {
  .themas_exposanten__themas {
    margin-bottom: 30px;
  }
  .themas_exposanten__themas .view-content {
    display: grid;
    grid-template-columns: repeat(3, 111px);
    grid-gap: 20px;
    justify-content: center;
  }
  .themas_exposanten__themas .view-content .views-row .active-indicator {
    display: none;
  }
  .themas_exposanten__exposant .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
/*
  Downloads
===========================================================================*/
.downloads__content {
  max-width: 900px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.downloads__titles {
  margin-bottom: 30px;
}
.downloads__titles .view-content-download {
  display: flex;
  justify-content: center;
}
.downloads__titles .view-content-download .view-content {
  display: flex;
  border: 1px solid #dedede;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow-y: auto;
}
@keyframes moveElement {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-50px);
  }
}
.downloads__titles .view-content-download .view-content .views-row {
  min-width: 125px;
  flex: 0 1 125px;
  padding: 10px 0;
}
.downloads__titles .view-content-download .view-content .views-row .views-field-title {
  text-align: center;
  color: #999;
  font-size: 16px;
}
.downloads__titles .view-content-download .view-content .views-row:hover,
.downloads__titles .view-content-download .view-content .views-row.is-active {
  background-color: #134478;
  cursor: pointer;
}
.downloads__titles .view-content-download .view-content .views-row:hover .views-field-title,
.downloads__titles .view-content-download .view-content .views-row.is-active .views-field-title {
  color: #ffffff;
}
.downloads__titles .view-content-download .view-content .views-row:not(.views-row:last-child) {
  border-right: 1px solid #dedede;
}
.downloads__download .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px 50px;
}
.downloads__download .view-content .views-row .views-field-field-download .field-content {
  display: grid;
  grid-template-columns: 25px auto;
  grid-gap: 50px;
  align-items: center;
}
.downloads__download .view-content .views-row .views-field-field-download .field-content svg {
  color: #134478;
  font-size: 32px;
}
.downloads__download .view-content .views-row .views-field-field-download .field-content a {
  font-weight: 500;
  font-size: 18px;
}
.downloads__download:not(.downloads__download:first-child) {
  display: none;
}
@media screen and (max-width: 960px) {
  .downloads__download .view-content {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin: 0 auto;
  }
  .downloads__download .view-content .views-row .views-field-field-download .field-content a {
    font-size: 18px;
  }
}
@media screen and (max-width: 800px) {
  .downloads__titles .view-content .views-row {
    animation: moveElement 2s linear 3s;
  }
  .downloads__titles .view-content .views-row:hover {
    animation-play-state: paused;
  }
}
/*
  Highlights
===========================================================================*/
.highlights__content {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
.highlights__images .view-content {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  overflow: hidden;
}
.highlights__images .view-content .views-row {
  position: relative;
}
.highlights__images .view-content .views-row .views-field-field-image {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  overflow: hidden;
}
.highlights__images .view-content .views-row .views-field-field-image .field-content {
  overflow: hidden;
}
.highlights__images .view-content .views-row .views-field-field-image .field-content img {
  transition: 0.5s ease-out all;
}
.highlights__images .view-content .views-row .views-field-title {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.highlights__images .view-content .views-row .views-field-title span {
  background-color: #134478;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 8px;
  font-size: 16px;
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.highlights__images .view-content .views-row .views-field-title span::before {
  content: "";
  flex: 1;
}
.highlights__images .view-content .views-row .views-field-title span::after {
  content: "";
  flex: 1;
}
.highlights__images .view-content .views-row:hover {
  cursor: pointer;
}
.highlights__images .view-content .views-row:hover .views-field-field-image .field-content img {
  transform: scale(1.1);
}
.highlights__images .view-content .views-row:hover .views-field-title {
  display: block;
}
.highlights__images .view-content .views-row:nth-child(1) {
  width: 42%;
  position: absolute;
  top: 29%;
  left: 29%;
}
.highlights__images .view-content .views-row:nth-child(1) .views-field-title {
  left: 50%;
}
.highlights__images .view-content .views-row:nth-child(2) {
  width: 30%;
  position: absolute;
  top: 12%;
  left: 0;
}
.highlights__images .view-content .views-row:nth-child(2) .views-field-title {
  left: 50%;
}
.highlights__images .view-content .views-row:nth-child(3) {
  width: 24%;
  position: absolute;
  top: 8%;
  right: 16%;
}
.highlights__images .view-content .views-row:nth-child(3) .views-field-title {
  right: 50%;
}
.highlights__images .view-content .views-row:nth-child(4) {
  width: 21%;
  position: absolute;
  bottom: 20%;
  right: 3%;
}
.highlights__images .view-content .views-row:nth-child(4) .views-field-title {
  right: 50%;
}
.highlights__images .view-content .views-row:nth-child(5) {
  width: 17%;
  position: absolute;
  bottom: 0;
  left: 18%;
}
.highlights__images .view-content .views-row:nth-child(5) .views-field-title {
  left: 50%;
}
.highlights__images .view-content .views-row:nth-child(6) {
  width: 15%;
  position: absolute;
  bottom: 2%;
  right: 30%;
}
.highlights__images .view-content .views-row:nth-child(6) .views-field-title {
  right: 50%;
}
.highlights__images .view-content .views-row:nth-child(7) {
  width: 15%;
  position: absolute;
  top: 0;
  left: 38%;
}
.highlights__images .view-content .views-row:nth-child(7) .views-field-title {
  left: 50%;
}
.highlights__images .view-content .views-row:nth-child(8) {
  width: 15%;
  position: absolute;
  bottom: 28%;
  left: 6%;
}
.highlights__images .view-content .views-row:nth-child(8) .views-field-title {
  left: 50%;
}
.highlights__images .view-content .views-row:nth-child(9) {
  width: 15%;
  position: absolute;
  top: 36%;
  right: 0;
}
.highlights__images .view-content .views-row:nth-child(9) .views-field-title {
  right: 50%;
}
.highlights__highlights {
  margin-top: 50px;
}
.highlights__highlight .view-content .views-row .views-field-title {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .highlights__content {
    grid-template-columns: 1fr;
  }
  .highlights__images {
    order: 1;
  }
  .highlights__images > div {
    max-width: 600px;
    margin: 0 auto;
  }
  .highlights__highlights {
    order: 2;
  }
}
.highlights .highlights__highlight:not(.highlights__highlight:first-child) {
  display: none;
}
/*
  30% 30% 30% cases
===========================================================================*/
.paragraph--type-3-column.ds-3col-equal.cases > div {
  display: flex;
  flex-direction: column;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cee9f5;
}
.paragraph--type-3-column.ds-3col-equal.cases > div .field--type-string {
  order: 2;
  padding: 30px 30px 20px;
  margin: 0;
  color: #cee9f5;
  font-size: 26px;
}
.paragraph--type-3-column.ds-3col-equal.cases > div .field--type-text-long {
  order: 3;
  padding: 0 30px 30px;
}
.paragraph--type-3-column.ds-3col-equal.cases > div .link-container {
  margin-top: 0;
  order: 4;
}
.paragraph--type-3-column.ds-3col-equal.cases > div .link-container .field--type-link {
  position: relative;
  top: unset;
  left: unset;
  text-align: left;
  padding: 0 30px 30px;
}
.paragraph--type-3-column.ds-3col-equal.cases > div .link-container .field--type-link a {
  color: #cee9f5;
  background-color: unset;
  padding: initial;
}
.paragraph--type-3-column.ds-3col-equal.cases > div .link-container .field--type-link a:hover {
  color: #95C127;
  background: #cee9f5 !important;
}
.paragraph--type-3-column.ds-3col-equal.cases > div img {
  order: 1;
}
/*
  Uitgelicht
===========================================================================*/
.paragraph--type-uitgelicht {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
.paragraph--type-uitgelicht .group-left,
.paragraph--type-uitgelicht .group-right {
  width: auto;
  float: unset;
  position: relative;
}
.paragraph--type-uitgelicht .group-left > .field--name-field-title,
.paragraph--type-uitgelicht .group-right > .field--name-field-title {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type-uitgelicht .group-left > .field--name-field-subtitle,
.paragraph--type-uitgelicht .group-right > .field--name-field-subtitle {
  font-size: 24px;
  color: #cee9f5;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type-uitgelicht .group-left > .field--name-field-link,
.paragraph--type-uitgelicht .group-right > .field--name-field-link {
  margin-top: 20px;
  display: inline-block;
}
.paragraph--type-uitgelicht .group-left > .field--name-field-link a,
.paragraph--type-uitgelicht .group-right > .field--name-field-link a {
  background-color: #134478;
  color: #ffffff;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.paragraph--type-uitgelicht .group-left > .field--name-field-link a:hover,
.paragraph--type-uitgelicht .group-right > .field--name-field-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
}
.paragraph--type-uitgelicht .group-left > .field--name-field-link a::before,
.paragraph--type-uitgelicht .group-right > .field--name-field-link a::before {
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
  width: 30px;
  height: 34px;
  display: inline-block;
  margin-right: 10px;
}
.paragraph--type-uitgelicht .field--name-field-sub-paragraph .field__item:not(.field__item:first-child) {
  margin-top: -2px;
}
.paragraph--type-uitgelicht .uitgelicht_sub {
  border: 2px solid #eee;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 20px;
}
.paragraph--type-uitgelicht .uitgelicht_sub__header {
  display: flex;
  justify-content: space-between;
}
.paragraph--type-uitgelicht .uitgelicht_sub__header:hover {
  cursor: pointer;
}
.paragraph--type-uitgelicht .uitgelicht_sub__title {
  font-size: 20px;
  color: #009CDF;
  font-weight: 500;
}
.paragraph--type-uitgelicht .uitgelicht_sub__body {
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.paragraph--type-uitgelicht .uitgelicht_sub__body p:first-child {
  margin-top: 0;
}
.paragraph--type-uitgelicht .uitgelicht_sub__body p:last-child {
  margin-bottom: 0;
}
.paragraph--type-uitgelicht .uitgelicht_sub__controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paragraph--type-uitgelicht .uitgelicht_sub__controls svg {
  color: #cee9f5;
}
.paragraph--type-uitgelicht .uitgelicht_sub__controls svg.fa-plus {
  display: block;
}
.paragraph--type-uitgelicht .uitgelicht_sub__controls svg.fa-minus {
  display: none;
}
.paragraph--type-uitgelicht .uitgelicht_sub.is-active .uitgelicht_sub__controls svg.fa-plus {
  display: none;
}
.paragraph--type-uitgelicht .uitgelicht_sub.is-active .uitgelicht_sub__controls svg.fa-minus {
  display: block;
}
.paragraph--type-uitgelicht .uitgelicht_sub.is-active .uitgelicht_sub__body {
  height: auto;
  padding-top: 10px;
}
@media screen and (max-width: 960px) {
  .paragraph--type-uitgelicht {
    grid-template-columns: 1fr;
  }
  .paragraph--type-uitgelicht .group-right {
    max-width: 600px;
    margin: 0 0 0 auto;
  }
}
/*
  Media & Downloads
===========================================================================*/
.paragraph--type-media-downloads {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  grid-template-columns: 55% 40%;
  grid-gap: 5%;
}
.paragraph--type-media-downloads .group-left,
.paragraph--type-media-downloads .group-right {
  width: auto;
  float: unset;
  position: relative;
}
.paragraph--type-media-downloads .group-right {
  padding-bottom: 70px;
}
.paragraph--type-media-downloads .field--type-string {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type-media-downloads .field--name-field-downloads {
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
.paragraph--type-media-downloads .field--name-field-downloads .field__item {
  background-image: none !important;
  display: flex;
  align-items: center;
}
.paragraph--type-media-downloads .field--name-field-downloads .field__item svg {
  color: #cee9f5;
  font-size: 32px;
}
.paragraph--type-media-downloads .field--name-field-downloads .field__item a:last-child {
  color: #009CDF;
  font-family: 'Anek Malayalam', sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin-left: 50px;
}
.paragraph--type-media-downloads .field--name-field-meer-downloads-link {
  margin-top: 40px;
}
.paragraph--type-media-downloads .field--name-field-meer-downloads-link a {
  background-color: #134478;
  /* Primaire achtergrondkleur */
  color: #ffffff;
  /* Tekstkleur */
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  /* Zorgt voor centreren van tekst */
  border-radius: 0 20px 20px 20px;
  min-width: 120px;
  /* Zorg voor een minimale breedte */
  overflow: hidden;
  /* Verberg eventuele inhoud buiten de afgeronde randen */
}
.paragraph--type-media-downloads .field--name-field-meer-downloads-link a:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
  /* Gradiënt op hover */
}
@media screen and (min-width: 961px) {
  .paragraph--type-media-downloads .field--name-field-media-download-media {
    position: relative;
    min-height: 444px;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media .field__item {
    position: absolute;
    width: 60%;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media .field__item img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media .field__item:nth-child(1) {
    top: 180px;
    left: 20%;
    z-index: 3;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media .field__item:nth-child(2) {
    top: 60px;
    right: 0;
    z-index: 2;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media .field__item:nth-child(3) {
    top: 0;
    left: 0;
    z-index: 1;
  }
}
@media screen and (max-width: 960px) {
  .paragraph--type-media-downloads {
    grid-template-columns: 1fr;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media {
    margin-bottom: 30px;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media .field__item:nth-child(1) {
    width: 100%;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media .field__item:nth-child(2),
  .paragraph--type-media-downloads .field--name-field-media-download-media .field__item:nth-child(3) {
    display: none;
  }
  .paragraph--type-media-downloads .group-right {
    padding: 0 30px;
  }
  .paragraph--type-media-downloads .field--name-field-downloads:after {
    top: 0;
  }
}
@media screen and (min-width: 641px) {
  .paragraph--type-media-downloads .group-right::after {
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
    width: 120px;
    height: 127px;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 640px) {
  .paragraph--type-media-downloads .field--name-field-media-download-media {
    position: relative;
  }
  .paragraph--type-media-downloads .field--name-field-media-download-media::after {
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
    width: 120px;
    height: 127px;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
/*
  Inschrijven nieuwsbrief
===========================================================================*/
.paragraph--type--inschrijven-nieuwsbrief,
.paragraph--type--inschrijven-nieuwsbrief-bedrijven {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 3fr 2fr;
}
.paragraph--type--inschrijven-nieuwsbrief .group-left,
.paragraph--type--inschrijven-nieuwsbrief-bedrijven .group-left {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  padding: 20px;
  border-radius: 12px 0 0 12px;
  overflow: hidden;
}
.paragraph--type--inschrijven-nieuwsbrief .group-right,
.paragraph--type--inschrijven-nieuwsbrief-bedrijven .group-right {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  border-radius: 0 12px 12px 0;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center left;
}
.paragraph--type--inschrijven-nieuwsbrief .field--type-string,
.paragraph--type--inschrijven-nieuwsbrief-bedrijven .field--type-string {
  font-size: 40px;
  color: #009CDF;
  font-weight: 600;
  line-height: 1;
  font-family: 'Anek Malayalam', sans-serif;
  margin-bottom: 20px;
}
.paragraph--type--inschrijven-nieuwsbrief .form-group,
.paragraph--type--inschrijven-nieuwsbrief-bedrijven .form-group {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.paragraph--type--inschrijven-nieuwsbrief .form-group input[type="text"],
.paragraph--type--inschrijven-nieuwsbrief-bedrijven .form-group input[type="text"],
.paragraph--type--inschrijven-nieuwsbrief .form-group input[type="email"],
.paragraph--type--inschrijven-nieuwsbrief-bedrijven .form-group input[type="email"] {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  font-size: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
}
.paragraph--type--inschrijven-nieuwsbrief .form-group input[type="text"],
.paragraph--type--inschrijven-nieuwsbrief-bedrijven .form-group input[type="text"] {
  margin-bottom: 20px;
}
.paragraph--type--inschrijven-nieuwsbrief .form-group input[type="checkbox"],
.paragraph--type--inschrijven-nieuwsbrief-bedrijven .form-group input[type="checkbox"] {
  margin-right: 20px;
}
.paragraph--type--inschrijven-nieuwsbrief div.c-enormail-webform__privacy p,
.paragraph--type--inschrijven-nieuwsbrief-bedrijven div.c-enormail-webform__privacy p {
  margin: 0;
  font-size: 14px;
}
.paragraph--type--inschrijven-nieuwsbrief button[type="submit"],
.paragraph--type--inschrijven-nieuwsbrief-bedrijven button[type="submit"] {
  background-color: #134478;
  color: #ffffff;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  margin-top: 20px;
}
.paragraph--type--inschrijven-nieuwsbrief button[type="submit"]:hover,
.paragraph--type--inschrijven-nieuwsbrief-bedrijven button[type="submit"]:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #009CDF 100%);
}
@media screen and (max-width: 720px) {
  .paragraph--type--inschrijven-nieuwsbrief,
  .paragraph--type--inschrijven-nieuwsbrief-bedrijven {
    grid-template-columns: 1fr;
  }
  .paragraph--type--inschrijven-nieuwsbrief .group-left,
  .paragraph--type--inschrijven-nieuwsbrief-bedrijven .group-left {
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
  }
  .paragraph--type--inschrijven-nieuwsbrief .group-right,
  .paragraph--type--inschrijven-nieuwsbrief-bedrijven .group-right {
    display: none;
  }
}
.paragraph--type--tips {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 5fr 8fr;
  grid-gap: 40px;
  margin-bottom: 20px;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__border {
  border-left: #cee9f5 3px solid;
  margin-left: 20px;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__border .green-circle {
  margin-left: -17px;
  background-color: #ffffff;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__links {
  margin: 20px 0;
  padding-top: 40px;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__links h1 {
  color: #cee9f5;
  line-height: 1;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts {
  margin-bottom: 20px;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .tip_title h3 {
  color: #cee9f5;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row {
  border: 1px solid #cee9f5;
  padding: 20px;
  margin-bottom: 5px;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row .views-field-title {
  color: #009CDF;
  font-weight: bold;
  cursor: pointer;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row .views-field-field-tip-tekst-exposant {
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row .views-field-view-node {
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row.is-active .views-field-title {
  color: #009CDF;
  font-weight: bold;
  cursor: pointer;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row.is-active .views-field-title::after {
  content: '';
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: absolute;
  right: 0;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row.is-active .views-field-field-tip-tekst-exposant {
  height: auto;
  padding-top: 10px;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row.is-active .views-field-view-node {
  height: auto;
  padding-top: 10px;
}
.paragraph--type--tips .thema_tips__tips .thema_tips__row .thema_tips__rechts .views-row.is-active .views-field-view-node a {
  color: #cee9f5;
  text-decoration: underline;
}
.paragraph--type-media-text {
  display: block;
  max-width: 1440px;
  margin: 250px auto 0 auto;
  padding-top: 200px;
}
.paragraph--type-media-text .paragraph--type-media-text-inner {
  position: relative;
  min-height: 780px;
  max-width: 960px;
  margin: 0 auto;
}
.paragraph--type-media-text .paragraph--type-media-text-inner .field__item {
  position: absolute;
  width: 47%;
}
.paragraph--type-media-text .paragraph--type-media-text-inner .field__item img {
  overflow: hidden;
}
.paragraph--type-media-text .paragraph--type-media-text-inner .field__item .type-media-text-field-body {
  width: 60%;
  overflow: visible;
  min-height: auto;
}
.paragraph--type-media-text .paragraph--type-media-text-inner .field__item:nth-child(1) {
  top: -200px;
  left: 27%;
  z-index: 2;
}
.paragraph--type-media-text .paragraph--type-media-text-inner .field__item:nth-child(2) {
  top: 15px;
  left: 0;
  z-index: 3;
}
.paragraph--type-media-text .paragraph--type-media-text-inner .field__item:nth-child(3) {
  top: -59px;
  right: 0;
  z-index: 1;
}
.paragraph--type-media-text .paragraph--type-media-text-inner .field__item:nth-child(4) {
  top: 400px;
  width: 100%;
  z-index: 1;
}
.paragraph--type-media-text.blue-background {
  background-color: #009CDF;
  border-radius: 135px 0 0 0;
  position: relative;
  color: #ffffff;
}
.paragraph--type-media-text.blue-background h3 {
  color: #ffffff;
}
.paragraph--type-media-text.blue-background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 200px;
  width: 100vw;
  height: 100%;
  background-color: #009CDF;
  z-index: -1;
}
.paragraph--type-media-text.blue-background .group-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 960px) {
  .paragraph--type-media-text {
    padding-top: 0 !important;
    margin: 0 auto;
  }
  .paragraph--type-media-text .paragraph--type-media-text-inner {
    min-height: 1000px;
    display: grid;
    grid-template-columns: 1fr;
  }
  .paragraph--type-media-text .paragraph--type-media-text-inner .field__item {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    position: static !important;
    top: auto !important;
  }
  .paragraph--type-media-text .paragraph--type-media-text-inner .field__item img {
    width: 100%;
    object-fit: cover;
    display: block;
  }
  .paragraph--type-media-text .paragraph--type-media-text-inner .field__item .type-media-text-field-body {
    width: 100%;
  }
  .paragraph--type-media-text .paragraph--type-media-text-inner .field__item:nth-child(1),
  .paragraph--type-media-text .paragraph--type-media-text-inner .field__item:nth-child(2) {
    display: none;
  }
  .paragraph--type-media-text .paragraph--type-media-text-inner .field__item:nth-child(3) {
    top: inherit;
  }
  .paragraph--type-media-text.blue-background {
    border-radius: inherit;
  }
}
.magazine-view-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  background-color: #009CDF;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 20px;
  border-radius: 0 0 135px 0;
  /* Linkerzijde - Afbeeldingen */
  /* Rechterzijde - Titel en Body */
}
.magazine-view-wrapper .file--mime-application-pdf {
  background-image: none !important;
  padding-left: 0 !important;
}
.magazine-view-wrapper .magazine-view-left {
  background-color: #134478;
  /* Achtergrondkleur links */
  padding: 0;
  position: relative;
  min-height: 340px;
  /* Voorkomt afknippen onderkant */
}
.magazine-view-wrapper .magazine-view-left .magazine-image-small {
  transform: rotate(-12deg);
  /* Lichte rotatie voor kleine afbeelding */
  display: inline-block;
  position: absolute;
  top: 50px;
  /* Schuift de grote afbeelding iets naar beneden */
  left: 70px;
  /* Lichte verschuiving naar rechts voor overlap */
  z-index: 2;
  /* Kleine afbeelding bovenop */
}
.magazine-view-wrapper .magazine-view-left .magazine-image-large {
  transform: rotate(-12deg);
  /* Rotatie voor grote afbeelding */
  display: inline-block;
  position: absolute;
  top: 90px;
  /* Schuift de grote afbeelding iets naar beneden */
  left: 180px;
  /* Lichte verschuiving naar rechts voor overlap */
  z-index: 1;
  /* Grote afbeelding onder kleine afbeelding */
}
.magazine-view-wrapper .magazine-view-left .magazine-image-small img,
.magazine-view-wrapper .magazine-view-left .magazine-image-large img {
  height: 180px;
  /* Vaste hoogte */
  width: auto;
  /* Automatische breedte */
  display: block;
  object-fit: cover;
  /* Behoudt verhouding, vult hoogte netjes */
}
.magazine-view-wrapper .magazine-view-right {
  padding: 0;
}
.magazine-view-wrapper .magazine-view-right .magazine-title {
  font-size: 28px;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.2;
  margin: 30px 20px 20px 250px;
}
.magazine-view-wrapper .magazine-view-right .magazine-body {
  font-size: 18px;
  color: #000000;
  margin: 30px 20px 20px 250px;
}
.magazine-view-wrapper .magazine-view-right .magazine-view-link a {
  background-color: #FCBF00;
  color: #134478;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  margin: 30px 20px 20px 250px;
  border-radius: 0 30px 30px 30px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.magazine-view-wrapper .magazine-view-right .magazine-view-link a:hover {
  background: #cee9f5;
  background: linear-gradient(90deg, #cee9f5 0%, #cee9f5 100%);
}
.magazine-view-wrapper-single {
  max-width: 1440px;
  margin: 0 auto;
  background-color: #009CDF;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 20px;
  border-radius: 0 0 135px 0;
  /* Linkerzijde - Afbeeldingen */
  /* Rechterzijde - Titel en Body */
}
.magazine-view-wrapper-single .file--mime-application-pdf {
  background-image: none !important;
  padding-left: 0 !important;
}
.magazine-view-wrapper-single .magazine-view-left {
  background-color: #134478;
  /* Achtergrondkleur links */
  padding: 0;
  position: relative;
  min-height: 340px;
  /* Voorkomt afknippen onderkant */
}
.magazine-view-wrapper-single .magazine-view-left .magazine-image-small {
  transform: rotate(-12deg);
  /* Lichte rotatie voor kleine afbeelding */
  display: inline-block;
  position: absolute;
  top: 50px;
  /* Schuift de grote afbeelding iets naar beneden */
  left: 70px;
  /* Lichte verschuiving naar rechts voor overlap */
  z-index: 2;
  /* Kleine afbeelding bovenop */
}
.magazine-view-wrapper-single .magazine-view-left .magazine-image-large {
  transform: rotate(-12deg);
  /* Rotatie voor grote afbeelding */
  display: inline-block;
  position: absolute;
  top: 90px;
  /* Schuift de grote afbeelding iets naar beneden */
  left: 180px;
  /* Lichte verschuiving naar rechts voor overlap */
  z-index: 1;
  /* Grote afbeelding onder kleine afbeelding */
}
.magazine-view-wrapper-single .magazine-view-left .magazine-image-small img,
.magazine-view-wrapper-single .magazine-view-left .magazine-image-large img {
  height: 180px;
  /* Vaste hoogte */
  width: auto;
  /* Automatische breedte */
  display: block;
  object-fit: cover;
  /* Behoudt verhouding, vult hoogte netjes */
}
.magazine-view-wrapper-single .magazine-view-right {
  padding: 0;
}
.magazine-view-wrapper-single .magazine-view-right .magazine-title {
  font-size: 28px;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.2;
  margin: 30px 20px 20px 250px;
}
.magazine-view-wrapper-single .magazine-view-right .magazine-body {
  font-size: 18px;
  color: #000000;
  margin: 30px 20px 20px 250px;
}
.magazine-view-wrapper-single .magazine-view-right .magazine-view-link a {
  background-color: #FCBF00;
  color: #134478;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  margin: 30px 20px 20px 250px;
  border-radius: 0 30px 30px 30px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.magazine-view-wrapper-single .magazine-view-right .magazine-view-link a:hover {
  background: #cee9f5;
  background: linear-gradient(90deg, #cee9f5 0%, #cee9f5 100%);
}
.magazine-view-wrapper-single .magazine-view-right .magazine-body {
  font-size: 36px;
  color: #ffffff !important;
  font-weight: bold;
  margin: 30px 20px 20px 250px;
}
@media screen and (max-width: 960px) {
  .magazine-view-wrapper-single {
    grid-template-columns: 1fr 7fr;
    border-radius: 0;
  }
  .magazine-view-wrapper-single .magazine-view-left {
    background-color: #009CDF;
    min-height: 265px;
  }
  .magazine-view-wrapper-single .magazine-view-left .magazine-image-large {
    left: 120px;
  }
  .magazine-view-wrapper-single .magazine-view-left .magazine-image-large img {
    height: 120px;
  }
  .magazine-view-wrapper-single .magazine-view-left .magazine-image-small img {
    height: 120px;
  }
}
@media screen and (max-width: 640px) {
  .magazine-view-wrapper-single {
    grid-template-columns: 1fr;
  }
  .magazine-view-wrapper-single .magazine-view-left {
    background-color: #009CDF;
    min-height: 265px;
  }
  .magazine-view-wrapper-single .magazine-view-left .magazine-image-large {
    left: 90px;
  }
  .magazine-view-wrapper-single .magazine-view-left .magazine-image-large img {
    height: 180px;
  }
  .magazine-view-wrapper-single .magazine-view-left .magazine-image-small {
    left: 50px;
  }
  .magazine-view-wrapper-single .magazine-view-left .magazine-image-small img {
    height: 180px;
  }
  .magazine-view-wrapper-single .magazine-view-right .magazine-body {
    margin: 30px 20px 20px 20px;
  }
}
.magazine-view-wrapper-tekst {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 20px;
  border-radius: 0 0 135px 0;
  /* Linkerzijde - Afbeeldingen */
  /* Rechterzijde - Titel en Body */
}
.magazine-view-wrapper-tekst .magazine-view-left {
  padding: 0;
  position: relative;
  min-height: 400px;
  /* Voorkomt afknippen onderkant */
}
.magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large li {
  display: inline-block;
  position: absolute;
  z-index: 1;
}
.magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large li:nth-child(1) {
  top: 25px;
  transform: rotate(-12deg);
  left: 0;
}
.magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large li:nth-child(2) {
  top: 0;
  transform: rotate(8deg);
  left: 120px;
}
.magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large img {
  height: 400px;
  /* Vaste hoogte */
  width: auto;
  /* Automatische breedte */
  display: block;
  object-fit: cover;
  /* Behoudt verhouding, vult hoogte netjes */
}
.magazine-view-wrapper-tekst .magazine-view-right {
  padding: 0;
}
.magazine-view-wrapper-tekst .magazine-view-right .magazine-title {
  margin: 0 0 10px;
  font-size: 32px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 600;
  color: #009CDF;
  margin: 30px 20px 20px 200px;
}
.magazine-view-wrapper-tekst .magazine-view-right .magazine-body {
  font-size: 18px;
  color: #000000;
  margin: 30px 20px 20px 200px;
}
.magazine-view-wrapper-tekst .magazine-view-right .magazine-view-link .file--application-pdf {
  background-image: none;
  padding-left: 0;
}
.magazine-view-wrapper-tekst .magazine-view-right .magazine-view-link a {
  background-color: #FCBF00;
  color: #134478;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  margin: 30px 20px 20px 200px;
  border-radius: 0 30px 30px 30px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.magazine-view-wrapper-tekst .magazine-view-right .magazine-view-link a:hover {
  background: #cee9f5;
  background: linear-gradient(90deg, #cee9f5 0%, #cee9f5 100%);
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li img {
    width: 130px;
    height: auto;
  }
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li:nth-child(1) {
    left: 20px;
  }
  .magazine-view-wrapper-tekst .magazine-view-right .magazine-title,
  .magazine-view-wrapper-tekst .magazine-view-right .magazine-body {
    margin-left: 40px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 960px) {
  .magazine-view-wrapper-tekst {
    grid-template-columns: 1fr;
  }
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li:nth-child(1) {
    left: 22%;
  }
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li:nth-child(2) {
    left: 35%;
  }
  .magazine-view-wrapper-tekst .magazine-view-right .magazine-title,
  .magazine-view-wrapper-tekst .magazine-view-right .magazine-body {
    margin: 30px 20px;
  }
}
@media screen and (max-width: 640px) {
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li:nth-child(1) {
    left: 18%;
  }
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li:nth-child(2) {
    left: 31%;
  }
}
@media screen and (max-width: 520px) {
  .magazine-view-wrapper-tekst .magazine-view-left {
    min-height: 280px;
  }
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li img {
    width: 160px;
    height: auto;
  }
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li:nth-child(1) {
    left: 18%;
  }
  .magazine-view-wrapper-tekst .magazine-view-left .magazine-image-large ul > li:nth-child(2) {
    left: 31%;
  }
}
.paragraph--type--_00-image {
  max-width: 1180px;
  margin: 0 auto;
}
.paragraph--type--downloades-helderblauw {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px !important;
  border-radius: 0 30px 30px 30px;
  background-color: #009CDF;
}
.paragraph--type--downloades-helderblauw .field--name-field-downloads .field__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media screen and (max-width: 720px) {
  .paragraph--type--downloades-helderblauw .field--name-field-downloads .field__items {
    grid-template-columns: 1fr;
  }
}
.paragraph--type--downloades-helderblauw .field--name-field-downloads .field__item {
  background-color: #FCBF00;
  color: #134478;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  border-radius: 0 30px 30px 30px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.paragraph--type--downloades-helderblauw .field--name-field-downloads .field__item:hover {
  background: #cee9f5;
  background: linear-gradient(90deg, #cee9f5 0%, #cee9f5 100%);
}
.paragraph--type--downloads-neutraal {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px !important;
  border-radius: 0 30px 30px 30px;
  background-color: #cee9f5;
}
.paragraph--type--downloads-neutraal .field--name-field-download-files .field__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media screen and (max-width: 720px) {
  .paragraph--type--downloads-neutraal .field--name-field-download-files .field__items {
    grid-template-columns: 1fr;
  }
}
.paragraph--type--downloads-neutraal .field--name-field-download-files .field__item {
  background-color: #FCBF00;
  color: #134478;
  padding: 10px 20px;
  font-family: 'Anek Malayalam', sans-serif;
  font-weight: 500;
  display: inline-block;
  border-radius: 0 30px 30px 30px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}
.paragraph--type--downloads-neutraal .field--name-field-download-files .field__item:hover {
  background: #cee9f5;
  background: linear-gradient(90deg, #cee9f5 0%, #cee9f5 100%);
}
.paragraph--type--downloads-neutraal .field--name-field-download-files .field__item:hover {
  background: #134478;
  background: linear-gradient(90deg, #134478 0%, #134478 100%);
}
.paragraph--type--downloads-neutraal .field--name-field-download-files .field__item:hover a {
  color: #ffffff;
}