.loading-opacity {
    opacity: 0.1;
}

.pajamas-star-o {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23bbc346' fill-rule='evenodd' d='m7.189 2.332l-.001.003l-1.319 3.17a.25.25 0 0 1-.21.153l-3.423.274h-.003l-.095.008l-.593.048a.591.591 0 0 0-.338 1.038l.452.387l.073.062l.002.002l2.608 2.234a.25.25 0 0 1 .08.247l-.796 3.34l-.001.003l-.022.093l-.138.579a.591.591 0 0 0 .883.641l.507-.31l.082-.05l.003-.001l2.93-1.79a.25.25 0 0 1 .26 0l2.93 1.79l.003.002l.082.05l.507.31a.591.591 0 0 0 .883-.642l-.138-.579l-.022-.093v-.003l-.797-3.34a.25.25 0 0 1 .08-.247l2.608-2.234l.002-.002l.073-.062l.452-.387a.591.591 0 0 0-.338-1.038l-.593-.048l-.095-.008h-.003l-3.422-.274a.25.25 0 0 1-.211-.153l-1.319-3.17l-.001-.003l-.037-.089l-.228-.549a.591.591 0 0 0-1.092 0l-.228.55zM8 4.288L7.254 6.08a1.75 1.75 0 0 1-1.476 1.072l-1.935.155L5.317 8.57a1.75 1.75 0 0 1 .564 1.736l-.45 1.888l1.657-1.012a1.75 1.75 0 0 1 1.824 0l1.657 1.012l-.45-1.889a1.75 1.75 0 0 1 .564-1.735l1.474-1.263l-1.935-.155A1.75 1.75 0 0 1 8.746 6.08z' clip-rule='evenodd'/%3E%3C/svg%3E");
  }


.mi-delete {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23bbc346' d='M7 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2h4a1 1 0 1 1 0 2h-1.069l-.867 12.142A2 2 0 0 1 17.069 22H6.93a2 2 0 0 1-1.995-1.858L4.07 8H3a1 1 0 0 1 0-2h4zm2 2h6V4H9zM6.074 8l.857 12H17.07l.857-12zM10 10a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
}


.img-product-overview-swiper {
  height: 300px !important;
  object-fit: cover;  
}

@media (max-width: 1024px) {
  .img-product-overview-swiper {
    min-height: 400px;
  }
}


.img-product-overview {
  height: 400px !important;
  object-fit: cover;  
}

@media (max-width: 1024px) {
  .img-product-overview {
    min-height: 500px;
  }
}

.background-image-shop-page {
  background: url('./../assets/img/photos/no_image_blurr.png') no-repeat center center;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100%;
}

.background-image-shop-page img {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  z-index: 1; /* Im Vordergrund */
}


.fade-container {
  position: relative;
  height: 4rem; 
  overflow: hidden; 
  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}