/* Allgemein */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}
main {
    min-height: 90vh;
}
main img {
    height: 300px;
    width: 300px;
}
.abo_bild {
    max-height: 300px;
    min-height: 260px;
    max-width: 300px;
    min-width: 260px;
}
.bg-header-footer {
    background-color: rgba(58, 58, 58, 1);
}
/* Modal */
.modal-backdrop {
    z-index: 1040;
}
/* Navbar */
.navbar-brand img {
    transform: translateX(-50%);
    left: 50%;
    right: 50%;
    top: 10px;
    position: fixed;
}
.warenkorb-anzahl {
    padding: 0px 5px;
    font-size: 12px;
}
/* Footer */
footer a {
    text-decoration: none;
}
.footer_icons img {
    max-height: 40px;
    margin: 5px;
}
.payment_img img {
    width: 50px;
}
/* Artikel Bild - Overlay */
.artikel_img {
    position: relative;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: var(--bs-primary);
}
.artikel_img:hover .overlay {
    opacity: 0.6;
}
.artikel_img a:focus {
    outline: none;
    border: 0;
}
.overlay p {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
/* Artikel Titel */
.homeProductTitle {
    height: 70px;
}
/* Benutzerkonto */
.btn-account {
    text-align: start;
    border-top: 1px solid #6c757d;
    border-left: 1px solid #6c757d;
    border-right: 1px solid #6c757d;
}
.btn-account:hover {
    background-color: #6c757d;
    color: white;
}
.btn-account:last-child {
    border-bottom: 1px solid #6c757d;
}
.account-active {
    background-color: #6c757d;
    color: white;
    border: 1px solid #6c757d;
}
/* Input */
input:invalid:focus {
    border-color: darkred;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.514);
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.485);
}
input:valid:focus {
    border-color: rgb(12, 122, 249);
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 122, 255, 0.514);
    box-shadow: 0 0 0 0.25rem rgba(223, 238, 255, 0.485);
}
.required::after {
    content: "*";
    color: #e32;
}
/* Bestellabschluss Zahlungsarten */
.bestell_zahlung_icon {
    height: 20px;
    width: 20px;
    margin: 0 5px;
}