/*
 * Icons
 */
/*#52771B*/
/* promobar */
/*#7e3bd0*/
/*#d03bc4*/
/* media up to # */
/* media from # up */
.stars {
  display: inline-block;
  position: relative;
  width: 101px;
  height: 20px;
  background: url("../images/sprites.svg") 0 0 no-repeat; }
  .stars.val0 {
    background-position: 0 0; }
  .stars.val5 {
    background-position: 0 -20px; }
  .stars.val10 {
    background-position: 0 -20px; }
  .stars.val15 {
    background-position: 0 -40px; }
  .stars.val20 {
    background-position: 0 -60px; }
  .stars.val25 {
    background-position: 0 -80px; }
  .stars.val30 {
    background-position: 0 -100px; }
  .stars.val35 {
    background-position: 0 -120px; }
  .stars.val40 {
    background-position: 0 -140px; }
  .stars.val45 {
    background-position: 0 -160px; }
  .stars.val50 {
    background-position: 0 -180px; }

.icon {
  display: inline-block;
  position: relative;
  background: url("../images/sprites.svg") 0 0 no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  /* Social */
  /* Payment */
  /* Flags */ }
  .icon.icon-star {
    background-position: 0 -20px; }
  .icon.icon-dog {
    width: 100px;
    height: 50px;
    background-position: 0 -250px; }
  .icon.icon-dog-white {
    width: 100px;
    height: 50px;
    background-position: 0 -200px; }
  .icon.icon-social-fb {
    width: 11px;
    background-position: 0px -310px;
    text-indent: -9999px; }
    a.icon.icon-social-fb:hover, .icon.icon-social-fb.icon-high {
      width: 11px;
      background-position: 0px -330px; }
  .icon.icon-social-tw {
    background-position: -12px -310px;
    text-indent: -9999px; }
    a.icon.icon-social-tw:hover, .icon.icon-social-tw.icon-high {
      background-position: -12px -330px; }
  .icon.icon-social-pi {
    background-position: -32px -310px;
    text-indent: -9999px; }
    a.icon.icon-social-pi:hover, .icon.icon-social-pi.icon-high {
      background-position: -32px -330px; }
  .icon.icon-social-yt {
    background-position: -52px -310px;
    text-indent: -9999px; }
    a.icon.icon-social-yt:hover, .icon.icon-social-yt.icon-high {
      background-position: -52px -330px; }
  .icon.icon-social-gp {
    background-position: -75px -310px;
    text-indent: -9999px; }
    a.icon.icon-social-gp:hover, .icon.icon-social-gp.icon-high {
      background-position: -75px -330px; }
  .icon.icon-phone {
    background-position: 0px -360px; }
    a:hover .icon.icon-phone, .icon.icon-phone.icon-high {
      background-position: 0px -380px; }
  .icon.icon-mail {
    background-position: -20px -360px; }
    a:hover .icon.icon-mail, .icon.icon-mail.icon-high {
      background-position: -20px -380px; }
  .icon.icon-user {
    background-position: -40px -360px; }
    .icon.icon-user.icon-white {
      background-position: -40px -480px; }
    a:hover .icon.icon-user, .icon.icon-user.icon-high {
      background-position: -40px -380px; }
  .icon.icon-heart {
    background-position: -60px -360px; }
    .icon.icon-heart.icon-white {
      background-position: -60px -480px; }
    a:hover .icon.icon-heart, .icon.icon-heart.icon-high {
      background-position: -60px -380px; }
  .icon.icon-cart {
    background-position: -80px -360px; }
    .icon.icon-cart.icon-high {
      background-position: -80px -480px; }
    a:hover .icon.icon-cart, .icon.icon-cart.icon-high {
      background-position: -80px -380px; }
  .icon.icon-info {
    background-position: -100px -360px; }
    .icon.icon-info.icon-high {
      background-position: -100px -480px; }
    a:hover .icon.icon-info, .icon.icon-info.icon-high {
      background-position: -100px -380px; }
  .icon.icon-search {
    background-position: -120px -360px; }
    .icon.icon-search.icon-high {
      background-position: -120px -480px; }
    a:hover .icon.icon-search, .icon.icon-search.icon-high {
      background-position: -120px -380px; }
  .icon.icon-arrow1-r {
    background-position: -140px -360px; }
    .icon.icon-arrow1-r .icon-high {
      background-position: -140px -480px; }
    a:hover .icon.icon-arrow1-r,
    .icon.icon-arrow1-r .icon-high {
      background-position: -140px -380px; }
  .icon.icon-hamburger {
    background-position: -160px -360px; }
    .icon.icon-hamburger.icon-high {
      background-position: -160px -480px; }
    a:hover .icon.icon-hamburger,
    .ctrl:hover .icon.icon-hamburger, .icon.icon-hamburger.icon-high {
      background-position: -160px -380px; }
  .icon.icon-close {
    background-position: -180px -360px; }
    .icon.icon-close.icon-high {
      background-position: -180px -480px; }
    a:hover .icon.icon-close, .icon.icon-close.icon-high {
      background-position: -180px -380px; }
  .icon.icon-pay-visa {
    background-position: 0 -410px;
    width: 40px;
    height: 30px; }
  .icon.icon-pay-master {
    background-position: -41px -410px;
    width: 40px;
    height: 30px; }
  .icon.icon-pay-sofort {
    background-position: -81px -410px;
    width: 40px;
    height: 30px; }
  .icon.icon-pay-pal {
    background-position: -121px -410px;
    width: 40px;
    height: 30px; }
  .icon.icon-no-pay-pal {
    background-position: -161px -410px;
    width: 40px;
    height: 30px; }
  .icon.icon-pay-ueber {
    background-position: 0 -440px;
    width: 40px;
    height: 30px; }
  .icon.icon-pay-vor {
    background-position: -41px -440px;
    width: 40px;
    height: 30px; }
  .icon.icon-pay-bar {
    background-position: -81px -440px;
    width: 40px;
    height: 30px; }
  .icon.icon-pay-giro {
    background-position: -121px -440px;
    width: 40px;
    height: 30px; }
  .icon.icon-flag-de, .icon.de {
    background-position: 0 -550px;
    width: 15px;
    height: 15px; }
  .icon.icon-flag-gb, .icon.icon-flag-uk, .icon.gb {
    display: none;
    background-position: 0 -565px;
    width: 15px;
    height: 15px; }
  .icon.icon-flag-fr, .icon.fr {
    background-position: 0 -580px;
    width: 15px;
    height: 15px; }
  .icon.icon-flag-es, .icon.es {
    background-position: 0 -595px;
    width: 15px;
    height: 15px; }
  .icon.icon-flag-it, .icon.it {
    background-position: 0 -610px;
    width: 15px;
    height: 15px; }
  .icon.icon-flag-ch, .icon.ch {
    background-position: 0 -625px;
    width: 15px;
    height: 15px; }
  .icon.icon-flag-at, .icon.at {
    background-position: 0 -640px;
    width: 15px;
    height: 15px; }
  .icon.icon-flag-us {
    display: none;
    background-position: 0 -655px;
    width: 15px;
    height: 15px; }
  .icon.icon-flag-eu {
    background-position: 0 -670px;
    width: 15px;
    height: 15px; }
  .icon.icon-dog-tear {
    background-position: 0 -700px;
    width: 28px;
    height: 28px; }

.icon-count {
  display: block;
  position: absolute;
  top: -4px;
  right: -2px;
  width: auto;
  min-width: 13px;
  height: 13px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: .8rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  background-color: #EE5A1C;
  border-radius: 6px;
  border: 1px solid #fff;
  overflow: hidden;
  padding: 0 1px 0 1px;
  background-clip: padding-box; }
  .icon-count:empty {
    display: none; }

.icon-large {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5); }
  @media (min-width: 768px) {
    .icon-large {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -ms-transform: scale(2);
      -o-transform: scale(2);
      transform: scale(2); } }

.icon-medium {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5); }

.icon-small {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  vertical-align: -20%; }

/* Graph */
i.graph-h {
  position: relative;
  display: inline-block;
  height: 8px;
  background-color: #DADCD9;
  line-height: 8px;
  font-size: 1px;
  width: 80px; }

i.graph-h > span {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #E2AD00;
  height: 8px;
  line-height: 8px;
  font-size: 1px; }

div.nicht.per.PayPal {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 30px;
  background: url("../../mgs/images/mgs-sprites.svg") 0 0 no-repeat;
  background-position: -161px -410px;
  transform: scale(1.4);
  float: right; }