.elementor-1193 .elementor-element.elementor-element-00d7b92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 16px -7px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1193 .elementor-element.elementor-element-b31ae4d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1193 .elementor-element.elementor-element-b31ae4d:not(.elementor-motion-effects-element-type-background), .elementor-1193 .elementor-element.elementor-element-b31ae4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1193 .elementor-element.elementor-element-40cb44e .jet-woo-builder-archive-product-title, .elementor-1193 .elementor-element.elementor-element-40cb44e .jet-woo-builder-archive-product-title a{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:600;}.elementor-1193 .elementor-element.elementor-element-40cb44e .jet-woo-builder-archive-product-title{color:var( --e-global-color-accent );}.elementor-1193 .elementor-element.elementor-element-40cb44e .jet-woo-builder-archive-product-title a{color:var( --e-global-color-accent );}.elementor-1193 .elementor-element.elementor-element-555e61c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1193 .elementor-element.elementor-element-6a8c671 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1193 .elementor-element.elementor-element-71f7a14 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-1193 .elementor-element.elementor-element-71f7a14 .elementor-button:hover, .elementor-1193 .elementor-element.elementor-element-71f7a14 .elementor-button:focus{background-color:var( --e-global-color-7953c2c );color:var( --e-global-color-accent );}.elementor-1193 .elementor-element.elementor-element-71f7a14{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1193 .elementor-element.elementor-element-71f7a14 .elementor-button:hover svg, .elementor-1193 .elementor-element.elementor-element-71f7a14 .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(min-width:768px){.elementor-1193 .elementor-element.elementor-element-555e61c{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-b31ae4d *//* Container vorbereiten: Overflow verstecken, damit das Bild nicht herausragt */
li.product .jet-woo-builder-archive-product-thumbnail__wrapper {
    overflow: hidden;
}

/* Bild auf volle Größe setzen und Übergang hinzufügen */
li.product .jet-woo-builder-archive-product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease; /* sanfte Animation */
}

/* Zoom beim Hover auf den Container */
li.product:hover .jet-woo-builder-archive-product-thumbnail img {
    transform: scale(1.1); /* zoomt das Bild um 10% */
}/* End custom CSS */
/* Start custom CSS for jet-woo-builder-archive-product-thumbnail, class: .elementor-element-6a8c671 *//* --- 1. Quadratischer Container --- */
.elementor-element-2e80160 .jet-woo-builder-archive-product-thumbnail__wrapper {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
}

/* --- 2. Innerer Thumbnail-Container muss Höhe akzeptieren --- */
.elementor-element-2e80160 .jet-woo-builder-archive-product-thumbnail {
    width: 100% !important;
    height: 100% !important;
}

/* --- 3. <a> bekommt volle Höhe --- */
.elementor-element-2e80160 .jet-woo-builder-archive-product-thumbnail a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* --- 4. IMG final korrigieren (frontend override!) --- */
.elementor-element-2e80160 .jet-woo-builder-archive-product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-555e61c *//* Container vorbereiten: Overflow verstecken, damit das Bild nicht herausragt */
li.product .jet-woo-builder-archive-product-thumbnail__wrapper {
    overflow: hidden;
}

/* Bild auf volle Größe setzen und Übergang hinzufügen */
li.product .jet-woo-builder-archive-product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease; /* sanfte Animation */
}

/* Zoom beim Hover auf den Container */
li.product:hover .jet-woo-builder-archive-product-thumbnail img {
    transform: scale(1.1); /* zoomt das Bild um 10% */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00d7b92 *//* Container vorbereiten: Overflow verstecken, damit das Bild nicht herausragt */
li.product .jet-woo-builder-archive-product-thumbnail__wrapper {
    overflow: hidden;
}

/* Bild auf volle Größe setzen und Übergang hinzufügen */
li.product .jet-woo-builder-archive-product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease; /* sanfte Animation */
}

/* Zoom beim Hover auf den Container */
li.product:hover .jet-woo-builder-archive-product-thumbnail img {
    transform: scale(1.1); /* zoomt das Bild um 10% */
}/* End custom CSS */