.akt1 {
  height: 45%;
  width: auto;
  position: absolute;
  z-index: 6;
  opacity: 0.5;
  margin-left: 46.5vw;
  margin-top: 48vh;
  align-items: center;
}

.akt2 {
  height: 40%;
  width: auto;
  position: absolute;
  z-index: 3;
  opacity: 0.5;
  margin-left: 43vw;
  margin-top: 1vh;
  align-items: center;
}

.akt3 {
  height: 41%;
  width: auto;
  margin-left: 34vw;
  margin-top: 34vh;
  position: absolute;
  z-index: 5;
  opacity: 0.5;
  align-items: center;
}

.akt4 {
  height: 23%;
  width: auto;
  margin-left: 29vw;
  margin-top: 18vh;
  position: absolute;
  z-index: 4;
  opacity: 0.5;
  align-items: center;
}

.akt1:hover {
  opacity: 1;
}

.akt2:hover {
  opacity: 1;
}

.akt3:hover {
  opacity: 1;
}

.akt4:hover {
  opacity: 1;
}

.layerone {
  height: 100vh;
  width: 100vw;
  background-image: url(img/img5_0.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index:1;
  transition: opacity 4s;
}

body {
  background-color: black;
  height: 100vh;
  width: 100vw;
  background-image: url(img/img5_0.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index:1;
}