#lucht {
    width: 100vw; height: 100vh;
    position: relative;
    }

    #loading {
        /* (A1) COVER FULL PAGE */
        position: fixed;
        top: 0; left: 0; z-index: 999;
        width: 100vw; height: 100vh;
       
        /* (A2) SPINNER IMAGE */
        background-color:rgb(0, 0, 0);
        background-position: center;
        background-repeat: no-repeat;
      }
      
    .ster{
        width: 4px;
        height: 4px;
        background-color: white;
        border-radius: 4px;
        position: absolute;
        animation: knipper 1s ease-in-out infinite;
        animation-fill-mode: both;
    }
    
    @keyframes knipper{
        0%{
    opacity: 1;
        }40%{
    opacity: 0;
        }60%{
            opacity:0;
        }100%{
            opacity: 1; 
        }
    }

    #earth{
        position: absolute;
        left: 43%;
        top: 37%;
    }

    @media(max-width: 1120px) {
        #earth{
            left: 41%;
           
        }
    }

    @media(max-width: 920px) {
        #earth{
            width: 180px;
            position: absolute;
            left: 38%;
           
        }
    }

    @media(max-width: 720px) {
        #earth{
            width: 150px;
            position: absolute;
            left: 36%;
           
        }
    }

    @media(max-width: 520px) {
        #earth{
            width: 100px;
            position: absolute;
            left: 35%;
           
        }
    }

    @media(max-width: 320px) {
        #earth{
            width: 100px;
            position: absolute;
            left: 28%;
            top: 27%;
        }
    }