/* BRUNNER */

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

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

.wwsShopSubCategorieDataPanel, .wwsShopSubProductDataPanel {
 border-color: lightGray;
}

.wwsShopPanelHref {
  color: inherit;
}

.sp-inner h1 {
  font-size: 2em;
}

/* Cart/Login wenn oberer Bereich nicht sichtbar ist */



.wwsShopCartLogin {
  display: none;
  position: absolute;
  right: 0px;
  top: 20px;
  z-index: 900;
  width: 200px;
}



@media (max-width: 1200px) {
  .wwsShopCartLogin {
    display: block;
  }
}

@media (max-width: 600px) {
  .wwsShopCartLogin {
    top: -100px;
    right: 10px;
  }
}

@media (max-width: 600px) {
  .wwsShopCartLogin .wwsShopLoginButtonPanel {
    display: none;
  }
}

.wwsShopProductDetailOrderProductCountLabel {
  top: -10px;
}

.wwsShopSubProductOrderProductCount {
  top: -40px;
}



/* Login */


.wwsShopLoginButtonPanel{
  position: absolute;
  top: -10px;
  right: 100px;
  width: 50px;
}


@media (min-width: 1200px) {

  .wwsShopLoginButtonPanel {
    position: absolute;
    top: 0px;
    right: 100px;
  }

}


.wwsShopLoginButtonLoginTextPanel, .wwsShopLoginButtonLogoutTextPanel {
  display: none;
}

/* Einkaufswagen / Merkliste */
 
.wwsShopCartPanel, .wwsShopCartAndBookmarksPanel {
  top: -40px;
  position: absolute;
  font-size: 14px;
  right: 0px;
  width: 50px;
}


@media (min-width: 1200px) {

  .wwsShopCartPanel, .wwsShopCartAndBookmarksPanel {
    top: -30px;
    position: absolute;
    font-size: 14px;
    right: 0px;
  }

}

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

.wwsShopBookmarkImage {
  width: 24px;
  height: 24px;
}

/* Merkliste mit Bild statt mit Textz */

.wwsShopBookmarkImage {
  display: block;
  margin: 0 auto;
}

.wwsShopBookmarkTitle {
  display: none;
}

/* Einkaufswagen / Merkliste nebeneinander */

.wwsShopBookmarkOuterPanel {
  float: left;
}

.wwsShopCartkOuterPanel {
  float: left;
}

.wwsShopCartAndBookmarksPanel {
  width: 110px;
}

/* Buttons mit kleineren rahmen */


.wwsShopPanel button {
  padding: 0px 4px 0px 4px;
 
}

.wwsShopSearchPanel button {
  padding: 0px 4px 0px 4px;
}

.wwsShopPanel .inputbox {
  width: 100% !important;
}

/* Suche und Filter */

.wwsShopSearchPanel, .wwsShopSubProductsFilterPanel {
  a border-radius: 6px;
}


.wwsShopSearchPanel input, .wwsShopSearchPanel select, .wwsShopSubProductsFilterPanel input, .wwsShopSubProductsFilterPanel select {
  height: 55px;
}


.wwsShopSearchPanel button, .wwsShopSubProductsFilterPanel button  {
  width: 100%;
  line-height: 40px;
}

.wwsShopProductBookmarkButton {
  line-height: 1em;
  height: 54px;
}

/* Kategoriebaum */

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

/* Abstand neben Kaufen-Button */

.wwsShopProductAddPanel {
  margin-right: 8px;
}

/* Buttons "Registieren"/"Abmelden"/"Logîn" gesamte Breite */

.wwsShopCheckoutLoginRegisterButtonsPanel button,.wwsShopCheckoutLogoutRegisterButtonsPanel button {
  width: 100%;
}


@media (min-width: 600px) {
 
  /* Kacheln */
  .wwsShopSubCategoriePanel, .wwsShopSubProductPanel {
    width: 33.33%;
    max-width: 500px;
  }

}

/* Titel Fett */
.wwsShopTitlePanel {
  font-weight: 600;
}

/* Mengenfelder */
.wwsShopProductAddQuantityPanel {
  width: 80px;
  margin-right: 20px;
}

.wwsShopGrayPanel {
  background-color: inherit;
  border: 1px solid lightgray;
}


/* Farben Preise bei Aktionen */

/*
.wwsShopProductPriceSaleRegularPrice {
  color: black;
}

.wwsShopSalePriceLabel {
  color: black;
}

.wwsShopProductPriceSalePrice {
  color: red;
}

*/

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


/* Kacheln */
.wwsShopSubProductDataPanel {
  height: 300px;
}

.wwsShopSubCategorieDataPanel {
  height: 300px;
}


@media (min-width: 600px) {
  .wwsShopSubCategoriePanel, .wwsShopProductTilePanel .wwsShopSubProductPanel {
    float: left;
  }
}

@media (min-width: 600px) {
  .wwsShopSubCategoriePanel, .wwsShopSubProductPanel {
    width: 33.33%;
    max-width: 400px;
    min-width: 200px;
  }
}