/*-----------------HEADER------------------*/

header {
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.45);
  border-top: 1px solid rgba(185, 185, 185, 0.8);
  border-bottom: 1px solid rgba(150, 150, 150, 0.65);
  background: -webkit-linear-gradient(top, #F6F3E5, rgba(255, 255, 255, 0.75));
  background: -moz-linear-gradient(top, #F6F3E5, rgba(255, 255, 255, 0.75));
  background: -ms-linear-gradient(top, #F6F3E5, rgba(255, 255, 255, 0.75));
  background: -o-linear-gradient(top, #F6F3E5, rgba(255, 255, 255, 0.75));
  background: linear-gradient(top, #F6F3E5, rgba(255, 255, 255, 0.75));
}

.colored-header-desktop {
  background-color: #eee;
  border: 1px solid #DDD;
  box-shadow: 1px 2px 4px rgba(0,0,0, .2);
  background: -webkit-linear-gradient(top, #eee, #fff);
  background: -moz-linear-gradient(top, #eee, #fff);
  background: -ms-linear-gradient(top, #eee, #fff);
  background: -o-linear-gradient(top, #eee, #fff);
}


.custom-socialmedia-header {
  min-width: 250px;
}

.custom-sold-out {
    color: #cc0000;
    font-weight: bold;
}

.custom-presale-stock {
    font-weight: bold;
    color: #cc0000;
}

.newsletter-text {
  font-size: 15px;
  list-style-image: url(https://www.emk.com/content/files/images/newsletter/Haken-Rot.png);
}

.rslides {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
}

.rslides img {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rslides2 {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
}

.rslides3 {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
}

.rslides4 {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
}

.rslides10 {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  -moz-border-top-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -moz-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 0px 0px 0px;
  -webkit-box-shadow: 0px 0px 0px 0px;
  -moz-box-shadow: 0px 0px 0px 0px;
}


.hr-ltr {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  margin: 2px 0 2px 0;
}



/*-----------------FILTER-TABLE------------------*/



.facet .hdr.expanded {
  background-color: rgba(239, 239, 239, 0.39);
  background-position-x: 95%;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
  padding-left: 5%;
  margin-bottom: 3%;
}
  

.facet .hdr.collapsed {
  background-color: rgba(239, 239, 239, 0.39);
  background-position-x: 95%;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
  padding-left: 5%;
  margin-bottom: 3%;
}

/*-----------------GRID-MODE-GRADIENT-HOOVER------------------*/


.grid-mode .product-tile {
  -webkit-transition: box-shadow 2s;
  -moz-transition: box-shadow 2s;
  -ms-transition: box-shadow 2s;
  -o-transition: box-shadow 2s;
  transition: box-shadow 2s;
}

.grid-mode .product-tile:hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; 
  -ms-border-radius: 4px; 
  -o-border-radius: 4px; 
  border-radius: 4px;
  overflow: visible;
  box-shadow: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), #fff);
  box-shadow: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), #fff);
  box-shadow: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), #fff);
  box-shadow: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), #fff);
  box-shadow: 0px 2px 15px rgba(50, 50, 50, 0.7);
}


/*-----------------HR-TAG------------------*/

.multi-desc-seperator {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  margin: 0 0 3px 0;
}

.list-mode .multi-desc-seperator {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  margin: 2px 0 2px 0;
}



/*-----EMK-Table RT------*/

.emk-table table,
  table.emk-table {
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #4682B4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.emk-table table td, table.emk-table td {
  border: solid 1px #cccccc;
  padding: 3px;
}


/*-----------------FROALA-SHIT------------------*/

.froala-element table,
  table.fr-tag {
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.froala-element table td, table.fr-tag td {
  border: solid 0px #cccccc;
  padding: 0px;
}
.froala-element table th, table.fr-tag th {
  background: #e6e6e6;
  border: solid 0px #cccccc;
  padding: 0px;
}

.froala-element img.fr-fil, img.fr-tag.fr-fil {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 0px 4px 0px 0px;
  float: left;
}
.froala-element img.fr-fil.fr-tni, img.fr-tag.fr-fil.fr-tni {
  float: none;
  margin-left: 0;
}
.froala-element img.fr-fir,
img.fr-tag.fr-fir {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 0px 0px 0px 4px;
  float: right
}
.froala-element img.fr-fir.fr-tni,
img.fr-tag.fr-fir.fr-tni {
  float: none;
  margin-right: 0
}
.froala-element img.fr-fin,
img.fr-tag.fr-fin {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 0;
  float: none;
}



@media screen and (max-width: 950px) {
.sitemap {
    display: inline-block !important; 
        }
.sitemap-nav {
  margin-bottom: 60px;
}        
.custom-parent {
  margin-top: 0px;
  margin-bottom: 10px;

}
.columns-general.top {
      display: inline-block !important;
        }
}

/*-----------------GRADIENT------------------*/

.box-gradient {
  background-color: #eee;
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; 
  -ms-border-radius: 4px; 
  -o-border-radius: 4px; 
  border-radius: 4px;
  box-shadow: 1px 2px 4px rgba(0,0,0, .2); 
  background: -webkit-linear-gradient(top, #eee, #fff);
  background: -moz-linear-gradient(top, #eee, #fff); 
  background: -ms-linear-gradient(top, #eee, #fff); 
  background: -o-linear-gradient(top, #eee, #fff); 
}

.column .fr-tag .box-gradient {
  background-color: #eee;
  border: 1px solid #DDD;
  box-shadow: 1px 2px 4px rgba(0,0,0, .2);
  background: -webkit-linear-gradient(top, #eee, #fff);
  background: -moz-linear-gradient(top, #eee, #fff); 
  background: -ms-linear-gradient(top, #eee, #fff); 
  background: -o-linear-gradient(top, #eee, #fff);
  -webkit-transition: box-shadow 1s;
  -moz-transition: box-shadow 1s;
  -ms-transition: box-shadow 1s;
  -o-transition: box-shadow 1s;
  transition: box-shadow 1s;
}

.column .fr-tag .box-gradient:hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; 
  -ms-border-radius: 4px; 
  -o-border-radius: 4px; 
  border-radius: 4px;
  overflow: visible;
  box-shadow: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), #fff);
  box-shadow: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), #fff);
  box-shadow: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), #fff);
  box-shadow: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), #fff);
  box-shadow: 0px 2px 15px rgba(50, 50, 50, 0.7);
}




/*-----------------CAT-HOOVER-----------------*/


#cat-europe, #cat-europa, #cat-america, #cat-amerika, #cat-australia, #cat-australien, #cat-asia, #cat-asien, #cat-africa, #cat-afrika {
  position: relative;
  height: 150px;
  width: 150px;
  margin: 0 auto;
}

#cat-europe img, #cat-europa img, #cat-america img, #cat-amerika img, #cat-australia img, #cat-australien img, #cat-asia img, #cat-asien img, #cat-africa img, #cat-afrika img {
  position:absolute;
  left: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#cat-europe img.top:hover, #cat-europa img.top:hover, #cat-america img.top:hover, #cat-amerika img.top:hover, #cat-australia img.top:hover, #cat-australien img.top:hover, #cat-asia img.top:hover, #cat-asien img.top:hover, #cat-africa img.top:hover, #cat-afrika img.top:hover {
  opacity:0;
}



/*-----------------BUTTON------------------*/

.btn-serie {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 6px;
  border: 1px solid #007cad;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font: normal medium/normal Tahoma, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -webkit-text-overflow: clip;
  -moz-text-overflow: clip;
  -ms-text-overflow: clip;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #2289E3;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -ms-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -o-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(90,90,90,1) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.btn-serie:hover {
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  -ms-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  -o-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.btn-serie:active {
  border: 1px solid #018dc4;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  -ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(90,90,90,1) ;
  -webkit-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
}


/*-----------------FLIP-DA-SCRIPT----------------*/
.panel {
    width: 200px !important;
    height: 200px !important;
    margin: auto !important;
    position: relative !important;
}

.card {
    width: 100% !important;
    height: 100% !important;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -ms-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
}

.front {
    z-index: 2 !important;
}

.back {
    z-index: 1 !important;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg); 
    -ms-transform: rotateY(-180deg); 
    transform: rotateY(-180deg);  
}

.panel:hover .front {
    z-index: 1 !important;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.panel:hover .back {
    z-index: 2 !important;   
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}


/*-----------------BANNER------------------*/
.custom-banner {
    margin-top: 2px;
    margin-bottom: 4px;
    height: 20px;
    display: inline-block;
    color: #FFF;
    font-family: 'Pathway Gothic One';
    font-size: 1.2em;
    font-weight: normal;
}

.list-mode .custom-banner {
    width: 97%;
    vertical-align: middle;
    text-align: center;
    font-size: 0.7em;
    font-weight: normal;
}

.combined-header h1{
  font-size: 2.5em;
}

.list-mode .banner-overridesaleslinediscount5_vorverkauf {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: black;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -moz-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -ms-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -o-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount10 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount10 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: linear-gradient(0deg, #000000 25%, #000000 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-overridesaleslinediscount10_vorverkauf {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: black;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -moz-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -ms-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -o-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount13 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount13 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: black;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -moz-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -ms-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -o-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount16 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount16 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: black;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -moz-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -ms-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -o-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount20 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount20 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: linear-gradient(0deg, #000000 25%, #000000 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount23 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount23 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: black;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -moz-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -ms-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: -o-linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  background: linear-gradient(0deg, #FFFF00 25%, #FFFF00 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount25 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount25 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: linear-gradient(0deg, #000000 25%, #000000 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount5 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount5 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: linear-gradient(0deg, #000000 25%, #000000 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount15 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount15 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: linear-gradient(0deg, #000000 25%, #000000 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount30 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount30 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: linear-gradient(0deg, #000000 25%, #000000 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount40 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount40 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: linear-gradient(0deg, #000000 25%, #000000 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-overridesaleslinediscount50 {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-overridesaleslinediscount50 {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%);
  background: linear-gradient(0deg, #000000 25%, #000000 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-best-price-deal {
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.banner-best-price-deal {
  font-family: Arial;
  font-size: 15px;
  width: 68%;
  color: yellow;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.99);
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #DC0624 25%, #DC0624 75%);
  background: -moz-linear-gradient(0deg, #DC0624 25%, #DC0624 75%);
  background: -ms-linear-gradient(0deg, #DC0624 25%, #DC0624 75%);
  background: -o-linear-gradient(0deg, #DC0624 25%, #DC0624 75%);
  background: linear-gradient(0deg, #DC0624 25%, #DC0624 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-overridesaleslinediscount5_vorverkauf {
  font-family: Pathway Gothic One;
  font-size: 15px;
  width: 55%;
  color: #FFFF00;
  height: 19px;
  border: 0px solid #FFFF00;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0,99);
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: linear-gradient(0deg, #000000 25%, #000000 75%); */
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-new-on-stock{
  width: 65%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -moz-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -ms-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -o-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-sonderposten {
  width: 58%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -moz-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -ms-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -o-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  font-size: 1.3em;
  height: 22px;
}

.banner-limitierte-auflage {
  width: 50%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -moz-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -ms-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -o-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  font-size: 1.3em;
  height: 22px;
}

.banner-unsere-empfehlung {
  width: 65%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -moz-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -ms-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -o-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}


.banner-ab-lager {
  width: 45%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -moz-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -ms-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -o-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-neu-ab-lager {
  width: 45%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -moz-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -ms-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -o-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-new {
  width: 40%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #179681 25%, rgba(23, 150, 129, 0.75) 75%);
  background: -moz-linear-gradient(0deg, #179681 25%, rgba(23, 150, 129, 0.75) 75%);
  background: -ms-linear-gradient(0deg, #179681 25%, rgba(23, 150, 129, 0.75) 75%);
  background: -o-linear-gradient(0deg, #179681 25%, rgba(23, 150, 129, 0.75) 75%);
  background: linear-gradient(0deg, #179681 25%, rgba(23, 150, 129, 0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-werbung {
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  background: -webkit-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -moz-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -ms-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -o-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(#FEED00);
  -moz-box-shadow: 1px 1px 2px rgba(#FEED00);
  -ms-box-shadow: 1px 1px 2px rgba(#FEED00);
  -o-box-shadow: 1px 1px 2px rgba(#FEED00);
  box-shadow: 1px 1px 2px rgba(#FEED00);
}

.banner-overridewbvorverkauf {
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  background: -webkit-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -moz-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -ms-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -o-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(#FEED00);
  -moz-box-shadow: 1px 1px 2px rgba(#FEED00);
  -ms-box-shadow: 1px 1px 2px rgba(#FEED00);
  -o-box-shadow: 1px 1px 2px rgba(#FEED00);
  box-shadow: 1px 1px 2px rgba(#FEED00);
}

.banner-soldout {
  width: 40%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -moz-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -ms-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -o-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-inventur-posten {
  width: 48%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -moz-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -ms-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -o-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-xmas-special {
  width: 48%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -moz-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -ms-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -o-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}


.banner-top-preis {
  width: 50%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -moz-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -ms-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: -o-linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  background: linear-gradient(0deg, rgba(255, 77, 0, 0.87) 25%, #E24805 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  font-size: 1.3em;
  height: 22px;
}

.banner-geschenk-idee {
    width: 50%;
    border: 1px solid rgba(0, 0, 0, 0.50);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    -ms-border-radius: 4px; 
    -o-border-radius: 4px; 
    border-radius: 4px;
    background: -webkit-linear-gradient(0deg, #ECCA11 25%, rgba(236,202,17,0.65) 75%);
    background: -moz-linear-gradient(0deg, #ECCA11 25%, rgba(236,202,17,0.65) 75%);
    background: -ms-linear-gradient(0deg, #ECCA11 25%, rgba(236,202,17,0.65) 75%);
    background: -o-linear-gradient(0deg, #ECCA11 25%, rgba(236,202,17,0.65) 75%);
    background: linear-gradient(0deg, #ECCA11 25%, rgba(236,202,17,0.65) 75%);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
    -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
    -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-vorverkauf {
    width: 35%;
    border: 1px solid rgba(0, 0, 0, 0.50);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    -ms-border-radius: 4px; 
    -o-border-radius: 4px; 
    border-radius: 4px;
    background: -webkit-linear-gradient(0deg, #AC11EC 25%, rgba(172,17,236,0.75) 75%);
    background: -moz-linear-gradient(0deg, #AC11EC 25%, rgba(172,17,236,0.75) 75%);
    background: -ms-linear-gradient(0deg, #AC11EC 25%, rgba(172,17,236,0.75) 75%);
    background: -o-linear-gradient(0deg, #AC11EC 25%, rgba(172,17,236,0.75) 75%);
    background: linear-gradient(0deg, #AC11EC 25%, rgba(172,17,236,0.75) 75%);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
    -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
    -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-produkt-des-monats {
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #239E2A 25%, rgba(35,158,42,0.75) 75%);
  background: -moz-linear-gradient(0deg, #239E2A 25%, rgba(35,158,42,0.75) 75%);
  background: -ms-linear-gradient(0deg, #239E2A 25%, rgba(35,158,42,0.75) 75%);
  background: -o-linear-gradient(0deg, #239E2A 25%, rgba(35,158,42,0.75) 75%);
  background: linear-gradient(0deg, #239E2A 25%, rgba(35,158,42,0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-top-kauf{
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -moz-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -ms-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -o-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-zum-ausgabepreis {
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  background: -webkit-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -moz-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -ms-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -o-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(#FEED00);
  -moz-box-shadow: 1px 1px 2px rgba(#FEED00);
  -ms-box-shadow: 1px 1px 2px rgba(#FEED00);
  -o-box-shadow: 1px 1px 2px rgba(#FEED00);
  box-shadow: 1px 1px 2px rgba(#FEED00);
}

.banner-overrideasvorverkauf {
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  background: -webkit-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -moz-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -ms-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -o-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(#FEED00);
  -moz-box-shadow: 1px 1px 2px rgba(#FEED00);
  -ms-box-shadow: 1px 1px 2px rgba(#FEED00);
  -o-box-shadow: 1px 1px 2px rgba(#FEED00);
  box-shadow: 1px 1px 2px rgba(#FEED00);
}

.banner-at-issue-price {
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  background: -webkit-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -moz-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -ms-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: -o-linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  background: linear-gradient(0deg, #FEED00 100%, rgba(00, 000, 000, 0.00) 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(#FEED00);
  -moz-box-shadow: 1px 1px 2px rgba(#FEED00);
  -ms-box-shadow: 1px 1px 2px rgba(#FEED00);
  -o-box-shadow: 1px 1px 2px rgba(#FEED00);
  box-shadow: 1px 1px 2px rgba(#FEED00);
}

.banner-ankauf {
  width: 48%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -moz-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -ms-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -o-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-mengen-begrenzung {
  font-family: Pathway Gothic One;
  font-size: 15px;
  width: 55%;
  color: #FFFF00;
  height: 19px;
  border: 0px solid #FFFF00;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0,99);
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: linear-gradient(0deg, #000000 25%, #000000 75%); */
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-overridemgvorverkauf {
  font-family: Pathway Gothic One;
  font-size: 15px;
  width: 55%;
  color: #FFFF00;
  height: 19px;
  border: 0px solid #FFFF00;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0,99);
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -moz-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -ms-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: -o-linear-gradient(0deg, #000000 25%, #000000 75%); */
  background: linear-gradient(0deg, #000000 25%, #000000 75%); */
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-overridetkvorverkauf {
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -moz-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -ms-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -o-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-mangel {
  width: 48%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -moz-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -ms-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: -o-linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  background: linear-gradient(0deg, #DC0624 25%, rgba(220, 6, 36, 0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-emk-exklusiv {
  width: 45%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -moz-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -ms-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -o-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-europa-exklusiv {
  width: 45%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -moz-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -ms-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -o-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-overridemkvorverkauf {
  width: 45%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -moz-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -ms-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -o-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-overrideeuvorverkauf {
  width: 45%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -moz-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -ms-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: -o-linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  background: linear-gradient(0deg, #1f7bc9 25%, #1F7BC9 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.banner-dealdestages{
  width: 55%;
  border: 1px solid rgba(0, 0, 0, 0.50);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -moz-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -ms-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: -o-linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  background: linear-gradient(0deg, #111 25%, rgba(17,17,17,0.75) 75%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50);
}

.list-mode .banner-dealdestages {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-overrideeuvorverkauf {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-overridemkvorverkauf {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-europa-exklusiv {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-emk-exklusiv {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-mangel {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-overridetkvorverkauf {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-overridemgvorverkauf {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-mengen-begrenzung {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-ankauf {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-new-on-stock {
    height: 32px;
    width: 105%;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    white-space: unset;
}

.list-mode .banner-at-issue-price {
  height: 36px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.list-mode .banner-zum-ausgabepreis {
  height: 36px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.list-mode .banner-ab-lager {
    height: 32px;
    width: 105%;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    white-space: unset;
}

.list-mode .banner-unsere-empfehlung {
    height: 32px;
    width: 105%;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    white-space: unset;
}

.list-mode .banner-produkt-des-monats {
    height: 32px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-limitierte-auflage {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-top-preis {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-top-kauf {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-neu-ab-lager {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-new {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-werbung {
  height: 36px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  white-space: unset;
}

.list-mode .banner-top-seller {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-geschenk-idee {
    height: 34px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-vorverkauf {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-soldout {
    height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}

.list-mode .banner-inventur-posten {
    height: 30px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    white-space: unset;
}


/*-----------------CUSTOM EMK FIX------------------*/

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
  border: 0px;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

.froala-element table,
  table.fr-tag1 {
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.froala-element table td, table.fr-tag1 td {
  border: solid 1px #cccccc;
  padding: 5px;
}
.froala-element table th, table.fr-tag1 th {
  background: #e6e6e6;
  border: solid 1px #cccccc;
  padding: 5px;
}

.banner h1, .banner h2 {
  font-size: 4.6em;
  width: 312px;
  text-transform: none;
  text-align: left; 
  padding-bottom: 0px;
  color: #000;
  text-shadow: 0 0px 0px #000 !important;
}

.banner h1 {
  padding-bottom: 30px; 
  margin-top: 187px; 
  margin-left: 700px; 
  width: 296px;
}

.banner h2 {
  font-size: 58px;
  height: 160px; 
  width: 420px;
  margin-top: -420px;
}

.emk-h1 {
 text-transform: none;
}

.emk-h2 {
 text-transform: none;
}

.emk-h3 {
 text-transform: none;
}

.emk-h4 {
 text-transform: none;
 color: #333;
 font-family: Arial;
 font-size: 15px;
}

.sdnews {
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-bottom-right-radius: 6px;
  -ms-border-bottom-right-radius: 6px;
  -o-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;  
  -moz-border-bottom-left-radius: 6px;
  -ms-border-bottom-left-radius: 6px;
  -o-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
  padding: 10px;
}

.shadow {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
  padding: 0px;
}

.shadow-top {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -ms-border-radius: 6px;
 -o-border-radius: 6px;
 border-radius: 6px;
 box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
 margin-top: -6px;
 margin-bottom: 20px;
}


.froala-element img.st {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin-top: 0px;
  margin-bottom: 20px;
  overflow: auto;
  padding: 0;
  float: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
}

.st {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin-top: -6px;
  margin-bottom: 20px;
  overflow: auto;
  padding: 0;
  float: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
}

.sb {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin-top: 30px;
  margin-bottom: 20px;
  overflow: auto;
  padding: 0;
  float: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.65);
}

#custom-footer {
  background: #202020;
  color: #959595;
  margin-top: 75px;
}

/*RICHTEXT*/

div .description h1 {
 text-transform: none;
 color: #353535;
}

div .description h2 {
 text-transform: none;
 color: #353535;
}

div .description h3 {
  text-transform: none;
  font-family: Oswald;
  font-size: 1.6em;
  font-weight: 400;
  color: #333;
}

div .description h4 {
 text-transform: none;
 color: #353535;
}

#div .description h5 {
 text-transform: none;
 color: #353535;
}

div .description h6 {
 text-transform: none;
 color: #353535;
}

div .description p {
  text-align: justify;
  color: #333;
  font-family: Open Sans;
  font-size: 13px;
}

div .description span {
  text-align: justify;
  font-family: Open Sans;
}

div .description hr {
 height: 0px;
 border: 0;
 border-top: solid 1px #CCC;
 clear: both;
}

div .description li {
  text-transform: none;
  color: #0A619A;
  font-family: Oswald;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}



#bullion-ht:before { 
    content: "Hinweis zum Widerrufsrecht:";
    font-weight: bold;
    color: #0A619A;
}

#bullion-rt:before { 
    content: "Das Widerrufsrecht besteht nach dem Gesetz nicht bei Verträgen zur Lieferung von Waren, deren Preis von Schwankungen auf dem Finanzmarkt abhängt, auf die der Unternehmer keinen Einfluss hat und die innerhalb der Widerrufsfrist auftreten können. Beim Kauf von Barren und Anlagemünzen besteht daher kein Widerrufsrecht - siehe dazu unsere ";
}

body#bestimmteseite  .lbl-price{
	
	display: none;
	
}

body#bestimmteseite  .btn-action {
	
	display: none;
	
}

body#bestimmteseite  .btn-remind-me {
	
	display: none;
	
}


body#bestimmteseite .multi-desc-seperator {
	
	#height: 0px;
		
}


body#bestimmteseite .product-description{
	
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,Helvetica,sans-serif;
    color: #111;
    text-align: center;
}

body#bestimmteseite .product-description .custom-title{
	
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,Helvetica,sans-serif;
    color: #999;
    text-align: center;
	padding-top: 3px;
}


body#bestimmteseite .product-description .product-attributes{
	
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,Helvetica,sans-serif;
    color: #999;
    text-align: center;
	height: 18px;
}

body#bestimmteseite .product-description .product-mintage{
	
    font-size: 13px;
    font-family: "Raleway","Open Sans",Arial,Helvetica,sans-serif;
    color: #111;
    text-align: center;
}


body#bestimmteseite .product-title{
	
	font-size: 13px !important;
    font-family: "Raleway","Open Sans",Arial,Helvetica,sans-serif !important;
    color: #111 !important;
    text-align: center !important;
	font-weight: normal !important;
	width: 105%;
}

body#bestimmteseite .lbl-stock {
	
	display: none;
}

body#bestimmteseite .custom-sold-out {
	
	display: none;
}


body#bestimmteseite .custom-presale-stock {
	
	display: none;
}

body#bestimmteseite .grid-mode .product-tile {
	
	width: 100%;
}


body#bestimmteseite .grid-mode .product-tile:hover {
	
	border-radius: 0px;
	box-shadow: 0 0px 0px;
	overflow: none;
}

body#bestimmteseite .grid-mode > li {
	
	width: 260px;
	height: 320px;
}


body#bestimmteseite .grid-mode > li:after {
	
	border-color:white;
	
}

body#bestimmteseite .custom-price-coming-soon  {

  display: none; 
}

.custom-price-coming-soon {

    margin-bottom: 19px;
}

body#bestimmteseite .list-price {

  display: none; 
}

.list-price  {
  margin-right: 5px;
  width:15px;
  height:15px;
  width: 100%;
  font-weight:bold;
  display: table;
  width: 100%;
  font-size: 14px;
  text-decoration: line-through;
  line-height: 10px; 
  color: red;
}

.lbl-price {
	
	font-size: 16px;
	color: #333 !important;
	
}

.weight-value.font-title {

  display: none;
}

.prices{
  height: 35px !important;
}

.grid-mode > li {
  margin-top: 30px !important;
}

.more-inside{
  padding-top: 50px !important;
}

@media screen and (max-width: 1024px) and (min-width: 414px){
	
	
	body#bestimmteseite .grid-mode > li {
	
	width: 50%;
	
		}
}	

@media screen and (max-width: 320px){
	
	.pdf-katalog iframe{
  background-color: white;
  width: 290px;
	height: 300px;

  }
}	

@media screen and (min-width: 321px) and (max-width: 500px){
	
	.pdf-katalog iframe{
  background-color: white;
  width: 310px;
	height: 300px;

  }
}	

@media screen and (min-width: 501px) and (max-width: 768px){
	
	.pdf-katalog iframe{
  background-color: white;
  width: 490px;
	height: 300px;

  }
}	

@media screen and (min-width: 769px) and (max-width: 1024px){
	
	.pdf-katalog iframe{
  background-color: white;
	width: 750px;
	height: 300px;

  }
}			
			
.pageIFrame {
  border: 0px !important;
}

.flip {
    height: 199px;
    width: 300px;
    margin: 0 auto;
}
.flip img {
    width: 300px;
    height: auto;
}
.flip .back {
    background: #2184cd;
    color: #fff;
    text-align: center;
}

/* entire container, keeps perspective */
.flipimg {
	background-image: url("https://emk.com/content/files/images/banner-aktion/inbox-kampagne/KB-SDAFR-50-Jahre-Krugerrand-DE.jpg");
	background-repeat: no-repeat;
  	height:500px;
}

.flipimg-en {
	background-image: url("https://emk.com/content/files/images/banner-aktion/inbox-kampagne/KB-SDAFR-50-Jahre-Krugerrand-EN.jpg");
	background-repeat: no-repeat;
  	height:500px;
}

.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 320px;
	height: 200px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

@media screen and (min-width: 320px) and (max-width: 644px){
	
	.front {
  width: 150px!important;

  }
}	

@media screen and (min-width: 645px) and (max-width: 800px){
	
	.front {
 	width: 200px!important;
  }
}	

@media screen and (min-width: 769px) and (max-width: 1050px){
	
	.front {
	width: 250px!important;

  }
}
	

@media screen and (min-width: 320px) and (max-width: 644px){
	
	.back {
  	width: 150px!important;
  }
}	

@media screen and (min-width: 645px) and (max-width: 800px){
	
	.back {
  	width: 200px!important;
  }
}	

@media screen and (min-width: 769px) and (max-width: 1050px){
	
	.back {
	width: 250px!important;

  }
}	

@media screen and (min-width: 320px) and (max-width: 644px){
	
	.flip-container {
  width: 100px!important;
  height: 150px!important;
  }
}	

@media screen and (min-width: 645px) and (max-width: 800px){
	
	.flip-container {
  	width: 200px!important;
  	height: 200px!important;
  }
}	

@media screen and (min-width: 769px) and (max-width: 1050px){
	
	.flip-container {
	width: 250px!important;
  	height: 250px!important;

  }
}

@media screen and (min-width: 320px) and (max-width: 650px){
	
	.front1 {
  width: 150px!important;

  }
}	

@media screen and (min-width: 651px) and (max-width: 800px){
	
	.front1 {
 	width: 200px!important;
  }
}	

@media screen and (min-width: 801px) and (max-width: 900px){
	
	.front1 {
	width: 250px!important;

  }
}
	

@media screen and (min-width: 320px) and (max-width: 650px){
	
	.back1 {
  	width: 150px!important;
  }
}	

@media screen and (min-width: 651px) and (max-width: 800px){
	
	.back1 {
  	width: 200px!important;
  }
}	

@media screen and (min-width: 801px) and (max-width: 900px){
	
	.back1 {
	width: 250px!important;

  }
}

.flip .back1 {
    background: #2184cd;
    color: #fff;
    text-align: center;
}

.flip-container, .front1, .back1 {
	width: 320px;
	height: 200px;
}

/* hide back of pane during swap */
.front1, .back1 {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front1 {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back1 {
	transform: rotateY(180deg);
}
@media screen and (min-width: 320px) and (max-width: 650px){
	
	.front2 {
  width: 150px!important;

  }
}	

@media screen and (min-width: 651px) and (max-width: 800px){
	
	.front2 {
 	width: 200px!important;
  }
}	

@media screen and (min-width: 801px) and (max-width: 900px){
	
	.front2 {
	width: 250px!important;

  }
}
	

@media screen and (min-width: 320px) and (max-width: 650px){
	
	.back2 {
  	width: 150px!important;
  }
}	

@media screen and (min-width: 651px) and (max-width: 800px){
	
	.back2 {
  	width: 200px!important;
  }
}	

@media screen and (min-width: 801px) and (max-width: 900px){
	
	.back2 {
	width: 250px!important;

  }
}

.flip .back2 {
    background: #2184cd;
    color: #fff;
    text-align: center;
}

.flip-container, .front2, .back2 {
	width: 320px;
	height: 200px;
}

/* hide back of pane during swap */
.front2, .back2 {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front2 {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back2 {
	transform: rotateY(180deg);
}

@media screen and (min-width: 320px) and (max-width: 650px){
	
	.front3 {
  width: 150px!important;

  }
}	

@media screen and (min-width: 651px) and (max-width: 800px){
	
	.front3 {
 	width: 200px!important;
  }
}	

@media screen and (min-width: 801px) and (max-width: 900px){
	
	.front3 {
	width: 250px!important;

  }
}
	

@media screen and (min-width: 320px) and (max-width: 650px){
	
	.back3 {
  	width: 150px!important;
  }
}	

@media screen and (min-width: 651px) and (max-width: 800px){
	
	.back3 {
  	width: 200px!important;
  }
}	

@media screen and (min-width: 801px) and (max-width: 900px){
	
	.back3 {
	width: 250px!important;

  }
}

.flip .back3 {
    background: #2184cd;
    color: #fff;
    text-align: center;
}

.flip-container, .front3, .back3 {
	width: 320px;
	height: 200px;
}

/* hide back of pane during swap */
.front3, .back3 {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front3 {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back3 {
	transform: rotateY(180deg);
}

.zoom-product {
    display: table-cell;
    vertical-align: top;
    padding: 0 1.85%;
    padding: 50px;
    transition: transform .2s; /* Animation */
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.zoom-product:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}