.elementor-4981 .elementor-element.elementor-element-e1ad73b{--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-4981 .elementor-element.elementor-element-b34eaf5 .tribe-events-c-search__button:not(:hover):not(:active),
					 .elementor-4981 .elementor-element.elementor-element-b34eaf5 .tribe-events-c-search__button:focus,
					 .elementor-4981 .elementor-element.elementor-element-b34eaf5 .tribe-events .tribe-events-c-search__button:hover{--tec-color-text-events-bar-submit-button:var( --e-global-color-text );}.elementor-4981 .elementor-element.elementor-element-b34eaf5 .tribe-events-c-search__button:not(:hover):not(:active),
					.elementor-4981 .elementor-element.elementor-element-b34eaf5 .tribe-events-c-search__button:focus,
					.elementor-4981 .elementor-element.elementor-element-b34eaf5 .tribe-events .tribe-events-c-search__button:hover{--tec-color-background-events-bar-submit-button:var( --e-global-color-accent );}/* Start custom CSS for tec_elementor_widget_events_view, class: .elementor-element-b34eaf5 *//* 2. Abstand zwischen den einzelnen Filtern (Preis, Ort, Datum, etc.) */
.tribe-filter-bar__filters > .tribe-filter-bar-c-filter {
    margin: 10px 0px 10px 0px; /* Mehr Abstand zwischen den Filter-Elementen */
}

/* === NEU: Styling für das HIER AUSGEWÄHLTE Element im Dropdown === */
/* Dies ist die Klasse, die du im Inspektor gesehen hast, wenn ein Element ausgewählt ist */
.select2-results__option[aria-selected="true"],
.select2-results__option--highlighted[aria-selected="true"] {
    background-color: #FF7F50 !important; 
    color: #ffffff !important; /* Textfarbe auf Weiss ändern */
}

/* Optional: Hover-Effekt für alle Listenelemente, damit man sieht, was passiert, wenn man darüberfährt */
.select2-results__option:not([aria-selected="true"]):hover {
    background-color: #FF7F50 !important;
    color: #424241 !important;
}



/* STYLING FÜR DEN TOGGLE-BUTTON (ÖFFNEN/SCHLIESSEN) - Hintergrund weiss/transparent */
.tribe-filter-bar-c-filter__toggle {
    background-color: transparent !important; /* Soll keinen Hintergrund haben */
    border: none !important; /* Keine sichtbare Linie um den Button */
    padding: 0 !important; /* Innenabstand des Buttons selbst entfernen */
    margin: 0 !important; /* Äusseren Abstand des Buttons entfernen, falls vorhanden */
}

/* Optische Anpassung der Beschriftung, wenn der Button transparent ist */
.tribe-filter-bar-c-filter__toggle-text {
    color: #424241; /* Dunklere Textfarbe für bessere Lesbarkeit auf weissem Grund */
    font-weight: 600; /* Etwas fetter für mehr Gewichtung */
}


/* HINTERGRUNDFÄRBE FÜR DAS Suchfeld INNERHALB DES DROP-DOWN-MENÜS (Select2) */
.select2-search--dropdown .select2-search__field {
    background-color: #f0f0f0 !important; /* Dezentes Grau für den Hintergrund */
    border: 1px solid #cccccc !important; /* Leichter Rand */
    border-radius: 4px !important;
    padding: 8px 10px !important; /* Etwas Innenabstand, damit der Text nicht am Rand klebt */
}
.tribe-filter-bar-c-filter--submit .tribe-filter-bar-c-button:hover {
    background-color: #FF7F50;
}/* End custom CSS */