.elementor-10157 .elementor-element.elementor-element-4d67597{--display:flex;--min-height:200px;--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;--overlay-opacity:1;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10157 .elementor-element.elementor-element-4d67597::before, .elementor-10157 .elementor-element.elementor-element-4d67597 > .elementor-background-video-container::before, .elementor-10157 .elementor-element.elementor-element-4d67597 > .e-con-inner > .elementor-background-video-container::before, .elementor-10157 .elementor-element.elementor-element-4d67597 > .elementor-background-slideshow::before, .elementor-10157 .elementor-element.elementor-element-4d67597 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10157 .elementor-element.elementor-element-4d67597 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-primary ) 10%, var( --e-global-color-secondary ) 100%);}.elementor-10157 .elementor-element.elementor-element-851cee2{--spacer-size:50px;}.elementor-10157 .elementor-element.elementor-element-14c71db{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-text );}.elementor-10157 .elementor-element.elementor-element-14c71db .elementor-headline{text-align:center;font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:600;text-transform:none;}.elementor-10157 .elementor-element.elementor-element-14c71db .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-10157 .elementor-element.elementor-element-07da112{text-align:center;}.elementor-10157 .elementor-element.elementor-element-07da112 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.1rem;font-weight:normal;text-transform:none;line-height:1.8em;letter-spacing:0.15px;color:var( --e-global-color-secondary );}.elementor-10157 .elementor-element.elementor-element-9dc8651 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-10157 .elementor-element.elementor-element-9dc8651 .elementor-button:hover, .elementor-10157 .elementor-element.elementor-element-9dc8651 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-9dc8651 .elementor-button:hover svg, .elementor-10157 .elementor-element.elementor-element-9dc8651 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-2f04d04{--display:flex;}.elementor-10157 .elementor-element.elementor-element-f04c4e9{--spacer-size:50px;}.elementor-10157 .elementor-element.elementor-element-9cc29a8 .elementor-heading-title{font-weight:700;color:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-3358305{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10157 .elementor-element.elementor-element-f92fe0d{--display:flex;}.elementor-10157 .elementor-element.elementor-element-89d36c9{--display:flex;}.elementor-10157 .elementor-element.elementor-element-c9c9828{--display:flex;}.elementor-10157 .elementor-element.elementor-element-660ce4a{--display:flex;}.elementor-10157 .elementor-element.elementor-element-d9133fd{--display:flex;}.elementor-10157 .elementor-element.elementor-element-a5faa02{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );--e-n-carousel-dots-normal-color:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-00ceb59{--display:flex;}.elementor-10157 .elementor-element.elementor-element-6f2f142{--spacer-size:60px;}.elementor-10157 .elementor-element.elementor-element-6926121{--display:flex;}.elementor-10157 .elementor-element.elementor-element-2b132d8 .elementor-heading-title{font-weight:700;color:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-a825e1c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10157 .elementor-element.elementor-element-7e718e8{--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;}.elementor-10157 .elementor-element.elementor-element-7273574{--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;}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products ul.products li.product{text-align:center;}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:15px;font-weight:700;}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-10157 .elementor-element.elementor-element-cf6265f{--display:flex;}.elementor-10157 .elementor-element.elementor-element-f03a736{--spacer-size:60px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10157 .elementor-element.elementor-element-a825e1c{--content-width:1490px;}.elementor-10157 .elementor-element.elementor-element-7e718e8{--width:20%;}.elementor-10157 .elementor-element.elementor-element-7273574{--width:50%;}}@media(max-width:1024px){.elementor-10157 .elementor-element.elementor-element-a5faa02{--e-n-carousel-swiper-slides-to-display:2;}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-10157 .elementor-element.elementor-element-07da112{text-align:center;}.elementor-10157 .elementor-element.elementor-element-07da112 .elementor-heading-title{font-size:1rem;}.elementor-10157 .elementor-element.elementor-element-a5faa02{--e-n-carousel-swiper-slides-to-display:1;}.elementor-10157 .elementor-element.elementor-element-a6d9c3e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-a6d9c3e *//* Deaktiviert Klicks auf Produktbilder innerhalb dieses Containers */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e .woocommerce-loop-product__link,
.elementor-10157 .elementor-element.elementor-element-a6d9c3e .woocommerce-product-gallery__image a {
    pointer-events: none;
    cursor: default; /* Ändert den Mauszeiger von Hand zu Pfeil */
}

/* 1. Das Raster-System aktivieren (CSS Grid) */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products {
    display: grid !important;
    /* Hier stellen wir 4 Spalten ein (1fr = 1 Fraction/Teil) */
    grid-template-columns: repeat(6, 1fr) !important; 
    grid-gap: 30px !important; /* Abstand zwischen den Produkten */
    
    /* Alte Stile überschreiben */
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Alte Elementor/WooCommerce "Pseudo-Elemente" ausblenden, die das Grid stören */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products:before,
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products:after {
    display: none !important;
}

/* 2. Die Produkt-Karte definieren */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products li.product {
    width: auto !important; /* Breite wird jetzt automatisch vom Grid geregelt */
    margin: 0 !important;   /* Abstände macht das Grid-Gap oben */
    float: none !important; 
    
    /* Flexbox für den inneren Aufbau (Button nach unten drücken) */
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Zwingt die Karte so hoch zu sein wie die höchste in der Reihe */
    text-align: center !important;
}

/* 3. Link-Bereich (Bild + Titel) dehnt sich aus */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products li.product .woocommerce-LoopProduct-link {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Bild stabilisieren */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products li.product img {
    margin: 0 auto 15px auto !important;
    width: 100%;
    height: auto;
    object-fit: contain; /* Verhindert verzerrte Bilder */
}

/* 4. Titel-Ausrichtung */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products li.product .woocommerce-loop-product__title {
    flex-grow: 1; /* Füllt den Platz zwischen Bild und Button */
    display: flex;
    align-items: center; /* Vertikal mittig */
    justify-content: center; /* Horizontal mittig */
    margin-bottom: 15px !important;
    padding: 0 10px; /* Etwas Abstand zum Rand */
}

/* 5. Button unten fixieren */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products li.product .button {
    margin-top: auto !important; 
    margin-bottom: 0 !important;
    align-self: center !important;
}

/* --- RESPONSIVE ANPASSUNGEN (Handy/Tablet) --- */

/* Tablet: Reduzieren auf 3 Spalten */
@media (max-width: 1024px) {
    .elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Handy: Reduzieren auf 2 Spalten (oder 1, wenn gewünscht) */
@media (max-width: 767px) {
    .elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 15px !important;
    }
}

/* --- BUTTON FIX START --- */

/* 1. Den Button-Container stabilisieren */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products li.product .button {
    font-size: 0 !important; /* Versteckt "Weiterlesen" */
    
    /* Zwingt den Button, eine Box zu sein */
    display: inline-flex !important; 
    justify-content: center !important;
    align-items: center !important;
    
    /* Verhindert Text-Umbruch (WICHTIG!) */
    white-space: nowrap !important; 
    
    /* Design erzwingen (damit alle gleich aussehen) */
    background-color: #0f2a4a !important; /* Dein Dunkelblau */
    color: #ffffff !important; /* Weiße Schrift */
    border: none !important;
    
    /* Feste Größe und Abstände */
    padding: 12px 20px !important; /* Innenabstand macht den Button "fett" */
    margin-top: auto !important; /* Drückt Button nach unten */
    margin-bottom: 0 !important;
    min-width: 140px !important; /* Mindestbreite, damit kurze Buttons nicht zu schmal sind */
    width: auto !important;
    line-height: 1 !important;
    border-radius: 3px !important; /* Optional: leichte Rundung */
}

/* 2. Den neuen Text einfügen */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products li.product .button::after {
    content: "Zum Katalog" !important;
    font-size: 15px !important; /* Sichtbare Schriftgröße */
    color: #ffffff !important; /* Farbe sicherstellen */
    visibility: visible !important;
    display: block !important;
    line-height: 1 !important;
    white-space: nowrap !important; /* Auch hier: kein Umbruch */
}

/* Hover-Effekt (optional, damit man sieht, dass es klickbar ist) */
.elementor-10157 .elementor-element.elementor-element-a6d9c3e ul.products li.product .button:hover {
    background-color: #333333 !important; /* Button wird grau beim Drüberfahren */
    opacity: 1 !important;
}

/* --- BUTTON FIX ENDE --- *//* End custom CSS */