html, body {    
    background-color: #fab906e0;
    /* Kommentar */
  }
.container { 
    position: absolute;   
    display: grid;
    grid-template-columns:  25px 1fr 1fr 1fr 25px;     
   
    left: 30px;
    top: 20px;
    width: 320px;     
    /* background-color: rgb(216, 241, 158);   
    border: 1px solid rgb(43, 23, 226);  */
    } 

h2 {
    grid-column: 1 / 6;
    grid-row: 1 /2;    
    color:rgb(94, 55, 4);
    } 
.container li {
        width: 75px;
        height: 75px;
        margin: 5px;
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px solid rgb(226, 145, 23);  
        font:32px Helvetica; color:rgb(35, 136, 10);
        /*place-self: center;*/
        display: flex; 
        align-items: center;
        justify-content: center; 
        box-shadow: 0 0 14px 6px rgb(219, 92, 7) inset;
    } 
    .container > div {
        display: flex; 
        align-items: center;
        justify-content: center; 
      }            
#box21 {
    grid-column: 2 / 3;
    grid-row: 2 /3;
    height: 25px;    
    }  
#box22 {
    grid-column: 3 / 4;
    grid-row: 2 /3;        
    } 
#box23 {
      grid-column: 4 / 5;
      grid-row: 2 /3;        
      }                  

#box31 {
    grid-column: 5 / 6;
    grid-row: 3 /4;        
    } 
#box32 {
    grid-column: 5 / 6;
    grid-row: 4 /5;        
    }                           
#box33 {
    grid-column: 5 / 6;
    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;        
    }                  
  
#box51 {
    grid-column: 1 / 2;
    grid-row: 3 /4;        
    } 
#box52 {
    grid-column: 1 / 2;
    grid-row: 4 /5;        
    }                  
#box53 {
  grid-column: 1 / 2;
  grid-row: 5 /6;        
  }  

#box1 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;      
    } 
#box2 {
    grid-column: 3 / 4;
    grid-row: 3 / 4;      
    }
#box3 {
    grid-column: 4 / 5;
    grid-row: 3 / 4;      
    } 

#box4 {
    grid-column: 2 / 3;
    grid-row: 4 / 5;      
    } 
#box5 {
    grid-column: 3 / 4;
    grid-row: 4 / 5;      
    }
#box6 {
    grid-column: 4 / 5;
    grid-row: 4 / 5;      
    } 

#box7 {
    grid-column: 2 / 3;
    grid-row: 5 / 6;      
    } 
#box8 {
    grid-column: 3 / 4;
    grid-row: 5 / 6;      
    } 
#box9 {
    grid-column: 4 / 5;
    grid-row: 5 / 6;      
    }            

#ausw {
  position: absolute;  
  left: 380px;
  top: 50px;
  width: 160px; 
 /* border: 1px solid rgb(43, 23, 226); */
}
#unten {
    grid-column: 2 / 5;
    grid-row: 7 /8; 
    margin-top: 15px;
    background-color: rgb(243, 224, 114); 
    font:24px Helvetica; color:rgb(25, 97, 7);       
  }
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;
    }