.breadcrumb__wrapper {
  max-width: 100%;
  border-radius: 10px;
  background: #fff;
}

.breadcrumb__wrapper .material-icons{
    font-size: 20px!important;
}

.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.5rem 0!important;
  -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
  scrollbar-width: none; /* Firefox */
}

.breadcrumb::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

.breadcrumb-item {
  white-space: nowrap;
  flex-shrink: 0; /* WICHTIG: verhindert Zusammendrücken */
  line-height: 1.5rem;
}


.breadcrumb a {
  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 778px) {
    .breadcrumb__wrapper {
        background: #555;
        color: #fff;
    }

    .breadcrumb a {
        color: #fff;
    }

    .breadcrumb {
        padding-left: 1rem!important;
    }
}

#search-filters .accordion-body{
    max-height: 200px;
    overflow-y: auto;
    padding:0px 10px 10px 10px;
}

#search-filters .form-check-input{
    border:1px solid #999999!important;   
}

#search-filters .accordion-button{
    padding: 0.6rem!important;
    background-color: #f1f1f1!important;
    border-bottom: 1px solid #e1e1e1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600;

}


.accordion-item, .accordion-item:not(:first-of-type), .accordion-item:first-of-type{
    border: 1px solid #e1e1e1;
    border-radius: 5px;    
}


/* Filter-Logik: Auf Desktop anzeigen, auf Mobile verstecken (wenn inaktiv) */
@media (max-width: 767px) {
    .force-mobile-hide {
        display: none !important;
    }
}

h1.page-title-section{
    background-color: #84a353!important;
    border: 1px solid #84a353;
    color: #fff!important;
    border-radius: 5px;
    line-height: normal;  
    padding: 0.3rem;
    font-weight: 600;
}

@media (max-width: 778px) {
    h1.page-title-section{
        border-radius: 10px;
    }
}


/* Verkleinert den Abstand im Produktraster */
.products.row {
    --bs-gutter-x: 10px; /* Horizontaler Abstand zwischen den Produkten */
    --bs-gutter-y: 10px; /* Vertikaler Abstand zwischen den Zeilen */
}

/* Optional: Falls es auf dem Handy noch enger sein soll */
@media (max-width: 767px) {
    .products.row {
        --bs-gutter-x: 5px;
        --bs-gutter-y: 10px;
    }
}

/* Wendet Lazy-Rendering auf die Produkt-Karten an */
.product-miniature, .js-product-miniature {
    content-visibility: auto;
    contain-intrinsic-size: 420px; /* Geschätzte Höhe einer Karte inkl. Margin */
}


@media (min-width: 768px) {

    #left-column {
        overflow: visible !important;
        /* Wichtig: Die Spalte muss die volle Höhe des Inhalts haben */
        display: flex;
        flex-direction: column;
    }
}

#search_filters_wrapper {
    position: sticky;
    min-width: 100%;
    /* Verhindert, dass Flexbox das Element auf die volle Höhe zieht */
    align-self: flex-start;
    z-index: 4;
}

.sticky-bottom-mode{
    /* Klebt 85px oberhalb der unteren Bildschirmkante */
    bottom: 0;
    /* Sicherstellen, dass es nicht von oben weggedrückt wird */
    margin-top: auto;
}

.sticky-top-mode{
    /* Klebt 85px oberhalb der unteren Bildschirmkante */
    top: 180px;
    /* Sicherstellen, dass es nicht von oben weggedrückt wird */
    margin-bottom: auto;
}


.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.3rem;
}