body {
  margin: 0;
  padding: 10px;
  background-color: rgb(173, 179, 183);
}

h1 {
  font-size: 20pt;
}
h2 {
  font-size: 10pt;
  
}
p {
  color: aliceblue;
}

.red {
  color:red;
}


.headline {
  position: absolute;
  top: 75px;
  left: 250px;
  font-size: 60pt;
  color: rgb(245, 235, 255);
}

.headline-2 {
 
  font-size: 40pt;
  color: rgb(0, 0, 0);
  text-align: center;
  font-weight: bolder;
  padding-bottom: 20px;
  font-family: sans-serif;
}

.headline-3 {
  position: absolute;
  top: 1500px;
  font-size: 90pt;
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: bolder;
}

.link-weiter {
  position: absolute;
  top: 670px;
  left: 1370px;
  
  font-size: 20pt;
  color: rgb(255, 255, 255);
  text-align: right;
  font-weight: bolder;

}

.container-img {
  position: fixed;
  top: 100px;
  left: 500px;
  width: 1000px;
  display: flex;
  flex-direction: x;
  justify-content: center;
  align-items: center;

}


.img-container-1 {
  position: absolute;
  top: 100px;
  left: 500px;
}


img {
  width: 250px;
}

.img-1 {
 width: 200px;
 }

 .img-5 {
  width: 80px;
  
  }


  .img-6 {
    width: 600px;
    }

    .img-6 {
      width: 100px;
      }

      .img-9 {
        width: 50px;
        }
  
        .img-11 {
          width:1470px;
         
        }
      
    .img-H {
      width: 1470px;
    }

    .img-K1 {
      width: 200px;
    }
    .img-K2 {
      width: 180px;
    }


 


  .img-container-K1 {
      position: absolute;
      top: 40px;
      left: 1200px;
    }

    .img-container-K2 {
      position: absolute;
      top: 40px;
      left: 50px;
      
    }

    .img-container-K1:hover {
      position: absolute;
      filter:blur(5px);

      
    }

    .img-container-K2:hover {
      position: absolute;
      transform: rotate(-30deg);
    }


 .img-container-2 {
  position: absolute;
  top: 90px;
  left: 900px;
}
.img-container-2:hover {
  position: absolute;
  top: 65px;
  left: 900px;
  opacity: 0%;
}

.img-container-3 {
  position: absolute;
  top: 210px;
  left: 1130px; 
}

.img-container-4 {
  position: absolute;
  top: 550px;
  left: 200px; 
}


.img-container-5 {
  position: absolute;
  top: 400px;
  left: 800px;
}


.img-container-6 {
  position: absolute;
  top: 200px;
  left: 50px;
}
.img-container-6:hover {
  position: absolute;
  top: 200px;
  left: 50px;
  opacity: 0%;
}

.img-container-7 {
  position: absolute;
  top: 180px;
  left: 340px;
}

.img-container-8 {
  position: absolute;
  top: 580px;
  left: 540px;
}
.img-container-9 {
  position: absolute;
  top: 280px;
  left: 540px;
  transform: rotate(-20deg);
}
.img-container-9:hover {
  position: absolute;
  top: 580px;
  left: 340px;
  transform: rotate(-20deg);
}



.img-container-10 {
  position: absolute;
  top: 400px;
  left: 340px;
  transform: rotate(20deg);
}
.img-container-10:hover {
  position: absolute;
  top: 400px;
  left: 340px;
  transform: rotate(160deg);
}

.img-container-11 {
  position: fixed;
  top: 330px;
  left: 1200px;
  
}

.img-container-12 {
  position: fixed;
  top: 130px;
  left: 200px;
  
}








.grid {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

}

.wrapped {
  width: 200px;
  height: 170px;
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

.wrapped div {
  min-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  scroll-snap-align: center;
}