.elementor-44 .elementor-element.elementor-element-d558bcc{--display:flex;--position:absolute;--min-height:100vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:98;}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-d558bcc{left:0px;}body.rtl .elementor-44 .elementor-element.elementor-element-d558bcc{right:0px;}.elementor-44 .elementor-element.elementor-element-46bd3fa.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-08972ee{right:0px;}body.rtl .elementor-44 .elementor-element.elementor-element-08972ee{left:0px;}.elementor-44 .elementor-element.elementor-element-08972ee{bottom:0px;}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-d558bcc{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-46bd3fa */.elementor-44 .elementor-element.elementor-element-46bd3fa {
   //* position: fixed; *//
    max-width: 100px;
}

@media only screen and (max-width: 767px) {
 .elementor-44 .elementor-element.elementor-element-46bd3fa svg {
     max-width: 55px !important;
}
}

#logo-rotate {
    width: 100px

}

.elementor-44 .elementor-element.elementor-element-46bd3fa {
    position: fixed;
    max-width: 100px;
}

#logo-rotate {
    width: 100px

}

/* Standard-Farbe (z. B. dunkel) */
#logo-rotate path,
#logo-rotate polygon,
#logo-rotate rect {
  fill: #222222;
  transition: fill 240ms ease;
  will-change: transform, fill;
}

/* Wenn JS die Klasse .logo-white auf das SVG setzt */
#logo-rotate.logo-white path,
#logo-rotate.logo-white polygon,
#logo-rotate.logo-white rect {
  fill: #ffffff;
}

/* Optional: falls du noch ein <img id="logo-rotate"> nutzt (Fallback) */
img#logo-rotate {
  transition: filter 240ms ease;
  will-change: filter, transform;
}
img#logo-rotate.logo-white-img {
  /* simple filter-Strategie für externes SVG/PNG (nicht perfekt für komplexe Logos) */
  filter: invert(1) brightness(2) saturate(0);
}
.elementor-44 .elementor-element.elementor-element-46bd3fa {
    position: fixed;
    max-width: 100px;
}

#logo-rotate {
    width: 100px

}

/* Standard-Farbe (z. B. dunkel) */
#logo-rotate path,
#logo-rotate polygon,
#logo-rotate rect {
  fill: #222222;
  transition: fill 240ms ease;
  will-change: transform, fill;
}

/* Wenn JS die Klasse .logo-white auf das SVG setzt */
#logo-rotate.logo-white path,
#logo-rotate.logo-white polygon,
#logo-rotate.logo-white rect {
  fill: #ffffff;
}

/* Optional: falls du noch ein <img id="logo-rotate"> nutzt (Fallback) */
img#logo-rotate {
  transition: filter 240ms ease;
  will-change: filter, transform;
}
img#logo-rotate.logo-white-img {
  /* simple filter-Strategie für externes SVG/PNG (nicht perfekt für komplexe Logos) */
  filter: invert(1) brightness(2) saturate(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d558bcc */.elementor-44 .elementor-element.elementor-element-d558bcc {
  pointer-events: none;
}/* End custom CSS */