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

 a {font-weight: bold; color:#5c3208; text-decoration: none;}
 a:hover {color:#5c3208; text-decoration: underline;}

 .fa-sup {color:#fff !important;}
 .nav-link:hover {color:#5c3208 !important;}

 /* topbar */
.topbar-check {width: 12px; height: 12px; margin: 0px 0px 2px 2px;}
.topbar-font {font-size: 12px;margin-top:2px;}

/* Header */
/* #shop-logo {height: 59px;width: 386px;border:black 2px solid;} */

/* Kategorie */
.fixe-hoehe-list-box {min-height: 135px;}
.btn-outline-primary {width: 300px;}
.productbox-price {font-size: 30px;color: #fc6a44;}
.btn-primary:hover {background-color: #5C3208;border-color: #5C3208;color: #fff;}
.kat-hersteller-oben {float: left; margin: 0px 10px;}
.text-muted-util {font-size: 14px;}


/* Artikeldetailseite */
.kb {display: flex;flex-wrap: wrap;}
.kb > * {flex-grow: 1;flex-shrink: 1;flex-basis: 120px;}
.kb_text {margin-bottom:5px;}
.variationen-radio {margin: 0.5rem 10% 0.5rem 5%; border-top: rgba(0, 0, 0, 0.1) 1px dashed;}
.product-detail .product-manufacturer img {width: 35px; height: 15px;}
.btn-ppe-article img {width: 170px; height: 32px;}
.btn-drei {color: #f5f7fa; background-color: #525252; border:2px solid #525252; width:100%; margin-top:10px;}
.btn-drei:hover {color:#525252; background-color: #f5f7fa;}
.btn-vier {width:100%; border:2px solid #525252; color:#525252; background-color:#f5f7fa; margin-top:10px;}
.btn-vier:hover {color: #f5f7fa; background-color: #525252;}


/* Navigation */
.dropdown-menu {text-align: center;}
a:hover.submenu-headline {color:#5C3208 !important; text-decoration: none;}

 /* Layout */
#footer #copyright {margin-bottom: 35px;}
#consent-settings-btn {margin-bottom: 45px;}
.smoothscroll-top {bottom:65px !important;}
.cmpboxrecall {bottom:60px !important;}

/* Sidebar */
.noUi-horizontal .noUi-handle {top: -0.3em; background: #5c3208; width: 1em; height: 1em; box-shadow: none;}

 /*
 * Checkout
 */
 .hinweis-zahlung {margin-top:30px; font-size: 18px;}


 /** CSS aus altem Theme **/

 .kat-img-l {max-width:500px; float:left; padding: 20px 20px 20px 0px;}
 .kat-img-r {max-width:500px; float:right; padding: 20px 0px 20px 20px}
 
 .typenliste ul {list-style: none; margin-left:-50px;}
 .typenliste li {margin:10px;padding:5px; border: #4a0700 1px solid; display: inline-grid; width:30%;}
 

 .selection-wizard-wrapper .selection-wizard {border: 1px solid #525252; padding:20px;margin-top:-60px;min-height: 430px;}
 .selection-wizard-wrapper .selection-wizard-desc {color: #5C3208;font-size: 22px;}
 .selection-wizard-question-heading {font-size: 17px !important;}

 /**** Anpassungen beim Auswahlassistenten 
 #selectionwizard {max-width:360px ;}
 #banner-ersatzteile {float:right; margin-right:-10px;margin-top:-20px;}
 #banner-ersatzteile img {width:100%;}
 .selection-wizard-desc {color: #8f4d09;}
 .h3-start {font-size:24px; color:#8f4d09 !important;}
 .slider {max-width: 685px; max-height:120px !important; border:0px; margin-top:15px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);}
 .slide-track2 {margin-top: 35px; animation: scroll 40s linear infinite; display: flex; width: calc(3500px);}
 .slider::before, .slider::after {height:100%;}
 .start-infocenter {max-height:115px; max-width:700px;} 
 ***/

 
 /**** Ausfahrbare Kontaktbox ****/
 #kontaktbutton {height: 85px;width:85px;float: left;}
 #kontaktbutton ul {width: 85px;list-style-type: none;position: fixed;top:250px;right:40px;z-index:9;}
 #kontaktbutton a {text-decoration: none;display: block;text-align: center;background: #fff;}
 #kontaktbutton a:hover {color: #000;background: #fff;}
 #kontaktbutton li {position: relative;}
 #kontaktbutton ul ul {position: absolute;top: 0;left: -350px;z-index:99;display: none;}
 #kontaktbutton ul li:hover ul {display: block;}
 
 .standorthinweis {position: fixed; top:340px; right:0; z-index: 1;}
 
 
 .youtube {float:right; margin: 10px 0px 10px 10px;}
 .responsive-video {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
 .responsive-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
 .youtube_rechts_500 {border:#000 1px solid; padding:10px; margin:10px; float:right; max-width: 500px;}

.hrkat {border:#5c3208 solid 1px;width: 80%; margin-top: 40px; margin-bottom: 40px;}

 /* Startseite */ 

 h1 {color:#5c3208;}
h2 {color:#5c3208;font-size:18px;margin-left:3px;}
h3 {color:#5c3208;font-size:16px;margin-left:3px}
a {color:#5c3208;}
#search {max-width: 35em;}
.row-ersatz {margin-left:20px;}
#slider-start {float: right;}
.slider .slide {width: 715px; height: 300px;}
.text-box {margin-top:50px;}
.p-start {font-size: 18px;}
.p-start-braun {font-size: 18px; color:#5c3208;}
.start-dreiheit {margin-bottom:30px; margin-top: 10px;}
.dreiheit-schrift {color:#5c3208; font-size: 22px; margin-top:-30px; text-align: center; background-color: #bdaba6; position: relative;}
.start-bild-dreiheit-1 {margin-top:20px; margin-right:40px; width: 330px; float:left;}
.start-bild-dreiheit-2 {margin-top:20px; margin-right:40px; width: 330px; float:left;}
.start-bild-dreiheit-3 {margin-top:20px; margin-right:0px;  width: 330px; float:left;}
.start-bild-dreiheit-1 img {width: 100%;}
.start-bild-dreiheit-2 img {width: 100%;}
.start-bild-dreiheit-3 img {width: 100%;}
.start-logos-hersteller {margin: 25px 5px;}
.img-rechts-start {float:right; margin:20px;}
.img-links-start {float:left; margin:20px;}
.infokasten-vierheit {background-color: #f3f3f3; padding: 10px; margin: 20px 10px 20px 10px; width: 250px; float: left;}
.infokasten-vierheit p {color: #5c3208; font-size: 16px; margin: 0px; width: 100%; text-align: center;}
.testimonial {margin-top: 50px;}
.test-container {float: left; width: 230px; margin-right: 30px;}
.test-bild {float:left; margin: 0px 10px 5px 0px;}
.test-name {font-weight: 600; color:#5c3208; margin-top:10px;}
.test-bewertung {font-size: 14px;}
.dreiheit {float: left; margin-right: 40px; max-width: 320px;}
.dreiheit-3 {float: left; margin-right: 40px; max-width: 320px;}
.ul-start {color:#5c3208; font-size: 17px;}
#slider {overflow: hidden;}
#slider figure {position: relative; width: 500%;margin: 0;left: 0;animation: 10s slider infinite;}
#slider figure img {width: 20%;	float: left;}
.display-2 {display: none;}
.display-3 {display: none;}
.display-5 {display: none;}
.tab {display: none;}

.footnote-reference {font-size:18px; vertical-align: top;}
.product-offer {padding:20px; border: #525252 solid 1px; background-color: #f5f7fa; box-shadow: 0px 10px 10px 0px #525252;}

/* Anpassungen fuer Amazon Pay */
.lpa-button.lpa-button-alignment-right {margin-top:-55px;}

@media (max-width: 1600px) {
    .btn-outline-primary {width: 250px;}  
}

@media (max-width: 1350px) {
    .btn-outline-primary {width: 200px;}
}

@media (max-width: 1000px) {
    #kontaktbutton {display: none;}
    .btn-outline-primary {width: 100%;}  
    }

@media (max-width: 600px) {
    .lpa-button.lpa-button-alignment-right {margin-top:0px;}
    .typenliste li {margin:10px;padding:5%; border: #4a0700 1px solid; display: inline-grid; width:98%;}
  }

.ErsatzteilKategorie img{
	display:none;
    border:none;
}

.ErsatzteilKategorie{
	font-size: 20px;
    background-color: #fff;
    border: 1px solid #D0D0CF;
    text-align: center;
    padding-bottom: 15px;
    margin: 5px;
} 

.ErsatzteilKategorie:hover {
    background-color: #D0D0CF;
    border: 1px solid #64220E;
}

.versandkostenhinweis {
    margin-bottom: 60px;
    font-size: 18px;
    margin-top: -30px !important;
    padding: 10px;
    border: #fc6a44 2px solid; 
}

.warenkorbslider .productwrapper {width:250px !important}


/* Silikonfett mit Brühgruppe in den Warenkorb legen */
.extern2basket {padding:20px; border: #525252 solid 1px; background-color: #f5f7fa; box-shadow: 0px 10px 10px 0px #525252;margin-top: 20px;}
.extern2basket img {margin-bottom: 20px;}