.elementor-795 .elementor-element.elementor-element-506f2106{--display:flex;--min-height:364px;--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;}.elementor-795 .elementor-element.elementor-element-609778b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-795 .elementor-element.elementor-element-124017e1.elementor-element{--align-self:flex-start;}.elementor-795 .elementor-element.elementor-element-124017e1 .woocommerce-breadcrumb{text-align:left;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-795 .elementor-element.elementor-element-21172294{text-align:center;}.elementor-795 .elementor-element.elementor-element-336203fa{--display:flex;}@media(max-width:767px){.elementor-795 .elementor-element.elementor-element-506f2106{--min-height:170px;}}/* Start custom CSS for shortcode, class: .elementor-element-148502fd *//* Zentriert die Produktliste */
.woocommerce ul.products {
    display: flex; /* Flexbox für Zentrierung */
    flex-wrap: wrap; /* Produkte umbrechen, falls nötig */
    justify-content: center; /* Zentriert die Produktkacheln horizontal */
    gap: 20px; /* Abstand zwischen den Produkten */
    padding: 0;
    margin: 0;
}

/* Zentriert jedes Produkt einzeln */
.woocommerce ul.products li.product {
    text-align: center; /* Zentriert Text, Preis und Button */
    list-style: none; /* Entfernt Punkte vor Produkten */
    margin: 0; /* Kein zusätzlicher Außenabstand */
}

/* Produktbild zentrieren */
.woocommerce ul.products li.product img {
    display: block;
    margin: 0 auto 10px; /* Zentriert das Bild und fügt Abstand nach unten hinzu */
    max-width: 100%; /* Passt Bildgröße an den Container an */
}

/* Preis zentrieren */
.woocommerce ul.products li.product .price {
    text-align: center; /* Preis wird zentriert */
    margin-bottom: 10px; /* Abstand zum Button */
}

/* Button-Text ausblenden */
.woocommerce ul.products li.product .button {
    color: transparent; /* Versteckt den ursprünglichen Text */
    position: relative; /* Ermöglicht zentriertes Hinzufügen des neuen Textes */
    font-size: inherit; /* Beibehaltung der Standard-Schriftgröße */
    display: inline-block; /* Macht den Button schmaler */
    padding: 8px 20px; /* Verkleinert den Button durch weniger Innenabstand */
    margin: 0 auto; /* Zentriert den Button unter dem Bild */
    background-color: #B94616; /* Button-Hintergrundfarbe */
    border-radius: 5px; /* Runde Ecken */
    cursor: pointer;
}

/* Neuer Text "Jetzt einkaufen" anzeigen */
.woocommerce ul.products li.product .button::after {
    content: "Jetzt einkaufen"; /* Der neue Text */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Zentriert den Text im Button */
    color: #ffffff; /* Verwendet weiße Schrift für den Button */
    font-size: 12px; /* Kleinere Schriftgröße */
    font-weight: bold; /* Fettschrift für bessere Lesbarkeit */
    text-transform: uppercase; /* Großbuchstaben */
}

/* Hover-Effekt für den Button */
.woocommerce ul.products li.product .button:hover {
    background-color: #933813; /* Dunklere Variante von #B94616 für den Hover-Effekt */
}

/* Abstand zwischen Bild, Preis und Button anpassen */
.woocommerce ul.products li.product img {
    margin-bottom: 10px; /* Abstand zwischen Bild und Preis */
}

.woocommerce ul.products li.product .price {
    margin-bottom: 15px; /* Abstand zwischen Preis und Button */
}/* End custom CSS */