.elementor-21 .elementor-element.elementor-element-7e5849c{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:100;}.elementor-21 .elementor-element.elementor-element-e5e6e57{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-21 .elementor-element.elementor-element-f27763e{text-align:left;}.elementor-21 .elementor-element.elementor-element-f27763e img{width:41%;}.elementor-21 .elementor-element.elementor-element-42310c9{--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-21 .elementor-element.elementor-element-f9c5f19{--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(max-width:767px){.elementor-21 .elementor-element.elementor-element-e5e6e57{--width:50%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21 .elementor-element.elementor-element-42310c9{--width:50%;}.elementor-21 .elementor-element.elementor-element-5e7d952.elementor-element{--align-self:flex-end;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-e5e6e57{--width:50%;}.elementor-21 .elementor-element.elementor-element-42310c9{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-7e5849c *//* === Grundsetup für den Header === */
.elementor-location-header {
  position: fixed;       /* Header bleibt oben kleben */
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: transparent;       /* oben: transparent */
  transition: background 200ms ease, box-shadow 200ms ease;
}

/* Platzhalter für den Inhalt, damit nichts überlappt (wird per JS mit Höhe gefüllt) */
body { --header-h: 0px; }
main, .site-main, #content { padding-top: var(--header-h); }

/* === Verlauf-Balken unter dem Header === */
.elementor-location-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;                /* direkt unter dem Header */
  height: 24px;             /* Höhe des Balkens – bei Bedarf anpassen */
  pointer-events: none;
  opacity: 0;               /* oben unsichtbar */
  transition: opacity 200ms ease;
  /* Verlauf: oben #002b22, nach unten transparent */
  background: linear-gradient(to bottom, #002b22 0%, rgba(0,43,34,0) 100%);
}

/* === Zustand nach Scroll (Klasse wird per JS gesetzt) === */
body.scrolled .elementor-location-header {
  background: #002b22;      /* ab Scroll: Hintergrund gefärbt */
}

body.scrolled .elementor-location-header::after {
  opacity: 1;               /* Verlauf-Balken anzeigen */
}/* End custom CSS */