.elementor-10 .elementor-element.elementor-element-152e32d{--display:flex;}.elementor-10 .elementor-element.elementor-element-3318193.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-b32d383{margin:85px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF9;}/* Start custom CSS for html, class: .elementor-element-3318193 */:root{
  --lux-purple:#A479F8;
}

/* Header: Endposition (so wie bei dir oben mittig) */
.site-header{
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brand{ display:inline-flex; align-items:center; }

.logo svg{
  width: 260px;  /* Größe anpassen */
  height: auto;
  display: block;
}

/* Finales Logo am Anfang unsichtbar */
#logo-final{ opacity: 0; }

/* Overlay: Startzustand (mittig, Lila Hintergrund) */
.logo-intro-overlay{
  position: fixed;
  inset: 0;
  background: var(--lux-purple);
  display: grid;
  place-items: center;
  z-index: 9999;
  pointer-events: none;
  opacity: 1;
}

/* Intro: weiß */
#logo-intro{ color: #fff; }
#logo-intro svg *{ fill: currentColor !important; }/* End custom CSS */