#cart-box a {
    color: #FFFFFF;
    display: inline-block;
    text-align: left;
}
#cart-box .icon.icon-cart {
    width: 30px;
    height: 30px;
    margin-top: 8px;
}
#cart-box a span.fal {
    font-size: 2.5em;
}

#cart-box .order_now {
    margin-left: 10px;
    font-weight: normal;
    font-size: 14px;
}
#cart-box .price {
    width: 100%;
    display: none;
    text-align: left;
    margin-left: 10px;
}

#cart-box {
    flex-direction: column;
    flex-wrap: wrap;
    flex-basis: auto;
    padding: 0 6px;
    display: flex;
    font-size: 11px;
    color: #FFFFFF;
    border-bottom-right-radius: 100%;
    justify-content: flex-start;
    text-align: left;
}
#cart-box .cart-icon-wrap {
    display: inline-block;
    margin: 0;
    position: relative;
    width: 50px;
    height: 50px;
    background: #efece9;
    border-radius: 50%;
    text-align: center;
}

#cart-box .cart-icon-wrap img.icon {
    /*filter: invert(100%) sepia(0%) saturate(7434%) hue-rotate(57deg) brightness(119%) contrast(114%);*/
}

#cart-box a {
    margin: auto 5px;
}

#cart-box p{
    margin-bottom: 0;
}
/*header.collapsed #cart-box {
    display: none;
    margin-top: -60px;
}*/

#cart-box a {
    display: inline-block;
}
#cart-box span.badge {
    display: block;
    width: 17px;
    height: 17px;
    font-size: 14px;
    position: absolute;
    top: 20px;
    left: 16px;
    background-color: transparent;
    color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    line-height: 100%;
    padding-top: 3px;
}

#cart-box div.attention span.badge {
    /*background-color: var(--global-color-brown);*/
}

#cart-box div.attention span.badge{
    animation-name: jump_cart;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
    animation-delay: 0ms;
}

@keyframes jump_cart {
    0% { top: 0; }
    10% { top: 20px; }
    20% { top: 0; }
    30% { top: -20px; }
    40% { top: 0; }
    50% { top: 20px; }
    60% { top: 0; }
    80% { top: -20px; }
    100% { top: 0; }
}

#cart-box .price-wrap {
    width: auto;
}

#cart-box a {
    padding-right: 0;
    margin-left: 10px;
}

#cart-box div span{
    display: inline-block;
}

#cart-box div span.hidden {
    display: inline-block;
}

div#cart-content {
    float:left;
    margin-bottom: 100px;
    width: 100%;
}

div.cart {
    float: left;
    width: 100%;
}

div.cart div.cart-item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

div.cart div.cart-item.header {
    border-bottom: 1px solid var(--color-text);
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--color-text);
}

div.cart div.cart-item div {
    margin-right: 2%;
}

div.cart div.cart-item div.image {
    display: none;
}

div.cart div.cart-item div.quantity {
    float: left;
    width: 14%;
    text-align: center;
}

div.cart div.cart-item div.quantity select {
    padding: 5px 10px;
    width: auto;
}

div.cart div.cart-item div.title {
    float: left;
    width: 41%;
}

div.cart div.cart-item div.title h3 {
    font-weight: 400;
    font-size: 19px;
    margin-bottom: 3px;
}

div.cart div.cart-item div.title h3 a {
    color: var(--color-text);
    text-transform: none;
    letter-spacing: normal;
    font-size: 18px;
    font-weight: 600;
}

div.cart div.cart-item div.title p {
    margin-bottom: 3px;
}

div.cart div.cart-item div.price {
    float: left;
    width: 15%;
    text-align: right;
    font-weight: 500;
}

div.cart div.cart-item span.mobile-price {
    display: none;
    margin-right: 20px;
}

div.cart div.cart-item p.discount {
    color: #d40000;
}

del {
    color: #d40000;
    font-weight: 300;
}

div.cart div.cart-item.header div {
    font-size: initial !important;
    font-weight: initial !important;
    padding-bottom: 5px;
}

div.cart div.cart-item div.sum {
    float: left;
    width: 18%;
    text-align: right;
    font-weight: 500;
    position:relative;
    font-size: 19px;
}

div.cart div.cart-item div.tax {
    float: left;
    width: 5%;
    text-align: right;
    font-size: 12px;
    margin-right: 1%;
}

div.cart div.cart-item div.sum sup {
    font-size: 11px;
    font-weight: 200;
    position: absolute;
    right: -15px;
    top: -10px;
    text-align: left;
    width: 10px;
}

div.cart div.cart-item div.delete {
    float: left;
    width: 2%;
    text-align: center;
}

div.cart div.cart-item div.delete a {
    color: var(--color-text);
    font-size: 20px;
    cursor: pointer;
}
div.cart div.cart-item div.delete .icon{

}


div.cart div.item-sum {
    border-top: 1px solid var(--color-accent);
    padding-top: 10px;
}

div.cart div.cart-total {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

div.cart div.cart-total div.title {
    float: left;
    width: 71%;
    text-align: right;
    margin-right: 2%;
}

div.cart div.cart-total div.total {
    float: right;
    width: 21%;
    text-align: right;
    font-size: 19px;
    margin-right: 6%;
}

div.cart div.cart-total div.total.end-total {
    font-weight: 600;
    color: black;
}

.orderform .street-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-basis: auto;
}
.orderform .street-wrap .street {
    width: 72.5%;
    display: inline-block;
}
.orderform .street-wrap .house_no {
    margin-left: auto;
    width: 22.5%;
    display: inline-block;
}

a.nextButton {
    background-color: var(--color-text);
    border: none;
    border-radius: 30px;
    color: white;
    padding: 3px 25px;
    margin-top: 10px;
    display: inline-block;
    float: right;
}

ul.cart-progress {
    padding: 0;
    list-style-type: none;
    clear: both;
    line-height: 1em;
    margin: 0 -1px;
    margin-bottom: 35px;
    text-align: center;
    float: left;
    width: 100%;
}

ul.cart-progress li {
    float: left;
    padding: 10px 5px 10px 30px;
    background: var(--color-accent);
    color: #FFFFFF;
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 33%;
    margin: 0 1px;
}

ul.cart-progress li a {
    color: #FFFFFF;
}

ul.cart-progress li .icon {
    margin: 0 10px 0 0;
    width: 18px;
    height: 18px;
}

ul.cart-progress li:before {
    content: '';
    border-left: 19px solid #fff;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

ul.cart-progress li:first-child::before {
    border-left: none;
}

ul.cart-progress li:after {
    content: '';
    border-left: 19px solid var(--color-accent);
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}

ul.cart-progress li span {
    display: none;
}

ul.cart-progress li.active {
    background: var(--color-text);
    color: #FFFFFF;
}

ul.cart-progress li.active:after {
    border-left-color: var(--color-text);
}

ul.cart-progress li.completed {
    background: var(--color-accent);
}

/*ul.cart-progress li.completed a {
    color: #FFFFFF;
}*/

ul.cart-progress li.completed:after {
    border-left-color: var(--color-accent);
}

div.address_box {
    float: left;
    width: 100%;
    border: 1px solid #b3b3b3;
    border-radius: 10px;
    padding: 20px;
    padding-bottom: 10px;
    background-color: white;
    margin-top: 1em;
    margin-bottom: 2em;
}

div.address_box h4 {
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #808080;
}

form.orderform textarea#note {
    height: 80px !important;
}

form.orderform label {
    font-size: 16px;
    margin-bottom: -2px;
}

form.orderform input, form.orderform select, form.orderform textarea {
    margin-bottom: 30px;
}

form#payment-form button.prev-next:first-of-type{
   margin-left: 0;

}

div.cart div.cart-item div.rebuy {
    width: 20%;
    float: left;
}

div.cart div.cart-item div.rebuy form {
    width: 100%;
    display: inline-block;
}

div.cart div.cart-item div.rebuy form button {
    font-family:'Neue Helvetica W01', sans-serif;
    margin: 0;
}
form#voucher_form {

}

form#voucher_form input.field {
    font-size: 16px;
    padding: 5px 10px;
    width: 100%;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
}

p.small {
    font-size: 14px;
}

@media (max-width: 415px){

    div.cart div.cart-item div.quantity {
        width: 18%;
    }

    div.cart div.cart-item div.price {
        display: none;
    }
    div.cart div.cart-item div.title {
        width: 50%;
    }

    div.cart div.cart-item span.mobile-price {
        display: inline-block;
    }

    div.cart div.cart-item span.grind-divider {
        display: none;
    }

    div.cart div.cart-item div.rebuy {
        width: 100%;
    }

    div.cart div.cart-item div.rebuy form {
        width: 100%;
        display: block;
    }

    div.cart div.cart-item div.rebuy form button {
        width: 100%;
    }
}

@media (min-width: 960px) {

    ul.cart-progress li span {
        display: inline-block;
    }


    div.cart div.cart-item div.title {
        width: 46%;
    }

    div.cart div.cart-item div.title.title-narrow {
        width: 38%;
    }

    div.cart div.cart-item div.price {
        width: 10%;
    }
    div.cart div.cart-item div.sum {
        width: 10%;
    }
    div.cart div.cart-item div.image {
        float: left;
        width: 10%;
        min-height: 10px;
        text-align: center;
        display: inline-block;
    }

    div.cart div.cart-item div.image img {
        width: 80%;
        /*border: 5px solid #ffffff;
        box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3);*/
    }

    div.cart div.cart-item div.quantity {
        width: 8%;
    }

    form#voucher_form input.field {
        width: 300px;
    }

}