.mousegrid {
   display: grid; 

   grid-template-rows: 25px 210px 80px 75px 100px 40px 110px 45px 35px auto;
   grid-template-columns: auto  82px 75px 40px 75px 82px  auto;
   
   grid-template-areas: 
	'. . . . . . .'
  'statement statement statement statement statement statement statement'
	'. links feedback feedback feedback rechts .'
  '. . . . . . .'
	'. . sicherheit sicherheit sicherheit . .'
  '. . . . . . .'
  'grund grund grund grund grund grund grund'
	'. . . . . . .'
  '. . . . . start .'
	'. . . . . . .';
   
   gap: 0px;
   height: 100%;

   text-align: center;


}
  
#item-0 {

   
   grid-area: statement;
   
   display: flex;
   justify-content: center;
   align-items: center;
}
#item-1 {

   //background-color: #CCCCCC; 
   grid-area: start;

   font-size: 95%;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: default;

}
#item-2 {

  
   grid-area: links;

   border: 3px solid black;
   font-size: 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: default;
}
#item-3 {

  
   grid-area: rechts;
   
   border: 3px solid black;
   font-size: 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: default;
   
}
#item-4 {

  
   grid-area: feedback;
   
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   cursor: default;
}
#item-5 {

  
   grid-area: grund;
   
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: default;
   }
#item-6 {

 
   grid-area: sicherheit;
   
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 16px;
   cursor: default;
   }


.statementDiv {
  
  border: 3px darkcyan solid;
  padding: 12px;
  font-size: 18px;
  width: auto; 
  height: auto;
  text-align: center;
  }

#item-5 .statementDiv {
  background-color:	#96CDCD;
  }


@media not (hover:hover), not (pointer: fine) {
  #finehoverbutton {
    display:none;
  }
}

@media (hover:hover) or (pointer: fine) {
  #notfinehoverbutton {
    display:none;
  }
}