/* #####################################################################################################
   This stylesheet describes a single product
   ##################################################################################################### */

/*--- standard variables ---*/
/*--- overwrite variables with the variable from a theme ---*/
/* #####################################################################################################
   This stylesheet is used for theme specific variables
   ##################################################################################################### */
/*--- media queries. When using responsive ---*/
/*--- custom class functions ---*/
/*----- Default functions -----*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*----- CSS3 Animation functions -----*/
/* ==========================================================================
   Default / Mobile styles
   ========================================================================== */

.offerText {
  position: relative;
}
.offerText .lineThrough {
  background: url("../../../images/lineThru.png") no-repeat scroll center center transparent;
  height: 16px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.productList .item {
  background: none repeat scroll 0 0 white;
  padding: 30px 0;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #e6ebf0;
}
.productList .item:first-child {
  border: 0 none;
}
.productList .item .thumb {
  float: left;
  margin: 0 5% 0 0;
  width: 160px;
  height: 160px;
  line-height: 160px;
  border: 1px solid #e6ebf0;
}
.productList .item .thumb a {
  width: 160px;
  height: 160px;
}
.productList .item .thumb a img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.productList .item .content {
  overflow: hidden;
}
.productList .item .content .title {
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #001f4b;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0 2%;
}
.productList .item .content .title:hover {
  color: #cccc00;
}
.productList .item .content .productTeaser {
  margin: 0 0 2%;
}
.productList .item .content .bttn {
  width: 115px;
}
.productList .item .price {
  display: block;
  font-size: 0;
  overflow: hidden;
  width: 100%;
  margin: 0 0 2%;
}
.productList .item .price span {
  font-size: 16px;
  font-weight: 600;
}
.productList .item .price span.valuta {
  margin: 0 5px 0 0;
}
.productList .item .priceWrap .prefix,
.productList .item .priceWrap .old,
.productList .item .priceWrap .valuta {
  margin: 0 4px 0 0;
}
.productList .item .priceWrap .old {
  color: #666666;
  font-size: 13px;
  font-weight: normal;
  text-decoration: line-through;
}
.productList .item .brand {
  right: 10px;
  position: absolute;
  top: 0;
}
.productList .item .label {
  background: url("../../../images/labelSprite.png") no-repeat scroll 0 0 transparent;
  left: 10px;
  position: absolute;
  top: 30px;
  width: 44px;
}
.productList .item .offergroup {
  position: absolute;
  right: 0;
  top: 0;
}
.productList .item .sale,
.productList .item .special {
  height: 53px;
}
.productList .item .new {
  background-position: 0 -53px;
  height: 23px;
}
.productList .item .special {
  background-position: 0 -76px;
}
/* ==========================================================================
   Tablet styles
   ========================================================================== */

@media only screen and (min-width : 768px) {
  .productList .item {
    position: relative;
  }
}
/* ==========================================================================
   Desktop styles
   ========================================================================== */

@media only screen and (min-width : 1180px) {
  
}