/* ===========================================
   PRODUKT?BERSICHT: OPTIMIERTE BILDANZEIGE
   =========================================== */

/* Container f?r Produktbilder */
.tpl .categorygallery .card.product-card .card-img-top {
    width: 100%;
    height: 300px; 
    display: flex;               /* ersetzt display: center */
    justify-content: center;     /* horizontal zentrieren */
    align-items: center;         /* vertikal zentrieren */
    background-color: #fff;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}

.tpl .categorygallery .card.product-card .card-img-top img {
    width: auto;
    height: 100%;               /* an Containerh?he anpassen */
    max-width: 100%;
    object-fit: contain;         /* Bild proportional, zentriert */
    display: block;
    margin: auto;
}


/* Einheitliche H?he der Karten */
.tpl .categorygallery .card.product-card {
    display: flex;
    flex-direction: center;
    justify-content: space-between;
    height: 100%;
}

/* Produkttitel angleichen, damit sie alle auf gleicher H?he erscheinen */
.tpl .categorygallery .card.product-card .product-title {
    min-height: 0px; /* gleiche Titelh?he f?r alle */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0px; /* kein Abstand nach dem Bild */
}

/* Responsive Anpassung */
@media (max-width: 767px) {
    .tpl .categorygallery .card.product-card .card-img-top {
        height: 300px; /* kleinere Bilderh?he f?r Smartphones */
    }
}

.page-title .pt-7 .container .h1 {
    padding-top: 0.0rem;    /* vorher vermutlich 3rem */
    padding-bottom: 0.0rem; /* vorher pb-5 */
    margin-top: 0;
    margin-bottom: 0;
    text-align: left !important;  /* zwingt linksb?ndige Ausrichtung */
}

.page-title .pt-7 .h1 {
    text-align: left !important;  /* zwingt linksb?ndige Ausrichtung */
}

/* H1 selbst: Margin/Padding entfernen */
.page-title .pt-7 .h1 {
    margin: 0;
    padding: 0;
}

/* 1. Breadcrumb/Nav-Abstand oben/unten reduzieren */
.page-title nav.py-5 {
    padding-top: 0.0rem;   /* vorher ~3rem */
    padding-bottom: 0.0rem;
}

/* 3. H1 selbst: Margin/Padding entfernen */
.page-title .pt-7 .h1 {
    margin: 0;
    padding: 0;
}

.page-title > .pt-7 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}