/* 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;
}


.wwsShopSubProductPanel .wwsShopProductAddQuantityEdit {
    width: 5em !important;
}

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

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

/* Merken / Kaufen auf Kachel */

.wwsShopSubProductAddBookmarkLinkPanel {
  display: block;
  z-index: 1;
  width: 8em;
  right: 0;
}

.wwsShopSubProductAddBookmarkLinkPanel {
  bottom: 1em;
  width: 100%;
  border-top-color: white!important;
  border-top-style: solid!important;
  border-top-width: 1px!important;
  padding-top: 0.75em;
}

.wwsShopSubProductBookmarkButton {
  width: 3em;
  height: 3em;
}

.wwsShopSubProductPanel .wwsShopSubProductStockPanel {
  display: block;
  font-size: xx-small;
  bottom: 6em;
}

.wwsShopSubProductPanel .wwsShopProductStockMode3ValuePanel {
  float: left;
}

.wwsShopSubProductCartImage {
  display: none;
}

.wwsShopSubProductPanel .wwsShopProductAddQuantityPanel {
  float: left;
}

.wwsShopSubProductQuantityPanel {
  z-index: 100;
  display: block; 
  position: absolute;
  float: none;
  bottom: 2em;
  display: block;
  left: 10px;
  /*
  border-color: white!important;
  border-style: solid!important;
  border-width: 1px!important;
  border-radius: 4px;
  */
  width: calc(100% - 6em);
}

.wwsShopSubProductPanel .wwsShopProductAddQuantityIncImage, .wwsShopSubProductPanel .wwsShopProductAddQuantityDecImage {
  width: 20px;
  margin-right: 0.5em;
  margin-top: 0.25em;  
}

.wwsShopSubProductPanel .wwsShopProductAddQuantityEdit {
  background-color: #2f669c!important;
  color: white!important;
}

.wwsShopSubProductPanel .wwsShopProductAddQuantityChangePanel {
  display: block;
}

.wwsShopSubProductPanel .wwsShopProductAddQuantityEdit {
  height: 2em!important;
}

.wwsShopSubProductSkuMainPanel {
  height: 20%;
}


/* 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: 800px) {

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

}

@media (min-width: 1200px) {

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

}

.wwsShopSubCategoriePanel, .wwsShopSubProductPanel {
  position: relative;
}

.wwsShopSubCategoriePanel {
  padding-bottom: 100%;
}

.wwsShopSubProductPanel {
  padding-bottom: calc( 120% + 12em );
}



@media (min-width: 500px) {

 .wwsShopSubCategoriePanel {
    padding-bottom: 50%; 
 }
 .wwsShopSubProductPanel {
    padding-bottom: calc( 60% + 12em );
 }


}

@media (min-width: 800px) {

 .wwsShopSubCategoriePanel {
    padding-bottom: 33.3% ;
 }
 .wwsShopSubProductPanel {
    padding-bottom: calc( 40% + 12em );
 }

}

@media (min-width: 1200px) {

.wwsShopSubCategoriePanel {
    padding-bottom: 25%;
 }
 .wwsShopSubProductPanel {
    padding-bottom: calc( 35% + 12em );
 }


}

.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;
  top: calc( 100% - 2.5em );
  color: white;
}

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

.wwsShopSubCategorieImagePanel {
  height: 66.5%;
}


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

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

/* Checkout Alte Version */

.wwsShopCheckoutOrderOrderedProducts {
  display: block;
}

.wwsShopCheckoutRightPanel {
 display: none;
}

.wwsShopCheckoutLeftPanel {
  width: 100%;
}

.wwsShopCheckoutMainMenuPanel {
  display: none;
}

.wwsShopCheckoutPanel .wwsShopMainTitlePanel {
  display: block!important;
}

.wwsShopCheckoutOrderOrderedProducts, .wwsShopCheckoutOrderPaymentAnsShippingMethodPanel {
 display: block;
}



.wwsShopCheckoutOrderPaymentShippingMainPanel {
  display: none;
}

/**/