*{
	margin: 0;
	padding: 0;
}

body{
	font-family: "GT America Expanded";
  background: black;

}
h1{
  font-family: GT America Expanded Bold;
  font-size: 150px;
  color: white;
  line-height: 1;
  letter-spacing: -0.05em;
}

h2{
  font-family: GT America Expanded Medium;
  font-size: 50px;
  color: white;
  margin-left: 20px;
  line-height: 2.;
  
}

.platzhalter{
font-family: GT America Expanded Bold;
  font-size: 20px;
  color: white;

}
.container1 {
	
	width: 100%;
	display: grid;
	flex-wrap: wrap;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  justify-items: center;
	gap: 10px;
  }

.container2 {
	
	width: 100%;
	display: grid;
	flex-wrap: wrap;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  justify-items: center;
	gap: 10px;
  
  }

.container3 {
	
	width: 100%;
	display: grid;
	flex-wrap: wrap;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  justify-items: center;
	gap: 10px;
  }

.container4 {
	
	width: 100%;
	display: grid;
	flex-wrap: wrap;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  justify-items: center;
	gap: 10px;
  }

.item1{
  width: 100%;

}

.item2{  
  width: 100%;
}

.item3{
  
  width: 100%;
}

.item4{
  
  width: 60%;
}
img{
width: 100%;
}

img{
  filter: invert(100%) grayscale(100%) hue-rotate(40deg) contrast(100%) brightness(100%) blur(5px); 
  opacity: 0.6; 
  transition: filter 0.7s ease, opacity 0.7s ease;
}

img:hover {
  filter: none; 
  opacity: 1; 
}