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

 @import url("//fonts.googleapis.com/css?family=Exo+2:400,700");
 body {
  font-family: 'Exo 2', sans-serif;font-size: 0.975rem;}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
 
  font-family: 'Exo 2', sans-serif;}
 
    a:hover, a:active ,.btn-link:hover{
  color: #41b7ec!important
  }
header .navbar-nav > .nav-item > .nav-link::before ,
.tab-navigation .nav-link::after 
{
 border-color: #41b7ec;
 }
 aside .nav-panel > .nav > .active > .nav-link {
  border-bottom: 0.375rem solid #41b7ec;
  }

.badge-primary, .fa-sup {
  color: white;
  background-color: #41b7ec;
}
.badge-primary:hover, .badge-primary:focus, .badge-primary:active{
color: white!important;
  background-color: #2a2a2a!important;
  border-color: #2a2a2a!important;
  box-shadow: none; 
}


.btn-primary {
  color: white;
  background-color: #41b7ec;
  border-color: #41b7ec;
  box-shadow: none;
  }
  .btn-primary:hover, .btn-primary:active {
  color: white!important;
  background-color: #2a2a2a!important;
  border-color: #2a2a2a!important;
  box-shadow: none;
  }
  
  /*.productbox-price {
  font-size: 1.4rem; font-family: "Open Sans",sans-serif;
}*/
[data-page="2"] .price_wrapper {
  text-align: center;
}
[data-page="1"] .price_wrapper {
background: #f5f7fa;
padding: 5px;
border: 1px solid #ebebeb;
}
.price_wrapper {
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
  }
[data-page="1"] .price_wrapper  .price.h1 {color: #41b7ec;}
[data-page="1"] .price_wrapper .bulk-prices {font-size: 0.8rem;}


.productbox-title a , .product-wrapper a{text-decoration: none;}


 .form-control:focus{border-color:#41b7ec;box-shadow:none}
 
.estimated-delivery .estimated-delivery-info:hover  {color:#41b7ec;}

.btn-outline-primary {border-color: #CC041b7ec51C;}
.btn-outline-primary:hover { background-color:white;border-color: #41b7ec;}
.btn-primary:focus  {
  color: white;
  background-color: #41b7ec;
  border-color: #41b7ec;
}
.stepper .step-active .step-content::after {background:#41b7ec;}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #41b7ec;
  background-color: #41b7ec;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #41b7ec;}

.modal-header .close:hover {
  background-color: #41b7ec;
  color: #ffffff;
}
.page-item.active .page-link::after, .page-item.active .page-text::after {
border-bottom: 4px solid #41b7ec;}

/*Grau*/
body, #header-top-bar a, header a, a, header, .btn-link {
  color: #2a2a2a!important;
}

.product-detail .product-manufacturer img {
  max-width: 185px;
}


.characteristic-collapse-btn-inner {padding-left:40px; font-size: 1.1rem;}
/*#sidebox101-20 .dropdown-toggle::before{content: '\f007' !important;font-family: "Font Awesome 5 Free" !important;font-weight: 900;margin-right: -200px;}*/

#sidepanel_left{
position: sticky;
height: 100%;
top: 120px;
padding: 0 2rem 0;}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
  height: calc(1.5em + 0.90rem + 2px);
}

#sidebox101-20 .dropdown-toggle .characteristic-collapse-btn-inner::before{content: '\f007' !important;font-family: "Font Awesome 5 Free" !important;font-weight: 900;padding-right: 25px;margin-left: -30px;color: #fe9700;font-size: 1.2rem;}/*hersteller*/
#sidebox101-23 .dropdown-toggle .characteristic-collapse-btn-inner::before{content: '\f4c1' !important;font-family: "Font Awesome 5 Free" !important;font-weight: 900;padding-right: 25px;margin-left: -30px;color: #fe9700;font-size: 1.2rem;} /*freigabe*/
#sidebox101-27 .dropdown-toggle .characteristic-collapse-btn-inner::before{content: '\f1b9' !important;font-family: "Font Awesome 5 Free" !important;font-weight: 900;padding-right: 25px;margin-left: -30px;color: #fe9700;font-size: 1.2rem;} /*automarke*/
#sidebox101-21 .dropdown-toggle .characteristic-collapse-btn-inner::before{content: '\f613' !important;font-family: "Font Awesome 5 Free" !important;font-weight: 900;padding-right: 25px;margin-left: -30px;color: #fe9700;font-size: 1.2rem;} /*visko*/