:root {
  --white: #fff;
  --black: #000;
  --red: #ff0000;
  --purple: #8800FF;
  --purple-light: #c480ff;
  --purple-dark: #7102D2;
  --green: #DDF45B;
  --orange: #FF643B;
  --grey: #A6A6A6;
  --grey2: #D5D5D5;
  --grey3: #F2F2F2;
  --grey4: #A3A3A3;
  --fnt-size-64: 4rem;
  --fnt-size-48: 3rem;
  --fnt-size-40: 2.5rem;
  --fnt-size-36: 2.25rem;
  --fnt-size-32: 2rem;
  --fnt-size-30: 1.875rem;
  --fnt-size-28: 1.75rem;
  --fnt-size-26: 1.625rem;
  --fnt-size-24: 1.5rem;
  --fnt-size-20: 1.25rem;
  --fnt-size-18: 1.125rem;
  --fnt-size-16: 1rem;
  --fnt-size-14: 0.875rem;
  --fnt-size-12: 0.75rem;
  --fnt-weight-light: 300;
  --fnt-weight-regular: 400;
  --fnt-weight-semibold: 600;
  --fnt-weight-bold: 700;
  --fnt-weight-black: 900;
  --border-radius-10: 10px;
  --border-radius-20: 20px;
  --border-radius-30: 30px;
  --border-radius-40: 40px;
  --border-radius-60: 60px;
  --max-container-size: 1320px;
  --bs-gutter-x: 1.5rem;
  --fnt-family: source-sans-pro, sans-serif;
  --fnt-family-secondary: omnes-semicond, sans-serif;
  --zindex-header: 2000;
  --zindex-announcement: 2020;
  --zindex-mobilenavigation: 2030;
  --zindex-modal-backdrop: 2040;
  --zindex-modal: 2050;
}
.fnt-regular {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-regular);
  font-style: normal;
}
.fnt-secondary {
  font-family: var(--fnt-family-secondary);
  font-weight: var(--fnt-weight-regular);
  font-style: normal;
}
.fnt-italic {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-regular);
  font-style: italic;
}
.fnt-semibold {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-semibold);
  font-style: normal;
}
.fnt-semibold-italic {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-semibold);
  font-style: italic;
}
.fnt-bold {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-bold);
  font-style: normal;
}
.fnt-black {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-bold);
  font-style: normal;
}
.fnt-bold-italic {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-bold);
  font-style: italic;
}
.fnt-alt-black {
  font-family: var(--fnt-family-secondary);
  font-weight: var(--fnt-weight-black);
  font-style: normal;
}
.transition-default {
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
*[id] {
  scroll-margin-top: 100px;
}
body {
  background-color: var(--purple);
  color: var(--black);
  font-size: var(--fnt-size-20);
  overflow-x: hidden;
  line-height: 1.3;
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-regular);
  font-style: normal;
}
@media (min-width: 992px) {
  body {
    font-size: var(--fnt-size-24);
  }
}
/*#region defaults */
figure {
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100% !important;
  max-height: auto;
}
a,
a:link,
a:visited {
  color: var(--black);
  text-decoration: none;
}
ul {
  padding-left: 0;
  margin-bottom: 0;
}
li {
  list-style: none;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1320px;
}
.container-xxxl {
  max-width: 1600px;
}
/*#endregion */
/*#region font sizes */
.fs-12 {
  font-size: var(--fnt-size-12);
}
.fs-14 {
  font-size: var(--fnt-size-14);
}
.fs-16 {
  font-size: var(--fnt-size-16);
}
.fs-18 {
  font-size: var(--fnt-size-18);
}
.fs-20 {
  font-size: var(--fnt-size-20);
}
.fs-24 {
  font-size: var(--fnt-size-24);
}
.fs-26 {
  font-size: var(--fnt-size-26);
}
.fs-28 {
  font-size: var(--fnt-size-28);
}
.fs-30 {
  font-size: var(--fnt-size-30);
}
.fs-32 {
  font-size: var(--fnt-size-32);
}
.fs-36 {
  font-size: var(--fnt-size-36);
}
.fs-40 {
  font-size: var(--fnt-size-40);
}
.fs-48 {
  font-size: var(--fnt-size-48);
}
.fs-64 {
  font-size: var(--fnt-size-64);
}
/* Make the largest font sizes a little smaller on mobile */
@media (max-width: 991px) {
  .fs-18 {
    font-size: var(--fnt-size-16);
  }
  .fs-20 {
    font-size: var(--fnt-size-16);
  }
  .fs-22 {
    font-size: var(--fnt-size-16);
  }
  .fs-24 {
    font-size: var(--fnt-size-16);
  }
  .fs-28 {
    font-size: var(--fnt-size-18);
  }
  .fs-30 {
    font-size: var(--fnt-size-20);
  }
  .fs-32 {
    font-size: var(--fnt-size-22);
  }
  .fs-36 {
    font-size: var(--fnt-size-24);
  }
  .fs-40 {
    font-size: var(--fnt-size-26);
  }
  .fs-48 {
    font-size: var(--fnt-size-30);
  }
  .fs-64 {
    font-size: var(--fnt-size-36);
  }
}
/*#endregion */
/*#region headings */
h1,
h2 {
  font-family: var(--fnt-family-secondary);
  font-weight: var(--fnt-weight-black);
  font-style: normal;
}
h3,
h4 {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-bold);
  font-style: normal;
}
h1 {
  font-size: var(--fnt-size-64);
}
@media (max-width: 991px) {
  h1 {
    font-size: var(--fnt-size-30);
  }
}
h2 {
  font-size: var(--fnt-size-40);
}
@media (max-width: 991px) {
  h2 {
    font-size: var(--fnt-size-26);
  }
}
h3 {
  font-size: var(--fnt-size-24);
}
@media (max-width: 991px) {
  h3 {
    font-size: var(--fnt-size-20);
  }
}
/*#endregion */
/*#region colors */
.cl-white {
  color: var(--white) !important;
}
.cl-white a {
  color: var(--white);
}
.cl-black {
  color: var(--black);
}
.cl-red {
  color: var(--red);
}
.cl-purple {
  color: var(--purple);
}
.cl-purple-dark {
  color: var(--purple-dark);
}
.cl-orange {
  color: var(--orange);
}
.cl-green {
  color: var(--green);
}
.cl-grey {
  color: var(--grey);
}
/*#endregion */
/*#region background */
.bg-white {
  background-color: var(--white) !important;
}
.bg-black {
  background-color: var(--black) !important;
}
.bg-grey {
  background-color: var(--grey);
}
.bg-green {
  background-color: var(--green);
}
.bg-orange {
  background-color: var(--orange);
}
.bg-purple {
  background-color: var(--purple);
}
.bg-purple-dark {
  background-color: var(--purple-dark);
}
@media (min-width: 992px) {
  .bg-robot2 {
    width: 100%;
    bottom: 0;
    position: absolute !important;
    pointer-events: none;
  }
}
/*#endregion */
/*#region background */
.fw-bold {
  font-weight: var(--fnt-weight-bold);
}
/*#endregion */
/*#region Border */
.bor-rad-20 {
  border-radius: var(--border-radius-20);
}
.border-left {
  border-bottom-left-radius: var(--border-radius-30);
  border-top-left-radius: var(--border-radius-30);
}
@media (min-width: 992px) {
  .border-left {
    border-bottom-left-radius: var(--border-radius-40);
    border-top-left-radius: var(--border-radius-40);
  }
}
.bor-bottom-left-large {
  border-bottom-left-radius: var(--border-radius-30);
}
@media (min-width: 992px) {
  .bor-bottom-left-large {
    border-bottom-left-radius: var(--border-radius-60);
  }
}
.bor-left-heading {
  border-top-left-radius: var(--border-radius-30);
  border-bottom-left-radius: var(--border-radius-30);
  padding: 30px 40px;
  display: inline-block;
}
.bor-right-heading {
  border-top-right-radius: var(--border-radius-30);
  border-bottom-right-radius: var(--border-radius-30);
  padding: 30px 3rem;
  display: inline-block;
}
@media (max-width: 991px) {
  .bor-right-heading {
    position: relative;
    left: -15px;
    padding: 30px 1.5rem;
  }
}
.bor-medium {
  border-bottom-left-radius: var(--border-radius-30) !important;
  border-bottom-right-radius: var(--border-radius-30) !important;
  border-top-right-radius: var(--border-radius-30) !important;
  border-top-left-radius: 0 !important;
}
@media (min-width: 992px) {
  .bor-medium {
    border-bottom-left-radius: var(--border-radius-40) !important;
    border-bottom-right-radius: var(--border-radius-40) !important;
    border-top-right-radius: var(--border-radius-40) !important;
  }
}
.bor-medium-bottom {
  border-bottom-left-radius: var(--border-radius-30) !important;
  border-bottom-right-radius: var(--border-radius-30) !important;
}
@media (min-width: 992px) {
  .bor-medium-bottom {
    border-bottom-left-radius: var(--border-radius-40) !important;
    border-bottom-right-radius: var(--border-radius-40) !important;
  }
}
.bor-large {
  border-bottom-left-radius: var(--border-radius-30) !important;
  border-bottom-right-radius: var(--border-radius-30) !important;
  border-top-right-radius: var(--border-radius-30) !important;
}
@media (min-width: 992px) {
  .bor-large {
    border-bottom-left-radius: var(--border-radius-60) !important;
    border-bottom-right-radius: var(--border-radius-60) !important;
    border-top-right-radius: var(--border-radius-60) !important;
  }
}
.bor-purple {
  border: 1px solid var(--purple);
}
.purple-border-bottom {
  padding: 5px;
  border-bottom: 2px solid var(--purple-dark);
}
.round {
  border-radius: 50%;
}
.list-border {
  border-top: 1px solid var(--grey2);
}
.list-border li {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid var(--grey2);
}
.list-border.ticks li {
  background-position: left top 17px;
}
.list-border2 {
  border-top: 1px solid var(--grey4);
  font-weight: var(--fnt-weight-bold);
  font-size: var(--fnt-size-20);
}
.list-border2 li {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid var(--grey4);
}
.list-border2 li a {
  font-size: var(--fnt-size-20);
  font-weight: var(--fnt-weight-bold);
  text-decoration: none;
}
.list-border2.ticks li {
  background-position: left top 17px;
}
.bor-top-grey {
  border-top: 1px solid var(--grey3);
}
.bor-bot-grey {
  border-bottom: 1px solid var(--grey3);
}
.bord-line-grey {
  border-bottom: 1px solid var(--grey2);
}
/*#endregion */
/*#region content */
.content {
  line-height: 1.6875rem;
}
.content a {
  text-decoration: underline;
}
.content ul {
  list-style-position: inside;
  padding-left: 0;
  list-style: none;
}
.content ul li {
  margin-bottom: 5px;
  padding-left: 15px;
  position: relative;
}
.content ul li p {
  margin-bottom: 0;
}
.content ul li:before {
  content: "\25FC";
  color: var(--black);
  display: inline-block;
  width: 12px;
  left: 0;
  font-size: 10px;
  position: absolute;
}
.content .button {
  margin-bottom: 10px;
}
.content h2,
.content h3,
.content h4,
.content h5 {
  font-family: var(--fnt-family);
  margin-bottom: 8px;
}
.content h2 {
  font-size: var(--fnt-size-24);
}
.content h3 {
  font-size: var(--fnt-size-20);
}
.content h4 {
  font-size: var(--fnt-size-18);
}
/*#endregion */
/*#region zoeken */
.search--result img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.search-dropdown.search-dropdown a:after {
  display: none;
}
.search-dropdown .form-floating > label {
  top: 0;
}
.search-dropdown .searchicon {
  width: 30px;
}
.search-dropdown .dropdown-menu {
  border: 0;
  padding: 0px;
  border-radius: 3.125rem !important;
  left: auto !important;
  right: -12px;
  border-top: 0 !important;
  top: -8px !important;
}
.search-dropdown #searchfield {
  width: 400px !important;
  margin-bottom: 0 !important;
}
.search-dropdown #searchfield:focus {
  box-shadow: none;
}
.searchform button {
  border: 0;
  background: url(/lib/img/icons/search.svg) transparent no-repeat;
  background-size: 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 15px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
/*#endregion */
/*#region misc */
address {
  margin-bottom: 0;
}
address span {
  display: block;
}
address em {
  font-style: normal;
}
/*#endregion */
/*#region slider - make all items the same height */
.owl-carousel.same-height .owl-stage {
  display: flex;
  margin-bottom: 15px;
}
/*#endregion */
/*#region GoogleReCaptcha*/
.grecaptcha-badge {
  visibility: hidden;
}
/*#endregion*/
/*#region arrows */
.arrow-holder {
  display: inline-block;
  position: relative;
  padding-bottom: 50px;
}
.arrow-holder.wide {
  width: 100%;
}
.arrow-holder .arrow {
  position: absolute;
  right: -90px;
  bottom: -10px;
  width: 200px;
}
@media (max-width: 991px) {
  .arrow-holder .arrow {
    right: -85px;
    bottom: 8px;
  }
  .arrow-holder .arrow img {
    width: 35px;
  }
  .arrow-holder .arrow span {
    font-size: 16px;
  }
}
.arrow-holder .arrow2 {
  position: absolute;
  right: 12%;
  bottom: -10px;
  width: 200px;
}
.arrow-holder .arrow3 {
  position: absolute;
  left: 10px;
  bottom: -10px;
  width: 500px;
  max-width: calc(100vw - 80px);
}
.arrow-holder .arrow4 {
  position: absolute;
  bottom: 2px;
  width: 160px;
  max-width: calc(100vw - 80px);
}
.arrow-holder .arrow5 {
  position: absolute;
  left: 100px;
  bottom: -10px;
}
@media (max-width: 500px) {
  .arrow-holder .arrow5 {
    left: 10px;
  }
  .arrow-holder .arrow5 span {
    position: relative;
    bottom: -30px;
  }
}
/*#endregion*/
/* #region Flow */
@media (min-width: 992px) {
  .flow-right {
    position: relative;
  }
  .flow-right::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    right: -100vw;
    /* extend visually without width */
    height: 100%;
    background-color: inherit;
  }
}
/* #endregion */
/* #region Flap */
.flap-out {
  display: none;
}
@media (min-width: 1600px) {
  .flap-out {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: var(--border-radius-40);
    border-top-left-radius: var(--border-radius-40);
    position: absolute;
    top: 0;
    width: 125px;
    height: 125px;
    left: -125px;
  }
}
.flap-out2 {
  display: none;
}
@media (min-width: 1400px) {
  .flap-out2 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: var(--border-radius-40);
    border-top-left-radius: var(--border-radius-40);
    position: absolute;
    top: 0;
    width: 66px;
    height: 116px;
    left: -65px;
  }
}
@media (min-width: 1600px) {
  .flap-out2 {
    width: 106px;
    height: 116px;
    left: -105px;
  }
}
.flap-out3 {
  display: none;
}
@media (min-width: 1400px) {
  .flap-out3 {
    font-family: var(--fnt-family-secondary);
    font-weight: var(--fnt-weight-black);
    font-size: var(--fnt-size-40);
    background-color: var(--green);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: var(--border-radius-40);
    border-top-left-radius: var(--border-radius-40);
    position: absolute;
    top: 0;
    width: 66px;
    height: 116px;
    left: -65px;
  }
}
@media (min-width: 1600px) {
  .flap-out3 {
    width: 106px;
    height: 116px;
    left: -105px;
  }
}
.flap-out-mob {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: var(--border-radius-10);
  border-top-left-radius: var(--border-radius-10);
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  left: -40px;
}
.flap-out-mob img {
  width: 25px;
}
@media (min-width: 1600px) {
  .flap-out-mob {
    display: none;
  }
}
/* #endregion */
/* #region gutter */
@media (min-width: 1200px) {
  .gx-xl-5r {
    --bs-gutter-x: 5rem;
  }
  .gx-xl-6r {
    --bs-gutter-x: 6rem;
  }
  .gx-xl-8r {
    --bs-gutter-x: 8rem;
  }
}
/* #endregion */
/* #region vinkjes */
ul.ticks li {
  list-style: none;
  background: url(/lib/img/icons/tick-green2.svg) no-repeat left top 9px;
  padding: 5px 0 5px 32px;
  background-position: left top 6px;
  margin-bottom: 2px;
  position: relative;
}
ul.ticks li:before {
  display: none;
}
@media (max-width: 991px) {
  ul.ticks.ticks-mob-smaller li p {
    font-size: var(--fnt-size-20);
  }
}
/* #endregion */
/* #region widths */
.max-w-75 {
  max-width: 75%;
}
@media (max-width: 991px) {
  .max-w-mob-300 {
    max-width: 300px;
  }
}
/* #endregion */
/* #region click */
.click-through {
  pointer-events: none;
}
.click-on {
  pointer-events: auto;
}
/* #endregion */
/* #region position */
@media (min-width: 1200px) {
  .position-xl-absolute {
    position: absolute;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 135px;
  }
}
/* #endregion */
/* #region margins/padding */
.mb-n1 {
  margin-bottom: -0.25rem !important;
}
.mt-n3 {
  margin-top: -1rem !important;
}
.px-lg-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
/* #endregion */
/* #region flex */
.no-shrink {
  flex-shrink: 0;
}
/* #endregion */
/* #region Standaard */
.umb-block-grid {
  --umb-block-grid--areas-row-gap: 2rem;
  --umb-block-grid--areas-column-gap: 3rem;
  --umb-block-grid--column-gap: 0;
  --umb-block-grid--row-gap: 0;
}
@media (max-width: 991px) {
  .umb-block-grid {
    --umb-block-grid--areas-row-gap: 0;
    --umb-block-grid--areas-column-gap: 2;
    --umb-block-grid--column-gap: 0;
    --umb-block-grid--row-gap: 0;
    margin-bottom: 1rem;
  }
}
.umb-block-grid__layout-container {
  position: relative;
  display: grid;
  height: 100%;
  grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, -webkit-min-content);
  -moz-column-gap: var(--umb-block-grid--column-gap, 0);
  column-gap: var(--umb-block-grid--column-gap, 0);
  row-gap: var(--umb-block-grid--row-gap, 0);
}
.umb-block-grid__layout-item {
  position: relative;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
  grid-row: span var(--umb-block-grid--item-row-span, 1);
  margin-block: 1rem;
}
@media (min-width: 992px) {
  .umb-block-grid__layout-item {
    margin-block: 1.5rem;
  }
}
.umb-block-grid__area-container,
.umb-block-grid__block--view::part(area-container) {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, -webkit-min-content);
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);
  column-gap: var(--umb-block-grid--areas-column-gap, 0);
  row-gap: var(--umb-block-grid--areas-row-gap, 0);
}
.umb-block-grid__area {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--area-grid-columns));
  grid-row: span var(--umb-block-grid--area-row-span, 1);
}
.site-container--sidebar .umb-block-grid__area-container {
  padding-inline: 0;
}
.site-container--sidebar .umb-block-grid__layout-item .umb-block-grid__layout-item {
  padding-left: 4rem;
}
@media (min-width: 1024px) {
  .umb-block-grid__layout-item {
    grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
  }
  .umb-block-grid__area {
    grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
  }
}
/* #endregion */
/* #region Overrides */
.umb-block-grid {
  margin-bottom: 3.5rem;
  max-width: 100vw;
  overflow-x: hidden;
}
.umb-block-grid__area-container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 12px;
  max-width: var(--max-container-size);
}
/* #region Custom Grid Options */
.umb-block-grid__layout-item {
  /*&.grid-item--altStyle {
        background-color: var(--purple);*/
  /* Alternatieve vormgeving */
  /*}

    &.grid-item--altStyleBlock {
        background-color: var(--purple);
        border-radius: var(--border-radius-30);
        padding: 1rem;

        @media (min-width:992px) {
            padding: 2rem;
        }
    }*/
}
.umb-block-grid__layout-item.grid-item--no-margin-top {
  /* Rij zonder margin boven */
  margin-top: 0;
  padding-top: 0;
}
.umb-block-grid__layout-item.grid-item--no-margin-bottom {
  /* Rij zonder margin onder */
  margin-bottom: 0;
  padding-bottom: 0;
}
/* Alleen desktop */
@media (min-width: 991px) {
  .umb-block-grid__layout-item {
    /* Smallere layout */
  }
  .umb-block-grid__layout-item.grid-item--hide-desktop {
    display: none;
  }
  .umb-block-grid__layout-item.grid-item--narrow .umb-block-grid__area-container {
    max-width: calc(var(--max-container-size) * 0.9);
  }
  .umb-block-grid__layout-item.block-valign--top {
    align-self: start;
  }
  .umb-block-grid__layout-item.block-valign--center {
    align-self: center;
  }
  .umb-block-grid__layout-item.block-valign--bottom {
    align-self: end;
  }
}
/* Alleen mobile */
@media (max-width: 990px) {
  .umb-block-grid__layout-item.grid-item--reverse-mobile .umb-block-grid__area-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .umb-block-grid__layout-item.grid-item--hide-mobile {
    display: none;
  }
}
/* #endregion */
.announcement-bar {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: var(--purple-dark);
  z-index: var(--zindex-announcement);
  transition: all ease-in-out 1.5s;
}
.announcement-bar.show {
  max-height: 1500px;
}
.announcement-bar .announcement-content {
  position: relative;
  padding: 1rem 2rem 1rem 0;
  color: var(--white);
}
.announcement-bar .announcement-content h6 {
  font-size: var(--fnt-size-20);
}
.announcement-bar .announcement-content .close {
  position: absolute;
  top: 1rem;
  right: 0;
  font-size: var(--fnt-size-36);
  font-weight: var(--fnt-weight-bold);
  cursor: pointer;
}
#mainheader {
  background-color: var(--purple);
}
/*#region Mobile Menu */
.navbar-toggler {
  background-color: var(--purple-dark);
  border-radius: 18px;
  padding: 10px 10px 13px 10px;
}
#mobile-navbar {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 12px 10px 30px;
  background-color: var(--purple);
  color: var(--white);
  position: fixed;
  z-index: var(--zindex-mobilenavigation);
}
#mobile-navbar .top-menu {
  border-bottom: 1px solid var(--white);
  padding-bottom: 10px;
}
#mobile-navbar .nav-items-holder {
  position: relative;
}
#mobile-navbar .nav-items-holder a {
  color: var(--white);
  font-size: 1.2rem;
  border-bottom: 1px solid var(--white);
  padding: 10px;
}
#mobile-navbar .nav-items-holder a.arrow {
  background: url(/lib/img/icons/menu-arrow.svg) center right 15px no-repeat;
}
#mobile-navbar .dropdown-menu {
  background-color: var(--purple);
  flex-direction: row;
  padding-top: 0;
  overflow-x: hidden;
}
#mobile-navbar .dropdown-menu.show {
  border: none !important;
  transform: none !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100vh;
}
#mobile-navbar .dropdown-menu h4 {
  color: var(--white);
}
#mobile-navbar .dropdown-menu a {
  color: var(--white);
  font-size: 1.2rem;
}
#mobile-navbar .dropdown-menu .submenu-bar:last-of-type {
  margin-bottom: 0;
}
#mobile-navbar .nav-bar {
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
#mobile-navbar .nav-bar::-webkit-scrollbar {
  display: none;
}
#mobile-navbar #back-button img {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
/*#endregion */
/*#region Social Media */
.sm-list li {
  display: inline-block;
  margin-right: 1rem;
}
.sm-label {
  font-weight: var(--fnt-weight-bold);
  font-size: var(--fnt-size-20);
}
/*#endregion */
/*#region Sitemap */
.sitemap {
  --size: 6px;
  padding-left: var(--size);
}
.sitemap ul.level-1 {
  margin-left: var(--size);
}
.sitemap ul.level-2 {
  margin-left: calc(var(--size) * 2);
}
.sitemap ul.level-3 {
  margin-left: calc(var(--size) * 3);
}
.sitemap ul.level-4 {
  margin-left: calc(var(--size) * 4);
}
.sitemap ul.level-5 {
  margin-left: calc(var(--size) * 5);
}
.sitemap ul.level-6 {
  margin-left: calc(var(--size) * 6);
}
.sitemap li {
  list-style-type: square;
}
/*#endregion */
/*#region pagination */
.pagination .page-item.active .page-link {
  background-color: var(--purple-dark);
  color: var(--white);
}
.pagination .page-link {
  background-color: var(--green);
  color: var(--purple);
  border: 1px solid var(--purple-dark) !important;
}
@media (max-width: 991px) {
  .pagination .page-link {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/*#endregion */
footer .footer-main {
  background-color: var(--purple-dark);
}
footer .footer-main a {
  color: var(--white) !important;
  text-decoration: none;
}
footer .footer-main nav ul {
  padding-left: 0;
}
footer .footer-main nav ul li {
  list-style-type: none;
}
footer .footer-main nav ul li a {
  text-decoration: none;
  color: var(--white) !important;
}
footer .sm-label {
  color: var(--white);
}
footer .footer-bottom a {
  font-size: var(--fnt-size-16);
}
@media (min-width: 992px) {
  footer .footer-bottom a {
    font-size: var(--fnt-size-20);
  }
}
@media (max-width: 767px) {
  footer .footer-bottom .footer-bottom-left a,
  footer .footer-bottom .footer-bottom-left span {
    display: block;
  }
}
.subfooter {
  padding: 1rem 0;
  margin-bottom: 1rem;
}
.subfooter a {
  text-decoration: none;
  font-size: var(--fnt-size-16);
}
/*#region home */
.bg-robot {
  background-image: url('/lib/img/Bg/robot-mob.png');
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: right 0 bottom 0;
}
@media (min-width: 600px) {
  .bg-robot {
    background-size: auto 100%;
  }
}
@media (min-width: 992px) {
  .bg-robot {
    background-image: url('/lib/img/Bg/robot.png');
    background-position: right -50px bottom -25px;
    background-size: 50%;
  }
}
@media (min-width: 1600px) {
  .bg-robot {
    background-size: initial;
  }
}
/*#endregion*/
/*#region accordion */
.accordion .accordion-button:not(.collapsed) {
  background-color: var(--white) !important;
  box-shadow: none !important;
  color: var(--black);
}
.accordion .accordion-button:focus {
  box-shadow: none !important;
  border: 0 !important;
}
.accordion1 .accordion-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
@media (max-width: 991px) {
  .accordion1 .accordion-button {
    padding: 10px 0;
  }
  .accordion1 .accordion-button span {
    font-size: var(--fnt-size-16) !important;
  }
}
.accordion1 .accordion-button:after {
  background: url('/lib/img/icons/arrow-down-orange-small.svg') center center no-repeat;
}
@media (min-width: 992px) {
  .accordion1 .accordion-button:after {
    background: url('/lib/img/icons/arrow-down-orange.svg') center center no-repeat;
  }
}
.accordion1 .accordion-button.collapsed:after {
  background: url('/lib/img/icons/arrow-down-black-small.svg') center center no-repeat;
}
@media (min-width: 992px) {
  .accordion1 .accordion-button.collapsed:after {
    background: url('/lib/img/icons/arrow-down-black.svg') center center no-repeat;
  }
}
@media (max-width: 991px) {
  .accordion1 .accordion-body {
    padding: 0;
    font-size: var(--fnt-size-14) !important;
    line-height: 1.3;
  }
}
.accordionFaq .accordion-item {
  margin-bottom: 40px;
}
.accordionFaq .accordion-button {
  padding: 0;
  align-items: start;
}
.accordionFaq .accordion-button:after {
  position: relative;
  right: -10px;
  margin-top: 4px;
  width: 30px;
  height: 30px;
  background: url('/lib/img/icons/arrow-down-orange-white.svg') center top no-repeat;
}
.accordionFaq .accordion-button.collapsed:after {
  background: url('/lib/img/icons/arrow-down-orange-white.svg') center top no-repeat;
}
/*#endregion*/
/*#region items */
.item-box {
  position: relative;
  background-color: var(--purple);
  color: var(--black);
  height: 100%;
  border-radius: var(--border-radius-60);
}
.item-box picture {
  overflow: hidden;
}
.item-box picture img {
  border-top-right-radius: var(--border-radius-60);
  object-fit: cover;
  width: 100%;
}
.item-box a {
  font-size: var(--fnt-size-28);
  color: var(--black);
  text-decoration: none;
}
.item-box.smaller a {
  font-size: var(--fnt-size-22);
}
/*#endregion*/
/*#region dashboard */
.start-here {
  position: absolute;
  left: 220px;
  top: 58px;
}
@media (min-width: 992px) {
  .start-here {
    left: 248px;
    top: 92px;
  }
}
.form#inviteParticipant-form .ddgrp.filled .ddgrp-title {
  font-size: var(--fnt-size-14);
  top: -19px;
}
/*#endregion*/
/*#region modals */
.modal {
  z-index: var(--zindex-modal);
}
.modal .btn-close2 {
  background: url('/lib/img/icons/delete.svg') center center no-repeat;
  background-size: cover;
  margin-left: auto;
  border: 0;
  height: 30px;
  width: 30px;
  position: relative;
  top: -10px;
  right: -5px;
}
.modal .btn-close3 {
  background: url('/lib/img/icons/modal-close.svg') center center no-repeat;
  background-size: cover;
  margin-left: auto;
  border: 0;
  height: 30px;
  width: 30px;
  position: relative;
  top: -10px;
  right: -5px;
}
.modal-backdrop {
  z-index: var(--zindex-modal-backdrop);
}
.modal-header {
  border-bottom: 0;
}
/*#endregion*/
/*#region messages */
@media (min-width: 992px) {
  .speech:before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 33px 19px 0;
    border-color: transparent #ffffff transparent transparent;
    display: block;
    position: relative;
    top: 20px;
    left: -55px;
    margin-bottom: -38px;
  }
}
/*#endregion*/
/*#region datepicker */
.ui-datepicker {
  font-size: var(--fnt-size-18);
}
/*#endregion*/
/*#region kennisbank */
.kblist a {
  list-style: none;
  padding-left: 28px;
  background: url(/lib/img/icons/document2.svg) no-repeat top 2px left;
  background-size: auto 20px;
  margin-top: 3px;
  margin-bottom: 5px !important;
  color: var(--black) !important;
  text-decoration: none !important;
  display: block;
}
ul.kblist {
  list-style: none;
  padding-left: 0;
}
/*#endregion*/
a.btn,
input.btn,
a:not([href]):not([tabindex]).btn,
button.btn,
a > span.btn,
span.btn > a {
  font-weight: var(--fnt-weight-black);
  font-family: var(--fnt-family-secondary);
  background-color: var(--purple-dark);
  color: var(--white);
  border: 0;
  border-radius: 14px;
  font-size: 17px;
  cursor: pointer;
  padding: 11px 20px;
  display: inline-block;
  text-decoration: none;
  max-width: 100%;
  transition: none;
}
@media (min-width: 992px) {
  a.btn,
  input.btn,
  a:not([href]):not([tabindex]).btn,
  button.btn,
  a > span.btn,
  span.btn > a {
    font-size: 24px;
    padding: 13px 25px;
    border-radius: 20px;
  }
}
a.btn.btn-simple,
input.btn.btn-simple,
a:not([href]):not([tabindex]).btn.btn-simple,
button.btn.btn-simple,
a > span.btn.btn-simple,
span.btn > a.btn-simple {
  font-family: var(--fnt-family-primary);
  font-weight: var(--fnt-weight-bold);
  padding: 15px 25px;
  font-size: 16px;
}
@media (min-width: 992px) {
  a.btn.btn-simple,
  input.btn.btn-simple,
  a:not([href]):not([tabindex]).btn.btn-simple,
  button.btn.btn-simple,
  a > span.btn.btn-simple,
  span.btn > a.btn-simple {
    font-size: 18px;
  }
}
a.btn:hover,
input.btn:hover,
a:not([href]):not([tabindex]).btn:hover,
button.btn:hover,
a > span.btn:hover,
span.btn > a:hover {
  background-color: var(--green);
  color: var(--purple);
}
a.btn:focus,
input.btn:focus,
a:not([href]):not([tabindex]).btn:focus,
button.btn:focus,
a > span.btn:focus,
span.btn > a:focus {
  box-shadow: none;
}
a.btn.btn-purple-orange:hover,
input.btn.btn-purple-orange:hover,
a:not([href]):not([tabindex]).btn.btn-purple-orange:hover,
button.btn.btn-purple-orange:hover,
a > span.btn.btn-purple-orange:hover,
span.btn > a.btn-purple-orange:hover {
  background-color: var(--orange) !important;
  color: var(--white) !important;
}
a.btn.btn-green,
input.btn.btn-green,
a:not([href]):not([tabindex]).btn.btn-green,
button.btn.btn-green,
a > span.btn.btn-green,
span.btn > a.btn-green {
  background-color: var(--green) !important;
  color: var(--purple) !important;
}
a.btn.btn-green:hover,
input.btn.btn-green:hover,
a:not([href]):not([tabindex]).btn.btn-green:hover,
button.btn.btn-green:hover,
a > span.btn.btn-green:hover,
span.btn > a.btn-green:hover {
  background-color: var(--orange) !important;
  color: var(--white) !important;
}
a.btn.btn-white,
input.btn.btn-white,
a:not([href]):not([tabindex]).btn.btn-white,
button.btn.btn-white,
a > span.btn.btn-white,
span.btn > a.btn-white {
  background-color: var(--white) !important;
  color: var(--purple) !important;
}
a.btn.btn-white:hover,
input.btn.btn-white:hover,
a:not([href]):not([tabindex]).btn.btn-white:hover,
button.btn.btn-white:hover,
a > span.btn.btn-white:hover,
span.btn > a.btn-white:hover {
  background-color: var(--green) !important;
  color: var(--purple) !important;
}
a.btn.btn-chart,
input.btn.btn-chart,
a:not([href]):not([tabindex]).btn.btn-chart,
button.btn.btn-chart,
a > span.btn.btn-chart,
span.btn > a.btn-chart {
  background-image: url(/lib/img/icons/chart.svg) !important;
  background-repeat: no-repeat;
  background-position: center right 20px;
  padding-right: 55px;
}
a.btn.btn-robot,
input.btn.btn-robot,
a:not([href]):not([tabindex]).btn.btn-robot,
button.btn.btn-robot,
a > span.btn.btn-robot,
span.btn > a.btn-robot {
  background-image: url(/lib/img/icons/robot-purple-green.svg) !important;
  background-repeat: no-repeat;
  background-position: center left 20px;
  padding-left: 55px;
}
a.btn.btn-mob-man,
input.btn.btn-mob-man,
a:not([href]):not([tabindex]).btn.btn-mob-man,
button.btn.btn-mob-man,
a > span.btn.btn-mob-man,
span.btn > a.btn-mob-man {
  background-color: var(--white);
  background-image: url(/lib/img/icons/man.svg) !important;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 9px 20px;
}
a.btn.btn-tip,
input.btn.btn-tip,
a:not([href]):not([tabindex]).btn.btn-tip,
button.btn.btn-tip,
a > span.btn.btn-tip,
span.btn > a.btn-tip {
  background-image: url(/lib/img/icons/tip.svg) !important;
  background-repeat: no-repeat;
  background-position: center right 10px;
  padding-right: 50px;
  box-shadow: none;
}
a.btn.btn-tip:hover,
input.btn.btn-tip:hover,
a:not([href]):not([tabindex]).btn.btn-tip:hover,
button.btn.btn-tip:hover,
a > span.btn.btn-tip:hover,
span.btn > a.btn-tip:hover {
  background-image: url(/lib/img/icons/tip.svg) !important;
  box-shadow: none;
}
a.btn.btn-question,
input.btn.btn-question,
a:not([href]):not([tabindex]).btn.btn-question,
button.btn.btn-question,
a > span.btn.btn-question,
span.btn > a.btn-question {
  background-image: url(/lib/img/icons/question.svg) !important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding-right: 50px;
  box-shadow: none;
  background-color: var(--green) !important;
  color: var(--purple) !important;
}
a.btn.btn-question:hover,
input.btn.btn-question:hover,
a:not([href]):not([tabindex]).btn.btn-question:hover,
button.btn.btn-question:hover,
a > span.btn.btn-question:hover,
span.btn > a.btn-question:hover {
  background-color: var(--orange) !important;
  color: var(--white) !important;
}
a.btn.btn-question2,
input.btn.btn-question2,
a:not([href]):not([tabindex]).btn.btn-question2,
button.btn.btn-question2,
a > span.btn.btn-question2,
span.btn > a.btn-question2 {
  background-image: url(/lib/img/icons/question.svg) !important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding-right: 50px;
  box-shadow: none;
}
a.btn.btn-question2:hover,
input.btn.btn-question2:hover,
a:not([href]):not([tabindex]).btn.btn-question2:hover,
button.btn.btn-question2:hover,
a > span.btn.btn-question2:hover,
span.btn > a.btn-question2:hover {
  background-color: var(--purple);
  background-image: url(/lib/img/icons/question.svg) !important;
}
a.btn.btn-question3,
input.btn.btn-question3,
a:not([href]):not([tabindex]).btn.btn-question3,
button.btn.btn-question3,
a > span.btn.btn-question3,
span.btn > a.btn-question3 {
  background-color: var(--purple-dark);
  background-image: url(/lib/img/icons/question-white.svg) !important;
  background-repeat: no-repeat;
  background-position: center right 15px;
  padding-right: 50px;
  box-shadow: none;
}
a.btn.btn-question3:hover,
input.btn.btn-question3:hover,
a:not([href]):not([tabindex]).btn.btn-question3:hover,
button.btn.btn-question3:hover,
a > span.btn.btn-question3:hover,
span.btn > a.btn-question3:hover {
  background-color: var(--green);
  background-image: url(/lib/img/icons/question-purple.svg) !important;
}
a.btn.btn-small,
input.btn.btn-small,
a:not([href]):not([tabindex]).btn.btn-small,
button.btn.btn-small,
a > span.btn.btn-small,
span.btn > a.btn-small {
  font-family: var(--fnt-family-primary);
  font-weight: var(--fnt-weight-bold);
  font-size: 16px;
  padding: 10px 20px;
}
a.btn.btn-large,
input.btn.btn-large,
a:not([href]):not([tabindex]).btn.btn-large,
button.btn.btn-large,
a > span.btn.btn-large,
span.btn > a.btn-large {
  font-size: 21px;
  padding: 20px 30px;
}
a.btn.btn-round,
input.btn.btn-round,
a:not([href]):not([tabindex]).btn.btn-round,
button.btn.btn-round,
a > span.btn.btn-round,
span.btn > a.btn-round {
  border-radius: 50%;
  padding: 10px;
  height: 40px;
  width: 40px;
}
a.btn.btn-round img,
input.btn.btn-round img,
a:not([href]):not([tabindex]).btn.btn-round img,
button.btn.btn-round img,
a > span.btn.btn-round img,
span.btn > a.btn-round img {
  height: 20px;
  height: auto;
}
a.btn.btn-icon,
input.btn.btn-icon,
a:not([href]):not([tabindex]).btn.btn-icon,
button.btn.btn-icon,
a > span.btn.btn-icon,
span.btn > a.btn-icon {
  display: inline-flex;
  align-items: center !important;
  height: 57px;
  padding: 5px 10px 5px 25px;
  text-decoration: none;
}
a.btn.btn-icon img,
input.btn.btn-icon img,
a:not([href]):not([tabindex]).btn.btn-icon img,
button.btn.btn-icon img,
a > span.btn.btn-icon img,
span.btn > a.btn-icon img {
  height: 30px;
}
span.btn {
  padding: 0;
}
.btn-arrow {
  font-family: var(---fnt-family-secondary);
  font-weight: var(--fnt-weight-semibold);
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
.btn-arrow:after {
  content: ">";
  border: 1px solid var(--purple);
  color: var(--purple);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  margin-left: 8px;
  padding-top: 0;
  font-size: 13px;
}
.btn-arrow.back:after {
  transform: rotate(180deg);
}
.btn-arrow2 {
  font-family: var(---fnt-family-secondary);
  display: inline-block;
  text-decoration: none;
}
.btn-arrow2:after {
  content: ">";
  color: var(--orange);
  border-radius: 50%;
  background-color: var(--white);
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  margin-left: 8px;
  padding-top: 2px;
  font-size: 13px;
}
.btn-arrow2.back:after {
  transform: rotate(180deg);
}
.btn-arrow2:hover {
  color: var(--white);
}
.btn-arrow3 {
  text-decoration: none;
}
.btn-arrow3:before {
  content: "";
  background: url(/lib/img/Icons/arrow-white.svg) no-repeat center center;
  width: 20px;
  height: 15px;
  display: inline-block;
}
@media (max-width: 991px) {
  .btn-arrow3:before {
    height: 12px;
    background-size: 7px;
  }
}
.btn-arrow4 {
  font-size: 20px;
  text-decoration: none;
}
.btn-arrow4:before {
  content: "";
  background: url(/lib/img/Icons/arrow-purple.svg) no-repeat center center;
  width: 20px;
  height: 15px;
  display: inline-block;
}
.btn-add {
  font-size: var(---fnt-size-20);
  font-weight: var(--fnt-weight-semibold);
}
.btn-add:after {
  content: "";
  background: url(/lib/img/Icons/add.svg) no-repeat center center;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 4px;
}
/*#endregion */
/*a.bt, button.bt {
    display: inline-block !important;
    height: 60px !important;
    font-weight: var(--fnt-weight-semibold);
    line-height: 56px !important;
    padding: 0 40px !important;
    border-radius: var(--border-radius-30);
    border: 1px solid transparent;
    text-decoration: none;
    .transition-default;

    &.clr1 {
        background-color: var(--purple) !important;
        color: var(--black) !important;
        border-color: var(--purple) !important;

        &:hover {
            background-color: var(--color-primary-2) !important;
            border-color: var(--purple) !important;
        }
    }

    &.clr2 {
        background-color: var(--color-primary-2) !important;
        color: var(--white) !important;
        border-color: var(--white) !important;

        &:hover {
            background-color: var(--purple) !important;
            border-color: var(--white) !important;
        }
    }

    &.clr3 {
        background-color: var(--color-primary-3) !important;
        color: var(--white) !important;
        border-color: var(--white) !important;

        &:hover {
            background-color: var(--purple) !important;
            border-color: var(--white) !important;
        }
    }

    &.sm {
        height: 40px !important;
        line-height: 38px !important;
        padding: 0 30px !important;
        border-radius: var(--border-radius-20);
    }

    &.submitting {
        pointer-events: none;
        position: relative;
        color: transparent;

        &::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 16px;
            height: 16px;
            margin: -8px 0 0 -8px;
            border: 2px solid #fff;
            border-top-color: #000;
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
        }

        &.clr1 {
            color: var(--color-primary-2) !important;
            background-color: var(--color-primary-2) !important;
            border-color: var(--color-primary-2) !important;
        }

        &.clr2 {
            color: var(--purple) !important;
            background-color: var(--purple) !important;
            border-color: var(--purple) !important;
        }

        &.clr3 {
            color: var(--purple) !important;
            background-color: var(--purple) !important;
            border-color: var(--purple) !important;
        }
    }

    .read-more {
        display: inline-block;
        position: relative;
        padding: 0 1rem 0 0;
        color: var(--black);
        text-decoration: none;
        border-radius: var(--border-radius-20);
        font-weight: var(--fnt-weight-semibold);
        font-size: var(--fnt-size-16);
        margin-top: 1rem;
        .transition-default;

        &::after {
            position: relative;
            content: "\00BB";
            margin-left: 0.25rem;
            .transition-default;
        }

        &:hover {
            color: var(--color-primary-2);

            &::after {
                margin-left: 0.5rem;
            }
        }
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}*/
.soc-med a {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0.5rem;
}
.soc-med a:last-child {
  margin-right: 0;
}
.soc-med a.soc-fb {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='749.79999' height='745.20001' viewBox='0 0 29.992 29.808' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/'%3E%3Cpath d='M 29.992,14.994 C 29.991,6.713 23.278,0 14.996,0 6.714,0 0,6.714 0,14.996 c 0,7.455 5.44,13.639 12.566,14.8 l 0.086,0.012 V 19.33 H 8.844 v -4.336 h 3.808 v -3.302 c -0.019,-0.167 -0.029,-0.361 -0.029,-0.557 0,-2.923 2.37,-5.293 5.293,-5.293 0.141,0 0.281,0.006 0.42,0.016 L 18.318,5.857 c 1.199,0.017 2.359,0.123 3.491,0.312 L 21.675,6.15 V 9.84 H 19.783 C 19.697,9.828 19.598,9.821 19.498,9.821 c -1.197,0 -2.168,0.97 -2.168,2.168 0,0.068 0.003,0.135 0.009,0.202 l -10e-4,-0.009 v 2.812 h 4.159 l -0.665,4.336 h -3.494 v 10.478 c 7.213,-1.174 12.653,-7.359 12.654,-14.814 z' id='path1' style='fill:%23ffffff;fill-opacity:1' /%3E%3C/svg%3E");
}
.soc-med a.soc-ig {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Layer_1' viewBox='-143 145 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs3' /%3E&%2310;%3Cg id='g3' style='fill:%23ffffff;fill-opacity:1'%3E&%2310; %3Cpath d='M113,446c24.8,0,45.1-20.2,45.1-45.1c0-9.8-3.2-18.9-8.5-26.3c-8.2-11.3-21.5-18.8-36.5-18.8s-28.3,7.4-36.5,18.8 c-5.3,7.4-8.5,16.5-8.5,26.3C68,425.8,88.2,446,113,446z' id='path1' style='fill:%23ffffff;fill-opacity:1' /%3E&%2310; %3Cpolygon points='211.4,345.9 211.4,308.1 211.4,302.5 205.8,302.5 168,302.6 168.2,346 ' id='polygon1' style='fill:%23ffffff;fill-opacity:1' /%3E&%2310; %3Cpath d='M183,401c0,38.6-31.4,70-70,70c-38.6,0-70-31.4-70-70c0-9.3,1.9-18.2,5.2-26.3H10v104.8C10,493,21,504,34.5,504h157 c13.5,0,24.5-11,24.5-24.5V374.7h-38.2C181.2,382.8,183,391.7,183,401z' id='path2' style='fill:%23ffffff;fill-opacity:1' /%3E&%2310; %3Cpath d='M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M241,374.7v104.8 c0,27.3-22.2,49.5-49.5,49.5h-157C7.2,529-15,506.8-15,479.5V374.7v-52.3c0-27.3,22.2-49.5,49.5-49.5h157 c27.3,0,49.5,22.2,49.5,49.5V374.7z' id='path3' style='fill:%23ffffff;fill-opacity:1' /%3E&%2310; %3C/g%3E&%2310;%0A%3C/svg%3E");
}
.soc-med a.soc-li {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Layer_1' viewBox='-143 145 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E&%2310; %3Cpath d='M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M41.4,508.1H-8.5V348.4h49.9 V508.1z M15.1,328.4h-0.4c-18.1,0-29.8-12.2-29.8-27.7c0-15.8,12.1-27.7,30.5-27.7c18.4,0,29.7,11.9,30.1,27.7 C45.6,316.1,33.9,328.4,15.1,328.4z M241,508.1h-56.6v-82.6c0-21.6-8.8-36.4-28.3-36.4c-14.9,0-23.2,10-27,19.6 c-1.4,3.4-1.2,8.2-1.2,13.1v86.3H71.8c0,0,0.7-146.4,0-159.7h56.1v25.1c3.3-11,21.2-26.6,49.8-26.6c35.5,0,63.3,23,63.3,72.4V508.1z ' id='path1' style='fill:%23ffffff;fill-opacity:1' /%3E&%2310;%0A%3C/svg%3E");
}
.soc-med a.soc-pi {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='747.95001' height='749.82501' viewBox='0 0 29.918 29.993' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/'%3E%3Cdefs id='defs1' /%3E%3Ctitle id='title1'%3Epinterest%3C/title%3E%3Cpath d='m 14.981,0 c 0,0 -10e-4,0 -0.002,0 C 6.706,0 0,6.706 0,14.979 0,21.287 3.899,26.684 9.419,28.892 L 9.52,28.928 C 9.433,28.333 9.383,27.647 9.383,26.949 c 0,-0.819 0.068,-1.622 0.2,-2.403 L 9.571,24.63 c 0.274,-1.171 1.757,-7.444 1.757,-7.444 -0.284,-0.636 -0.449,-1.379 -0.449,-2.16 0,-0.023 0,-0.046 0,-0.069 v 0.004 c 0,-2.078 1.208,-3.638 2.709,-3.638 0.008,0 0.018,0 0.028,0 1.04,0 1.883,0.843 1.883,1.883 0,0.08 -0.005,0.159 -0.015,0.236 l 10e-4,-0.009 c -0.307,1.903 -0.738,3.583 -1.304,5.199 l 0.064,-0.21 c -0.042,0.161 -0.067,0.345 -0.067,0.535 0,1.2 0.973,2.173 2.173,2.173 0.039,0 0.078,-10e-4 0.117,-0.003 h -0.005 c 2.659,0 4.709,-2.805 4.709,-6.857 0.002,-0.054 0.003,-0.118 0.003,-0.182 0,-3.265 -2.647,-5.913 -5.913,-5.913 -0.123,0 -0.244,0.004 -0.365,0.011 l 0.017,-10e-4 c -0.083,-0.004 -0.18,-0.006 -0.277,-0.006 -3.58,0 -6.482,2.902 -6.482,6.482 0,0.007 0,0.014 0,0.022 v -10e-4 c 0,0 0,10e-4 0,10e-4 0,1.287 0.417,2.476 1.122,3.441 L 9.266,18.108 c 0.076,0.081 0.122,0.191 0.122,0.311 0,0.043 -0.006,0.084 -0.017,0.123 L 9.372,18.539 C 9.26,19.008 9.006,20.037 8.955,20.242 8.889,20.523 8.74,20.581 8.454,20.448 6.611,19.234 5.411,17.174 5.411,14.834 c 0,-0.068 0.001,-0.135 0.003,-0.202 v 0.01 c 0,-4.719 3.434,-9.062 9.897,-9.062 0.132,-0.007 0.287,-0.011 0.442,-0.011 4.811,0 8.72,3.862 8.795,8.655 v 0.007 c 0,5.167 -3.258,9.325 -7.789,9.325 -0.039,10e-4 -0.086,0.002 -0.132,0.002 -1.366,0 -2.573,-0.677 -3.306,-1.713 l -0.008,-0.013 -0.936,3.559 c -0.488,1.499 -1.123,2.8 -1.91,3.992 l 0.038,-0.061 c 1.325,0.425 2.85,0.671 4.432,0.671 8.274,0 14.981,-6.707 14.981,-14.981 0,-8.272 -6.705,-14.978 -14.977,-14.981 v 0 z' id='path1' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cmetadata id='metadata1'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:title%3Epinterest%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3C/svg%3E");
}
.soc-med a.soc-x {
  background-image: url("data:image/svg+xml,%3Csvg shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 512' version='1.1' id='svg2' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cpath id='path1' style='fill:%23ffffff;fill-opacity:1' d='M 256 0 C 114.61514 0 0 114.61514 0 256 C 0 397.38486 114.61514 512 256 512 C 397.38486 512 512 397.38486 512 256 C 512 114.61514 397.38486 0 256 0 z M 147.08203 157.54883 L 216.00586 157.54883 L 263.5957 220.4668 L 318.64062 157.54883 L 352.04102 157.54883 L 279.06836 240.95508 L 364.91797 354.45117 L 297.69531 354.45117 L 245.04883 285.61523 L 184.80664 354.45117 L 151.38477 354.45117 L 229.43555 265.23828 L 147.08203 157.54883 z M 186.08984 176.49219 L 306.91602 334.45703 L 325.42578 334.45703 L 205.94922 176.49219 L 186.08984 176.49219 z ' /%3E%3C/svg%3E");
}
.soc-med a.soc-yt {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Layer_1' viewBox='-143 145 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E&%2310;%3Cg id='g1' style='fill:%23ffffff;fill-opacity:1'%3E&%2310; %3Cpolygon points='78.9,450.3 162.7,401.1 78.9,351.9 ' id='polygon1' style='fill:%23ffffff;fill-opacity:1' /%3E&%2310; %3Cpath d='M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M241,446.8L241,446.8 c0,44.1-44.1,44.1-44.1,44.1H29.1c-44.1,0-44.1-44.1-44.1-44.1v-91.5c0-44.1,44.1-44.1,44.1-44.1h167.8c44.1,0,44.1,44.1,44.1,44.1 V446.8z' id='path1' style='fill:%23ffffff;fill-opacity:1' /%3E&%2310; %3C/g%3E&%2310;%0A%3C/svg%3E");
}
.form-control {
  background-color: var(--white) !important;
  outline: none !important;
  box-shadow: none !important;
  height: 60px;
  border-radius: var(--border-radius-30);
  font-size: var(--fnt-size-18);
  padding: 1rem 1.25rem !important;
  border: 1px solid var(--purple);
}
.form-control.form-control-sm {
  height: 40px;
}
textarea.form-control {
  min-height: 350px !important;
}
.form-floating > label {
  top: -5px;
  left: 0.75rem;
  font-size: var(--fnt-size-24);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.9;
  transform: scale(0.45) translateY(-1px) translateX(0.15rem);
  color: var(--black);
}
.form-floating > .form-control:focus ~ label:after,
.form-floating > .form-control:not(:placeholder-shown) ~ label:after,
.form-floating > .form-select ~ label:after {
  background-color: transparent;
}
/*#region files */
.file-input-wrapper {
  position: relative;
  padding: 7px 12px !important;
  cursor: pointer;
}
.file-input-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.file-button {
  background-color: var(--purple);
  color: var(--black);
  padding: 8px 16px;
  border-radius: var(--border-radius-30);
  display: inline-block;
}
.file-name {
  margin-left: 8px;
}
/*#endregion */
/*#region errors */
.form-control.is-invalid {
  border: 1px solid var(--red);
}
span.is-invalid {
  display: block;
  color: var(--red);
  font-size: var(--fnt-size-14);
  padding-left: 25px;
  margin-top: 3px;
}
.form-check span.is-invalid {
  padding-left: 0;
}
/*#endregion */
/*#region recaptcha */
.grecaptcha-disclaimer {
  font-size: var(--fnt-size-14);
}
/*#endregion */
/*#ai-fields input {
   width: 450px;
   margin-bottom: 5px;
}*/
textarea {
  width: 750px;
}
/*#region Ondernemingsplan */
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.saveFirst {
  cursor: pointer;
}
.form input,
.form textarea {
  background-color: var(--white);
  border: 1px solid var(--black);
  color: var(--black);
  font-size: 18px;
  font-weight: var(--fnt-weight-regular);
  width: 100%;
  padding: 10px 17px;
  outline: none;
  resize: none;
  border-radius: 20px;
}
.form input:focus,
.form textarea:focus {
  outline: none !important;
  box-shadow: none;
}
.form input.error,
.form textarea.error,
.form input.input-validation-error,
.form textarea.input-validation-error {
  border: 1px solid var(--orange) !important;
}
.form input.autogrow,
.form textarea.autogrow {
  resize: none;
  overflow-y: hidden;
}
.form.form-grey input,
.form.form-grey textarea {
  background-color: var(--grey3);
  border: 1px solid var(--grey3);
}
.form input[readonly] {
  background-color: var(--grey3);
}
.form .lblgrp {
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
.form .lblgrp label {
  cursor: text;
  font-size: 1rem;
  left: 10px;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s, color 0.2s;
  -moz-transition: top 0.2s, color 0.2s;
  -o-transition: top 0.2s, color 0.2s;
  transition: top 0.2s, color 0.2s;
}
.form .lblgrp.filled label {
  font-size: var(--fnt-size-14);
  top: -19px;
  left: 17px;
  opacity: 1;
}
.form .lblgrp.tagrp span.error {
  position: relative;
  top: -5px;
}
.form .lblgrp textarea {
  min-height: 120px;
}
.form .lblgrp textarea.high {
  min-height: 200px;
}
.form .btngrp {
  position: relative;
}
.form .btngrp .btn-ontop {
  top: 9px;
  right: 11px;
  position: absolute;
}
.form input[type=checkbox],
.form input[type=radio] {
  margin-right: 5px;
  width: auto;
}
.form .hideLabel a:hover {
  text-decoration: underline;
}
.form .hideLabel span.error {
  position: relative;
  top: -5px;
}
.form .titleanddescription {
  margin-top: 15px;
}
.form .help-block {
  font-size: 14px;
  padding-top: 4px;
  display: block;
  padding-left: 19px;
}
.form .radionice {
  display: inline-block;
  background: url(/lib/img/icons/radio.svg) no-repeat center center;
  height: 30px;
  width: 20px;
  margin-right: 10px;
  cursor: pointer;
  top: 6px;
  position: relative;
}
.form .radionice.ticked {
  background: url(/lib/img/icons/radio-checked.svg) no-repeat center center;
}
.form .form-text {
  color: var(--black);
  margin-top: 8px;
  font-size: 12px;
  margin-bottom: -5px;
}
.form .field-validation-error,
.form span.error {
  color: var(--orange);
  display: block;
  font-size: 14px;
  line-height: 1.2;
  padding: 5px 5px 4px 19px;
  margin-bottom: -8px;
}
.form .errors-white span.error {
  color: var(--white);
}
.form fieldset legend {
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
}
.form .ddgrp {
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
.form .ddgrp select {
  background: transparent;
  border: 1px solid var(--black);
  border-radius: 20px;
  color: var(--black);
  cursor: pointer;
  font-size: 1rem;
  font-weight: var(--fnt-weight-regular);
  margin-bottom: 0;
  padding: 10px 17px;
  position: relative;
  width: 100%;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background: url(/lib/img/icons/arrow-menu.svg) no-repeat center right 15px;
}
.form .ddgrp select option {
  color: var(--black);
  font-size: 1rem;
  font-weight: var(--fnt-weight-regular);
}
.form .ddgrp select.error,
.form .ddgrp select.input-validation-error {
  border: 1px solid var(--red);
}
.form .ddgrp .ddgrp-title {
  color: var(--black);
  cursor: text;
  font-size: 1rem;
  font-weight: var(--fnt-weight-regular);
  left: 15px;
  position: absolute;
  top: 25px;
  -webkit-transition: top 0.2s, color 0.2s;
  -moz-transition: top 0.2s, color 0.2s;
  -o-transition: top 0.2s, color 0.2s;
  transition: top 0.2s, color 0.2s;
  opacity: 0;
}
.form .ddgrp.filled .ddgrp-title {
  font-size: 0.6667rem;
  top: -2px;
  left: 17px;
  opacity: 1;
}
.form .ddgrp.ddgrp-white select {
  background-color: var(--white);
}
.form .ddgrp.ddgrp-white .ddgrp-title {
  color: var(--white);
}
.form .fileupload {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.form .fileupload .fileupload-title {
  color: var(--black);
  cursor: text;
  font-size: 18px;
  font-weight: var(--fnt-weight-regular);
  left: 50px;
  position: absolute;
  margin-bottom: 0;
  top: 13px;
  -webkit-transition: top 0.2s, color 0.2s;
  -moz-transition: top 0.2s, color 0.2s;
  -o-transition: top 0.2s, color 0.2s;
  transition: top 0.2s, color 0.2s;
  display: inline-block;
  z-index: 1;
  pointer-events: none;
}
.form .fileupload.filled .fileupload-title {
  font-size: 0.6667rem;
  font-weight: var(--fnt-weight-regular);
  top: -17px;
  bottom: auto;
  color: var(--white);
  left: 19px;
}
.form .fileupload .nice-upload {
  color: var(--black);
  cursor: pointer;
  font-size: 1rem;
  font-weight: var(--fnt-weight-regular);
  margin-bottom: 0;
  padding: 8px 15px 7px 50px;
  position: relative;
  width: 100%;
  border: 1px solid var(--purple);
  border-radius: 20px;
  display: inline-block;
  max-width: 400px;
  background: url(/lib/img/icons/paper-clip.svg) var(--white) left 10px center no-repeat;
  background-size: 30px;
}
.form .fileupload .nice-upload input {
  visibility: hidden;
  width: 0;
  padding: 0;
}
.form .fileupload .upload-holder.error .nice-upload,
.form .fileupload .upload-holder2.error .nice-upload {
  border: 1px solid var(--red);
}
.form .fileupload #cv-error,
.form .fileupload #cv-error2 {
  display: none !important;
  background-color: var(--grey);
  color: var(--red);
  display: block;
  font-size: 14px;
  line-height: 1.2;
  padding: 5px 7px 7px;
  width: 100%;
}
.form .fileupload #cv-error.show,
.form .fileupload #cv-error2.show {
  display: inline-block !important;
}
.form.participant-form .lblgrp.filled label,
.form#order-form .lblgrp.filled label,
.form#coupon-form .lblgrp.filled label {
  top: -23px;
}
.form.business-plan label {
  font-weight: var(--fnt-weight-bold);
}
.form.business-plan .lblgrp.filled label {
  font-weight: var(--fnt-weight-regular);
}
.form.business-plan .ckrdgrp input [type=checkbox],
.form.business-plan .ckrdgrp input[type=radio] {
  accent-color: var(--black);
}
.form.business-plan input[type=radio].readonly {
  accent-color: var(--grey);
}
.form.business-plan .rb-sub {
  display: none;
  /*max-width: 260px;*/
  position: relative;
  top: -10px;
  margin-bottom: 0;
}
.form.business-plan .rb-sub.show {
  display: block;
}
.form.business-plan .delete-row {
  width: 20px;
  height: 20px;
  background: url(/lib/img/icons/delete.svg) center center no-repeat;
  display: block;
}
@media (min-width: 992px) {
  .form.business-plan .delete-row {
    margin-top: 12px;
  }
}
.form.business-plan .input-row:first-child .delete-row {
  display: none;
}
.form.business-plan .currency:before {
  content: "\20AC";
  position: absolute;
  top: 25px;
  left: 25px;
}
.form.business-plan .currency input {
  padding-left: 25px;
}
.form.business-plan .currency-td {
  position: relative;
}
.form.business-plan .currency-td:before {
  content: "\20AC";
  position: absolute;
  top: 9px;
  left: 14px;
}
.form.business-plan .currency-td input {
  padding-left: 25px;
}
.form.business-plan .mw-2col {
  max-width: 458px;
}
.form.business-plan .fl-bold:first-letter {
  font-weight: var(--fnt-weight-bold);
  text-decoration: underline;
}
.form.business-plan input:read-only {
  background-color: var(--grey3);
}
.form.business-plan .netto-calculator label {
  font-weight: var(--fnt-weight-regular);
}
.form.business-plan #beginBalansToelichting {
  max-width: 1228px;
}
.form.business-plan .mw-566 {
  max-width: 566px;
}
.saveMessageHolder {
  padding-top: 5px;
  height: 40px;
}
.saveMessageHolder #saveMessage {
  font-weight: var(--fnt-weight-bold);
  color: var(--white);
}
.sort-date {
  cursor: pointer;
}
.sort-date .sort-arrow {
  font-weight: var(--fnt-weight-bold);
  font-size: 14px;
}
@media (max-width: 991px) {
  .input-row {
    padding-bottom: 20px;
  }
  .input-row input,
  .input-row select,
  .input-row .ddgrp {
    margin-bottom: 5px !important;
  }
}
.validation-summary-errors {
  color: var(--red);
  font-size: var(--fnt-size-18);
  margin-bottom: 40px;
}
.validation-summary-errors ul {
  list-style: none;
  padding-left: 0;
}
/*#endregion */
/*#region datalist */
datalist {
  position: absolute;
  max-height: 20em;
  border: 0 none;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
  border: 1px solid var(--black);
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: var(--white);
}
datalist option {
  font-size: 1rem;
  font-weight: 400;
  padding: 2px 15px;
  background-color: var(--white);
  cursor: pointer;
  line-height: 1rem;
}
/* option active styles */
datalist option:hover,
datalist option:focus {
  color: #fff;
  background-color: #155ca2;
  outline: 0 none;
}
/*#endregion */
.logobrand {
  position: relative;
  left: -15px;
  /*   @media (min-width: 1650px) {
      left: -200px;
   }*/
}
#mainheader {
  z-index: var(--zindex-header);
  width: 100vw;
}
.sticky-top {
  position: sticky;
  top: 0;
}
.header-carousel {
  --header-height: 650px;
  --header-half-height: 325px;
  width: 100%;
  height: var(--header-height);
}
.header-carousel .header-item {
  height: var(--header-height);
  position: relative;
}
.header-carousel .header-item .header-text-title {
  font-weight: var(--fnt-weight-bold);
  font-size: var(--fnt-size-28);
}
.header-carousel .header-item .header-item-img {
  position: absolute;
  inset: 0;
  height: var(--header-height);
}
.header-carousel .header-item .header-item-video {
  height: var(--header-height);
  position: absolute;
  inset: 0;
}
.header-carousel .header-item .header-item-video .header-item-vimeo {
  width: 100%;
  position: absolute;
  height: var(--header-height);
}
.header-carousel .header-item .header-item-video video {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.header-carousel .header-item .container {
  padding-top: 16rem;
}
.header-carousel .header-item .header-text-block {
  background-color: #ffffff44;
  padding: 2rem;
  width: 100%;
  max-width: 600px;
  position: relative;
}
.header-carousel.half-height {
  height: var(--header-half-height);
}
.header-carousel.half-height .header-item {
  height: var(--header-half-height);
}
.header-carousel.half-height .header-item .header-item-img {
  position: absolute;
  inset: 0;
  height: var(--header-half-height);
}
.header-carousel.half-height .header-item .header-item-video {
  height: var(--header-half-height);
}
.header-carousel.half-height .header-item .header-item-video .header-item-vimeo {
  height: var(--header-half-height);
}
.header-carousel.half-height .header-item .container {
  padding-top: 3rem;
}
.headerImg {
  width: 100%;
  aspect-ratio: 5/1;
}
.headerImgHalf {
  width: 100%;
  aspect-ratio: 10/1;
}
img.tooltip2 {
  padding-left: 5px;
  cursor: help;
  top: -2px;
  position: relative;
}
.calculator-container {
  max-width: 1000px;
}
.calculator-container label.cur {
  position: relative;
}
.calculator-container label.cur::before {
  position: absolute;
  cursor: default;
  left: 8px;
  top: 14px;
  content: "€";
}
.calculator-container label.cur input {
  padding-left: 21px;
}
.calculator-container input[type="text"] {
  max-width: 160px;
  width: 100%;
  border-radius: 15px;
  border: 1px solid var(--purple-dark);
  padding: 8px 10px;
  margin-top: 7px;
}
.calculator-container input[type="radio"] {
  accent-color: var(--black);
}
.calculator-container .top-part {
  display: none;
  padding: 0 15px;
}
.calculator-container .top-part .right {
  border-top: 1px solid var(--purple-dark);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 15px;
}
.calculator-container .split-part {
  padding: 0 15px;
}
.calculator-container .split-part .right {
  height: 15px;
}
.calculator-container .left-part {
  background-color: var(--grey3);
  padding: 0 15px;
  border-radius: 5px;
  padding-bottom: 15px;
}
.calculator-container .left-part .col-sm-8 span,
.calculator-container .left-part .col-sm-5 span {
  margin-top: 12px;
  display: block;
}
.calculator-container .left-part .right .text {
  padding: 12px 5px 5px 5px;
}
.calculator-container .left-part .calc-left {
  margin-top: 12px;
}
.calculator-container .left-part .calc-left input {
  margin-right: 5px;
}
.calculator-container .left-part .calc-left label {
  margin-right: 10px;
}
.calculator-container .orange-part {
  background-color: var(--purple);
  color: var(--white);
  padding: 15px 15px 5px 15px;
  border-radius: 5px;
  font-weight: var(--fnt-weight-bold);
}
.calculator-container .bottom-part {
  display: none;
  padding: 0 15px;
}
.calculator-container .bottom-part .right {
  border-bottom: 1px solid var(--purple-dark);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 15px;
}
.calculator-container #daguren {
  width: 50px;
  margin-top: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .calculator-container .top-part,
  .calculator-container .bottom-part {
    display: block;
  }
  .calculator-container .right {
    border-left: 1px solid var(--purple-dark);
    border-right: 1px solid var(--purple-dark);
    background-color: var(--white);
    /*height: 100%;*/
    text-align: center;
    color: var(--black);
  }
  .calculator-container .right.right-last {
    height: 50px;
  }
  .calculator-container .right.higher {
    height: 42px;
  }
  .calculator-container .left-part {
    padding-bottom: 0;
  }
  .calculator-container .left-part .right .text {
    max-width: 160px;
    width: 100%;
    display: block;
    text-align: left;
    position: relative;
    margin: 0 auto;
  }
  .calculator-container .orange-part .calc-left {
    padding-bottom: 10px;
    display: block;
  }
}
/*#region business plan chapter menu */
.chapters .completed:after {
  content: "";
  height: 22px;
  width: 20px;
  background: url(/lib/img/icons/tick-green.svg) right top 5px no-repeat;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.chapters .completed.chapter-heading:after {
  height: 30px;
  width: 30px;
  background-size: contain;
}
.chapter-bp-block .inside h3.completed {
  background: url(/lib/img/icons/tick-green.svg) right top 3px no-repeat;
}
.chapter-bp-block .inside > ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.chapter-bp-block .inside > ul > li {
  padding-bottom: 5px;
  list-style-position: inside;
  list-style-type: none;
  font-size: 14px;
}
.chapter-bp-block .inside > ul > li:before {
  float: left;
  width: 15px;
}
.chapter-bp-block .inside > ul > li:nth-child(1):before {
  content: "A.";
}
.chapter-bp-block .inside > ul > li:nth-child(2):before {
  content: "B.";
}
.chapter-bp-block .inside > ul > li:nth-child(3):before {
  content: "C.";
}
.chapter-bp-block .inside > ul > li:nth-child(4):before {
  content: "D.";
}
.chapter-bp-block .inside > ul > li:nth-child(5):before {
  content: "E.";
}
.chapter-bp-block .inside > ul > li:nth-child(6):before {
  content: "F.";
}
.chapter-bp-block .inside > ul > li:nth-child(7):before {
  content: "G.";
}
.chapter-bp-block .inside > ul > li:nth-child(8):before {
  content: "H.";
}
.chapter-bp-block .inside > ul > li:nth-child(9):before {
  content: "I.";
}
.chapter-bp-block .inside > ul > li:last-child {
  padding-bottom: 0;
}
.chapter-bp-block .inside > ul > li span.active {
  color: var(--orange);
}
.chapter-bp-block .inside > ul > li span,
.chapter-bp-block .inside > ul > li a {
  font-size: 14px;
  padding-bottom: 2px;
  display: block;
  /*background: url(/lib/img/icons/cross.svg) right 3px top 2px no-repeat;*/
  padding-right: 30px;
  padding-left: 15px;
}
.chapter-bp-block .inside > ul > li span.completed,
.chapter-bp-block .inside > ul > li a.completed {
  background: url(/lib/img/icons/tick-blue.svg) right top 0 no-repeat;
}
.chapter-bp-block .inside > ul > li ul {
  padding-left: 10px;
}
.chapter-bp-block .inside > ul > li ul li {
  list-style: none;
}
.chapter-bp-block .inside > ul > li ul li a,
.chapter-bp-block .inside > ul > li ul li span {
  font-weight: var(--fnt-weight-regular) !important;
}
@media (max-width: 991px) {
  .chapter-block {
    padding: 20px;
  }
}
#markPageAsUnread,
#markPageAsRead {
  display: none;
}
#markPageAsUnread.show,
#markPageAsRead.show {
  display: inline-block;
}
/*#endregion */
/*#region Business plan */
.form.business-plan {
  font-size: var(--fnt-size-20);
  line-height: 1.3;
}
.form.business-plan h3 {
  font-size: var(--fnt-size-26);
  font-family: var(--fnt-family-secondary);
  font-weight: var(--fnt-weight-black);
  color: var(--black);
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .form.business-plan h3 {
    font-size: var(--fnt-size-30);
  }
}
.form.business-plan h3.smaller {
  font-size: var(--fnt-size-24);
  padding-bottom: 5px;
}
@media (min-width: 992px) {
  .form.business-plan h3.smaller {
    font-size: var(--fnt-size-28);
  }
}
.form.business-plan section {
  position: relative;
  background-color: var(--white);
  border-bottom-left-radius: var(--border-radius-30);
  border-bottom-right-radius: var(--border-radius-30);
  border-top-right-radius: var(--border-radius-30);
  margin-bottom: 3rem;
  padding: 1.5rem 15px 2rem;
  width: 100%;
}
@media (min-width: 992px) {
  .form.business-plan section {
    border-bottom-left-radius: var(--border-radius-60);
    border-bottom-right-radius: var(--border-radius-60);
    border-top-right-radius: var(--border-radius-60);
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
.form.business-plan .btn.messageOpen {
  float: right;
}
@media (max-width: 991px) {
  .form.business-plan .btn.messageOpen {
    display: table;
    float: none;
    margin-top: 5px;
    margin-left: 0px !important;
  }
}
#nextPage {
  display: inline-block;
}
.disabled-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(196, 128, 255, 0.8);
  left: 0;
  top: 0;
  z-index: 99;
}
.bp-block a {
  text-decoration: none;
}
.bp-block a.completed {
  padding-right: 30px;
  display: block;
  background: url(/lib/img/icons/tick-blue.svg) right top 0 no-repeat;
  background-size: 25px;
}
.bp-block h3 a.completed {
  background: url(/lib/img/icons/tick-green.svg) right top 3px no-repeat;
  background-size: 25px;
}
/*#endregion */
/*#region Messages */
#message-box {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: right;
}
#message-box .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 23px;
  padding-right: 80px;
  background: url(/lib/img/icons/mail.svg) no-repeat center right 30px;
  background-color: var(--purple);
}
#message-box .btn:hover {
  box-shadow: none;
  background-color: var(--orange);
}
.msg-spinner {
  display: none;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.msg-container {
  border-radius: 20px;
  padding: 20px;
}
@media (max-width: 991px) {
  #message-box .btn {
    font-size: 18px;
  }
  .msg-container {
    padding: 10px;
  }
  .msg-container .col-lg-8,
  .msg-container .col-lg-4,
  .msg-container .col-11 {
    margin-bottom: 10px;
  }
}
#messageSend {
  font-size: var(--fnt-size-20);
  display: none;
}
.messagePage {
  display: none;
  position: relative;
  max-width: 1040px;
  border-radius: var(--border-radius-40);
}
.messagePage.show {
  display: block;
}
.messagePage h2 img {
  position: relative;
  top: -5px;
}
.messagePage .message {
  border-radius: 20px;
  background-color: var(--white);
  position: relative;
}
.messagePage .message:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  top: calc(50% - 10px);
  display: block;
  position: absolute;
}
.messagePage .message.message-right:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid var(--white);
  border-left: 0;
  left: -10px;
}
.messagePage .message.message-left:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid var(--white);
  border-right: 0;
  right: -10px;
}
.messagePage .person {
  height: 85px;
  width: 100%;
  border-radius: 20px;
}
.messagePage .close-btn {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 99;
  background: url('/lib/img/icons/delete.svg') center center no-repeat;
  background-size: cover;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.messagePage .history {
  display: none;
}
.messagePage .message-form .errors {
  color: var(--red);
  background-color: var(--white);
  line-height: 1.6;
  padding: 0 10px;
  border-radius: 5px;
}
.messagePage .message-form,
.messagePage .message-closed {
  display: none;
}
.messagePage .message-form.show,
.messagePage .message-closed.show {
  display: block;
}
/*#endregion */
/*#region Businessplan overview */
.businessplans nav {
  padding-top: 40px !important;
  padding-bottom: 0px !important;
}
.businessplans .sort {
  color: var(--purple);
  font-weight: var(--fnt-weight-bold);
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
}
/*#endregion */
/*#region cart amount */
#cart-amount {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  color: var(--white);
  background-color: var(--orange);
  text-align: center;
  padding-top: 4px;
  font-size: 10px;
  position: absolute;
  top: -5px;
  right: -5px;
  display: none;
  font-weight: var(--fnt-weight-regular);
}
#cart-amount.show {
  display: block;
}
/*#endregion */
/*#region icons */
.icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}
.ic-open {
  background-image: url(/lib/img/icons/view.svg);
}
.ic-message {
  background-image: url(/lib/img/icons/messages.svg);
  position: relative;
}
.ic-message .nrOfMessages {
  position: absolute;
  top: -8px;
  right: -8px;
  color: var(--white);
  background-color: var(--purple-dark);
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  padding: 2px 0;
  width: 18px;
  height: 18px;
}
.ic-download {
  background-image: url(/lib/img/icons/file2.svg);
}
/*#endregion */
/*#region tooltipster */
.tooltipster-box {
  border: 2px solid var(--purple) !important;
  background-color: var(--white) !important;
  padding: 3px !important;
}
.tooltipster-box .tooltipster-content {
  color: var(--black) !important;
  font-size: var(--fnt-size-16) !important;
}
.tooltipster-box .tooltipster-content a {
  color: var(--purple);
  text-decoration: underline;
}
.tooltipster-box .tooltipster-content p {
  margin-bottom: 10px;
}
.tooltipster-box .tooltipster-content p:last-child {
  margin-bottom: 0;
}
.tooltipster-left {
  max-width: 80% !important;
  width: 600px !important;
}
.tooltipster-left .tooltipster-arrow .tooltipster-arrow-border {
  border-left-color: var(--purple) !important;
}
.tooltipster-left .tooltipster-arrow .tooltipster-arrow-background {
  border-left-color: var(--white) !important;
}
.tooltipstered.smalltip {
  width: 27px;
  position: relative;
  top: -2px;
}
.tooltipster-right .tooltipster-arrow .tooltipster-arrow-border {
  border-right-color: var(--purple) !important;
}
.tooltipster-right .tooltipster-arrow .tooltipster-arrow-background {
  border-right-color: var(--white) !important;
}
/*#endregion */
/*#region checkout */
.cartItem {
  border-top: 1px solid var(--grey2);
  padding: 12px 0;
}
.cartItem:last-child {
  border-bottom: 1px solid var(--grey2);
}
.cartItem .delete-btn {
  cursor: pointer;
}
/*#endregion */
.ai-modal-content {
  overflow: visible !important;
}
.ai-modal-footer {
  margin-top: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  border-top: solid 1px var(--black) !important;
  justify-content: flex-start !important;
}
.ai-preview-section ul {
  padding-left: 2rem;
}
.ai-preview-section ul li {
  list-style-type: disc;
  border-bottom: solid 1px var(--grey2);
  padding: 7px 0;
}
.ai-place-btn {
  min-width: 35%;
}
.ai-feedback-bar {
  position: relative;
  flex: 1;
  background-color: var(--white);
  border: 1px solid var(--black);
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 17px;
  overflow: hidden;
}
.ai-feedback-input {
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  font-family: var(--fnt-family);
  color: var(--black);
  font-size: 18px;
  font-weight: var(--fnt-weight-regular);
  padding: 0;
  line-height: 1.2;
}
.ai-feedback-input::placeholder {
  color: var(--grey4);
  opacity: 1;
}
.ai-feedback-send {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ai-feedback-send img {
  display: block;
  width: 27px;
  height: 27px;
  object-fit: contain;
}
.ai-feedback-send:focus {
  outline: none;
}
@media (max-width: 991.98px) {
  .ai-feedback-bar {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 72px;
    height: auto;
    padding: 14px 72px 14px 18px;
  }
  .ai-feedback-send {
    right: 16px;
    width: 38px;
    height: 38px;
    min-width: 38px;
  }
  .ai-feedback-send img {
    width: 38px;
    height: 38px;
  }
}