.elementor-216 .elementor-element.elementor-element-a285057{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-216 .elementor-element.elementor-element-1496f9e{--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;}/* Start custom CSS for html, class: .elementor-element-5315505 *//* Kikartei Filter IMMER horizontal */
#kikaVeranstaltungTypesSelect {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 10px;
}

/* Select-Felder nebeneinander erzwingen */
#kikaVeranstaltungTypesSelect select {
  width: auto !important;
  min-width: 160px;
  white-space: nowrap;
}

/* Zielgruppen-Container inline halten */
#zielGruppen {
  display: inline-flex !important;
  align-items: center;
  position: relative;
}

/* Checkbox-Dropdown korrekt überlagern */
#kikaSelectCheckboxes {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
}
/* Mehr Abstand zwischen Filterleiste und Kacheln */
#kikaVeranstaltungTypesSelect {
  margin-bottom: 32px; /* Abstand nach unten */
}

/* Filter-Selects blau einfärben */
#kikaVeranstaltungTypesSelect select {
  background-color: # !important; /* Heiliggeist-Blau */
  color: #ffffff !important;
  border: 1px solid #1a98cc !important;
  border-radius: 4px;
  padding: 6px 10px;
}

/* Pfeil im Select sichtbar halten (Browserabhängig) */
#kikaVeranstaltungTypesSelect select option {
  color: #ffffff;
}

/* Hover & Fokus für bessere UX */
#kikaVeranstaltungTypesSelect select:hover,
#kikaVeranstaltungTypesSelect select:focus {
  background-color: #1a98cc !important;
  border-color: #ffffff !important;
}/* End custom CSS */