/* Meyer */

/* Generell */

.wwsShopPanel table {
  border: 0;
  background-color: inherit;
}

.wwsShopPanel table td {
  border: 0;
  padding: 0;
}

.wwsShopSearchPanel select, .wwsShopPanel select {
  height: 50px;
  background-color: white;
}

.wwsShopSeparator {
  border: 1px solid lightgray;
}

.wwsShopBorderedControl {
  border-radius: 4px;
  color: lightgray;
}

.wwsShopCheckoutItemPanel, .wwsShopCheckoutItemTitlePanel {
  border-bottom: solid lightgray;
}

.wwsShopProductDetailOrderProductCountLabel {
  top: -40px;
  color: white;
}

/* Login */

.wwsShopLoginButtonSubPanel {
  float: right;
}

/* Suche und Filter */

.wwsShopSearchPanel input, .wwsShopPanel input {
  margin: 0!important;
}

.wwsShopSearchPanel button, .wwsShopPanel button {
  height: 50px;
  background-color: #e63838;
}

.wwsShopSearchCategorieSelectPanel {
  height: 50px;
}


/* Einkaufswagen */

.wwsShopCartAndBookmarksPanel {
  position: absolute;
  top: -20px;
}

.wwsShopCartAmount {
  position: absolute;
  top: 50px;
  left: 50px;
  font-size: 70%;
}

.wwsShopCartItemsCount {
  aposition: absolute;
  atop: 0px;
  aleft: 20px;
  font-size: 70%;
  amargin-top: 8px;
}

.wwsShopCartImage {
  amargin-top: 16px;
  height: 24px;
  width: 48px;
}

.wwsShopCartContent {
  margin-top: 1em;
}

.wwsShopCartTitle {
  adisplay: block;
}

/* Preise */
.wwsShopProductSalePrice  {
  color: black;
}

.wwsShopProductPrice  {
  color: white;
}



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

/* Rahmen Kachel */

.wwsShopSubCategorieDataPanel, .wwsShopSubProductDataPanel {
  border-style: solid;
  border-color: #157c8a;
  border-width: 1px;
}


/* 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: #e63838;
  padding: 0;
}

.wwsShopSubProductDataPanel {
  color: white;
  background-color: #e63838;
  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;
}