/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */


h1,
h2,
h3,
h4,
h5 {
    color: #990000;
}

p,
ul,
ol,
span {
    color: #333333;
}

.badge-secondary,
.badge-secondary span,
.badge-primary,
.badge-primary span,
.btn-primary,
.btn-primary span,
.btn-secondary,
.btn-secondary span {
    color: #fff;
}

.product-actions .btn-secondary,
.product-actions .btn-secondary span,
.product-actions .badge-secondary,
.product-actions .badge-secondary span {
    color: #333;
}


#main-wrapper p {

}

#main-wrapper .opc-Container h1 {
    font-size: 1.4rem;
}

@media (min-width: 992px){
    .is-desktop .navbar-expand-lg .navbar-nav {
        flex-direction: row-reverse;
    }
}



/* ---------------------------------------------------------------- MAIN NAVIGATION */
.btn-secondary .fa-search {
    color: #fff;
}

@media (max-width: 991.98px) {
    header .nav-mobile-body {
        height: auto;
    }
}


.ribbon-3 {
    background-color: #fbe84b;
    color: #18191c;
}

.ga--kontakt-hinweis {
    /*background-color: #fff3cd;*/
    border: 5px solid #ffe8a1;
    border-radius: 15px;
    padding: 35px;
}

#ga-Note_1 {
    border: 5px solid #ffe8a1;
    border-radius: 15px;
    padding: 35px;
}

/* ---------------------------------------------------------------- FOOTER */

#crd-cllps-999 .nav.flex-column,
#crd-cllps-998 .nav.flex-column {
    flex-direction: inherit !important;
}

#crd-cllps-999 li,
#crd-cllps-998 li {
    margin-right: 0.5rem;
}

.ga--icon-pay01 {
    background-image: url("img/icon-payment-01.jpg");
    display: block;
    width: 80px;
    height: 40px;
}

.ga--icon-pay02 {
    background-image: url("img/icon-payment-02.jpg");
    display: block;
    width: 80px;
    height: 40px;
}

.ga--icon-pay03 {
    background-image: url("img/icon-payment-03.jpg");
    display: block;
    width: 80px;
    height: 40px;
}

.ga--icon-pay04 {
    background-image: url("img/icon-payment-04.jpg");
    display: block;
    width: 80px;
    height: 40px;
}

.ga--icon-pay05 {
    background-image: url("img/icon-payment-05.jpg");
    display: block;
    width: 80px;
    height: 40px;
}

.ga--icon-pay06 {
    background-image: url("img/icon-payment-06.jpg");
    display: block;
    width: 80px;
    height: 40px;
}

.ga--icon-del01 {
    background-image: url("img/icon-versand-01.jpg");
    display: block;
    width: 80px;
    height: 40px;
}

.ga--icon-del02 {
    background-image: url("img/icon-versand-02.jpg");
    display: block;
    width: 80px;
    height: 40px;
}

.ga--icon-del03 {
    background-image: url("img/icon-versand-03.jpg");
    display: block;
    width: 80px;
    height: 40px;
}