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: 25vh;
        top: 0vh;
        text-align: center;
        padding: 1%;
        margin: auto;
        /*border: 5px solid green;*/
      }


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

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

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


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

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


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

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



        .box {
        width: 8vw;
        height: 2vh;
        font-size: 1vw;
        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;
        background-image: url("bilder/background1.jpg");
        width: 100vw;
        height: 130vh;
        padding: 1%;
        margin: auto; 
        top: 36vh;
        /*border: 5px solid green;*/
      }

      #footer {
        position: fixed;
        background-color: white;
        color: black;
        width: 100vw;
        height: 2vh;
        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;
      }


      #textbox1 {
      position: absolute;
      left: 15vw;
      top: 8vh;
      font-size: 1.5vw;
      color: white;
      }




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

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

      #textbox2 {
        position: absolute;
        left: 15vw;
        top: 20vh;
        font-size: 1.5vw;
        color: white;
        }



        .image-container1 {
          position: absolute;
          width: 50vw;
          height: 130vh;/* Passe die Höhe an deine Anforderungen an */
          overflow: hidden;
        }
        
        .slider-image1 {
          position: absolute;
          top: 30vh;
          left: 14vw;
          width: 50%;
          height: auto;
          opacity: 0;
          transition: opacity 1s ease-in-out; /* Überblendungsdauer anpassen */
        }
        
        .slider-image1.active {
          opacity: 1;
        }

        .image-container2 {
          position: absolute;
          width: 88vw;
          height: 95vh;/* Passe die Höhe an deine Anforderungen an */
          overflow: hidden;
        }
        
        .slider-image2 {
          position: absolute;
          top: 40vh;
          left: 43vw;
          width: 49%;
          height: auto;
          opacity: 0;
          transition: opacity 1s ease-in-out; /* Überblendungsdauer anpassen */
        }
        
        .slider-image2.active {
          opacity: 1;
        }