* {
font-family: 'Asap', sans-serif !important;
}

/* --- HEADER --- */

section#slider .btn.success {
color: #ffffff !important;
border: 2px solid #ffffff !important;
border-radius: 3px;
}

section#slider .btn.success:hover {
color: #f7a711 !important;
border: 2px solid #ffffff !important;
border-radius: 3px;
background-color: #ffffff !important;
}

main section#slider .textArea.cf strong, main section#slider .textArea.cf p {
color: #ffffff;
line-height: 1em;
}

main section#slider .textArea.cf strong {
font-size: 4em;
}

main section#slider .textArea.cf p {
font-size: 3em;
}

header.main #service-bar {
background-color: #000000;
}

#navbar {
box-shadow: 0px;
background-color: #ffffff;
}

section#service-bar a {
color: #ffc717 !important;
}

header.main #customer-menu a .count, header.main #customer-menu > button .count {
background-color: #e62c29;
}

/*
.menu-item-login.login_status_red::before, .menu-item-login.login_status_green::before, .menu-item-cart::before {
font-family: "Font Awesome 5 Pro" !important;
font-size: 17px !important;
}

.menu-item-login.login_status_red::before, .menu-item-login.login_status_green::before {
content: "\f007" !important;
}

.menu-item-cart::before {
content: "\f07a" !important;
}
*/

/* --- FOOTER --- */

footer.main {
background-color: #000000;
color: #ffffff !important;
border-top: 3px dashed #f7f7f7;
}

footer.main a, footer.main div, footer.main .headline {
color: #ffffff !important;
}

footer.main i::before  {
color: #ffc717 !important;
}

button#footer-product-nav_toggle {
background-color: #000000;
outline: 2px solid #ffc717;
color: #ffc717 !important;
}

button#footer-product-nav_toggle:hover {
background-color: #ffc717;
color: #ffffff !important;
border-radius: 0px;
}

a.leadprint-brand {
display: none !important;
}

/* --- Back to Top --- */

#footer-bar, #totop a::before {
background-color: #F7A711;
}

/* --- USP --- */

#usp-bar.individualUSP {
border-top: 3px dashed #1d1d1b;
}

/* Overlay */
#visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions .flex-container .panel.selected .selectedOverlay {
background-color: #f7a711
}



/* Cards */
.trade-groups .card:hover figcaption, .product-listing .card:hover figcaption {
  background: #ffa600cf;
    bottom: 0;
    position: absolute;
    width: -webkit-fill-available;
width: -moz-available;
}

.card figcaption span.link {
background: #fff !important;
    color: #f7a711 !important;
    padding: 5px;
padding: 10px 30px 10px 30px;
width: fit-content;
margin: auto;
border-radius: 5px;
margin-top: 20px !important;
}

#page {
padding: 0;
    padding-top: 30px;

}

#payment-bar {
display:none;}

section .sidebar li a {
    border-bottom: solid 1px #f7a711;
}

.trade-groups .card, .product-listing .card {
border: solid 2px rgba(255,255,255,0);
}


/* HOMEPAGE */

section#trade-blocks {
padding: 0px;
}

section#homepage-text4 {
background-color: #1d1d1b;
}

/* Buttons */
main#address .btn, main#visual_calculation .btn, main#upload .btn.fileinput, main#cart_first .btn.success {
background-color: #f7a711;
}

main#address .btn:hover, main#visual_calculation .btn:hover, main#upload .btn.fileinput:hover, main#cart_first .btn.success:hover {
background-color: #f7a711;
}

main#cart_first .btn.back {
background-color: #c4c4c4;
border-color: #b7b7b7;
}

main#cart_first .btn.back:hover {
background-color: #ababab;
border-color: #9e9e9e;
}

/* Check Out divers */
#cart #total_price strong {
color: #1d1d1b !important;
}

.col-50 {
    width: 49%;
    display: inline-block;
}

.vorteile {
text-align:left;
}

.vorteile img, .vorteile h4 {
display: inline-block;
}

#product-detail #total_block li.containerLabelNet {
display: none;
}

.social-networks .icon-instagram:hover:before, .social-networks .icon-instagram:focus:before, .social-networks .icon-facebook:hover:before, .social-networks .icon-facebook:focus:before  {
    background: #f7a711;
}

strong {
    font-weight: 900 !important;
    font-size: inherit;
}

.card strong {
font-weight: 300 !important;
}

@media (max-width: 768px) {
.vorteile .section {
display:block;
}

.vorteile .col-50 {
width: 100%;
}

}
