.m-rating {
  position: relative;
  margin-bottom: 5px;
  display: inline-block;
}

.m-rating:hover {
  cursor: pointer;
}

.m-rating__meta {
  position: relative;
  display: block;
}

.m-rating__stars {
  display: inline-block;
  width: 90px;
  height: 18px;
  margin-right: 5px;

  text-align: left;

  background: url(../images/exl_pikto_stern_hellgrau.svg) repeat-x 0 0;
  background-size: 18px;

  overflow: hidden;
}

.m-rating__stars:after {
  display: inline-block;
  height: 100%;
  content: "";

  background: url(../images/exl_pikto_stern_rot.svg) repeat-x 0 0;
  background-size: 18px;
}

.m-rating__bar {
  display: inline-block;
  height: 10px;
  width: 110px;
  margin-right: 5px;
  margin-bottom: 3px;

  background-color: #E6E6E6;
}

.m-rating__bar-indicator {
  display: block;
  height: 10px;
  background-color: #BF0D3E;
}

.m-rating__total-votes {
  vertical-align: top;

  display: inline-block;
  width: 30px;

  font-size: 13px;
}

.m-rating__subtitle {
  display: block;
  font-weight: bold;
  font-size: 12px;
}

.m-rating__popup {
  position: absolute;
  top: 20px;
  left: -25px;
  z-index: 200;

  display: none;
  width: 285px;
}


/* Colors for LobelyBooks ratings */

.m-rating--lovelybooks .m-rating__stars:after {
  background: url(../images/exl_pikto_stern_orange.svg) repeat-x 0 0;
}

.m-rating--lovelybooks .m-rating__bar-indicator {
  background-color: #E87722;
}

/* Rating Style Modifiers */

.m-rating__stars--10:after {
  width: 18px;
}

.m-rating__stars--15:after {
  width: 27px;
}

.m-rating__stars--20:after {
  width: 36px;
}

.m-rating__stars--25:after {
  width: 45px;
}

.m-rating__stars--30:after {
  width: 54px;
}

.m-rating__stars--35:after {
  width: 63px;
}

.m-rating__stars--40:after {
  width: 72px;
}

.m-rating__stars--45:after {
  width: 81px;
}

.m-rating__stars--50:after {
  width: 90px;
}