.elementor-257 .elementor-element.elementor-element-640c4da{--display:flex;}.elementor-257 .elementor-element.elementor-element-640c4da.e-con{--align-self:flex-start;}.elementor-widget-jet-smart-filters-search .jet-search-filter__submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-257 .elementor-element.elementor-element-437b26e .jet-search-filter__input-wrapper{max-width:100%;}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-257 .elementor-element.elementor-element-efa521f .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-257 .elementor-element.elementor-element-efa521f .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-257 .elementor-element.elementor-element-efa521f .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-257 .elementor-element.elementor-element-efa521f .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-257 .elementor-element.elementor-element-efa521f .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-257 .elementor-element.elementor-element-efa521f .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-257 .elementor-element.elementor-element-efa521f .jet-collapse-icon{width:20px;height:20px;}.elementor-257 .elementor-element.elementor-element-efa521f .jet-collapse-none{width:20px;height:20px;}.elementor-257 .elementor-element.elementor-element-efa521f .jet-filter+.jet-filter{margin-top:10px;}.elementor-257 .elementor-element.elementor-element-efa521f .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}@media(min-width:768px){.elementor-257 .elementor-element.elementor-element-640c4da{--width:20%;}}/* Start custom CSS for jet-smart-filters-search, class: .elementor-element-437b26e *//* Search Filter im Button-Style */

/* Container für das Search-Feld */
.jet-search-filter__input-wrapper {
  position: relative;
  display: block;
  margin: 6px;
  width: auto;
  box-sizing: border-box;
}

/* Das Search Input-Feld selbst */
.jet-search-filter__input {
  background-color: #151B4E !important; /* deine inaktive Farbe */
  color: #fff !important; /* weißer Text */
  padding: 12px !important; /* gleichmäßiges Padding ohne Icon-Platz */
  border: none !important;
  border-radius: 5px !important;
  box-shadow: 0 5px 0 #0F143D !important; /* dein Schatten */
  font-weight: 600 !important;
  font-size: 16px !important;
  width: calc(100% - 12px) !important; /* Berücksichtigt Container-Margin */
  box-sizing: border-box !important; /* Padding in Breite einrechnen */
  transition: all 0.3s ease !important;
  outline: none !important;
}

/* Placeholder Text */
.jet-search-filter__input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important; /* transparenter weißer Text */
  font-weight: 600;
}

/* Focus-Zustand */
.jet-search-filter__input:focus {
  background-color: #FA1A21 !important; /* deine aktive Farbe */
  box-shadow: 0 5px 0 #8C0012, 0 0 15px rgba(250, 26, 33, 0.5) !important; /* aktiver Schatten + Glow */
  transform: translateY(-2px) !important; /* angehoben wie bei aktiven Buttons */
  font-weight: 700 !important; /* fetter Text */
}

/* Hover-Zustand */
.jet-search-filter__input:hover:not(:focus) {
  transform: translateY(-1px) !important; /* leicht angehoben beim Hover */
}

/* Loading-State (falls vorhanden) */
.jet-search-filter__input-loading {
  opacity: 0.7;
  cursor: wait;
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-efa521f *//* 1. Visuelle Checkbox ausblenden */
.jet-checkboxes-list__decorator {
  display: none !important;
}

/* 2. Input-Checkbox selbst verstecken */
.jet-checkboxes-list__input {
  display: none !important;
}

/* 3. Button-Container (auch Label-Ersatz) stylen */
.jet-checkboxes-list__button {
  display: inline-block;
  background-color: #151B4E; /* inaktiv - deine Farbe */
  color: #fff; /* weißer Text für bessere Lesbarkeit auf dunklem Hintergrund */
  padding: 12px;
  margin: 6px;
  border-radius: 5px;
  box-shadow: 0 5px 0 #0F143D;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
}

/* 4. Hover-Zustand: Icon anzeigen, aber Farbe beibehalten */
.jet-checkboxes-list__input:not(:checked) + .jet-checkboxes-list__button:hover {
  transform: translateY(-1px); /* leicht angehoben beim Hover */
}

.jet-checkboxes-list__input:not(:checked) + .jet-checkboxes-list__button:hover::before {
  content: "✓ ";
  font-weight: bold;
  margin-right: 5px;
  color: #fff; /* gleiche Farbe wie der Text */
  opacity: 0.6; /* etwas transparenter für Hover-Effekt */
}

/* 5. Aktiver Zustand: Button mit deiner Aktiv-Farbe */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
  background-color: #FA1A21 !important; /* aktiv - deine Farbe */
  color: #fff !important; /* weißer Text bleibt für gute Lesbarkeit */
  box-shadow: 0 5px 0 #8C0012, 0 0 15px rgba(250, 26, 33, 0.5) !important; /* aktiver Schatten + Glow */
  transform: translateY(-2px) !important; /* leicht angehoben */
  font-weight: 700 !important; /* fetter Text */
}

/* 6. Checkmark-Icon für aktive Buttons */
.jet-checkboxes-list__input:checked + .jet-checkboxes-list__button::before {
  content: "✓ ";
  font-weight: bold;
  margin-right: 5px;
  color: #fff; /* gleiche Farbe wie der Text */
}/* End custom CSS */