.elementor-116 .elementor-element.elementor-element-3fca059{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-116 .elementor-element.elementor-element-342ad3d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-116 .elementor-element.elementor-element-342ad3d.e-con{--align-self:center;}.elementor-116 .elementor-element.elementor-element-4615a46{z-index:1000;}.elementor-116 .elementor-element.elementor-element-0a062c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-116 .elementor-element.elementor-element-efdba97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-116 .elementor-element.elementor-element-342ad3d{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-3fca059 *//* === Einstellungen (Größen hier anpassen) === */
:root {
  --logo-start: 180px;   /* Logo-Breite ganz oben */
  --logo-end: 120px;     /* Logo-Breite im Sticky-Zustand */
}

/* === Header-Basis === */
#site-header {
  padding: 16px 0 !important;
  transition: padding .25s ease, background-color .25s ease, box-shadow .25s ease !important;
}
:is(.elementor-sticky--effects, .elementor-sticky--active) #site-header {
  padding: 6px 0 !important;
  background: rgba(255,255,255,.96) !important;      /* optional */
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important; /* optional */
  backdrop-filter: saturate(140%) blur(4px) !important; /* optional */
}

/* === Logo (Bild-Widget ODER Theme Site Logo) – groß oben === */
#site-header .site-logo img,
#site-header .elementor-widget-theme-site-logo img {
  width: var(--logo-start) !important;
  height: auto !important;
  max-width: none !important;         /* überstimmt Elementor-„max-width“ */
  transition: width .25s ease !important;
  display: block !important;          /* verhindert kleine Sprünge */
}

/* === Logo im Sticky-Zustand – kleiner === */
:is(.elementor-sticky--effects, .elementor-sticky--active) #site-header .site-logo img,
:is(.elementor-sticky--effects, .elementor-sticky--active) #site-header .elementor-widget-theme-site-logo img {
  width: var(--logo-end) !important;
}

/* === SVG-Fälle (falls dein Logo ein SVG ist) === */
#site-header .site-logo svg,
#site-header .elementor-widget-theme-site-logo svg {
  width: var(--logo-start) !important;
  height: auto !important;
  transition: width .25s ease !important;
}
:is(.elementor-sticky--effects, .elementor-sticky--active) #site-header .site-logo svg,
:is(.elementor-sticky--effects, .elementor-sticky--active) #site-header .elementor-widget-theme-site-logo svg {
  width: var(--logo-end) !important;
}

/* === Layout-Shift vermeiden: Mindesthöhe des Logo-Widgets === */
#site-header .elementor-widget-image,
#site-header .elementor-widget-theme-site-logo {
  min-height: calc(var(--logo-start)) !important;
}

/* === Sicherheit: Skaliere keine inneren max-heights herunter === */
#site-header .site-logo img,
#site-header .elementor-widget-theme-site-logo img {
  max-height: none !important;
}/* End custom CSS */