.elementor-14 .elementor-element.elementor-element-1114970{--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:space-between;--align-items:center;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;--z-index:999;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-1114970 *//* Ganz oben (Effekt vorbereitet, aber noch nicht aktiv): transparent & kein Blur */
#top-bar.elementor-sticky--effects:not(.elementor-sticky--active) {
  background: transparent;
  backdrop-filter: none;
}

/* Nach Scroll (Offset erreicht, .active): wieder dunkel + Blur */
#top-bar.elementor-sticky--effects.elementor-sticky--active {
  background: rgba(0,0,0,0.75);
  backdrop-filter: blur(20px);
}

/* 4) Logo-Transition (unverändert) */
#top-bar-logo img {
  max-height: 40px;
  width: auto;
  transition: max-height 0.5s ease;
}
#top-bar.elementor-sticky--effects.elementor-sticky--active #top-bar-logo img {
  max-height: 36px;
}/* End custom CSS */