/*-----------------------------------------------------------------
------------/\\\---------------------------------------------------
           /\\\\\           
          /\\\/\\\            4SELLERS Webshop
         /\\\/\/\\\           Copyright � 2016 logic-base GmbH
        /\\\/__\/\\\    
       /\\\\\\\\\\\\\\\\      Vars
       \///////////\\\//      Erstellung:	 2016-7 (MP)
                  \/\\\ 
-------------------\///------------------------------------------*/
/* Colors */
/* ------------------------------------------------------------- */
/* Highlight for inputs */
/*gr�n*/
/*orange*/
/*rot*/
/*hellgrau*/
/*gelb*/
/*dunkelgrau*/
/* ------------------------------------------------------------- */
/*  Fonts -> goes to child-theme */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/*  Message-System */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/*  Global Border */
/* ------------------------------------------------------------- */
/* Referenz zum Theme */

/* ---------------------------------------------------------- */

/*  Happy Hour-Artikel Box*/

/* ---------------------------------------------------------- */

.happyhour {
  min-height: 262px;
}
.happyhour .deal {
  background: #E95517;
  padding: 5px;
  color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: block;
  text-align: center;
  font-size: 20px;
  margin: -15px -15px 15px -15px;
}
.happyhour .deal .fa.fa-star.s {
  font-size: 10px;
  margin: 0 3px;
}
.happyhour .deal .fa.fa-star.m {
  font-size: 13px;
  margin: 0 3px;
}
.happyhour .deal .fa.fa-star.l {
  font-size: 16px;
  margin: 0 3px;
}
.happyhour .title {
  margin: 0px;
}
.happyhour .infobox {
  margin: 0 0 20px 0;
}
.happyhour .image img {
  float: left;
  width: 40%;
}
.happyhour .image .infobox {
  width: 60%;
  float: right;
}
.happyhour .availability {
  margin: 10px 0 0 0;
}
.counter {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.counter .count {
  float: left;
  display: inline-block;
  margin-right: 1px;
  text-align: center;
  background: #f5f5f5;
  padding: 10px;
}
.counter .count .number {
  font-size: 22px;
  line-height: 25px;
  display: block;
}
.counter .count .info {
  font-size: 10px;
  line-height: 10px;
  display: block;
  color: #999;
  margin-top: 5px;
}
.visible-xs-landscape {
  display: none;
}
/* ---------------------------------------------------------- */

/*  Happy Hour-Artikel Anpassungen Notebook */

/* ---------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {
  .happyhour {
    min-height: 200px;
  }
  .happyhour .deal {
    margin: -15px -15px 15px -15px;
  }
  .happyhour .infobox {
    margin: 0 0 10px 0;
  }
  .happyhour .image img {
    float: left;
    width: 30%;
  }
  .happyhour .image .infobox {
    width: 70%;
    float: right;
  }
  .happyhour .price-discount {
    font-size: 18px;
  }
  .happyhour .availability {
    margin: 2px 0 0 0;
    font-size: 12px;
  }
  .counter .count {
    padding: 5px;
  }
  .counter .count .number {
    font-size: 16px;
    line-height: 23px;
    display: block;
  }
  .counter .count .info {
    font-size: 10px;
    line-height: 10px;
    display: block;
    color: #999;
    margin-top: 5px;
  }
}