.elementor-1082 .elementor-element.elementor-element-11d0a80{--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;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1082 .elementor-element.elementor-element-06e9cac .eael-breadcrumbs .eael-breadcrumbs__content{background-color:#f8f8fa;}.elementor-1082 .elementor-element.elementor-element-06e9cac .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-1082 .elementor-element.elementor-element-06e9cac .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-1082 .elementor-element.elementor-element-4df9bc03{--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-1082 .elementor-element.elementor-element-52d91066{--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-1082 .elementor-element.elementor-element-52d91066.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header, 
                .elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-wrapper .eael-accordion_media-list{background-color:#F23E76;}.elementor-1082 .elementor-element.elementor-element-2e2193a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;margin-left:10px;color:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list .eael-accordion_media-icon i{font-size:16px;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list .eael-accordion_media-icon svg{height:16px;width:16px;line-height:16px;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-content .eael-accordion_media-title{color:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:#FFFFFF;fill:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list .eael-accordion_media-icon{color:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title,
                    .elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list:not(.active):hover .eael-accordion_media-title{color:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list:hover .eael-accordion_media-icon i{color:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list:hover .eael-accordion_media-icon svg{fill:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list.active .eael-accordion_media-icon i{color:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list.active .eael-accordion_media-icon svg{fill:#fff;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-adv-accordion .eael-accordion-list .eael-accordion-content{color:#333;}.elementor-1082 .elementor-element.elementor-element-2e2193a .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{color:#333;}.elementor-1082 .elementor-element.elementor-element-6740837a{--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-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:16px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .price{font-size:20px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .price del {font-size:17px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .button{background-color:#5EBA4C;border-color:#5EBA4C;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product span.onsale{display:block;font-size:8px;right:auto;left:0;margin:-20px;}@media(min-width:768px){.elementor-1082 .elementor-element.elementor-element-52d91066{--width:25%;}.elementor-1082 .elementor-element.elementor-element-6740837a{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1082 .elementor-element.elementor-element-52d91066{--width:243.25px;}}@media(max-width:1024px){.elementor-1082 .elementor-element.elementor-element-2e2193a{width:var( --container-widget-width, 284.25px );max-width:284.25px;--container-widget-width:284.25px;--container-widget-flex-grow:0;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .price{font-size:20px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .price del {font-size:16px;}}@media(max-width:767px){.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .price{font-size:20px;}.elementor-1082 .elementor-element.elementor-element-1692ab61.elementor-wc-products ul.products li.product .price del {font-size:16px;}}/* Start custom CSS for container, class: .elementor-element-52d91066 *//* Haupt-Container des Filters */
.wpfMainWrapper {
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03); /* Dezenter Schatten */
}

/* Titel/Blöcke Abstand */
.wpfFilterWrapper {
    margin-bottom: 25px !important;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
}

/* Preis-Slider Styling */
.wpfPriceFilterRange.ui-slider {
    height: 5px;
    background: #eee;
    border: none;
    margin: 20px 10px;
}

.wpfPriceFilterRange .ui-slider-range {
    background: #c36; /* Geändert auf deine Markenfarbe */
}

.wpfPriceFilterRange .ui-slider-handle {
    border: 2px solid #c36 !important;
    background: #fff !important;
    border-radius: 50%;
    width: 16px !important;
    height: 16px !important;
    top: -6px !important;
    cursor: pointer;
    transition: transform 0.2s;
}

.wpfPriceFilterRange .ui-slider-handle:hover {
    transform: scale(1.2);
    background: #c36 !important;
}

/* Dropdown / Select Felder */
#wpfSortProducts {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    font-size: 14px;
    background-color: #f9f9f9;
}

/* Kategorien Liste & Checkboxen */
.wpfFilterVerScroll {
    max-height: 250px !important;
    padding-left: 5px;
}

.wpfLiLabel {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    color: #444;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover-Effekt für Kategorien-Text */
.wpfLiLabel:hover {
    color: #c36;
    padding-left: 5px; /* Kleiner Slide-Effekt */
}

/* Checkbox Hover Styling */
.wpfCheckbox input[type="checkbox"]:hover + label {
    border-color: #c36 !important;
}

/* Der Filter Button unten */
.wpfFilterButton {
    width: 100%;
    background-color: #c36 !important; /* Deine Farbe #cc3366 */
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Elastischer Effekt */
}

/* PROFESSIONELLER HOVER FÜR DEN BUTTON */
.wpfFilterButton:hover {
    background-color: #a32952 !important; /* Ein dunkleres Pink/Rot beim Hover */
    box-shadow: 0 6px 15px rgba(204, 51, 102, 0.3); /* Farblich passender Schatten */
    transform: translateY(-2px); /* Button hebt sich leicht ab */
}

.wpfFilterButton:active {
    transform: translateY(0); /* Klick-Effekt */
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-1692ab61 *//* Completely hide text safely */
.elementor-1082 .elementor-element.elementor-element-1692ab61 ul.products li.product a.add_to_cart_button {
    text-indent: -9999px;
    overflow: hidden;
}

/* Add cart icon centered */
.elementor-1082 .elementor-element.elementor-element-1692ab61 ul.products li.product a.add_to_cart_button::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-indent: 0;
}
/* Elementor product title full display */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    max-height: none !important;
    line-height: 1.5 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6740837a *//* --- 1. ALLGEMEINES CARD DESIGN --- */
.elementor-element-1692ab61 {
    padding: 20px 0;
}

ul.products li.product {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 12px !important;
    padding: 15px !important;
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    margin-bottom: 30px !important;
    position: relative;
}

/* Hover-Effekt für die ganze Karte */
ul.products li.product:hover {
    box-shadow: 0 10px 25px rgba(204, 51, 102, 0.1) !important; /* Dezenter Schatten in Card-Farbe */
    transform: translateY(-5px);
    border-color: #c36 !important; /* Border wird Pink beim Hover */
}

/* Bild-Optimierung */
ul.products li.product img {
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    transition: transform 0.3s ease !important;
}

ul.products li.product:hover img {
    transform: scale(1.02);
}

/* --- 2. TITEL & PREIS --- */
.woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.3px !important;
    /* Einheitliche Höhe für das Raster */
    min-height: 51px !important; 
    max-height: 51px !important;
    overflow: hidden;
    margin-bottom: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 0.3s ease;
}

/* Titel Farbe ändert sich zu Pink beim Hover der Karte */
ul.products li.product:hover .woocommerce-loop-product__title {
    color: #c36 !important;
}

ul.products li.product .price {
    font-size: 16px !important;
    color: #111 !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    display: block !important;
}


span.onsale {
    background-color: #c36 !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    
    /* Perfekte Kreisform */
    width: 60px !important;      /* Breite leicht erhöht für das Wort 'Angebot' */
    height: 60px !important;     /* Höhe muss gleich der Breite sein */
    border-radius: 50% !important; 
    
    /* Text-Zentrierung & Größe */
    font-size: 9px !important;   /* Kleiner, damit 'Angebot' reinpasst */
    line-height: 1.1 !important;
    display: flex !important;
    align-items: center;         /* Vertikal mittig */
    justify-content: center;     /* Horizontal mittig */
    text-align: center;
    padding: 10px !important;     /* Schutzabstand zum Rand */
    
  
}




/* --- 4. BUTTON DESIGN --- */
.woocommerce ul.products li.product .button {
    background-color: #000 !important; /* Schwarzer Button als Standard */
    color: #fff !important;
    padding: 10px 5px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    margin-top: auto !important;
    text-align: center;
    transition: all 0.3s ease !important;
    border: none !important;
}

/* Button Hover Effekt zu Pink */
.woocommerce ul.products li.product .button:hover {
    background-color: #c36 !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(204, 51, 102, 0.3);
}

/* --- 5. MOBILE OPTIMIERUNG --- */
@media (max-width: 767px) {
    ul.products.elementor-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        display: grid !important;
    }

    ul.products li.product {
        padding: 10px !important;
        border-radius: 8px !important;
    }

    .woocommerce-loop-product__title {
        font-size: 12px !important;
        letter-spacing: 0.2px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    ul.products li.product .price {
        font-size: 14px !important;
    }

    span.onsale {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }

    .woocommerce ul.products li.product .button {
        padding: 8px 2px !important;
        font-size: 10px !important;
    }
}/* End custom CSS */