.elementor-4910 .elementor-element.elementor-element-84cd762{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:999;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4910 .elementor-element.elementor-element-31a18032 .elementor-menu-toggle{margin:0 auto;}.elementor-4910 .elementor-element.elementor-element-31a18032 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4910 .elementor-element.elementor-element-31a18032 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4910 .elementor-element.elementor-element-31a18032 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4910 .elementor-element.elementor-element-31a18032 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-b9d4d2d );fill:var( --e-global-color-b9d4d2d );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4910 .elementor-element.elementor-element-734aed3 .elementor-button{background-color:var( --e-global-color-b9d4d2d );font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:700;fill:#1a1a1a;color:#1a1a1a;border-radius:10px 10px 10px 10px;padding:17px 30px 17px 30px;}.elementor-4910 .elementor-element.elementor-element-734aed3 .elementor-button:hover, .elementor-4910 .elementor-element.elementor-element-734aed3 .elementor-button:focus{background-color:var( --e-global-color-f1f9e04 );box-shadow:0px 6px 10px 0px rgba(0,0,0,0.5);}.elementor-4910 .elementor-element.elementor-element-734aed3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4910 .elementor-element.elementor-element-734aed3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4910 .elementor-element.elementor-element-734aed3 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-31a18032 */.mm-site-header .elementor-nav-menu--main .elementor-item {
  position: relative !important;
  text-decoration: none !important;
}

.mm-site-header .elementor-nav-menu--main .elementor-item::before {
  display: none !important;
  content: none !important;
}

.mm-site-header .elementor-nav-menu--main .elementor-item::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 8px !important;
  width: 100% !important;
  height: 2px !important;
  background: #DF0D0D !important;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s ease;
}

.mm-site-header .elementor-nav-menu--main .elementor-item:hover::after,
.mm-site-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
  transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84cd762 *//* =========================================================
   MONEY MASTERS – GLOBAL HEADER
   Theme-Builder-Header

   Struktur:
   - Header-Container:        mm-site-header
   - Helles Logo:             mm-logo-light
   - Dunkles Logo:            mm-logo-dark
   - Elementor Menü-Widget:   mm-mobile-offcanvas-menu

   Verhalten:
   - Desktop: transparent, beim Scrollen weiß
   - Tablet/Mobile: immer weißer Header, dunkles Logo
   - Tablet/Mobile: natives Elementor-Menü fährt rechts ein
   - Kein Body-/Page-Abstand in diesem CSS
========================================================= */


/* =========================================================
   01 – DESKTOP HEADER BASIS
========================================================= */

.mm-site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: transparent;
  transition:
    background .3s ease,
    box-shadow .3s ease,
    backdrop-filter .3s ease,
    padding .3s ease;
}

.mm-site-header.mm-scrolled {
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
  backdrop-filter: blur(16px);
}


/* =========================================================
   02 – LOGO SWITCH DESKTOP
========================================================= */

.mm-site-header .mm-logo-dark {
  display: none;
}

.mm-site-header .mm-logo-light {
  display: block;
}

.mm-site-header.mm-scrolled .mm-logo-light {
  display: none;
}

.mm-site-header.mm-scrolled .mm-logo-dark {
  display: block;
}


/* =========================================================
   03 – DESKTOP NAV COLORS
========================================================= */

.mm-site-header .elementor-nav-menu a {
  color: rgba(255, 255, 255, .8) !important;
  transition: color .3s ease;
}

.mm-site-header.mm-scrolled .elementor-nav-menu a {
  color: #1a1a1a !important;
}

.mm-site-header .elementor-nav-menu a:hover,
.mm-site-header.mm-scrolled .elementor-nav-menu a:hover {
  color: #F7AF21 !important;
}


/* =========================================================
   04 – TABLET / MOBILE HEADER BASIS
========================================================= */

@media (max-width: 1024px) {
  .mm-site-header,
  .mm-site-header.mm-mobile-header,
  .mm-site-header.mm-scrolled,
  .mm-site-header.elementor-sticky--effects {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 10000 !important;
    width: 100%;
    background: #fff !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    transform: none !important;
  }

  .mm-site-header,
  .mm-site-header * {
    transition-duration: 0s !important;
  }

  .mm-site-header .mm-logo-light {
    display: none !important;
  }

  .mm-site-header .mm-logo-dark {
    display: block !important;
  }

  .mm-site-header .elementor-nav-menu a,
  .mm-site-header.mm-scrolled .elementor-nav-menu a {
    color: #1a1a1a !important;
  }

  .mm-site-header .elementor-nav-menu a:hover,
  .mm-site-header.mm-scrolled .elementor-nav-menu a:hover {
    color: #F7AF21 !important;
  }
}


/* =========================================================
   05 – BURGER BUTTON
========================================================= */

@media (max-width: 1024px) {
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-menu-toggle {
    position: relative !important;
    z-index: 10030 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f2f2f2 !important;
    color: #1a1a1a !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }

  .mm-site-header .mm-mobile-offcanvas-menu .elementor-menu-toggle svg,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-menu-toggle i {
    color: #1a1a1a !important;
    fill: #1a1a1a !important;
  }
}


/* =========================================================
   06 – OFF-CANVAS OVERLAY
   Overlay beginnt unter dem Header, damit Header und Menübutton
   nicht grau überlagert werden.
========================================================= */

@media (max-width: 1024px) {
  body.mm-mobile-menu-open {
    overflow: hidden;
  }

  body.mm-mobile-menu-open::before {
    content: "";
    position: fixed;
    top: var(--mm-site-header-height, 120px);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9990;
    background: rgba(0, 0, 0, .42);
    pointer-events: auto;
  }

  body.mm-mobile-menu-open .mm-site-header,
  body.mm-mobile-menu-open .mm-site-header.mm-mobile-header,
  body.mm-mobile-menu-open .mm-site-header.mm-scrolled,
  body.mm-mobile-menu-open .mm-site-header.elementor-sticky--effects {
    box-shadow: none !important;
  }
}


/* =========================================================
   07 – OFF-CANVAS PANEL
   Native Elementor Dropdown wird zum seitlichen Vollhöhen-Menü.
   Das Panel beginnt oben und überdeckt auch den CTA/Headerbereich rechts.
========================================================= */

@media (max-width: 1024px) {
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 10020 !important;
    width: min(84vw, 360px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;

    margin: 0 !important;
    padding: calc(var(--mm-site-header-height, 120px) + 28px) 32px 32px !important;

    background: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: -18px 0 44px rgba(0, 0, 0, .22) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translateX(105%) !important;
    transition: transform .32s cubic-bezier(.2, .8, .2, 1) !important;
  }

  body.mm-mobile-menu-open .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown,
  body.mm-mobile-menu-open .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown,
  body.mm-mobile-menu-open .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container {
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }
}
/* =========================================================
   08 – OFF-CANVAS MENU LIST
========================================================= */

@media (max-width: 1024px) {
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown .elementor-nav-menu,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown ul,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container .elementor-nav-menu,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown li,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown .menu-item,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container li,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container .menu-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown a,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown .elementor-item,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container a,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container .elementor-item {
    display: block !important;
    width: 100% !important;
    padding: 15px 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #1a1a1a !important;
    text-shadow: none !important;

    font-family: "DM Sans", sans-serif;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown a:hover,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown .elementor-item:hover,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container a:hover,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container .elementor-item:hover {
    background: transparent !important;
    color: #F7AF21 !important;
  }
}


/* =========================================================
   09 – SUBMENUS
========================================================= */

@media (max-width: 1024px) {
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown .sub-menu,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container .sub-menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 4px 0 10px 14px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}


/* =========================================================
   10 – CTA IM HEADER
========================================================= */

@media (max-width: 1024px) {
  .mm-site-header .elementor-button,
  .mm-site-header .mm-header-cta .elementor-button {
    position: relative;
    z-index: 10010;
    background: #F7AF21 !important;
    color: #1a1a1a !important;
    white-space: nowrap;
  }
}


/* =========================================================
   11 – SCHATTEN / ARTEFAKT FIXES
========================================================= */

@media (max-width: 1024px) {
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown .elementor-nav-menu,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container .elementor-nav-menu,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown ul,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container ul,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown li,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container li,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown a,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container a,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown .elementor-item,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container .elementor-item {
    text-shadow: none !important;
  }

  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown::before,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown::after,
  .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown::before,
  .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown::after,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container::before,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container {
    border-top: none !important;
  }

  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown a,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container a,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown .elementor-item,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container .elementor-item {
    border-bottom: none !important;
  }
}


/* =========================================================
   12 – SMARTPHONE FEINSCHLIFF
========================================================= */

@media (max-width: 767px) {
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container {
    width: min(84vw, 340px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: calc(var(--mm-site-header-height, 120px) + 24px) 28px 32px !important;
  }
}

/* =========================================================
   13 – ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container {
    transition: none !important;
  }
}
/* =========================================================
   HEADER – OFF-CANVAS CLOSED STATE FIX
   Verhindert, dass der Schatten des geschlossenen Panels
   rechts im Header als Blur sichtbar bleibt.
========================================================= */

@media (max-width: 1024px) {
  /* Geschlossen: Panel komplett aus dem Sichtbereich, ohne Schatten */
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown,
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container {
    transform: translateX(calc(100% + 80px)) !important;
    box-shadow: none !important;
  }

  /* Offen: Panel sichtbar und mit Schatten */
  body.mm-mobile-menu-open .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu--dropdown,
  body.mm-mobile-menu-open .mm-site-header .mm-mobile-offcanvas-menu nav.elementor-nav-menu--dropdown,
  body.mm-mobile-menu-open .mm-site-header .mm-mobile-offcanvas-menu .elementor-nav-menu__container {
    transform: translateX(0) !important;
    box-shadow: -18px 0 44px rgba(0, 0, 0, .22) !important;
  }

  /* Burger bleibt über allem sichtbar */
  .mm-site-header .mm-mobile-offcanvas-menu .elementor-menu-toggle {
    position: relative !important;
    z-index: 10040 !important;
    box-shadow: none !important;
  }
}/* End custom CSS */