body  { font-family:arial; font-size:1.3em;}   
   h1 { font-family:verdana;text-align:center; }
   h2 { text-align:center;}
 
    /* Fuer altes Menu. Wird wohl nicht mehr gebraucht */
    ul { list-style-type:none; position:static; overflow:hidden; background-color:#333; max-width:760px; }
    li { font-family:arial;font-size:0.6em; border:1px solid grey; width: 100px;padding: 10px; float:left; }   
    li a { display: block; 
          color: white;
          text-align: center;
          padding: 14px 16px;
          text-decoration: none; }
     li a:hover { background-color:#111;}
    /* Fuer altes Menu. Wird wohl nicht mehr gebraucht */
 

  .grid-container {
      display: grid;
      grid-template-columns: auto auto;
      gap: 2px;
      background-color: #2196F3;
      padding: 2px;
    }

   .grid-container > div {
      background-color: rgba(255, 255, 255, 0.8);
      text-align: center;
      text-align: left;
      padding: 20px 0;
      font-size: 25px;
    }

   .item1 { grid-column: 1 / 5; }
    
    p { padding:10px }

     @media screen and (max-width: 600px){
       div{
         padding: 1px;
         margin: 1px;
       }

      .grid-container {
         display: grid;
         grid-template-columns: auto;
         gap: 2px;
         background-color: #2196F3;
         padding: 2px;
       }
       ul {width:130px; }
       li {float:none; padding-top:2px; padding-bottom:2px} 
     } 



 /*  drop down menu */

.dropbtn {
  display:none;
}

.menu {
  position: relative;
  display: inline-block;
}


.menu_items {
  position: relative;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  display:inline-block;
   }

.menu_items a {
  color: black;
  padding: 12px 10px;
  text-decoration: none;
  display: inline-block;
}

.menu_items a:hover {background-color: #ddd;}


 /*  end drop down menu */

@media screen and (max-width: 700px){
      /*  drop down menu */
     .dropbtn {
        background-color: #04AA6D;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        display: inline-block;
      }
      .menu_items {
         display: none;
         position: absolute;   /*  vertikale Ausrichtung */
         z-index: 1;
       }
       .menu_items a { display: block; }
       .menu:hover .menu_items {display: block;}
       .menu:hover .dropbtn {background-color: #3e8e41;}

 /*  End drop down menu */
       }

 figcaption { font-family:georgia; font-size:0.7em;  }
.fc {  font: 25px Arial, sans-serif; position:relative; top:10px}       /*   oder :  font: italic small-caps bold 12px/30px Georgia, serif;   }*/