/* Gemeinsame Promo-Badge-Grundklasse */
.promo_badge {
  position: absolute;
  top: 590px;
  left: calc(50% + 586px + 40px);
  width: 184px;
  height: 184px;
  z-index: 10;
  transition: all 0.3s ease;
}

.promo_badge:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Gemeinsamer Bild-Stil */
.promo_badge img {
  width: 100%;
  height: 100%;
}

/* Alternative Variante z. B. für das zweite Element (ehemals GreenSign) */
.promo_badge.secondary {
  position: fixed;
  left: 0;
    top: 90%; /* statt bottom */
  bottom: auto;
}

.promo_badge.secondary img {
  width: 100px;
  height: 100px;
  margin-left: 20px;
}

/* MEDIA QUERIES */
@media all and (max-width: 1440px) {
  .promo_badge {
    left: calc(50% + 486px);
    width: 150px;
    height: 150px;
  }
}

@media all and (max-width: 1260px) {
  .promo_badge {
    top: 740px;
    left: initial;
    right: 0;
  }

  .promo_badge.secondary {
    display: none;
  }
}

@media all and (max-width: 1023px) {
  .promo_badge {
    top: 550px;
    width: 130px;
    height: 130px;
  }

  .promo_badge.secondary {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .promo_badge {
    top: 600px;
  }

  .promo_badge.secondary {
    display: none;
  }
}

@media all and (max-width: 579px) {
  .promo_badge {
    top: 105vw;
  }

  .promo_badge.secondary {
    display: none;
  }
}

@media all and (max-width: 440px) {
  .promo_badge {
    top: 550px;
  }
}