@media only screen and (min-width: 620px) {

 
    .dt_table {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        margin-bottom:2rem;
        max-height: none;
        overflow-y: auto;        
    }
    .dt_table div {
            margin-right: 1rem;
    }
    
#contentContainer {
    gap: 10px; /* Abstand zwischen den Kästchen */
}

#mainContainer h1 {
    width: 100%; /* Stellt sicher, dass der Header die volle Containerbreite einnimmt */
    text-align: center; /* Zentrieren des Texts im Header */
    margin-bottom: 20px; /* Abstand zwischen Header und Kästchen */
}

  #contentContainer div {
    height: 100px;
  }     
  
.footer .nav2 li a, .header1 .nav li a {

/*    font-size: 1.375em; */
    font-size: 1.2em;
  
}  
    
}