h2 {
  color: red;   
  font-size: 18pt;  /* Größe 28pt   */
  font-family: arial, "lucida console", sans-serif;
}
h3 {
  color: blue;   
  font-size: 14pt;  /* Größe 28pt   */
  font-family: arial, "lucida console", sans-serif;
}
h4 {
  color: black;   
  font-size: 10pt;  /* Größe 28pt   */
  font-family: Tahoma, "lucida console", sans-serif;
}
box1 {
     display:inline;  /*float: left;*/
     padding: 10px;
     background: #eee;
     }
box2 {
     float: left;
     padding: 10px;
     background: #eee;
     }
#verweis {
  text-align:left;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:5px;
  margin-right:15px;
}
#verweis ul {
  list-style:none;
}
#verweis li {
  display:inline;  /*  ERSATZ FÜR: float:left; */
  margin-left:5px;
  width:30px;
  background-color:silver;
  border-top:1px black solid;
  border-left:5px orange solid;
  border-bottom:0px red solid;
  border-right:1px blue solid;
  margin-top:8px;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:6px;
  padding-right:6px;
}
#richten {
    display:inline;
    border: 1px solid; float: center;
}
table {
  border-collapse: separate;
  border-spacing: 0.2em;
  /*padding-top:10px;*/
}
  
th,td {
  padding: 0.1em 0.1em;
  /* padding: 0.2em 0.5em; */
  border-radius: 0.1em; 
  padding-top:0px;
}  

thead th {
  background-color: white; /*#ffebe6;*/
  color: #c32e04;
}

td {
  font-style: arial;
  text-align: left;
  box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,0.5); 
}   

td:empty{
  box-shadow: none;
}
.color-1 {
 background:yellow;    
}
.container { 
  display:grid;
  background:tomato;
  grid-template-rows:45px 40px; 
  grid-template-columns:145px 55px 55px 50px;
  grid-auto-flow:row; 
   }