.elementor-125 .elementor-element.elementor-element-9e59fd5{width:100%;max-width:100%;}.elementor-125 .elementor-element.elementor-element-9e59fd5.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-9e59fd5 *//* =========================================================
   M&O MARKETING — STICKY ELEMENTOR HEADER V6
   Gebruik de Elementor header-wrapper als sticky element
========================================================= */


/* =========================================================
   ELEMENTOR THEME BUILDER HEADER
========================================================= */

.elementor-location-header {
  position: sticky !important;
  position: -webkit-sticky !important;

  top: 0 !important;

  width: 100% !important;

  z-index: 999999 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   M&O HEADER V6
========================================================= */

.mo-header-v6 {
  position: relative !important;

  width: 100% !important;

  top: auto !important;
  left: auto !important;
  right: auto !important;

  transform: none !important;
  -webkit-transform: none !important;

  z-index: 999999 !important;

  overflow: visible !important;
}


/* =========================================================
   ELEMENTOR CONTAINERS
   Dropdown mag nooit worden afgeknipt
========================================================= */

.elementor-location-header,
.elementor-location-header > .elementor,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner {
  overflow: visible !important;
}


/* =========================================================
   ISOLATION
========================================================= */

.elementor-location-header {
  isolation: isolate;
}


/* =========================================================
   DROPDOWN
========================================================= */

.mo-header-v6__dropdown,
.mo-header-v6__dropdown-wrap {
  position: relative;

  z-index: 999999 !important;

  overflow: visible !important;
}


/* Het daadwerkelijke dropdown-menu altijd boven content */

.mo-header-v6__dropdown {
  z-index: 1000000 !important;
}


/* =========================================================
   GEEN BODY OFFSET
========================================================= */

body {
  padding-top: 0 !important;
}


/* =========================================================
   DIENSTEN — NOOIT ROZE
   Ook wanneer dropdown geopend is
========================================================= */

.mo-header-v6__dropdown-trigger,
.mo-header-v6__dropdown-trigger:hover,
.mo-header-v6__dropdown-trigger:focus,
.mo-header-v6__dropdown-trigger:focus-visible,
.mo-header-v6__dropdown-wrap.is-open
.mo-header-v6__dropdown-trigger,
.mo-header-v6__dropdown-wrap:hover
.mo-header-v6__dropdown-trigger {

  background:
    rgba(255,255,255,.035) !important;

  color:
    #f4f2f8 !important;

  border-color:
    transparent !important;

  box-shadow:
    none !important;

  outline:
    none !important;
}


/* =========================================================
   HOVER INDICATOR
========================================================= */

.mo-header-v6__dropdown-trigger::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 5px;

  width: 0;
  height: 1px;

  transform: translateX(-50%);

  background: #b795ff;

  transition:
    width .2s ease;
}


.mo-header-v6__dropdown-trigger:hover::after,
.mo-header-v6__dropdown-trigger.is-hovered::after,
.mo-header-v6__dropdown-wrap.is-open
.mo-header-v6__dropdown-trigger::after {

  width: 18px;

}


/* =========================================================
   NORMALE NAVIGATIE
========================================================= */

.mo-header-v6__link {
  position: relative;
}


/* Geen permanente Home-active state */

.mo-header-v6__link.is-active {
  color: #aaa5b1 !important;
}

.mo-header-v6__link.is-active::after {
  display: none !important;
}


/* Muis bepaalt wat actief oogt */

.mo-header-v6__link.is-hovered {
  color: #f4f2f8 !important;

  background:
    rgba(255,255,255,.035) !important;
}


.mo-header-v6__link.is-hovered::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 5px;

  width: 18px;
  height: 1px;

  transform: translateX(-50%);

  background: #b795ff;

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

  .elementor-location-header {

    position: sticky !important;

    position: -webkit-sticky !important;

    top: 0 !important;

  }


  .mo-header-v6 {

    position: relative !important;

    width: 100% !important;

  }


  .mo-header-v6__dropdown,
  .mo-header-v6__dropdown-wrap {

    z-index: 1000000 !important;

  }

}
/* =========================================================
   M&O MARKETING — DEFINITIEF GEEN ROZE DIENSTEN-KNOP
   ========================================================= */

/* Normale toestand */
.mo-header-v6 .mo-header-v6__dropdown-trigger {
  background: transparent !important;
  background-color: transparent !important;
  color: #aaa5b1 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* Hover */
.mo-header-v6 .mo-header-v6__dropdown-trigger:hover {
  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;
  color: #f4f2f8 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* Open via aria-expanded */
.mo-header-v6 .mo-header-v6__dropdown-trigger[aria-expanded="true"] {
  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;
  color: #f4f2f8 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* Open class op de trigger zelf */
.mo-header-v6 .mo-header-v6__dropdown-trigger.is-open,
.mo-header-v6 .mo-header-v6__dropdown-trigger.open,
.mo-header-v6 .mo-header-v6__dropdown-trigger.active {
  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;
  color: #f4f2f8 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* Open class op de wrapper */
.mo-header-v6 .mo-header-v6__dropdown-wrap.is-open
.mo-header-v6__dropdown-trigger,
.mo-header-v6 .mo-header-v6__dropdown-wrap.open
.mo-header-v6__dropdown-trigger,
.mo-header-v6 .mo-header-v6__dropdown-wrap.active
.mo-header-v6__dropdown-trigger {
  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;
  color: #f4f2f8 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* Focus */
.mo-header-v6 .mo-header-v6__dropdown-trigger:focus,
.mo-header-v6 .mo-header-v6__dropdown-trigger:focus-visible {
  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;
  color: #f4f2f8 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}


/* Geen roze pseudo-element */
.mo-header-v6 .mo-header-v6__dropdown-trigger::before {
  background: transparent !important;
}


/* Paarse indicator onder Diensten */
.mo-header-v6 .mo-header-v6__dropdown-trigger[aria-expanded="true"]::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 5px;

  width: 18px;
  height: 1px;

  transform: translateX(-50%);

  background: #b795ff !important;

  display: block;
}
/* =========================================================
   DIENSTEN — NOOIT ROZE, OOK NIET NA MOUSELEAVE
   ========================================================= */

.mo-header-v6 .mo-header-v6__dropdown-trigger,
.mo-header-v6 .mo-header-v6__dropdown-trigger:hover,
.mo-header-v6 .mo-header-v6__dropdown-trigger:active,
.mo-header-v6 .mo-header-v6__dropdown-trigger:focus,
.mo-header-v6 .mo-header-v6__dropdown-trigger:focus-visible,
.mo-header-v6 .mo-header-v6__dropdown-trigger[aria-expanded="true"],
.mo-header-v6 .mo-header-v6__dropdown-trigger.is-open,
.mo-header-v6 .mo-header-v6__dropdown-trigger.is-active,
.mo-header-v6 .mo-header-v6__dropdown-trigger.active,
.mo-header-v6 .mo-header-v6__dropdown-wrap.is-open
.mo-header-v6__dropdown-trigger,
.mo-header-v6 .mo-header-v6__dropdown-wrap.is-active
.mo-header-v6__dropdown-trigger,
.mo-header-v6 .mo-header-v6__dropdown-wrap.active
.mo-header-v6__dropdown-trigger {

  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;

  color: #f4f2f8 !important;

  border-color: transparent !important;

  box-shadow: none !important;

  outline: none !important;
}


/* Ook wanneer de muis de knop verlaat */

.mo-header-v6 .mo-header-v6__dropdown-wrap.is-open
.mo-header-v6__dropdown-trigger:not(:hover) {

  background: rgba(255,255,255,.035) !important;
  background-color: rgba(255,255,255,.035) !important;

  color: #f4f2f8 !important;
}


/* Geen roze overgang */

.mo-header-v6 .mo-header-v6__dropdown-trigger {
  transition:
    color .2s ease,
    background-color .2s ease,
    box-shadow .2s ease !important;
}


/* Paarse indicator blijft staan zolang menu open is */

.mo-header-v6 .mo-header-v6__dropdown-wrap.is-open
.mo-header-v6__dropdown-trigger::after,
.mo-header-v6 .mo-header-v6__dropdown-trigger[aria-expanded="true"]::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 5px;

  width: 18px;
  height: 1px;

  transform: translateX(-50%);

  background: #b795ff !important;

  display: block;
}
/* =========================================================
   DIENSTEN — HOVER OPEN
   ========================================================= */

.mo-header-v7__dropdown-wrap.is-open
.mo-header-v7__dropdown {

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  transform:
    translateX(-50%)
    translateY(0) !important;
}


/* Ook gewoon hover */

.mo-header-v7__dropdown-wrap:hover
.mo-header-v7__dropdown {

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  transform:
    translateX(-50%)
    translateY(0) !important;
}
/* =========================================================
   HEADER CTA'S
   ========================================================= */

.mo-header-v7__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}


/* Offerte aanvragen */

.mo-header-v7__offer {

  height: 50px;

  padding: 0 20px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255,255,255,.09);
  border-radius: 13px;

  background: rgba(255,255,255,.025);

  color: #c9c3d0;

  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;

  white-space: nowrap;

  transition:
    color .2s ease,
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}


.mo-header-v7__offer:hover {

  color: #f4f2f8;

  border-color: rgba(255,255,255,.16);

  background: rgba(255,255,255,.055);

  transform: translateY(-1px);
}


/* Gratis website scan */

.mo-header-v7__scan {

  height: 50px;

  padding: 0 7px 0 18px;

  display: inline-flex;
  align-items: center;

  gap: 12px;

  border: 1px solid rgba(155,108,255,.36);
  border-radius: 13px;

  background: rgba(155,108,255,.035);

  color: #c9c3d0;

  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;

  white-space: nowrap;

  transition:
    color .2s ease,
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}


.mo-header-v7__scan:hover {

  color: #fff;

  border-color: rgba(155,108,255,.7);

  background: rgba(155,108,255,.075);

  transform: translateY(-1px);
}


.mo-header-v7__scan-icon {

  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  border-radius: 10px;

  background: #9b6cff;

  color: #fff;

  font-size: 18px;

  box-shadow:
    0 8px 24px rgba(155,108,255,.24);
}/* End custom CSS */