body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
        background-color: #f29157;
        color: white;
        overflow-y: scroll;
      }

      #header {
        position: absolute;
        background-color: white;
        width: 100vw;
        height: 14vh;
         text-align: center;
        padding: 1%;
        margin: auto;
        /*border: 5px solid green;*/
      }


      #logobox1 {
        position: absolute;
        left: 10vw;
        top: 1.6vh;  
        /* background-color: #239227; */
          width: 17vw;
          height: auto;
          padding: 1%;
          margin: 0%;
          /*border: 5px solid green;*/
      }

      #bild0 {
        width:100%;
        height: auto;
      }

      #logobox2 {
        position: absolute;
        right: 5vw;
        top: 1.6vh;  
        /* background-color: #239227; */
          width: 17vw;
          height: auto;
          padding: 1%;
          margin: 0%;
          /*border: 5px solid green;*/  
      }


      #bild00 {
        
        width:100%;
        height:auto;
        
      }

      #logobox3 {
        position: absolute;
        left: 35vw;
        top: 4vh;  
        /* background-color: #239227; */
          width: 47vw;
          height: auto;
          padding: 0%;
          margin: 0%;
          /*border: 5px solid green; */
      }


      #bild000 {
        
        width:100%;
        height:auto;
        
      }

      #menue{
        position: absolute;
        top: 15vh;
        background-color: #f29157;
        color:white;
        width: 100vw;
        text-align: center;
        padding: 1%;
        margin: auto;
        /*border: 5px solid green;*/
      }



        .box {
        width: 10vw;
        height: 1vh;
        font-size: 1.5vw;
        font-weight: bold;
        color:white;
        padding: 1%;
        background-color: #f29157;
        border: 2px solid white;
        display: inline-block;
        transition: background-color 0.5s;
        }

        .box:hover {
        background-color:grey;
        color: orange;
        cursor: pointer;
        text-decoration: underline;
        }


      #content {
        position: absolute;
        top: 20vh;
        background-color: white;
        width: 100vw;
        height: 110vh;
        padding: 1%;
        margin: auto; 
        /*border: 5px solid green;*/
      }

      #footer {
        position: fixed;
        background-color: #00a170;
        font-size: 3vw;
        color: black;
        width: 100vw;
        height: 3vh;
        z-index: 12;
        text-align: center;
        padding: 1%;
        margin: auto;
        bottom: 0vh;
        /*border: 5px solid green;*/
      }     

      a.status:link {
        color: black;
        text-decoration: none;
      }
      a.status:visited {
        color: darkgrey;
      }
      a.status:hover {
        color: orange;
        text-decoration: underline;
        cursor: help;
      }
      a.status:active {
        color: blue;
      }

      .bildxd {
        
        width:100%;
        height:auto;
      }
      
          
      #box01 {
        position: absolute;
        left: 20vw;
        top: 5vh;
        /* background-color: #239227; */
          width: 9vw;
          height: 11vh;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #bild01 {
        
        width:100%;
        height:auto;
      }

        #textbox01 {
          position: absolute;
          left: 30vw;
          top: 11vh;
          font-size: 1.5vw;
          color: black;
          /* background-color: #239227; */
            width: 35vw;
            height: auto;
            padding: 1%;
            margin: 0%;
            border: 1vw solid #00a170;
        }
        
        #pfeilbox01 {
          position: absolute;
          right: 24vw;
          top: 12.5vh;  
          width: 0vw;
          height: 0vh;                          
          border-style: solid;
          border-width: 2vw 0vh 2vw 10vw;
          border-color: transparent transparent transparent #00a170;
        }

      #downloadbox01 {
        position: absolute;
        right: 18vw;
        top: 11vh;
        /* background-color: #239227; */
          width: 7vw;
          height: auto;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #box02 {
        position: absolute;
        left: 20vw;
        top: 18vh;
        /* background-color: #239227; */
          width: 9vw;
          height: 11vh;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #bild02 {
        
        width:100%;
        height:auto;
      }

        #textbox02 {
          position: absolute;
          left: 30vw;
          top: 24vh;
          font-size: 1.5vw;
          color: black;
          /* background-color: #239227; */
            width: 35vw;
            height: auto;
            padding: 1%;
            margin: 0%;
            border: 1vw solid #00a170;
        }
        
        #pfeilbox02 {
          position: absolute;
          right: 24vw;
          top: 25.5vh;  
          width: 0vw;
          height: 0vh;                          
          border-style: solid;
          border-width: 2vw 0vh 2vw 10vw;
          border-color: transparent transparent transparent #00a170;
        }

      #downloadbox02 {
        position: absolute;
        right: 18vw;
        top: 24vh;
        /* background-color: #239227; */
          width: 7vw;
          height: auto;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #box03 {
        position: absolute;
        left: 20vw;
        top: 31vh;
        /* background-color: #239227; */
          width: 9vw;
          height: 11vh;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #bild03 {
        
        width:100%;
        height:auto;
      }

        #textbox03 {
          position: absolute;
          left: 30vw;
          top: 37vh;
          font-size: 1.5vw;
          color: black;
          /* background-color: #239227; */
            width: 35vw;
            height: auto;
            padding: 1%;
            margin: 0%;
            border: 1vw solid #00a170;
        }
        
        #pfeilbox03 {
          position: absolute;
          right: 24vw;
          top: 38.5vh;  
          width: 0vw;
          height: 0vh;                          
          border-style: solid;
          border-width: 2vw 0vh 2vw 10vw;
          border-color: transparent transparent transparent #00a170;
        }

      #downloadbox03 {
        position: absolute;
        right: 18vw;
        top: 37vh;
        /* background-color: #239227; */
          width: 7vw;
          height: auto;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }
      
      #box04 {
        position: absolute;
        left: 20vw;
        top: 44vh;
        /* background-color: #239227; */
          width: 9vw;
          height: 11vh;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #bild04 {
        
        width:100%;
        height:auto;
      }

        #textbox04 {
          position: absolute;
          left: 30vw;
          top: 50vh;
          font-size: 1.5vw;
          color: black;
          /* background-color: #239227; */
            width: 35vw;
            height: auto;
            padding: 1%;
            margin: 0%;
            border: 1vw solid #00a170;
        }
        
        #pfeilbox04 {
          position: absolute;
          right: 24vw;
          top: 51.5vh;  
          width: 0vw;
          height: 0vh;                          
          border-style: solid;
          border-width: 2vw 0vh 2vw 10vw;
          border-color: transparent transparent transparent #00a170;
        }

      #downloadbox04 {
        position: absolute;
        right: 18vw;
        top: 50vh;
        /* background-color: #239227; */
          width: 7vw;
          height: auto;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }
      #box05 {
        position: absolute;
        left: 20vw;
        top: 57vh;
        /* background-color: #239227; */
          width: 9vw;
          height: 11vh;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #bild05 {
        
        width:100%;
        height:auto;
      }

        #textbox05 {
          position: absolute;
          left: 30vw;
          top: 63vh;
          font-size: 1.5vw;
          color: black;
          /* background-color: #239227; */
            width: 35vw;
            height: auto;
            padding: 1%;
            margin: 0%;
            border: 1vw solid #00a170;
        }
        
        #pfeilbox05 {
          position: absolute;
          right: 24vw;
          top: 64vh;  
          width: 0vw;
          height: 0vh;                          
          border-style: solid;
          border-width: 2vw 0vh 2vw 10vw;
          border-color: transparent transparent transparent #00a170;
        }

      #downloadbox05 {
        position: absolute;
        right: 18vw;
        top: 63vh;
        /* background-color: #239227; */
          width: 7vw;
          height: auto;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #box06 {
        position: absolute;
        left: 20vw;
        top: 70vh;
        /* background-color: #239227; */
          width: 9vw;
          height: 11vh;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }

      #bild06 {
        
        width:100%;
        height:auto;
      }

        #textbox06 {
          position: absolute;
          left: 30vw;
          top: 76vh;
          font-size: 1.5vw;
          color: black;
          /* background-color: #239227; */
            width: 35vw;
            height: auto;
            padding: 1%;
            margin: 0%;
            border: 1vw solid #00a170;
        }
        
        #pfeilbox06 {
          position: absolute;
          right: 24vw;
          top: 77.5vh;  
          width: 0vw;
          height: 0vh;                          
          border-style: solid;
          border-width: 2vw 0vh 2vw 10vw;
          border-color: transparent transparent transparent #00a170;
        }

      #downloadbox06 {
        position: absolute;
        right: 18vw;
        top: 76vh;
        /* background-color: #239227; */
          width: 7vw;
          height: auto;
          padding: 0%;
          margin: 0%;
          border: 1vw solid #00a170;
      }