/*##################################################
            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: 10px;
    right: -15px;
    height: 16px;
    width: 16px;    
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

i.bi.bi-basket      { font-size: 25px; }

/*##################################################
            Add to Warenkorb BTN / Detailseite
##################################################*/
.btn.add-to-cart-btn{
    background-color: var(--e-global-color-primary);
    border: solid 1px var(--e-global-color-primary);
    border-radius: 25px;
    color: var(--e-global-color-cfc0ba3);
    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;
}
.btn.add-to-cart-btn i.bi.bi-basket{
    font-size: 24px;
    margin-right: 15px;
}
.btn.add-to-cart-btn:hover{
    background-color: white;
    border: solid 1px var(--e-global-color-primary);
    color: var(--e-global-color-primary);
}
.btn.add-to-cart-btn i.bi.bi-basket:hover{
    font-size: 24px;
    margin-right: 15px;
    fill:var(--e-global-color-primary);
}




/*##################################################
            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);
}