/* Zinsli */

.wwsShopPanel button, .wwsShopSearchPanel button {
  border-radius: 0px;
  padding: 0px;
  padding-left: 8px;
  padding-right: 8px;
}

.wwsShopSearchButton, .wwsShopFilterButton, .wwsShopProductAddExecutePanel button, .wwsShopProductListAddAddPanel button {
  line-height: 0px;
  height: 38px;
}

.wwsShopProductListAddAddPanel .wwsShopProductBookmarkButton {
  line-height: inherited;
}



.wwsShopLoginButtonPanel {
  float: right;
  margin-bottom: 10px;
}

.wwsShopSearchCategorieSelect, .wwsShopSearchEdit, .wwsShopFilterEdit {
  border-color: white !important;
}

.wwsShopSeparator, .wwsShopBottomBorderedTableRow, .wwsShopBottomBorderedTable tr{
   border-color: lightGray;
}

.wwsShopBorderedControl, .wwsShopSubProductsFilterPanel {
  border-color: lightGray;
}

.wwsShopSubCategorieDataPanel, .wwsShopSubProductDataPanel {
  border-color: #336ea8;
}

.wwsShopPanelHref {
  color: inherit;
}


/* Einkaufswagen */

.wwsShopCartAndBookmarksPanel {
  width: 130px;
  height: 100px;
}

.wwsShopCartImage {
  height: 32px;
  width: 32px;
}

/* Einkaufswagen ueber Produkt */

.wwsShopProductDetailOrderProductCountLabel {
  top: -12px;
}

/* Produkt-Detail-Bild groesser und umrandet  */

.wwsShopProductDetailMainImage {
  max-height: 380px;
  border: 1px;
  border-style: solid;
  border-color: lightgray;
  margin-left: 1px;
}

/* Grauer bereich etwas weniger hell */

.wwsShopGrayPanel {
  background-color: rgba(240, 240, 240, 1);
}

/* Lieferantenbilder groesser */

.wwsShopProductDetailDescriptionSupplierImage, .wwsShopProductDetailDescriptionManufacturerImage {
  height: 68px;
}

.wwsShopProductListAddAddPanel {
  width: 300px;
}

.wwsShopProductAddQuantityEdit {
  width: 100px !important;
  margin-right: 8px !important;
}

.wwsShopProductSliderNextDiv, .wwsShopProductSliderPrevDiv  {
  padding: 8px;
  font-size: 2em;
  padding-top: 150px;
}

/* Laender */
.wwsShopCountryPanel {
  display: block;
}


/* Bilder ueber ganze Kachel und farbiger unterer Bereich */

.wwsShopSubCategoriePanel, .wwsShopSubProductPanel {
  width: 100%;
  afloat: clear;
  max-width: 1000px;
}

@media (min-width: 500px) {

 .wwsShopSubCategoriePanel, .wwsShopProductTilePanel .wwsShopSubProductPanel {
     float: left;
 }

}


@media (min-width: 500px) {

 .wwsShopSubCategoriePanel, .wwsShopSubProductPanel {
    width: 50%;
 }

}


@media (min-width: 750px) {

 .wwsShopSubCategoriePanel, .wwsShopSubProductPanel {
    width: 33.33%;
 }

}

@media (min-width: 1000px) {

 .wwsShopSubCategoriePanel, .wwsShopSubProductPanel {
    width: 25%;
  }

}

.wwsShopSubCategoriePanel, .wwsShopSubProductPanel {
  position: relative;
}

.wwsShopSubCategoriePanel {
  padding-bottom: 100%;
}

.wwsShopSubProductPanel {
  padding-bottom: 120%;
}



@media (min-width: 500px) {

 .wwsShopSubCategoriePanel {
    padding-bottom: 50%; 
 }
 .wwsShopSubProductPanel {
    padding-bottom: 60%;
 }


}

@media (min-width: 750px) {

 .wwsShopSubCategoriePanel {
    padding-bottom: 33.3% ;
 }
 .wwsShopSubProductPanel {
    padding-bottom: 40%;
 }

}

@media (min-width: 1000px) {

.wwsShopSubCategoriePanel {
    padding-bottom: 25%;
 }
 .wwsShopSubProductPanel {
    padding-bottom: 35%;
 }


}

.wwsShopSubCategorieDataPanel, .wwsShopSubProductDataPanel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 96%;
}

.wwsShopSubCategorieImagePanel, .wwsShopSubProductImagePanel  {
  height: 55%;
}

.wwsShopSubCategorieDataPanel {
  color: white;
  background-color: #2f669c;
  padding: 0;
}

.wwsShopSubProductDataPanel {
  color: white;
  background-color: #2f669c;
  padding: 0;
}

.wwsShopSubProductCartContent {
  z-index: 100;
  position: absolute;
  right: 0px;
}

.wwsShopSubProductOrderProductCount {
  float: right;
  margin-right: 16px;
}

.wwsShopSubCategorieImagePanel {
  height: 66.5%;
}


.wwsShopSubCategorieImageInnerPanel, .wwsShopSubProductImageInnerPanel {
  background-color: white;
}

.wwsShopSubCategorieImage .wwsShopSubProductImage{
  height: 100%;
  width: auto;
}