.route-container {
  position:relative;
  width: 100%;
  max-width: 750px;
  height: auto;
/*  border: 1px solid blue;*/
}
/* placeholder stretches the images to image-size */
.route-placeholder {
  position:relative;
  width: 100%;
  visibility: hidden;
}
.route-image {
  position: absolute;
  width: 100%;
  height: auto;
/*  border: 1px solid red;*/
}

.route-img-button {
  position: absolute;
  border: 1px solid black;
  opacity: 0.15;
  color: transparent;
  box-shadow: none;
  border-radius: 2px;
  cursor: pointer;
}
.route-img-button:hover {
  opacity: 0.3;
}
.route-img-button:active {
  opacity: 0.3;
  border-bottom-style: none;
  border-right-style: none;
}

/*
.route-img-button-size {
  height:2rem;
  width:2rem;
}
.route-img-button-2 {
  left: 6%;
  bottom: -5%;
}
.route-img-button-3 {
  left: 8%;
  bottom: -0.5%;
}
*/
@media screen and (min-width:900px) {
  .route-img-button-size {
    width: 2.3rem;
    height: 2rem;
  }
  .route-img-button-2 {
    /*24.03.2019*/
    left: 5.6%;
    bottom: -6%;
  }
  .route-img-button-3 {
    /*25.03.2019*/
    left: 7.6%;
    bottom: 0%;
  }
  .route-img-button-4 {
    /*26.03.2019*/
    left: 14.3%;
    bottom: 9.2%;
  }
  .route-img-button-5 {
    /*27.03.2019*/
    left: 19.4%;
    bottom: 12.8%;
  }
  .route-img-button-6 {
    /*28.03.2019*/
    left: 24.8%;
    bottom: 14.8%;
  }
  .route-img-button-7 {
    /*29.03.2019*/
    left: 30.3%;
    bottom: 19.1%;
  }
  .route-img-button-8 {
    /*30.03.2019*/
    left: 38%;
    bottom: 24.4%;
  }
  .route-img-button-9 {
    /*31.03.2019*/
    left: 42.5%;
    bottom: 30.9%;
  }
  .route-img-button-10 {
    /*01.04.2019*/
    left: 43.9%;
    bottom: 37%;
  }
  .route-img-button-11 {
    /*02.04.2019*/
    left: 49.4%;
    bottom: 42.3%;
  }
  .route-img-button-12 {
    /*03.04.2019*/
    left: 59%;
    bottom: 47.2%;
  }
  .route-img-button-13 {
    /*04.04.2019*/
    left: 67.3%;
    bottom: 52.7%;
  }
  .route-img-button-14 {
    /*05.04.2019*/
    left: 75.1%;
    bottom: 52.7%;
  }
  .route-img-button-15 {
    /*06.04.2019*/
    left: 75.1%;
    bottom: 58.7%;
  }
  .route-img-button-16 {
    /*07.04.2019*/
    left: 80%;
    bottom: 55.5%;
  }
  .route-img-button-17 {
    /*08.04.2019*/
    left: 86.8%;
    bottom: 65%;
  }
  .route-img-button-18 {
    /*09.04.2019*/
    left: 92.3%;
    bottom: 73%;
  }
  .route-img-button-19 {
    /*10.04.2019*/
    left: 95%;
    bottom: 79%;
  }
}
@media screen and (min-width:768px) and (max-width:899px) {
  .route-img-button-size {
    width:1.75rem;
    height:1.75rem;
  }
  .route-img-button-2 {
    /*24.03.2019*/
    left: 6%;
    bottom: -6%;
  }
  .route-img-button-3 {
    /*25.03.2019*/
    left: 8%;
    bottom: -0%;
  }
  .route-img-button-4 {
    /*26.03.2019*/
    left: 14.5%;
    bottom: 9.1%;
  }
  .route-img-button-5 {
    /*27.03.2019*/
    left: 19.6%;
    bottom: 13.2%;
  }
  .route-img-button-6 {
    /*28.03.2019*/
    left: 25%;
    bottom: 14.5%;
  }
  .route-img-button-7 {
    /*29.03.2019*/
    left: 31%;
    bottom: 19%;
  }
  .route-img-button-8 {
    /*30.03.2019*/
    left: 38.3%;
    bottom: 24.2%;
  }
  .route-img-button-9 {
    /*31.03.2019*/
    left: 42.9%;
    bottom: 30.5%;
  }
  .route-img-button-10 {
    /*01.04.2019*/
    left: 44.3%;
    bottom: 36.7%;
  }
  .route-img-button-11 {
    /*02.04.2019*/
    left: 49.8%;
    bottom: 42%;
  }
  .route-img-button-12 {
    /*03.04.2019*/
    left: 59.1%;
    bottom: 47%;
  }
  .route-img-button-13 {
    /*04.04.2019*/
    left: 67.5%;
    bottom: 52.5%;
  }
  .route-img-button-14 {
    /*05.04.2019*/
    left: 75.6%;
    bottom: 52.5%;
  }
  .route-img-button-15 {
    /*06.04.2019*/
    left: 75.7%;
    bottom: 58.7%;
  }
  .route-img-button-16 {
    /*07.04.2019*/
    left: 80.2%;
    bottom: 55%;
  }
  .route-img-button-17 {
    /*08.04.2019*/
    left: 87%;
    bottom: 65%;
  }
  .route-img-button-18 {
    /*09.04.2019*/
    left: 92.1%;
    bottom: 72.9%;
  }
  .route-img-button-19 {
    /*10.04.2019*/
    left: 95.6%;
    bottom: 79.1%;
  }
}
@media screen and (min-width:460px) and (max-width:767px) {
  .route-img-button-size {
    width:1.5rem;
    height:1.5rem;
  }
  .route-img-button-2 {
    /*24.03.2019*/
    left: 6%;
    bottom: -6%;
  }
  .route-img-button-3 {
    /*25.03.2019*/
    left: 8%;
    bottom: 0.2%;
  }
  .route-img-button-4 {
    /*26.03.2019*/
    left: 14.5%;
    bottom: 9.1%;
  }
  .route-img-button-5 {
    /*27.03.2019*/
    left: 19.65%;
    bottom: 13.5%;
  }
  .route-img-button-6 {
    /*28.03.2019*/
    left: 25.2%;
    bottom: 14.7%;
  }
  .route-img-button-7 {
    /*29.03.2019*/
    left: 31%;
    bottom: 19.3%;
  }
  .route-img-button-8 {
    /*30.03.2019*/
    left: 38.2%;
    bottom: 24.1%;
  }
  .route-img-button-9 {
    /*31.03.2019*/
    left: 43%;
    bottom: 30.5%;
  }
  .route-img-button-10 {
    /*01.04.2019*/
    left: 44.4%;
    bottom: 36.8%;
  }
  .route-img-button-11 {
    /*02.04.2019*/
    left: 49.9%;
    bottom: 42.1%;
  }
  .route-img-button-12 {
    /*03.04.2019*/
    left: 59.3%;
    bottom: 47.1%;
  }
  .route-img-button-13 {
    /*04.04.2019*/
    left: 67.5%;
    bottom: 52.5%;
  }
  .route-img-button-14 {
    /*05.04.2019*/
    left: 75.6%;
    bottom: 52.5%;
  }
  .route-img-button-15 {
    /*06.04.2019*/
    left: 75.6%;
    bottom: 58.6%;
  }
  .route-img-button-16 {
    /*07.04.2019*/
    left: 80.4%;
    bottom: 54.8%;
  }
  .route-img-button-17 {
    /*08.04.2019*/
    left: 87%;
    bottom: 64.9%;
  }
  .route-img-button-18 {
    /*09.04.2019*/
    left: 92.5%;
    bottom: 72.5%;
  }
  .route-img-button-19 {
    /*10.04.2019*/
    left: 95.5%;
    bottom: 78.7%;
  }
}
@media screen and (max-width:459px) {
  .route-img-button-size {
    width:1.15rem;
    height:1.1rem;
  }
  .route-img-button-2 {
    /*24.03.2019*/
    left: 5.5%;
    bottom: -6.7%;
  }
  .route-img-button-3 {
    /*25.03.2019*/
    left: 7.3%;
    bottom: 0.7%;
  }
  .route-img-button-4 {
    /*26.03.2019*/
    left: 13.9%;
    bottom: 9%;
  }
  .route-img-button-5 {
    /*27.03.2019*/
    left: 19.1%;
    bottom: 13%;
  }
  .route-img-button-6 {
    /*28.03.2019*/
    left: 24.5%;
    bottom: 15%;
  }
  .route-img-button-7 {
    /*29.03.2019*/
    left: 30%;
    bottom: 19%;
  }
  .route-img-button-8 {
    /*30.03.2019*/
    left: 37%;
    bottom: 24%;
  }
  .route-img-button-9 {
    /*31.03.2019*/
    left: 42.3%;
    bottom: 29%;
  }
  .route-img-button-10 {
    /*01.04.2019*/
    left: 43.6%;
    bottom: 35.7%;
  }
  .route-img-button-11 {
    /*02.04.2019*/
    left: 49.2%;
    bottom: 41.3%;
  }
  .route-img-button-12 {
    /*03.04.2019*/
    left: 58.5%;
    bottom: 46.5%;
  }
  .route-img-button-13 {
    /*04.04.2019*/
    left: 66.5%;
    bottom: 51.5%;
  }
  .route-img-button-14 {
    /*05.04.2019*/
    left: 74.5%;
    bottom: 51%;
  }
  .route-img-button-15 {
    /*06.04.2019*/
    left: 74.5%;
    bottom: 59%;
  }
  .route-img-button-16 {
    /*07.04.2019*/
    left: 80%;
    bottom: 54%;
  }
  .route-img-button-17 {
    /*08.04.2019*/
    left: 86%;
    bottom: 64%;
  }
  .route-img-button-18 {
    /*09.04.2019*/
    left: 92%;
    bottom: 71%;
  }
  .route-img-button-19 {
    /*10.04.2019*/
    left: 94%;
    bottom: 79.5%;
  }
}