/* Logo-Groesse in der Navigation begrenzen */
.logo.img-fluid {
    max-height: 80px;
    width: auto;
}

/* Produkt-Spalten duerfen im Flex-Grid nie ueber ihre Basisbreite hinauswachsen,
   auch wenn der Inhalt (z.B. "Notify me when back in stock"-Button) breiter waere.
   min-width:auto (Default bei Flex-Items) wuerde sonst die Spalte auf die
   Inhalts-Mindestbreite aufblaehen. */
#products .products.row > .product,
.featured-products .products.row > .product,
.product-accessories .products.row > .product {
    min-width: 0;
    flex-shrink: 0;
}

.product-miniature .thumbnail-container {
    width: 100%;
    min-width: 0;
}

/* Setzt die von .page-index #products .product{width:auto} (Parent-Theme)
   überschriebene Bootstrap-Grid-Breite explizit wieder her, damit alle
   Produktspalten gleich breit bleiben - auch bei breiterem Inhalt
   (z.B. "Bei Verfuegbarkeit benachrichtigen"-Button). */
.page-index #products .product.col-xl-4 {
    width: 33.3333%;
}

@media (max-width: 1199.98px) {
    .page-index #products .product.col-sm-6 {
        width: 50%;
    }
}

@media (max-width: 543.98px) {
    .page-index #products .product.col-xs-12 {
        width: 100%;
    }
}