@charset "UTF-8";
/*------------------------------------------------------------
    Site Fonts
-------------------------------------------------------------*/
@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.98);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
#toolbar-bar {
  top: 0;
}

body {
  color: #383936;
  font-family: "montserrat", sans-serif;
  font-size: 1rem;
  background-color: #ffffff;
  font-weight: 400;
  line-height: 1.6;
  overflow-x: hidden;
}

.region--content a {
  color: #383936;
  text-decoration: underline;
}
.region--content a:hover {
  color: #00ffbe;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
  font-weight: 700;
  font-family: "montserrat", sans-serif;
}
body h1:first-child,
body h2:first-child,
body h3:first-child,
body h4:first-child,
body h5:first-child {
  margin-top: 0;
}

body h1 {
  font-size: 3.5rem;
  color: #383936;
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body h1:first-child {
  margin-top: 0;
}
body h1 a {
  font-size: 3.5rem;
  font-weight: 700;
  text-decoration: none !important;
}

body h2 {
  font-size: 36px;
  color: #383936;
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
body h2:first-child {
  margin-top: 0;
}
body h2 a {
  font-size: 36px;
  font-weight: 700;
  text-decoration: none !important;
}

.block-facet .h2,
.block-facet h2 {
  font-size: 24px;
}

body h3 {
  font-size: 24px;
  color: #383936;
  margin-top: 2rem;
  margin-bottom: 1rem;
  text-transform: none;
}

body h4 {
  font-size: 16px;
  color: #383936;
  margin-top: 2rem;
  text-transform: none;
}

body h5 {
  color: #383936;
  text-transform: none;
  margin-top: 2rem;
}

body .far,
body .fa,
body .fas {
  color: #383936;
}

body li,
body a,
body .field,
body p {
  font-weight: 300;
}
body strong {
  font-weight: 700;
}

/*** mixins ***/
.region--content .btn-primary,
.region--content a.btn {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
}
.region--content .btn-primary:hover, .region--content .btn-primary:active,
.region--content a.btn:hover,
.region--content a.btn:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.region--content a.btn.btn-secondary {
  background-color: transparent;
  border: 0;
  padding: 0 0 0 30px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 1.25rem;
  background-image: url("/sites/default/files/2025-05/arrow_list_0.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.9375rem auto;
}
.region--content a.btn.btn-secondary:hover, .region--content a.btn.btn-secondary:active {
  background-color: transparent;
  color: #383936 !important;
  text-decoration: underline;
  transition: 0.35s;
  color: #000000;
}
.region--content a.btn.btn-lg {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  font-size: 1.125rem;
  color: #ffffff;
  padding: 11px 50px 11px 25px;
  background-position: right 20px center;
  background-image: url("/sites/default/files/2025-05/arrow_field_on_white.svg");
  background-color: #383936;
}
.region--content a.btn.btn-lg:hover, .region--content a.btn.btn-lg:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.region--content a.btn.btn-lg:hover, .region--content a.btn.btn-lg:active {
  background-color: #fff;
  color: #000000;
  transition: 0.35s;
  background-position: right 17px center;
  background-image: url("/sites/default/files/2025-05/arrow_field_on.svg");
}
.region--content a.btn.btn-sm {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  font-size: 0.9375rem;
  background-color: transparent;
  padding: 0 25px 0 0;
  text-transform: uppercase;
  background-position: right 5px center;
  border: 0;
}
.region--content a.btn.btn-sm:hover, .region--content a.btn.btn-sm:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.region--content a.btn.btn-sm:hover, .region--content a.btn.btn-sm:active {
  background-color: transparent;
  background-position: right center;
  color: #000;
  background-image: url("/sites/default/files/2025-05/arrow_field_on.svg");
}
.region--content a.btn.btn-light {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  background-color: #383936;
  color: #000;
  border-color: #383936;
  background-image: url("/sites/default/files/2025-05/arrow_field_on.svg");
}
.region--content a.btn.btn-light:hover, .region--content a.btn.btn-light:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.region--content a.btn.btn-light:hover, .region--content a.btn.btn-light:active {
  background-color: #383936;
  border-color: #383936;
  background-image: url("/sites/default/files/2025-05/arrow_field_on_white.svg");
}
.region--content a.btn.btn-dark {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  background-color: #000;
  color: #fff;
  border-color: #000;
  background-image: url("/sites/default/files/2025-05/arrow_field_on_white.svg");
}
.region--content a.btn.btn-dark:hover, .region--content a.btn.btn-dark:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.region--content a.btn.btn-dark:hover, .region--content a.btn.btn-dark:active {
  background-color: #383936;
  border-color: #383936;
}

body .region--content .paddle-components-image-block-wrapper .paddle-component--body-section a[href]::after {
  content: none;
}
body .region--content #block-ocelot-paddle-content .field--display-tags-frontend-node ul {
  padding-left: 0;
}
body .region--content #block-ocelot-paddle-content .field--display-tags-frontend-node li a.btn {
  color: #383936;
}
body .region--content #block-ocelot-paddle-content .field--display-tags-frontend-node li a.btn:hover {
  color: #fff;
}

body .region--content h2 a[name] {
  font-size: 36px;
  color: #383936;
  text-decoration: none;
}

p.address {
  margin-bottom: 0;
}

.pagination {
  margin-top: 3rem !important;
  flex-wrap: wrap;
  -moz-column-gap: 0.9375rem;
       column-gap: 0.9375rem;
}
.pagination .page-item {
  padding-left: 0 !important;
}
.pagination .page-item::before {
  content: none !important;
}
.pagination .page-item[role=presentation],
.pagination .page-item .page-link {
  text-decoration: none;
  border-radius: 0;
  background-color: transparent;
  border-color: #383936;
  min-width: 36px;
  height: 36px;
  text-align: center;
  border-width: 2px;
}
.pagination .page-item[role=presentation]:hover,
.pagination .page-item .page-link:hover {
  color: white;
  background-color: #383936;
  border-color: #383936;
}
.pagination .page-item.active .page-link {
  background-color: #383936;
  border-color: #383936;
  color: white;
}
.pagination .page-item[role=presentation] {
  color: #383936;
  min-width: 36px;
  height: 36px;
  padding: 0.5rem 0;
}

.comp_hidden {
  display: none !important;
  visibility: hidden !important;
}

/*---------------------------------------------
      Sitewide Structure
-----------------------------------------------*/
.page-wrapper .container-max-xxl {
  max-width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media (min-width: 48rem) {
  .page-wrapper .container-max-xxl {
    padding-left: 4.16667%;
    padding-right: 4.16667%;
  }
}
@media (min-width: 75rem) {
  .page-wrapper .container-max-xxl {
    padding-left: 8.33334%;
    padding-right: 8.33334%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1780px) {
  .page-wrapper .container-max-xxl {
    padding-left: 16.66668%;
    padding-right: 16.66668%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 40em) {
  .threecol-with-title__first-and-second {
    margin: 0 -0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .threecol-with-title__first-and-second > .layout__region {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .layout--fourcol-section > .layout__region {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 62rem) {
  .layout--fourcol-section > .layout__region {
    flex: 0 1 25%;
    max-width: 25%;
  }
}
@media (max-width: 64rem) {
  .layout--twocol-section--67-33 .layout__region {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 73.0625rem) {
  .layout--twocol-section--75-25 .layout__region {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.layout--threecol-with-title {
  margin: 0 -0.9375rem;
}
.layout--threecol-with-title > div {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

@media screen and (min-width: 40em) {
  .threecol-with-title__first-and-second {
    margin: 0 -0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .threecol-with-title__first-and-second > .layout__region {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.page-wrapper .container-max-xxl .container-max-xxl {
  padding: 0;
}

/* Other aspect ratios to try:
 * 56.25% = 16:9
 * 75% = 4:3
 * 66.66% = 3:2
 * 62.5% = 8:5
 */
/*End Sitewide Structure --------------------------------------------------------*/
/*---------------------------------------------
      Sitewide Style
-----------------------------------------------*/
.region-wrapper--content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.field > .field-with-icon > i {
  color: #383936;
}

.toolbar-oriented .toolbar-bar {
  z-index: 700;
}

.region--content .paddle-component--top-section.text:before, .region--content .paddle-component--top-section.text:after {
  display: none;
}
.region--content .paddle-component--top-section.text {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}
.region--content .paddle-component--top-section.text a {
  text-decoration: none;
  font-weight: bold;
}

.page-wrapper #region-breadcrumb {
  position: relative;
  z-index: 10;
  padding: 14px 0;
}
.page-wrapper .region--breadcrumb .breadcrumb {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  z-index: 10;
  font-size: 1rem;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item:first-child {
  padding-right: 6px;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item:first-child a {
  height: auto;
  width: auto;
  font-size: 1rem;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item:first-child a::before {
  font-weight: 900;
  font-size: 0.75rem;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item:first-child a .fa-home::before {
  content: none;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item:first-child a span.visually-hidden {
  position: static !important;
  overflow: inherit;
  clip: inherit;
  width: auto;
  height: auto;
  word-wrap: inherit;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item a {
  color: #383936;
  border: 0;
  text-decoration: underline;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item a:hover {
  border: 0;
  color: #383936;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-right: 7px;
  color: #383936;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #383936;
  font-size: 0.875rem; /*** 14px**/
  line-height: 20px;
  padding-left: 2px;
  opacity: 1;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item:last-child {
  color: #383936;
}
.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item:last-child a {
  color: #383936;
}

.page-wrapper .header > .amorphic,
footer.sticky-footer .amorphic {
  display: none;
}

@media (min-width: 990px) {
  header .header__wrapper {
    min-height: 120px;
  }
}

@media (min-width: 62rem) {
  header .header__wrapper .customcontainer {
    /*display: flex;*/
    width: 120px;
    z-index: 333333;
    margin-right: 0;
    margin-left: 0;
    position: absolute;
    right: 0;
  }
}
@media (min-width: 75rem) {
  header .header__wrapper .customcontainer {
    max-width: none;
    padding-right: 0;
  }
}

.logo {
  z-index: 3333333;
  transition: 0.35s;
  top: 0;
  max-width: none;
}
@media (min-width: 991px) {
  .logo {
    position: absolute;
    width: calc(100% - 120px);
  }
}
.logo img {
  height: 110px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: auto;
  max-width: none;
}

@media (min-width: 991px) {
  body:not(.subsite) .logo img {
    height: 95px;
    margin-top: 20px;
    margin-bottom: 0;
  }
}

@media (min-width: 991px) {
  .logo .customcontainer {
    display: flex;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: absolute;
    padding-left: 4.16667%;
  }
}
@media (min-width: 75rem) {
  .logo .customcontainer {
    padding-left: 8.33334%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1780px) {
  .logo .customcontainer {
    padding-left: 16.66668%;
    margin-left: auto;
    margin-right: auto;
  }
}

.page-wrapper .header .header__wrapper .hamburger {
  border-radius: 0;
  width: unset;
  flex-flow: row-reverse;
  display: flex !important;
}

.hamburger-text {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 61.9375rem) {
  .hamburger-text {
    display: none !important;
  }
}

.page-wrapper .header .header__wrapper .hamburger .hamburger-inner,
.page-wrapper .header .header__wrapper .hamburger .hamburger-inner::after,
.page-wrapper .header .header__wrapper .hamburger .hamburger-inner::before,
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-inner,
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-inner::after,
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-inner::before {
  display: none;
}
.page-wrapper .header .header__wrapper .hamburger .hamburger-inner,
.page-wrapper .header .header__wrapper .hamburger .hamburger-inner::after,
.page-wrapper .header .header__wrapper .hamburger .hamburger-inner::before,
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=false] .hamburger-inner,
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=false] .hamburger-inner::after,
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=false] .hamburger-inner::before {
  display: none;
  background: #383936;
  border-radius: 0;
  height: 3px;
}
.page-wrapper .header .header__wrapper .hamburger {
  border-radius: 0;
  width: unset;
  flex-flow: row-reverse;
  display: flex !important;
  position: relative;
  top: 0;
  background-color: #000;
  width: 120px;
  height: 120px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .page-wrapper .header .header__wrapper .hamburger {
    position: absolute;
    right: 0;
  }
}
@media (max-width: 992px) {
  .page-wrapper .header .header__wrapper .hamburger {
    top: -120px;
  }
}
.page-wrapper .header .header__wrapper .hamburger .hamburger-box {
  width: 120px;
  height: 120px;
  display: block;
  position: relative;
  /*  background-color: $clr-primary;*/
  justify-content: center;
  transition: 0.35s;
}
.page-wrapper .header .header__wrapper .hamburger .hamburger-box::after {
  content: "";
  width: 120px;
  height: 120px;
  display: block;
  position: absolute;
  justify-content: center;
  z-index: 0;
  transition: 0.35s;
  left: 0;
  background-image: url("/sites/default/files/2025-05/ertico-hamburger.png");
  background-position: center;
  background-size: 120px 120px;
  background-repeat: no-repeat;
}
.page-wrapper .header .header__wrapper .hamburger .hamburger-box:hover {
  transition: 0.35s;
}
.page-wrapper .header .header__wrapper .hamburger .hamburger-box:hover::after {
  background-image: url("/sites/default/files/2025-05/ertico-hamburger-on.png");
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: center;
  width: 120px;
  height: 120px;
  position: absolute;
  justify-content: center;
  z-index: 0;
  transition: all 0.35s;
  left: 0;
}
.page-wrapper .header .header__wrapper .hamburger:hover {
  transition: 0.35s;
}
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=false] {
  background-color: transparent;
}
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=false] .hamburger-text {
  margin: 0 !important;
  color: #383936 !important;
  text-transform: uppercase;
}
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=false] .hamburger-text:hover {
  color: #383936 !important;
}
.page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-text {
  opacity: 1;
  color: #383936 !important;
  text-transform: uppercase;
}
@media (min-width: 62rem) {
  .page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] {
    z-index: 33333333;
  }
  .page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-text {
    z-index: 1001;
  }
  .page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-box {
    z-index: 100;
  }
  .page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-box .hamburger-inner {
    background: #383936;
  }
  .page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-box .hamburger-inner::after {
    background: #383936;
  }
  .page-wrapper .header .header__wrapper .hamburger[aria-expanded=true] .hamburger-box .hamburger-inner::before {
    background-color: #383936;
  }
}
.page-wrapper .header .header__wrapper .hamburger .hamburger-text {
  display: none;
}
.page-wrapper .header .header__wrapper .navbar::after {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  width: 250%;
  height: 180%;
  z-index: -1;
  bottom: 0;
  left: -75%;
  right: -75%;
  top: auto;
}
@media (min-width: 62rem) {
  .page-wrapper .header .header__wrapper .navbar::after {
    height: 0;
  }
}
@media (min-width: 62rem) {
  .page-wrapper .header .header__wrapper .navbar:has(.show)::after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    width: 250%;
    height: 160px;
    z-index: -1;
    bottom: auto;
    left: -75%;
    right: -75%;
    top: 0;
    transition: all 1s ease-in-out;
  }
}

.paddle-component--image-block .media-frame::before, .paddle-component--image-block .media-frame::after, .paddle-component--image-block > .paddle-component::before, .paddle-component--image-block > .paddle-component::after,
.paddle-component .media-frame::before,
.paddle-component .media-frame::after,
.paddle-component > .paddle-component::before,
.paddle-component > .paddle-component::after {
  content: none;
}

.paddle-component--image-block {
  position: relative;
}
.paddle-component--image-block .media-frame a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
.paddle-component--image-block .caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0.9375rem;
  margin: 0;
  color: white;
  text-align: center;
  transition: all 0.35s;
  z-index: 10;
  line-height: 1.2;
  font-size: 24px;
  font-weight: 600;
}
.paddle-component--image-block .caption::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  background-color: rgba(56, 57, 54, 0.9);
  z-index: -1;
}

.paddle-component--bottom-section,
.paddle-component--top-section {
  background-color: transparent;
  padding: 0;
}

.field-block,
.paddle-component {
  margin-bottom: 2rem;
}

.page-node-type-page .field-block.field-body .label.label--above {
  display: none;
}

/*Table ---*/
.table-striped tbody tr:nth-of-type(odd),
table tbody tr:nth-of-type(odd) {
  background-color: rgba(56, 57, 54, 0.3);
}

.responsive-table {
  min-height: 0.01%;
  overflow-x: auto;
}
@media (max-width: 47.9375rem) {
  .responsive-table {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media (max-width: 47.9375rem) {
  .responsive-table table {
    table-layout: auto;
    width: 50rem;
  }
}

/*END Tabel*/
/* Sitewide bullet list --- */
.region--content ul {
  padding-left: 23px;
  margin: 22px 0 22px 0;
}
.region--content ul li {
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.region--content ul li::marker {
  color: #383936;
}
.region--content ul ul {
  margin-top: 0.5rem;
}
.region--content ol {
  padding-left: 23px;
  margin: 22px 0 22px 0;
}
.region--content ol li {
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.region--content ol li::marker {
  color: #383936;
  font-weight: bold;
}

.list-links-col-3 ul,
.list-links-col-2 ul,
.list-links-col-1 ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
}
.list-links-col-3 ul li,
.list-links-col-2 ul li,
.list-links-col-1 ul li {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.list-links-col-1 li {
  width: 100%;
}

@media (min-width: 36.1875rem) {
  .list-links-col-2 li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 36.1875rem) {
  .list-links-col-3 li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 55.5625rem) {
  .list-links-col-3 li {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

.page-node-type-page .field-block.field-body .label.label--above {
  display: none;
}

.comp_container_width_800 {
  max-width: 50rem !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.paddle-component--bottom-section a::after {
  content: none;
}

.card::before,
.card::after {
  content: none;
}

/*Header ------------------------------------------------------------------- */
.toolbar-horizontal.toolbar-tray-open.sticky-navigation-enabled .header {
  top: 0;
}

.header {
  background: transparent;
  margin-bottom: 1.125rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.header > .header-content {
  height: 100%;
  background: transparent;
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 62rem) {
  .header > .header-content {
    padding-bottom: 0;
  }
}
@media (min-width: 90rem) {
  .header > .header-content {
    /*1440px*/
  }
}
.header .logo img {
  margin-left: 1rem;
}
@media (max-width: 61.9375rem) {
  .header .header__wrapper {
    align-items: center;
  }
}
@media (min-width: 62rem) {
  .header .header__wrapper {
    flex-wrap: wrap;
    position: relative;
  }
}
@media (min-width: 62rem) {
  .header .header__wrapper .navbar {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 0;
    justify-content: flex-end;
  }
  .header .header__wrapper .navbar .menu--main {
    background-color: transparent;
  }
}
@media (min-width: 62rem) {
  .header .header__wrapper .navbar .navbar-collapse {
    all: unset;
    display: block;
    opacity: 0;
    height: 0;
    width: 100%;
    transition: all 0.25s ease-in-out;
  }
  .header .header__wrapper .navbar .navbar-collapse #block-mainnavigation {
    opacity: 0;
  }
  .header .header__wrapper .navbar .navbar-collapse.show {
    position: relative;
    z-index: 100;
    width: 100%;
    height: auto;
    min-height: calc(70vh - 180px);
    opacity: 1;
    align-items: flex-start;
    transition: all 0.25s ease-in-out;
    background-color: #fff;
    padding-top: 160px;
    overflow: hidden;
  }
  .header .header__wrapper .navbar .navbar-collapse.show #block-mainnavigation {
    opacity: 1;
    transition: all 1s ease-in-out;
  }
}
@media (min-width: 62rem) {
  .header .header__wrapper .navbar:has(.show) {
    z-index: 33333;
  }
}
.header .navbar #main-navbar.collapse:not(.show) .menu--main {
  height: 0;
  overflow: hidden;
}
.header .container-max-xxl {
  position: relative;
  height: 100%;
  max-width: none;
  padding: 0;
}
.header #block-language-dropdown {
  margin: 0 0 2rem 0;
  padding: 0;
  position: relative;
  right: 0;
}
@media (min-width: 62rem) {
  .header #block-language-dropdown {
    position: absolute;
    right: 0;
    top: -1.875rem;
    margin: 0 0 0 0;
  }
}
.header #block-language-dropdown .dropdown-language-item {
  color: #383936;
  position: absolute;
  top: -1rem;
  left: 0;
  line-height: 1.4;
  background-color: #ffffff;
  padding: 0px 24px 9px 12px;
}
@media (min-width: 62rem) {
  .header #block-language-dropdown .dropdown-language-item {
    padding-left: 1.125rem;
    right: 0;
    left: auto;
  }
}
@media (min-width: 62rem) {
  .header #block-language-dropdown .dropdown-language-item {
    color: #383936;
  }
}
.header #block-language-dropdown .dropdown-language-item li a,
.header #block-language-dropdown .dropdown-language-item li span {
  color: #383936;
  font-size: 1rem;
  font-weight: normal;
  text-transform: lowercase;
}
@media (min-width: 62rem) {
  .header #block-language-dropdown .dropdown-language-item li a,
  .header #block-language-dropdown .dropdown-language-item li span {
    color: #383936;
  }
}
.header #block-language-dropdown .dropbutton-widget {
  position: relative;
  padding: 0;
  margin: 0;
}
.header #block-language-dropdown .dropbutton-toggle {
  width: 1.25rem;
}
.header #block-language-dropdown .dropbutton-toggle button {
  color: white;
}
@media (min-width: 62rem) {
  .header #block-language-dropdown .dropbutton-toggle button {
    color: #383936;
  }
}
.header #block-language-dropdown .dropbutton-arrow {
  display: inline-block;
  border: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #00ffbe;
  border-top: 1px solid #00ffbe !important;
  transform: rotate(-135deg);
  right: auto;
  left: 3px;
  top: 14px;
}
.header #block-language-dropdown .open .dropbutton-arrow {
  border-left: 1px solid white;
  border-top: 1px solid white !important;
  transform: rotate(43deg);
}
.header #block-language-dropdown .open .dropdown-language-item {
  background-color: #383936;
}
.header #block-language-dropdown .open .dropdown-language-item li span,
.header #block-language-dropdown .open .dropdown-language-item li a {
  color: white;
  text-decoration: none;
}
.header .paddle-search-form {
  margin-left: auto;
  display: flex;
  align-items: center;
  z-index: 333333;
}
@media (max-width: 61.9375rem) {
  .header .paddle-search-form {
    max-width: 50%;
    padding-bottom: 1rem;
  }
  .header .paddle-search-form form {
    width: 100%;
  }
}
.header .paddle-search-form .search-wrapper {
  margin-bottom: 0;
  width: 100%;
}
@media (max-width: 61.9375rem) {
  .header .paddle-search-form .search-wrapper {
    margin-top: 0;
  }
}
@media (min-width: 62rem) {
  .header .paddle-search-form .search-wrapper {
    width: 340px;
    top: 0;
    display: flex;
    transition: all 0.35s;
  }
}
.header .paddle-search-form .search-wrapper .form-item {
  margin: 0;
  width: 100%;
}
.header .paddle-search-form form input.form-text {
  border: 0;
  background-color: #fff;
  height: 46px;
  transition: all 0.35s ease-in-out;
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
  line-height: 1;
}
.header .paddle-search-form form input.form-text::-moz-placeholder {
  color: #383936;
  font-weight: bold;
}
.header .paddle-search-form form input.form-text::placeholder {
  color: #383936;
  font-weight: bold;
}
@media (min-width: 62rem) {
  .header .paddle-search-form form input.form-text {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .header .paddle-search-form form input.form-text {
    display: none;
  }
}
.header .paddle-search-form form input.form-text:focus {
  background-color: #fff;
  box-shadow: none;
}
.header .paddle-search-form form input.form-submit {
  background: url(/sites/default/files/2025-05/main-search_off.svg) no-repeat center center;
  height: 46px;
  width: 97px;
  border: 0;
  font-size: 0;
  padding: 0;
  background-size: contain;
  background-position: center;
  transition: 0.35s;
}
.header .paddle-search-form form input.form-submit:focus, .header .paddle-search-form form input.form-submit:hover {
  background: url(/sites/default/files/2025-05/main-search_on.svg) no-repeat center center;
  background-size: contain;
  background-position: center;
  transition: 0.35s;
  height: 46px;
  width: 97px;
  margin-left: 10px;
}
.header .paddle-search-form .search-toggle {
  padding: 0;
  height: 31px;
  width: 20px;
  background: url(/sites/default/files/2025-05/main-search_off.svg) no-repeat center center;
}
.header .paddle-search-form .search-toggle:hover {
  background: url(/sites/default/files/2025-05/main-search_on.svg) no-repeat center center;
}
.header .paddle-search-form .search-toggle::before {
  content: "";
}
.header .paddle-search-form.show .search-toggle {
  background: url(/sites/default/files/2023-01/icon-close.svg) no-repeat center;
  background-size: 21px;
}
.header .header__top {
  padding: 0;
}
@media (min-width: 62rem) {
  .header .header__top {
    position: relative;
  }
}
@media (min-width: 62rem) {
  .header .header__top .navbar {
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 0;
  }
}
.header #region-header_top {
  display: flex;
  align-items: center;
}
@media (min-width: 62rem) {
  .header #region-header_top {
    margin-left: auto;
  }
}
.header #block-topnavigation {
  z-index: 3333;
}
@media (min-width: 62rem) {
  .header #block-topnavigation {
    margin-right: 2rem;
  }
}
.header #block-topnavigation ul {
  margin: 0 -0.9375rem 0 -0.9375rem;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.header #block-topnavigation ul li {
  padding: 0 0.9375rem;
  position: relative;
}
@media (min-width: 62rem) {
  .header #block-topnavigation ul li::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    height: 14px;
    width: 1px;
    background-color: #383936;
  }
}
.header #block-topnavigation ul li a {
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  padding: 0;
  color: #383936;
  transition: 0.35s;
  line-height: 0.9375rem;
  margin-bottom: 0.9375rem;
  display: inline-block;
  padding-bottom: 5px;
}
@media (min-width: 62rem) {
  .header #block-topnavigation ul li a {
    margin-bottom: 0;
    display: block;
  }
}
.header #block-topnavigation ul li a::before {
  content: "";
  border-bottom: inherit;
  transform: inherit;
  transform-origin: inherit;
  width: 0;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #383936;
  margin: 0 auto;
}
.header #block-topnavigation ul li a .extlink {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.header #block-topnavigation ul li a:hover, .header #block-topnavigation ul li a.is-active {
  color: #383936;
}
.header #block-topnavigation ul li a:hover::before, .header #block-topnavigation ul li a.is-active::before {
  width: 3.25rem;
  transition: 0.35s;
}
.header #block-topnavigation ul li:last-child::after {
  content: none;
}

/*---- Header ----------------------*/
/* -----------------------------------
    Navigation
------------------------------------*/
@media (min-width: 62rem) {
  #block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu,
  #block-mainnavigation ul.navbar-nav.menu--main li.dropdown > a,
  #block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item,
  .navbar .menu__item .dropdown-menu,
  .navbar .dropdown-item {
    all: unset;
  }
}

@media (min-width: 62rem) {
  .navbar .dropdown-item {
    display: list-item !important;
    border: 0 !important;
  }
}

@media (min-width: 62rem) {
  .navbar .menu__item .dropdown-menu {
    display: inline-block !important;
    border: 0 !important;
  }
}

#block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-toggle::after {
  display: none;
}

#block-mainnavigation {
  width: 100%;
}
@media (min-width: 62rem) {
  #block-mainnavigation {
    padding-left: 4.16667%;
    padding-right: 0;
  }
}
@media (min-width: 75rem) {
  #block-mainnavigation {
    padding-left: 8.33334%;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1780px) {
  #block-mainnavigation {
    padding-left: 16.66668%;
  }
}
@media (min-width: 62rem) {
  #block-mainnavigation ul.navbar-nav.menu--main {
    margin: 0 -0.9375rem;
    flex-wrap: wrap;
    position: relative;
  }
}
@media (min-width: 62rem) {
  #block-mainnavigation ul.navbar-nav.menu--main > li {
    margin-bottom: 4rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    /* flex: 0 1 18%;
    width: 18%;*/
    flex: 1 1 0;
    width: auto;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(155, 156, 154);
  }
  #block-mainnavigation ul.navbar-nav.menu--main > li:first-child {
    border-left: 0;
  }
}
#block-mainnavigation ul.navbar-nav.menu--main > li > a {
  font-size: 15px;
  font-weight: bold;
  color: #383936;
  transition: 0.35s;
  text-transform: none;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  display: block;
  margin-bottom: 0;
  position: relative;
}
#block-mainnavigation ul.navbar-nav.menu--main > li > a.dropdown-toggle {
  color: rgb(155, 156, 154);
  text-transform: uppercase;
  margin-bottom: 1rem;
  display: block;
  cursor: pointer;
  font-weight: 100;
}
@media (min-width: 1780px) {
  #block-mainnavigation ul.navbar-nav.menu--main > li > a.dropdown-toggle {
    margin-bottom: 2rem;
  }
}
@media (max-width: 61.9375rem) {
  #block-mainnavigation ul.navbar-nav.menu--main > li > a.dropdown-toggle {
    color: #000;
  }
  #block-mainnavigation ul.navbar-nav.menu--main > li > a.dropdown-toggle span:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("/sites/default/files/2025-05/arrow-right.svg");
    background-position: center;
    background-size: 10px auto;
    background-repeat: no-repeat;
    margin-left: 5px;
    transition: 0.35s;
  }
}
@media (min-width: 62rem) {
  #block-mainnavigation ul.navbar-nav.menu--main > li > a {
    display: block;
  }
}
#block-mainnavigation ul.navbar-nav.menu--main > li > a::before {
  display: none;
}
#block-mainnavigation ul.navbar-nav.menu--main > li > a:hover, #block-mainnavigation ul.navbar-nav.menu--main > li > a.active, #block-mainnavigation ul.navbar-nav.menu--main > li > a.is-active {
  transition: 0.35s;
}
#block-mainnavigation ul.navbar-nav.menu--main > li > a:hover:after, #block-mainnavigation ul.navbar-nav.menu--main > li > a.active:after, #block-mainnavigation ul.navbar-nav.menu--main > li > a.is-active:after {
  transition: 0.35s;
  right: -5px;
}
#block-mainnavigation ul.navbar-nav.menu--main > li:last-child {
  border: 0;
}
#block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-toggle::after {
  border: 0;
  height: 8px;
  width: 8px;
  border-left: 1px solid #383936;
  border-top: 1px solid #383936 !important;
  transform: rotate(-135deg);
}
#block-mainnavigation ul.navbar-nav.menu--main li.dropdown > a {
  transition: 0s;
}
@media (min-width: 62rem) {
  #block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item {
    padding: 0;
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 8px;
  }
}
@media (min-width: 1400px) {
  #block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item {
    margin-bottom: 6px;
  }
}
#block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a {
  display: flex;
  color: #383936;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 0;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
}
@media (min-width: 1400px) {
  #block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a {
    line-height: 1.5;
    font-size: 1rem;
    padding: 0 0 0 20px;
  }
}
#block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a:after {
  content: "";
  transition: 0.35s;
  display: inline-block;
  width: 0;
  height: 10px;
  margin-left: 5px;
  background-position: center;
  background-size: 10px auto;
  background-repeat: no-repeat;
}
#block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a:hover {
  text-decoration: none;
}
#block-mainnavigation ul.navbar-nav.menu--main li.dropdown .dropdown-menu li.dropdown-item a:hover:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: center;
  background-size: 10px auto;
  background-repeat: no-repeat;
  margin-left: 5px;
  transition: 0.35s;
}
@media (min-width: 62rem) {
  #block-mainnavigation ul.navbar-nav.menu--main li.dropdown:hover {
    transition: 0s;
  }
}
#block-mainnavigation ul.navbar-nav.menu--main .extra-title {
  display: none;
}

a.projects,
a.academy,
a.partner,
a.team,
a.search {
  position: relative;
  padding-left: 45px !important;
  text-decoration: none;
}
a.projects:before,
a.academy:before,
a.partner:before,
a.team:before,
a.search:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/sites/default/files/2025-05/projects.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px auto;
}
a.projects:hover *,
a.academy:hover *,
a.partner:hover *,
a.team:hover *,
a.search:hover * {
  color: #00ffbe;
}
a.projects:hover:before,
a.academy:hover:before,
a.partner:hover:before,
a.team:hover:before,
a.search:hover:before {
  filter: brightness(0) saturate(100%) invert(62%) sepia(98%) saturate(399%) hue-rotate(109deg) brightness(103%) contrast(109%);
}

a.search {
  filter: brightness(0) saturate(100%) invert(62%) sepia(98%) saturate(399%) hue-rotate(109deg) brightness(103%) contrast(109%);
}

a.academy:before {
  background-image: url("/sites/default/files/2025-05/academy.svg");
}

a.partner:before {
  background-image: url("/sites/default/files/2025-05/partner.svg");
}

a.team:before {
  background-image: url("/sites/default/files/2025-05/team.svg");
}

a.search:before {
  background-image: url("/sites/default/files/2025-07/search_white.svg");
  filter: brightness(0) saturate(100%) invert(62%) sepia(98%) saturate(399%) hue-rotate(109deg) brightness(103%) contrast(109%);
}

a.search:hover span {
  text-decoration: underline;
}
a.search:hover::after {
  display: none !important;
}

/*END navigation -----------------------*/
/*--- Cookie Banner -----------------------*/
div#sliding-popup {
  background-color: #383936;
}
div#sliding-popup .eu-cookie-compliance-banner {
  background-color: #383936;
  background-image: url("/sites/default/files/2025-05/bgbg.svg");
  background-size: 40% auto;
  background-repeat: no-repeat;
  background-position: right;
}
@media (max-width: 991px) {
  div#sliding-popup .eu-cookie-compliance-banner {
    background-size: auto 100%;
  }
}
@media (max-width: 600px) {
  div#sliding-popup .eu-cookie-compliance-banner {
    background-size: cover;
  }
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper {
  position: relative;
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-message {
  font-size: 1rem;
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-message h2,
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-message p {
  color: white;
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .btn {
  background-color: #383936;
  border: 2px solid white;
  background-image: none;
  text-shadow: none;
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .btn:hover {
  background-color: white;
  color: #383936;
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .btn.btn-link {
  border: 0;
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .btn.btn-link:hover {
  background-color: transparent;
  color: white;
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories {
  flex: 1 0 100%;
  width: 100%;
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories .eu-cookie-compliance-category {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media (min-width: 48rem) {
  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories .eu-cookie-compliance-category {
    display: flex;
    flex-direction: row;
  }
}
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories .eu-cookie-compliance-category .form-check {
  flex: 0 0 275px;
  max-width: 275px;
}
@media (max-width: 47.9375rem) {
  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-categories .eu-cookie-compliance-category .eu-cookie-compliance-category-description {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
  }
}
@media (min-width: 48rem) {
  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-wrapper .eu-cookie-compliance-buttons {
    position: absolute;
    right: 45px;
    bottom: 0;
  }
}
div#sliding-popup .eu-cookie-compliance-banner .form-check-input:disabled ~ .form-check-label,
div#sliding-popup .eu-cookie-compliance-banner .form-check-input[disabled] ~ .form-check-label {
  color: #cacaca;
}
div#sliding-popup .eu-cookie-compliance-banner .form-check {
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
div#sliding-popup .eu-cookie-withdraw-tab {
  border: 1px solid #383936;
  background-color: #383936;
  padding: 6px 0.9375rem;
  line-height: 1;
  font-size: 1rem;
}
div#sliding-popup .eu-cookie-withdraw-banner {
  background-color: #383936;
  padding: 1.5rem 2rem;
}
div#sliding-popup .eu-cookie-withdraw-banner p {
  font-size: 1rem;
}
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-buttons {
  display: inline-block;
}
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-buttons .eu-cookie-withdraw-button {
  border: 0;
  background-color: transparent;
  padding: 0.5rem 2rem;
  border-radius: 0.5rem;
  transition: 0.35s;
  border: 2px solid white;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  background-image: none;
  background-color: #383936;
  text-shadow: none;
}
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-buttons .eu-cookie-withdraw-button:hover {
  background-color: white;
  color: #383936;
}
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content .eu-cookie-compliance-message {
  color: white;
}
div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
  color: white;
  font-size: 1.1rem;
}

#sliding-popup .eu-cookie-withdraw-tab {
  font-size: 0.9rem;
}

@media screen and (max-width: 37.5rem) {
  .eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
    float: none;
  }
}
/*--- END Cookie Banner -----------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------
      Sitewide Components
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* END Sitewide Components ------------------------*/
/*---------------------------------------------------
      Footer
----------------------------------------------------*/
.sticky-footer {
  background-image: url("/sites/default/files/2025-05/59fd350554921ef77bc1b742e4a6f515308e477c.png");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: right -200px top;
  background-color: #383936;
  padding-top: 4rem;
}
.sticky-footer .region-wrapper--footer {
  color: #fff;
}
.sticky-footer .region-wrapper--footer a,
.sticky-footer .region-wrapper--footer li,
.sticky-footer .region-wrapper--footer strong,
.sticky-footer .region-wrapper--footer p,
.sticky-footer .region-wrapper--footer a.btn,
.sticky-footer .region-wrapper--footer h2 {
  color: #fff;
}
.sticky-footer .region-wrapper--footer h2 {
  text-transform: uppercase;
  font-size: 1.5rem;
}
.sticky-footer #block-richfooter {
  position: relative;
}
.sticky-footer .sticky-footer-content {
  background-color: transparent;
}
.sticky-footer a.btn {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  color: #383936;
  border-color: #dedfe0;
  text-align: left;
  position: relative;
}
.sticky-footer a.btn:hover, .sticky-footer a.btn:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.sticky-footer a.btn:after {
  content: "";
  display: block;
  height: 41px;
  transition: 0.35s;
  width: 36px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(/sites/default/files/2025-05/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: right 15px center;
  filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(6%) hue-rotate(25deg) brightness(104%) contrast(100%);
}
.sticky-footer a.btn:hover {
  background-color: transparent;
  border-color: #00ffbe;
  color: #00ffbe;
  background-image: url("/sites/default/files/2025-05/arrow_field_off_0.svg");
}
.sticky-footer a.btn:hover:after {
  right: -2px;
  transition: 0.35s;
  filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(5512%) hue-rotate(83deg) brightness(97%) contrast(109%);
}
.sticky-footer .layout__region--first img {
  width: 240px;
}
.sticky-footer .layout__region--first #mc_embed_signup_scroll {
  display: flex;
}
.sticky-footer .layout__region--first #mc_embed_signup_scroll input {
  border-radius: 0;
}
.sticky-footer .layout__region--first #mc_embed_signup_scroll .mc-field-group input {
  height: 48px;
  font-size: 1rem;
  border: 0;
  box-shadow: none;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .sticky-footer .layout__region--first #mc_embed_signup_scroll .mc-field-group input {
    min-width: 360px;
  }
}
.sticky-footer .layout__region--first #mc_embed_signup_scroll .clear input {
  background-color: #8c8e89;
  color: #fff;
  height: 48px;
  font-weight: bold;
  font-size: 1rem;
  border: 0;
  box-shadow: none;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
.sticky-footer .layout__region--first #mc_embed_signup_scroll .clear input:hover {
  background-color: #00ffbe;
}
.sticky-footer .footer-social-media .paddle-component--body-section ul {
  margin: 0 -1rem 1rem;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 62rem) {
  .sticky-footer .footer-social-media .paddle-component--body-section ul {
    justify-content: center;
    position: absolute;
    top: -5px;
    left: 120px;
  }
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li {
  padding: 0 10px;
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li a {
  font-size: 1px;
  height: 36px;
  width: 36px;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  padding: 0;
  text-decoration: none;
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li:nth-child(1) {
  position: relative;
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li:nth-child(1) a {
  background-image: url(/sites/default/files/2025-05/linkedin.svg);
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li:nth-child(1) a:hover {
  filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(5512%) hue-rotate(83deg) brightness(97%) contrast(109%);
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li:nth-child(2) {
  position: relative;
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li:nth-child(2) a {
  background-image: url(/sites/default/files/2025-06/social.png);
  background-size: 26px auto;
  background-position: center;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(324deg) brightness(101%) contrast(100%);
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li:nth-child(2) a:hover {
  filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(5512%) hue-rotate(83deg) brightness(97%) contrast(109%);
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li:nth-child(3) a {
  background-image: url(/sites/default/files/2025-05/youtube.svg);
}
.sticky-footer .footer-social-media .paddle-component--body-section ul li:nth-child(3) a:hover {
  filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(5512%) hue-rotate(83deg) brightness(97%) contrast(109%);
}

.region-wrapper--footer {
  padding: 0;
}

#terms {
  margin-top: 4rem;
}
#terms .paddle-component--body-section {
  display: block;
  font-size: 14px;
  padding: 15px 0 40px;
}
#terms .paddle-component--body-section p:first-child {
  float: left;
}
#terms .paddle-component--body-section p:last-child {
  float: right;
}
#terms .paddle-component--body-section a {
  text-decoration: none;
  margin-right: 2rem;
}
#terms .paddle-component--body-section a:hover {
  text-decoration: underline;
}

.footer-copyright-wrapper,
#terms {
  background-color: #fff;
  color: #383936;
}
.footer-copyright-wrapper .layout__region,
#terms .layout__region {
  max-width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media (min-width: 48rem) {
  .footer-copyright-wrapper .layout__region,
  #terms .layout__region {
    padding-left: 4.16667%;
    padding-right: 4.16667%;
  }
}
@media (min-width: 75rem) {
  .footer-copyright-wrapper .layout__region,
  #terms .layout__region {
    /** 1200pc */
    padding-left: 8.33334%;
    padding-right: 8.33334%;
    max-width: 71.875rem; /** 1150px */
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
}
.footer-copyright-wrapper .paddle-component,
#terms .paddle-component {
  margin: 0;
  padding: 0;
}
.footer-copyright-wrapper a,
.footer-copyright-wrapper li,
.footer-copyright-wrapper strong,
.footer-copyright-wrapper p,
#terms a,
#terms li,
#terms strong,
#terms p {
  color: #383936;
  margin: 0;
  padding: 0;
}

.footer-copyright-wrapper {
  background-color: #f9f9f9;
}

.social-media-sharing {
  margin-bottom: 3rem;
  margin-top: 5rem;
}

/*END Footer --------------------------------------*/
/*---------------------------------------------------
      Basic page/general style
----------------------------------------------------*/
/*END Basic page -----------------------------------*/
/*---------------------------------------------------
      Homepage
----------------------------------------------------*/
.homepage #block-ocelot-paddle-page-title,
.homepage .region.region--breadcrumb,
.body--homepage #block-ocelot-paddle-page-title,
.body--homepage .region.region--breadcrumb {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.homepage .region-wrapper--content,
.body--homepage .region-wrapper--content {
  padding-top: 0;
}

/*END Homepage ------------------------------------*/
/*---------------------------------------------------
      News overview page
----------------------------------------------------*/
.view-news a.card {
  background-color: white;
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.view-news a.card::before, .view-news a.card::after {
  content: none;
}
.view-news a.card h3.card-title {
  margin: 0 0 16px 0;
  color: #383936;
  font-size: 1.25rem;
}
.view-news a.card .badge.badge-light {
  padding: 0;
  background-color: white;
  margin-bottom: 0.9375rem;
  font-size: 0.875rem;
  color: #00ffbe;
}
.view-news a.card .badge.badge-light .fas {
  display: none;
}
.view-news a.card .field--featured-image {
  overflow: hidden;
}
.view-news a.card .field--featured-image img {
  transition: 0.35s;
  width: 100%;
}
.view-news a.card:hover:after {
  background-position: 100% center;
}
.view-news a.card:hover h3.card-title {
  text-decoration: underline;
}
.view-news a.card:hover .field--featured-image img {
  transform: scale(1.05);
}

/*END News overview page ---------------------------*/
/*---------------------------------------------------
      News internal pages
----------------------------------------------------*/
.page-node-type-news-item h1 {
  font-size: 36px;
  color: #383936;
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
.page-node-type-news-item #block-ocelot-paddle-content .featured-image-body p:first-of-type:first-letter {
  font-size: 5.75em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 0.75;
  padding: 0;
  margin-right: 10px;
  float: left;
}
.page-node-type-news-item .field--publication-date .badge {
  background-color: #fff;
  padding: 0;
  display: flex;
}
.page-node-type-news-item .field--publication-date .badge:before {
  content: "";
  background-image: url("/sites/default/files/2025-05/agenda.svg");
  background-size: contain;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  margin-right: 5px;
}
.page-node-type-news-item .field--publication-date .badge .fas {
  display: none;
}
.page-node-type-news-item .field--publication-date .badge time {
  color: #383936;
  font-weight: 300;
  font-size: 0.875rem;
}

/*END News internal page ---------------------------*/
/*---------------------------------------------------
      Webform
----------------------------------------------------*/
.webform-submission-form .webform-progress {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.webform-submission-form .webform-progress .webform-progress-bar {
  padding-left: 0;
}
.webform-submission-form .webform-progress .webform-progress-bar li {
  line-height: 30px;
  background-color: #00ffbe;
  color: #383936;
  height: 40px;
  line-height: 40px;
}
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:before {
  border-left-color: #00ffbe;
  border-width: 20px;
}
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page.webform-progress-bar__page--current > b:before,
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page.webform-progress-bar__page--done > b:before {
  border-left-color: #dbdbdb;
}
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:after {
  top: -5px;
  border-width: 25px;
}
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page:last-child span {
  right: -20px;
}
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page:first-child span,
.webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page:last-child span {
  border-width: 20px;
}
.webform-submission-form details > legend,
.webform-submission-form details > summary,
.webform-submission-form fieldset:not(.form-composite) > legend,
.webform-submission-form fieldset:not(.form-composite) > summary {
  background-color: transparent;
  color: #383936;
  padding: 0 0 0 0;
}
.webform-submission-form details > .details-wrapper,
.webform-submission-form details > .fieldset-wrapper,
.webform-submission-form fieldset:not(.form-composite) > .details-wrapper,
.webform-submission-form fieldset:not(.form-composite) > .fieldset-wrapper {
  padding: 0;
}
.webform-submission-form details,
.webform-submission-form fieldset:not(.form-composite) {
  background-color: transparent;
}
.webform-submission-form .form-item {
  margin-bottom: 1rem;
}
.webform-submission-form .form-item label:not(.option) {
  font-weight: 600;
  margin-bottom: 4px;
}
.webform-submission-form fieldset.form-item {
  margin-bottom: 2rem;
}
.webform-submission-form fieldset.form-composite > legend span.fieldset-legend {
  font-weight: 600;
}
.webform-submission-form fieldset.form-composite > legend {
  margin-bottom: 0.5rem;
}
.webform-submission-form .form-item .description {
  margin-top: 0;
}
.webform-submission-form .form-managed-file {
  flex-wrap: wrap;
}
.webform-submission-form .form-managed-file .form-item {
  display: flex;
  flex: 1 1 100%;
  margin-bottom: 0.45rem;
  margin-top: 0.45rem;
  line-height: 1;
}
.webform-submission-form .form-managed-file > .form-submit {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin-top: 0.5rem;
}
.webform-submission-form .webform-actions {
  margin-top: 2rem;
}
.webform-submission-form .webform-actions input.form-submit {
  border: 2px solid #383936;
  line-height: 1.3;
  transition: 0.35s;
  color: #383936;
  background-color: transparent;
  font-size: 1rem;
  text-transform: none;
  padding: 1rem 1.5rem;
}
.webform-submission-form .webform-actions input.form-submit:hover {
  background-color: #383936;
  color: white;
}
.webform-submission-form .checkbox .form-item {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 0;
}
.webform-submission-form .checkbox .form-item input.form-check-input {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 1px;
  margin: 0;
}
.webform-submission-form .checkbox .form-item input.form-check-input + label {
  position: relative;
  padding-left: 30px;
  line-height: 1.1;
}
.webform-submission-form .checkbox .form-item input.form-check-input + label::before {
  content: "";
  display: block;
  height: 19px;
  width: 19px;
  border: 1px solid #383936;
  position: absolute;
  left: 0;
}
.webform-submission-form .checkbox .form-item input.form-check-input + label::after {
  content: "";
  display: block;
  height: 13px;
  width: 13px;
  background-color: #00ffbe;
  position: absolute;
  left: 3px;
  top: 3px;
  opacity: 0;
  transition: 0.35s;
}
.webform-submission-form .checkbox .form-item input.form-check-input:checked + label::after {
  opacity: 1;
}
.webform-submission-form .radio .form-item {
  margin-bottom: 8px;
  position: relative;
  padding-left: 0;
}
.webform-submission-form .radio .form-item input.form-check-input {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 1px;
  margin: 0;
}
.webform-submission-form .radio .form-item input.form-check-input + label {
  position: relative;
  padding-left: 30px;
  line-height: 1.1;
}
.webform-submission-form .radio .form-item input.form-check-input + label::before {
  content: "";
  display: block;
  height: 19px;
  width: 19px;
  border: 0;
  position: absolute;
  left: 0;
  background-color: #00ffbe;
  border-radius: 50%;
}
.webform-submission-form .radio .form-item input.form-check-input + label::after {
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  background-color: #00ffbe;
  position: absolute;
  left: 5px;
  top: 5px;
  opacity: 0;
  transition: 0.35s;
  border-radius: 50%;
}
.webform-submission-form .radio .form-item input.form-check-input:checked + label::after {
  opacity: 1;
}

.mailchimp-signup-subscribe-form .form-item {
  margin-bottom: 1rem;
}
.mailchimp-signup-subscribe-form .form-item label:not(.option) {
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 1rem;
}
.mailchimp-signup-subscribe-form .form-item label {
  display: flex;
  align-items: center;
}
.mailchimp-signup-subscribe-form .form-item .fieldset-wrapper {
  left: 1.5rem;
  position: relative;
}
.mailchimp-signup-subscribe-form .form-item .fieldset-wrapper .checkbox {
  margin-left: -1.5rem;
}
.mailchimp-signup-subscribe-form .form-item .form-control {
  border-color: #00ffbe;
  border-radius: 0;
}
.mailchimp-signup-subscribe-form .form-item.form-check {
  position: relative;
  padding-left: 0;
  line-height: 1;
}
.mailchimp-signup-subscribe-form .form-item.form-check input[type=checkbox] {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  margin: 0;
  box-shadow: none !important;
  border: 0;
}
.mailchimp-signup-subscribe-form .form-item.form-check input[type=checkbox] + .form-check-label {
  position: relative;
  padding-left: 30px;
}
.mailchimp-signup-subscribe-form .form-item.form-check input[type=checkbox] + .form-check-label::before {
  content: "";
  display: block;
  height: 19px;
  width: 19px;
  border: 1px solid #383936;
  position: absolute;
  left: 0;
}
.mailchimp-signup-subscribe-form .form-item.form-check input[type=checkbox] + .form-check-label::after {
  content: "";
  display: block;
  height: 13px;
  width: 13px;
  background-color: #383936;
  position: absolute;
  left: 3px;
  top: 3px;
  opacity: 0;
  transition: 0.35s;
}
.mailchimp-signup-subscribe-form .form-item.form-check input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.mailchimp-signup-subscribe-form .form-actions {
  margin-top: 2rem;
}
.mailchimp-signup-subscribe-form .form-actions input.form-submit {
  border: 3px solid #00ffbe;
  line-height: 1.3;
  transition: 0.35s;
  color: #00ffbe;
  background-color: transparent;
  font-size: 1rem;
  text-transform: none;
  padding: 0.6rem 1rem;
  border-radius: 0;
}
.mailchimp-signup-subscribe-form .form-actions input.form-submit:hover {
  background-color: #00ffbe;
  color: white;
}

.path-webform li.webform-progress-bar__page,
.path-webform li.webform-progress-bar__page--done > b,
.path-webform .webform-submission-form .webform-progress .webform-progress-bar li {
  line-height: 2.5;
  color: #383936;
}

.webform-progress,
#webform_block {
  margin: 60px 0;
}
.webform-progress li.webform-progress-bar__page,
.webform-progress li.webform-progress-bar__page--done > b,
.webform-progress .webform-submission-form .webform-progress .webform-progress-bar li,
#webform_block li.webform-progress-bar__page,
#webform_block li.webform-progress-bar__page--done > b,
#webform_block .webform-submission-form .webform-progress .webform-progress-bar li {
  background-color: #383936;
}
.webform-progress li.webform-progress-bar__page--done + li > b:before,
.webform-progress .webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:before,
#webform_block li.webform-progress-bar__page--done + li > b:before,
#webform_block .webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:before {
  border-left-color: #383936;
}
.webform-progress .form-item .custom-file-label,
.webform-progress .form-item .select2-selection,
.webform-progress .form-item input,
.webform-progress .form-item select,
.webform-progress .form-item textarea,
#webform_block .form-item .custom-file-label,
#webform_block .form-item .select2-selection,
#webform_block .form-item input,
#webform_block .form-item select,
#webform_block .form-item textarea {
  border-color: #383936;
  border-radius: 0;
}
.webform-progress .form-submit,
#webform_block .form-submit {
  border: 3px solid #383936;
  line-height: 1.3;
  transition: 0.35s;
  color: #383936;
  background-color: transparent;
  font-size: 1rem;
  text-transform: none;
  padding: 0.6rem 1rem;
  border-radius: 0;
  background-image: none;
}
.webform-progress .form-submit:hover,
#webform_block .form-submit:hover {
  background-color: #383936;
  color: #fff;
  border-color: #383936;
}

li.webform-progress-bar__page:first-child span {
  display: none;
}

.form-item .custom-file-label,
.form-item .select2-selection,
.form-item input,
.form-item select,
.form-item textarea {
  border-color: #d9d9d9;
}

.form-check-label,
.webform-submission-form .form-item label:not(.option) {
  display: flex;
  align-items: center;
}
.form-check-label i,
.webform-submission-form .form-item label:not(.option) i {
  position: relative;
  top: -2px;
}

/*END Webform -------------------------------*/
/*---------------------------------------------
  Popup style
----------------------------------------------*/
.ui-dialog .ui-dialog-titlebar {
  background-color: #383936;
}

body .popup-message h3 {
  font-size: 24px;
  margin-top: 1rem;
  margin-bottom: 9px;
}

body .popup-message a {
  color: #383936;
}

/*END Popup style -----------------------------*/
/*------------------------------------------------------
    Carousel Style
------------------------------------------------------*/
.page-wrapper .paddle-component--body-section .carousel-navigation a,
.page-wrapper .paddle-component--body-section .flex-pauseplay a {
  color: white;
}
.page-wrapper .paddle-component--body-section .flexslider .slides {
  padding: 0;
}
.page-wrapper .paddle-component--body-section .flexslider .slides > li {
  margin: 0;
}

.timeblockr_progress-indicator {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.timeblockr_vertical #accordion #timeblockr_otherselector > .location-resource-container > ul,
.timeblockr_vertical #accordion > ul,
.timeblockr_vertical #accordion ul#timeblockr_first_available,
.timeblockr_vertical #accordion ul#timeblockr_freechoice {
  box-shadow: none;
}

.timeblockr_vertical .timeblockr_active > .accordion {
  border-top: 1px solid #00ffbe;
}

.timeblockr_vertical #accordion ul li.timeblockr_route.timeblockr_active > div {
  padding: 0;
}

#timeblockr h2 {
  font-size: 24px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#timeblockr h3 {
  font-size: 15px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#timeblockr li {
  margin-bottom: 0 !important;
}

.timeblockr_progress-indicator-wrapper {
  background-color: transparent;
}

.timeblockr_progress-indicator.percent-0 {
  background-color: transparent !important;
  padding: 0;
}

details,
fieldset:not(.form-composite) {
  padding: 0.9375rem;
}

.timeblockr_basket .timeblockr_product,
.timeblockr_progress-indicator {
  background-color: #00ffbe;
}

.timeblockr_page-controls a {
  background-color: #00ffbe;
  text-decoration: none;
  font-size: 1rem;
  color: #383936;
  padding: 5px 0.9375rem;
  margin-bottom: 0.9375rem;
}
.timeblockr_page-controls a:hover {
  background-color: #383936 !important;
  color: #00ffbe !important;
}

.timeblockr_accordion_checkdata {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0 !important;
  padding: 1rem 2rem !important;
  background-color: #00ffbe;
}

@media screen and (min-width: 40em) {
  .layout--threecol-section--33-34-33 > .layout__region--second,
  .layout--threecol-section--33-34-33 > .layout__region--first,
  .layout--threecol-section--33-34-33 > .layout__region--third,
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: unset;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.9375rem) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 100%;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 100%;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 100%;
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 100%;
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 100%;
  }
}
@media screen and (min-width: 40em) and (max-width: 68.75rem) {
  .threecol-with-title__left,
  .layout__region--third {
    flex: 0 1 100%;
  }
}
/**** custom changes ****/
.section--counters {
  background-image: url("/sites/default/files/2025-05/bgbg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #383936;
  padding-top: 4rem;
  margin-bottom: 2rem;
  transition: 0.35s;
}
@media (max-width: 991px) {
  .section--counters {
    background-size: cover;
    background-position: bottom 0 right -1099px;
  }
}
.section--counters .number_wrapper {
  color: #fff;
  font-size: 65px;
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
}
.section--counters .number_wrapper .prefix {
  font-size: 24px;
}
.section--counters .number_wrapper .number {
  position: relative;
  z-index: 1;
  line-height: 1.1;
}
.section--counters .number_wrapper:after {
  content: "";
  position: absolute;
  right: 35%;
  top: 0;
  width: 136px;
  height: 136px;
  background-image: url("/sites/default/files/2025-05/kruisje.svg");
  background-repeat: no-repeat;
}
.section--counters .text {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  max-width: 220px;
}
.section--counters * {
  transition: 0.35s;
}
.section--counters .layout__region--third {
  position: relative;
}
.section--counters .layout__region--third .paddle-component {
  margin: 0;
}
.section--counters .layout__region--third .paddle-component-wrapper img {
  width: 100%;
  height: auto;
}
.section--counters .groenebol {
  background-image: url("/sites/default/files/2025-05/ellipsegreen.svg");
}
.section--counters .blauwebol {
  background-image: url("/sites/default/files/2025-05/ellipseblue.svg");
}
.section--counters .rodebol {
  background-image: url("/sites/default/files/2025-05/ellipsered.svg");
}
.section--counters .paddle-component-wrapper.fade-in img {
  animation: fadeInScale 0.8s ease-in;
}
.section--counters .paddle-component-wrapper.fade-out {
  animation: fadeOut 0.6s ease forwards;
}
@media (max-width: 62rem) {
  .section--counters .container-max-custom {
    flex-wrap: wrap;
  }
  .section--counters .layout__region--first,
  .section--counters .layout__region--second {
    flex: 0 0 auto;
    width: 50%;
  }
  .section--counters .layout__region--third {
    flex: 0 0 auto;
    width: 100%;
  }
}
.section--counters .container-max-custom {
  display: flex;
  max-width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-top: 100px;
}
.section--counters .container-max-custom::before {
  content: "ERTICO in numbers";
  font-size: 36px;
  color: #fff;
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  position: absolute;
  z-index: 22222;
  font-weight: bold;
  top: 2rem;
}
@media (min-width: 48rem) {
  .section--counters .container-max-custom {
    padding-left: 4.16667%;
    padding-right: 4.16667%;
  }
}
@media (min-width: 75rem) {
  .section--counters .container-max-custom {
    padding-left: 8.33334%;
    padding-right: 8.33334%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1780px) {
  .section--counters .container-max-custom {
    padding-left: 16.66668%;
    padding-right: 16.66668%;
    margin-left: auto;
    margin-right: auto;
  }
}

.page-wrapper .region--breadcrumb .breadcrumb .breadcrumb-item:first-child a:hover {
  color: #383936;
}

.fa-phone-alt::before {
  content: "";
  background-image: url(/sites/default/files/2025-05/phone.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.fa-envelope::before {
  content: "";
  background-image: url(/sites/default/files/2025-05/mail.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.fa-map-marked::before {
  content: "";
  background-image: url(/sites/default/files/2025-05/pin.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.fa-calendar-alt,
.fa-calendar-plus {
  height: auto !important;
}
.fa-calendar-alt::before,
.fa-calendar-plus::before {
  content: "";
  background-image: url(/sites/default/files/2025-05/dateblack.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 13px;
  height: 15px !important;
  display: block;
  top: -13px;
}

.fa-calendar-alt::before {
  top: 5px;
}

.sticky-footer-content .fas,
main .region-wrapper--content .fas {
  display: flex;
  height: 28px;
  width: 13px;
  position: relative;
  align-items: center;
  justify-content: center;
}
.sticky-footer-content .fas::before,
main .region-wrapper--content .fas::before {
  width: 13px;
  height: 13px;
  font-size: 12px;
}

header .menu--main {
  background-color: #fff;
}
@media (max-width: 61.9375rem) {
  header .menu--main {
    background-color: transparent;
    padding: 0.9375rem 15px 0;
    margin-top: 3rem;
    margin-bottom: 0;
  }
}

.marquee-component {
  padding-bottom: 0;
  padding-top: 0;
}

main .table thead > * > *,
main table thead > * > * {
  background-color: #383936;
  color: #fff;
  font-weight: bold;
  box-shadow: none;
}
main .table thead,
main table thead {
  background-color: #383936;
  border-color: #383936;
}
main .table-striped tbody tr:nth-of-type(odd),
main table tbody tr:nth-of-type(odd) {
  background-color: #00ffbe;
  border-color: #383936;
}
main .paddle-component--organisation-block .paddle-component--top-section {
  margin-top: 0 !important;
}
main .paddle-component--organisation-block h2 {
  font-size: 1.125rem !important;
}
main .paddle-component--organisation-block h2 a {
  text-decoration: none;
  font-size: 1.375rem;
  font-weight: 700;
}
main .fa-ext {
  display: none;
}
main .paddle-component--bottom-section a {
  height: 41px;
  display: inline-flex;
  text-decoration: none;
  font-weight: bold;
  padding: 0 40px 0 15px;
  align-items: center;
  border-color: #383936;
  border-width: 3px;
  border-style: solid;
  transition: 0.35s;
  position: relative;
}
main .paddle-component--bottom-section a:before {
  content: "";
  display: block;
  height: 36px;
  transition: 0.35s;
  width: 36px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
}
main .paddle-component--bottom-section a:hover {
  background-color: #383936;
  color: #fff;
  transition: 0.35s;
}
main .paddle-component--bottom-section a:hover:before {
  right: -2px;
  transition: 0.35s;
  filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(6%) hue-rotate(25deg) brightness(104%) contrast(100%);
}
main .paddle-components-navigation-block-wrapper ul {
  margin: 0 -15px;
  padding: 0;
}
main .paddle-components-navigation-block-wrapper ul li {
  margin-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 1780px) {
  main .paddle-components-navigation-block-wrapper ul li {
    flex: 0 0 auto;
    width: 50%;
  }
}
main .paddle-components-navigation-block-wrapper ul li > div {
  border-color: #383936;
  border-width: 3px;
  border-style: solid;
  height: 100%;
  padding: 15px;
  transition: 0.35s;
}
main .paddle-components-navigation-block-wrapper ul li > div:hover {
  border-color: #00ffbe;
  transition: 0.35s;
}
main .paddle-components-navigation-block-wrapper ul li > div:hover h2,
main .paddle-components-navigation-block-wrapper ul li > div:hover a {
  color: #00ffbe;
}

body:not(.homepage):not(.page--with-two-entities):not(.page--history):not(.node-58):not(.landing_page):not(.page--hero-banner) .header,
.page-node-type-search-page .header {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dcdcdc;
}
@media (min-width: 992px) {
  body:not(.homepage):not(.page--with-two-entities):not(.page--history):not(.node-58):not(.landing_page):not(.page--hero-banner) .header .header__wrapper .hamburger,
  .page-node-type-search-page .header .header__wrapper .hamburger {
    top: 0;
    position: relative;
  }
}

body:not(.homepage):not(.page--with-two-entities) .section--counters {
  padding-bottom: 2rem;
}
body:not(.homepage):not(.page--with-two-entities) .section--counters .layout__region--third .paddle-component-wrapper {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 85% auto;
  background-position: top center;
  transition: all 2s;
}
body:not(.homepage):not(.page--with-two-entities) .section--counters .layout__region--third .paddle-component-wrapper.visible {
  opacity: 1;
  position: relative; /* zodat de eerste div ruimte inneemt */
  transition: opacity 2s;
}
body:not(.homepage):not(.page--with-two-entities) .layout__region--second .paddle-components-banner-logo-block-wrapper {
  border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: #383936;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
body:not(.homepage):not(.page--with-two-entities) .layout__region--second .paddle-components-banner-logo-block-wrapper .marquee-component {
  padding-top: 0;
  padding-bottom: 0;
}
body:not(.homepage):not(.page--with-two-entities) .layout__region--second .paddle-components-banner-logo-block-wrapper .paddle-component--bottom-section {
  margin-top: 2rem;
}

body.landing_page .section--toptasks {
  position: relative;
  z-index: 1;
}
body.landing_page .section--toptasks .layout__region {
  display: flex;
  flex-wrap: wrap;
}
body.landing_page .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper {
  transition: 0.35s;
  display: flex;
  align-items: center;
}
body.landing_page .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
  display: flex;
  align-items: center;
  font-size: 1.125rem !important;
  text-transform: uppercase !important;
}
@media (max-width: 767px) {
  body.landing_page .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
body.landing_page .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a {
  text-decoration: none;
  text-transform: none;
  transition: 0.35s;
  font-weight: bold;
}
body.landing_page .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(3%) saturate(711%) hue-rotate(39deg) brightness(99%) contrast(87%);
}
@media (min-width: 62rem) {
  body.landing_page .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
body.landing_page .section--cardtasks {
  padding: 0;
  margin-bottom: 4rem;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-text-block-wrapper {
  margin-top: 3rem;
  margin-bottom: 0;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper {
  transition: 0.35s;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a {
  font-size: 24px !important;
  line-height: 1.5;
  text-decoration: none;
  transition: 0.35s;
  font-weight: bold;
  text-transform: none !important;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section:after {
  content: "";
  display: block;
  height: 36px;
  transition: 0.35s;
  width: 100%;
  border: 0;
  background-image: url(/sites/default/files/2025-05/arrow-right.svg);
  background-repeat: no-repeat;
  position: relative;
  background-position: left center;
  background-size: 19px auto;
  margin-left: -4px;
  margin-top: 10px;
  z-index: 3;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper:hover .paddle-component--top-section:after {
  margin-left: 0;
  transition: 0.35s;
}
body.landing_page .section--cardtasks .layout__region--second {
  padding-right: 0;
}
body.landing_page .section--cardtasks .layout__region--second .paddle-component--image-block {
  margin: 0;
  border-radius: 500px;
  overflow: hidden;
  border-width: 5px;
  border-style: solid;
  border-color: #00ffbe;
}
body.landing_page .section--cardtasks {
  position: relative;
  z-index: 3;
  margin-bottom: 4.7rem;
}
body.landing_page .section--cardtasks .layout__region--first .inner-wrapper {
  display: flex;
  flex-wrap: wrap;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  transition: 0.35s;
}
@media (max-width: 767px) {
  body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a {
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.35s;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section img {
  filter: brightness(0) saturate(100%) invert(74%) sepia(7%) saturate(4574%) hue-rotate(322deg) brightness(102%) contrast(89%);
  transition: 0.35s;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper:nth-child(1):hover {
  transition: 0.35s;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper:nth-child(1):hover img {
  filter: brightness(0) saturate(100%) invert(62%) sepia(98%) saturate(399%) hue-rotate(109deg) brightness(103%) contrast(109%);
  transition: 0.35s;
}
body.landing_page .section--cardtasks .layout__region--first .paddle-components-top-bottom-only-block-wrapper:nth-child(1):hover a {
  color: #00ffbe;
  transition: 0.35s;
}
body.landing_page .paddle-components-contact-person-block-wrapper {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.landing_page .paddle-components-contact-person-block-wrapper .field--function .field-with-icon__icon,
body.landing_page .paddle-components-contact-person-block-wrapper .field--type--telephone,
body.landing_page .paddle-components-contact-person-block-wrapper .field--display-tags-frontend-node {
  display: none;
}
body.landing_page .paddle-components-contact-person-block-wrapper .fa-envelope {
  width: 20px;
  height: 26px;
}
body.landing_page .paddle-components-contact-person-block-wrapper .fa-envelope::before {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
body.landing_page .paddle-components-contact-person-block-wrapper .fa-envelope .fas::before {
  width: 20px;
  height: 20px;
}
body.landing_page .paddle-components-contact-person-block-wrapper .field--mail {
  position: relative;
}
body.landing_page .paddle-components-contact-person-block-wrapper .field--mail a {
  color: #fff;
  font-size: 0;
  text-decoration: none;
}
body.landing_page .paddle-components-contact-person-block-wrapper .field--mail a::after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
body.landing_page .paddle-components-contact-person-block-wrapper h3 a {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}
body.landing_page .paddle-components-contact-person-block-wrapper h3 a span {
  font-weight: 300;
  display: block;
}

@media (max-width: 990px) {
  .section--text-on-image {
    display: block;
  }
  .section--text-on-image .layout__region {
    width: 100%;
  }
}

.comp--text-on-image {
  position: relative;
}
.comp--text-on-image .paddle-component--top-section.image {
  overflow: hidden;
  transition: 0.35s;
}
.comp--text-on-image .paddle-component--top-section.image img {
  transition: 0.35s;
}
@media (min-width: 991px) and (max-width: 1400px) {
  .comp--text-on-image p {
    font-size: 1vw;
  }
}
.comp--text-on-image .paddle-component--text-block {
  position: relative;
}
.comp--text-on-image .paddle-component--text-block:after {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
}
.comp--text-on-image .paddle-component--body-section,
.comp--text-on-image .paddle-component--bottom-section {
  position: absolute;
  z-index: 1;
  color: #fff;
  top: 0;
  padding: 2rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.comp--text-on-image .paddle-component--body-section a,
.comp--text-on-image .paddle-component--body-section h3,
.comp--text-on-image .paddle-component--bottom-section a,
.comp--text-on-image .paddle-component--bottom-section h3 {
  color: #fff;
}
.comp--text-on-image .paddle-component--body-section {
  flex-direction: column;
  justify-content: center;
}
.comp--text-on-image .paddle-component--bottom-section a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  border-color: #00ffbe;
  color: #00ffbe;
  text-decoration: none;
  display: inline-block;
  padding: 8px 0.9375rem;
  line-height: 1.4;
  background-image: none !important;
  width: 120px;
  position: unset;
}
.comp--text-on-image .paddle-component--bottom-section a:hover, .comp--text-on-image .paddle-component--bottom-section a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.comp--text-on-image .paddle-component--bottom-section a:before {
  display: none !important;
}
.comp--text-on-image .paddle-component--bottom-section a:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.comp--text-on-image:hover .paddle-component--top-section.image img {
  transform: scale(1.05);
  transition: 0.35s;
}
.comp--text-on-image:hover .paddle-component--bottom-section a {
  background-color: transparent;
  background-image: none;
  border-color: #fff;
  color: #fff;
}

/*** page with two entities in the hero banner (moonshot) ***/
/*
.page--with-two-entities {
  h1 {
    font-size: 1.75rem;
    color: $clr-secondary;
    position: relative;
    margin-top: 0;
    margin-bottom: 2rem;
    word-break: auto-phrase;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    text-transform: uppercase;
  }

  .section--banner-entities-colored-bg {
    @media (min-width: 768px) {
      align-items: center;
      #block-ocelot-paddle-page-title,
      .col-md-12 {
        flex: 0 0 auto;
        width: 33%;
      }
    }
    .inner-wrapper {
      height: 365px;
      overflow: hidden;
      position: relative;
      .paddle-components-text-block-wrapper {
        padding: 1rem 3rem;
        height: 100%;
        display: flex;
        flex-direction: column-reverse;
        transition: 0.35s;
        .paddle-component--text-block {
          padding-left: 50%;
        }
        .paddle-component--top-section {
          position: unset;
          margin: 0;
          font-size: $h2-fs;
          color: #fff;
          text-transform: none;
          font-weight: bold;
        }
        .paddle-component--body-section {
          p {
            font-weight: bold;
            color: #fff;
          }
        }
        .paddle-component--bottom-section {
          position: unset;
          margin-bottom: 0;
          a {
            @include btn-primary;
            display: inline-block;
            border-color: #fff;
            color: #fff;
            text-decoration: none;
            background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
            &:after {
              content: "";
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              position: absolute;
              display: block;
            }
            &:hover {
              background-color: transparent;
              border-color: #fff;
              color: #fff;
              background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
            }
          }
        }
      }
    }
    .layout__region--first {
      .inner-wrapper {
        .paddle-components-text-block-wrapper {
          background-image: url("/sites/default/files/2025-06/bluebg.png");
          background-size: 100% 100%;
        }
      }
    }
    .layout__region--second {
      .inner-wrapper {
        .paddle-components-text-block-wrapper {
          background-image: url("/sites/default/files/2025-06/orangebg.png");
          background-size: 100% 100%;
        }
      }
    }
    .layout__region {
      &:hover {
        .inner-wrapper {
          .paddle-components-text-block-wrapper {
            transform: scale(1.05);
            transition: 0.35s;
          }
        }
      }
    }
  }
}
*/
.page-node-type-product main #block-ocelot-paddle-content .layout__region--first .field > .label {
  font-weight: bold;
}
.page-node-type-product main #block-ocelot-paddle-content .layout__region--first .field-block.field-link:first-child a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
}
.page-node-type-product main #block-ocelot-paddle-content .layout__region--first .field-block.field-link:first-child a:hover, .page-node-type-product main #block-ocelot-paddle-content .layout__region--first .field-block.field-link:first-child a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.page-node-type-product main #block-ocelot-paddle-content .layout__region--first .field-call_to_action_1 a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
}
.page-node-type-product main #block-ocelot-paddle-content .layout__region--first .field-call_to_action_1 a:hover, .page-node-type-product main #block-ocelot-paddle-content .layout__region--first .field-call_to_action_1 a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.page-node-type-product main .layout__region--second .node--organisation {
  background-color: #383936;
  padding: 1.5rem;
  margin-bottom: 2rem;
  font-size: 1rem;
  font-weight: 100;
}
.page-node-type-product main .layout__region--second .node--organisation .field {
  margin-bottom: 0;
}
.page-node-type-product main .layout__region--second .node--organisation h2 a {
  color: #383936;
  font-size: 1.375rem;
  text-decoration: none;
  font-weight: 700;
}
.page-node-type-product main .layout__region--second .node--organisation ul {
  padding-left: 0;
  margin: 0;
}
.page-node-type-product main .layout__region--second .node--organisation ul li {
  list-style-type: none;
}
.page-node-type-product main .layout__region--second .node--organisation ul li a {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
}
.page-node-type-product main .layout__region--second .node--organisation ul li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: 13px;
  height: 22px;
  background-image: url(/sites/default/files/2025-05/arrow_list_0.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.page-node-type-product main .layout__region--second .node--organisation .opening-hours {
  box-shadow: none;
  background-color: transparent;
  padding: 0;
}
.page-node-type-product main .layout__region--second .node--organisation .field--opening-hours-ref {
  position: relative;
}
.page-node-type-product main .layout__region--second .node--organisation .field--opening-hours-ref:before {
  content: "Openingsuren";
  color: #000000;
  font-size: 1.375rem;
  text-decoration: none;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  display: block;
  font-family: "montserrat", sans-serif;
}
.page-node-type-product main .layout__region--second .node--organisation .day {
  border-bottom-style: dashed;
  border-bottom-color: #383936;
  border-bottom-width: 1px;
  padding-left: 10px;
  padding-right: 15px;
}
.page-node-type-product main .layout__region--second .fa-clock {
  display: none;
}
.page-node-type-product main .layout__region--second .opening-hour {
  margin: 0;
}
.page-node-type-product main .layout__region--second .opening-hour .label {
  white-space: normal;
  word-break: break-word;
}
.page-node-type-product main .layout__region--second .opening-hours-top {
  margin: 0;
  border-bottom-width: 1px;
  border-bottom-color: #383936;
}
.page-node-type-product main .layout__region--second .opening-hours-top .fas::before {
  background-color: transparent;
}
.page-node-type-product main .layout__region--second .opening-hours .day.today {
  background-color: #383936;
}
.page-node-type-product main .layout__region--second .day-label,
.page-node-type-product main .layout__region--second .opening-hours .day.today .day-label,
.page-node-type-product main .layout__region--second .opening-hours .opening-hours-top__title,
.page-node-type-product main .layout__region--second .time {
  box-shadow: none;
  border: 0;
  padding: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  font-weight: 100 !important;
  font-size: 1rem;
}
.page-node-type-product main .layout__region--second .time.closed,
.page-node-type-product main .layout__region--second .time.open {
  background-color: transparent;
  color: #383936;
}
.page-node-type-product main .layout__region--second .time.closed::after,
.page-node-type-product main .layout__region--second .time.open::after {
  display: none;
}

.section--with-circle-image {
  padding: 0 !important;
  margin-bottom: 2rem;
}
@media (min-width: 48rem) {
  .section--with-circle-image .layout__region--first {
    padding-left: 4.16667%;
  }
}
@media (min-width: 75rem) {
  .section--with-circle-image .layout__region--first {
    padding-left: 8.33334%;
  }
}
@media (min-width: 1780px) {
  .section--with-circle-image .layout__region--first {
    padding-left: 16.66668%;
  }
}
.section--with-circle-image .layout__region--first .inner-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 2rem 0;
}
.section--with-circle-image .layout__region--first .inner-wrapper strong {
  font-size: 1rem;
}
.section--with-circle-image .layout__region--first .inner-wrapper em {
  font-style: normal;
}
.section--with-circle-image .layout__region--first .inner-wrapper em strong {
  font-size: 1.5rem !important;
  line-height: 1.5rem;
}
.section--with-circle-image .layout__region--first .inner-wrapper .paddle-component--bottom-section {
  margin-top: 2rem;
}
.section--with-circle-image .layout__region--first .inner-wrapper .paddle-component--bottom-section a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  text-align: left;
  display: inline-block;
  border-color: #fff;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
}
.section--with-circle-image .layout__region--first .inner-wrapper .paddle-component--bottom-section a:hover, .section--with-circle-image .layout__region--first .inner-wrapper .paddle-component--bottom-section a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
.section--with-circle-image .layout__region--first .inner-wrapper .paddle-component--bottom-section a:hover {
  border-color: #00ffbe;
  color: #00ffbe;
  background-image: url("/sites/default/files/2025-05/arrow-right-green.svg");
}
.section--with-circle-image .layout__region--second {
  padding-right: 0;
}
.section--with-circle-image .layout__region--second .inner-wrapper {
  height: 100%;
}
.section--with-circle-image .layout__region--second .inner-wrapper * {
  height: 100%;
}
.section--with-circle-image .layout__region--second .paddle-component--image-block {
  margin: 0;
  border-radius: 500px 0 0 500px;
  overflow: hidden;
}
.section--with-circle-image .layout__region--second .paddle-component--image-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: all 0.35s; /*
@media (max-width: 990px) {
  height: 100%;
  width: auto;
  max-width: none;
}*/
}
@media (min-width: 991px) {
  .section--with-circle-image .layout__region--second .paddle-component--image-block img {
    margin-right: -30px;
  }
}

body.page--hero-banner {
  background-color: transparent !important;
}
body.page--hero-banner .region-wrapper--content {
  padding-top: 0;
}
body.page--hero-banner h1 {
  font-size: 2.75rem;
  color: #00ffbe;
  position: relative;
  margin-top: 0;
  margin-bottom: 2rem;
  word-break: auto-phrase;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-transform: uppercase;
}
@media (min-width: 991px) {
  body.page--hero-banner h1 {
    font-size: 4.5rem;
    margin-top: 0;
    margin-bottom: 3rem;
  }
}
body.page--hero-banner header {
  position: absolute;
  width: 100%;
  z-index: 3;
}
body.page--hero-banner header .container-max-xxl {
  max-width: none;
}
body.page--hero-banner .region-wrapper--content {
  padding-bottom: 0;
}
body.page--hero-banner .logo {
  z-index: 3333333;
  transition: 0.35s;
  top: 0;
}
@media (min-width: 991px) {
  body.page--hero-banner .logo {
    position: absolute;
    width: calc(100% - 120px);
  }
}
body.page--hero-banner .logo img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
  transition: 0.35s;
  margin-left: 1rem;
}
body.page--hero-banner main {
  /*  margin-top: 880px;*/
}
body.page--hero-banner main h3 {
  text-transform: uppercase;
}
body.page--hero-banner main .layout {
  position: relative;
}
body.page--hero-banner main .layout .paddle-component--top-section.text {
  font-size: 24px;
  color: #383936;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700;
}
body.page--hero-banner main .layout--twocol-section--67-33 .media-frame,
body.page--hero-banner main .layout--twocol-section--33-67 .media-frame {
  position: relative;
}
body.page--hero-banner main .layout--twocol-section--67-33 .media-frame:before,
body.page--hero-banner main .layout--twocol-section--33-67 .media-frame:before {
  content: "";
  background-image: url("/sites/default/files/2025-06/dots.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 21;
  left: 0;
  top: 0;
  opacity: 0.1;
}
body.page--hero-banner main .layout--twocol-section--67-33 .inner-wrapper,
body.page--hero-banner main .layout--twocol-section--67-33 .paddle-components-text-block-wrapper,
body.page--hero-banner main .layout--twocol-section--33-67 .inner-wrapper,
body.page--hero-banner main .layout--twocol-section--33-67 .paddle-components-text-block-wrapper {
  height: 100%;
}
body.page--hero-banner main .layout--twocol-section--67-33 .paddle-components-text-block-wrapper,
body.page--hero-banner main .layout--twocol-section--33-67 .paddle-components-text-block-wrapper {
  display: flex;
  align-items: flex-end;
}
body.page--hero-banner main .layout--twocol-section--67-33 .paddle-components-text-block-wrapper .paddle-component--body-section,
body.page--hero-banner main .layout--twocol-section--33-67 .paddle-components-text-block-wrapper .paddle-component--body-section {
  position: relative;
}
body.page--hero-banner main .layout--twocol-section--67-33 .paddle-components-text-block-wrapper .paddle-component--body-section:after,
body.page--hero-banner main .layout--twocol-section--33-67 .paddle-components-text-block-wrapper .paddle-component--body-section:after {
  content: "";
  display: block;
  width: 41px;
  height: 41px;
  background-image: url(/sites/default/files/2025-05/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-width: 3px;
  border-style: solid;
  border-color: #383936;
  transform: rotate(90deg);
}
body.page--hero-banner main .section--bg-image-white-text-bg {
  position: relative;
}
body.page--hero-banner main .section--bg-image-white-text-bg a {
  z-index: 25;
  position: relative;
}
body.page--hero-banner main .section--bg-image-white-text-bg:before {
  content: "";
  background-image: url("/sites/default/files/2025-06/dots.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 21;
  left: 0;
  top: 0;
  opacity: 0.1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section {
  position: relative;
  z-index: 3;
  margin-top: 2rem;
  background-color: transparent;
  padding-bottom: 2rem;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region .inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region .inner-wrapper .paddle-components-text-block-wrapper {
  margin-top: 3rem;
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region .inner-wrapper .paddle-components-top-bottom-only-block-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  transition: 0.35s;
  padding: 15px;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region .inner-wrapper .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
  transition: 0.35s;
  font-weight: bold;
  cursor: pointer;
  max-width: 300px;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region .inner-wrapper .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section:after {
  content: "";
  display: block;
  height: 41px;
  transition: 0.35s;
  width: 100%;
  border: 0;
  background-image: url(/sites/default/files/2025-05/arrow-right.svg);
  background-repeat: no-repeat;
  position: relative;
  background-position: left center;
  background-size: 19px auto;
  margin-left: -4px;
  margin-top: 10px;
  z-index: 3;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region .inner-wrapper .paddle-components-top-bottom-only-block-wrapper:hover .paddle-component--top-section:after {
  margin-left: 0;
  transition: 0.35s;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--first img {
  margin-bottom: 1rem;
  width: 100px;
  height: 100px;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .inner-wrapper {
  background-color: #fff;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-component--image-block {
  margin: 0;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  transition: 0.35s;
  overflow: hidden;
  position: relative;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper .paddle-component--image-block,
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper .paddle-component--body-section,
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper .media-frame {
  transition: 0.35s;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper .paddle-component--image-block img,
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper .paddle-component--body-section img,
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper .media-frame img {
  transition: 0.35s;
  width: 100%;
  max-width: none;
  height: auto;
  transform: scale(1);
  transition: transform 0.3s ease;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper .paddle-component--top-section {
  position: absolute;
  opacity: 0;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper:nth-child(1):before {
  background-color: rgba(248, 48, 72, 0.5);
  z-index: 1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper:nth-child(3):before {
  background-color: rgba(0, 255, 190, 0.5);
  z-index: 1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper:nth-child(2):before {
  background-color: rgba(241, 152, 105, 0.5);
  z-index: 1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper:nth-child(4):before {
  background-color: rgba(65, 97, 255, 0.5);
  z-index: 1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: 0.35s;
  flex: unset;
  max-width: unset;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered .paddle-component--image-block,
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered .paddle-component--body-section,
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered .media-frame {
  height: 100%;
  transition: 0.35s;
  background-color: #fff;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered .paddle-component--image-block img,
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered .paddle-component--body-section img,
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered .media-frame img {
  height: 100%;
  width: auto;
  transition: 0.35s;
  transform: scale(1.05); /* Adjust the scale factor as needed */
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered:before {
  width: 100%;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second .paddle-components-image-block-wrapper.hovered .paddle-component--top-section {
  position: absolute;
  bottom: 2rem;
  opacity: 1;
  font-size: 1rem;
  color: #fff;
  z-index: 33;
  padding: 0 2rem;
}
@media (min-width: 1780px) {
  body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--first {
    flex: 0 0 auto;
    width: 50%;
    margin-right: 5%;
  }
  body.page--hero-banner .section--toptasks.layout--twocol-section .layout__region--second {
    flex: 0 0 auto;
    width: 45%;
  }
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  transition: 0.35s;
  overflow: hidden;
  position: relative;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper .paddle-component--image-block,
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper .paddle-component--body-section,
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper .media-frame {
  transition: 0.35s;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper .paddle-component--image-block img,
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper .paddle-component--body-section img,
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper .media-frame img {
  transition: 0.35s;
  width: 100%;
  max-width: none;
  height: auto;
  transform: scale(1);
  transition: transform 0.3s ease;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper .paddle-component--top-section {
  position: absolute;
  opacity: 0;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper:nth-child(1):before {
  background-color: rgba(248, 48, 72, 0.5);
  z-index: 1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper:nth-child(3):before {
  background-color: rgba(0, 255, 190, 0.5);
  z-index: 1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper:nth-child(2):before {
  background-color: rgba(241, 152, 105, 0.5);
  z-index: 1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper:nth-child(4):before {
  background-color: rgba(65, 97, 255, 0.5);
  z-index: 1;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: 0.35s;
  flex: unset;
  max-width: unset;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered .paddle-component--image-block,
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered .paddle-component--body-section,
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered .media-frame {
  height: 100%;
  transition: 0.35s;
  background-color: #fff;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered .paddle-component--image-block img,
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered .paddle-component--body-section img,
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered .media-frame img {
  height: 100%;
  width: auto;
  transition: 0.35s;
  transform: scale(1.05); /* Adjust the scale factor as needed */
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered:before {
  width: 100%;
}
body.page--hero-banner .section--toptasks.layout--twocol-section .paddle-components-image-block-wrapper.hovered .paddle-component--top-section {
  position: absolute;
  bottom: 0;
  opacity: 1;
  font-size: 1rem;
  color: #fff;
  z-index: 33;
  padding: 0 2rem;
}
body.page--hero-banner .section--hero-banner {
  /*   height: 880px;
     position: absolute;*/
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  body.page--hero-banner .section--hero-banner {
    min-height: unset;
    background-attachment: unset;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
body.page--hero-banner .section--hero-banner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
body.page--hero-banner .section--hero-banner #region-breadcrumb {
  position: absolute;
  top: 150px;
  width: 100%;
  z-index: 2;
  color: #fff;
}
body.page--hero-banner .section--hero-banner #region-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
body.page--hero-banner .section--hero-banner #region-breadcrumb li,
body.page--hero-banner .section--hero-banner #region-breadcrumb a {
  color: #fff;
}
body.page--hero-banner .section--hero-banner #region-breadcrumb .breadcrumb-item:last-child {
  font-weight: bold;
}
body.page--hero-banner .section--hero-banner #block-ocelot-paddle-page-title {
  position: absolute;
  bottom: 200px;
  width: 100%;
  z-index: 2;
}
body.page--hero-banner .section--hero-banner #block-ocelot-paddle-page-title h1 {
  max-width: 750px;
  display: block;
}
@media (min-width: 991px) {
  body.page--hero-banner .section--hero-banner #block-ocelot-paddle-page-title h1 {
    font-size: 4.5rem;
  }
}
body.page--hero-banner .section--hero-banner .paddle-components-text-block-wrapper {
  position: absolute;
  bottom: 180px;
  z-index: 2;
}
@media (max-width: 600px) {
  body.page--hero-banner .section--hero-banner .paddle-components-text-block-wrapper {
    bottom: 80px;
    opacity: 1 !important;
  }
}
body.page--hero-banner .section--hero-banner .paddle-components-text-block-wrapper #block-ocelot-paddle-page-title {
  position: relative;
  width: 100%;
  bottom: unset;
}
body.page--hero-banner .section--hero-banner .paddle-components-text-block-wrapper #block-ocelot-paddle-page-title h1 {
  max-width: 750px;
  display: block;
}
@media (min-width: 991px) {
  body.page--hero-banner .section--hero-banner .paddle-components-text-block-wrapper #block-ocelot-paddle-page-title h1 {
    font-size: 4.5rem;
  }
}
body.page--hero-banner .section--hero-banner .paddle-components-text-block-wrapper .paddle-component--text-block {
  color: #fff;
  max-width: 726px;
}
body.page--hero-banner .section--hero-banner .scrolldown {
  position: absolute;
  right: 0;
  left: calc(50% - 20px);
  bottom: 2rem;
  z-index: 333;
}
body.page--hero-banner .section--hero-banner .scrolldown a {
  position: relative;
  display: inline-block;
  color: #474544;
  text-decoration: none;
  transition: opacity 0.3s;
  width: 24px;
  height: 40px;
}
body.page--hero-banner .section--hero-banner .scrolldown a span {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  border: 3px solid #00ffbe;
  box-sizing: border-box;
  transition: 0.35s;
  transform: rotate(90deg);
}
body.page--hero-banner .section--hero-banner .scrolldown a span::before {
  position: absolute;
  top: 0;
  left: -5px;
  content: "";
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  background-image: url(/sites/default/files/2025-05/arrow-right-green.svg);
  background-repeat: no-repeat;
  background-position: center;
  animation: sdb10 2s infinite;
  transition: 0.35s;
}
body.page--hero-banner .section--hero-banner .scrolldown a:hover span {
  border: 3px solid #ffffff;
  transition: 0.35s;
}
body.page--hero-banner .section--hero-banner .scrolldown a:hover span::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(14%) saturate(7464%) hue-rotate(290deg) brightness(124%) contrast(104%);
  transition: 0.35s;
}
body.page--hero-banner .section--hero-banner .moveLeft {
  z-index: 3333;
}
@media (min-width: 1280px) {
  body.page--hero-banner .section--hero-banner .moveLeft {
    padding-left: 8.33334% !important;
    justify-content: flex-start !important;
  }
}
@media (min-width: 1780px) {
  body.page--hero-banner .section--hero-banner .moveLeft {
    padding-left: 16.66668% !important;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(10px, 0);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
body.page--hero-banner .section--hero-banner .section--toptasks {
  position: relative;
  z-index: 3;
  margin-bottom: 2rem;
  display: flex;
}
@media (max-width: 1480px) {
  body.page--hero-banner .section--hero-banner .section--toptasks {
    margin-bottom: 2rem;
  }
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  transition: 0.35s;
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a {
  text-decoration: none;
  text-transform: none;
  transition: 0.35s;
  font-weight: bold;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 767px) {
  body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a {
    font-size: 1rem;
  }
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(1):hover {
  transition: 0.35s;
  /* img {
    filter: brightness(0) saturate(100%) invert(62%) sepia(98%)
      saturate(399%) hue-rotate(109deg) brightness(103%)
      contrast(109%);
    transition: 0.35s;
  }*/
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(1):hover a {
  color: #00ffbe;
  transition: 0.35s;
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(2):hover {
  /*    img {
    filter: brightness(0) saturate(100%) invert(24%) sepia(34%)
      saturate(5398%) hue-rotate(336deg) brightness(110%) contrast(94%);
    transition: 0.35s;
  }*/
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(2):hover a {
  color: #f83048;
  transition: 0.35s;
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(3):hover {
  /*  img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(26%)
      saturate(5861%) hue-rotate(253deg) brightness(90%) contrast(95%);
    transition: 0.35s;
  }*/
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(3):hover a {
  color: #7939cc;
  transition: 0.35s;
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(4):hover {
  /*img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(11%)
      saturate(6750%) hue-rotate(313deg) brightness(99%) contrast(91%);
    transition: 0.35s;
  }*/
}
body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(4):hover a {
  color: #f19869;
  transition: 0.35s;
}
@media (min-width: 62rem) {
  body.page--hero-banner .section--hero-banner .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
body.page--hero-banner .section--sub-banner {
  height: 520px;
  background-size: 75%;
  background-color: #383936;
  margin-bottom: 2rem;
}
body.page--hero-banner .section--sub-banner .layout__region {
  max-width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  height: 100%;
}
@media (min-width: 48rem) {
  body.page--hero-banner .section--sub-banner .layout__region {
    padding-left: 4.16667%;
    padding-right: 4.16667%;
  }
}
@media (min-width: 75rem) {
  body.page--hero-banner .section--sub-banner .layout__region {
    padding-left: 8.33334%;
    padding-right: 8.33334%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1780px) {
  body.page--hero-banner .section--sub-banner .layout__region {
    padding-left: 16.66668%;
    padding-right: 16.66668%;
    margin-left: auto;
    margin-right: auto;
  }
}
body.page--hero-banner .section--sub-banner .paddle-components-text-block-wrapper,
body.page--hero-banner .section--sub-banner .paddle-component--text-block {
  height: 100%;
}
body.page--hero-banner .section--sub-banner .paddle-component--body-section {
  display: flex;
  height: 100%;
  align-items: center;
  max-width: 600px;
}
body.page--hero-banner .section--sub-banner .paddle-component--body-section p {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
body.page--hero-banner .section--bg-image-white-text-bg {
  height: 526px;
  margin-bottom: 6rem;
  margin-top: 2rem;
}
body.page--hero-banner .section--bg-image-white-text-bg a {
  z-index: 25;
  position: relative;
}
body.page--hero-banner .section--bg-image-white-text-bg .paddle-components-text-block-wrapper {
  background-color: #fff;
  padding: 2rem;
  position: absolute;
  bottom: -50px;
  right: 4rem;
  max-width: 820px;
}
body.page--hero-banner .section--bg-image-white-text-bg .paddle-components-text-block-wrapper p {
  font-weight: bold;
}
body.page--hero-banner .section--bg-image-white-text-bg .paddle-components-text-block-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 10px;
  top: 10px;
  width: 100%;
  height: 100%;
  background-color: #00ffbe;
}
body.page--hero-banner .section--phase .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section.image {
  margin: 0;
  display: flex;
  justify-content: center;
}
body.page--hero-banner .section--phase .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section.image img {
  width: 241px;
  height: auto;
}
body.page--hero-banner .section--phase .paddle-components-top-bottom-only-block-wrapper .paddle-component--bottom-section {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
}
body.page--hero-banner #phase-one {
  border-bottom-color: #9b9c9a;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
body.page--hero-banner #phase-one .paddle-components-top-bottom-only-block-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 80px;
}
body.page--hero-banner #phase-one .paddle-components-top-bottom-only-block-wrapper:after {
  content: "";
  display: block;
  height: 1px;
  width: 80px;
  border-bottom-color: #9b9c9a;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  transform: rotate(90deg);
  position: absolute;
  bottom: 40px;
}
body.page--hero-banner #phase-two {
  margin-bottom: 4rem;
}
body.page--hero-banner #phase-two .paddle-components-text-block-wrapper {
  margin-top: 2rem;
}
body.page--hero-banner #phase-two .paddle-components-top-bottom-only-block-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
}
body.page--hero-banner #phase-two .paddle-components-top-bottom-only-block-wrapper:after {
  content: "";
  display: block;
  height: 1px;
  width: 80px;
  border-bottom-color: #9b9c9a;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  transform: rotate(90deg);
  position: absolute;
  top: 40px;
}
body.page--hero-banner .section--dark-bg {
  position: relative;
  padding-top: 2rem;
}
body.page--hero-banner .section--dark-bg .paddle-component,
body.page--hero-banner .section--dark-bg p,
body.page--hero-banner .section--dark-bg h2,
body.page--hero-banner .section--dark-bg h3,
body.page--hero-banner .section--dark-bg h4,
body.page--hero-banner .section--dark-bg h5,
body.page--hero-banner .section--dark-bg li {
  color: #ffffff !important;
  position: relative;
}
body.page--hero-banner .section--dark-bg a {
  color: #ffffff;
}
body.page--hero-banner .section--dark-bg h3 {
  text-transform: none !important;
}
body.page--hero-banner .section--dark-bg strong {
  font-size: 24px;
}
body.page--hero-banner .section--dark-bg .form-item textarea,
body.page--hero-banner .section--dark-bg .form-item input,
body.page--hero-banner .section--dark-bg .form-control:focus {
  color: #fff;
}
body.page--hero-banner .section--dark-bg::before {
  content: "";
  display: block;
  background-color: #383936;
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  margin-left: -50%;
  margin-right: -50%;
}
body.page--hero-banner .section--dark-bg.center .layout__region {
  display: flex;
  justify-content: center;
}
body.page--hero-banner .section--dark-bg#mission {
  padding-top: 3rem;
}
body.page--hero-banner .section--dark-bg#mission .paddle-component--counter-component-block {
  display: flex;
  justify-content: center;
}
body.page--hero-banner .section--dark-bg#mission .paddle-component--counter-component-block .number_wrapper {
  font-size: 128px;
  font-weight: bold;
  color: #00ffbe;
  text-align: center;
  line-height: 1;
  display: flex;
  flex-direction: column;
}
body.page--hero-banner .section--dark-bg#mission .paddle-component--counter-component-block .text {
  text-align: center;
}
body.page--hero-banner .section--dark-bg#mission .paddle-component--counter-component-block .prefix {
  font-size: 24px;
}
body.page--hero-banner .section--dark-bg#mission .paddle-component--top-section.text,
body.page--hero-banner .section--dark-bg#mission h3 {
  text-transform: none;
}
body.page--hero-banner .section--dark-bg#mission strong {
  font-size: 1rem;
  line-height: 1.5;
}
body.page--hero-banner .section--dark-bg#mission .paddle-component--image-block img {
  position: absolute;
  transform: scale(1.2);
  transition: 0.35s;
  cursor: pointer;
}
@media (min-width: 1025px) {
  body.page--hero-banner .section--dark-bg#mission .paddle-component--image-block img {
    top: 3rem;
    right: 6rem;
  }
}
body.page--hero-banner .section--dark-bg#mission .paddle-component--image-block img.highlight {
  transform: scale(4);
  transition: 0.95s;
  opacity: 0.5;
}
@media (min-width: 1025px) {
  body.page--hero-banner .section--dark-bg#mission .paddle-component--image-block img.highlight {
    top: 30rem;
    right: 20rem;
  }
}
body.page--hero-banner .section--dark-bg#mission .media-frame {
  position: relative;
}
body.page--hero-banner .section--dark-bg#mission .media-frame:before {
  content: "";
  left: 0;
  top: 0;
  background-image: url(/sites/default/files/2025-06/markers.png);
  z-index: 2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
body.page--hero-banner .section--dark-bg.section--mission-counters {
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}
body.page--hero-banner .section--dark-bg.section--mission-counters:hover {
  cursor: pointer;
}
body.page--hero-banner .section--dark-bg.section--mission-counters::before {
  top: -2rem;
  height: calc(100% + 2rem);
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region .paddle-components-counter-component-block-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 250px;
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region .paddle-components-counter-component-block-wrapper .number_wrapper {
  font-size: 72px;
  font-weight: bold;
  color: #00ffbe;
  line-height: 1;
  display: flex;
  flex-direction: column;
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region .paddle-components-counter-component-block-wrapper .prefix {
  font-size: 24px;
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region .paddle-components-counter-component-block-wrapper .text {
  text-align: center;
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region .paddle-components-counter-component-block-wrapper:nth-child(2) .number_wrapper {
  color: #f0b85d;
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region .paddle-components-counter-component-block-wrapper:nth-child(3) .number_wrapper {
  color: #7939cc;
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region .paddle-components-counter-component-block-wrapper:nth-child(4) .number_wrapper {
  color: #f83048;
}
body.page--hero-banner .section--dark-bg.section--mission-counters .layout__region .paddle-components-counter-component-block-wrapper:nth-child(5) .number_wrapper {
  color: #3277f4;
}
body.page--hero-banner .section--dark-bg .paddle-component--bottom-section a {
  border-color: #fff;
  color: #fff;
  border-width: 2px;
}
body.page--hero-banner .section--dark-bg .paddle-component--bottom-section a::before {
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
}
body.page--hero-banner .section--dark-bg .paddle-component--bottom-section a:hover {
  color: #00ffbe;
  border-color: #00ffbe;
}
body.page--hero-banner .section--dark-bg .paddle-component--bottom-section a:hover::before {
  background-image: url("/sites/default/files/2025-05/arrow-right-green.svg");
  filter: unset !important;
}
body.page--hero-banner .interactieve-map {
  padding-top: 0;
  margin-bottom: 2rem;
  background-color: #383936;
  overflow: hidden;
}
body.page--hero-banner .interactieve-map .media-frame {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
body.page--hero-banner .interactieve-map .media-frame picture {
  position: relative;
}
body.page--hero-banner .interactieve-map .media-frame picture:before {
  content: "";
  left: 0;
  top: 0;
  background-image: url(/sites/default/files/2025-06/markers-op-map.png);
  z-index: 2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: block;
  position: absolute;
}
body.page--hero-banner .interactieve-map .media-frame img {
  transition: 0.95s;
  max-width: 1400px;
}
body.page--hero-banner .interactieve-map.highlight .media-frame img {
  transform: translateY(-2rem);
  transition: 0.35s;
}
body.page--hero-banner .bg-grad {
  padding-top: 0;
  all: unset;
  display: block;
  margin-top: -3rem;
  position: relative;
  padding-bottom: 3rem;
  text-align: center;
}
body.page--hero-banner .bg-grad .paddle-component,
body.page--hero-banner .bg-grad h3 {
  padding: 0;
  margin: 0;
  text-transform: none;
}
body.page--hero-banner .bg-grad::after {
  content: "";
  left: 0;
  top: 0;
  margin-top: 3rem;
  width: 100%;
  height: calc(100% - 3rem);
  display: block;
  position: absolute;
  background: linear-gradient(to bottom, transparent 0%, #383936 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 2;
}
body.page--hero-banner .section--dark-bg.section--graphic-dark-bg .paddle-component--image-block {
  margin-bottom: 0;
}
body.page--hero-banner .section--entities-colored-bg {
  padding: 2rem 0;
}
@media (min-width: 1280px) {
  body.page--hero-banner .section--entities-colored-bg {
    width: 1100px;
    position: absolute !important;
    right: 0;
    top: -28rem;
    z-index: 3;
    padding: 0;
  }
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper {
  height: 365px;
  overflow: hidden;
  position: relative;
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper {
  transition: 0.35s;
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper {
  padding: 3rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper .paddle-component--top-section {
  position: unset;
  margin: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper .paddle-component--top-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper .icon {
  max-width: 150px !important;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #fff;
  padding-right: 15px;
}
@media (max-width: 600px) {
  body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper .icon {
    border: 0;
  }
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper a:last-child {
  font-size: 36px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  text-decoration: none;
  font-weight: bold;
}
@media (min-width: 991px) and (max-width: 1280px) {
  body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper a:last-child {
    font-size: 24px;
  }
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper a:last-child span {
  width: 50%;
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-components-text-block-wrapper a:last-child:before {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-component--bottom-section {
  position: absolute;
  left: 3rem;
  bottom: 2rem;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border-color: #fff;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url(/sites/default/files/2025-05/arrow-right-white.svg);
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  text-align: left;
  display: inline-block;
  line-height: 1.35;
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-component--bottom-section a {
  font-size: 0.9375rem !important;
  line-height: 1.35 !important;
  color: #fff;
  padding: 0 !important;
  border: 0 !important;
  background-image: none !important;
  display: inline !important;
  height: auto;
  background-color: transparent !important;
  text-align: center;
}
body.page--hero-banner .section--entities-colored-bg .inner-wrapper .paddle-component--bottom-section a::before {
  display: none !important;
}
body.page--hero-banner .section--entities-colored-bg .layout__region--first .inner-wrapper .paddle-components-text-block-wrapper {
  background-image: url("/sites/default/files/2025-06/bluebg.png");
  background-size: 100% 100%;
}
body.page--hero-banner .section--entities-colored-bg .layout__region--second .inner-wrapper .paddle-components-text-block-wrapper {
  background-image: url("/sites/default/files/2025-06/orangebg.png");
  background-size: 100% 100%;
}
body.page--hero-banner .section--entities-colored-bg .layout__region:hover .inner-wrapper .paddle-components-text-block-wrapper {
  transform: scale(1.05);
  transition: 0.35s;
}
body.page--hero-banner #transversals {
  padding: 8rem 0 2rem;
}
body.page--hero-banner .desktop {
  display: block;
}
@media (max-width: 991px) {
  body.page--hero-banner .desktop {
    display: none;
  }
}
body.page--hero-banner .mobile {
  display: none;
  margin-bottom: -2rem;
}
@media (max-width: 991px) {
  body.page--hero-banner .mobile {
    display: block;
  }
}
body.page--hero-banner .section--with-circle-text {
  padding: 0;
  margin-bottom: 2rem;
}
body.page--hero-banner .section--with-circle-text .layout__region--first {
  overflow: hidden;
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 2rem 0;
  position: relative;
  margin-bottom: 4rem;
}
@media (min-width: 48rem) {
  body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper {
    padding-left: 8.33334%;
  }
}
@media (min-width: 75rem) {
  body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper {
    padding-left: 16.66668%;
  }
}
@media (min-width: 1780px) {
  body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper {
    padding-left: 33.33336%;
  }
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-components-text-block-wrapper {
  margin-top: -200px;
  margin-left: -150px;
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-components-text-block-wrapper .paddle-component--text-block {
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background-color: white;
  overflow: hidden; /* 🔒 Clips content that overflows */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 150px 150px 140px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--top-section,
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section,
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--bottom-section {
  max-width: 100%;
  overflow: hidden;
  white-space: normal; /* or 'nowrap' if you want horizontal clipping */
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-components-text-block-wrapper .paddle-component--text-block .paddle-component--body-section p {
  display: -webkit-box;
  -webkit-line-clamp: 10; /* ⏳ Limits visible lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper strong {
  font-size: 1rem;
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper em {
  font-style: normal;
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper em strong {
  font-size: 1.5rem !important;
  line-height: 1.5rem;
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-component--bottom-section {
  margin-top: 2rem;
  margin-bottom: 0;
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-component--bottom-section a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  text-align: left;
  display: inline-block;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-component--bottom-section a:hover, body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-component--bottom-section a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
body.page--hero-banner .section--with-circle-text .layout__region--first .inner-wrapper .paddle-component--bottom-section a:hover {
  border-color: #00ffbe;
  color: #00ffbe;
  background-color: transparent;
  background-image: url("/sites/default/files/2025-05/arrow-right-green.svg");
}
body.page--hero-banner .section--with-circle-text.metButton .paddle-component--text-block .paddle-component--body-section p {
  -webkit-line-clamp: 5 !important; /* ⏳ Limits visible lines */
}
body.page--hero-banner .section--report .paddle-component--bottom-section a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  text-align: left;
  display: inline-block;
  line-height: 1.35;
}
body.page--hero-banner .section--report .paddle-component--bottom-section a:hover, body.page--hero-banner .section--report .paddle-component--bottom-section a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
@media (min-width: 991px) {
  body.page--hero-banner .section--report#rapport-twee {
    margin-top: -500px;
  }
  body.page--hero-banner .section--report#rapport-twee .layout__region--second {
    padding-top: 500px;
    display: flex;
    align-items: flex-end;
  }
}
body.page--hero-banner .section--cta {
  padding: 4rem 4rem 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 991px) {
  body.page--hero-banner .section--cta .paddle-component--text-block {
    display: flex;
  }
}
@media (min-width: 991px) {
  body.page--hero-banner .section--cta .paddle-component--text-block .paddle-component--bottom-section {
    min-width: 300px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: right;
  }
}
body.page--hero-banner .section--cta .paddle-component--text-block .paddle-component--bottom-section a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  display: inline-block;
}
body.page--hero-banner .section--cta .paddle-component--text-block .paddle-component--bottom-section a:hover, body.page--hero-banner .section--cta .paddle-component--text-block .paddle-component--bottom-section a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
body.page--hero-banner .section--cta .paddle-component--text-block .paddle-component--bottom-section a::before {
  display: none;
}
body.page--hero-banner .section--team {
  padding-bottom: 4rem;
}
body.page--hero-banner .section--team .layout__region {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.page--hero-banner .section--team .layout__region img {
  border-radius: 500px;
  max-width: 156px;
}
body.page--hero-banner .section--team .layout__region .paddle-components-contact-person-block-wrapper {
  flex-grow: 1;
  /*  display: flex;
  flex-wrap: wrap;
  justify-content: center;*/
}
body.page--hero-banner .section--team .layout__region .field--mail {
  position: relative;
}
body.page--hero-banner .section--team .layout__region .field--mail a {
  color: #fff;
  font-size: 0;
  text-decoration: none;
}
body.page--hero-banner .section--team .layout__region .field--mail a::after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
body.page--hero-banner .section--team .layout__region .field--function,
body.page--hero-banner .section--team .layout__region .field--type--telephone,
body.page--hero-banner .section--team .layout__region .field--display-tags-frontend-node {
  display: none;
}
body.page--hero-banner .section--team .layout__region .fa-envelope {
  width: 20px;
  height: 26px;
}
body.page--hero-banner .section--team .layout__region .fa-envelope::before {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
body.page--hero-banner .section--team .layout__region .fa-envelope .fas::before {
  width: 20px;
  height: 20px;
}
body.page--hero-banner .section--team .layout__region h2 a {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
}
body.page--hero-banner .section--team .layout__region h2 a span {
  font-weight: 300;
  display: block;
}
body.page--hero-banner.menuOpen:hover .hamburger-box::before {
  content: "";
  background-image: url("/sites/default/files/2025-05/ertico-hamburger-on.svg");
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.35s;
  width: 120px;
  height: 120px;
  position: absolute;
  justify-content: center;
  z-index: 2;
  transition: 0.35s;
  left: 0;
}
body.page--hero-banner.menuOpen.page--hero-banner .logo {
  transition: 0.35s;
}
body.page--hero-banner.menuOpen.page--hero-banner .logo img {
  filter: unset;
  transition: 0.35s;
}
body.page--hero-banner .banner-logos {
  margin: 0 1rem;
  padding: 0;
  align-items: center;
}
body.page--hero-banner.page--with-two-entities .section--hero-banner .paddle-components-text-block-wrapper {
  bottom: 280px;
}

.testimonialswiper {
  position: relative;
  max-width: 798px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.testimonialswiper .paddle-component--top-section.text {
  max-width: 454px;
  margin-left: auto;
  margin-right: auto;
}
.testimonialswiper .swiper {
  position: relative;
}
.testimonialswiper .swiper .swiper-slide .slide-content {
  position: relative;
}
.testimonialswiper .swiper .swiper-slide .slide-content .field--body {
  max-width: 556px;
  margin-left: auto;
  margin-right: auto;
}
.testimonialswiper .swiper .swiper-slide .slide-content:before {
  content: "";
  width: 41px;
  height: 61px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/sites/default/files/2025-05/quote-open.svg");
}
.testimonialswiper .swiper .swiper-slide .slide-content:after {
  content: "";
  width: 41px;
  height: 61px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("/sites/default/files/2025-05/quote-close.svg");
}
.testimonialswiper .swiper .swiper-slide .slide-content h2 {
  line-height: 1;
  padding: 0 60px;
  display: none;
}
.testimonialswiper .swiper .swiper-slide .slide-content h2 a {
  font-size: 1.5rem;
}
.testimonialswiper .swiper .field--featured-image img {
  max-width: 250px;
  height: auto;
}
.testimonialswiper .swiper-navigation {
  position: relative;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  height: 85px;
}
.testimonialswiper .swiper-navigation .swiper-button-next,
.testimonialswiper .swiper-navigation .swiper-button-prev {
  height: 41px;
  width: 41px;
  border-color: #383936;
  border-width: 3px;
  border-style: solid;
  margin: 0 15px;
  color: #383936;
}
.testimonialswiper .swiper-navigation .swiper-button-next:after,
.testimonialswiper .swiper-navigation .swiper-button-prev:after {
  display: none;
}
.testimonialswiper .swiper-navigation .swiper-button-next:before,
.testimonialswiper .swiper-navigation .swiper-button-prev:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 35px;
  width: 35px;
}
.testimonialswiper .swiper-navigation .swiper-button-next:hover,
.testimonialswiper .swiper-navigation .swiper-button-prev:hover {
  background-color: #383936;
  color: #fff;
}
.testimonialswiper .swiper-navigation .swiper-button-next:hover:before,
.testimonialswiper .swiper-navigation .swiper-button-prev:hover:before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(6%) hue-rotate(25deg) brightness(104%) contrast(100%);
}
.testimonialswiper .swiper-navigation .swiper-button-prev:before {
  transform: rotate(180deg);
}

blockquote {
  border: 0;
  max-width: 798px;
  margin: 0 auto;
  position: relative;
  padding: 60px;
}
@media (min-width: 991px) {
  blockquote p {
    padding: 0 60px;
  }
}
blockquote:before {
  content: "";
  width: 41px;
  height: 61px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/sites/default/files/2025-05/quote-open.svg");
}
blockquote:after {
  content: "";
  width: 41px;
  height: 61px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 30px;
  background-image: url("/sites/default/files/2025-05/quote-close.svg");
}

/******  homepage ****/
body.homepage {
  background-color: transparent !important;
}
body.homepage #block-ocelot-paddle-page-title,
body.homepage .region.region--breadcrumb {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
body.homepage header {
  position: absolute;
  width: 100%;
  z-index: 333;
}
body.homepage header .container-max-xxl {
  max-width: none;
}
body.homepage .logo {
  z-index: 3333333;
  transition: 0.35s;
  top: 0;
}
@media (min-width: 991px) {
  body.homepage .logo {
    position: absolute;
    width: calc(100% - 120px);
  }
}
body.homepage .logo img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
  transition: 0.35s;
  margin-left: 1rem;
}
body.homepage main {
  background-color: #fff;
  z-index: 33;
}
body.homepage main .layout {
  position: relative;
}
body.homepage main .layout .paddle-component--top-section.text {
  font-size: 36px;
  color: #383936;
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 6rem;
  margin-top: 0;
  font-weight: 700;
}
@media (min-width: 62rem) {
  body.homepage main .layout .paddle-component--top-section.text {
    margin-bottom: 2rem;
  }
}
body.homepage main .layout .paddle-component--bottom-section {
  position: absolute;
  left: 0px;
  top: 50px;
}
@media (min-width: 62rem) {
  body.homepage main .layout .paddle-component--bottom-section {
    position: absolute;
    right: 0;
    top: -8px;
    left: auto;
  }
}
body.homepage main .layout .paddle-component--bottom-section a {
  height: 41px;
  display: inline-flex;
  text-decoration: none;
  font-weight: bold;
  padding: 0 40px 0 15px;
  align-items: center;
  border-color: #383936;
  border-width: 3px;
  border-style: solid;
  transition: 0.35s;
  position: relative;
}
body.homepage main .layout .paddle-component--bottom-section a:before {
  content: "";
  display: block;
  height: 41px;
  transition: 0.35s;
  width: 36px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
}
body.homepage main .layout .paddle-component--bottom-section a:hover {
  background-color: #383936;
  color: #fff;
  transition: 0.35s;
}
body.homepage main .layout .paddle-component--bottom-section a:hover:before {
  right: -2px;
  transition: 0.35s;
  filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(6%) hue-rotate(25deg) brightness(104%) contrast(100%);
}
body.homepage .section--hero-banner {
  height: 95vh;
  z-index: 33;
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  body.homepage .section--hero-banner {
    height: 700px;
  }
}
body.homepage .section--hero-banner .layout__region,
body.homepage .section--hero-banner .paddle-components-text-block-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 1;
}
@media (min-width: 768px) {
  body.homepage .section--hero-banner .layout__region,
  body.homepage .section--hero-banner .paddle-components-text-block-wrapper {
    justify-content: flex-end;
  }
}
body.homepage .section--hero-banner .container-max-xxl {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 1480px) {
  body.homepage .section--hero-banner .container-max-xxl {
    justify-content: flex-start;
    padding-top: 100px;
  }
}
body.homepage .section--hero-banner h2 {
  text-transform: uppercase;
  font-size: 70px;
  line-height: 1;
  color: #fff;
  margin-top: 100px;
  position: relative;
  z-index: 2;
  max-width: 750px;
}
body.homepage .section--hero-banner h2:hover {
  cursor: pointer;
  animation: colors 5s infinite;
}
body.homepage .section--hero-banner h2 strong {
  display: block;
}
@media (max-width: 1480px) {
  body.homepage .section--hero-banner h2 {
    font-size: 40px;
    color: #00ffbe;
  }
}
@media (max-width: 767px) {
  body.homepage .section--hero-banner h2 {
    font-size: 30px;
  }
}
@keyframes colors {
  0% {
    color: #fff;
  }
  25% {
    color: #f83048;
  }
  50% {
    color: #4161ff;
  }
  100% {
    color: #f19869;
  }
}
@media (max-width: 1480px) {
  body.homepage .section--hero-banner .section--toptasks .paddle-component--top-bottom-only-block {
    margin-bottom: 0;
  }
  body.homepage .section--hero-banner .section--toptasks .paddle-component--top-section .icon {
    max-width: 4rem;
  }
}
body.homepage .section--hero-banner .scrolldown {
  position: absolute;
  right: 0;
  left: calc(50% - 20px);
  bottom: 2rem;
  z-index: 333;
}
body.homepage .section--hero-banner .scrolldown a {
  position: relative;
  display: inline-block;
  color: #474544;
  text-decoration: none;
  transition: opacity 0.3s;
  width: 24px;
  height: 40px;
}
body.homepage .section--hero-banner .scrolldown a span {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  border: 3px solid #00ffbe;
  box-sizing: border-box;
  transition: 0.35s;
  transform: rotate(90deg);
}
body.homepage .section--hero-banner .scrolldown a span::before {
  position: absolute;
  top: 0;
  left: -5px;
  content: "";
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  background-image: url(/sites/default/files/2025-05/arrow-right-green.svg);
  background-repeat: no-repeat;
  background-position: center;
  animation: sdb10 2s infinite;
  transition: 0.35s;
}
body.homepage .section--hero-banner .scrolldown a:hover span {
  border: 3px solid #ffffff;
  transition: 0.35s;
}
body.homepage .section--hero-banner .scrolldown a:hover span::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(14%) saturate(7464%) hue-rotate(290deg) brightness(124%) contrast(104%);
  transition: 0.35s;
}
@media (max-width: 1480px) {
  body.homepage .section--hero-banner .scrolldown {
    display: none;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(10px, 0);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
body.homepage .section--toptasks {
  position: relative;
  z-index: 3;
  margin-bottom: 2rem;
  display: flex;
}
@media (max-width: 1480px) {
  body.homepage .section--toptasks {
    margin-bottom: 2rem;
  }
}
body.homepage .section--toptasks .layout__region {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a {
  text-decoration: none;
  text-transform: none;
  transition: 0.35s;
  font-weight: bold;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 767px) {
  body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper .paddle-component--top-section a {
    font-size: 1rem;
  }
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(1):hover {
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(1):hover img {
  filter: brightness(0) saturate(100%) invert(62%) sepia(98%) saturate(399%) hue-rotate(109deg) brightness(103%) contrast(109%);
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(1):hover a {
  color: #00ffbe;
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(2):hover img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(34%) saturate(5398%) hue-rotate(336deg) brightness(110%) contrast(94%);
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(2):hover a {
  color: #f83048;
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(3):hover img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(26%) saturate(5861%) hue-rotate(253deg) brightness(90%) contrast(95%);
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(3):hover a {
  color: #7939cc;
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(4):hover img {
  filter: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(6750%) hue-rotate(313deg) brightness(99%) contrast(91%);
  transition: 0.35s;
}
body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper:nth-child(4):hover a {
  color: #f19869;
  transition: 0.35s;
}
@media (min-width: 62rem) {
  body.homepage .section--toptasks .layout__region .paddle-components-top-bottom-only-block-wrapper {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 768px) {
  body.homepage .section--hero-banner .section--toptasks {
    height: 30vh;
    margin-bottom: 0;
  }
}
body.homepage.menuOpen:hover .hamburger-box::before {
  content: "";
  background-image: url("/sites/default/files/2025-05/ertico-hamburger-on.svg");
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.35s;
  width: 120px;
  height: 120px;
  position: absolute;
  justify-content: center;
  z-index: 2;
  transition: 0.35s;
  left: 0;
}
body.homepage.menuOpen.homepage .logo {
  transition: 0.35s;
}
body.homepage.menuOpen.homepage .logo img {
  filter: unset;
  transition: 0.35s;
}
body.homepage .eventswiper {
  position: relative;
}
body.homepage .eventswiper .swiper {
  position: relative;
}
@media (min-width: 1025px) {
  body.homepage .eventswiper .swiper {
    overflow: visible;
  }
  body.homepage .eventswiper .swiper:before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    height: 100%;
    margin-left: -50%;
    left: 0;
    right: 100%;
    top: 0;
    z-index: 13;
  }
}
body.homepage .eventswiper .swiper .swiper-slide {
  overflow: hidden;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content {
  transition: 0.35s;
  background-image: url(/sites/default/files/2025-05/eventbg.png);
  background-size: 600px auto;
  height: 430px;
  padding: 3rem 2rem 2rem;
  position: relative;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content h2 {
  line-height: 0.9;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content h2 a {
  font-size: 1.5rem;
  transition: 0.35s;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content h2 a:after {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--body {
  position: absolute;
  right: 2rem;
  bottom: 7rem;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--display-tags-frontend-node {
  all: unset;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #3277f4;
  padding: 5px 10px;
  color: #fff;
  font-size: 1rem;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--display-tags-frontend-node * {
  all: unset;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--display-tags-frontend-node a {
  color: #fff !important;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  height: 100px;
  padding: 2rem;
  align-items: center;
  margin: 0;
  background-color: #3277f4;
  background-image: url(/sites/default/files/2025-05/aa3a9087c7baa6a871b6b216b3569d53fedc29af.png);
  background-position: right;
  background-size: 500px;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange .items {
  position: relative;
  display: flex;
  align-items: center;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange .items::before {
  content: "";
  position: relative;
  z-index: 2222;
  left: 0;
  top: 0;
  display: block;
  height: 50px;
  width: 80px;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  margin-right: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1400px) {
  body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange .items::before {
    border-right-width: 1px;
    border-right-color: #fff;
    border-right-style: solid;
  }
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange .badge-light {
  all: unset;
  color: #fff;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange .badge-light * {
  all: unset;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange .badge-light i {
  display: none;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange .badge-light .time-separator,
body.homepage .eventswiper .swiper .swiper-slide .slide-content .field--type--daterange .badge-light time {
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content:hover {
  transform: scale(1.02);
  transition: 0.35s;
  /*
  time{
  		text-decoration: underline!important;
  }*/
}
body.homepage .eventswiper .swiper .swiper-slide .slide-content:hover h2 a {
  text-decoration: underline !important;
  color: #383936;
}
body.homepage .eventswiper .swiper .swiper-slide.associated .field--display-tags-frontend-node,
body.homepage .eventswiper .swiper .swiper-slide.associated .field--type--daterange {
  background-color: #7939cc;
}
body.homepage .eventswiper .swiper .swiper-slide.associated .slide-content .field--type--daterange .items::before {
  background-image: url(/sites/default/files/2025-08/associatedevents.svg);
}
body.homepage .eventswiper .swiper .swiper-slide.congress .field--display-tags-frontend-node,
body.homepage .eventswiper .swiper .swiper-slide.congress .field--type--daterange {
  background-color: #f83048;
}
body.homepage .eventswiper .swiper .swiper-slide.congress .slide-content .field--type--daterange .items::before {
  background-image: url(/sites/default/files/2025-08/congress.svg);
}
body.homepage .eventswiper .swiper .swiper-slide.partner .slide-content .field--type--daterange .items::before {
  background-image: url(/sites/default/files/2025-08/partnerevent.svg);
}
body.homepage .eventswiper .swiper .swiper-slide.webinar .field--display-tags-frontend-node,
body.homepage .eventswiper .swiper .swiper-slide.webinar .field--type--daterange {
  background-color: #f83048;
}
body.homepage .eventswiper .swiper .swiper-slide.webinar .slide-content .field--type--daterange .items::before {
  background-image: url(/sites/default/files/2025-08/webinar.svg);
}
body.homepage .eventswiper .swiper .swiper-slide.podcast .field--display-tags-frontend-node,
body.homepage .eventswiper .swiper .swiper-slide.podcast .field--type--daterange {
  background-color: #7939cc;
}
body.homepage .eventswiper .swiper .swiper-slide.podcast .slide-content .field--type--daterange .items::before {
  background-image: url(/sites/default/files/2025-08/podcast.svg);
}
body.homepage .eventswiper .swiper .swiper-slide.symposium .slide-content .field--type--daterange .items::before {
  background-image: url(/sites/default/files/2025-08/symposium.svg);
}
body.homepage .eventswiper .swiper-navigation {
  position: relative;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  height: 85px;
}
body.homepage .eventswiper .swiper-navigation .swiper-button-next,
body.homepage .eventswiper .swiper-navigation .swiper-button-prev {
  height: 41px;
  width: 41px;
  border-color: #383936;
  border-width: 3px;
  border-style: solid;
  margin: 0 15px;
  color: #383936;
}
body.homepage .eventswiper .swiper-navigation .swiper-button-next:after,
body.homepage .eventswiper .swiper-navigation .swiper-button-prev:after {
  display: none;
}
body.homepage .eventswiper .swiper-navigation .swiper-button-next:before,
body.homepage .eventswiper .swiper-navigation .swiper-button-prev:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 35px;
  width: 35px;
}
body.homepage .eventswiper .swiper-navigation .swiper-button-next:hover,
body.homepage .eventswiper .swiper-navigation .swiper-button-prev:hover {
  background-color: #383936;
  color: #fff;
}
body.homepage .eventswiper .swiper-navigation .swiper-button-next:hover:before,
body.homepage .eventswiper .swiper-navigation .swiper-button-prev:hover:before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(6%) hue-rotate(25deg) brightness(104%) contrast(100%);
}
body.homepage .eventswiper .swiper-navigation .swiper-button-prev:before {
  transform: rotate(180deg);
}
body.homepage .section--counters {
  cursor: pointer;
}
body.homepage .section--counters .layout__region--third .paddle-component-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.35s;
  background-repeat: no-repeat;
  background-size: 85% auto;
  background-position: top center;
  transition: all 1.5s;
}
body.homepage .section--counters .layout__region--third .paddle-component-wrapper.visible {
  opacity: 1;
  position: relative; /* zodat de eerste div ruimte inneemt */
}
body.homepage .banner-logos {
  margin: 0 1rem;
  padding: 0;
}

#block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background {
  position: relative;
}
#block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background .dropdown-menu {
  position: relative;
  z-index: 1;
}
#block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background .dropdown-menu a {
  color: #fff !important;
}
@media (max-width: 61.9375rem) {
  #block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background {
    margin-top: 30px;
    padding-bottom: 45px;
    padding-top: 45px;
    background-color: #383936;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background ul.dropdown-menu {
    display: block;
  }
  #block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background a.dropdown-toggle {
    color: #fff;
    z-index: 3;
  }
  #block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background-color: #000;
    background-image: url("/sites/default/files/2025-05/bgheader.svg");
    background-size: cover;
  }
}
@media (min-width: 62rem) {
  #block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    flex: 2 1 0;
    width: auto;
    padding-left: 3rem;
  }
  #block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -22rem;
    width: 100%;
    height: calc(100% + 700px);
    background-color: #000;
    background-image: url("/sites/default/files/2025-05/bgheader.svg");
    background-size: cover;
  }
  #block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background a.dropdown-toggle {
    z-index: 3333;
    position: relative;
  }
}
#block-mainnavigation ul.navbar-nav.menu--main > li.menu-with-background .extra-title {
  font-size: 13px;
  font-weight: normal;
}

body.page-node-type-search-page .mb-5 {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dcdcdc;
  padding-bottom: 2rem;
  margin-bottom: 2rem !important;
}
body.page-node-type-search-page .mb-5 .card {
  background-color: transparent;
  margin-top: 0;
}
body.page-node-type-search-page .mb-5 .card-body {
  padding: 0;
}
body.page-node-type-search-page .mb-5 a.card-link {
  text-decoration: none;
}
body.page-node-type-search-page .mb-5 h3.card-title {
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
body.page-node-type-search-page .mb-5 .badge-light {
  padding: 0;
  display: flex;
  background-color: transparent;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  line-height: 1.4;
}
body.page-node-type-search-page .mb-5 i {
  display: none !important;
}
body.page-node-type-search-page .mb-5 .field--date {
  position: relative;
  display: flex;
}
body.page-node-type-search-page .mb-5 .field--date:before {
  content: "";
  background-image: url(/sites/default/files/2025-05/agenda.svg);
  background-size: contain;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  margin-right: 5px;
  opacity: 0.7;
  margin-top: 4px;
  margin-bottom: 15px;
}
body.page-node-type-search-page .mb-5 .field--body {
  display: none;
}
body.page-node-type-search-page .mb-5 .time-separator,
body.page-node-type-search-page .mb-5 time {
  color: #6d757f;
  font-weight: normal;
  font-size: 14px;
}
body.page-node-type-search-page .mb-5 p.read-more {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
  display: inline-block;
}
body.page-node-type-search-page .mb-5 p.read-more:hover, body.page-node-type-search-page .mb-5 p.read-more:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
body.page-node-type-search-page .mb-5 .image-wrapper {
  align-self: auto;
}
body.page-node-type-search-page .mb-5 .image-wrapper .inner-wrapper {
  overflow: hidden;
  margin-bottom: 1rem;
}
body.page-node-type-search-page .mb-5 .image-wrapper .inner-wrapper img {
  transition: 0.35s;
  min-width: 100%;
}
body.page-node-type-search-page .mb-5 .field--organisations .field .field-with-icon {
  display: block;
}
body.page-node-type-search-page .mb-5 .field--display-tags-frontend-node {
  all: unset;
  margin-bottom: 1rem;
  display: block;
}
body.page-node-type-search-page .mb-5 .field--display-tags-frontend-node * {
  all: unset;
}
body.page-node-type-search-page .mb-5 .field--display-tags-frontend-node a {
  color: #383936;
  font-weight: bold;
  font-size: 0.875rem;
  display: flex;
}
body.page-node-type-search-page .mb-5:hover p.read-more {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
body.page-node-type-search-page .mb-5:hover a.card-link {
  text-decoration: none;
}
body.page-node-type-search-page .mb-5:hover a.card-link h3 {
  text-decoration: underline;
}
body.page-node-type-search-page .mb-5:hover .image-wrapper img {
  transform: scale(1.05);
  transition: 0.35s;
}
body.page-node-type-search-page .js-form-item-mesh-terms-name,
body.page-node-type-search-page label,
body.page-node-type-search-page .js-form-item-sort-by {
  display: none;
}
body.page-node-type-search-page .form-submit,
body.page-node-type-search-page .form-select,
body.page-node-type-search-page .form-control {
  border-radius: 0;
}
body.page-node-type-search-page .layout__region--first .block-facet ul {
  padding-left: 0;
}
body.page-node-type-search-page .layout__region--first .block-facet ul li {
  list-style-type: none;
}
body.page-node-type-search-page .layout__region--first .block-facet ul li a {
  position: relative;
  text-decoration: none;
  color: var(--clr-body-text);
  display: block;
}
body.page-node-type-search-page .layout__region--first ul:not(.pagination):not(.social-media-links--platforms) li {
  padding-left: 0 !important;
}
body.page-node-type-search-page .layout__region--first ul:not(.pagination):not(.social-media-links--platforms) li::before,
body.page-node-type-search-page .layout__region--first ul:not(.pagination):not(.social-media-links--platforms) .facet-item__status {
  display: none !important;
}
body.page-node-type-search-page .layout__region--first ul:not(.pagination):not(.social-media-links--platforms) li a::before {
  content: "";
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0;
  width: 17.5px;
  height: 17.5px;
  border: 1px solid;
  border-radius: 100px;
  display: inline-block;
  color: #383936;
}
body.page-node-type-search-page .layout__region--first ul:not(.pagination):not(.social-media-links--platforms) li a.is-active::before,
body.page-node-type-search-page .layout__region--first ul:not(.pagination):not(.social-media-links--platforms) li a:hover::before {
  margin-top: 0;
  font-size: 20px;
  background-color: #00ffbe;
  border-color: #00ffbe;
  right: 0;
  top: 0;
}
body.page-node-type-search-page .layout__region--first .col-md-8 .paddle-component-wrapper > .paddle-component.paddle-component--facet-list-checkbox-block {
  padding: 0;
  background: transparent;
}
body.page-node-type-search-page #edit-reset-search {
  background-color: #000;
  position: relative;
  top: -2px;
}
body.page-node-type-search-page #edit-reset-search:hover {
  border-color: #000;
  color: #000;
  background-color: transparent;
}
@media (min-width: 768px) {
  body.page-node-type-search-page #block-ocelot-paddle-content .layout--twocol-section {
    flex-direction: row-reverse;
  }
  body.page-node-type-search-page #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row {
    flex-direction: row-reverse;
  }
  body.page-node-type-search-page #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row .col-lg-8,
  body.page-node-type-search-page #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row .col-lg-16 {
    width: 50%;
  }
}
body.page-node-type-search-page.node-515 .view-mode--search-teaser.card a.card-link::before, body.page-node-type-search-page.node-14 .view-mode--search-teaser.card a.card-link::before {
  z-index: 3;
}
body.page-node-type-search-page.node-515 .col-lg-8.image-wrapper, body.page-node-type-search-page.node-14 .col-lg-8.image-wrapper {
  display: none;
}
body.page-node-type-search-page.node-515 p.read-more, body.page-node-type-search-page.node-14 p.read-more {
  position: relative;
}
body.page-node-type-search-page.node-515 .card-text, body.page-node-type-search-page.node-14 .card-text {
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
body.page-node-type-search-page.node-515 .card-text .card-title, body.page-node-type-search-page.node-14 .card-text .card-title {
  flex-grow: 1;
}
body.page-node-type-search-page.node-515 .card-text .field--date, body.page-node-type-search-page.node-14 .card-text .field--date {
  border-width: 2px;
  border-style: solid;
  border-color: #3277f4;
  min-width: 300px;
  order: 1;
  margin: 0;
  position: relative;
  padding: 1rem;
  max-width: 220px;
}
body.page-node-type-search-page.node-515 .card-text .field--date .badge-light time,
body.page-node-type-search-page.node-515 .card-text .field--date .badge-light .time-separator, body.page-node-type-search-page.node-14 .card-text .field--date .badge-light time,
body.page-node-type-search-page.node-14 .card-text .field--date .badge-light .time-separator {
  color: #3277f4;
  font-weight: bold;
}
body.page-node-type-search-page.node-515 .card-text .field--date:before, body.page-node-type-search-page.node-14 .card-text .field--date:before {
  filter: brightness(0) saturate(100%) invert(31%) sepia(71%) saturate(1637%) hue-rotate(203deg) brightness(110%) contrast(91%);
}
body.page-node-type-search-page.node-515 .card-text .field--date .field--display-tags-frontend-node, body.page-node-type-search-page.node-14 .card-text .field--date .field--display-tags-frontend-node {
  background-color: #3277f4;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
body.page-node-type-search-page.node-515 .card-text .field--date .field--display-tags-frontend-node li, body.page-node-type-search-page.node-14 .card-text .field--date .field--display-tags-frontend-node li {
  position: relative;
  display: flex;
  align-items: center;
}
body.page-node-type-search-page.node-515 .card-text .field--date .field--display-tags-frontend-node li::before, body.page-node-type-search-page.node-14 .card-text .field--date .field--display-tags-frontend-node li::before {
  content: "";
  position: relative;
  z-index: 2222;
  left: 0;
  top: 0;
  display: block;
  height: 25px;
  width: 14px;
  background-repeat: no-repeat;
  background-size: 14px;
  margin-left: 1rem;
  padding-right: 0;
  background-position: left center;
}
body.page-node-type-search-page.node-515 .card-text .field--date .field--display-tags-frontend-node a, body.page-node-type-search-page.node-14 .card-text .field--date .field--display-tags-frontend-node a {
  color: #fff !important;
  padding: 5px 15px 5px 5px;
  display: block;
}
body.page-node-type-search-page.node-515 .card-text .field--date.associated-event, body.page-node-type-search-page.node-14 .card-text .field--date.associated-event {
  border-color: #7939cc;
}
body.page-node-type-search-page.node-515 .card-text .field--date.associated-event .field--display-tags-frontend-node, body.page-node-type-search-page.node-14 .card-text .field--date.associated-event .field--display-tags-frontend-node {
  background-color: #7939cc;
}
body.page-node-type-search-page.node-515 .card-text .field--date.associated-event:before, body.page-node-type-search-page.node-14 .card-text .field--date.associated-event:before {
  filter: brightness(0) saturate(100%) invert(27%) sepia(63%) saturate(2495%) hue-rotate(252deg) brightness(84%) contrast(95%);
}
body.page-node-type-search-page.node-515 .card-text .field--date.associated-event .badge-light time,
body.page-node-type-search-page.node-515 .card-text .field--date.associated-event .badge-light .time-separator, body.page-node-type-search-page.node-14 .card-text .field--date.associated-event .badge-light time,
body.page-node-type-search-page.node-14 .card-text .field--date.associated-event .badge-light .time-separator {
  color: #7939cc;
}
body.page-node-type-search-page.node-515 .card-text .field--date.associated-event li::before, body.page-node-type-search-page.node-14 .card-text .field--date.associated-event li::before {
  background-image: url(/sites/default/files/2025-08/associatedevents.svg);
}
body.page-node-type-search-page.node-515 .card-text .field--date.congress, body.page-node-type-search-page.node-14 .card-text .field--date.congress {
  border-color: #f83048;
}
body.page-node-type-search-page.node-515 .card-text .field--date.congress .field--display-tags-frontend-node, body.page-node-type-search-page.node-14 .card-text .field--date.congress .field--display-tags-frontend-node {
  background-color: #f83048;
}
body.page-node-type-search-page.node-515 .card-text .field--date.congress:before, body.page-node-type-search-page.node-14 .card-text .field--date.congress:before {
  filter: brightness(0) saturate(100%) invert(34%) sepia(41%) saturate(7361%) hue-rotate(336deg) brightness(98%) contrast(98%);
}
body.page-node-type-search-page.node-515 .card-text .field--date.congress .badge-light time,
body.page-node-type-search-page.node-515 .card-text .field--date.congress .badge-light .time-separator, body.page-node-type-search-page.node-14 .card-text .field--date.congress .badge-light time,
body.page-node-type-search-page.node-14 .card-text .field--date.congress .badge-light .time-separator {
  color: #f83048;
}
body.page-node-type-search-page.node-515 .card-text .field--date.congress li::before, body.page-node-type-search-page.node-14 .card-text .field--date.congress li::before {
  background-image: url(/sites/default/files/2025-08/congress.svg);
}
body.page-node-type-search-page.node-515 .card-text .field--date.partner-event li::before, body.page-node-type-search-page.node-14 .card-text .field--date.partner-event li::before {
  background-image: url(/sites/default/files/2025-08/partnerevent.svg);
}
body.page-node-type-search-page.node-515 .card-text .field--date.webinar li::before, body.page-node-type-search-page.node-14 .card-text .field--date.webinar li::before {
  background-image: url(/sites/default/files/2025-08/webinar.svg);
}
body.page-node-type-search-page.node-515 .card-text .field--date.podcast li::before, body.page-node-type-search-page.node-14 .card-text .field--date.podcast li::before {
  background-image: url(/sites/default/files/2025-08/podcast.svg);
}
body.page-node-type-search-page.node-515 .card-text .field--date.symposium li::before, body.page-node-type-search-page.node-14 .card-text .field--date.symposium li::before {
  background-image: url(/sites/default/files/2025-08/symposium.svg);
}
@media (max-width: 991px) {
  body.page-node-type-search-page.node-515 .card-text, body.page-node-type-search-page.node-14 .card-text {
    flex-direction: column;
  }
  body.page-node-type-search-page.node-515 .card-text .field--date, body.page-node-type-search-page.node-14 .card-text .field--date {
    margin-bottom: 1rem;
  }
}
body.page-node-type-search-page.node-515 .card-text .card-title, body.page-node-type-search-page.node-14 .card-text .card-title {
  order: 3;
}
body.page-node-type-search-page.node-515 .card-text .read-more, body.page-node-type-search-page.node-14 .card-text .read-more {
  order: 4;
  width: 150px;
  display: block;
  height: 45px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  body.page-node-type-search-page.node-515 #block-ocelot-paddle-content .layout--twocol-section, body.page-node-type-search-page.node-14 #block-ocelot-paddle-content .layout--twocol-section {
    flex-direction: row-reverse;
    /*      .layout__region--second{              	border-right-width: 1px;
        	border-right-style: solid;
        	border-right-color: #DCDCDC;
        }*/
  }
  body.page-node-type-search-page.node-515 #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row, body.page-node-type-search-page.node-14 #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row {
    flex-direction: row-reverse;
  }
  body.page-node-type-search-page.node-515 #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row .col-lg-8,
  body.page-node-type-search-page.node-515 #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row .col-lg-16, body.page-node-type-search-page.node-14 #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row .col-lg-8,
  body.page-node-type-search-page.node-14 #block-ocelot-paddle-content .layout--twocol-section .mb-5 article .row .col-lg-16 {
    width: 100%;
  }
}

body.page-node-type-event h1 {
  font-size: 36px;
  color: #383936;
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
body.page-node-type-event .field--date .badge {
  background-color: #fff;
  padding: 0;
  display: flex;
}
body.page-node-type-event .field--date .badge:before {
  content: "";
  background-image: url("/sites/default/files/2025-05/agenda.svg");
  background-size: contain;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  margin-right: 5px;
}
body.page-node-type-event .field--date .badge .fas {
  display: none;
}
body.page-node-type-event .field--date .badge .time-separator,
body.page-node-type-event .field--date .badge time {
  color: #383936;
  font-weight: 300;
  font-size: 0.875rem;
}
body.page-node-type-event .field--date .badge .time-separator {
  padding: 0 5px;
}
body.page-node-type-event #block-ocelot-paddle-content .field--body .item p:first-of-type:first-letter {
  font-size: 5.75em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 0.75;
  padding: 0;
  margin-right: 2px;
  float: left;
}
body.page-node-type-event #block-ocelot-paddle-content .field--ical a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
}
body.page-node-type-event #block-ocelot-paddle-content .field--ical a:hover, body.page-node-type-event #block-ocelot-paddle-content .field--ical a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}
body.page-node-type-event .layout__region--second .inner-wrapper {
  padding-left: 1rem;
  border-left-color: #dcdcdc;
  border-left-style: solid;
  border-left-width: 1px;
}
body.page-node-type-event .layout__region--second .field-block {
  margin: 0;
}
body.page-node-type-event .layout__region--second .field--date .badge time {
  font-weight: bold;
}
body.page-node-type-event .layout__region--second .field--date .badge:before {
  content: "Date:";
  background-image: none;
  width: auto;
  height: 0.875rem;
  display: block;
  position: relative;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.875rem;
}
body.page-node-type-event .layout__region--second .field--date:before {
  content: "Details";
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
  display: block;
}
body.page-node-type-event .layout__region--second .field--display-tags-frontend-node {
  all: unset;
  margin-bottom: 1rem;
  display: block;
}
body.page-node-type-event .layout__region--second .field--display-tags-frontend-node * {
  all: unset;
}
body.page-node-type-event .layout__region--second .field--display-tags-frontend-node a {
  color: #383936;
  font-weight: bold;
  font-size: 0.875rem;
  display: flex;
}
body.page-node-type-event .layout__region--second .field--display-tags-frontend-node a:before {
  content: "Event category:";
  background-image: none;
  width: auto;
  height: 0.875rem;
  display: block;
  position: relative;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.875rem;
}
body.page-node-type-event .layout__region--second .field-organiser,
body.page-node-type-event .layout__region--second .field-address {
  all: unset;
  display: block;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: bold;
  display: flex;
}
body.page-node-type-event .layout__region--second .field-organiser *,
body.page-node-type-event .layout__region--second .field-address * {
  all: unset;
}
body.page-node-type-event .layout__region--second .field-organiser i,
body.page-node-type-event .layout__region--second .field-address i {
  display: none;
}
body.page-node-type-event .layout__region--second .field-organiser:before,
body.page-node-type-event .layout__region--second .field-address:before {
  content: "Venue:";
  background-image: none;
  width: auto;
  height: 0.875rem;
  display: block;
  position: relative;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.875rem;
}
body.page-node-type-event .layout__region--second .field-organiser:before {
  content: "Organised by:";
}

body.page-node-type-contact h1 {
  font-size: 36px;
  color: #383936;
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
body.page-node-type-contact .field-organisations h2 {
  display: none;
}
body.page-node-type-contact .field-organisations .paragraph--type--organisation-member .field--function .field-with-icon__icon {
  display: none;
}
body.page-node-type-contact .field-organisations .paragraph--type--organisation-member .field--function .item {
  font-weight: 300;
  font-size: 1.5rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  body.page-node-type-contact #block-ocelot-paddle-content .col-md-8 {
    flex: 0 0 auto;
    width: 50%;
  }
  body.page-node-type-contact #block-ocelot-paddle-content .layout--threecol-section--33-34-33 {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  body.page-node-type-contact #block-ocelot-paddle-content .field--featured-image img {
    min-width: 85%;
  }
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens {
  display: flex;
  align-items: flex-start;
  padding-top: 3rem;
  position: relative;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens:before {
  content: "Contact:";
  display: block;
  position: absolute;
  top: 0;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .fa,
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field-with-icon__icon {
  display: none;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens span {
  margin: 0 !important;
  display: inline;
  padding: 0 !important;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens ul,
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens li,
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field-block,
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field,
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field * {
  all: unset;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--mail,
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--phone {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--mail a,
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--phone a {
  font-size: 1px;
  height: 36px;
  width: 36px;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  padding: 0;
  text-decoration: none;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--mail:hover a:before,
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--phone:hover a:before {
  filter: brightness(0) saturate(100%) invert(62%) sepia(98%) saturate(399%) hue-rotate(109deg) brightness(103%) contrast(109%);
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .fa-linkedin:hover:before {
  filter: brightness(0) saturate(100%) invert(62%) sepia(98%) saturate(399%) hue-rotate(109deg) brightness(103%) contrast(109%);
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--phone {
  margin-left: 2rem;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--phone a {
  position: relative;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--phone a:before {
  content: "";
  display: block;
  height: 36px;
  width: 36px;
  background-image: url("/sites/default/files/2025-05/tel.svg");
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field-social {
  margin-top: -9px;
  padding-top: 0;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--mail a {
  position: relative;
}
body.page-node-type-contact #block-ocelot-paddle-content .contactgegevens .field--mail a:before {
  content: "";
  display: block;
  height: 36px;
  width: 36px;
  background-image: url("/sites/default/files/2025-05/mail.svg");
}
body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .field--display-tags-frontend-node ul,
body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .field--display-tags-frontend-node li {
  all: unset;
}
body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .field--display-tags-frontend-node a {
  color: #383936;
  border-width: 1px;
  padding-right: 0.9375rem;
  margin: 0 10px 10px 0;
  background-image: none !important;
}
body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .field--display-tags-frontend-node a:hover {
  color: #fff;
}
body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .field--display-tags-frontend-node {
  position: relative;
  padding-top: 3rem;
}
body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .field--display-tags-frontend-node:before {
  content: "Areas of expertise:";
  display: block;
  position: absolute;
  top: 0;
}
body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .field--display-tags-frontend-node a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
@media (min-width: 768px) {
  body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region {
    display: flex;
  }
  body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .contactgegevens,
  body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .field--display-tags-frontend-node {
    flex: 0 0 auto;
    width: 50%;
  }
  body.page-node-type-contact #block-ocelot-paddle-content .layout--onecol .layout__region .contactgegevens {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.page--team-overview main .field--display-tags-frontend-node {
  display: none;
}
.page--team-overview main h1 {
  font-size: 36px;
  color: #383936;
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
.page--team-overview main h2 {
  font-weight: 300;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.page--team-overview main #block-ocelot-paddle-content .paddle-component--text-block {
  margin-bottom: 0;
}
.page--team-overview main #block-ocelot-paddle-content .field-title {
  font-size: 0;
  margin: 0;
  color: transparent;
  align-items: center;
  display: flex;
  margin-bottom: 1rem;
}
.page--team-overview main #block-ocelot-paddle-content .field-title:before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #383936;
  margin-right: 1rem;
}
.page--team-overview main #block-ocelot-paddle-content .field-title h2 {
  font-weight: 300;
  font-size: 1.5rem;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
  margin: 0;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight ul {
  padding: 0;
  margin: 0 -15px !important;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight {
  position: relative;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight h2,
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight h2 a {
  font-size: 1.5rem;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight h2 span.last-name,
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight h2 a span.last-name {
  font-weight: 300;
  display: block;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight h2:before {
  content: "";
  display: block;
  height: 30px;
  width: 40px;
  background-image: url(/sites/default/files/2025-05/linkedin2.svg);
  background-size: 60px auto;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  right: 0;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight h2 a:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight .field--mail,
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight .field--phone,
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight .field-with-icon__icon {
  display: none;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight .field--featured-image {
  overflow: hidden;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight .field--featured-image img {
  transition: 0.35s;
  width: 100%;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight:hover .field--function .item {
  color: #00ffbe;
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight:hover h2:before {
  background-image: url(/sites/default/files/2025-05/linkedingreen.svg);
}
.page--team-overview main #block-ocelot-paddle-content .contact.spotlight .node--contact--spotlight:hover .field--featured-image img {
  transition: 0.35s;
  transform: scale(1.05);
}
.page--team-overview main .paddle-components-contact-person-block-wrapper {
  flex-grow: 1; /*
display: flex;
flex-wrap: wrap;
justify-content: center;*/
  position: relative;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--type--email,
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--function .field-with-icon__icon,
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--type--telephone,
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--display-tags-frontend-node {
  display: none;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--featured-image {
  overflow: hidden;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--featured-image img {
  transition: 0.35s;
  width: 100%;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .fa-envelope {
  width: 20px;
  height: 26px;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .fa-envelope::before {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .fa-envelope .fas::before {
  width: 20px;
  height: 20px;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--mail {
  position: relative;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--mail a {
  color: #fff;
  font-size: 0;
  text-decoration: none;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper .field--mail a::after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper h2 {
  padding-right: 40px;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper h2 a {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper h2 a span {
  font-weight: 300;
  display: block;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper h2 a::after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper article:hover .field--function .item {
  color: #00ffbe;
}
.page--team-overview main .paddle-components-contact-person-block-wrapper article:hover .field--featured-image img {
  transition: 0.35s;
  transform: scale(1.05);
}

@media (max-width: 61.9375rem) {
  body,
  .dialog-off-canvas-main-canvas,
  header,
  .page-wrapper {
    max-width: 100% !important;
    overflow-x: hidden !important;
    width: 100% !important;
  }
  .dropdown-menu {
    background-color: transparent;
    border: 0;
  }
  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color: transparent;
  }
}
.video_banner {
  display: none;
}

.video--parallax-wrapper {
  height: 100vh;
  position: absolute;
  overflow: hidden;
}
@media (max-width: 767px) {
  .video--parallax-wrapper {
    height: 700px;
  }
}
.video--parallax-wrapper #video-wrap {
  max-height: 100vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  .video--parallax-wrapper #video-wrap {
    height: 700px;
    max-height: 700px;
  }
}
.video--parallax-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
  height: 100%;
  overflow: hidden;
  z-index: 33;
}

.section--toptags {
  margin-bottom: 4rem;
}
.section--toptags .layout__region {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.section--toptags .layout__region .paddle-component {
  margin-bottom: 0;
}
.section--toptags .layout__region .paddle-component--top-section.text a {
  background-color: transparent;
  border-color: #383936;
  border-width: 2px;
  border-style: solid;
  padding: 8px 40px 8px 0.9375rem;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.35s;
  font-size: 0.9375rem;
  border-radius: 0;
  background-image: url("/sites/default/files/2025-05/arrow-right.svg");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  cursor: pointer;
  color: #383936;
}
.section--toptags .layout__region .paddle-component--top-section.text a:hover, .section--toptags .layout__region .paddle-component--top-section.text a:active {
  background-color: #383936;
  transition: 0.35s;
  color: #fff;
  background-image: url("/sites/default/files/2025-05/arrow-right-white.svg");
  background-position: right 12px center;
}

/** dark pages **/
.page--history,
.node-58 {
  background-color: #282828;
}
.page--history.menuOpen:hover .hamburger-box::before,
.node-58.menuOpen:hover .hamburger-box::before {
  content: "";
  background-image: url("/sites/default/files/2025-05/ertico-hamburger-on.svg");
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.35s;
  width: 120px;
  height: 120px;
  position: absolute;
  justify-content: center;
  z-index: 2;
  transition: 0.35s;
  left: 0;
}
.page--history.menuOpen:hover .logo,
.node-58.menuOpen:hover .logo {
  transition: 0.35s;
}
.page--history.menuOpen:hover .logo img,
.node-58.menuOpen:hover .logo img {
  filter: unset;
  transition: 0.35s;
}
.page--history .logo img,
.node-58 .logo img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
}
.page--history .webform-progress li.webform-progress-bar__page,
.page--history .webform-progress li.webform-progress-bar__page--done > b,
.page--history .webform-progress .webform-submission-form .webform-progress .webform-progress-bar li,
.page--history #webform_block li.webform-progress-bar__page,
.page--history #webform_block li.webform-progress-bar__page--done > b,
.page--history #webform_block .webform-submission-form .webform-progress .webform-progress-bar li,
.node-58 .webform-progress li.webform-progress-bar__page,
.node-58 .webform-progress li.webform-progress-bar__page--done > b,
.node-58 .webform-progress .webform-submission-form .webform-progress .webform-progress-bar li,
.node-58 #webform_block li.webform-progress-bar__page,
.node-58 #webform_block li.webform-progress-bar__page--done > b,
.node-58 #webform_block .webform-submission-form .webform-progress .webform-progress-bar li {
  background-color: #00ffbe;
}
.page--history .webform-progress li.webform-progress-bar__page--done + li > b:before,
.page--history .webform-progress .webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:before,
.page--history #webform_block li.webform-progress-bar__page--done + li > b:before,
.page--history #webform_block .webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:before,
.node-58 .webform-progress li.webform-progress-bar__page--done + li > b:before,
.node-58 .webform-progress .webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:before,
.node-58 #webform_block li.webform-progress-bar__page--done + li > b:before,
.node-58 #webform_block .webform-submission-form .webform-progress .webform-progress-bar li.webform-progress-bar__page > b:before {
  border-left-color: #00ffbe;
}
.page--history .webform-progress .form-item .custom-file-label,
.page--history .webform-progress .form-item .select2-selection,
.page--history .webform-progress .form-item input,
.page--history .webform-progress .form-item select,
.page--history .webform-progress .form-item textarea,
.page--history #webform_block .form-item .custom-file-label,
.page--history #webform_block .form-item .select2-selection,
.page--history #webform_block .form-item input,
.page--history #webform_block .form-item select,
.page--history #webform_block .form-item textarea,
.node-58 .webform-progress .form-item .custom-file-label,
.node-58 .webform-progress .form-item .select2-selection,
.node-58 .webform-progress .form-item input,
.node-58 .webform-progress .form-item select,
.node-58 .webform-progress .form-item textarea,
.node-58 #webform_block .form-item .custom-file-label,
.node-58 #webform_block .form-item .select2-selection,
.node-58 #webform_block .form-item input,
.node-58 #webform_block .form-item select,
.node-58 #webform_block .form-item textarea {
  border-color: #00ffbe;
}
.page--history .webform-progress .form-submit,
.page--history #webform_block .form-submit,
.node-58 .webform-progress .form-submit,
.node-58 #webform_block .form-submit {
  border: 3px solid #00ffbe;
  color: #00ffbe;
}
.page--history .webform-progress .form-submit:hover,
.page--history #webform_block .form-submit:hover,
.node-58 .webform-progress .form-submit:hover,
.node-58 #webform_block .form-submit:hover {
  color: #383936;
  border-color: #383936;
}
.page--history .form-item .custom-file-label,
.page--history .form-item .select2-selection,
.page--history .form-item input,
.page--history .form-item select,
.page--history .form-item textarea,
.node-58 .form-item .custom-file-label,
.node-58 .form-item .select2-selection,
.node-58 .form-item input,
.node-58 .form-item select,
.node-58 .form-item textarea {
  background-color: #343333;
}
.page--history .form-item textarea,
.page--history .form-item input,
.page--history .form-control:focus,
.node-58 .form-item textarea,
.node-58 .form-item input,
.node-58 .form-control:focus {
  color: #fff;
}
.page--history .form-submit:hover,
.node-58 .form-submit:hover {
  color: #fff !important;
  border-color: #fff !important;
}
.page--history h1,
.node-58 h1 {
  font-size: 2.75rem;
  color: #00ffbe;
  position: relative;
  margin-top: 0;
  margin-bottom: 2rem;
  word-break: auto-phrase;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-transform: uppercase;
}
@media (min-width: 991px) {
  .page--history h1,
  .node-58 h1 {
    font-size: 4.5rem;
    margin-top: 0;
    margin-bottom: 3rem;
  }
}
.page--history p,
.page--history a,
.page--history li,
.page--history h2,
.page--history h3,
.node-58 p,
.node-58 a,
.node-58 li,
.node-58 h2,
.node-58 h3 {
  color: #fff;
}
.page--history iframe,
.node-58 iframe {
  filter: grayscale(0.6);
}
.page--history #block-ocelot-paddle-breadcrumbs,
.node-58 #block-ocelot-paddle-breadcrumbs {
  display: none;
}
.page--history #webform_block,
.node-58 #webform_block {
  max-width: 458px;
}
.page--history main label,
.node-58 main label {
  color: #fff;
}
.page--history main .layout__region--second,
.node-58 main .layout__region--second {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.page--history .wrapper-1 .timeline-1-row,
.node-58 .wrapper-1 .timeline-1-row {
  opacity: 0;
}
.page--history .wrapper-1 .timeline-1-row.visible,
.node-58 .wrapper-1 .timeline-1-row.visible {
  opacity: 1;
  animation: fadeInScale;
  animation-duration: 1.7s;
}
.page--history .wrapper-1 .timeline-1-row section,
.node-58 .wrapper-1 .timeline-1-row section {
  background-color: #383936;
  border-width: 1px;
  border-color: rgba(0, 255, 190, 0.5);
  border-style: solid;
  border-radius: 0;
}
.page--history .wrapper-1 .timeline-1-row-1 section::before,
.node-58 .wrapper-1 .timeline-1-row-1 section::before {
  background-color: #282828;
  background-color: #383936;
  border-width: 1px 1px 0 0;
  border-color: rgba(0, 255, 190, 0.5);
  border-style: solid;
  border-radius: 0;
  z-index: 2;
  right: -8px;
}
.page--history .wrapper-1 .timeline-1-row-2 section::before,
.node-58 .wrapper-1 .timeline-1-row-2 section::before {
  background-color: #282828;
  background-color: #383936;
  border-width: 0 0 1px 1px;
  border-color: rgba(0, 255, 190, 0.5);
  border-style: solid;
  border-radius: 0;
  z-index: 2;
  left: -8px;
}
.page--history .wrapper-1 .center-line-1,
.node-58 .wrapper-1 .center-line-1 {
  background-color: rgba(0, 255, 190, 0.5);
  width: 1px;
}
.page--history .timeline-1-row section .icon,
.page--history .center-line-1 .scroll-icon-1,
.node-58 .timeline-1-row section .icon,
.node-58 .center-line-1 .scroll-icon-1 {
  background-color: #282828;
  box-shadow: 0 0 0 1px rgba(0, 255, 190, 0.5), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.page--history h2,
.node-58 h2 {
  color: #00ffbe;
}

.node-482 .paddle-component h2 {
  text-align: left;
}

.node-58 {
  background-image: url(/sites/default/files/2025-10/map.png);
  background-size: cover;
}

.page--history {
  position: relative;
}
.page--history:before {
  position: absolute;
  content: "";
  left: -6.5vw;
  top: 0;
  background-image: url(/sites/default/files/2025-06/timelineheader.png);
  width: 100%;
  height: 1750px;
  background-size: 60%;
  background-position: center top;
  background-repeat: no-repeat;
  animation: fadeInScale;
  animation-duration: 0s;
  animation-duration: 1.7s;
}

/*** component to display 4 lists with each 1 news item ***/
.newsraster {
  position: relative;
  margin-bottom: 2rem;
}
.newsraster .layout__region {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin: 0;
  padding: 0;
  height: 180vw;
}
@media (min-width: 991px) {
  .newsraster .layout__region {
    height: 45vw;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    max-height: 80vh;
  }
}
@media (min-width: 1200px) {
  .newsraster .layout__region {
    height: 40vw;
  }
}
@media (min-width: 1780px) {
  .newsraster .layout__region {
    height: 32vw;
  }
}
.newsraster .paddle-components-list-block-wrapper .paddle-component--body-section > ul {
  all: unset;
}
.newsraster .paddle-components-list-block-wrapper .paddle-component--body-section > ul li {
  all: unset;
}
.newsraster .paddle-components-list-block-wrapper .news-item,
.newsraster .paddle-components-list-block-wrapper .paddle-component--body-section,
.newsraster .paddle-components-list-block-wrapper .paddle-component--body-section > ul,
.newsraster .paddle-components-list-block-wrapper .paddle-component--body-section > ul li,
.newsraster .paddle-components-list-block-wrapper .items,
.newsraster .paddle-components-list-block-wrapper .item,
.newsraster .paddle-components-list-block-wrapper .field--featured-image,
.newsraster .paddle-components-list-block-wrapper .fancybox-gallery {
  height: 100%;
  width: 100%;
  margin: 0;
  display: block;
}
.newsraster .paddle-components-list-block-wrapper .field--featured-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: all 0.35s;
}
.newsraster .paddle-components-list-block-wrapper h2 {
  overflow: hidden;
  transition: 0.35s;
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
}
.newsraster .paddle-components-list-block-wrapper h2 a {
  transition: 0.35s;
  padding: 1rem;
  display: flex;
  flex-direction: column-reverse;
}
.newsraster .paddle-components-list-block-wrapper h2 a:before {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.newsraster .paddle-components-list-block-wrapper h2 a span {
  background-color: transparent;
  color: #fff;
  display: block;
  padding-left: 0;
  padding-right: 0;
  font-size: 0.9rem;
}
@media (min-width: 600px) {
  .newsraster .paddle-components-list-block-wrapper h2 a span {
    font-size: 1.25rem;
  }
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item {
  position: relative;
  height: 100%;
  width: 100%;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item .field--publication-date {
  all: unset;
  padding: 0 1rem;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item .field--publication-date * {
  all: unset;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item .field--publication-date i {
  display: none;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item .field--publication-date time {
  font-size: 0.875rem;
  font-weight: 100;
  text-transform: none;
  font-family: "montserrat", sans-serif;
  color: #f83048;
  background-color: transparent;
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
  z-index: 3;
  display: block;
  margin-bottom: 15px;
}
@media (max-width: 600px) {
  .newsraster .paddle-components-list-block-wrapper article.node--news-item .field--publication-date {
    display: none;
  }
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item .field--publication-date time {
  color: #ffffff;
  margin: 0 0 15px 0;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item > div {
  height: 100%;
  overflow: hidden;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item:hover .field--type--daterange .item,
.newsraster .paddle-components-list-block-wrapper article.node--news-item:hover a span {
  transition: 0.35s;
  color: #00ffbe;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item:hover time {
  color: #00ffbe;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item:hover a:before {
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.35s;
}
.newsraster .paddle-components-list-block-wrapper article.node--news-item:hover img {
  transform: scale(1.05);
}
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node ul,
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node li {
  all: unset;
}
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node ul a,
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node li a {
  background-image: none;
  padding: 8px 0.9375rem;
  background-color: #00ffbe;
  border: 0;
  color: #383936;
  font-weight: normal;
}
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node li.featured a {
  background-color: #00ffbe;
  color: #000 !important;
}
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node li.activities-news a,
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node li.project-news a {
  background-color: #f83048 !important;
  color: #fff !important;
}
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node li.partner-news a {
  background-color: #3277f4 !important;
  color: #fff !important;
}
.newsraster .paddle-components-list-block-wrapper .field--display-tags-frontend-node li.congress-news a {
  background-color: #793acb !important;
  color: #fff !important;
}
.newsraster .paddle-components-list-block-wrapper:not(:first-child) {
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
}
.newsraster .paddle-components-list-block-wrapper:not(:first-child) .tags-list li.featured {
  display: none !important;
}
.newsraster .paddle-components-list-block-wrapper:first-child {
  border-width: 8px;
  border-color: #00ffbe;
  border-style: solid;
  margin-bottom: 0;
  grid-area: 1/1/3/3;
}
.newsraster .paddle-components-list-block-wrapper:first-child h2 a:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.newsraster .paddle-components-list-block-wrapper:first-child:hover h2 a:before {
  background-color: rgba(0, 0, 0, 0.5);
}

body:not(.subsite) .subsite_footer {
  display: none;
}

.sticky-footer .sticky-footer-content .layout--onecol.subsite_footer .layout__region {
  display: flex;
}
.sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer {
  background-color: #efefef;
  margin-bottom: 3rem;
  padding-top: 2rem;
  position: relative;
}
.sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer::before {
  content: "";
  display: block;
  background-color: inherit;
  position: absolute;
  height: 100%;
  margin-left: -50%;
  margin-right: -50%;
  left: 0;
  right: 0;
  top: 0;
}
.sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer .layout__region {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin-bottom: 2rem;
}
.sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer .layout__region .paddle-components-text-block-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
}
.sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer .layout__region .paddle-components-text-block-wrapper h2 {
  color: #383936;
  font-size: 1rem;
  text-transform: none;
}
.sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer .layout__region .paddle-components-image-block-wrapper {
  margin-top: 3rem;
}
.sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer .layout__region .paddle-components-image-block-wrapper .paddle-component--image-block {
  margin: 0;
}
.sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer .layout__region .paddle-components-image-block-wrapper img {
  height: 45px;
  width: auto;
  max-width: none;
}
@media (min-width: 1025px) {
  .sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer .layout__region--first,
  .sticky-footer .sticky-footer-content .layout--threecol-section.subsite_footer .layout__region--second {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #757574;
  }
}
.sticky-footer #mc_embed_signup form {
  margin: 0;
  max-width: 400px;
}
.sticky-footer #mc_embed_signup div#mce-responses {
  display: none;
}

.section--extra-margin {
  height: 2rem;
}

.section--remove-margin {
  margin: 0 0 -2rem 0;
}

.file--application-pdf a.btn {
  display: inline-flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

@media (min-width: 1280px) {
  body:not(.subsite) .extraTop {
    margin-top: 14rem;
  }
}

@media (max-width: 1024px) {
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  body .page-wrapper-container,
  body .page-wrapper {
    max-width: 100%;
    overflow-x: hidden;
  }
}
#block-mainnavigation ul.dropdown-menu ul.dropdown-menu {
  display: none !important;
}

/*** faq page ***/
.faq-search-form a.btn {
  display: flex;
  align-items: center;
}

.faq-search-form input {
  border-radius: 0;
}

.faq-search-form .row {
  align-items: center;
}

.field--faq details {
  position: relative;
  border-radius: 0;
  margin-bottom: 1rem;
  border-color: black;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
}

.field--faq details > .details-wrapper {
  background-color: transparent;
}
.field--faq details > .details-wrapper .field--label {
  display: none;
}

.field--faq details > summary {
  font-weight: bold;
}

.field--faq .faq-set > h2 {
  display: none;
}

.paddle-components-page-block-wrapper .paddle-component--body-section > ul {
  padding-left: 0;
  margin: 0;
}

.video--parallax-wrapper #video-wrap,
.video--parallax-wrapper {
  width: 100%;
  height: 100%;
}

.node-28 .section--counters.eu-counter .container-max-custom::before {
  content: "ITS European Congress in numbers" !important;
}

.node-28 .section--counters.emea-counter .container-max-custom::before {
  content: "EMEA ITS World Congress in numbers" !important;
}

.value-grid {
  margin-bottom: 1rem;
}
.value-grid .layout__region {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 1rem;
}
@media (min-width: 1500px) {
  .value-grid .layout__region {
    grid-template-columns: repeat(4, 1fr);
  }
}
.value-grid .paddle-component-wrapper {
  color: white;
}
.value-grid .paddle-component-wrapper p, .value-grid .paddle-component-wrapper h2, .value-grid .paddle-component-wrapper h3, .value-grid .paddle-component-wrapper h4, .value-grid .paddle-component-wrapper strong {
  color: white;
}
.value-grid .paddle-component-wrapper .paddle-component {
  margin: 0;
}
.value-grid .paddle-component-wrapper .paddle-component--text-block {
  padding: 1rem;
}
.value-grid .paddle-component-wrapper .paddle-component--text-block img {
  transition: all 0.35s;
}
@media (min-width: 1781px) {
  .value-grid .paddle-component-wrapper .paddle-component--text-block p {
    font-size: 0.95vw;
  }
}
.value-grid .paddle-component-wrapper .paddle-component--text-block:hover img {
  transform: scale(1.05);
}
.value-grid .paddle-component--image-block {
  height: 100%;
}
.value-grid .paddle-component--image-block .paddle-component--body-section {
  height: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.value-grid .paddle-component--image-block .paddle-component--body-section img {
  transition: all 0.35s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.value-grid .paddle-component--image-block .paddle-component--body-section:hover img {
  transform: scale(1.05);
}
.value-grid .color-1 {
  background-color: #69747a;
}
.value-grid .color-2 {
  background-color: #303434;
}
.value-grid .color-3 {
  background-color: #69747a;
}
.value-grid .color-4 {
  background-color: #303434;
}

body:not(.subsite) .value-grid .color-5 {
  background-color: #ffffff;
  color: #383936;
  border-width: 1px;
  border-style: solid;
  border-color: #383936;
}
body:not(.subsite) .value-grid .color-5 img {
  filter: invert(1);
}

.ui-dialog {
  font-family: "montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  border: 0;
}

.ui-dialog-titlebar {
  border: 0;
  border-radius: 0;
}

.ui-dialog .ui-dialog-title {
  color: #ffffff !important;
  font-size: 1.125rem !important;
  text-transform: uppercase;
  border-radius: 0;
  border: 0;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  filter: invert(1);
}

.ui-widget.ui-widget-content,
.ui-dialog .ui-dialog-content {
  border-radius: 0 !important;
  border: 0 !important;
}

.ui-widget-content a {
  outline: none;
  font-weight: bold;
}

.page--hero-banner .section--hero-banner.transparent {
  min-height: 850px;
}
.page--hero-banner .section--hero-banner.transparent .slider-parallax {
  min-height: 850px;
}

/**** animations ****/
body {
  animation: fadeIn 2s forwards;
  animation-fill-mode: backwards;
}

body.homepage .section--hero-banner .paddle-components-text-block-wrapper h2 {
  animation: moveInLeft 2s forwards;
  animation-duration: 1s;
  /* animation-iteration-count: 3;*/
  animation-timing-function: ease-out;
  animation-fill-mode: backwards;
}

body.page--hero-banner .section--hero-banner .paddle-components-text-block-wrapper h1 {
  animation: moveInLeft 2s forwards;
  animation-duration: 1s;
  /* animation-iteration-count: 3;*/
  animation-timing-function: ease-out;
  animation-fill-mode: backwards;
}

body.page--hero-banner .section--hero-banner .paddle-component--text-block {
  animation: fadeIn 1s forwards 0.5s;
  animation-fill-mode: backwards;
}

.homepage .section--hero-banner .section--toptasks .paddle-components-top-bottom-only-block-wrapper {
  animation: fadeIn 1.5s forwards 0.5s;
  animation-fill-mode: backwards;
}

.homepage .section--hero-banner .section--toptasks .paddle-components-top-bottom-only-block-wrapper:nth-child(2) {
  animation: fadeIn 1s forwards 1s;
  animation-fill-mode: backwards;
}

.homepage .section--hero-banner .section--toptasks .paddle-components-top-bottom-only-block-wrapper:nth-child(3) {
  animation: fadeIn 1s forwards 1.5s;
  animation-fill-mode: backwards;
}

.homepage .section--hero-banner .section--toptasks .paddle-components-top-bottom-only-block-wrapper:nth-child(4) {
  animation: fadeIn 1s forwards 2s;
  animation-fill-mode: backwards;
}

body.page--hero-banner .section--hero-banner .paddle-components-text-block-wrapper #block-ocelot-paddle-page-title {
  animation: fadeIn 2s forwards;
  animation-duration: 1s;
  /* animation-iteration-count: 3;*/
  animation-timing-function: ease-out;
}

#backToTop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 40px;
  height: 40px;
  border: 3px solid #00ffbe;
  box-sizing: border-box;
  transition: all 0.35s;
  font-size: 0;
  transform: rotate(-90deg);
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  z-index: 3333333333;
}
#backToTop::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  background-image: url(/sites/default/files/2025-05/arrow-right-green.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.35s;
}
#backToTop:hover {
  border-color: #383936;
}
#backToTop:hover::before {
  background-image: url(/sites/default/files/2025-05/arrow-right.svg);
}

#backToTop.visible {
  opacity: 1;
  visibility: visible;
}

.node-105 .ken-burns-background,
.node-726 .ken-burns-background {
  position: relative;
  overflow: hidden;
}
.node-105 .ken-burns-background .paddle-components-text-block-wrapper,
.node-726 .ken-burns-background .paddle-components-text-block-wrapper {
  bottom: 6rem !important;
}
.node-105 .slider-parallax-inner,
.node-726 .slider-parallax-inner {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: 0;
  will-change: transform;
}
@keyframes kenburns {
  0% {
    transform: scale(1.05) translate(0, 0);
  }
  50% {
    transform: scale(1.15) translate(-3%, -3%);
  }
  100% {
    transform: scale(1.05) translate(0, 0);
  }
}
.node-105 main,
.node-726 main {
  margin-top: 4rem !important;
  background-color: #fff;
}

s {
  text-decoration: none;
  position: relative;
  z-index: 0;
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #00ffbe;
  text-underline-offset: 5px;
  text-decoration-thickness: 5px;
  /*  &::after{
      content: "";
      display: block;
      width: 100%;
      position: absolute;
      background-color: $clr-secondary;
      height: 5px;
      top: 78%;
      left: 0;
      z-index: -1;
    }*/
}

.footnote .layout__region {
  margin: 0 auto;
  text-align: center;
}
.footnote .layout__region .paddle-component--text-block {
  margin: 0;
}
.footnote .layout__region p {
  font-size: 0.7rem !important;
}/*# sourceMappingURL=global.css.map */