.elementor-1658 .elementor-element.elementor-element-1ad32b3{--display:flex;--position:absolute;--min-height:102px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999;}.elementor-1658 .elementor-element.elementor-element-1ad32b3:not(.elementor-motion-effects-element-type-background), .elementor-1658 .elementor-element.elementor-element-1ad32b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3A39FF00;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-1ad32b3{left:0px;}body.rtl .elementor-1658 .elementor-element.elementor-element-1ad32b3{right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1658 .elementor-element.elementor-element-f62b2eb > .elementor-widget-container{margin:0px 120px 0px 0px;}.elementor-1658 .elementor-element.elementor-element-f62b2eb.elementor-element{--align-self:flex-end;}.elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-1658 .elementor-element.elementor-element-f62b2eb{--e-icon-list-icon-size:44px;--icon-vertical-offset:0px;}.elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-item > a{font-family:"Satoshi", Sans-serif;font-size:1.5rem;font-weight:400;line-height:1.5rem;}.elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1658 .elementor-element.elementor-element-901b4d9{--display:flex;--position:absolute;top:26px;}body:not(.rtl) .elementor-1658 .elementor-element.elementor-element-901b4d9{right:20px;}body.rtl .elementor-1658 .elementor-element.elementor-element-901b4d9{left:20px;}.elementor-1658 .elementor-element.elementor-element-33e7ced > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;border-radius:15px 15px 15px 15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-item > a{font-size:1.2rem;line-height:1.2rem;}}@media(min-width:768px){.elementor-1658 .elementor-element.elementor-element-1ad32b3{--content-width:100vw;}.elementor-1658 .elementor-element.elementor-element-901b4d9{--width:60px;}}@media(max-width:767px){.elementor-1658 .elementor-element.elementor-element-1ad32b3{--min-height:100px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1658 .elementor-element.elementor-element-f62b2eb .elementor-icon-list-item > a{font-size:1.2rem;line-height:1.2rem;}.elementor-1658 .elementor-element.elementor-element-901b4d9{--width:60;}}/* Start custom CSS for html, class: .elementor-element-33e7ced *//* Grund-Setup (ohne Schatten, ohne Farb-Animation) */
.menu9 {
  --m9-size: 40px !important;
  --m9-dot: 8px !important;
  --m9-gap: 6px !important;
  --m9-gap-open: 0px !important;
  --m9-line: 3px !important;

  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-rows: 1fr !important;
  gap: var(--m9-gap) !important;
  width: var(--m9-size) !important;
  height: var(--m9-size) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  line-height: 1 !important;
  position: relative !important;
}

.m9-dot {
  position: relative !important;
  width: var(--m9-dot) !important;
  height: var(--m9-dot) !important;
  background: transparent !important;      /* wichtig: kein eigenes Füll-Pixel */
  border-radius: 50% !important;
  align-self: center !important;
  justify-self: center !important;
  /* keine Transition nötig */
}

/* Negativ-Effekt: invertiert den Hintergrund GENAU in der Punkt-/Linienfläche */
.m9-dot::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;

  /* minimales „Träger“-Pixel, damit der Filter greift */
  background: rgba(0,0,0,0.01) !important;

  /* eigentliche Invertierung */
  backdrop-filter: invert(1) !important;
  -webkit-backdrop-filter: invert(1) !important;
}

/* Linienzustand (kein Farbwechsel, nur Formwechsel) */
.menu9:hover,
.menu9.is-open { gap: var(--m9-gap-open) !important; }

.menu9:hover .m9-dot,
.menu9.is-open .m9-dot {
  width: 100% !important;
  height: var(--m9-line) !important;
  border-radius: 999px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ad32b3 */.HeroSection {
  max-width: px !important;
  max-height: 1080px !important;
  height: 100vh !important;
  position: relative !important;
  margin: 0 auto !important; 
}/* End custom CSS */