.elementor-603 .elementor-element.elementor-element-d218700{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0.5rem;--padding-bottom:0.5rem;--padding-left:5%;--padding-right:5%;--position:absolute;top:0px;--z-index:999;}.elementor-603 .elementor-element.elementor-element-d218700:not(.elementor-motion-effects-element-type-background), .elementor-603 .elementor-element.elementor-element-d218700 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F600;}body:not(.rtl) .elementor-603 .elementor-element.elementor-element-d218700{left:0px;}body.rtl .elementor-603 .elementor-element.elementor-element-d218700{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Arial;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-603 .elementor-element.elementor-element-6041ce7 img{width:100%;height:44px;object-fit:contain;object-position:center left;}.elementor-603 .elementor-element.elementor-element-6041ce7.elementor-element{--align-self:flex-start;}.elementor-603 .elementor-element.elementor-element-6041ce7{z-index:99;}.elementor-603 .elementor-element.elementor-element-fb4144a img{width:100%;height:44px;object-fit:contain;object-position:center left;}.elementor-603 .elementor-element.elementor-element-fb4144a.elementor-element{--align-self:flex-start;}.elementor-603 .elementor-element.elementor-element-fb4144a{z-index:99;}.elementor-603 .elementor-element.elementor-element-bd9a4b2 img{width:100%;height:44px;object-fit:contain;object-position:center left;}.elementor-603 .elementor-element.elementor-element-bd9a4b2.elementor-element{--align-self:flex-start;}.elementor-603 .elementor-element.elementor-element-bd9a4b2{z-index:99;}.elementor-603 .elementor-element.elementor-element-7bb1742{--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:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-603 .elementor-element.elementor-element-e3f8c21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:999;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-603 .elementor-element.elementor-element-d218700{--content-width:1600px;}.elementor-603 .elementor-element.elementor-element-7bb1742{--width:60px;}}@media(max-width:1024px) and (min-width:768px){.elementor-603 .elementor-element.elementor-element-7bb1742{--width:200px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-603 .elementor-element.elementor-element-6041ce7 img{height:50px;}.elementor-603 .elementor-element.elementor-element-fb4144a img{height:50px;}.elementor-603 .elementor-element.elementor-element-bd9a4b2 img{height:50px;}.elementor-603 .elementor-element.elementor-element-7bb1742{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-603 .elementor-element.elementor-element-e3f8c21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-603 .elementor-element.elementor-element-d218700{--min-height:0px;--padding-top:0.75rem;--padding-bottom:0.75rem;--padding-left:5%;--padding-right:5%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-603 .elementor-element.elementor-element-6041ce7 img{height:35px;}.elementor-603 .elementor-element.elementor-element-fb4144a img{height:35px;}.elementor-603 .elementor-element.elementor-element-bd9a4b2 img{height:35px;}.elementor-603 .elementor-element.elementor-element-7bb1742{--width:40%;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-603 .elementor-element.elementor-element-7bb1742.e-con{--align-self:center;}.elementor-603 .elementor-element.elementor-element-e3f8c21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-603 .elementor-element.elementor-element-e3f8c21.elementor-element{--align-self:center;}}/* Start custom CSS */.lockedup {
    transform: translateY(-130px)!important;
}

#lockedheader {
    -webkit-transition: transform 0.34s ease!important;
    transition : transform 0.34s ease!important;
}

/* --- 1. HEADER BASIS & Z-INDEX --- */
#lockedheader {
    background-color: transparent;
    transition: background-color 1s ease-in-out, transform 0.3s ease-in-out;
    position: fixed; 
    z-index: 99999 !important; 
    width: 100%;
}

#lockedheader.header-white-bg {
    background-color: white;
}

/* NEU: Hintergrundfarbe bei geöffnetem Popup */
#lockedheader.header-popup-open {
    background-color: #334041 !important;
}

/* --- 2. LOGO WECHSEL --- */
/* Standard-Status (Header transparent) */
.headerlogolight { display: block; }
.headerlogodark { display: none; }
.headerlogomenuopen { display: none; } /* NEU */

/* Status: Beim Scrollen (Header weiß) */
#lockedheader.header-white-bg .headerlogolight { display: none; }
#lockedheader.header-white-bg .headerlogodark { display: block; }
#lockedheader.header-white-bg .headerlogomenuopen { display: none; }

/* Status: Bei offenem Popup */
#lockedheader.header-popup-open .headerlogolight { display: none; }
#lockedheader.header-popup-open .headerlogodark { display: none; }
#lockedheader.header-popup-open .headerlogomenuopen { display: block !important; }


/* --- 3. MENÜ ICON BASIS --- */
.menu-icon {
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  align-items: flex-end;
  justify-content: center;
  width: 60px;
}

.menu-icon .line {
  background-color: #fff;
  transition: width 0.4s ease, background-color 1s ease-in-out, transform 0.4s ease;
  height: 4px;
  transform-origin: center; 
}

.menu-icon .line-top { width: 60px; }
.menu-icon .line-bottom { width: 30px; }
.menu-icon:hover .line-top { width: 40px; }

/* FARBWECHSEL BEI WEISSEM HEADER */
#lockedheader.header-white-bg .menu-icon .line {
  background-color: #000;
}

/* NEU: Icon-Farbe bei offenem Popup */
#lockedheader.header-popup-open .menu-icon .line {
  background-color: #ffffff !important; 
}

/* === Header: Tablet und Mobile Feinschliff (Desktop unveraendert) === */
@media (max-width:1024px){
  html body #lockedheader{align-items:center}
  html body #lockedheader .elementor-widget-image{align-self:center}
  html body #lockedheader .menu-wrapper.menu-wrapper{width:auto;flex:0 0 auto;margin-left:auto;justify-content:flex-end;align-items:center}
  html body #lockedheader .menu-icon{width:36px;gap:5px;align-items:flex-end}
  html body #lockedheader .menu-icon .line{height:3px}
  html body #lockedheader .menu-icon .line-top,html body #lockedheader .menu-icon:hover .line-top,html body #lockedheader .menu-wrapper:hover .line-top{width:36px}
  html body #lockedheader .menu-icon .line-bottom{width:22px}
  html body #lockedheader .menu-icon.open .line-top,html body #lockedheader .menu-icon.open:hover .line-top,html body #lockedheader .menu-wrapper:hover .menu-icon.open .line-top{width:36px;transform:translateY(4px) rotate(45deg)}
  html body #lockedheader .menu-icon.open .line-bottom{width:36px;transform:translateY(-4px) rotate(-45deg)}
}
@media (max-width:767px){
  html body #lockedheader .menu-icon{width:28px}
  html body #lockedheader .menu-icon .line-top,html body #lockedheader .menu-icon:hover .line-top,html body #lockedheader .menu-wrapper:hover .line-top{width:28px}
  html body #lockedheader .menu-icon .line-bottom{width:18px}
  html body #lockedheader .menu-icon.open .line-top,html body #lockedheader .menu-icon.open:hover .line-top,html body #lockedheader .menu-wrapper:hover .menu-icon.open .line-top{width:28px}
  html body #lockedheader .menu-icon.open .line-bottom{width:28px}
}

/* === Header: Seitenregel (Abstand Top-Level-Container) nicht auf den Header anwenden === */
@media (max-width:767px){
html body #lockedheader.e-con.e-parent{padding-top:0!important;padding-bottom:0!important;row-gap:0!important}
}/* End custom CSS */