* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.remove_scrolling {
    height: 100%;
    overflow: hidden;
}
a, button {
    text-decoration: none;
    cursor: pointer;
}
.container {
    max-width: 1296px;
    width: 100%;
    margin: auto;
    /* padding-inline: 70px; */
    @media (max-width: 800px) {
        padding-inline: 8px;
    }
}  

.star,
.star::before {
  content: " ";
  min-height: 20px;
  min-width: 20px;
  max-width: 100px;
  background-size: 20px;
  background-position-x: left;
  background-position-y: top;
  display: block;
  color: transparent;
}

.star {
  width: 110px;
  background-image: url("https://megaspeilhalle.de/assets/divsd/images/star2.webp");
  display: flex;
  gap: 5px;
  height: 18px;
}

.star::before {
  margin: 0;
  padding: 0;
  background-image: url("https://megaspeilhalle.de/assets/divsd/images/star.webp");
}

.star[data-rating="1"]::before {
  width: 20px;
  /* width: 16px; */
}

.star[data-rating="1.5"]::before {
  width: 30px;
  /* width: 24px; */
}

.star[data-rating="2"]::before {
  width: 40px;
  /* width: 32px; */
}

.star[data-rating="2.5"]::before {
  width: 50px;
  /* width: 40px; */
}

.star[data-rating="3"]::before {
  width: 60px;
  /* width: 48px; */
}

.star[data-rating="3.5"]::before {
  width: 70px;
  /* width: 56px; */
}

.star[data-rating="4"]::before {
  width: 80px;
  /* width: 64px; */
}

.star[data-rating="4.5"]::before {
  width: 90px;
  /* width: 72px; */
}

.star[data-rating="5"]::before {
  width: 100px;
  /* width: 80px; */
}/*# sourceMappingURL=global.css.map */