/* Container für das Pseudo-Element vorbereiten */
.bGColorSwitch {
    position: relative;
    z-index: 1;
    transition: background-color 0.3s ease;
}

/* Der unsichtbare "Abdunkler" */
.bGColorSwitch::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25); /* 15% Schwarz zum Abdunkeln */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1; /* Legt sich hinter den Inhalt, aber vor den Hintergrund */
    pointer-events: none; /* Verhindert, dass Links blockiert werden */
    border-radius: inherit; /* Übernimmt eventuelle abgerundete Ecken des Containers */
}

/* Beim Hovern den Schleier sichtbar machen */
.bGColorSwitch:hover::before {
    opacity: 1;
}

@media screen and (max-width:769px) {
.repeaterFlex .jet-listing-dynamic-repeater__items {
  flex-direction: column;
}

.repeaterFlex .jet-listing-dynamic-field__inline-wrap {
  flex-direction: column;
  display: flex;
}

.repeaterFlex .jet-listing-dynamic-field .jet-listing-dynamic-field__content {
  flex-direction: column;
  display: flex ;
}
}

.jet-filter-items-dropdown__active__item {
	border: none !important;
  padding: 3px 5px !important;
  background-color: #ebeeef !important;
  margin: 0px!important;
}


.jet-filter-items-dropdown__active {
	gap: 5px!important;
}





.jet-filter-items-dropdown {
  anchor-name: --filterAnker;
}

.jet-smart-filters-remove-filters {
  position-anchor: --filterAnker;
  height: anchor-size(height) !important;
}