BODY {
          background: #ccf;
       }
       
       /* Ueberschrift */
       .headline {
          position:fixed;
          top:0px;
          left: 0px;
          right:0px;
          height: 70px;
          background: linear-gradient(0deg, #00b, #228);
          padding: 10px;
          text-align:center;
          color:#fff;
          cursor:default;
          z-index: 5;
          font-family:monospace;
       }
       .headline H1 {
          font-size: 30px;
       }
       
       /* Page */
       .page {
          position: fixed;
          top: 132px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          background: #fff;
          box-shadow: inset 0.0em 0.3em 0.9em black;
          padding-left:10px;
          padding-right:10px;
          overflow-y:scroll;
          scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0);
          overflow-x:clip;
          z-index:3;
       }
       .page H1 {
          color:#a00;
       }
       .page H2 {
          color:#a00;
       }
       .page H3 {
          color:#a00;
       }
       .page A {
          text-decoration:none;
          color:#0a0;
          font-weight:800;
       }

       /* Menue-Style */
       .main-menu {
          width:100%;
          display:flex;
          flex-direction: row;
          position:fixed;
          top: 90px;
          left: 0px;
          right:0px;
          max-height:90vh;
          z-index: 4;
       } 
       .main-menu:hover {
          z-index: 5;
       }
       .item {
          flex-wrap: wrap;
          //flex-basis: calc(50% - 10px);
          flex-basis: calc(100% - 10px);
          height:30px;
          background:linear-gradient(120deg, #00a, #008) #555;
          border: 2px solid #000;
          padding: 5px;
          text-align:center;
          color:#fff;
          font-size:19px;
          font-family: monospace;
          font-weight:800;
       }
       .item:hover {
          color:#ff0;
          cursor:default;
       }
       .menu {
          position:fixed;
          top: 132px;
          //bottom: 1px;
          right: 0px;
          left: 0px;

          height: 50vh;

          background:#f00;
          background:linear-gradient(0deg, #00a, #000) #555;
          border-top: 2px solid #000;

          box-shadow: 5px 5px 8px #007;

          z-index: 5;
       }
       .menu {
          padding: 15px;
          color: #c00;
          overflow-y:scroll;
          scrollbar-color: rgba(0,0,0,0) rgba(0,0,0,0);
       }
       .menu H1 {
          background:-webkit-linear-gradient(#0cc, #cc0) #f55;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
       }
       .menu H2 {
          background:-webkit-linear-gradient(#0cc, #cc0) #f55;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
       }
       .menu H3 {
          background:-webkit-linear-gradient(#0cc, #cc0) #f55;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
       }
       .menu A {
          color:#ffa;
          text-decoration: none;
       }

       /* Menue-Funktionalitaet */
       .menu {
         //display:none;
         visibility: hidden;
         opacity:0;
         transition: visibility 0s 1s, opacity 1s linear;
       }
       .item:hover + .menu {
         //display:block;
         visibility: visible;
         opacity: 0.9;
         transition: opacity 1s linear;
       }
       .menu:hover {
         //display:block;
         visibility: visible;
         opacity: 0.9;
         transition: opacity 1s linear;
       }
     
       /* coronastat-Infoseite */
       .diagbox {
          width: 98%;
          min-height: 85vh;
          background: #fff;
          margin-left: auto;
          margin-right: auto;
          color:#000;
          text-align:center;
          padding: 5px;
       }
       .diagbox2 {
          width: 98%;
          background: #ddd;
          margin-left: auto;
          margin-right: auto;
          color:#000;
          text-align:center;
          padding: 5px;
       }
       
       /* Scrollbar unsichtbar machen */
       ::-webkit-scrollbar {
         width: 0px;
       }
       
       ::-webkit-scrollbar-track {
         background: rgba(0,0,0,0);
       }
       
       ::-webkit-scrollbar-thumb {
         background: rgba(0,0,0,0);
       }
       
       ::-webkit-scrollbar-thumb:hover {
         background: rgba(0,0,0,0);
       } 
       
       /* Bestimmte Texte sollen nicht markiert werden koennen */
       .noselect {
         -webkit-user-select: none;
         -ms-user-select: none;
         user-select: none;
       }
       
       /* Bilder sollen nicht interagieren */
       img {
         pointer-events: none;
       }