/*left: 20vw; top: 30vh;*/
    #bee3 {
        position: absolute;
        top:560px;
        left:10px;
        height: 355px;
        width: auto;
    }

    #kasten2{
        position: absolute;
        height: 355px;
        width: auto;
        top:560px;
        left:500px;
    }

    #wabe1 {
        position: absolute;
        left: 160px;
        top: 815px;
        rotate: -15deg;
        width: 200px;
        background-color: greenyellow;
        border:5px solid rgb(190, 90, 29);
        border-radius: 12px;
        transition-duration: 0.4s;
    }

    #wabe1:hover {
        background-color: azure;
    }

    #wabe6 {
        position: absolute;
        left: 120px;
        top: 690px;
        rotate: -13deg;
        width: 200px;
        background-color: greenyellow;
        border:5px solid rgb(190, 90, 29);
        border-radius: 12px;
        transition-duration: 0.4s;
    }

    #wabe6:hover {
        background-color: azure;
    }

    #wabe11 {
        position: absolute;
        left: 90px;
        top: 610px;
        rotate: -10deg;
        width: 180px;
        background-color: greenyellow;
        border:5px solid rgb(190, 90, 29);
        border-radius: 12px;
        transition-duration: 0.4s;
    }

    #wabe11:hover {
        background-color: azure;
    }

    #kasten1{
        position: absolute;
        width:auto;
        height: 355;
        top: 560px;
        left:1140px;
    }
    #gewicht1{
        position: absolute;
        top:885px;
        left: 1160px;
        border-radius: 12px;
        rotate: -0deg;
        background-color: greenyellow;
        width: 150px;
        border:5px solid rgb(190, 90, 29);
        transition-duration: 0.4s;
    }
    #gewicht1:hover{
        background-color: azure;
    }

    footer{
        position: absolute;
        text-align: 5px;
        background-color: gray;
        justify-content: center;
        display: flex;
        top:1400px;
        left:650px;
        color: black;
        font-weight: 600;
    }


    #ka2wabe1{
        position: absolute;
        top:750px;
        left:780px;
        rotate:-39deg;
        width: 200px;
        border-radius: 12px;
        border:5px solid rgb(190, 90, 29);
        background-color: greenyellow;
        transition-duration: 0.4s;
    }
    #ka2wabe1:hover{
        background-color: azure;
    }

    #ka3{
        position: absolute;
        top:670px;
        left:1200px;
        width: 100px;
        rotate: -3deg;
        border-radius: 12px;
        border:5px solid rgb(190, 90, 29);
        background-color: greenyellow;
        transition-duration: 0.4s;
    }
    #ka3:hover{
        background-color: azure;
    }
    .frame{
        position: absolute;
        left: 350px;
        top: 0px;
        width: 1000px;
        height: 450px;
        display: none;
        border: 2px solid red;
    }
    #flugloch{
        position: absolute;
        top:850px;
        left:1200px;
        width: 100px;
        rotate: -12deg;
        border-radius: 12px;
        border:5px solid rgb(190, 90, 29);
        background-color: greenyellow;
        transition-duration: 0.4s;
    }
    #flugloch:hover{
        background-color: azure;
    }
    #bienen{
        position: absolute;
        left: 650px;
        top: 960px;
        height: auto;
        width: 560;


    }
    #change{
        position: absolute;
        top:0px;
        left:800px;
        width: 100px;
        rotate: 0deg;
        border-radius: 12px;
        border:5px solid rgb(190, 90, 29);
        background-color: greenyellow;
        transition-duration: 0.4s;
    }
    #change:hover{
        background-color: azure;
    }
    #technik{
        position: absolute;
        width: auto;
        height: 355px;
        top: 560px;
        left: 1330px;
    }
    #messtechnik{
        position: absolute;
        top:730px;
        left:1350px;
        width: 80px;
        rotate: 5deg;
        border-radius: 12px;
        border:5px solid rgb(190, 90, 29);
        background-color: greenyellow;
        transition-duration: 0.4s;
    }
    #messtechnik:hover{
        background-color: azure;
    }
    #umwelt{
        position: absolute;
        top:740px;
        left:1430px;
        width: 80px;
        rotate: 3deg;
        border-radius: 12px;
        border:5px solid rgb(190, 90, 29);
        background-color: greenyellow;
        transition-duration: 0.4s;
    }
    #umwelt:hover{
        background-color: azure;
    }
    #main{
        background-color: goldenrod;
    }

    #next{
    position: absolute;
    top:426px;
    left:1360px;
    border-radius: 12px;
    rotate: -0deg;
    background-color: greenyellow;
    width: 150px;
    border:5px solid rgb(190, 90, 29);
    transition-duration: 0.4s;
    }
    #next:hover{
        background-color: azure;
    }
    #back{
        position: absolute;
        top:470px;
        left:1360px;
        border-radius: 12px;
        rotate: -0deg;
        background-color: greenyellow;
        width: 150px;
        border:5px solid rgb(190, 90, 29);
        transition-duration: 0.4s;
    }
    #back:hover{
        background-color: azure;
    }
    #reinfolge{
        position: absolute;
        left: 1650px;
        font-size: 18px;
        font-weight: 600;
    }
    #picture{
        position: absolute;
        background-color: greenyellow;
        left: 350px;
        top: 456px;
        border-radius: 5px;
        width: 130px;
        height: 100px;
        border: 5px solid rgb(190,90,29);
        font-size: 18px;
        font-weight: 600;
        transition-duration: 0.4s;
    }
    #picture:hover{
        background-color: azure;
        transform: scale(1.1);
    }
    #gewitter{
        position: absolute;
        background-color: greenyellow;
        left: 500px;
        top: 456px;
        border-radius: 5px;
        width: 130px;
        height: 100px;
        border: 5px solid rgb(190,90,29);
        font-size: 18px;
        font-weight: 600;
        transition-duration: 0.4s;
    }
    #gewitter:hover{
        background-color: azure;
        transform: scale(1.1);
    }
    #sponsor{
        position: absolute;
        background-color: greenyellow;
        left: 650px;
        top: 456px;
        border-radius: 5px;
        width: 130px;
        height: 100px;
        border: 5px solid rgb(190,90,29);
        font-size: 18px;
        font-weight: 600;
        transition-duration: 0.4s;
    }
    #sponsor:hover{
        background-color: azure;
        transform: scale(1.1);
    }
    #g{
        position: absolute;
        background-color: greenyellow;
        left: 800px;
        top: 456px;
        border-radius: 5px;
        width: 130px;
        height: 100px;
        border: 5px solid rgb(190,90,29);
        font-size: 18px;
        font-weight: 600;
        transition-duration: 0.4s;
    }
    #g:hover{
        background-color: azure;
        transform: scale(1.1);
    }
    #history{
        position: absolute;
        top:382px;
        left:1360px;
        border-radius: 12px;
        rotate: -0deg;
        background-color: greenyellow;
        width: 150px;
        border:5px solid rgb(190, 90, 29);
        transition-duration: 0.4s;
    }
    #history:hover{
        background-color: azure;
    }

    #bienenvideo{
        position: absolute;
        left: 10px;
        top: 960px;
        height: auto;
        width: 630;
    }