@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Gantari:ital,wght@0,100..900;1,100..900&display=swap");
.cursor {
  z-index: 100;
  background-color: white;
  border: 1px solid white;
  border-radius: 100em;
  width: 5px;
  height: 5px;
  transition: background-color 0.375s cubic-bezier(0.625, 0.05, 0, 1), height 0.375s cubic-bezier(0.625, 0.05, 0, 1), width 0.375s cubic-bezier(0.625, 0.05, 0, 1);
  position: fixed;
  inset: 0 auto auto 0;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat; }

/* Pas de globale hover-styling alleen toe als de slider niet actief is */
body:not(.slider-hover):has(a:hover) .cursor,
body:not(.slider-hover):has(button:hover) .cursor,
body:not(.slider-hover):has([data-cursor]:hover) .cursor {
  width: 3em;
  height: 3em;
  background-color: transparent; }

@media (hover: none) and (pointer: coarse) {
  .cursor {
    display: none; } }

body, html {
  margin: 0;
  padding: 0;
  font-family: 'Gantari', sans-serif;
  overflow-x: hidden; }

body {
  opacity: 0; }

body:not(.home) header + .block {
  padding-top: 200px !important; }
  @media screen and (max-width: 768px) {
    body:not(.home) header + .block {
      padding-top: 150px !important; } }

p {
  line-height: 28px;
  font-size: 18px; }

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #00FFEC; }

/* wrapper om elke letter inline-block te maken */
.char {
  display: inline-block;
  white-space: pre;
  /* behoud spaties */ }

::selection {
  color: white;
  background: #00FFEC; }

.video-background {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100vw;
  height: 100dvh;
  overflow: hidden; }
  .video-background:after {
    content: '';
    width: 100vw;
    height: 100dvh;
    opacity: 0.85;
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #00114C;
    /* IE fallback */
    background-image: -webkit-radial-gradient(circle, #00114c 0%, #360099 100%);
    background-image: -moz-radial-gradient(circle, #00114c 0%, #360099 100%);
    background-image: -o-radial-gradient(circle, #00114c 0%, #360099 100%);
    background-image: radial-gradient(circle, #00114c 0%, #360099 100%); }

h1, h2, h3, h4, h5, h6 {
  word-break: break-word; }

.video-background__video {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover; }

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 10; }

a {
  -webkit-tap-highlight-color: transparent !important; }

.split-line {
  overflow: hidden;
  will-change: transform;
  display: block; }

[data-split-words] .single-word {
  overflow: hidden;
  padding: 0.11em;
  margin: -0.11em -0.11em -0.22em -0.11em;
  will-change: transform; }
  @media screen and (max-width: 1024px) {
    [data-split-words] .single-word {
      margin: -0.22em -0.11em -0.22em -0.11em; } }

[data-split-words] {
  padding-bottom: 0.11em;
  will-change: transform; }

[data-split-words] .single-word-inner {
  position: relative;
  will-change: transform; }

.container {
  max-width: 1500px;
  display: flex;
  align-self: center;
  margin: 0 90px;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .container {
      margin: 0 20px; } }

.block {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 150px;
  z-index: 1; }
  @media only screen and (max-width: 1024px) {
    .block {
      margin-bottom: 100px; } }
  @media only screen and (max-width: 768px) {
    .block {
      margin-bottom: 50px; } }
  .block.no-mb {
    margin-bottom: 0; }
  .block.no-mt {
    margin-top: 0; }

.underline-link {
  color: #00FFEC;
  font-size: 1em;
  line-height: 1.25;
  text-decoration: none;
  position: relative; }

@media screen and (max-width: 1024px) {
  .hide-on-mobile {
    display: none; } }

.underline-link::before,
.underline-link.is--alt::before,
.underline-link.is--alt::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00FFEC;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg); }

.underline-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg); }

/* Alt */
.underline-link.is--alt::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s; }

.underline-link.is--alt:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s; }

.underline-link.is--alt::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s; }

.underline-link.is--alt:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s; }

h1 {
  font-size: 70px;
  font-weight: 500; }
  h1 strong {
    color: #00FFEC;
    font-weight: 600; }
  @media only screen and (max-width: 768px) {
    h1 {
      font-size: 50px; } }

h2 {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  color: #A79AE7; }
  @media only screen and (max-width: 768px) {
    h2 {
      font-size: 24px;
      line-height: 30px; } }

h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    h3 {
      font-size: 20px;
      line-height: 26px; } }

.hamburger {
  z-index: 10;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  -webkit-tap-highlight-color: transparent; }
  @media only screen and (max-width: 1024px) {
    .hamburger {
      display: inline-block; } }

.hamburger:hover {
  opacity: 1; }

.hamburger.is-active:hover {
  opacity: 1; }

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #1F0778; }

.hamburger.is-active .hamburger-box {
  position: relative; }
  .hamburger.is-active .hamburger-box:before {
    position: relative;
    z-index: -1;
    background-color: rgba(31, 7, 120, 0.9);
    background-image: -webkit-radial-gradient(circle, rgba(0, 17, 76, 0.4) 0%, rgba(54, 0, 153, 0.4) 100%);
    background-image: -moz-radial-gradient(circle, rgba(0, 17, 76, 0.4) 0%, rgba(54, 0, 153, 0.4) 100%);
    background-image: -o-radial-gradient(circle, rgba(0, 17, 76, 0.4) 0%, rgba(54, 0, 153, 0.4) 100%);
    background-image: radial-gradient(circle, rgba(0, 17, 76, 0.4) 0%, rgba(54, 0, 153, 0.4) 100%);
    transform: scale(60); }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.mobile-menu {
  width: 100vw;
  height: calc(100vh - 100px);
  background: transparent;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  display: flex;
  visibility: hidden;
  align-items: center;
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s;
  flex-direction: column;
  justify-content: center;
  gap: 20px; }
  .mobile-menu .links-wrapper {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    width: 100vw;
    height: calc(100vh - 100px);
    box-sizing: border-box;
    padding: 120px 20px; }
    .mobile-menu .links-wrapper .socials {
      position: absolute;
      top: calc(100% - 200px);
      justify-content: center;
      align-items: center;
      display: flex;
      flex-direction: row;
      gap: 30px;
      width: 100%;
      z-index: 10;
      left: 0; }
  .mobile-menu a {
    margin-left: -10px;
    font-size: 28px;
    color: white;
    text-decoration: none;
    border-bottom: 4px solid transparent;
    border-radius: 2px;
    opacity: 0;
    transform: translateY(30px); }
    .mobile-menu a.active {
      border-radius: 0;
      color: white;
      border-bottom: 2px solid #00FFEC; }

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0); } }
  .mobile-menu.is-active {
    visibility: visible;
    opacity: 1; }

.hamburger-box {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  position: relative;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.5s ease-in-out; }
  .hamburger-box:before {
    transition: all 0.5s ease-in-out;
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 100px;
    position: relative;
    background: white; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: #1F0778;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -6px; }

.hamburger-inner::after {
  bottom: -6px; }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* 3. Wanneer .is-active, activeer de animatie met staggered delays */
.mobile-menu.is-active .links-wrapper a {
  animation-name: fadeInUp;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out; }

/* 4. Stel per link een stukje vertraging in */
.mobile-menu.is-active .links-wrapper a:nth-child(1) {
  animation-delay: 0.2s; }

.mobile-menu.is-active .links-wrapper a:nth-child(2) {
  animation-delay: 0.4s; }

.mobile-menu.is-active .links-wrapper a:nth-child(3) {
  animation-delay: 0.6s; }

.mobile-menu.is-active .links-wrapper a:nth-child(4) {
  animation-delay: 0.8s; }

.mobile-menu.is-active .links-wrapper a:nth-child(5) {
  animation-delay: 1s; }

.mobile-menu.is-active .links-wrapper a:nth-child(6) {
  animation-delay: 1.2s; }

.mobile-menu.is-active .links-wrapper a:nth-child(7) {
  animation-delay: 1.4s; }

.mobile-menu.is-active .links-wrapper a:nth-child(8) {
  animation-delay: 1.6s; }

/* Optioneel: als je wilt dat bij het weghalen van .is-active alles terug gaat */
.mobile-menu .links-wrapper a {
  transition: opacity 0.2s, transform 0.2s; }

.button {
  margin-top: 30px;
  padding: 10px 20px;
  display: flex;
  letter-spacing: 1px;
  width: fit-content;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  color: #DCD6F5;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none;
  transition: all 400ms; }
  .button:hover {
    background: rgba(255, 255, 255, 0.2); }

.block-content p + ul {
  margin-top: 0 !important; }

.block-content ul, .block-featured-half ul {
  padding: 0;
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .block-content ul li, .block-featured-half ul li {
    position: relative;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    list-style-type: none;
    font-size: 18px;
    line-height: 28px; }
    .block-content ul li:before, .block-featured-half ul li:before {
      left: 0;
      top: 5px;
      position: absolute;
      content: url("data:image/svg+xml,%0A%3Csvg width='12.2792086px' height='16px' viewBox='0 0 12.2792086 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Webdesign_01' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.81570605,3.44437815 C10.6469028,5.09598866 10.126893,6.95380562 5.51004038,7.5686438 C2.42470452,7.97953184 0.627846218,9.51355272 0.452125894,11.9251009 C-0.141182843,10.4727667 -0.0840054119,8.92855516 0.242587448,7.97330833 C0.899531206,6.05183056 2.42266346,5.38369583 5.09255651,5.14711566 C6.74897619,5.00034248 9.13913203,4.50521389 9.41003295,2.94302606 C9.41003295,2.94302606 9.71914152,3.25246593 9.81570605,3.44437815 Z M8.17602555,1.62158393 C8.55915987,2.01235094 8.73262507,2.15194601 8.73262507,2.6981768 C8.73262507,3.40321868 7.78340776,4.19753446 5.03068999,4.45418607 C3.37877557,4.60821175 2.17249672,4.87940554 1.17613838,5.55274719 C2.52403195,3.12402855 4.79594321,1.30718509 6.32144881,0 C6.98618718,0.552801432 7.75371283,1.19089719 8.17602555,1.62158393 Z M11.8952225,12.1819633 C11.6392188,13.5167575 9.54195511,16 6.3882313,16 C5.24201436,16 4.13277297,15.0714002 4.13277297,13.7944351 C4.13277297,12.2836718 5.14881011,11.488699 6.36633969,11.3253752 C10.536138,10.7660155 11.6854289,9.28312167 12.0053402,8.11328772 C12.2273179,8.63959584 12.3517977,9.41886114 12.2337647,10.1035464 C11.9504183,11.7472722 10.6640154,13.0021029 6.94338715,13.3438505 C6.82124714,13.1543434 6.60780703,13.028683 6.36514492,13.028683 C5.98616739,13.028683 5.6784776,13.3351847 5.6784776,13.7126988 C5.6784776,14.0902254 5.98616739,14.3967271 6.36514492,14.3967271 C6.65234943,14.3967271 6.89860829,14.220696 7.00104709,13.9711357 C9.45450067,13.7131699 10.9937959,13.1193826 11.8952225,12.1819633 Z M10.7625836,4.84501507 C10.9702864,5.14396671 11.2277337,5.596163 11.3424189,5.94565896 C12.1522343,8.41359068 10.4342094,10.1267792 6.27655794,10.635483 C4.71458706,10.8266018 3.81942049,11.7925848 3.5317555,12.8794799 C3.29005169,13.7926623 3.48101525,14.8083676 4.08608995,15.5699864 C3.31622455,15.3547261 1.15122003,14.071716 1.15122003,12.1772647 C1.15122003,9.97322465 3.07351266,8.60063072 5.62522336,8.2547796 C9.49295723,7.73055424 10.6849611,6.51015117 10.7625836,4.84501507 Z' id='Fill-28' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

@keyframes rotatingBg {
  0% {
    transform: rotate(0); }
  to {
    transform: rotate(1turn); } }

.static-bg {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: rotatingBg;
  animation-timing-function: linear;
  height: 250%;
  left: -50%;
  position: fixed;
  top: -100%;
  transform: translateX(50%);
  width: 200%;
  opacity: 0.8;
  z-index: 1; }
  @media only screen and (max-width: 768px) {
    .static-bg {
      animation-duration: 20s;
      width: 320%;
      height: 310%; } }
  .static-bg img {
    image-rendering: crisp-edges;
    height: 100%;
    width: 100%; }

.block-articles {
  display: flex;
  justify-content: center;
  color: white;
  position: relative;
  z-index: 3; }
  .block-articles .container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1045px; }
    .block-articles .container .article-content {
      color: white !important;
      display: flex;
      flex-direction: column;
      text-align: center;
      justify-content: center;
      align-items: center;
      margin-bottom: 60px; }
      @media only screen and (max-width: 600px) {
        .block-articles .container .article-content {
          margin-bottom: 30px; } }
      .block-articles .container .article-content h2 {
        color: #A79AE7; }
      .block-articles .container .article-content p {
        max-width: 700px; }
    .block-articles .container .article-grid {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 95px; }
      @media only screen and (max-width: 1024px) {
        .block-articles .container .article-grid {
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 50px; } }
      @media only screen and (max-width: 600px) {
        .block-articles .container .article-grid {
          grid-template-columns: repeat(1, 1fr);
          grid-gap: 30px; } }
      .block-articles .container .article-grid .article {
        text-decoration: none;
        top: 0;
        position: relative;
        transition: all 300ms; }
        .block-articles .container .article-grid .article:hover {
          top: -15px; }
          .block-articles .container .article-grid .article:hover .description {
            text-decoration: underline;
            text-decoration-color: white !important; }
        .block-articles .container .article-grid .article .article-visual {
          border-radius: 10px;
          overflow: hidden;
          width: 100%;
          max-width: 100%; }
          .block-articles .container .article-grid .article .article-visual img {
            width: 100%; }
        .block-articles .container .article-grid .article .date {
          display: flex;
          margin-top: 25px;
          font-size: 14px;
          color: #A79AE7;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden; }
        .block-articles .container .article-grid .article .description {
          display: -webkit-box;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
          overflow: hidden;
          color: white;
          text-decoration: none; }
          .block-articles .container .article-grid .article .description:hover:after {
            content: url("data:image/svg+xml,%0A%3Csvg width='21px' height='10px' viewBox='0 0 21 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Press-Release/Active' transform='translate(-142, -371)' fill='%2300FFEC' fill-rule='nonzero'%3E%3Cg id='Arrow-Right/Inactive' transform='translate(142, 371)'%3E%3Cpolygon id='Arrow/Right' points='16.0442478 10 15.0353982 9 18.2920354 5.71428571 1 5.71428571 1 4.28571429 18.2920354 4.28571429 15.0530973 1 16.0442478 0 21 5'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
          .block-articles .container .article-grid .article .description:after {
            margin-left: 10px;
            content: url("data:image/svg+xml,%0A%3Csvg width='21px' height='10px' viewBox='0 0 21 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Press-Release/Inactive' transform='translate(-142, -371)' fill='%23B9AEEB' fill-rule='nonzero'%3E%3Cg id='Arrow-Right/Inactive' transform='translate(142, 371)'%3E%3Cpolygon id='Arrow/Right' points='16.0442478 10 15.0353982 9 18.2920354 5.71428571 1 5.71428571 1 4.28571429 18.2920354 4.28571429 15.0530973 1 16.0442478 0 21 5'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.block-content {
  display: flex;
  justify-content: center; }
  .block-content .container {
    color: white;
    z-index: 10;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 720px; }
    @media only screen and (max-width: 900px) {
      .block-content .container {
        flex-direction: column; } }
    .block-content .container .column {
      width: 100%; }
    .block-content .container .flex-wrapper {
      margin-top: 20px;
      display: flex;
      flex-direction: row;
      gap: 30px; }
      @media only screen and (max-width: 900px) {
        .block-content .container .flex-wrapper {
          flex-direction: column; } }
      .block-content .container .flex-wrapper p {
        margin: 0;
        padding: 0;
        max-width: 50%; }
        @media only screen and (max-width: 900px) {
          .block-content .container .flex-wrapper p {
            max-width: 100%; } }
      .block-content .container .flex-wrapper .content-visual {
        aspect-ratio: 16 / 9;
        width: 350px;
        max-width: 350px;
        border-radius: 10px;
        overflow: hidden; }
        @media only screen and (max-width: 900px) {
          .block-content .container .flex-wrapper .content-visual {
            max-width: 100%;
            width: 100% !important; } }
        .block-content .container .flex-wrapper .content-visual img {
          aspect-ratio: 4 / 3;
          max-width: 100%; }
  .block-content .underline-link::before,
  .block-content .underline-link.is--alt::before,
  .block-content .underline-link.is--alt::after {
    bottom: -5px; }
  .block-content .button {
    margin-top: 10px !important; }

@keyframes rotateInfinite {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

.block-featured-half {
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 900px) {
    .block-featured-half.is-reversed .container {
      flex-direction: column; } }
  .block-featured-half .container {
    color: white;
    z-index: 10;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 100px;
    align-items: center;
    max-width: 920px; }
    @media only screen and (max-width: 900px) {
      .block-featured-half .container {
        flex-direction: column-reverse;
        gap: 30px; } }
    .block-featured-half .container .column {
      width: 100%; }
      .block-featured-half .container .column.column-visual {
        position: relative;
        box-sizing: border-box;
        padding: 20px; }
        @media only screen and (max-width: 900px) {
          .block-featured-half .container .column.column-visual {
            max-width: 455px;
            padding: 30px; } }
        .block-featured-half .container .column.column-visual svg {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 100%;
          max-width: 100%;
          max-height: 100%;
          transform: translate(-50%, -50%) rotate(0deg);
          transform-origin: center;
          animation: rotateInfinite 2s linear infinite; }
      .block-featured-half .container .column .visual-inner {
        width: 100%;
        max-width: 445px;
        aspect-ratio: 1;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 1000px; }

.block-coming-soon .container {
  z-index: 5;
  position: relative;
  color: white;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; }
  @media only screen and (max-width: 768px) {
    .block-coming-soon .container svg {
      max-width: 150px; } }
  .block-coming-soon .container h1 {
    font-size: 70px;
    font-weight: 600; }
    @media only screen and (max-width: 768px) {
      .block-coming-soon .container h1 {
        font-size: 50px; } }
  .block-coming-soon .container .inner-container {
    padding: 100px 50px;
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .block-coming-soon .container .inner-container {
        padding: 0; } }
  .block-coming-soon .container .details {
    display: flex;
    flex-direction: column;
    color: white;
    font-size: 18px;
    line-height: 28px; }
    .block-coming-soon .container .details a {
      width: fit-content;
      color: #00FFEC;
      text-decoration: none; }

footer {
  position: relative;
  position: relative;
  z-index: 10;
  color: white;
  opacity: 1 !important;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  footer:before {
    content: '';
    width: 100vw;
    height: 500px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #27004C;
    background: -webkit-linear-gradient(0deg, #27004c 0%, rgba(0, 17, 76, 0) 100%);
    background: -moz-linear-gradient(0deg, #27004c 0%, rgba(0, 17, 76, 0) 100%);
    background: linear-gradient(0deg, #27004c 0%, rgba(0, 17, 76, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#27004C", endColorstr="#00114C", GradientType=0 ); }
    @media only screen and (max-width: 1024px) {
      footer:before {
        height: 300px; } }
  footer .container {
    width: -webkit-fill-available;
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 100px; }
    @media only screen and (max-width: 1024px) {
      footer .container {
        flex-wrap: wrap;
        width: auto !important;
        flex-direction: column;
        align-items: center; } }
    footer .container .left-side-columns {
      display: flex;
      flex-direction: row;
      gap: 100px; }
      @media only screen and (max-width: 1024px) {
        footer .container .left-side-columns {
          flex-wrap: wrap;
          gap: 100px;
          justify-content: center;
          align-items: flex-start;
          text-align: center; } }
      @media only screen and (max-width: 768px) {
        footer .container .left-side-columns {
          gap: 20px;
          flex-direction: column;
          align-items: center; } }
      footer .container .left-side-columns p {
        font-size: 14px;
        opacity: 0.6;
        line-height: 24px; }
        @media only screen and (max-width: 768px) {
          footer .container .left-side-columns p {
            font-size: 16px;
            line-height: 26px; } }
      footer .container .left-side-columns a {
        opacity: 1 !important;
        color: white !important; }
    footer .container h3, footer .container h4, footer .container h5 {
      font-size: 20px;
      font-weight: 600; }
    footer .container .socials {
      margin-top: 30px;
      margin-right: 100px;
      display: flex;
      flex-direction: row;
      gap: 30px; }
      @media only screen and (max-width: 1024px) {
        footer .container .socials {
          justify-content: center;
          align-items: center;
          width: 100%;
          margin-right: 0 !important; } }
      footer .container .socials a {
        transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1); }
        footer .container .socials a:hover {
          transform: scale(1.05); }

.bottom-bar {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
  color: white;
  opacity: 1 !important;
  margin-bottom: 0px; }
  .bottom-bar .container {
    width: 100%;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between; }
    @media only screen and (max-width: 1024px) {
      .bottom-bar .container {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center; } }
    .bottom-bar .container .copy, .bottom-bar .container .author {
      display: flex;
      flex-direction: row;
      gap: 30px;
      opacity: 0.8; }
      @media only screen and (max-width: 1024px) {
        .bottom-bar .container .copy, .bottom-bar .container .author {
          flex-wrap: wrap;
          flex-direction: column;
          justify-content: center;
          text-align: center;
          align-items: center;
          gap: 10px; } }
      .bottom-bar .container .copy a, .bottom-bar .container .author a {
        transition: all 300ms;
        text-decoration: none;
        color: white; }
        .bottom-bar .container .copy a:hover, .bottom-bar .container .author a:hover {
          opacity: 1; }
    .bottom-bar .container .author a {
      opacity: 0.3; }

header {
  position: fixed;
  width: 100vw;
  z-index: 100;
  color: white;
  display: flex;
  justify-content: center; }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 50px; }
    @media only screen and (max-width: 1024px) {
      header .container {
        padding-top: 30px; } }
    header .container .logo, header .container img {
      height: 50px;
      max-height: 50px;
      z-index: 11;
      position: relative; }
    header .container .navigation {
      display: flex;
      flex-direction: row;
      gap: 30px;
      font-weight: 600; }
      @media only screen and (max-width: 1024px) {
        header .container .navigation {
          display: none; } }
      header .container .navigation a {
        text-decoration: none;
        color: white;
        font-weight: 400;
        font-size: 20px; }
        header .container .navigation a.active {
          color: #00FFEC; }
  header:before {
    pointer-events: none;
    z-index: 0;
    content: '';
    width: 100vw;
    height: 200px;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: #27004C;
    background: -webkit-linear-gradient(180deg, #27004c 0%, rgba(0, 17, 76, 0) 100%);
    background: -moz-linear-gradient(180deg, #27004c 0%, rgba(0, 17, 76, 0) 100%);
    background: linear-gradient(180deg, #27004c 0%, rgba(0, 17, 76, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#27004C", endColorstr="#00114C", GradientType=0 ); }
    @media only screen and (max-width: 1024px) {
      header:before {
        height: 200px; } }
    @media only screen and (max-width: 768px) {
      header:before {
        height: 150px; } }

.block-hero {
  height: auto;
  padding-top: 100px;
  width: 100vw;
  position: relative;
  overflow: hidden;
  /* beginwaarden */
  --gx: 50%;
  --gy: 50%;
  --c1: #00114C;
  /* lichtblauw */
  --c2: #360099; }
  @media only screen and (max-width: 768px) {
    .block-hero {
      padding-top: 0; } }
  .block-hero.in-view:after {
    opacity: 0.75; }
  .block-hero .container {
    z-index: 20;
    position: relative;
    color: white;
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
    @media only screen and (max-width: 768px) {
      .block-hero .container svg {
        max-width: 150px; } }
    .block-hero .container h1 {
      font-size: 70px;
      font-weight: 600; }
      @media only screen and (max-width: 768px) {
        .block-hero .container h1 {
          font-size: 50px; } }
    .block-hero .container .inner-container {
      box-sizing: border-box; }

.custom-video {
  position: relative;
  height: 100dvh;
  width: 100vw;
  z-index: 0 !important; }

.block-news-archive {
  display: flex;
  justify-content: center;
  align-items: center; }
  .block-news-archive .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: -webkit-fill-available;
    max-width: 1100px; }
  .block-news-archive .news-articles {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .block-news-archive .upper-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .block-news-archive .upper-content p {
      color: white;
      max-width: 730px; }
  .block-news-archive .department-tabs {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 50px; }
    @media only screen and (max-width: 600px) {
      .block-news-archive .department-tabs {
        flex-wrap: wrap; } }
    .block-news-archive .department-tabs button {
      font-family: 'Gantari', sans-serif;
      background: none;
      border: none;
      outline: none;
      -webkit-appearance: none;
      color: white;
      opacity: 0.5;
      font-size: 22px;
      cursor: pointer;
      font-weight: 400 !important;
      transition: all 300ms; }
      .block-news-archive .department-tabs button:hover, .block-news-archive .department-tabs button.active {
        color: #00FFEC;
        opacity: 1; }
  .block-news-archive .articles-group {
    margin-top: 80px;
    max-width: 1100px;
    min-width: -webkit-fill-available; }
    @media only screen and (max-width: 768px) {
      .block-news-archive .articles-group {
        margin-top: 50px; } }
    .block-news-archive .articles-group .month-label {
      color: white;
      font-size: 20px;
      font-weight: 400;
      display: flex;
      margin-bottom: 20px; }
      @media only screen and (max-width: 768px) {
        .block-news-archive .articles-group .month-label {
          font-size: 24px;
          margin-bottom: 30px; } }
    .block-news-archive .articles-group .news-article {
      display: flex;
      flex-direction: row;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      gap: 50px;
      min-width: 100%;
      margin-top: 40px; }
      @media only screen and (max-width: 768px) {
        .block-news-archive .articles-group .news-article {
          flex-direction: column;
          gap: 10px; } }
      .block-news-archive .articles-group .news-article:hover .right-side {
        border-bottom: 1px solid white; }
      .block-news-archive .articles-group .news-article .left-side {
        display: flex;
        min-width: fit-content; }
      .block-news-archive .articles-group .news-article .right-side {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 40px;
        border-bottom: 1px solid #8472DD;
        transition: all 300ms;
        flex: 1; }
        .block-news-archive .articles-group .news-article .right-side .tags, .block-news-archive .articles-group .news-article .right-side .post-categories {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          gap: 15px;
          align-items: center; }
          .block-news-archive .articles-group .news-article .right-side .tags .tag, .block-news-archive .articles-group .news-article .right-side .post-categories .tag {
            padding: 5px 10px;
            border-radius: 100px;
            background: rgba(167, 154, 231, 0.2);
            color: #A79AE7;
            font-size: 16px;
            font-weight: 400;
            transition: all 300ms; }
            .block-news-archive .articles-group .news-article .right-side .tags .tag:hover, .block-news-archive .articles-group .news-article .right-side .post-categories .tag:hover {
              background: rgba(167, 154, 231, 0.4); }
      .block-news-archive .articles-group .news-article .date {
        color: #A79AE7;
        font-size: 18px;
        min-width: fit-content;
        display: flex;
        flex: 0; }
      .block-news-archive .articles-group .news-article h4 {
        margin: 0;
        font-size: 22px;
        line-height: 28px;
        color: white; }

.block-single-news h3, .block-single-news h4, .block-single-news h5, .block-single-news h6 {
  color: #A79AE7 !important; }

.block-single-news h2, .block-single-news h3, .block-single-news h4, .block-single-news h5, .block-single-news h6 {
  margin-top: 30px; }

.single-header {
  min-height: 350px;
  z-index: 1;
  position: relative;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 150px 0 100px 0;
  box-sizing: border-box; }
  .single-header h1 {
    font-size: 36px;
    line-height: 44px; }
  .single-header .container {
    max-width: 720px !important;
    width: 100%;
    color: white;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 768px) {
      .single-header .container {
        max-width: calc(100% - 80px) !important; }
        .single-header .container h1 {
          font-size: 22px;
          line-height: 28px; } }

.post-meta {
  display: flex;
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center; }

.post-date {
  font-size: 14px;
  line-height: 20px;
  color: #A79AE7; }

.tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center; }
  .tags .tag {
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 100px;
    background: rgba(167, 154, 231, 0.2);
    color: #A79AE7;
    font-size: 14px;
    font-weight: 400;
    transition: all 300ms; }
    .tags .tag:hover {
      background: rgba(167, 154, 231, 0.4); }

.block-pipeline {
  display: flex;
  justify-content: center;
  z-index: 90;
  position: relative; }
  .block-pipeline .container {
    color: white;
    z-index: 10;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1110px; }
    @media only screen and (max-width: 900px) {
      .block-pipeline .container {
        flex-direction: column; } }
    .block-pipeline .container .pipeline-content {
      text-align: center;
      max-width: 730px;
      margin-bottom: 100px; }
      @media only screen and (max-width: 900px) {
        .block-pipeline .container .pipeline-content {
          margin-bottom: 50px; } }
  .block-pipeline .underline-link::before,
  .block-pipeline .underline-link.is--alt::before,
  .block-pipeline .underline-link.is--alt::after {
    bottom: -5px; }

:root {
  --white: #FFFFFF;
  --darkblue: #00114C;
  --purple: #8200FF;
  --brightblue: #00FFEC;
  --grid-columns: 4; }

/* PIPEDRIVE SPECIFIEKE STIJLING ------------------------  */
.pipeline-table {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  /* background-color: red; */
  width: 100%;
  line-height: 28px;
  overflow: hidden; }

.pipeline-table strong {
  font-weight: 500; }

.pipeline-table ul {
  list-style: none;
  margin: 0;
  padding: 0; }

/* HEADER */
.pipeline-table > ul {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  width: 100%;
  grid-column: span 5;
  padding-bottom: 25px; }

.pipeline-table > ul li {
  position: relative;
  text-align: center;
  padding: 0 10px;
  line-height: 22px; }

.pipeline-table > ul li:nth-of-type(1) {
  grid-column: span 1; }

.pipeline-table > ul li strong {
  font-size: 19px; }

.pipeline-table > ul li:nth-of-type(2):after,
.pipeline-table > ul li:nth-of-type(3):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 10000px;
  background-color: var(--purple);
  z-index: -1; }

/* ITEMS */
.pipeline-table .pipeline-table-group {
  grid-column: span 5;
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr); }

.pipeline-table .pipeline-table-group:not(:last-of-type) {
  margin-bottom: 30px; }

.pipeline-table .pipeline-table-group > span {
  display: grid;
  place-items: center left; }

.pipeline-table .pipeline-table-items {
  grid-column: span 4;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px; }

.pipeline-table .pipeline-table-item {
  width: 100%;
  grid-column: span 4;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  min-height: 56px;
  height: fit-content; }

.pipeline-table .pipeline-table-item-left {
  display: grid;
  place-items: center left;
  text-align: left;
  padding-right: 25px; }

.pipeline-table .pipeline-table-item-left ul li:not(.active) {
  opacity: 0.6; }

.pipeline-table .pipeline-table-item-right {
  display: grid;
  grid-column: span 3;
  place-items: center; }

.pipeline-table .pipeline-table-item-right .pipeline-progress-bar {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center left;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  width: 100%;
  overflow: hidden; }

.pipeline-table .pipeline-table-item-right .pipeline-progress-bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: var(--purple);
  background: linear-gradient(90deg, var(--purple) 0%, var(--brightblue) 100%);
  transition: 1.5s ease-in-out; }

.pipeline-table.active .pipeline-table-item-right .pipeline-progress-bar::before {
  width: calc(var(--progress) * 1%); }

.pipeline-table .pipeline-table-item-right .pipeline-progress-bar span {
  padding-left: 20px;
  text-align: left;
  font-size: 18px;
  color: var(--white);
  z-index: 1; }

@media (max-width: 1200px) {
  .pipeline-table > ul,
  .pipeline-table .pipeline-table-group {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
  .pipeline-table .pipeline-table-group > span {
    transform: rotate(-90deg) translateX(-10px) translateY(-12px);
    line-height: 20px;
    text-align: center; }
  .pipeline-table .pipeline-table-item-right .pipeline-progress-bar span {
    white-space: nowrap; } }

@media (max-width: 1000px) {
  body {
    /* background-color: red; */ }
  .pipeline-table > ul,
  .pipeline-table .pipeline-table-group {
    grid-template-columns: 175px 1fr 1fr 1fr; }
  .pipeline-table .pipeline-table-items,
  .pipeline-table .pipeline-table-item {
    grid-column: span 4;
    grid-template-columns: 175px 1fr 1fr 1fr; }
  .pipeline-table > ul li strong {
    font-size: 16px; }
  .pipeline-table > ul li {
    line-height: 20px; }
  .pipeline-table * {
    font-size: 16px; }
  .pipeline-table .pipeline-table-item-right .pipeline-progress-bar span {
    font-size: 16px; } }

@media (max-width: 768px) {
  .container {
    margin: 0px 20px; } }

@media (max-width: 700px) {
  .pipeline-table > ul,
  .pipeline-table .pipeline-table-group {
    grid-template-columns: 150px 1fr 1fr 1fr; }
  .pipeline-table .pipeline-table-items,
  .pipeline-table .pipeline-table-item {
    grid-column: span 4;
    grid-template-columns: 150px 1fr 1fr 1fr; } }

@media (max-width: 600px) {
  .pipeline-table {
    display: flex;
    flex-direction: column;
    grid-template-columns: unset; }
  .pipeline-table .pipeline-table-group {
    grid-column: unset;
    display: flex;
    flex-direction: column;
    grid-template-columns: unset; }
  .pipeline-table .pipeline-table-group > span {
    transform: none;
    font-size: 18px;
    margin-bottom: 5px; }
  .pipeline-table > ul {
    grid-template-columns: repeat(3, 1fr); }
  .pipeline-table > ul li:first-of-type {
    display: none; }
  .pipeline-table > ul li strong {
    font-size: 14px; }
  .pipeline-table .pipeline-table-items,
  .pipeline-table .pipeline-table-item {
    display: flex;
    flex-direction: column; }
  .pipeline-table > ul li:nth-of-type(2):after,
  .pipeline-table > ul li:nth-of-type(3):after {
    opacity: 0.35; }
  .pipeline-table .pipeline-table-item-left {
    padding-right: 0; }
  .pipeline-table .pipeline-table-item-left ul {
    margin-bottom: 5px; } }

.block-properties .container {
  color: white;
  z-index: 10;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%; }
  .block-properties .container .team-content {
    max-width: 730px;
    text-align: center; }

.block-properties .properties {
  margin-top: 50px;
  max-width: 920px; }
  .block-properties .properties .property-content-upper {
    text-align: center;
    width: 100%; }
  .block-properties .properties .property-grid {
    margin-top: 80px;
    display: grid;
    /* 3 kolommen, zoals je al hebt */
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px 80px;
    /* Verticaal je items laten stretchen tot die 1fr */
    align-items: stretch; }
    @media only screen and (max-width: 1024px) {
      .block-properties .properties .property-grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (max-width: 600px) {
      .block-properties .properties .property-grid {
        grid-template-columns: repeat(1, 1fr); } }
    .block-properties .properties .property-grid .property {
      position: relative;
      display: flex;
      align-items: center;
      flex-direction: column;
      text-decoration: none;
      height: 100%;
      margin-bottom: -30px;
      /* de fill binnenin de divider */
      /* Gebruik dit: */ }
      .block-properties .properties .property-grid .property:first-of-type .top-divider {
        top: 0;
        bottom: auto;
        position: absolute; }
      .block-properties .properties .property-grid .property .property-icon {
        margin-top: 50px;
        display: flex;
        position: relative;
        width: 100px;
        min-height: 100px;
        justify-content: center;
        align-items: center;
        --before-opacity: 0.6;
        /* default */ }
        .block-properties .properties .property-grid .property .property-icon:before {
          background: #8200FF;
          filter: blur(30px);
          border-radius: 100%;
          opacity: var(--before-opacity);
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          content: ''; }
      .block-properties .properties .property-grid .property .property-title {
        margin-top: 10px;
        font-weight: 600;
        font-size: 20px;
        color: white;
        text-align: center;
        text-decoration: none;
        transition: all 300ms;
        min-height: 44px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .block-properties .properties .property-grid .property .property-description {
        opacity: 0.6;
        margin-bottom: 80px; }
      .block-properties .properties .property-grid .property:hover {
        z-index: 10; }
        .block-properties .properties .property-grid .property:hover .team-function {
          opacity: 1; }
        .block-properties .properties .property-grid .property:hover .team-name {
          color: #00FFEC;
          text-decoration: underline; }
        .block-properties .properties .property-grid .property:hover .transparent-image {
          background-position: center 0px !important; }
          .block-properties .properties .property-grid .property:hover .transparent-image:before {
            transform: scale(1) !important; }
      .block-properties .properties .property-grid .property .gradient-fill {
        will-change: transform;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        /* start op 0 */
        height: 100%;
        background: linear-gradient(90deg, #8200FF 0%, #00FFEC 100%);
        pointer-events: none; }
      .block-properties .properties .property-grid .property .gradient-circle {
        width: 160px;
        height: 160px;
        position: relative;
        margin-top: 30px; }
        .block-properties .properties .property-grid .property .gradient-circle:before {
          width: calc(100% - 40px);
          height: calc(100% - 40px);
          background: #614AD3;
          content: '';
          top: 20px;
          left: 20px;
          position: absolute;
          border-radius: 100%;
          z-index: -1; }
        .block-properties .properties .property-grid .property .gradient-circle .transparent-image {
          width: calc(100% - 40px);
          height: calc(100% - 40px);
          border-radius: 200px;
          position: absolute;
          top: 20px;
          left: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: white;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center 5px;
          transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1); }
          .block-properties .properties .property-grid .property .gradient-circle .transparent-image:before {
            width: 100%;
            height: 100%;
            background: #00FFEC;
            background: radial-gradient(circle, #00ffec 0%, #01feec 50%, #00b7a9 100%);
            content: '';
            top: 0;
            left: 0;
            position: absolute;
            border-radius: 100%;
            z-index: -1;
            transform: scale(0);
            transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1); }
      .block-properties .properties .property-grid .property .progress-circle {
        pointer-events: none;
        opacity: 0;
        /* start onzichtbaar, maar wél tweenable */
        stroke-linecap: round;
        /* geen uiteinden meer uitsteken */ }
      .block-properties .properties .property-grid .property .base-circle,
      .block-properties .properties .property-grid .property .progress-circle {
        pointer-events: none; }
      .block-properties .properties .property-grid .property .divider {
        position: relative;
        width: 100%;
        height: 2px;
        background-color: #8200FF;
        overflow: hidden; }
        .block-properties .properties .property-grid .property .divider.absolute {
          position: absolute;
          bottom: 0; }

.block-science + .block-properties {
  margin-top: -150px !important; }
  @media only screen and (max-width: 1024px) {
    .block-science + .block-properties {
      margin-top: -100px !important; } }

.block-quote {
  position: relative;
  display: flex;
  z-index: 2;
  justify-content: center;
  align-items: center;
  padding: 200px 0;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='175px' height='228px' viewBox='0 0 175 228' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='72.0285818%25' y1='30.4088542%25' x2='32.6314778%25' y2='91.6354167%25' id='linearGradient-3q27l5pxo5-1'%3E%3Cstop stop-color='%23FFFFFF' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23FFFFFF' stop-opacity='0.2' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.300000012'%3E%3Cg id='QUOTE' transform='translate(-482, -456)' fill='url(%23linearGradient-3q27l5pxo5-1)'%3E%3Cpath d='M622.050158,668.448542 L621.683243,668.697789 C621.040923,669.12476 620.393864,669.543372 619.7423,669.95355 L620.608806,669.401365 C620.210391,669.658357 619.810231,669.912168 619.40838,670.162781 L619.7423,669.95355 C619.308992,670.22633 618.873692,670.49538 618.436468,670.760679 L619.40838,670.162781 C619.013578,670.408999 618.617144,670.65213 618.219131,670.892159 L618.436468,670.760679 C618.042131,670.999955 617.646228,671.23618 617.248812,671.469338 L618.219131,670.892159 C617.770678,671.162606 617.32022,671.429114 616.86783,671.69166 L617.248812,671.469338 C616.923337,671.660289 616.596846,671.849182 616.269367,672.03601 L615.613549,672.406657 L614.344483,673.1043 C613.813558,673.390817 613.280233,673.671982 612.744622,673.94776 L613.082322,673.772987 C612.678718,673.982881 612.273798,674.189709 611.86761,674.393456 L612.744622,673.94776 C612.261025,674.196756 611.775564,674.441361 611.288324,674.681547 L611.86761,674.393456 C611.432099,674.611912 610.995131,674.826825 610.556768,675.038177 L611.288324,674.681547 C610.898886,674.873522 610.508311,675.062674 610.116642,675.248989 L610.556768,675.038177 C610.158784,675.23006 609.75965,675.419008 609.359411,675.605006 L610.116642,675.248989 C609.607359,675.491254 609.096227,675.728723 608.58334,675.961367 L609.359411,675.605006 C608.933732,675.802826 608.506802,675.99731 608.078676,676.18844 L608.58334,675.961367 C608.167481,676.15 607.750467,676.335461 607.33235,676.517734 L608.078676,676.18844 C607.675259,676.368539 607.27078,676.545661 606.865285,676.719791 L607.33235,676.517734 C606.917148,676.698737 606.500857,676.876596 606.083528,677.051296 L606.865285,676.719791 C606.311677,676.957523 605.756175,677.189679 605.198895,677.416221 L606.083528,677.051296 C605.674071,677.222701 605.263613,677.391065 604.852203,677.556374 L605.198895,677.416221 C604.786208,677.583985 604.372545,677.748669 603.957955,677.910261 L604.852203,677.556374 C604.383361,677.744758 603.913281,677.929175 603.442032,678.109601 L603.957955,677.910261 C603.590762,678.053379 603.222842,678.19407 602.854227,678.332325 L603.442032,678.109601 C602.999064,678.2792 602.555063,678.445274 602.110085,678.607804 C601.012783,679.008599 599.909544,679.387849 598.801226,679.745284 L599.497519,679.517605 C599.065409,679.660803 598.632495,679.800681 598.198831,679.937222 L598.801226,679.745284 C598.337982,679.894681 597.87385,680.040267 597.408894,680.182023 L598.198831,679.937222 C597.760049,680.075375 597.320497,680.210112 596.880229,680.341417 L597.408894,680.182023 C596.997583,680.307423 596.585627,680.429825 596.173068,680.549216 L596.880229,680.341417 C596.392511,680.486873 595.903913,680.628117 595.414508,680.765128 L596.173068,680.549216 C595.708943,680.68353 595.244056,680.814033 594.778468,680.940706 L595.414508,680.765128 C595.029172,680.873003 594.643336,680.978254 594.257035,681.080868 L594.778468,680.940706 C594.319225,681.065652 593.8593,681.186872 593.398753,681.304346 L594.257035,681.080868 C593.765658,681.211394 593.273528,681.337655 592.780717,681.459628 L593.398753,681.304346 C592.95653,681.417146 592.513733,681.526493 592.070415,681.632371 L592.780717,681.459628 C592.313778,681.575198 591.846228,681.686918 591.378128,681.794769 L592.070415,681.632371 C591.649088,681.732996 591.227291,681.830487 590.805067,681.92483 L591.378128,681.794769 C590.832397,681.920507 590.285919,682.040987 589.738791,682.156177 L590.805067,681.92483 C590.349631,682.026594 589.893699,682.124695 589.437328,682.219115 C588.063586,682.503335 586.685866,682.754204 585.305709,682.97124 C584.411745,683.111803 583.517267,683.238121 582.622185,683.350128 L583.033209,683.297691 C582.625486,683.350717 582.217625,683.400777 581.809664,683.447858 L582.622185,683.350128 C582.164568,683.407392 581.706793,683.460916 581.248917,683.510683 L581.809664,683.447858 C581.394644,683.495754 580.979522,683.540567 580.564339,683.582285 L581.248917,683.510683 C580.708193,683.569453 580.167328,683.622983 579.626413,683.671243 L580.564339,683.582285 C580.150813,683.623836 579.737227,683.662315 579.323621,683.697711 L579.626413,683.671243 C579.190356,683.710148 578.754267,683.745628 578.318193,683.777668 L579.323621,683.697711 C578.822155,683.740626 578.320661,683.779007 577.819212,683.812832 L578.318193,683.777668 C577.917143,683.807135 577.516105,683.833693 577.115119,683.85733 L577.819212,683.812832 C577.308645,683.847272 576.798125,683.876988 576.287728,683.901957 L577.115119,683.85733 C576.628542,683.886011 576.142039,683.910392 575.655679,683.93045 L576.287728,683.901957 C575.896618,683.92109 575.505581,683.937435 575.11465,683.950981 L575.655679,683.93045 C575.061648,683.954948 574.467829,683.972999 573.874344,683.984563 L575.11465,683.950981 C574.640938,683.967396 574.167383,683.979701 573.694048,683.987877 L572.292153,684 C571.445687,684 570.59832,683.986706 569.750408,683.960228 C547.213354,679.82295 537.522162,659.270744 542.112661,641.908436 C545.318029,629.785229 555.543283,619.417107 572.932879,617.169387 C620.631255,611.003902 642.607123,595.505396 651.377629,578.467998 C652.806519,575.69219 653.89901,572.861095 654.698363,570 C656.706318,579.609956 657.501444,589.551393 656.679963,599.712246 C656.623523,600.411157 656.565343,601.100398 656.505672,601.780218 C655.193141,607.429517 653.135211,612.518001 650.180962,617.065753 C639.715777,633.174411 618.379143,642.150166 581.169323,646.009421 C579.425913,643.301794 576.379421,641.506296 572.915972,641.506296 C567.506478,641.506296 563.114884,645.885705 563.114884,651.279637 C563.114884,656.67357 567.506478,661.05283 572.915972,661.05283 C577.015173,661.05283 580.530089,658.537744 581.992047,654.972036 C617.01092,651.286331 638.981317,642.802218 651.847793,629.408377 C646.959964,645.751339 638.572269,653.945571 624.134093,666.623167 L622.050158,668.448542 Z M636.026583,525 C638.289825,528.761953 640.437991,532.63346 642.431811,536.603394 C642.789714,537.66778 643.129474,538.746758 643.447361,539.8381 C646.559878,550.525736 647.619918,562.484997 642.000338,573.377646 C634.149579,588.594859 613.862673,601.169902 571.167041,606.676568 C548.899239,609.548729 536.108171,623.167385 532.003716,638.657619 C528.555429,651.671381 531.279544,666.145782 539.911176,677 C539.889486,676.99315 539.86464,676.983395 539.839797,676.973629 L538.567234,676.462444 C538.472082,676.4234 538.376983,676.384193 538.281937,676.344823 L536.995942,675.80075 C536.508006,675.589973 536.021559,675.374867 535.53668,675.155457 L536.14883,675.42985 C535.736807,675.246979 535.325886,675.061008 534.916116,674.871954 L535.53668,675.155457 C535.020349,674.921814 534.505796,674.683291 533.993118,674.439917 L534.916116,674.871954 C534.455348,674.659371 533.996035,674.44289 533.538247,674.22253 C532.475432,673.710939 531.420835,673.178449 530.375316,672.625332 L530.756075,672.825581 C530.268231,672.570362 529.782333,672.310665 529.298467,672.046514 L530.375316,672.625332 C529.880971,672.363804 529.388655,672.097666 528.89846,671.826944 L529.298467,672.046514 C528.905061,671.831748 528.512999,671.614038 528.122328,671.3934 L528.89846,671.826944 C528.404927,671.554379 527.913545,671.277168 527.424406,670.995341 C526.476214,670.449022 525.536452,669.885356 524.605798,669.304554 L524.752279,669.395698 C524.27938,669.101785 523.808819,668.803454 523.340684,668.500732 L524.605798,669.304554 C524.087644,668.981186 523.572314,668.652505 523.059924,668.31855 L523.340684,668.500732 C522.922046,668.230018 522.505349,667.955793 522.090656,667.678077 L523.059924,668.31855 C522.59968,668.018582 522.141809,667.714358 521.686396,667.405905 C520.721646,666.752477 519.767922,666.080069 518.826032,665.388935 L519.120162,665.603765 C518.660819,665.269479 518.204256,664.930756 517.750566,664.587625 L518.826032,665.388935 C518.351807,665.040961 517.880581,664.688239 517.412459,664.330803 L517.750566,664.587625 C517.352126,664.28628 516.955902,663.981535 516.561956,663.67341 L517.412459,664.330803 C516.965849,663.989793 516.522063,663.644491 516.08119,663.294926 L516.561956,663.67341 C516.127467,663.333574 515.69575,662.989627 515.266889,662.641594 C515.142519,662.540664 515.018388,662.43939 514.8945,662.337773 C499.989088,647.012953 495.632907,631.633262 499.150227,617.887989 C504.917491,595.349904 530.736887,577.928491 561.873733,572.747274 C584.507391,568.98087 601.027862,563.448484 612.553592,556.78964 C625.054361,549.567936 631.951953,540.906938 634.73664,531.636587 C635.38882,529.465526 635.815073,527.250692 636.026583,525 Z M615.616054,497 C617.55791,499.305642 619.495038,501.688684 621.410766,504.144673 C625.61895,512.673621 627.265945,521.018592 624.940644,528.749319 C622.759913,535.999581 617.069957,542.517892 607.281053,548.166024 C596.516493,554.377213 581.045098,559.404423 559.906639,562.917783 C524.376947,568.822839 495.670625,589.699981 489.089715,615.386233 C488.288065,618.515072 487.799839,621.725513 487.65726,625 C487.154379,623.65724 486.682068,622.294713 486.241535,620.912799 L486.435902,621.514893 C486.345302,621.237659 486.255985,620.959636 486.167961,620.680828 L486.241535,620.912799 C486.14675,620.615464 486.053435,620.317232 485.961604,620.018106 L486.167961,620.680828 C486.00753,620.172683 485.851392,619.661928 485.699606,619.148581 L485.961604,620.018106 C485.811751,619.529986 485.665848,619.039485 485.523947,618.546622 L485.699606,619.148581 C485.556638,618.665057 485.417531,618.179233 485.282335,617.691126 L485.523947,618.546622 C485.367893,618.004604 485.216679,617.459727 485.070375,616.912014 L485.282335,617.691126 C485.142879,617.18764 485.007585,616.681723 484.876507,616.173395 L485.070375,616.912014 C484.932105,616.394381 484.79822,615.874215 484.668778,615.351533 L484.876507,616.173395 C484.74699,615.671121 484.62159,615.166493 484.500359,614.659525 L484.668778,615.351533 C484.551494,614.877943 484.437859,614.402289 484.327914,613.924583 L484.500359,614.659525 C484.385074,614.177424 484.27356,613.693208 484.165861,613.206892 L484.327914,613.924583 C484.200147,613.369436 484.077365,612.811519 483.959637,612.250853 L484.165861,613.206892 C484.051414,612.690101 483.941276,612.170939 483.835502,611.649421 L483.959637,612.250853 C483.863801,611.794449 483.771315,611.336224 483.682215,610.876188 L483.835502,611.649421 C483.718605,611.073069 483.607039,610.49384 483.500875,609.911759 L483.682215,610.876188 C483.588732,610.393524 483.498977,609.908868 483.412991,609.422232 L483.500875,609.911759 C483.417332,609.453705 483.337135,608.993884 483.26032,608.532308 L483.412991,609.422232 C483.315084,608.868129 483.222066,608.31146 483.133998,607.752245 L483.26032,608.532308 C483.163363,607.949701 483.071794,607.364297 482.985684,606.776119 L483.133998,607.752245 C483.054461,607.247201 482.978962,606.740081 482.907548,606.2309 L482.985684,606.776119 C482.913226,606.281188 482.844634,605.784291 482.77995,605.285444 L482.907548,606.2309 C482.829194,605.672238 482.755757,605.111095 482.687299,604.547489 L482.77995,605.285444 C482.708766,604.736461 482.642316,604.185114 482.580657,603.631423 L482.687299,604.547489 C482.621525,604.00599 482.560347,603.462217 482.503819,602.916189 L482.580657,603.631423 C482.523147,603.11499 482.469806,602.596518 482.420679,602.076019 L482.503819,602.916189 C482.447043,602.367765 482.394958,601.817066 482.347618,601.264108 L482.420679,602.076019 C482.366682,601.50392 482.317777,600.929374 482.274025,600.3524 L482.347618,601.264108 C482.29998,600.707667 482.257147,600.148939 482.219177,599.587941 L482.274025,600.3524 C482.230884,599.783485 482.192754,599.212209 482.159694,598.638591 L482.219177,599.587941 C482.184417,599.07437 482.153731,598.558897 482.127162,598.041536 C482.042846,596.399662 482,594.738768 482,593.059285 C482,592.111166 482.011835,591.167488 482.035262,590.228239 C482.092945,587.915241 482.220969,585.628603 482.415687,583.368603 L482.58744,581.548438 C482.628935,581.143948 482.672562,580.74032 482.7183,580.337554 C482.885722,578.863489 483.081239,577.402033 483.303948,575.952029 C483.568464,574.22976 483.87122,572.524344 484.210566,570.834965 C484.356379,570.109209 484.508872,569.386617 484.667978,568.666974 C492.895618,541.976101 515.805311,531.78073 553.94322,528.409309 C577.604301,526.317811 593.097344,521.275269 602.483395,515.061855 C609.657363,510.312835 613.559488,504.773259 615.130092,499.148619 C615.329155,498.43571 615.490644,497.719339 615.616054,497 Z M571.50264,456 C572.157233,456.558599 572.821446,457.123742 573.494633,457.695467 L574.487689,458.538167 C574.961477,458.939939 575.439445,459.3449 575.921376,459.753062 C576.45919,460.208556 577.002928,460.668868 577.551317,461.133199 C582.724014,465.513044 588.308872,470.249164 594.053127,475.358062 L594.555549,475.805553 L596.124096,477.210329 C596.557999,477.600656 596.992628,477.993094 597.427878,478.387651 L597.904622,478.8206 C598.943775,479.839807 600.013877,480.904133 601.096421,481.998331 C604.942814,486.788414 606.986459,492.155469 605.527637,497.371183 C604.192001,502.145958 599.998945,506.485967 592.530134,510.201355 C583.819757,514.534451 570.996208,517.790631 553.062302,519.37317 C529.455807,521.456383 511.21939,526.20234 498,535 C498.6666,533.798549 499.3526,532.606826 500.053574,531.425578 C500.778445,530.20406 501.519329,528.993745 502.275114,527.794564 L501.968663,528.282501 C502.237121,527.85317 502.507499,527.425259 502.779746,526.998767 L502.275114,527.794564 C502.680737,527.150973 503.090653,526.51059 503.504689,525.873404 L502.779746,526.998767 C503.107134,526.485893 503.437225,525.975069 503.769931,525.46629 L503.504689,525.873404 C503.872356,525.307577 504.243272,524.744272 504.617317,524.18348 L503.769931,525.46629 C504.171739,524.85184 504.577361,524.240374 504.986641,523.631881 C505.917199,522.248386 506.866671,520.880264 507.833234,519.527405 C508.534176,518.546324 509.244106,517.57327 509.962329,516.608201 C510.380541,516.046254 510.801564,515.487016 511.225261,514.930475 C511.403207,514.696918 511.581247,514.46415 511.759746,514.231854 C512.079577,513.815456 512.400869,513.400775 512.723579,512.987609 L512.602705,513.142694 C512.983348,512.654371 513.365978,512.168162 513.750498,511.684062 L512.723579,512.987609 C513.184761,512.397157 513.648839,511.809801 514.115641,511.225532 L513.750498,511.684062 C514.165273,511.161872 514.582249,510.642136 515.001304,510.124847 L514.115641,511.225532 C514.530915,510.705758 514.948346,510.188426 515.367814,509.67353 C516.817988,507.893444 518.292514,506.142464 519.78646,504.420289 L519.281772,505.004184 C519.625132,504.605689 519.969553,504.208727 520.314975,503.813293 C521.028411,502.996562 521.746119,502.186352 522.467564,501.382632 C522.906174,500.893878 523.345079,500.408845 523.78524,499.926192 C526.071801,497.418895 528.392253,494.975812 530.729949,492.595931 C531.643875,491.665619 532.55943,490.745863 533.476623,489.835687 C535.364625,487.962126 537.259567,486.129152 539.152798,484.33624 C539.876576,483.650815 540.600103,482.971244 541.322898,482.297499 L542.641916,481.073536 L543.709024,480.091388 C544.405694,479.452388 545.10118,478.818803 545.795047,478.190606 C546.533495,477.522002 547.26874,476.860776 548.001633,476.205599 C548.359469,475.885754 548.717819,475.566347 549.075543,475.248387 C550.332386,474.131221 551.580088,473.033198 552.81743,471.952833 L553.122512,471.686664 C554.050564,470.877399 554.972649,470.078088 555.887639,469.288662 C558.607167,466.942311 561.264082,464.683272 563.828764,462.509764 C564.945868,461.563055 566.045243,460.632756 567.124683,459.718529 C567.951364,459.01837 568.76524,458.328588 569.566364,457.648141 L570.513615,456.842811 L571.50264,456 Z' id='Image-Mark'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: 200px;
  background-repeat: no-repeat;
  animation: backgroundMove 5s cubic-bezier(0.625, 0.05, 0, 1) infinite alternate; }
  .block-quote:before {
    width: 70vw;
    height: 100%;
    border-radius: 1000px;
    background: #8200FF;
    content: '';
    display: flex;
    position: absolute;
    filter: blur(150px);
    -webkit-filter: blur(150px);
    opacity: 0.3;
    z-index: -1;
    will-change: transform; }
  @media only screen and (max-width: 1024px) {
    .block-quote {
      background-size: 120px;
      padding: 100px 30px; } }
  .block-quote .container {
    position: relative;
    max-width: 670px; }
    .block-quote .container h1, .block-quote .container h2, .block-quote .container h3, .block-quote .container h4, .block-quote .container h5 {
      color: white !important;
      text-align: center; }

@keyframes backgroundMove {
  0% {
    background-position: center 45%; }
  100% {
    background-position: center 55%; } }

.block-science {
  display: flex;
  justify-content: center; }
  .block-science .container {
    color: white;
    z-index: 10;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%; }
    .block-science .container .team-content {
      max-width: 730px;
      text-align: center; }
  .block-science .protein-content {
    justify-content: center;
    margin: 100px 0;
    width: 100%;
    color: white;
    z-index: 10;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 100px;
    align-items: center; }
    @media only screen and (max-width: 900px) {
      .block-science .protein-content {
        margin: 50px 0;
        flex-direction: column;
        gap: 50px; } }
    .block-science .protein-content .column {
      width: 100%; }
      .block-science .protein-content .column.column-protein-content {
        max-width: 400px; }
      .block-science .protein-content .column.column-visual {
        max-width: 445px;
        position: relative;
        box-sizing: border-box;
        padding: 20px; }
        @media only screen and (max-width: 900px) {
          .block-science .protein-content .column.column-visual {
            max-width: 455px;
            padding: 30px; } }
        .block-science .protein-content .column.column-visual svg {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 100%;
          max-width: 100%;
          max-height: 100%;
          transform: translate(-50%, -50%) rotate(0deg);
          transform-origin: center;
          animation: rotateInfinite 2s linear infinite; }
      .block-science .protein-content .column .visual-inner {
        width: 100%;
        max-width: 445px;
        aspect-ratio: 1;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 1000px; }

.block-team {
  display: flex;
  justify-content: center;
  margin-bottom: 100px; }
  .block-team .container {
    color: white;
    z-index: 10;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 940px;
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 900px) {
      .block-team .container {
        flex-direction: column; } }
    .block-team .container .department-tabs {
      display: flex;
      flex-direction: row;
      gap: 20px;
      margin-top: 50px; }
      @media only screen and (max-width: 600px) {
        .block-team .container .department-tabs {
          flex-direction: column; } }
      .block-team .container .department-tabs button {
        font-family: 'Gantari', sans-serif;
        background: none;
        border: none;
        outline: none;
        -webkit-appearance: none;
        color: white;
        opacity: 0.5;
        font-size: 22px;
        cursor: pointer;
        font-weight: 400 !important;
        transition: all 300ms; }
        .block-team .container .department-tabs button:hover, .block-team .container .department-tabs button.active {
          color: #00FFEC;
          opacity: 1; }
    .block-team .container .team-content {
      max-width: 730px; }
    .block-team .container .team-grid {
      align-content: flex-start;
      margin-top: 80px;
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 0px 90px; }
      @media only screen and (max-width: 1024px) {
        .block-team .container .team-grid {
          grid-template-columns: repeat(2, 1fr); } }
      @media only screen and (max-width: 600px) {
        .block-team .container .team-grid {
          grid-template-columns: repeat(1, 1fr); } }
      .block-team .container .team-grid .team-member {
        position: relative;
        padding-bottom: 20px;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: -2px;
        text-decoration: none;
        max-height: fit-content;
        min-height: 340px;
        /* de fill binnenin de divider */
        /* Gebruik dit: */ }
        .block-team .container .team-grid .team-member .team-name {
          margin-top: 30px;
          font-weight: 600;
          font-size: 20px;
          color: white;
          text-decoration: none;
          transition: all 300ms; }
        .block-team .container .team-grid .team-member .team-function {
          opacity: 0.5;
          font-size: 18px;
          margin-top: 10px;
          color: white;
          text-align: center;
          width: 100%;
          display: inline-block;
          transition: all 300ms;
          min-height: 50px; }
        .block-team .container .team-grid .team-member:hover {
          z-index: 10; }
          .block-team .container .team-grid .team-member:hover .team-function {
            opacity: 1; }
          .block-team .container .team-grid .team-member:hover .team-name {
            color: #00FFEC;
            text-decoration: underline; }
          .block-team .container .team-grid .team-member:hover .transparent-image {
            background-position: center 0px !important; }
            .block-team .container .team-grid .team-member:hover .transparent-image:before {
              transform: scale(1) !important; }
        .block-team .container .team-grid .team-member .gradient-fill {
          will-change: transform;
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          /* start op 0 */
          height: 100%;
          background: linear-gradient(90deg, #8200FF 0%, #00FFEC 100%);
          pointer-events: none; }
        .block-team .container .team-grid .team-member .gradient-circle {
          width: 160px;
          height: 160px;
          position: relative;
          margin-top: 30px; }
          .block-team .container .team-grid .team-member .gradient-circle:before {
            width: calc(100% - 40px);
            height: calc(100% - 40px);
            background: #614AD3;
            content: '';
            top: 20px;
            left: 20px;
            position: absolute;
            border-radius: 100%;
            z-index: -1; }
          .block-team .container .team-grid .team-member .gradient-circle .transparent-image {
            width: calc(100% - 40px);
            height: calc(100% - 40px);
            border-radius: 200px;
            position: absolute;
            top: 20px;
            left: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center 0px;
            transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1); }
            .block-team .container .team-grid .team-member .gradient-circle .transparent-image:before {
              width: 100%;
              height: 100%;
              background: #00FFEC;
              background: radial-gradient(circle, #00ffec 0%, #01feec 50%, #00b7a9 100%);
              content: '';
              top: 0;
              left: 0;
              position: absolute;
              border-radius: 100%;
              z-index: -1;
              transform: scale(0);
              transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1); }
        .block-team .container .team-grid .team-member .progress-circle {
          pointer-events: none;
          opacity: 0;
          /* start onzichtbaar, maar wél tweenable */
          stroke-linecap: round;
          /* geen uiteinden meer uitsteken */ }
        .block-team .container .team-grid .team-member .base-circle,
        .block-team .container .team-grid .team-member .progress-circle {
          pointer-events: none; }
        .block-team .container .team-grid .team-member .divider {
          position: relative;
          width: 100%;
          height: 2px;
          background-color: #8200FF;
          overflow: hidden; }
          .block-team .container .team-grid .team-member .divider.absolute {
            position: absolute;
            bottom: 0; }

.team-overlay {
  z-index: 100;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  padding: 100px;
  box-sizing: border-box;
  background: #00114C;
  background: radial-gradient(circle, rgba(0, 17, 76, 0.9) 0%, rgba(54, 0, 153, 0.9) 100%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease;
  overflow: auto; }
  @media only screen and (max-width: 1024px) {
    .team-overlay {
      padding: 100px; } }
  @media only screen and (max-width: 600px) {
    .team-overlay {
      padding: 30px; } }
  .team-overlay.is-active {
    pointer-events: all;
    opacity: 1;
    visibility: visible; }
  .team-overlay .close-button {
    z-index: 101;
    position: fixed;
    top: 70px;
    right: 70px;
    transition: all 0.5s cubic-bezier(0.625, 0.05, 0, 1);
    transform-origin: center;
    transform: rotate(0deg);
    cursor: pointer; }
    @media only screen and (max-width: 600px) {
      .team-overlay .close-button {
        right: 30px;
        top: 30px; } }
    .team-overlay .close-button:hover {
      transform: rotate(180deg); }
  .team-overlay .content-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 80px;
    max-width: 1000px;
    transform: translateY(30px);
    opacity: 0; }
    @media only screen and (max-width: 1024px) {
      .team-overlay .content-inner {
        flex-direction: column;
        gap: 30px; } }
    .team-overlay .content-inner .team-name {
      font-weight: 600;
      font-size: 20px;
      color: white;
      text-decoration: none;
      transition: all 300ms; }
    .team-overlay .content-inner .team-function {
      opacity: 1;
      font-size: 18px;
      margin-top: 10px;
      color: white;
      text-align: left;
      width: 100%;
      display: inline-block;
      transition: all 300ms; }
    .team-overlay .content-inner .avatar {
      width: 160px;
      min-width: 160px;
      /* de fill binnenin de divider */
      /* Gebruik dit: */ }
      .team-overlay .content-inner .avatar .gradient-fill {
        will-change: transform;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        /* start op 0 */
        height: 100%;
        background: linear-gradient(90deg, #8200FF 0%, #00FFEC 100%);
        pointer-events: none; }
      .team-overlay .content-inner .avatar .gradient-circle {
        width: 160px;
        height: 160px;
        position: relative; }
        .team-overlay .content-inner .avatar .gradient-circle:before {
          width: calc(100% - 40px);
          height: calc(100% - 40px);
          background: #614AD3;
          content: '';
          top: 20px;
          left: 20px;
          position: absolute;
          border-radius: 100%;
          z-index: -1; }
        .team-overlay .content-inner .avatar .gradient-circle .transparent-image {
          width: calc(100% - 40px);
          height: calc(100% - 40px);
          border-radius: 200px;
          position: absolute;
          top: 20px;
          left: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: white;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center 5px;
          transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1); }
          .team-overlay .content-inner .avatar .gradient-circle .transparent-image:before {
            width: 100%;
            height: 100%;
            background: #00FFEC;
            background: radial-gradient(circle, #00ffec 0%, #01feec 50%, #00b7a9 100%);
            content: '';
            top: 0;
            left: 0;
            position: absolute;
            border-radius: 100%;
            z-index: -1;
            transform: scale(1);
            transition: all 0.5s cubic-bezier(0.65, 0.05, 0, 1); }
      .team-overlay .content-inner .avatar .progress-circle {
        pointer-events: none;
        opacity: 0;
        /* start onzichtbaar, maar wél tweenable */
        stroke-linecap: round;
        /* geen uiteinden meer uitsteken */ }
      .team-overlay .content-inner .avatar .base-circle,
      .team-overlay .content-inner .avatar .progress-circle {
        pointer-events: none; }
    .team-overlay .content-inner .about-me-content {
      width: 100%;
      padding-bottom: 30px; }