/* Original #hintspot {
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;

  opacity: 0.8;
  transition: opacity 0.2s;

  cursor: pointer;
}

#hintspot img {
  width: 100%;
  height: 100%;
}

#hintspot:hover {
  opacity: 1;
}
Ende Original */

#hintspot {
  border-radius: 30px;
  background-color: #1795D2; /* rgb(103,115,131) */ 
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
z-index: 999;
  opacity: 0.8;
  transition: opacity 0.2s;

  cursor: pointer;
}

#hintspot img {
  width: 100%;
  height: 100%;
  padding: 5%;
}

#hintspot:hover {
  opacity: 1;
}

#hintspot1 {
  border-radius: 30px;
  background-color: #1795D2; /* rgb(103,115,131) */ 
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
z-index: 999;
  opacity: 0.8;
  transition: opacity 0.2s;

  cursor: pointer;
}

#hintspot1 img {
  width: 100%;
  height: 100%;
  padding: 5%;
}

#hintspot1:hover {
  opacity: 1;
}

#hintspot2 {
  border-radius: 30px;
  background-color: #1795D2; /* rgb(103,115,131) */ 
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
z-index: 999;
  opacity: 0.8;
  transition: opacity 0.2s;

  cursor: pointer;
}

#hintspot2 img {
  width: 100%;
  height: 100%;
  padding: 5%;
}

#hintspot2:hover {
  opacity: 1;
}