.elementor .page-header-container{/* 1. START-ZUSTAND: Die Haupt-Flexbox fixieren und transparent starten lassen */
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 9999 !important;
background-color: transparent !important;
transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;

} /* Diese Klammer schließt das vorgegebene element_style sauber ab */

/* 2. SCROLL-ZUSTAND: Färbt die Flexbox in euer Wunsch-Grün, sobald das Skript anschlägt */
.page-header-container.scrolled-header {
  background-color: #0c3d25 !important; /* Zurück auf das edle Dunkelgrün */
  box-shadow: 0px 4px 15px rgba(0,0,0,0.3) !important; /* Gibt dem Balken Tiefe */
}\n}