@charset "UTF-8";
.conscribo .alert {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 2rem; }
.conscribo .alert-success {
  color: #7ecde0; }
.conscribo .alert-warning,
.conscribo .alert-danger {
  color: #7d3ce6; }
.conscribo .toggler {
  margin-top: 2rem !important;
  margin-bottom: 0rem;
  border-top: 1px solid #7ecde0;
  padding-top: 2rem; }
  .conscribo .toggler .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease; }
  .conscribo .toggler .toggle {
    cursor: pointer;
    position: relative;
    padding-left: 25px; }
    .conscribo .toggler .toggle:before {
      content: "+";
      position: absolute;
      left: 0;
      top: 0;
      transition: transform 0.2s ease; }
.conscribo .toggler.active .toggle::before {
  content: "−"; }
.conscribo .toggler:last-of-type {
  border-bottom: 1px solid #7ecde0;
  padding-bottom: 1.5rem; }
.conscribo .toggler.active .content {
  max-height: 1000px; }

#aanmeld-feedback {
  display: block;
  color: #7d3ce6; }

.tekstveld p,
.tekstveld ul {
  padding-top: 0px;
  padding-bottom: 0.75rem; }
.tekstveld p {
  padding-bottom: .5rem; }
.tekstveld p:last-of-type {
  padding-bottom: 0px; }
.tekstveld h2:not(:first-of-type) {
  padding-top: .5rem; }
.tekstveld h3 {
  line-height: 130%;
  margin-bottom: .75rem; }
.tekstveld h4:not(:first-of-type) {
  padding-top: .5rem; }
.tekstveld .image_holder {
  min-height: 18rem;
  border-radius: 12vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
.tekstveld a {
  text-decoration: underline !important; }
  .tekstveld a:hover {
    color: #7d3ce6;
    text-decoration: none !important; }
.tekstveld .btn,
.tekstveld .outline {
  text-decoration: none !important; }

.intro h2 {
  line-height: 110%;
  padding-bottom: 1rem; }
.intro .image_holder {
  border-top-right-radius: 12vw;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 12vw;
  height: 100%;
  min-height: 12rem; }
.intro .tekstveld {
  height: 100%; }
  .intro .tekstveld p:first-of-type {
    font-size: 1.1rem; }
  .intro .tekstveld .phone,
  .intro .tekstveld .mail,
  .intro .tekstveld .pointer,
  .intro .tekstveld .website {
    text-decoration: none !important;
    padding-left: 3rem !important; }

.background {
  background: linear-gradient(90deg, rgba(35, 134, 227, 0.1) 0%, rgba(125, 60, 230, 0.1) 100%); }

.image_holder {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.bedrijf_images {
  position: relative; }
  .bedrijf_images .logo_holder {
    position: absolute;
    aspect-ratio: 1/1;
    height: 215px;
    width: 215px;
    right: 0;
    margin-top: -6rem;
    margin-right: 1rem;
    padding: 1rem;
    border-top-right-radius: 3vw;
    border-bottom-right-radius: 3vw;
    border-bottom-left-radius: 3vw;
    border-top-left-radius: 3vw;
    background-color: white;
    overflow: hidden; }
    .bedrijf_images .logo_holder .image_holder {
      border-top-right-radius: 0vw;
      border-bottom-right-radius: 0vw;
      border-bottom-left-radius: 0vw;
      border-top-left-radius: 0vw;
      min-height: 0;
      background-size: contain; }

.image_square {
  aspect-ratio: 1 / 1; }

.parent {
  display: grid;
  position: relative; }
  .parent .header_page {
    grid-column: 6 / span 7;
    margin-bottom: 5vw; }
  .parent .image_holder_big,
  .parent .image_holder_middle,
  .parent .image_holder_small {
    width: 100%; }
    .parent .image_holder_big .image_holder,
    .parent .image_holder_middle .image_holder,
    .parent .image_holder_small .image_holder {
      height: 32vw;
      max-height: calc(1440px * 0.32);
      border-radius: 32vw; }
  .parent .image_holder_middle .image_holder {
    height: 26vw;
    max-height: calc(1440px * 0.26);
    border-radius: 26vw; }
  .parent .image_holder_small {
    margin-top: -6rem; }
    .parent .image_holder_small .image_holder {
      height: 18vw;
      max-height: calc(1440px * 0.18);
      border-radius: 18vw; }
  .parent .image_holder_top .image_holder {
    position: relative;
    height: 12vw;
    max-height: calc(1440px * 0.12);
    border-top-right-radius: 0;
    border-bottom-right-radius: 12vw;
    border-bottom-left-radius: 12vw;
    border-top-left-radius: 0; }
  .parent .image_holder_top .image_holder:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(35, 134, 227, 0.1) 0%, rgba(125, 60, 230, 0.1) 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 12vw;
    border-bottom-left-radius: 12vw;
    border-top-left-radius: 0; }
  .parent .child {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%; }
    .parent .child .shape_small {
      z-index: -1;
      grid-column: 5 / span 2;
      background: linear-gradient(90deg, #7d3ce6 0%, #2386e3 50%, #7ecde0 100%);
      border-radius: 5vw;
      height: 5vw;
      max-height: 10vw;
      margin-top: -2rem; }
    .parent .child .shape_middle_1 {
      z-index: -1;
      grid-column: 6 / span 4;
      background: linear-gradient(90deg, #2386e3 0%, #7ecde0 100%);
      border-radius: 8vw;
      height: 8vw;
      align-self: center;
      margin-top: 10rem; }
    .parent .child .shape_middle_2 {
      z-index: -1;
      grid-column: 10 / span 2;
      background: linear-gradient(90deg, #2386e3 0%, #7d3ce6 100%);
      border-radius: 5vw;
      height: 5vw;
      align-self: center; }
    .parent .child .shape_big {
      grid-column: 9 / span 2;
      background: linear-gradient(90deg, #2386e3 0%, #7ecde0 100%);
      border-radius: 8vw;
      height: 8vw;
      margin-bottom: -3rem;
      align-self: flex-end; }
  .parent .tekstveld .child {
    bottom: -2rem;
    z-index: -1; }
    .parent .tekstveld .child div {
      max-width: 33%;
      margin-left: auto;
      margin-right: 2rem; }
  .parent > * {
    grid-area: 1 / 1; }

#page .parent .child .shape_small,
#login .parent .child .shape_small {
  margin-bottom: 2rem;
  grid-column: 10 / span 2; }

#login .parent .child .shape_small {
  margin-top: auto; }

.card {
  background-color: white;
  border-radius: 3rem;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(44, 44, 44, 0.25);
  transition: box-shadow 500ms ease;
  display: grid; }
  .card .card_top .image_holder {
    aspect-ratio: 1 / .5; }
  .card .card_body {
    padding: 2rem 2rem 1rem 2rem;
    width: 100%;
    background-color: linear-gradient(90deg, rgba(35, 134, 227, 0.1) 0%, rgba(125, 60, 230, 0.1) 100%); }
    .card .card_body .btn {
      background-color: white; }
      .card .card_body .btn p {
        color: #7d3ce6; }
  .card .card_bottom {
    padding: 0rem 2rem 2rem 2rem;
    align-self: end; }

.card:has(a:hover),
.card:has(button:hover) {
  opacity: 1 !important;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(44, 44, 44, 0.75); }

.cards .image_holder {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: opacity 250ms ease;
  border-radius: 5px; }

.event-item .card_body p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

#searchInput {
  display: block;
  background: white;
  border-radius: 2rem;
  border: 0px solid #7d3ce6;
  padding: 1rem 2rem;
  margin: .25rem 0 0 0;
  width: 100%;
  max-width: 676px;
  font-size: 1em;
  transition: opacity 500ms ease-in-out;
  color: #2c2c2c; }

.phone,
.mail,
.pointer,
.website,
.linkedin,
.linkedin-,
.whatsapp {
  background-image: url("../assets/images/icon_phone.svg");
  background-position: 0 .25rem;
  background-repeat: no-repeat;
  background-size: auto 1rem;
  display: inline-block;
  padding-left: 1.5rem !important;
  margin-bottom: .25rem !important; }

.mail {
  background-image: url("../assets/images/icon_mail.svg"); }

.pointer {
  background-image: url("../assets/images/icon_pointer.svg"); }

.website {
  background-image: url("../assets/images/icon_website.svg"); }

.linkedin- {
  background-image: url("../assets/images/icon_linkedin-.svg"); }

.whatsapp {
  background-image: url("../assets/images/icon_whatsapp.svg"); }

.phone:hover,
.mail:hover,
.pointer:hover,
.website:hover,
.linkedin:hover,
.linkedin-:hover,
.whatsapp:hover {
  text-decoration: none !important; }

.instagram,
.facebook,
.linkedin,
.whatsapp {
  background-image: url("../assets/images/icon_instagram.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: inline-block;
  height: 2.25rem;
  width: 2.25rem;
  margin: .5rem .25rem .5rem 0; }

.facebook {
  background-image: url("../assets/images/icon_facebook.svg"); }

.linkedin {
  background-image: url("../assets/images/icon_linkedin.svg"); }

.linkedin.btn_circle {
  background-image: url("../assets/images/icon_linkedin-.svg");
  background-size: auto 1rem; }

.whatsapp.btn_circle {
  background-image: url("../assets/images/icon_whatsapp.svg");
  background-size: auto 1rem; }

.instagram:hover,
.facebook:hover,
.linkedin:hover,
.whatsapp:hover {
  opacity: .5; }

.medewerker_row {
  margin: .5rem 0;
  background-color: white; }
  .medewerker_row .col-9 {
    display: flex; }
    .medewerker_row .col-9 .tekstveld {
      align-self: center; }
      .medewerker_row .col-9 .tekstveld p {
        padding-bottom: 0; }
        .medewerker_row .col-9 .tekstveld p span {
          display: block;
          opacity: .5; }
      .medewerker_row .col-9 .tekstveld h5 {
        margin-top: .5rem; }

.fancybox__container {
  --fancybox-bg: rgba(255, 255, 255, .9);
  --fancybox-color: $text_color; }

.logo-slider-wrap {
  width: 100%;
  overflow: hidden; }

.logoSwiper .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center; }

.logo-slide-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none; }

.logo-slide-link img {
  display: block;
  width: 100%;
  max-width: 140px;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  transition: transform 500ms ease, opacity 500ms ease; }

.logo-slide-link:hover img {
  transform: translateY(-2px);
  opacity: .75; }

.programma ul {
  padding: .5rem 0 0 0 !important;
  padding-inline-start: 0 !important;
  margin: 0 !important; }
  .programma ul li {
    list-style-type: none !important;
    padding: .5rem 1rem !important;
    background-color: rgba(255, 255, 255, 0.1); }
    .programma ul li:nth-of-type(odd) {
      background-color: rgba(255, 255, 255, 0.5); }
    .programma ul li:hover {
      background-color: white; }

.tekstveld .programma li {
  background: linear-gradient(90deg, rgba(35, 134, 227, 0) 0%, rgba(125, 60, 230, 0) 100%); }
  .tekstveld .programma li:nth-of-type(odd) {
    background: linear-gradient(90deg, rgba(35, 134, 227, 0.1) 0%, rgba(125, 60, 230, 0.1) 100%); }
  .tekstveld .programma li:hover {
    background: linear-gradient(90deg, rgba(35, 134, 227, 0.2) 0%, rgba(125, 60, 230, 0.2) 100%); }
  .tekstveld .programma li a {
    text-decoration: underline !important; }

.preview_holder {
  position: relative;
  aspect-ratio: 1/1;
  border: 1px solid rgba(44, 44, 44, 0.25);
  overflow: hidden; }
  .preview_holder .preview {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .preview_holder .btn_remove {
    position: absolute;
    top: .5rem;
    right: .5rem; }

.login_form #magic-login-shortcode {
  width: 100% !important; }
  .login_form #magic-login-shortcode .input {
    padding: .5rem 1rem !important; }
  .login_form #magic-login-shortcode .magic-login-submit {
    padding: 1rem 3rem !important; }
.login_form #magic-login-register .registration_result .error,
.login_form #magic-login-register .registration_result .info,
.login_form #magic-login-register .registration_result .success,
.login_form #magic-login-shortcode #login_error,
.login_form #magic-login-shortcode .message,
.login_form #magic-login-shortcode .success {
  background-color: white !important;
  border-left: 4px solid #7ecde0 !important;
  margin-bottom: 1.5rem !important;
  margin-left: 0 !important;
  padding: 1.25rem 2rem !important; }

.vertical_center {
  display: flex;
  align-items: center;
  justify-content: center; }

.align_center {
  align-items: center; }

.align_right {
  margin-left: auto;
  margin-right: 0; }

.text_left {
  text-align: left; }

.text_center {
  text-align: center; }

.text_right {
  text-align: right; }

.text_rotate h2 {
  transform: rotate(-90deg);
  margin-left: -3rem; }

@media all and (max-width: 992px) {
  #home .parent .child .shape_small {
    margin-top: 1.5rem; }
  #home .parent .child .shape_big {
    margin-bottom: 0; } }
@media all and (max-width: 768px) {
  .parent {
    display: block; }
    .parent .row {
      display: block; }
      .parent .row .image_holder {
        min-height: 12rem;
        margin-bottom: 2rem; }
    .parent .child {
      display: none; }

  .text_right {
    text-align: left; }

  #home .offset-9-small {
    display: none; } }
footer {
  background: linear-gradient(90deg, #7d3ce6 0%, #2386e3 50%, #7ecde0 100%);
  position: relative;
  z-index: 10; }
  footer .container {
    position: relative; }
    footer .container [class^="col-"] span, footer .container [class^="col-"] p {
      color: white; }
      footer .container [class^="col-"] span b, footer .container [class^="col-"] span strong, footer .container [class^="col-"] p b, footer .container [class^="col-"] p strong {
        color: inherit;
        font-size: 1em; }
    footer .container [class^="col-"] a {
      color: white !important;
      text-decoration: none;
      transition: opacity 500ms ease; }
    footer .container [class^="col-"] a:hover {
      opacity: .5; }
    footer .container [class^="col-"] .wp-block-heading {
      display: block;
      font-size: 1.15rem;
      padding-top: 1.25rem;
      padding-bottom: .75rem;
      color: white;
      text-transform: none; }
    footer .container [class^="col-"] .menu {
      padding-inline-start: .25rem;
      list-style: none;
      margin-top: 0;
      margin-bottom: 0; }
      footer .container [class^="col-"] .menu li::before {
        content: "> ";
        color: white;
        padding-right: .5rem; }
      footer .container [class^="col-"] .menu ul {
        padding-inline-start: 1rem;
        list-style: none; }
        footer .container [class^="col-"] .menu ul li::before {
          color: #2c2c2c; }
      footer .container [class^="col-"] .menu .current-menu-item a {
        opacity: .5; }
      footer .container [class^="col-"] .menu .current-menu-item::before {
        opacity: .5; }
    footer .container [class^="col-"] #menu-direct-regelen {
      padding-inline-start: 0; }
      footer .container [class^="col-"] #menu-direct-regelen li::before {
        content: "";
        padding-right: 0; }
      footer .container [class^="col-"] #menu-direct-regelen li {
        padding-bottom: .5rem; }
    footer .container [class^="col-"] .footer_holder {
      background-color: white;
      display: inline-block;
      width: auto;
      padding-right: 3rem;
      margin-bottom: 3rem;
      border-top-right-radius: 5rem;
      border-bottom-right-radius: 5rem;
      transition: opacity 500ms ease; }
      footer .container [class^="col-"] .footer_holder #footer_logo {
        display: flex; }
        footer .container [class^="col-"] .footer_holder #footer_logo img {
          height: 55px;
          width: auto; }
      footer .container [class^="col-"] .footer_holder #footer_logo:hover {
        opacity: .5; }
    footer .container [class^="col-"] .instagram, footer .container [class^="col-"] .facebook, footer .container [class^="col-"] .linkedin {
      margin-top: auto;
      margin-bottom: auto;
      display: inline-block; }
    footer .container::before {
      content: "";
      position: absolute;
      background: white;
      top: 4.5rem;
      left: 2rem;
      transform: translateX(-100%);
      width: calc((100vw + 4.5rem) / 2);
      height: calc(55px + 5rem); }

@media all and (max-width: 768px) {
  footer .pt-4 {
    padding-top: 0 !important; }
  footer .my-5:not(:first-of-type) {
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important; }
  footer .container::before {
    top: 3rem;
    height: calc(55px + 3rem); } }
.btn, header li:last-of-type > a {
  position: relative;
  display: inline-block;
  z-index: 1;
  padding: 1rem 4rem 1rem 2rem;
  margin: 0;
  color: white !important;
  text-decoration: none !important;
  transition: opacity 500ms ease;
  cursor: pointer;
  width: auto;
  float: none;
  border-radius: 2rem;
  border: 0px solid white;
  line-height: 130%;
  font-size: inherit;
  text-transform: inherit !important;
  background: linear-gradient(90deg, #2386e3 0%, #7ecde0 100%); }
  .btn::before, header li:last-of-type > a::before {
    border-radius: 2rem;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #2386e3 0%, #7d3ce6 100%);
    opacity: 0;
    transition: opacity 500ms ease;
    z-index: -1; }
  .btn::after, header li:last-of-type > a::after {
    content: '';
    position: absolute;
    width: 3.25rem;
    height: 1rem;
    background-image: url(../assets/images/icon_arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.75rem; }
  .btn:hover::before, .btn:focus-visible::before, header li:last-of-type > a:hover::before, header li:last-of-type > a:focus-visible::before {
    opacity: 1; }
  .btn:hover, .btn:focus-visible, header li:last-of-type > a:hover, header li:last-of-type > a:focus-visible {
    color: #fff; }

.btn_cta {
  background: linear-gradient(90deg, #7d3ce6 40%, #2386e3 100%); }

.outline {
  position: relative;
  display: inline-block;
  z-index: 1;
  padding: .88rem 3rem .88rem 3rem;
  margin: 0 0 .25rem 0;
  text-decoration: none !important;
  transition: opacity 500ms ease;
  transition: border-color 500ms ease;
  cursor: pointer;
  width: auto;
  float: none;
  border-radius: 2rem;
  border: 1px solid;
  border-color: #7ecde0;
  line-height: 130%;
  font-size: inherit;
  text-transform: inherit !important;
  background-position: 1.25rem 1rem; }
  .outline:hover {
    border-color: #7d3ce6; }

.btn_circle {
  background-color: white;
  height: 36px;
  width: 36px;
  border: 1px solid #7ecde0;
  margin-top: .5rem;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 100%;
  background-position: center !important;
  transition: background-color 500ms ease; }
  .btn_circle:hover {
    background-color: #7ecde0;
    opacity: 1 !important; }

button {
  margin-left: 5px !important;
  margin-bottom: 5px !important; }

header > li:last-of-type > a {
  min-width: auto;
  padding: 11px 20px 12px 20px !important; }

.btn_remove {
  border-radius: 100%;
  height: 36px;
  width: 36px;
  border: 1px solid #7ecde0;
  cursor: pointer;
  transition: background-color 500ms ease; }
  .btn_remove:hover {
    background-color: #c0564b;
    opacity: 1 !important;
    color: white !important; }

/* Contactform 7 */
form, #cwfWordpressForm {
  box-shadow: 0 0 10px rgba(44, 44, 44, 0.25);
  display: inline-block;
  background: white;
  border: 0px solid white;
  padding: 3rem;
  border-radius: 5rem;
  width: 100%;
  margin-bottom: 0;
  transition: box-shadow 500ms ease; }
  form h3, #cwfWordpressForm h3 {
    margin-top: 0 !important; }
  form p, #cwfWordpressForm p {
    display: block; }
    form p label, #cwfWordpressForm p label {
      display: block;
      width: 100%; }
    form p span, #cwfWordpressForm p span {
      display: block; }
  form p:not(:first-of-type) label, #cwfWordpressForm p:not(:first-of-type) label {
    margin-top: .75rem; }
  form input, form textarea, #cwfWordpressForm input, #cwfWordpressForm textarea {
    display: block;
    background: linear-gradient(90deg, rgba(35, 134, 227, 0.1) 0%, rgba(125, 60, 230, 0.1) 100%);
    border-radius: 0;
    border: 0px solid #7d3ce6;
    padding: .5rem 1rem;
    margin: .25rem 0 0 0;
    width: 100%;
    font-size: 1em;
    transition: opacity 500ms ease-in-out;
    color: #2c2c2c; }
  form input[type=checkbox], #cwfWordpressForm input[type=checkbox] {
    color: white;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    margin-top: .25rem;
    margin-right: .25rem; }
  form .wpcf7-list-item, #cwfWordpressForm .wpcf7-list-item {
    margin-left: 0; }
    form .wpcf7-list-item span, #cwfWordpressForm .wpcf7-list-item span {
      color: #2c2c2c;
      padding: 0 1rem 0 .5rem;
      display: inline-block; }
  form .wpcf7-checkbox .first, #cwfWordpressForm .wpcf7-checkbox .first {
    padding-top: .25rem; }
  form textarea, #cwfWordpressForm textarea {
    width: 100%;
    height: 8rem; }
  form input:hover, form textarea:hover, #cwfWordpressForm input:hover, #cwfWordpressForm textarea:hover {
    opacity: .5; }
  form input[type=submit], form .submitButton, #cwfWordpressForm input[type=submit], #cwfWordpressForm .submitButton {
    position: relative;
    display: inline-block;
    z-index: 1;
    padding: 1rem 3rem;
    margin: .5rem 0 0 0;
    transition: background 500ms ease-in-out;
    color: white !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 100%;
    float: none;
    background: linear-gradient(90deg, #7d3ce6 0%, #2386e3 50%, #7ecde0 100%);
    border-radius: 50px;
    border: 0px solid #7d3ce6;
    line-height: 130%;
    font-size: 1rem; }
  form input[type=submit]:hover, form .submitButton:hover, #cwfWordpressForm input[type=submit]:hover, #cwfWordpressForm .submitButton:hover {
    opacity: 1;
    background: linear-gradient(90deg, #2386e3 0%, #7ecde0 100%); }
  form input[type=file], #cwfWordpressForm input[type=file] {
    width: 100%; }
  form .grid-container, #cwfWordpressForm .grid-container {
    display: block !important; }
  form .hr, #cwfWordpressForm .hr {
    display: none !important; }
  form .element-group-container, #cwfWordpressForm .element-group-container {
    width: 100% !important; }
    form .element-group-container *, #cwfWordpressForm .element-group-container * {
      width: inherit !important; }
  form .inputDiv, form .textDiv, form .inputDivWithLabel, #cwfWordpressForm .inputDiv, #cwfWordpressForm .textDiv, #cwfWordpressForm .inputDivWithLabel {
    padding: 0 !important; }
  form .submitButton, #cwfWordpressForm .submitButton {
    margin: 1rem 0 !important; }

.wpcf7-response-output {
  border: 0px solid white !important;
  margin: 0 !important;
  padding: 0 !important;
  color: white;
  background-color: #007f69;
  border-radius: 0; }

.white_block_small .textwidget .wpcf7-response-output {
  color: #007f69 !important;
  font-weight: 600 !important; }

.wpcf7-mail-sent-ok {
  background-color: #c0564b !important; }

.wpcf7-not-valid-tip {
  display: inline-block !important;
  padding-top: 5px;
  color: #007f69 !important;
  font-weight: 600 !important; }

.white_block_small .textwidget .wpcf7-not-valid-tip {
  color: #007f69 !important;
  font-weight: 600 !important; }

div.wpcf7 .ajax-loader {
  display: block !important; }

.wpcf7-not-valid-tip {
  width: 100%;
  padding: 0; }

.wpcf7-radio {
  display: block;
  width: 100%; }
  .wpcf7-radio .wpcf7-list-item, .wpcf7-radio label {
    display: inline-block;
    width: 100%;
    margin: 0 10px 0 0; }
    .wpcf7-radio .wpcf7-list-item input, .wpcf7-radio label input {
      display: inline-block;
      width: auto;
      margin: 5px 5px 5px 0; }
    .wpcf7-radio .wpcf7-list-item span, .wpcf7-radio label span {
      display: inline-block;
      width: auto; }

@media all and (max-width: 991px) {
  .menu-navigatie-menu-container li:not(.sub-menu li, footer li) a {
    width: 100%; }

  #menu-hoofdmenu > li:last-of-type {
    text-align: center;
    margin-top: 10px; } }
html {
  box-sizing: border-box;
  scroll-behavior: smooth; }

*, *::before, *::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.content {
  position: relative; }

.container {
  max-width: 1440px;
  width: 100%;
  margin-inline: auto;
  padding-inline: 2rem; }
  .container .container {
    padding-inline: 2rem; }

.full_width {
  max-width: 100% !important; }

.row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem; }

.col {
  grid-column: span 12; }

.col-1 {
  grid-column: span 1; }
  .col-1 *, .col-1 *::before, .col-1 *::after {
    box-sizing: border-box; }

.col-2 {
  grid-column: span 2; }
  .col-2 *, .col-2 *::before, .col-2 *::after {
    box-sizing: border-box; }

.col-3 {
  grid-column: span 3; }
  .col-3 *, .col-3 *::before, .col-3 *::after {
    box-sizing: border-box; }

.col-4 {
  grid-column: span 4; }
  .col-4 *, .col-4 *::before, .col-4 *::after {
    box-sizing: border-box; }

.col-5 {
  grid-column: span 5; }
  .col-5 *, .col-5 *::before, .col-5 *::after {
    box-sizing: border-box; }

.col-6 {
  grid-column: span 6; }
  .col-6 *, .col-6 *::before, .col-6 *::after {
    box-sizing: border-box; }

.col-7 {
  grid-column: span 7; }
  .col-7 *, .col-7 *::before, .col-7 *::after {
    box-sizing: border-box; }

.col-8 {
  grid-column: span 8; }
  .col-8 *, .col-8 *::before, .col-8 *::after {
    box-sizing: border-box; }

.col-9 {
  grid-column: span 9; }
  .col-9 *, .col-9 *::before, .col-9 *::after {
    box-sizing: border-box; }

.col-10 {
  grid-column: span 10; }
  .col-10 *, .col-10 *::before, .col-10 *::after {
    box-sizing: border-box; }

.col-11 {
  grid-column: span 11; }
  .col-11 *, .col-11 *::before, .col-11 *::after {
    box-sizing: border-box; }

.col-12 {
  grid-column: span 12; }
  .col-12 *, .col-12 *::before, .col-12 *::after {
    box-sizing: border-box; }

.offset-1 {
  grid-column: 1 / span 12; }

.offset-2 {
  grid-column: 2 / span 11; }

.offset-3 {
  grid-column: 3 / span 10; }

.offset-4 {
  grid-column: 4 / span 9; }

.offset-5 {
  grid-column: 5 / span 6; }

.offset-6 {
  grid-column: 6 / span 5; }

.offset-7 {
  grid-column: 7 / span 4; }

.offset-8 {
  grid-column: 8 / span 3; }

.offset-9-small {
  grid-column: 8 / span 4; }

.offset-9 {
  grid-column: 9 / span 2; }

.offset-10 {
  grid-column: 10 / span 1; }

.offset-11 {
  grid-column: 11 / span 0; }

.offset-12 {
  grid-column: 12 / span 0; }

.m-1 {
  margin: 0.25rem; }

.mt-1 {
  margin-top: 0.25rem; }

.mb-1 {
  margin-bottom: 0.25rem; }

.ml-1 {
  margin-left: 0.25rem; }

.mr-1 {
  margin-right: 0.25rem; }

.mx-1 {
  margin-inline: 0.25rem; }

.my-1 {
  margin-block: 0.25rem; }

.p-1 {
  padding: 0.25rem; }

.pt-1 {
  padding-top: 0.25rem; }

.pb-1 {
  padding-bottom: 0.25rem; }

.pl-1 {
  padding-left: 0.25rem; }

.pr-1 {
  padding-right: 0.25rem; }

.px-1 {
  padding-inline: 0.25rem; }

.py-1 {
  padding-block: 0.25rem; }

.m-2 {
  margin: 0.5rem; }

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

.mb-2 {
  margin-bottom: 0.5rem; }

.ml-2 {
  margin-left: 0.5rem; }

.mr-2 {
  margin-right: 0.5rem; }

.mx-2 {
  margin-inline: 0.5rem; }

.my-2 {
  margin-block: 0.5rem; }

.p-2 {
  padding: 0.5rem; }

.pt-2 {
  padding-top: 0.5rem; }

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

.pl-2 {
  padding-left: 0.5rem; }

.pr-2 {
  padding-right: 0.5rem; }

.px-2 {
  padding-inline: 0.5rem; }

.py-2 {
  padding-block: 0.5rem; }

.m-3 {
  margin: 1rem; }

.mt-3 {
  margin-top: 1rem; }

.mb-3 {
  margin-bottom: 1rem; }

.ml-3 {
  margin-left: 1rem; }

.mr-3 {
  margin-right: 1rem; }

.mx-3 {
  margin-inline: 1rem; }

.my-3 {
  margin-block: 1rem; }

.p-3 {
  padding: 1rem; }

.pt-3 {
  padding-top: 1rem; }

.pb-3 {
  padding-bottom: 1rem; }

.pl-3 {
  padding-left: 1rem; }

.pr-3 {
  padding-right: 1rem; }

.px-3 {
  padding-inline: 1rem; }

.py-3 {
  padding-block: 1rem; }

.m-4 {
  margin: 2.5rem; }

.mt-4 {
  margin-top: 2.5rem; }

.mb-4 {
  margin-bottom: 2.5rem; }

.ml-4 {
  margin-left: 2.5rem; }

.mr-4 {
  margin-right: 2.5rem; }

.mx-4 {
  margin-inline: 2.5rem; }

.my-4 {
  margin-block: 2.5rem; }

.p-4 {
  padding: 2.5rem; }

.pt-4 {
  padding-top: 2.5rem; }

.pb-4 {
  padding-bottom: 2.5rem; }

.pl-4 {
  padding-left: 2.5rem; }

.pr-4 {
  padding-right: 2.5rem; }

.px-4 {
  padding-inline: 2.5rem; }

.py-4 {
  padding-block: 2.5rem; }

.m-5 {
  margin: 4.5rem; }

.mt-5 {
  margin-top: 4.5rem; }

.mb-5 {
  margin-bottom: 4.5rem; }

.ml-5 {
  margin-left: 4.5rem; }

.mr-5 {
  margin-right: 4.5rem; }

.mx-5 {
  margin-inline: 4.5rem; }

.my-5 {
  margin-block: 4.5rem; }

.p-5 {
  padding: 4.5rem; }

.pt-5 {
  padding-top: 4.5rem; }

.pb-5 {
  padding-bottom: 4.5rem; }

.pl-5 {
  padding-left: 4.5rem; }

.pr-5 {
  padding-right: 4.5rem; }

.px-5 {
  padding-inline: 4.5rem; }

.py-5 {
  padding-block: 4.5rem; }

@media (max-width: 1440px) {
  .container .container {
    padding-inline: 0; } }
@media (max-width: 992px) {
  .col-1 {
    display: none; }

  .col-2 {
    grid-column: span 6; }

  .col-3 {
    grid-column: span 4; }

  .col-5 {
    grid-column: span 6; }

  header .col-3 {
    grid-column: span 3 !important; } }
@media (max-width: 768px) {
  .col-3 {
    grid-column: span 6; }

  .col-4 {
    grid-column: span 6; }

  .col-5 {
    grid-column: span 6; }

  .col-6 {
    grid-column: span 6; }

  .col-7 {
    grid-column: span 12; }

  .col-8 {
    grid-column: span 12; }

  .col-9 {
    grid-column: span 12; }

  .col-10 {
    grid-column: span 12; }

  .col-11 {
    grid-column: span 12; }

  header .col-3 {
    grid-column: span 6 !important; }
  header .col-9 {
    grid-column: span 6 !important; }

  .offset-1 {
    grid-column-start: inherit; }

  .offset-2 {
    grid-column-start: inherit; }

  .offset-3 {
    grid-column-start: inherit; }

  .offset-4 {
    grid-column-start: inherit; }

  .offset-5 {
    grid-column-start: inherit; }

  .offset-6 {
    grid-column-start: inherit; }

  .offset-7 {
    grid-column-start: inherit; }

  .offset-8 {
    grid-column-start: inherit; }

  .offset-9 {
    grid-column-start: inherit; }

  .offset-10 {
    grid-column-start: inherit; }

  .offset-11 {
    grid-column-start: inherit; }

  .offset-12 {
    grid-column-start: inherit; }

  .m-1 {
    margin: 0.25rem; }

  .mt-1 {
    margin-top: 0.25rem; }

  .mb-1 {
    margin-bottom: 0.25rem; }

  .ml-1 {
    margin-left: 0.25rem; }

  .mr-1 {
    margin-right: 0.25rem; }

  .mx-1 {
    margin-inline: 0.25rem; }

  .my-1 {
    margin-block: 0.25rem; }

  .p-1 {
    padding: 0.25rem; }

  .pt-1 {
    padding-top: 0.25rem; }

  .pb-1 {
    padding-bottom: 0.25rem; }

  .pl-1 {
    padding-left: 0.25rem; }

  .pr-1 {
    padding-right: 0.25rem; }

  .px-1 {
    padding-inline: 0.25rem; }

  .py-1 {
    padding-block: 0.25rem; }

  .m-2 {
    margin: 0.5rem; }

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

  .mb-2 {
    margin-bottom: 0.5rem; }

  .ml-2 {
    margin-left: 0.5rem; }

  .mr-2 {
    margin-right: 0.5rem; }

  .mx-2 {
    margin-inline: 0.5rem; }

  .my-2 {
    margin-block: 0.5rem; }

  .p-2 {
    padding: 0.5rem; }

  .pt-2 {
    padding-top: 0.5rem; }

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

  .pl-2 {
    padding-left: 0.5rem; }

  .pr-2 {
    padding-right: 0.5rem; }

  .px-2 {
    padding-inline: 0.5rem; }

  .py-2 {
    padding-block: 0.5rem; }

  .m-3 {
    margin: 1rem; }

  .mt-3 {
    margin-top: 1rem; }

  .mb-3 {
    margin-bottom: 1rem; }

  .ml-3 {
    margin-left: 1rem; }

  .mr-3 {
    margin-right: 1rem; }

  .mx-3 {
    margin-inline: 1rem; }

  .my-3 {
    margin-block: 1rem; }

  .p-3 {
    padding: 1rem; }

  .pt-3 {
    padding-top: 1rem; }

  .pb-3 {
    padding-bottom: 1rem; }

  .pl-3 {
    padding-left: 1rem; }

  .pr-3 {
    padding-right: 1rem; }

  .px-3 {
    padding-inline: 1rem; }

  .py-3 {
    padding-block: 1rem; }

  .m-4 {
    margin: 1.5rem; }

  .mt-4 {
    margin-top: 1.5rem; }

  .mb-4 {
    margin-bottom: 1.5rem; }

  .ml-4 {
    margin-left: 1.5rem; }

  .mr-4 {
    margin-right: 1.5rem; }

  .mx-4 {
    margin-inline: 1.5rem; }

  .my-4 {
    margin-block: 1.5rem; }

  .p-4 {
    padding: 1.5rem; }

  .pt-4 {
    padding-top: 1.5rem; }

  .pb-4 {
    padding-bottom: 1.5rem; }

  .pl-4 {
    padding-left: 1.5rem; }

  .pr-4 {
    padding-right: 1.5rem; }

  .px-4 {
    padding-inline: 1.5rem; }

  .py-4 {
    padding-block: 1.5rem; }

  .m-5 {
    margin: 3rem; }

  .mt-5 {
    margin-top: 3rem; }

  .mb-5 {
    margin-bottom: 3rem; }

  .ml-5 {
    margin-left: 3rem; }

  .mr-5 {
    margin-right: 3rem; }

  .mx-5 {
    margin-inline: 3rem; }

  .my-5 {
    margin-block: 3rem; }

  .p-5 {
    padding: 3rem; }

  .pt-5 {
    padding-top: 3rem; }

  .pb-5 {
    padding-bottom: 3rem; }

  .pl-5 {
    padding-left: 3rem; }

  .pr-5 {
    padding-right: 3rem; }

  .px-5 {
    padding-inline: 3rem; }

  .py-5 {
    padding-block: 3rem; } }
@media (max-width: 576px) {
  .col-3 {
    grid-column: span 12; }

  .col-4 {
    grid-column: span 12; }

  .col-5 {
    grid-column: span 12; }

  .col-6 {
    grid-column: span 12; }

  header .col-3 {
    grid-column: span 6 !important; } }
header .container .row #header_logo img {
  height: 55px;
  width: auto; }
header .container .row #header_logo:hover {
  text-decoration: none !important;
  opacity: .5; }
header .container .row .col-9 {
  display: flex !important; }

header {
  position: relative;
  z-index: 1000; }
  header a, header button span, header #menu-hoofdmenu > li:last-of-type > a {
    font-size: 1.1rem; }
  @media (max-width: 768px) {
    header {
      overflow: hidden; } }

#header_logo img {
  display: block; }

.toggleButton {
  display: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: auto; }
  .toggleButton .nav-toggle {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0 0 0 auto !important;
    color: #7ecde0;
    cursor: pointer;
    transition: opacity 500ms ease-in-out;
    width: 40px;
    z-index: 1000; }
    .toggleButton .nav-toggle:hover {
      opacity: 0.5; }

.nav-desktop {
  margin-left: auto; }
  .nav-desktop .menu,
  .nav-desktop .primary-menu,
  .nav-desktop ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .nav-desktop ul {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-end;
    height: 100%; }
    .nav-desktop ul li {
      position: relative;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .nav-desktop ul li a {
        display: block;
        text-decoration: none; }
        .nav-desktop ul li a:hover {
          color: #7d3ce6; }
  .nav-desktop li.menu-item-has-children > a {
    position: relative; }
  .nav-desktop li.menu-item-has-children > a::after {
    content: "›";
    display: inline-block;
    margin-left: 6px;
    transform: rotate(90deg);
    color: #2c2c2c; }
  .nav-desktop .sub-menu {
    position: absolute;
    top: calc(60% + 10px);
    left: 0;
    height: auto;
    min-width: 240px;
    padding: 10px;
    background-color: #7ecde0;
    display: none;
    z-index: 2000; }
    .nav-desktop .sub-menu li {
      display: inline;
      padding: 0; }
      .nav-desktop .sub-menu li a {
        padding: 4px 16px;
        color: white; }
        .nav-desktop .sub-menu li a:hover {
          color: #7d3ce6; }
  .nav-desktop li:hover > .sub-menu {
    display: block; }
  .nav-desktop li.current-menu-item:last-of-type:hover a {
    opacity: .5; }
  .nav-desktop .current-menu-item > a {
    color: #7d3ce6 !important; }
  .nav-desktop li.current-menu-item:last-of-type > a {
    color: white !important;
    background: linear-gradient(90deg, #2386e3 0%, #7d3ce6 100%) !important; }

.nav-mobile {
  display: none; }
  .nav-mobile .current_page_item a {
    color: #7d3ce6; }

body.menu-open {
  overflow: hidden; }
  body.menu-open::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(44, 44, 44, 0.75);
    z-index: 990; }

@media (max-width: 992px) {
  .nav-desktop {
    display: none; }

  .toggleButton {
    display: flex; }

  .nav-mobile {
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    max-width: 360px;
    height: 100vh;
    background: #fff;
    padding: 100px 30px;
    transition: right 500ms ease-in-out;
    overflow-y: auto; }
    .nav-mobile.is-open {
      right: 0; }
    .nav-mobile ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .nav-mobile ul li {
        padding: 10px 0; }
        .nav-mobile ul li a {
          display: block;
          text-align: left;
          color: #2c2c2c;
          text-decoration: none; }
          .nav-mobile ul li a:hover {
            color: #7d3ce6; }
    .nav-mobile .sub-menu {
      display: none;
      padding-top: 4px; }
    .nav-mobile .menu-item-has-children {
      position: relative; }
      .nav-mobile .menu-item-has-children.is-open > .sub-menu {
        display: block; }
        .nav-mobile .menu-item-has-children.is-open > .sub-menu li {
          padding: 8px 0; }
          .nav-mobile .menu-item-has-children.is-open > .sub-menu li a:before {
            content: '• ';
            display: inline;
            padding: 0 4px;
            color: #7d3ce6; }
      .nav-mobile .menu-item-has-children button {
        margin: 0 !important;
        border: 0px;
        /* line-height: normal; */
        position: absolute;
        right: 0;
        top: 11px;
        cursor: pointer;
        background-color: transparent; }
        .nav-mobile .menu-item-has-children button:hover span {
          color: #7d3ce6; }

  #menu-hoofdmenu > li:last-of-type > a {
    color: #7d3ce6 !important; } }
* {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; }

h1, h2, h3, h4, h5, p, td, a, b, i, em, b, strong, input, textarea, span, div, btn, li {
  line-height: 160%;
  color: #2c2c2c;
  font-size: 1rem;
  font-weight: 300; }

h1, h1 span, h2, h2 span, h3, h3 span, h4, h4 span, h5, h5 span, .btn {
  line-height: 120%;
  color: #7ecde0;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-optical-sizing: auto;
  text-transform: lowercase; }

h1, h1 span {
  font-size: 3.2rem;
  padding-bottom: 1rem;
  text-transform: inherit;
  margin: 0; }
  h1 em, h1 span em {
    color: inherit;
    line-height: inherit;
    font-weight: 600; }

#home h1, #home h1 span {
  line-height: 120%; }

h2, h2 span {
  font-size: 2.4rem;
  line-height: 160%;
  margin: 0; }

#home h2, #home h2 span {
  font-size: 2.6rem; }

h3, h3 span {
  font-size: 1.4rem;
  color: #7ecde0;
  text-transform: initial;
  margin: 1.5rem 0 .5rem 0;
  line-height: 160%; }

h4, h4 span {
  font-weight: 600;
  font-size: 1.4rem;
  color: #2c2c2c;
  text-transform: initial;
  margin: 0;
  padding-bottom: .5rem; }

h5, h5 span {
  font-size: 1.1rem;
  color: #2c2c2c;
  text-transform: initial;
  margin: 0;
  padding-bottom: .5rem; }

p, i, em, b, strong, a, li {
  margin: 0;
  padding: 0; }

i, em {
  font-style: italic; }

b, strong {
  font-weight: 600;
  color: #2c2c2c; }

u {
  font-size: inherit;
  font-weight: inherit; }

a, a:link, a:visited {
  text-decoration: none;
  transition: opacity 500ms ease-in-out;
  transition: color 500ms ease-in-out; }

a:hover {
  color: #7d3ce6; }

hr {
  background: white;
  border: 0px;
  height: 1px;
  width: 100%;
  padding: 0;
  margin: 0; }

img {
  max-width: 100%;
  transition: opacity 500ms ease-in-out; }

.alignright {
  float: right;
  padding: 10px; }

.content ul, .content ol {
  padding: 0 0 .5rem 0;
  padding-inline-start: 1.5rem;
  margin: 0; }
  .content ul a, .content ol a {
    text-decoration: none !important; }
    .content ul a li, .content ol a li {
      list-style-type: none;
      padding: .75rem 1rem;
      transition: all 500ms ease-in-out; }
    .content ul a:nth-child(odd) li, .content ol a:nth-child(odd) li {
      background: linear-gradient(90deg, rgba(35, 134, 227, 0.1) 0%, rgba(125, 60, 230, 0.1) 100%) !important; }
    .content ul a:hover *, .content ol a:hover * {
      color: white; }
    .content ul a:hover li, .content ol a:hover li {
      background: linear-gradient(90deg, #7d3ce6 0%, #2386e3 50%, #7ecde0 100%) !important; }

#sitemap ul {
  padding: 0;
  padding-inline-start: 0; }
  #sitemap ul .row {
    gap: .25rem !important; }
    #sitemap ul .row .text_right {
      text-align: left; }

table {
  width: 100%;
  table-layout: fixed;
  overflow: scroll;
  margin-top: 20px; }
  table tr td, table tr th {
    padding: 4px 10px;
    border: 1px solid white; }
  table thead {
    background-color: #2386e3;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px; }
    table thead tr th {
      padding: 10px 10px; }
  table tbody tr:nth-of-type(odd) {
    background-color: #7ecde0; }
  table tbody tr:last-of-type td {
    position: relative; }
  table tbody tr:last-of-type td:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 1px solid #7ecde0; }
  table tbody tr:hover {
    background-color: #2386e3; }

iframe {
  width: 100%; }

h1 span, h2 span, h3 span, h4 span, h1 a, h2 a, h3 a, h4 a {
  font-size: 1em !important;
  font-weight: inherit !important;
  font-family: inherit !important;
  color: inherit !important;
  text-decoration: inherit !important;
  line-height: inherit !important; }

h1 b, h2 b, h3 b, h4 b, h1 strong, h2 strong, h3 strong, h4 strong {
  font-size: inherit;
  font-weight: bold; }

h1 i, h2 i, h3 i, h4 i, h1 em, h2 em, h3 em, h4 em {
  font-size: inherit;
  font-style: italic; }

span strong {
  font-size: inherit;
  font-family: inherit; }

@media all and (max-width: 768px) {
  h1, h1 span {
    font-size: 2.6rem; }

  h2, h2 span {
    font-size: 1.8rem; } }

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