/**************
 Generelle Definitionen / Sonstiges

***************/
.btn-primary:hover {color: #fff;background-color: #c33;border-color: transparent;}
.btn-primary {color: #fff;background-color: #c33;border-color: transparent;}
.btn-primary, .btn-secondary, .btn-tertiary {padding: 0.5rem 1.25rem;padding-top: 0.5rem;font-weight: 600;border-radius: 25px;text-transform:none}
.product-images > li.thumb-container .thumb.selected, .product-images > li.thumb-container .thumb:hover {border: #c33 1px solid;}

.h1,.h2,.h3,.h4,.h5 {font-weight: normal;position: relative;padding-bottom:10px;display:inline-block;text-transform:none;}
/*.h1::after,.h2::after,.h3::after,.h4::after,.h5::after, #search_filters .h3::after {content: '';width: 30px;height: 3px;background:#c33;left: 0;position: absolute;bottom: 0;}*/

.product-information, .product-description p {color:#000}

.product-tags {padding-bottom: 10px; margin-bottom:20px}
.product-tags::after {content: '';width: 30px;height: 3px;background:#c33;left: 0;position: absolute;bottom: 0}
a {color: #c33;text-decoration: none;}
a:hover {color: #c33;text-decoration: none}
a:focus {color: #c33;text-decoration: none}

.group-span-filestyle .btn-default {background: #c33}
.contact-form h3, .contact-rich h4 {text-transform: none;font-weight:normal;}

#cms h1,#cms h2,#cms h3 {font-weight:normal;}
#cms p {color: #000;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {background-color:#c33}
.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {background: #c33}
.btn-primary:focus {background: #c33}


/**********
Buttons
***********/

.btn-primary,.btn-primary:hover {background: #c33}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary:disabled.focus,.btn-primary:disabled:focus {background: #c33}
.btn-primary.disabled:hover,.btn-primary:disabled:hover {background: #c33}
.btn-outline-primary {background: #c33; border-color:#c33}
.btn-outline-primary:hover {background: #c33; border-color:#c33}
.btn-outline-primary.focus,.btn-outline-primary:focus {background: #c33; border-color:#c33}
.btn-outline-primary.active,.btn-outline-primary:active,.open>.btn-outline-primary.dropdown-toggle {background: #c33; border-color:#c33}
.btn-link {background: #c33}


/**************
 Header / Menue

***************/


#header .header-nav {max-height: 50px;box-shadow: 0 1px 5px 1px rgba(151,151,151,.35);}
#header a {text-transform: none;}

#wrapper {border-top: 3px solid #c33;padding-top: .56rem;background:#fff;}
.top-menu .sub-menu ul[data-depth="1"] > li {margin: 0.75rem 1.25rem;}

#_desktop_language_selector {float:left}
#header .header-nav .user-info .material-icons {font-size:30px;color:#c33}
#header .header-nav .user-info a {font-size:0.95em}
#header .header-nav .cart-preview .shopping-cart, #header .header-nav .cart-preview.active i  {font-size:26px; color:#c33}
#header .header-nav .language-selector a {margin-right:10px;float: left;text-transform: uppercase;color:#c33;}
#header .top-menu a[data-depth="0"]:hover {color: #c33;text-decoration: none;}
#header a:hover {color: #c33;text-decoration: none;}
#header a {color:#666;}
#header .header-top a[data-depth="0"] {text-transform:none;color:#000; font-weight:normal;}
#header .header-nav .blockcart {background:#fff;}

#header .header-nav #menu-icon .material-icons {line-height: 50px;color: #c33;}

/* Header Menu Tablet Fix */
@media (max-width:992px) {
#header .header-top .menu {padding-left:0px; margin-top:15px;}
.top-menu a[data-depth="0"] {padding: 5px 2px; font-size:14px}}

@media only screen and (max-width: 1200px) and (min-width: 993px) {
#header .header-top .menu {padding-left:0px; margin-top:25px;}}

@media (max-width: 767px) {

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a {text-transform: none;}
#mobile_top_menu_wrapper .top-menu .sub-menu li > a {padding: .825rem .625rem;border-bottom: 1px solid #f6f6f6;font-weight: normal;}
}
#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {padding: .825rem .625rem;border-bottom: 1px solid #f6f6f6;}



/**************
 Index

***************/


.carousel .carousel-item .caption .caption-description h2 {color:#fff;font-weight:400}
.carousel .carousel-item .caption .caption-description .btn {color:#fff !important}
.carousel .carousel-item .caption {text-align: center;position: absolute;color: #fff;max-width: 100%;padding: 5px 50px;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;bottom: 0;text-align: center;position: absolute;color: #fff;width: 100%;padding: 5px 50px;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0;left:0;right:0;}
.featured-products {text-align:center;}


@media (max-width: 991px) {
#custom-text {padding: 1.125rem;}

}


/**************
 Suche

***************/




/**************
 Produkte und Produktseite

***************/


.product-miniature .thumbnail-container {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);position: relative;height: auto;margin-bottom: 1.563rem;overflow: hidden;background: #fff;}
.product-miniature .highlighted-informations .quick-view:hover {color: #c33;}
.tabs .nav-tabs .nav-link.active {color: #c33;border-bottom: 2px solid #c33;}
#wrapper .breadcrumb {font-size:13px;}
.product-prices .tax-shipping-delivery-label {font-size: 0.8125rem;display: inline-block;}
.product-price {color:#000;}
.product-information {padding-top: 30px;border-top: 1px solid #ccc;}
.form-control:focus {border-color: #c33;outline:none;}
.form-control {border-radius:6px;}
.product-miniature .product-title {text-transform:none;}
.product-miniature .product-description {text-align:center;}
.product-miniature .product-flags li.product-flag {background:#c33;}
.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {background:#c33;}
.has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul {color: #c33;}
.has-discount .discount {background:#c33;}
.product-flags li.product-flag {background:#c33;}
.product-prices .tax-shipping-delivery-label {color:#000}
.product-attachments p {color:#000}
.product-description ul li { list-style-type: disc;list-style-position: outside;}
.product-description ul {padding-left:20px;}
.tabs .nav-tabs .nav-link:hover {border-bottom: 2px solid #c33;}
.attachment {padding: 5px 0px;}
.attachment h4 a {font-weight:normal;}


@media (max-width: 991px) {
#subcategories ul li {min-width: 85px;}
}



/**************
 Kategorien

***************/


.block-category h1 {font-weight: normal;color: #232323;font-size: 1.5rem;text-transform: none}
.block-category {border-bottom: 2px solid #e1e1e1;box-shadow: none;margin-bottom: 1.563rem;}

.pagination {  border-bottom: 1px solid #ccc;display: inline-block;padding-left: 0;margin-top: 1rem;margin-bottom: 1rem;border-radius: 0;}
.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {background: #c33;}

.category-top-menu > li:first-child {padding-bottom: 5px;}
/* .block-categories  h6::after, #search_filters .h6::after {content: '';width: 30px;height: 3px;background: #c33;left: 0;position: absolute;bottom: 0;} */
.block-categories.block-categories .h6 {text-transform:none !important;font-weight:normal;font-size:1.125rem;}
.block-categories .category-sub-menu li[data-depth="0"] > a {border-bottom: 1px solid rgba(0,0,0,.25);transition: all 0.5s ease 0s;width: 100%;display: inline-block; margin: .3125rem 0 0;padding-bottom: 12px; font-weight:normal;}
.block-categories .category-sub-menu li[data-depth="0"] > a:hover {border-bottom: 1px solid #c33;color: #c33;}
#subcategories {border-top:none;}


/**************
 Checkout / Warenkorb

***************/


#blockcart-modal .modal-header {background: #4cbb6c;}
#blockcart-modal .product-name {font-size: 1.125rem;color: #000;font-weight:normal;}
#blockcart-modal .cart-content p.product-total, #blockcart-modal .cart-content .page-content.page-cms ul.product-total, .page-content.page-cms #blockcart-modal .cart-content ul.product-total {padding: .5rem;  border-bottom: 1px solid #c33;background-color: #fff}
#blockcart-modal .modal-title {color:#fff;}
#header .header-nav .cart-preview.active {background:#fff; color:#000}
#header .header-nav .cart-preview.active a  {color:#666}
#header .header-nav .cart-preview.active a:hover {color: #c33;}
#cart .card {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2)}
.cart-grid-body .card-block h1 {text-transform: none;}
.card-block.checkout .btn-primary {text-transform:none;}
#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {color: #c33;}
.product-line-grid-body > .product-line-info > .label {font-weight:normal;}
.card-block.cart-detailed-subtotals + .cart-summary-totals .cart-total {border-bottom: 1px solid #c33;border-top:none;}

body#checkout section.checkout-step {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);background-color: #fff;border-bottom: 1px solid rgba(0,0,0,.25);padding: .9375rem;}
body#checkout section.checkout-step.-current .step-title {padding-top:1%;}
body#checkout .cart-grid-right .card {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2)}
body#checkout a:hover  {color: #c33;}

.block-promo .promo-input + button {text-transform: none;border: 2px solid #c33;}
.block-promo .promo-code-button.cancel-promo {color: #c33;}
body#checkout section.checkout-step .address-item.selected {background: #fff;border: #c33 1px solid}
.js-address-form p {color:#000}
body#checkout section.checkout-step.-current + .checkout-step .step-title {border:0}
body#checkout section.checkout-step .step-title {border:0; width:80%;}
body#checkout section.checkout-step.-complete:first-of-type .step-title {width:80%;}

body#checkout #header .header-top {box-shadow: 0 1px 5px 1px rgba(151,151,151,.35)}
.carriere-name-container span {font-weight:normal;}


@media (max-width: 767px) {
#cart .card, body#checkout .cart-grid-right .card {box-shadow:none;}
.block-promo .promo-code-button {padding-top:5%;}

}



/**************
 Kundenkonto

***************/

.page-authentication #content {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);padding: 1rem;background: #fff;max-width: 640px;margin: 0 auto;}
.page-my-account #content .links a:hover i {color:#c33;}
.custom-radio input[type="radio"]:checked + span {background-color: #c33;}
.page-my-account #content .links a {text-transform: none;}




/**************
 Footer

***************/

.footer-container {border-top: 2px solid #e9f2f6;margin-top: 1.25rem;margin-bottom: 10px;padding-top: 1.25rem}

.footer-left::before {content: '';position: absolute;background-color: #c33;width: 285px;height: 290px;margin-left: -45px;border-radius: 0 10px 10px 0; transform: rotate(10deg);}
.myaccount-title.myaccount-title a, .block-contact p {text-transform: none !important;font-weight:normal;}
.footer-container li a {color:#000;}
.footer-container li a:hover {color:#000;}
.block-contact {color: #000;line-height: 24px;}



@media (min-width:1650px) {
.footer-left-linkbox {position:absolute;padding: 80px 0 20px 80px}
.footer-left-link {color:#fff; padding: 10px 0px}
.footer-left-link a {color:#fff;}
}
@media (max-width:1649px){
.footer-left-linkbox, .footer-left-link {display:none}}

/* Deaktiviere Footer Branding Mobile */
@media (max-width:767px){
.footer-left::before {display:none}}

.footer-copyright {background: #3e3e3e;color:#fff; line-height:35px; padding: 10px 0px}
.footer-copyright .left {border-right:1px solid #fff;padding-right:5px;border-color:#c33;}
.footer-copyright .right {padding-left:5px}

@media (min-width:767px){
.footer-container .h3 {color:#000; padding-bottom:10px; margin-bottom: 20px; font-weight: normal; position: relative;text-transform: none;}
.footer-container .h3::after {content: '';width:30px; height:3px; background:#c33; left:0; position: absolute; bottom:0}
.footer-container .h4::after {content: '';width:30px; height:3px; background:#c33; left:0; position: absolute; bottom:0}
}



Element {
}
@media (max-width: 767px) {
  .links .title {padding: .625rem;border-bottom: 1px solid #c33; cursor: pointer; }
.footer-container .links .h3 {text-transform:none;}
.footer-container .links ul {background:#fff;}
.footer-container .links ul > li {padding: .625rem .0rem .625rem 1.525rem; border-bottom: 1px solid #f1f1f1;}
.footer-container .links ul > li a {font-weight:normal;}

}