.product-card {
    width: 40vw; /* proportional zur Bildschirmbreite */
    max-width: 600px; /* nicht größer als 400px */
}

.product-fontsize-variabel {
    font-size: clamp(0.8rem, 1vw, 1.8rem);
}

img.img-fluid44 {
    width: clamp(100px, 5vw, 300px);
    height: auto;
    object-fit: contain;
}
.variant-row {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Abstand zwischen Zellen */
}

.variant-packaging {
    flex: 2 1 0; /* nimmt 2 Anteile des freien Platzes */
    text-align: left;
}

.variant-weight {
    flex: 1 1 0; /* nimmt 1 Anteil, rückt nach links */
    text-align: left; /* entfernt text-end */
    min-width: 60px; /* verhindert zu starkes Zusammenfallen */
}

.variant-price {
    flex: 3 1 0; /* größter Anteil für Preis */
    text-align: right;
}
.text-truncate-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}