.elementor-636 .elementor-element.elementor-element-7351d733 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-636 .elementor-element.elementor-element-7351d733:not(.elementor-motion-effects-element-type-background), .elementor-636 .elementor-element.elementor-element-7351d733 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-636 .elementor-element.elementor-element-7351d733 > .elementor-container{min-height:80px;}.elementor-636 .elementor-element.elementor-element-7351d733{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-80px;padding:0% 5% 0% 5%;}.elementor-636 .elementor-element.elementor-element-7351d733 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-636 .elementor-element.elementor-element-39564d6e > .elementor-element-populated{margin:-22px -22px -22px -63px;--e-column-margin-right:-22px;--e-column-margin-left:-63px;}.elementor-636 .elementor-element.elementor-element-2ef4778{--display:flex;}.elementor-636 .elementor-element.elementor-element-1c4f868{--display:flex;}.elementor-636 .elementor-element.elementor-element-2c8a31aa.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-menu-toggle{margin-left:auto;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:14px;padding-right:14px;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-underline .elementor-item:after,
					 .elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-overline .elementor-item:before,
					 .elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-double-line .elementor-item:before,
					 .elementor-636 .elementor-element.elementor-element-37715b9 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a, .elementor-636 .elementor-element.elementor-element-37715b9 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a:hover,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a:focus,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-menu-toggle:hover,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-menu-toggle:focus{color:#000000;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a:hover,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a:focus,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a.highlighted{background-color:#E6E6E68C;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a.elementor-item-active{color:#F59100;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown .elementor-item, .elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:13px;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown{border-style:none;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a{padding-left:13px;padding-right:13px;padding-top:8px;padding-bottom:8px;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#000000;border-bottom-width:2px;}.elementor-636 .elementor-element.elementor-element-37715b9 div.elementor-menu-toggle{color:#000000;}.elementor-636 .elementor-element.elementor-element-37715b9 div.elementor-menu-toggle svg{fill:#000000;}.elementor-636 .elementor-element.elementor-element-37715b9{--nav-menu-icon-size:25px;}.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-636 .elementor-element.elementor-element-37715b9 .elementor-nav-menu--dropdown a{padding-left:9px;padding-right:9px;padding-top:9px;padding-bottom:9px;}.elementor-636 .elementor-element.elementor-element-37715b9{--nav-menu-icon-size:27px;}.elementor-636 .elementor-element.elementor-element-37715b9 .elementor-menu-toggle{border-width:8px;border-radius:9px;}}@media(max-width:767px){.elementor-636 .elementor-element.elementor-element-7351d733{margin-top:0px;margin-bottom:0px;padding:5px 5px 5px 5px;}.elementor-636 .elementor-element.elementor-element-39564d6e{width:30%;}.elementor-636 .elementor-element.elementor-element-39564d6e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-636 .elementor-element.elementor-element-2c8a31aa{width:70%;}.elementor-636 .elementor-element.elementor-element-2c8a31aa > .elementor-element-populated{padding:0px 0px 0px 130px;}.elementor-636 .elementor-element.elementor-element-37715b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-636 .elementor-element.elementor-element-39564d6e{width:22%;}.elementor-636 .elementor-element.elementor-element-2c8a31aa{width:77.878%;}}/* Start custom CSS for nav-menu, class: .elementor-element-37715b9 *//* Normal */
body.home .elementor-nav-menu main .elementor-item,
body.home .elementor-nav-menu a.elementor-item,
.elementor-nav-menu a.elementor-item {
  color: #000000 !important;
}

/* Hover */
body.home .elementor-nav-menu main .elementor-item:hover,
body.home .elementor-nav-menu a.elementor-item:hover,
.elementor-nav-menu a.elementor-item:hover {
  color: #F07800 !important;
}

/* Aktiver Menüpunkt (aktuelle Seite) */
body.home .elementor-nav-menu main .elementor-item.elementor-item-active,
body.home .elementor-nav-menu a.elementor-item.elementor-item-active,
.elementor-nav-menu a.elementor-item.elementor-item-active {
  color: #F07800 !important;
}
/* ---- Desktop-Dropdown (z.B. "Technologies") ---- */
.sub-menu.elementor-nav-menu--dropdown {
  background: #FAFAF9;
  border: 1px solid #E4E6E3;
  border-radius: 10px;
  box-shadow: 0 16px 32px -12px rgba(22,24,29,.25);
  padding: 6px;
  overflow: hidden;
}

.sub-menu.elementor-nav-menu--dropdown .elementor-sub-item {
  border-radius: 0;
  border-left: 2px solid transparent;
  padding: 10px 14px 10px 16px !important;
  transition: background .15s, border-color .15s, color .15s;
}

.sub-menu.elementor-nav-menu--dropdown .elementor-sub-item:hover {
  background: #FDF3E7;
  border-left-color: #F07800;
}

.sub-menu.elementor-nav-menu--dropdown .elementor-sub-item a {
  text-decoration: none;
}

.sub-menu.elementor-nav-menu--dropdown .elementor-sub-item:hover a {
  color: #F07800 !important;
}

/* ---- Mobile-Menü ---- */
@media (max-width: 1024px) {
  .elementor-nav-menu__container[aria-hidden="false"] {
    background: #FAFAF9;
    border: 1px solid #E4E6E3;
    border-radius: 0;
    box-shadow: 0 20px 44px -20px rgba(22,24,29,.3);

    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  .elementor-nav-menu__container .elementor-item,
  .elementor-nav-menu__container .elementor-sub-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 14px;
    font-size: 16px;
    font-weight: 500;
    color: #16181D;
    max-width: 100%;
    width: 100%;
    text-decoration: none;
  }

  .elementor-nav-menu__container .elementor-item:hover,
  .elementor-nav-menu__container .elementor-sub-item:hover,
  .elementor-nav-menu__container .current-menu-item > a {
    color: #F07800 !important;
  }

  .elementor-nav-menu__container .sub-arrow {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    flex-shrink: 0;
  }

  .elementor-nav-menu__container .sub-arrow svg {
    width: 12px;
    height: 12px;
  }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7351d733 *//* ---------------------------------------------------
   STICKY HEADER DESKTOP + TABLET (Basisverhalten)
----------------------------------------------------*/

/* Standardzustand: Header ist transparent, ohne Linie */
header.elementor-sticky--effects {
    background-color: transparent !important;
    border-bottom: none !important;
    transition: background-color 0.3s ease, border-bottom 0.3s ease;
}

/* Sticky-Zustand (Scroll): grauer Hintergrund + Linie */
header.elementor-sticky--effects.elementor-sticky--active {
    background-color: #E8E8E8 !important;
    border-bottom: 1px solid #000000 !important;
    transition: background-color 0.3s ease, border-bottom 0.3s ease;
}



/* ---------------------------------------------------
   💻 DESKTOP – NUR STARTSEITE
   Header über dem Bild, beim Scrollen grau
----------------------------------------------------*/
@media only screen and (min-width: 1025px) {

    /* Auf der Startseite: Headerbereich komplett transparent,
       damit das Menü über dem Hero-Bild liegt */
    body.home .elementor-location-header,
    body.home .elementor-location-header .elementor-section {
        background-color: transparent !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* Wenn Sticky aktiv → grauer Balken wie auf Unterseiten */
    body.home header.elementor-sticky--effects.elementor-sticky--active,
    body.home header.elementor-sticky--effects.elementor-sticky--active .elementor-section {
        background-color: #E8E8E8 !important;
        border-bottom: 1px solid #000000 !important;
    }
}



/* ---------------------------------------------------
   📱 MOBILE (bis 767px)
   - Kein Springen
   - Dropdown transparent
   - Aktive Seite unterstreichen
----------------------------------------------------*/
@media only screen and (max-width: 767px) {

    /* Logo + Menü zentriert lassen */
    .elementor-location-header,
    .elementor-location-header .elementor-container {
        align-items: center !important;
    }

    /* Mehr Luft nach oben + Basis für Overlay-Dropdown */
    .elementor-location-header .elementor-container {
        padding-top: 20px !important;
        position: relative !important;
    }

    .elementor-location-header .elementor-widget-image {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Dropdown über Inhalt legen → Header springt nicht */
    .elementor-location-header .elementor-nav-menu--dropdown {
        position: absolute !important;
        top: 100%;
        right: 0;
        z-index: 9999;
    }

    /* Dropdown Hintergrund entfernen */
    .elementor-nav-menu--dropdown .elementor-item,
    .elementor-nav-menu--dropdown .elementor-sub-item {
        background-color: transparent !important;
    }

    /* Kein schwarzer Hintergrund bei Hover/Active */
    .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
    .elementor-nav-menu--dropdown .elementor-item:hover,
    .elementor-nav-menu--dropdown .elementor-item:focus {
        background-color: transparent !important;
    }

    /* Aktive Seite unterstreichen */
    .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
        text-decoration: underline !important;
        text-underline-offset: 4px;
    }
}



/* ---------------------------------------------------
   📲 TABLET (768–1024px)
   - Logo größer
   - kein Burger Menü
   - horizontales Menü anzeigen
----------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* Logo größer anzeigen */
    .elementor-location-header .elementor-widget-image img {
        max-width: 160px !important;
        height: auto;
    }

    /* Burger-Icon ausblenden */
    .elementor-location-header .elementor-menu-toggle {
        display: none !important;
    }

    /* Hauptmenü sichtbar machen */
    .elementor-location-header .elementor-nav-menu--main {
        display: flex !important;
    }

    /* Dropdown auf Tablet verstecken */
    .elementor-location-header .elementor-nav-menu--dropdown {
        display: none !important;
    }
}/* End custom CSS */