/* Martin Thomas Wehrle: hier das ganzes Zeug, das ich mal so zu sagen habe ...  


,---,---,---,---,---,---,---,---,---,---,---,---,---,-------,
|1/2| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 0 | + | ' | <-    |
|---'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-----|
| ->| | Q | W | E | R | T | Y | U | I | O | P | ] | ^ |     |
|-----',--',--',--',--',--',--',--',--',--',--',--',--'|    |
| Caps | A | S | D | F | G | H | J | K | L | \ | [ | * |    |
|----,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'-,-'---'----|
|    | < | Z | X | C | V | B | N | M | , | . | - |          |
|----'-,-',--'--,'---'---'---'---'---'---'-,-'---',--,------|
| ctrl |  | alt |                          |altgr |  | ctrl |
'------'  '-----'--------------------------'------'  '------'


   los gehts mit dem Geschrieb.... */





/* special-elite-regular - latin */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url('https://fischer123.zhzcloud.de/images/font/special-elite-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://fischer123.zhzcloud.de/images/font/special-elite-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fischer123.zhzcloud.de/images/font/special-elite-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fischer123.zhzcloud.de/images/font/special-elite-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://fischer123.zhzcloud.de/images/font/special-elite-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fischer123.zhzcloud.de/images/font/special-elite-v18-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-800.woff') format('woff'), /* Modern Browsers */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fischer123.zhzcloud.de/images/font/open-sans-v34-latin-ext-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* alter Background - wurde in Drop ausgelagert 

@media only screen and (min-width: 780px) {body{
    background-image: url(background.jpg);
    background-repeat: no-repeat; 
	background-position: center top;
 	background-size: 100%;
    background-attachment: fixed;
	background-color: #b5c488!important;
	
	 }}
*/

/* body {overflow-x: hidden; }  fehler im footer 2 px zu breit */
footer#footer {width: 99.9% !important; margin-top: 150px; }	


#footer {
  opacity: 0.8;
}

/* FEHLER BEI POPUP ACHTUNG 
#main-wrapper  {
	 opacity: 0.95; } */


#copyright {
	 opacity: 0.95; }
#copyright {background-color: #000 !important;}
   
.container {padding: 0px !important; margin-top: 40px !important; margin-bottom: 10px !important;}
#content-wrapper {padding: 20px !important; }

  
.sub-categories li {font-size: 0.8em !important; text-decoration: none !important;}  
.sub-categories a:link {text-decoration: none !important;}  
.sub-categories .caption {font-weight: bold !important;}  








/* MEMO .... ALTES CSS ...... AUSMISTEN   */



/*
Der Martin macht komisches Zeug......
 




#content-wrapper {
  opacity: 0.90;
}*/
#tab-benachrichtigung .tab-content-wrapper {background-color: #e3efd8 !important; }
#tab-benachrichtigung .panel-heading {background-color: #e3efd8 !important; }

/*
.container-block { 
	
background-image: url('https://gartendeko.fischer-lahr.de/images/YERD-BG-2017-b.png'); background-repeat: no-repeat; background-position: center top;
 background-size: 100%;
}
*/

 

td.attr-label {
	width: 30% !important;}
/*
li.col-md-3 {display:none;}
*/




li.tab-description-list.active { color: #267dbc !important;}

h1, .h2 {font-family:  'Open Sans',  Arial , Helvetica,  sans-serif !important; color: #666 !important; line-height: 90% !important; font-weight: 300 !important;}


h1 strong, .h2>strong {font-family:  'Open Sans',  Arial , Helvetica,  sans-serif !important; color: #666 !important; line-height: 90% !important; font-weight: 800;}
 
 
h2,
h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Open Sans', Arial, Helvetica,  sans-serif !important; color: #666 !important;
}   



img.mw_banner_zeugs {margin: 20px;}
.mw_banner_zeugs {background-color: #efefef;}

/*
.btn {background-color: #bed000 !important;}
*/

.desc  h2 {padding-bottom:  20px !important; padding-top:  50px !important; font-size: 2.7em !important; font-weight: bold !important;}
.desc h3 {margin-top: 53px !important; margin-bottom: 27px !important;}
.desc, .knmProductQA_questionRowWrap {color: #666 !important;}


#tab-productquestion {background-color: #eeeeee !important;}
#tab-productquestion h3 {font-weight: 800 !important;}
#tab-productquestion h3:before {content:url(img/frage-zum-produkt.png); padding-right:10px; float: left; }
/* #tab-productquestion h3:after {content:"... Sie haben noch Fragen zu diesem Artikel??"; } */


.tab-productquestion {background-color: #eeeeee !important;}
.tab-productquestion h3 {font-weight: 800 !important;}
.tab-productquestion h3:before {content:url(img/frage-zum-produkt.png); padding-right:10px; float: left; }


#tab-benachrichtigung {background-color: #e0e9ed !important;}
#tab-benachrichtigung  h3 {color:#666666; !important; font-weight: 800 !important;}
#tab-benachrichtigung h3:before {content:url(img/achtung-baby-gelb.png); padding-right:10px; float: left; }
#tab-benachrichtigung h3:after {content:"... Hinterlassen Sie Ihre E-Mail Adresse. Sie erhalten dann automatisch eine Nachricht wenn dieses Angebot wieder am Lager ist.  Oder fragen Sie den Artikel jetzt einfach bei uns an (siehe: 'Fragen zum Produkt' - wir antworten meist innerhalb weniger Stunden...)"; }
#slider-partslist  h5:before {content:url(img/achtung-baby-gruen.png); padding-right:10px; }


.status-1 {color: #ddb117 !important;}

.subsub li {margin-bottom: 13px !important; line-height: 100% !important;}


.yousave {color:#cc0000 !important;}
.value {font-weight: bold !important} 


/* TELEFONLINKS */

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
    text-decoration:    none;
    color: #000;
    cursor: text;

}

@media only screen and (max-device-width: 480px) {
  a[href^="tel"]:link,
  a[href^="tel"]:visited,
  a[href^="tel"]:hover {
      text-decoration:    underline !important;
      color: black;
      font-size: 1,4em !important;
   }
}

/* .form-control {background-color: #e6f5be !important; } */ 

.bme_input, .f_bme_showFilter_stock, .tt-input {background-color: #ebfddf !important;   }

.bme_input, .tt-input  {background-image: url("https://fischer123.zhzcloud.de/images/Ripple-12s-42px.svg") !important;  background-repeat: no-repeat !important;  padding-left: 30px !important; }



 .fa-trash, .btn-xs  {background-color: darkred !important; }


a.btn-default.btn-block {background-color: #ffeb9b !important; font-weight: bold; color: #666 !important; } 
button.btn.btn-default {background-color: #bed000 !important; font-weight: bold; border: solid #aaaaaa 1px; !important;}
button.btn.btn-default.compare {background-color: #32322a !important; font-weight: bold; }
a.btn-default.btn-sm.btn-block {background-color: #2f2f22 !important; font-weight: normal; }
a.btn-primary { font-weight: bold; }
button.btn-danger {color: #000 !important;}
 .btn-primary, .on-list {background-color: #bed000 !important; border-color: aliceblue !important; }


.value {font-weight: bold !important; font-size: 1.3em !important;}
.base_price {color: #A42103 !important;}

 .price.h1  {font-size: 3.5em !important; color:#666; font-family: 'Special Elite', cursive  !important; padding-top: 10px !important; padding-bottom: -5px !important; font-weight: bold !important;}

.zhz-result-price {font-family: 'Special Elite', cursive  !important; }
 

div.productbox-price  {font-size: 2.2em !important; color:#666; font-family: 'Special Elite', cursive  !important; padding-top: 10px !important; padding-bottom: -5px !important; font-weight: bold !important;}

@media only screen and (max-width: 500px) {div.productbox-price {font-size: 1.5em !important; font-weight: bold  !important; color: darkred !important;}}  
@media only screen and (max-width: 500px) {.price.h1 {font-size: 2.0em !important; font-weight: bold  !important; color: darkred !important;}} 

h4.title {font-size: 1.3em !important; line-height: 100%; margin-bottom: 23px !important; }

.panel-title {font-weight: bolder;}

h1, .h1 {line-height: 90%; font-size: 3.6em !important;}
h1.product-title  {line-height: 90%; font-size: 2.4em !important; font-weight: 800 !important;}
.shortdesc {font-size: 0.9em !important;}
.shortdesc, .checker {color: #666 !important;}
.estimated-delivery {color: #666 !important;}
.tab-content-wrapper {line-height: 160%;}


@media only screen and (max-width: 780px) {h1, .h1 {line-height: 100%; font-size: 1.9em !important; padding-top: 30px;}}
@media only screen and (max-width: 780px) {h1.product-title {line-height: 100%; font-size: 1.8em !important;}}
@media only screen and (max-width: 780px) {.desc h2, .h2 {line-height: 100%; font-size: 1.6em !important;}}
@media only screen and (max-width: 780px) {h4.title {line-height: 100%; font-size: 1.0em !important; font-weight: bold  !important;}}
@media only screen and (max-width: 500px) {img.ambient {margin-left: 100%  !important;}}


#NoLogo {display: none; }
#LogoSVG  {}
div#logo {text-align: right !important; max-width: 200px !important; } 
#logo a img {max-height: 111px !important; text-align: right !important;}







.faq-liste li {
	list-style: url(img/frage-zum-produkt.png) outside !important;}


a.faq-frage-title-link {font-size: 1.2em !important ; color: #666 !important; font-family: Arial, "Helvetica Neue", Helvetica, "sans-serif" !important; }

.faq-frage-heading {background-color: #eeeeee !important ; padding: 10px!important ; border-radius: 15px 15px 15px 0px !important ; width:75%; }

.faq-frage-heading h3:before {content:url(img/frage-zum-produkt.png); padding-right:10px; padding-bottom:10px; float: left; }

.faq-frage-panel  {border-left: none !important;border-right: none !important; border-top: none !important; border-bottom: none !important;}

 
.faq-antwort-text  {font-size: 0.8em !important; font-style:italic; }
	
#frage_stellung {font-weight: bold !important;}










.nav-list .badge  {background-color: #eaeaea !important; vertical-align: text-bottom !important;}
.nav-list .value {margin-right: 0em !important; padding-right: 0em !important;}

	
 
	
div.ec-article-widget-row, div.ec-article-widget-content { width: 100% !important; text-align: right !important; font-weight: bold !important; margin-right:  0px !important; padding-right: 0px !important;}
.manufacturer-row a { margin-right:  15px !important;}
.ec-article-widget-content a { margin-right:  0px !important;}	



/* KONFIGURATOR HACK  EVO  -templates-Evo-productdetails   config.tpl details.tpl */ 
.accordion {

    cursor: pointer;
    padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	background-color: #f4f4f4;
	
}

	 

.acti, .accordion:hover {
    background-color: #ccc;
}

.klappe {
    padding: 0 5px;
    background-color: #fafafa;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease-out;
}

span.label-surcharge  {color: #666666 !important;  }
.breadcrumb {font-size: 0.8em !important;}

.sitemap  strong {font-size: 1.8em !important;}

a.shipment {font-weight: bold !important; text-decoration: underline !important;}

.vat_info abbr {color: black !important; font-weight: bold !important;}


/* testen groesseres suchfeld  
#shop-nav {float: right; !important;}
#search {max-width: 100% !important;} */
.input-group, #search-header, #search-header-mobile-top {height: 43px !important;}
/*  header .navbar-nav.horizontal > li {float: right}
 testen groessres suchfeld  ENDE UND LOESCHEN KAES*/


.amazonpay-button-inner-image {margin-top: 10px; margin-bottom: 15px; }


/* THUMBS unter Produktbild schieben */

.image-gallery.has-thumbs ul.image-container {
    margin: 0 !important; 
}
.image-gallery.has-thumbs ul.image-thumbs {
    position: relative !important;
    top: auto; left: auto!important;
    margin: 0!important;
}
.image-gallery.has-thumbs ul.image-thumbs li {
    display: inline-block !important;
}


.bundle-item-information i, .zubehoer-item-information i {color: #8E9C00 !important; }

section.panel-bundle {margin-top: 30px !important;}


/*  YOUTUBE Videos und anderes geframe absetzen  
iframe {
-webkit-box-shadow: 0px -22px 78px -26px rgba(0,0,0,1) !important;
-moz-box-shadow: 0px -22px 78px -26px rgba(0,0,0,1) !important;
box-shadow: 0px -22px 78px -26px rgba(0,0,0,1) !important;
	
} */

iframe, img.ambient, .panel-bundle {-webkit-box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);
-moz-box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);
box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);}

section#slider-top-products.panel {
-webkit-box-shadow: 10px -48px 64px -27px rgba(0,0,0,0.18);
-moz-box-shadow: 10px -48px 64px -27px rgba(0,0,0,0.18);
box-shadow: 10px -48px 64px -27px rgba(0,0,0,0.18);
	
}




.zubehoer-list {background-image: url("https://fischer123.zhzcloud.de/images/MW-Ripple-0.9s-40px.gif") !important;  background-repeat: no-repeat;
padding-top: 10px !important; padding-left: 14px;   padding-bottom: 14px; }

.suggested-price {font-weight: bold !important; margin-left: 12px !important; color: #666 !important;}

.bulk-prices {background-color: #ffffe0;  }

/* MWehrle DARFS 100 GRAMM MEHR SEIN .... Spielerei  Notizzettel Staffelpreis  */
div.bulk-prices {margin-top: 11px !important;margin-bottom: 11px !important; padding: 7px !important;
-webkit-box-shadow: 28px -28px 34px -29px rgba(0,0,0,0.32); 
box-shadow: 28px -28px 34px -29px rgba(0,0,0,0.32);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
	

}
div.bulk-prices::before {content:"DIESER ARTIKEL WIRD GERNE MEHRFACH BESTELLT: Spezielle Rabatte und Lager-Staffelpreise..."; }
div.bulk-prices::after {content:"Staffelpreise inkl. MwSt."; color:#999; }

.table thead th {
	border-bottom: 2px solid #aaa !important; border-bottom-style: dotted !important;}
.table th, .table td {
	border-top: 1px solid #aaa !important;}
.bulk-price {font-weight: bold !important; font-size: 1.3em !important ; font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"}
 

div#Hotline {margin-top: 11px !important;margin-bottom: 11px !important; padding: 7px !important;
-webkit-box-shadow: 28px -28px 34px -29px rgba(0,0,0,0.32); 
box-shadow: 28px -28px 34px -29px rgba(0,0,0,0.32);
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-o-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
width: 230px;
height: 80px;
background-color: #ffffe0;
float: right;
margin-right: 10px;
z-index: 1000000000; 
 
}

@media only screen and  (max-width:600px){
	div#Hotline {display: none;}
}


#eu-cookie-infotext-container > .eu-cookie-text > h4 {color: white !important; }
#eu-cookie-modal .eu-cookie-text h4 {color: white !important; }
.eu-cookie-details-desc, .eu-cookie-details-name {color: #666 !important; }
.eu-cookie-checkboxLabel {color: #222 !important; }
#eu-cookie-details-table_table .eu-cookie-details-name, 
#eu-cookie-details-table_table .eu-cookie-details-desc.eu-cookie-text {color: #666 !important; }
#eu-cookie-buttons #eu-cookie-alle-auswaehlen-b {font-weight: bold !important; font-size: 1.2em !important;} 


/*  MENUEBILDER GRAU */
.megamenu .mega-categories .category-wrapper img:hover  {-webkit-filter: grayscale(0); filter: grayscale(0);} 
.megamenu .mega-categories .category-wrapper img {-webkit-filter: grayscale(1); filter: grayscale(1);}

/*  MENUEBILDER Kat GRAU */
.content-cats-small img {-webkit-filter: grayscale(1); filter: grayscale(1);}  
.content-cats-small img:hover {-webkit-filter: grayscale(0); filter: grayscale(0);}

.fa-plus {color: #bed000 !important;}


.active  { font-size: 1.1em !important;}

.MWpostit {    



background-color: #ffffe0; 
background: linear-gradient(234deg, rgba(255,255,224,1) 26%, rgba(242,242,217,1) 35%, rgba(255,255,224,1) 51%);
-webkit-box-shadow: 28px -28px 34px -29px rgba(0,0,0,0.62); 
box-shadow: 28px -28px 34px -29px rgba(0,0,0,0.62);
-moz-transform: rotate(7deg);
-ms-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
transform: rotate(7deg); 	
color: #666 !important;"
	
	
	
	} 

.gallerile {margin-top: 3px;}

.old_price {font-size: 1.7em !important;color: #666 !important; margin-bottom: 20px;}


@media only screen and (max-width: 780px) {div#StartfrontMW {display: none !important;}}
 
@media only screen and (max-width: 780px) {div.kk-hotspot-banner {display: none;}}  
   
/* @media only screen and (max-width: 780px) {div#simpleGal {display: none;}} */

@media only screen and (max-width: 780px) {div.reel {display: none !important;}}

@media only screen and (max-width: 780px) {div.kk-powerslide {display: none;}}  

.kk-powerslide .slide .content{text-align:left;padding:2em;background:rgba(190,208,0,.8) !important ;border-radius:0;color:#fff;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:normal;backdrop-filter: blur(4px);}
.kk-powerslide .content.bottom-right{right:0px !important;bottom:161px !important;}
.kk-powerslide .content.top-left{left:0px !important;top:0px !important; width: 47% !important;   padding: 3rem; background: rgba(0, 0, 0, 0.6) !important;}
p.Powerslide_Head {font-weight: bold !important; text-transform: uppercase !important; text-decoration: underline;}
span.Powerslide_Copy {color: #fff !important; font-weight: bold !important; font-size: 1.2em }



/* SIEHE die zusätzliche Klasse  kk-powerslide-fade in den Drop-Einstellungen -> weiteres  */
	.kk-powerslide-fade .slide-image::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%);
	  pointer-events: none; /* Sorgt dafür, dass Klicks durch das Element hindurchgehen */
	}


/* shopauskunft */
 #agree-button  {background-color: #bed000  !important; font-size: 1.3em !important; line-height: 2.1em !important; padding: 10px;	}
 #disagree-button  {background-color: #e28d8d  !important; font-size: 1.3em !important; line-height: 2.1em !important; padding: 10px; }
 h4.sa-head  {font-size: 1.7em  !important;}

a.link_underline__3Eo, a.link__3lw  {text-decoration: none !important; color: #eee !important;} 


.ws_oss_wrapper, .ws_oss_row {background-color: #bed000 !important;}

.ws_oss_wrapper {
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(196,196,196,0.21); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(196,196,196,0.21);
}

 .ws5_oss_row.container {background-color: #c7d15f !important; padding: 10px !important; }
.ws5_oss_row  {margin-bottom: 0px !important; padding-bottom: 0px !important;}


 
@media only screen and (max-width: 990px) {
	div#filterzeugs {display: none;}
	
}








/*
float bei Artikelbildern am Handy aufheben
*/
img.noFloat { float: right} 
@media only screen and (max-width: 500px) {
	img.noFloat  {float: both; text-align: center !important!; max-width: 100%;  }
}

.ws_oss_article_span {font-size: 0.8em !important;}

/* komisches 1800px Header Icon ausblenden*/
.productlist-header-description-image {display: none !important;}

/* doofinder */
.df-branding {display: none !important;}
.df-fullscreen .df-term.df-term-selected  {  
    background-color: #bed000 !important;
    border-color: #bed000 !important;}
.df-fullscreen .df-carousel-arrow svg {fill: #bed000 !important;}
.df-suggestion strong {background-color: #bed000 !important;}
.df-suggestion { font-size: 2.0em !important;}
 
.dfd-branding {display: none !important;}
.dfd-fullscreen .df-term.df-term-selected  {  
    background-color: #bed000 !important;
    border-color: #bed000 !important;}
.dfd-fullscreen .df-carousel-arrow svg {fill: #bed000 !important;}
/* .dfd-suggestion, .dfd-btn-pill-secondary  {background-color: #bed000 !important;} */
.dfd-suggestion { font-size: 2.0em !important;}
.dfd-fullscreen .df-term.df-term-selected  {  
    background-color: #bed000 !important;
    border-color: #bed000 !important;}
.dfd-fullscreen .df-carousel-arrow svg {fill: #bed000 !important;}
.dfd-searchbox-autocomplete {color: #cccccc !important;}

/*
.dfd-card-flag {display: none !important;}
*/

.dfd-is-selected {background-color: #bed000 !important;}

.productlist-item-detail {font-size: 0.8em !important;}

@media only screen and (max-width: 500px) {div.productbox-title {font-size: 0.9em !important; font-weight: bold  !important;}}
.productbox-title   {font-weight: bold !important; font-size: 1.0em !important; text-decoration: none !important; }
.delivery-status {font-size: 0.8em !important;}

 

/* Grundelemente */
#footer {background-color: #222 !important; padding: 15px !important; color: #efefef !important; font-size: 0.8em !important; }
#footer a:link {color: #efefef !important;}  
#footer a:visited  {color: #efefef !important;}  
#footer a:hover, a:hover  {color: #bed000 !important;text-decoration: underline !important;} 
#footer .productlist-filter-headline {color: #efefef !important;}
ul.info-essential  {font-size: 0.8em !important; }

.topbar-main {font-size: 0.8em !important;}
.price-note {font-size: 0.8em !important;}
.badge-primary {background-color: #bed000 !important;}
.container a:link, a:link {text-decoration: none !important;}
.container a:visited, a:visted {text-decoration: none !important; opacity: 0.90 !important;  }
#tab-description, #tab-questionOnItem {background-color: #fff !important}
hr  {border-color: #ccc !important;}
div.col, div.row {border-bottom-color: #ccc !important; border-top-color: #ccc !important;}
.breadcrumb-wrapper {border-color: #ccc !important;}




div#slider-top-products {-webkit-box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);
-moz-box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);
box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);
padding-top: 30px;  }

.nav-link.active {padding-left: 15px !important; padding-right: 15px !important; -webkit-box-shadow: 0px -7px 12px 7px rgba(0,0,0,0.09); 
box-shadow: 0px -7px 12px 7px rgba(0,0,0,0.09); background-color: #f9f9f9 !important; color: #666666 !important;}
 
.item-slider-price .price {font-size: 1.2em !important;}
.first-range-price {display:none;}
.availablefrom {font-size: 1.2em !important;}

#tab-availabilityNotification {padding: 20px !important;}

.blog-details-image {display: none !important;}
.author-meta {margin-bottom: 30px !important;}

.text-danger.text-stroke {font-size: 1.5em !important;}

 
.productbox-ribbon.ribbon {top: 9.5rem !important; opacity: 0.85;}
@media only screen and (max-width: 500px) {.productbox-ribbon.ribbon {top: 1.0rem !important;}} 


.product-manufacturer {margin-bottom: 30px !important;}


/* neues faq plugin mods */

.knmProductQA_question_text  {font-weight: bold !important; font-size: 1.4em !important; }
.knmProductQA_questionRowWrap {margin-top: 90px;}
.knmProductQA_question-reply {font-size: 0.7em !important; line-height: 5.0em !important;}
.knmProductQA_stringQuestionDate, .knmProductQA_commentDate {font-size: 0.7em !important;}
#tab-knmProductQA_plugin {background-color: #fff !important;}
#knmProductQA_Modal-question a:link {text-decoration: underline !important;}


/* @media only screen and (max-width: 600px) {.knmProductQA_rateBubbles {display: none !important;}} */

@media only screen and (max-width: 600px) {.knmProductQA_question_text {font-size: 1.0em !important;;}} 
@media only screen and (max-width: 600px) {.knmProductQA_rateString {font-size: 0.7em !important;;}}
@media only screen and (max-width: 600px) {.knmProductQA_qa-table {display: inline !important; }} 
@media only screen and (max-width: 600px) {.knmProductQA_qa-feedback {width: 100% !important; }} 
@media only screen and (max-width: 600px) {#knmProductQA_intro {margin-top: 100px !important; font-size: 2.0em !important; font-weight: bolder !important;}} 



button.question {background-color: #c2ae69 !important; color: #ffffff !important; padding: 10px !important; font-weight: bold !important; float: right !important; }


div.newsbox-image {display: none !important; }

.characteristic-collapse-btn-inner {font-weight: bolder !important; }
.filter-item-value { font-size: 0.8em !important; }



img:hover.MWGaleryicon, img:hover.MWErsatzteile {opacity: 0.4 !important;}

/* wenn klasse sticky-top in  ID image_wrapper im image.tpl ... mitlaufende Bilder */
#image_wrapper {
    z-index:100000 ;
    top:50 !important;
}
#jtl-nav-wrapper {z-index:1000000  ;} 


.special-price {color: darkred !important;}

 
@media only screen and  (max-width:770px){
	span#melitta {display: none;}
}


span.value.text-nowrap-util {color: #cc0000 !important;}


/* Firefox alt*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 
/* Opera und css3 final  */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
} 
.blinker, .btn-basket-check  {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera und css3 final  */
	font-weight: bold;
}




/* Firefox alt*/
@-moz-keyframes searchi {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes searchi {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes searchi {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
    }
} 
/* Opera und css3 final  */
@keyframes searchi {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:1;
    }
}
.main-search-wrapper, .main-search {
    -moz-animation: searchi normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: searchi normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: searchi normal 2s infinite ease-in-out; /* IE */
    animation: searchi normal 2s infinite ease-in-out; /* Opera und css3 final  */
 
}



.Ersatzteile {width:140px; height:134px;}
  

#kk-dfe, #sa-widget, .modal, .popover {z-index: 10000000000 !important;}
div.fullscreen  {z-index: 1000000000000 !important;}

.card {margin-top: 20px !important; 
-webkit-box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);
-moz-box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);
box-shadow: 0px -29px 36px -19px rgba(0,0,0,0.64);
}
.mediafiles-description {font-size: 0.7em !important;}
.card-title {font-size: 1.3em !important;}



.zubehoer-preis {font-size: 1.3em !important;}

button.btn.js-cfg-validate.btn-primary.btn-block  {-webkit-box-shadow: -10px 0px 13px -7px #666666, 10px 0px 13px -7px #666666, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: -10px 0px 13px -7px #666666, 10px 0px 13px -7px #666666, 5px 5px 15px 5px rgba(0,0,0,0);}

div.variations {background-color: beige !important; padding: 20px;    
	border-top-left-radius: 0px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;}





#add-to-cart .btn .btn-basket-check span { 
   display: inline-block !important;  
  }

.filledButton__08o {background-color: #bed000 !important;}

 /* handy background ohne totenanzeigenrand :)  */
div.accordion {background-color: #fff !important;}


button.knmProductQA_qa-question-button {margin-left: 30px !important; }


.productlist-page-nav {font-size: 1.8em !important; font-weight: 800; color: #aaa;}


/* interaktionsfähigkeit der tab-links farblich besser visualisieren */ 
a#tab-link-knmProductQA_plugin, a#tab-link-Downloads-PDF, a#tab-link-availabilityNotification {color: #bed000 !important;}


.gpsr-compliance {font-size: 0.8em; color: #999 !important; margin-top: 40px; }

.filzmarker, mark {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(255, 225, 0, 0.1),
    rgba(255, 225, 0, 0.7) 4%,
    rgba(255, 225, 0, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}


#wsSelektor {z-index: 1000000000 !important;}
#ws_booster_slider_1 {margin-bottom: 80px;}


button.btn, a#cart-checkout-btn, a.btn.btn-primary.btn-sm.btn-block, a.inkorb  { border-radius: 20px !important; padding: 10px; color: #333 !important; font-weight: bolder !important;}
span.fas.fa-search {color: #ffffff;}
button.btn-secondary {background-color: #bed000 !important;}

/* Info für LLMs   */
.besserwisser {display: none !important;}

/* BetterAssist schmutzig anpassen - postion static deaktiviert den maximalen z-index */

div#chat-app, div.betterassistme-chat-widget {z-index: 100000000000 !important; position: relative;}
div.chat_chat-header {background-color: #bed000 !important;}






div.MP3 {
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	transform: rotate(5deg);
	font-size: 0.8em;
	font-weight: bold;
		
     }

.s360-gini-shop5-box-qr-code {z-index: 100000000000 !important;}


/* barrierfrei käs #b79f01 */  

.status-1 {color: #917102 !important; font-weight: bold !important; text-transform: uppercase;}

.btn-skip-to {z-index: 100000000000 !important;}

#consent-settings {z-index: 9999999999 !important;}



/* FAQ Drops  */  

  .fl-faq-drop {
    margin: 1.2rem 0;
  }

  .fl-faq-drop details {
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem 1rem;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
  }

  .fl-faq-drop details:hover {
    border-color: #bbb;
    box-shadow: 0 1px 6px rgba(0,0,0,0.05);
  }

  .fl-faq-drop summary {
    cursor: pointer;
    font-weight: 600;
    list-style: none;
    position: relative;
    padding-right: 1.5rem;
  }

  .fl-faq-drop summary::-webkit-details-marker {
    display: none;
  }

  /* Pfeil rechts */
  .fl-faq-drop summary::after {
    content: "▸";
    position: absolute;
    right: 0.25rem;
    top: 0;
    font-size: 1.2em;
    color: #777;
    transform-origin: center;
    transition: transform 0.2s ease, color 0.2s ease;
  }

  .fl-faq-drop details[open] summary::after {
    transform: rotate(90deg);
    color: #333;
  }

  .fl-faq-content {
    margin-top: 0.75rem;
  }

/* Desktop ≥ 992px */
@media (min-width: 992px) {
  main section.fl-faq-drop {
    padding: 5px !important;
  }
}

/* Mobile < 992px */
@media (max-width: 991.98px) {
  main section.fl-faq-drop {
    padding: 5px !important;
  }
}


.fl-faq-drop--important details {
  border-color: #bed000;
  box-shadow: 0 0 0 1px rgba(243,156,18,0.25);
}

.fl-faq-drop--important details[open] summary {
  color: #bed000;
}

/* negative Höhe des Headers für Sprunklink */
a.anchor {
display: block;
position: relative;
top: -450px;  
visibility: hidden;
}
 

/* DIV BOX RECHTS ...wer's brauchen kann im Text */
.info-box-rechtsennenum {margin: 11px; padding: 17px; border-radius: 25px; width: 499px; font-style: italic; float: right; max-width: 100%; box-shadow: 0px 10px 13px -7px #666, 5px 3px 22px 5px rgba(0,0,0,0); background-color: rgb(239, 239, 239); -webkit-box-shadow: 0px 10px 13px -7px #666, 5px 3px 22px 5px rgba(0, 0, 0, 0);}


a.kk-compare-btn.btn.btn-primary {border-radius: 19px;}
span.badge.badge-primary {border-radius: 11px;}
a.badge.badge-primary {border-radius: 11px;}



.zhz-badge-top, .zhz-badge-new, .zhz-badge-exact {
    background: linear-gradient(180deg, #bed000 0%, #bed000 100%) !important;
    
}




                /*     ---------------------------------------------    isch habe fertig!!!    ----------------------------------------                        */













/* 
*
*   Im Style von Martin macht dann 10hoch2 weiter
*
*
 */
.productbox-title>a {
	display: block;
}
/* Änderung der Potionen des Warenkorbs button, klasse wird mit JS gesetzt. */

#add-to-cart.SuperPosition  button[name="inWarenkorb"]{
    position: fixed;
    padding: 10px;
    margin: 0;
    right: 0px;
    width: 100%;
    z-index: 100001;
	
font-size: 1.3em;	
-webkit-box-shadow: 0px 10px 13px 7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px 7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}



@media screen and (min-width: 992px) {
    #add-to-cart:not(._block).SuperPosition button[name="inWarenkorb"] {
        bottom: 0px; 
    }
}
@media screen and (max-width: 400px) {
    #add-to-cart:not(._block).SuperPosition button[name="inWarenkorb"] {
        bottom: 34px;
    }
}
@media screen and (min-width: 401px) and (max-width: 991px) {
    #add-to-cart:not(._block).SuperPosition button[name="inWarenkorb"] {
        bottom: 0px; 
    }
}




/* Button oben
@media screen and (min-width: 992px) {
    #add-to-cart.SuperPosition  button[name="inWarenkorb"]{
        top: 67px;
    }
}
@media screen and (max-width: 400px) {
    #add-to-cart.SuperPosition  button[name="inWarenkorb"]{
        bottom: 34px;
    }
}
@media screen and (min-width: 401px) and (max-width: 991px) {
    #add-to-cart.SuperPosition  button[name="inWarenkorb"]{
        top: 59px;
    }
}
*/