h1 {
  text-align: center;
  margin-bottom: 0px;
}

#memesbild {
  width: 500px;
  height: 300px;
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px; /* Abstand zwischen Bild und Button */
  margin-top: 0px;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70vh;
  gap: -40px; /* Abstand zwischen den Elementen */
}

button {
  font-size: 1rem;
  width: 320px;
  height: 80px;
  margin-top: 0;
  padding-top: 0;
  cursor: pointer;
}

body {
  background-color: burlywood; /* Hier kannst du die gewünschte Hintergrundfarbe angeben */
}

button {
  padding: 10px 20px;
  font-size: 1rem;
  cursor: pointer;
}

div{

margin: 0px;

}

.form-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  margin-top:40px;
}

form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (min-width: 600px){
  
label{
  margin-top:200px;
  
  }
  
  button{
    
   margin-top:25px; 
  }
  
  img{
    
 
  }
  
}
@media only screen and (orientation: landscape) {
    h1 {
        display: block; /* Stelle sicher, dass die Überschrift im Querformat angezeigt wird */
    }
}