@font-face {
  font-family: 'avenir book';
  font-weight: normal;
  font-style: normal;
  src: url(fonts/avenir-book.woff2) format('woff2');
}
font-face {
  font-family: 'avenir next bold';
  font-weight: normal;
  font-style: normal;
  src: url(fonts/avenir-next-bold.woff2) format('woff2');
}

.fa-hand-o-right::before {content: "\f0a4";}

 body {font-family: 'avenir book', 'open sans';font-size: 1rem;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
  margin-bottom: 1rem;
  font-family: avenir next bold, sans-serif;
  }
  
  
  a:hover { color: #f0eae0; }
  :focus-visible {outline: 0px;}
  
header, #footer {
  background-color: #695b52; color:white
}
#footer a, #footer , #footer a:not(.btn), #footer .productlist-filter-headline{color:white}
#footer .productlist-filter-headline {font-size:1rem}

.nav-mobile-body .navbar-nav .nav-item a {color:white}
header a:not(.dropdown-item):not(.btn):hover{color:#f0eae0}


header #mainNavigation .dropdown-menu.show a {color:#695b52}
header #mainNavigation .dropdown-menu.show a:hover {color:#f0eae0}

 header #shop-nav a:not(.dropdown-item):not(.btn){color:white}
header #shop-nav .dropdown-menu.show:not(.btn) , header #shop-nav .dropdown-menu.show a:not(.btn) {color:#695b52}

#footer .btn-icon-secondary {border-color:white}

#footer a:not(.btn):hover {color:#f0eae0}

.attr-characteristic .badge-primary , .attr-characteristic a.badge-primary:hover, .attr-characteristic a.badge-primary:focus{
  background-color: transparent;box-shadow:none; border:0px
}



.table-striped tbody tr:nth-of-type(2n) {
  background-color: #f0eae0;
}
.table-bordered-outline tr {
  border-width: 0 1px;
    border-bottom-width: 0px;
  border-style: solid;
  border-color: #f0eae0;
}

.card-header {
  background-color: #f0eae0;}
.card-gray {
  background: #f0eae0;
}

.opc-Container {margin-top:0!important}
.btn-instagram  {border:0;}
.fa-instagram {font-size: 3em;}
.btn-instagram:hover {background-color:transparent}

/*mobile*/
header .navbar-toggler {
  color: #fff;
}
@media (max-width: 991.98px) { 
.nav-mobile-body .navbar-nav .nav-item a {color:black}
header .navbar-collapse, header .navbar-collapse .navbar-toggler  {color: black;}

.dropdown-body .subcategory-wrapper .categories-recursive-link.d-block {display:flex!important}
}
/*mobil ende*/


/*slider*/
.slider-pause-controls {display:none}
/*Sterne*/
.fa-star::before {
  color: #f5bc00;
}

.sub-categories div:not(.subcategories-image ) {background: #f0eae0;color:#695b52 }
@media (min-width: 992px) { .sub-categories .caption {  padding-top: 10px;font-size: 1.1rem;}}
.sub-categories .caption a:hover{  color:black}


#sidepanel_left .box-filter-characteristics {background:#f0eae0;color:#695b52;}
#sidepanel_left .box-filter-characteristics button {padding: 15px 8px 8px 8px;}
#sidepanel_left .box-filter-characteristics .btn-link:hover,  #sidepanel_left .box-filter-characteristics .filter-item:hover {color:black}
#sidepanel_left .filter-search-wrapper .input-group-prepend  , 
.snippets-filter-mobile-item-collapse .filter-search-wrapper .input-group-prepend {padding: 0px 0px 3px 0px;}

#sidepanel_left .characteristic-collapse-btn-inner {font-size:1rem; font-weight:bold}


@media (min-width: 992px) {
#sidepanel_left{
position: -webkit-sticky;
    position: sticky;
    height: 100%;
    top: 120px;
    padding: 0px;
  }
  }

@media (min-width: 992px) {
  #content-wrapper:not(.has-fluid) {
    padding-top: 2rem;
  }
  .dropdown-menu {
  font-size: 1rem;}
}

/*WRB Button*/
.withdrawal-link-wrapper {display:none}



.account-icon-dropdown .dropdown-footer {
  background-color: #f0eae0;
}

.form-control:focus {
 border-color: #F0EAE0;
  box-shadow: none
}


.btn-link:hover {
  color: #f0eae0;
  text-decoration: none;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  box-shadow: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow:none;
}

.btn-primary {
  color: #fff;
  background-color: #695B52;
  border-color: #695B52;
  box-shadow: none;
  }
  .btn-primary:hover , .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus {
    background-color: #f0eae0;
    border-color: #695B52;
    color: #525252;
	box-shadow: none;
  }
.btn:focus-visible, .focus, :focus-visible {
  outline: 0px solid #ffda5f;
  }
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary[data-toggle="collapse"]:focus:not(.navbar-toggler) {
  box-shadow: none 
}

.btn-outline-primary {
  border-color: #695B52;
}
.btn-outline-primary:hover {
    background-color: #f0eae0;border-color: #695B52;
	}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary[data-toggle="collapse"]:not(.navbar-toggler) {
background-color: #f0eae0;border-color: #695B52;
  color: #525252;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0rem rgba(248, 191, 0, 0.5);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .show > .btn-outline-primary[data-toggle="collapse"]:focus:not(.navbar-toggler) {
  box-shadow: none;
}





.tab-navigation .nav-link::after {border-color: #695B52}

.slick-slide a:hover {color: #f0eae0}
a, .slick-slide a {text-decoration:none}





  header .navbar-nav > .nav-item > .nav-link::before { border-color: #f0eae0; }


/*.cart-dropdown .cart-dropdown-total-item {color:white}
 */ 
  #product-configurator .cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item {
  border-color: #1C871E;
}
 #product-configurator  .cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle {
  background-color: #1C871E;
  border-color: #1C871E;
}

.layout-gallery .productbox-inner .text-clamp-2 {  text-decoration: none; font-weight:bold;text-align:center}
.layout-gallery .productbox-inner .artnr-box {font-size: 0.8rem;text-align:center}
.layout-gallery .productbox-inner .productbox-price {font-weight:normal}
.layout-gallery .productbox-inner .price_wrapper {text-align:center;}



@media (min-width: 992px) {

  .search-wrapper.w-100-util {min-width: 20rem}
}
 .search-wrapper.w-100-util  .btn-secondary {
  color: #695b52;
  background-color: #f0eae0;
  border-color: #695b52;
  box-shadow: none;
}


 .cart-icon-dropdown-price {display:none!important}
 #footer li {width:100%; margin-bottom:0.5rem}
  #footer li span{font-weight: 400; font-family: 'avenir book', 'open sans';}
  
  .sub-categories {border: 2px solid #f0eae0;min-height: 100%; }

  @media (max-width: 767px) {
.sub-categories {
  background: #f0eae0;padding: 10px 0 0 5px;}
  .content-cats-small .col {padding-bottom: 15px;}
}
  
  .sub-categories .caption  a{font-weight:bold; text-decoration: none;}
  .subcategories-image img {width: /*100%*/auto;max-height: 273px;}
  .content-cats-small .sub-categories .subcategories-image {
  margin-bottom: 0;
}

.box-wishlist .form-row a {color:#000!important}

.account-icon-dropdown .dropdown-footer, .account-icon-dropdown .dropdown-footer a {
 color: #695b52!important
} 

/*
#footer a:not(.btn):hover {
  color: #695b52;
}*/

.estimated-delivery .a2 , .estimated-delivery .a2 a , .vat_info, .vat_info a{font-size: 0.75rem;}

@media (min-width: 992px) {
 /*.art5103 #product-offer .col.product-gallery:not(:has(.fullscreen)){*/
 .art8234 #product-offer .col.product-gallery:not(:has(.fullscreen)){
 position: -webkit-sticky;
  position: sticky;
  height:100%;
  top: 120px;
  padding: 0px;
}


 .variation-image-preview.d-none.fade.show {top:2%!important}
 #image_wrapper .variation-image-preview::after {
  content: none;}
  #image_wrapper .variation-image-preview::before {
  border-width: 0;}
}

.variations dt{font-weight: bold;}

.more-subcategories {display:none}

.vorteilestart p {font-size:1.2em; text-align:center; padding:10px}
.vorteilestart i {font-size: 2.6em;display: inline-block;color:#695b52;
    line-height: 0;margin-right:20px;
    position: relative;
    vertical-align: middle;}
	
	.swatches-image {border: 1px solid #cfcfcf}
	.swatches-image.active {border: 3px solid #1C871E;}

.cntl-content p {font-size:18px;}
.cntl-content h4{
    font-size: 26px!important}

.custom-control-input:checked ~ .custom-control-label::before
 {
    color: #ffffff;
    border-color: #525252;
    background-color: #695b52;
}

#cfg-container .cfg-group-info .badge {
 /* padding: 1.3em 2.5em;
  font-size: 100%;
  margin-top: 20px;
  
  margin-top: -35px;*/

  font-size: 14px; font-weight:normal
}
.cfg-group .cfg-group-info {margin-bottom: 0rem;position: absolute;
  margin: -35px auto 0 auto;
  width: 93%;
}
 
  
.cfg-position-details.cfg-layout-list .cfg-group-list-wrapper .cfg-group {
  border: 1px solid #695b52;
  }
  #cfg-container .hr-sect.h3 {background:#f0eae0;padding: 15px;margin: 0; font-weight: 700;}
 .btn.btn-secondary.start-configuration.js-start-configuration {background-color: #1C871E;}
 
 .cfg-item-description  img.mr-2 {height:94px;width:auto}
 
 .product-info-inner .price_wrapper {
  /*float: right;*/
}
/*test*/

     
        /* jssor slider arrow navigator skin 03 css */
        /*
        .jssora03l                  (normal)
        .jssora03r                  (normal)
        .jssora03l:hover            (normal mouseover)
        .jssora03r:hover            (normal mouseover)
        .jssora03l.jssora03ldn      (mousedown)
        .jssora03r.jssora03rdn      (mousedown)
        */
        .jssora03l, .jssora03r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url(https://www.stahl-sarg.de/templates/NOVAChild/themes/my-nova/images/a03.png) no-repeat;
            overflow: hidden;
        }
        .jssora03l { background-position: -3px -33px; }
        .jssora03r { background-position: -63px -33px; }
        .jssora03l:hover { background-position: -123px -33px; }
        .jssora03r:hover { background-position: -183px -33px; }
        .jssora03l.jssora03ldn { background-position: -243px -33px; }
        .jssora03r.jssora03rdn { background-position: -303px -33px; }
#jssor_1 img{height:1200px!important}
    
	
	.maintenance-main-wrapper .container-fluid.maintenance-main {background:#695b52;color:white}
	.maintenance-main-wrapper .maintenance-main-heading,.maintenance-main-wrapper .mt-2 {color:white}