/*##################################################
            Warenkorb Produkt Zähler
##################################################*/
.cart-count {
    background-color: var(--e-global-color-primary) !important;
    color: white;
    border-radius: 50%;
    font-size: 10px;
    position: absolute;
    top: -8px;
    right: -15px;
    height: 20px;
    width: 20px;   
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.bi.bi-handbag    { font-size: 25px; }

/*##################################################
            Add to Warenkorb BTN / Detailseite
##################################################*/
.btn.add-to-cart-btn , .listing-add-to-cart-btn{
    background-color: var(--e-global-color-primary);   
    border-radius: 25px;
    color: var(--e-global-color-85412e4);
    font-family: var(--e-global-typography-64c84d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-64c84d8-font-size);
    font-weight: var(--e-global-typography-64c84d8-font-weight);    
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 20px 20px 0px;
}
.listing-add-to-cart-btn{
    padding: 2px 0px 3px 0px;
}


.btn.add-to-cart-btn .bi.bi-handbag , .listing-add-to-cart-btn .bi.bi-handbag{
    font-size: 24px;
    margin-right: 15px;
}
.btn.add-to-cart-btn:hover , .listing-add-to-cart-btn:hover{
    background-color: var(--e-global-color-14f49df);
    border: solid 1px var(--e-global-color-06c4735);
    color: var(--e-global-color-primary);
}
.btn.add-to-cart-btn i.bi.bi-handbag:hover , .listing-add-to-cart-btn .bi.bi-handbag:hover{
    font-size: 24px;
    margin-right: 15px;
    fill:white;
}

/*##################################################
            Warenkorb Seite
##################################################*/
.warenkorb--produkt-bild>img{
    border-radius: 50% !important;
}

.warenkorb--produkt-name{
    font-family: var(--e-global-typography-64c84d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-64c84d8-font-size);
    font-weight: var(--e-global-typography-64c84d8-font-weight);
    color: var(--e-global-color-primary);
}


/*##################################################
            Warenkorb Seite Liste leeren
##################################################*/
.empty-cart-btn{
    background-color: var(--e-global-color-primary);    
    border-radius: 25px;
    color: var(--e-global-color-85412e4);
    font-family: var(--e-global-typography-64c84d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-64c84d8-font-size);
    font-weight: var(--e-global-typography-64c84d8-font-weight);    
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.empty-cart-btn:hover{
    background-color: var(--e-global-color-14f49df);
    border: solid 1px var(--e-global-color-06c4735);
    color: var(--e-global-color-primary);
}