﻿div#shopBox svg#payStatus {
    margin: auto auto 20px auto;
    width: 100%;
    max-width: 600px;
}

div#shopBox svg#payStatus text {
    font-size: 0.82em;
}

div#shopBox {
    text-align: center;
}

div#shopBox img.payOptionImg {
    position: relative;
    width: 60px
}

div#shopBox input[type="radio"] {
    margin-top: 15px;
}

div#shopBox input#payAuthCode {
    display: none;
}

div#shopBox div#Kreditkarte {
    position: relative;
    display: none;
    flex-direction: column;
    min-width: 300px;
    width: 45.4vw;
    max-width: 460px;
}

div#shopBox div#overviewAdressAll {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    text-align: left;
}

div#shopBox div#cartTable form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: left;
}

div#shopBox div#cartTable div.cartEntry {
    position: relative;
    background-image: url('/image/kkplants_back.webp');
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 1px -1px 2px #424242, 0px 0px 1px #424242;
}

div#shopBox div#cartTable div.cartEntry:hover {
    background: linear-gradient(45deg, #4062A222, #4082CC42);
    box-shadow: 1px -1px 6px #4062A2;
}

div#shopBox div.checkbox {
    position: relative;
}

div#shopBox div.checkbox label {
    position: relative;
}

div#shopBox div.checkbox input {
    margin: 10px 0px 10px 20px;
}

div#shopBox table {
    margin: auto;
}

div#shopBox div#Vorkasse button {
    width: 100%;
}

div#shopBox div#Kreditkarte div#card-element {
    position: relative;
    border: none;
    background-color: #FFFFFF;
    box-shadow: inset 2px 2px 6px #222222;
	padding: 14px 20px;
    border-radius: 10px;
    color: #000000;
    min-width: 260px;
    width: 40vw;
    max-width: 420px;
    margin-bottom: 20px;
}

div#shopBox div#Kreditkarte > div {
    position: relative;
    margin-top: 20px;
}

div#shopBox > div#cartTable form h2 {
    margin: 0px;
}

div#shopBox > div#cartTable form p {
    margin: 0px;
}

div#shopBox div#cartTable div.cartEntry img {
    max-width: 150px;
    max-height: 160px;
}

div#shopBox div#cartTable div.cartEntry div {
    margin-top: auto;
    margin-bottom: auto;
}

p.oldPrice {
    position: relative;
    top: 0px;
    text-decoration: line-through;
    color: #4062A2;
    font-size: 0.8em;
    height: 20px;
}

div#shopBox div.checkbox {
	position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
}

div#shopBox div.checkbox label {
    position: relative;
    top: 0px;
    left: 0px;
    max-width: calc(100% - 40px);
    text-align: left;
}

div#shopBox div.checkbox input {
	position: relative;
    top: 0px;
    left: 0px;
    margin: auto 0px 0px auto;
}

div#shopBox div#cartTable h2:not(:first-child) {
    margin-bottom: -16px;
}

div#shopBox div#cartTable p#priceDelivery_overview {
    margin-top: -15px;
}

div#shopBox div#cartTable p#sumTax_plant {
    margin: -15px auto -15px 0px;
}

div#shopBox div#cartTable p#priceTotal_overview {
    font-size: 1.2em;
    font-weight: bold;
}