.hotspot {
  width: calc(100 var(--calc-cqi));

  height: calc(100 var(--calc-cqi));
  object-fit: scale-down;
  position: fixed;
  z-index: 2;
  left: calc(20 var(--calc-cqi));
  top: calc(60 var(--calc-cqi));

  filter: drop-shadow(1px 2px 0px rgba(0, 0, 0, 0.55));
  animation: pulse var(--pulse-time) infinite;

  cursor: pointer;
}

.hotspot:nth-child(2n + 1) {
  animation-delay: calc(var(--pulse-time) / 2);
}
.hotspot:nth-child(3n + 1) {
  animation-delay: calc(var(--pulse-time) / 3);
}
.hotspot:nth-child(4n + 1) {
  animation-delay: calc(var(--pulse-time) / 4);
}
.hotspot:nth-child(5n + 1) {
  animation-delay: calc(var(--pulse-time) / 5);
}

.hotspot[data-target="beratungspower-01"] {
  left: calc(500 var(--calc-cqi));
  top: calc(360 var(--calc-cqi));
}
.hotspot[data-target="fachwissen-02"] {
  top: calc(600 var(--calc-cqi));
  left: calc(905 var(--calc-cqi));
}
.hotspot[data-target="wissen-03"] {
  top: calc(704 var(--calc-cqi));
  left: calc(1350 var(--calc-cqi));
}
.hotspot[data-target="digital-einfacher-04"] {
  top: calc(1000 var(--calc-cqi));
  left: calc(1550 var(--calc-cqi));
}
.hotspot[data-target="abholschalter-05"] {
  top: calc(1250 var(--calc-cqi));
  left: calc(1180 var(--calc-cqi));
}
.hotspot[data-target="lieferung-06"] {
  top: calc(1700 var(--calc-cqi));
  left: calc(3100 var(--calc-cqi));
}
.hotspot[data-target="nachhaltigkeit-07"] {
  top: calc(1430 var(--calc-cqi));
  left: calc(620 var(--calc-cqi));
}
.hotspot[data-target="sustainable-08"] {
  top: calc(1400 var(--calc-cqi));
  left: calc(1570 var(--calc-cqi));
}
.hotspot[data-target="logistik-09"] {
  top: calc(610 var(--calc-cqi));
  left: calc(1880 var(--calc-cqi));
}
.hotspot[data-target="wiederverwenden-10"] {
  top: calc(1250 var(--calc-cqi));
  left: calc(2150 var(--calc-cqi));
}