.sk-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}

.sk-filter .filter-item {
  flex: 1 1 250px;
}

.sk-filter label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.sk-filter select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  background: #fff;
}

/* sanftes Aus-/Einblenden */
.e-loop-item {
  transition: opacity .2s ease, transform .2s ease;
}

.e-loop-item.sk-hidden {
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
  display: none !important;
}

/* Select2 Anpassungen */
.select2-container--default .select2-selection--single {
  height: 42px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  background: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  right: 10px;
}

/* Scroll innerhalb des Select2-Dropdowns */
.select2-container .select2-results > .select2-results__options {
  max-height: 320px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* Dropdown über allem */
.select2-container--open {
  z-index: 999999 !important;
}

/* Falls ein Vorfahr Overflow hat */
.sk-filter,
.sk-filter * {
  overflow: visible !important;
}

/* Optional: Scrollbar hübscher */
.select2-container .select2-results__options::-webkit-scrollbar {
  width: 8px;
}
.select2-container .select2-results__options::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2);
  border-radius: 4px;
}