@media screen and (min-width: 600px) {    
  #h1-header h1 {
    font-size: 1rem;
  }
  
  .main-liste-ordnen {
    flex-direction: row;
    justify-content: space-around;
  }

  .main-liste-ordnen-oben, .main-liste-ordnen-unten {
    width: 48%;
  }
}

@media screen and (min-width: 768px) {    
  #h1-header h1 {
    font-size: 1.2rem;
  }
  
  #main {
    flex-direction: row;
    align-content: flex-start;
  }
}

@media screen and (min-width: 992px) {    
  #h1-header h1 {
    font-size: 1.5rem;
  }
}