html, body {    
    background-color: #fab906e0;
    /* Kommentar */
  }
.container { 
    position: absolute;   
    display: grid;
    grid-template-columns:  25px 1fr 1fr 1fr 1fr 25px;     
     /*display: block;
    grid-column-gap: 2px; */
    left: 30px;
    top: 70px;
    width: 658px;     
    /* background-color: rgb(216, 241, 158);   */
     
    } 
h2 {
    color:rgb(94, 55, 4);
}  
.container div {
  display: flex; 
  align-items: center;
  justify-content: center; 
  border: 1px solid #fab906e0;
        }        
#box21 {
    grid-column: 2 / 3;
    grid-row: 1 /2;    
    }  
#box22 {
    grid-column: 3 / 4;
    grid-row: 1 /2;        
    } 
#box23 {
      grid-column: 4 / 5;
      grid-row: 1 /2;        
      }                  
#box24 {
        grid-column: 5 / 6;
        grid-row: 1 /2;        
        }
#box31 {
          grid-column: 6 / 7;
          grid-row: 2 /3;        
          } 
#box32 {
            grid-column: 6 / 7;
            grid-row: 3 /4;        
            } 
#box33 {
    grid-column: 6 / 7;
    grid-row: 4 /5;        
    }                           
#box34 {
    grid-column: 6 / 7;
    grid-row: 5 /6;        
    }                                                                                                                                                  
    #box41 {
      grid-column: 2 / 3;
      grid-row: 6 /7;    
      }  
  #box42 {
      grid-column: 3 / 4;
      grid-row: 6 /7;        
      } 
  #box43 {
        grid-column: 4 / 5;
        grid-row: 6 /7;        
        }                  
  #box44 {
          grid-column: 5 / 6;
          grid-row: 6 /7;        
          }          
#box51 {
            grid-column: 1 / 2;
            grid-row: 2 /3;    
            }  
#box52 {
            grid-column: 1 / 2;
            grid-row: 3 /4;        
            } 
#box53 {
    grid-column: 1 / 2;
    grid-row: 4 /5;        
    }                  
#box54 {
  grid-column: 1 / 2;
  grid-row: 5 /6;        
  }  
#box1 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;      
    } 
#box2 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;      
    }
#box3 {
    grid-column: 4 / 5;
    grid-row: 2 / 3;      
    } 
#box4 {
    grid-column: 5 / 6;
    grid-row: 2 / 3;      
    } 
#box5 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;      
    } 
#box6 {
    grid-column: 3 / 4;
    grid-row: 3 / 4;      
    }
#box7 {
    grid-column: 4 / 5;
    grid-row: 3 / 4;      
    } 
#box8 {
    grid-column: 5 / 6;
    grid-row: 3 / 4;      
    }
#box9 {
    grid-column: 2 / 3;
    grid-row: 4 / 5;      
    } 
#box10 {
    grid-column: 3 / 4;
    grid-row: 4 / 5;      
    }
#box11 {
    grid-column: 4 / 5;
    grid-row: 4 / 5;      
    } 
#box12 {
    grid-column: 5 / 6;
    grid-row: 4 / 5;      
    }
#box13 {
    grid-column: 2 / 3;
    grid-row: 5 / 6;      
    } 
#box14 {
    grid-column: 3 / 4;
    grid-row: 5 / 6;      
    } 
#box15 {
    grid-column: 4 / 5;
    grid-row: 5 / 6;      
    }            
#box16 {
    grid-column: 5 / 6;
    grid-row: 5 /6;        
    }  
 
#ausw {
  position: absolute;  
  left: 700px;
}
#unten {
    grid-column: 3 / 5;
    grid-row: 7 /8; 
    background-color: rgb(216, 241, 158);        
  }
button, INPUT {
  display:inline-block;
  padding:0.3em 1.2em;
  margin:0 0.3em 0.3em 0;
  border-radius:2em;
  box-sizing: border-box;
  text-decoration:none;
  font-family:'Roboto',sans-serif;
  font-weight:300;
  color:rgb(255, 255, 1);
  background-color:rgb(8, 143, 8);
  text-align:center;
  transition: all 0.2s;
    }