.elementor-kit-6{--e-global-color-primary:#0B4650;--e-global-color-secondary:#F7FFED;--e-global-color-text:#002126;--e-global-color-accent:#DBFC56;--e-global-color-d9870f6:#E8FFC9;--e-global-color-09b5e16:#994AFF;--e-global-color-c47a735:#D0C5FB;--e-global-color-1470f9c:#FFBD99;--e-global-color-8621cf4:#FF6536;--e-global-color-d5815af:#FFFFFF;--e-global-color-ec65f8b:#FCE6EC;--e-global-typography-primary-font-family:"Red Hat Display";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:62px;--e-global-typography-secondary-font-family:"Red Hat Display";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:48px;--e-global-typography-text-font-family:"Red Hat Display";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:20px;--e-global-typography-accent-font-family:"Red Hat Display";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:22px;--e-global-typography-2224667-font-family:"Red Hat Display";--e-global-typography-2224667-font-size:16px;--e-global-typography-2224667-font-weight:500;--e-global-typography-2224667-line-height:16px;--e-global-typography-db8de4b-font-family:"Red Hat Display";--e-global-typography-db8de4b-font-size:20px;--e-global-typography-db8de4b-font-weight:700;--e-global-typography-db8de4b-line-height:26px;--e-global-typography-cc984ce-font-family:"Red Hat Display";--e-global-typography-cc984ce-font-size:28px;--e-global-typography-cc984ce-font-weight:700;--e-global-typography-cc984ce-line-height:34px;--e-global-typography-782b473-font-family:"Red Hat Display";--e-global-typography-782b473-font-size:18px;--e-global-typography-782b473-font-weight:500;--e-global-typography-782b473-line-height:22px;--e-global-typography-5c7e2ad-font-family:"Red Hat Display";--e-global-typography-5c7e2ad-font-size:18px;--e-global-typography-5c7e2ad-font-weight:700;--e-global-typography-5c7e2ad-line-height:22px;--e-global-typography-6ec42b8-font-family:"Red Hat Display";--e-global-typography-6ec42b8-font-size:16px;--e-global-typography-6ec42b8-line-height:16px;--e-global-typography-321162c-font-family:"Red Hat Display";--e-global-typography-321162c-font-size:25px;--e-global-typography-321162c-font-weight:700;--e-global-typography-321162c-line-height:29px;color:var( --e-global-color-text );font-family:"Red Hat Display", Sans-serif;font-size:16px;font-weight:400;line-height:20px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1680px;}.e-con{--container-max-width:1680px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{font-size:2vw;}.elementor-kit-6 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 a:hover{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-db8de4b-font-size:20px;font-size:4vw;}.elementor-kit-6 a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 a:hover{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Make the Elementor video container a positioning context */
.hover-video .e-hosted-video,
.hover-video .elementor-wrapper {
  position: relative;
}

/* The overlay image */
.hover-video .hv-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;      /* fill like a poster would */
  transition: opacity 0.1s ease;
  opacity: 1;
  pointer-events: none;   /* don’t block controls/hover */
  display: block;
}

.oivio-feature-item {
    height: 100px;
        overflow: hidden;
    background-color: var(--e-global-color-secondary);
      transition: height 0.4s ease, background-color 0.4s ease;
}

.oivio-feature-item:hover  {
  height: 250px;
  background-color: var(--e-global-color-d9870f6);
}

#feature-excerpt, #feature-content {
     opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.4s ease 0.2s, height 0.4s ease 0.2s;
}

.oivio-feature-item:hover #feature-excerpt,
.oivio-feature-item:hover #feature-content {
    opacity: 1;
    height: 250px;
}

.oivio-badge-red .oivio-badge {
        background-color: var(--e-global-color-8621cf4)
}

.oivio-badge-red .oivio-badge-text {
    color: white;
}

.page-header h1.entry-title {
    display: none;
}


.oivio-inset{
    padding-left: 24px;
}

body[data-elementor-device-mode="mobile"] .oivio-inset{
    padding-left: unset;
}


.oivio-menu-separator a {
  display: none !important;
}

.oivio-menu-separator {
  text-align: left !important;
  margin: 0px 0 !important;
}

.oivio-menu-separator::before {
  content: "";
  display: inline-block;
  width: 25%;
  border-top: 1px solid white;
}
    
header a.domein {
    all: unset;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 16px;
    font-weight: 500;
    color: var(--e-global-color-accent);
}

header a.domein:hover {
    all: unset;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 16px;
    font-weight: 500;
}

.oivio-outer {
    padding-left : 40px;
    padding-right: 40px;
}

body[data-elementor-device-mode="tablet"] .oivio-outer {
  padding-left: 20px;
  padding-right: 20px;
}

body[data-elementor-device-mode="mobile"] .oivio-outer {
  padding-left: 20px;
  padding-right: 20px;
}

.oivio-accent {
    color: var(--e-global-color-accent)
}

.oivio-badge {
  display: inline-flex;
  align-items: center;
  background-color: #ecff60;
  padding: 0.4em 1em;
  border-radius: 999px;
  width: fit-content;
}

.oivio-badge-text {
  font-weight: 700;
  color: #183c4a;
  font-family: sans-serif;
  white-space: nowrap;
}

.oivio-badge-text p {
    margin-block-end: 0;
}

.oivio-button a {
   background-color: var(--e-global-color-accent);
   border: 1px solid transparent;
   color: var(--e-global-color-text) !important;
   fill: var(--e-global-color-text);
  border-radius: 12px;
  text-decoration: none;
  padding: 12px 12px;
  font-family: "Red Hat Display", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
  transition: all 0.3s ease;
}

.oivio-button a:hover {
  background-color: transparent;
  border: 1px solid white;
  color: white !important;
  fill: white;
  padding: 12px 12px;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.oivio-button-diap a {
     background-color: transparent;
   border: 1px solid white;
   color: white;
   fill: white;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px 12px;
}

.oivio-button-diap a:hover {
  background-color: var(--e-global-color-accent);
  border: 1px solid transparent;
  color: var(--e-global-color-text);
  fill: var(--e-global-color-text);
      line-height: 16px;
    padding: 12px 12px;
    -serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.oivio-button-dark a {
     background-color: var(--e-global-color-text);
   border: 1px solid transparent;
   color: white;
   fill: white;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px 12px;
}

.oivio-button-dark a:hover {
  background-color: var(--e-global-color-text);
  border: 1px solid transparent;
  color: var(--e-global-color-accent);
  fill: var(--e-global-color-accent);
      line-height: 16px;
    padding: 12px 12px;
    -serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.oivio-button-dianeg a {
     background-color: var(--e-global-color-text);
   border: 1px solid transparent;
   color: white;
   fill: white;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px 12px;
}

.oivio-button-dianeg a:hover {
  background-color: transparent;
  border: 1px solid var(--e-global-color-text);
  color: var(--e-global-color-text);
  fill: var(--e-global-color-text);
      line-height: 16px;
    padding: 12px 12px;
    -serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.oivio-button-red a {
     background-color: transparent;
   border: 1px solid var(--e-global-color-8621cf4);
   color: var(--e-global-color-text) !important;
   fill: var(--e-global-color-text);
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px 12px;
}

.oivio-button-red a:hover {
  background-color: var(--e-global-color-8621cf4);;
  border: 1px solid white;
  color: white !important;
  fill: white;
      line-height: 16px;
    padding: 12px 12px;
    -serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}


.oivio-loop-container:hover {
    background: var(--e-global-color-d9870f6);
}

.oivio-darkbg .oivio-loop-container::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  height: 1px;
  background-color: var(--e-global-color-d9870f6);
}

.oivio-darkbg .oivio-loop-container:hover::after {
  height: 0px;
}


.oivio-loop-container .icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.oivio-loop-container:hover .icon {
    opacity: 1;
    pointer-events: auto;
}

.oivio-darkbg .oivio-loop-container .elementor-heading-title {
    color: white  !important;
}

.oivio-darkbg .oivio-loop-container:hover .elementor-heading-title {
    color: var(--e-global-color-text) !important;
}

.oivio-darkbg .oivio-loop-container .elementor-widget-container {
    color: var(--e-global-color-d9870f6) !important;
}

.oivio-darkbg .oivio-loop-container:hover .elementor-widget-container {
    color: var(--e-global-color-text) !important
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Red Hat Display';
	font-display: auto;
	src: url('https://zorgwebnl.kinsta.cloud/wp-content/uploads/2025/04/RedHatDisplay-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */