body#warenkorb main {
    background: var(--color-one);
    padding: 20px 0 0;
}

body#warenkorb main section.left-side {
    background: var(--color-one);
}

body#warenkorb main section.right-side {
    background: var(--color-four);
}

body#warenkorb main section.top-side {
    background: var(--color-four);
    padding: 50px 0;
}

body#warenkorb main section.top-side:first-child {
    padding: 40px;
}

ul.list-netto {
    margin: 10px 0 0;
}

ul.list-netto {
    border-top: 3px solid black;
    padding: 5px 0 0;
}

div#shop-basket-button {
    background: var(--color-two);
    color: var(--color-one);
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 5px;
    display: none;
}

div#shop-basket-button a {
    color: var(--color-one);
}

div#shop-basket-button span {
    margin: 0 0 0 10px;
}

body#warenkorb li.remove-item-button {
    font-size: 0.6rem;
    cursor: pointer;
    line-height: 0.6rem;
    margin: 0 0 0 20px;
}

body#warenkorb li.number-field input {
    font-size: 0.9rem;
    background: var(--color-five);
    width: 55px;
}


body#warenkorb li.number-field input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

body#warenkorb ul.list-total li {
    font-weight: bold;
}

section.form-wrapper {
    margin: 40px 0 0;
}

div#form-val-error {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    min-width: 100%;
    background: var(--color-four);
}

div#shipping-message {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    min-width: 100%;
    background: var(--color-four);
}

div#form-val-error>div {
    text-align: center;
    display: none;
    background: var(--color-four);
    padding: 20px;
    width: 100%;
}

table#item-list-mail {
    display: none;
}

form#shop-form div {
    margin: 0 0 20px;
}

form#shop-form legend {
    margin: 0 0 20px;
}

form#shop-form input {
    background: var(--color-four);
    padding: 10px;
}

form#shop-form textarea {
    background: var(--color-four);
    padding: 10px;
}

form#shop-form div label {
    width: 120px;
}

form#shop-form input.submit {
    cursor: pointer;
}

ul.item-list li {
    margin: 0 0 5px;
}

ul.item-list ul.item:hover {
    background: var(--color-one);
}




@media screen and (min-width: 0px) and (max-width: 1200px) {


    body#warenkorb main {
        background: var(--color-one);
        padding: 20px;

    }


    body#warenkorb main section.left-side {
        background: var(--color-one);
        padding: 20px;

    }


    body#warenkorb main section.right-side {
        background: var(--color-one);
        padding: 20px;

    }

    form#shop-form input {
        background: var(--color-three);
        padding: 10px;
        min-width: 100vw;
    }


}