.schneedecke {
    height: 105%;
    width: 105%;
    bottom: 0px;
    left: 0px;
}

.schneeflocke {
    height: 50px;
width: 50px;}

/*Animation1*/
.snowanimation {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 50px;
    animation-name: snowanimation;
    animation-duration: 15s;
    animation-iteration-count: infinite;
}

@keyframes snowanimation{

    0% {
    position: absolute;
    top: 0px;
    left: 0px;}

    100% {position: absolute;
        top: 600px;
        left: 15px;}
  
    }

    /*Animation2*/
    .snowanimation2 {
        position: absolute;
        top: 0px;
        left: 50px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation2;
        animation-duration: 13s;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation2{
    
        0% {
        position: absolute;
        top: 0px;
        left: 50px;}
    
        100% {position: absolute;
            top: 600px;
            left: 60px;}
      
        }

        /*Animation3*/
    .snowanimation3 {
        position: absolute;
        top: 0px;
        left: 100px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation3;
        animation-duration: 14s;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation3{
    
        0% {
        position: absolute;
        top: 0px;
        left: 100px;}
    
        100% {position: absolute;
            top: 600px;
            left: 110px;}
      
        }

               /*Animation4*/
    .snowanimation4 {
        position: absolute;
        top: 0px;
        left: 150px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation4;
        animation-duration: 16s;
        animation-delay: 200ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation4{
    
        0% {
        position: absolute;
        top: 0px;
        left: 150px;}
    
        100% {position: absolute;
            top: 600px;
            left: 160px;}
      
        }

                    /*Animation5*/
    .snowanimation5 {
        position: absolute;
        top: 0px;
        left: 200px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation5;
        animation-duration: 17s;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation5{
    
        0% {
        position: absolute;
        top: 0px;
        left: 200px;}
    
        100% {position: absolute;
            top: 600px;
            left: 210px;}
      
        }

                /*Animation6*/
    .snowanimation6 {
        position: absolute;
        top: 0px;
        left: 250px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation6;
        animation-duration: 14s;
        animation-delay: 150ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation6{
    
        0% {
        position: absolute;
        top: 0px;
        left: 250px;}
    
        100% {position: absolute;
            top: 600px;
            left: 260px;}
      
        }

            /*Animation7*/
    .snowanimation7 {
        position: absolute;
        top: 0px;
        left: 300px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation7;
        animation-duration: 14s;
        animation-delay: 300ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation7{
    
        0% {
        position: absolute;
        top: 0px;
        left: 300px;}
    
        100% {position: absolute;
            top: 600px;
            left: 310px;}
      
        }

        /*Animation8*/
    .snowanimation8 {
        position: absolute;
        top: 0px;
        left: 350px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation8;
        animation-duration: 12s;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation8{
    
        0% {
        position: absolute;
        top: 0px;
        left: 350px;}
    
        100% {position: absolute;
            top: 600px;
            left: 360px;}
      
        }

        /*Animation9*/
    .snowanimation9 {
        position: absolute;
        top: 0px;
        left: 400px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation9;
        animation-duration: 13s;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation9{
    
        0% {
        position: absolute;
        top: 0px;
        left: 400px;}
    
        100% {position: absolute;
            top: 600px;
            left: 410px;}
      
        }

        /*Animation10*/
    .snowanimation10 {
        position: absolute;
        top: 0px;
        left: 450px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation10;
        animation-duration: 14s;
        animation-delay: 120ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation10{
    
        0% {
        position: absolute;
        top: 0px;
        left: 450px;}
    
        100% {position: absolute;
            top: 600px;
            left: 460px;}
      
        }

        /*Animation11*/
    .snowanimation11 {
        position: absolute;
        top: 0px;
        left: 500px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation11;
        animation-duration: 13s;
        animation-delay: 150ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation11{
    
        0% {
        position: absolute;
        top: 0px;
        left: 500px;}
    
        100% {position: absolute;
            top: 600px;
            left: 510px;}
      
        }

        /*Animation12*/
    .snowanimation12 {
        position: absolute;
        top: 0px;
        left: 550px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation12;
        animation-duration: 15s;
        animation-delay: 110ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation12{
    
        0% {
        position: absolute;
        top: 0px;
        left: 550px;}
    
        100% {position: absolute;
            top: 600px;
            left: 560px;}
      
        }

        /*Animation13*/
    .snowanimation13 {
        position: absolute;
        top: 0px;
        left: 600px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation13;
        animation-duration: 11s;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation13{
    
        0% {
        position: absolute;
        top: 0px;
        left: 600px;}
    
        100% {position: absolute;
            top: 600px;
            left: 610px;}
      
        }

        /*Animation14*/
    .snowanimation14 {
        position: absolute;
        top: 0px;
        left: 650px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation14;
        animation-duration: 16s;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation14{
    
        0% {
        position: absolute;
        top: 0px;
        left: 650px;}
    
        100% {position: absolute;
            top: 600px;
            left: 660px;}
      
        }

        /*Animation15*/
    .snowanimation15 {
        position: absolute;
        top: 0px;
        left: 700px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation15;
        animation-duration: 14s;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation15{
    
        0% {
        position: absolute;
        top: 0px;
        left: 700px;}
    
        100% {position: absolute;
            top: 600px;
            left: 710px;}
      
        }

        /*Animation16*/
    .snowanimation16 {
        position: absolute;
        top: 0px;
        left: 750px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation16;
        animation-duration: 12s;
        animation-delay: 100ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation16{
    
        0% {
        position: absolute;
        top: 0px;
        left: 750px;}
    
        100% {position: absolute;
            top: 600px;
            left: 760px;}
      
        }

        /*Animation17*/
    .snowanimation17 {
        position: absolute;
        top: 0px;
        left: 800px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation17;
        animation-duration: 14s;
        animation-delay: 160ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation17{
    
        0% {
        position: absolute;
        top: 0px;
        left: 800px;}
    
        100% {position: absolute;
            top: 600px;
            left: 810px;}
      
        }

        /*Animation18*/
    .snowanimation18 {
        position: absolute;
        top: 0px;
        left: 850px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation18;
        animation-duration: 17s;
        animation-delay: 160ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation18{
    
        0% {
        position: absolute;
        top: 0px;
        left: 850px;}
    
        100% {position: absolute;
            top: 600px;
            left: 860px;}
      
        }

        /*Animation19*/
    .snowanimation19 {
        position: absolute;
        top: 0px;
        left: 900px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation19;
        animation-duration: 16s;
        animation-delay: 160ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation19{
    
        0% {
        position: absolute;
        top: 0px;
        left: 900px;}
    
        100% {position: absolute;
            top: 600px;
            left: 910px;}
      
        }

        /*Animation20*/
    .snowanimation20 {
        position: absolute;
        top: 0px;
        left: 950px;
        height: 50px;
        width: 50px;
        animation-name: snowanimation20;
        animation-duration: 11s;
        animation-delay: 160ms;
        animation-iteration-count: infinite;
    }
    
    @keyframes snowanimation20{
    
        0% {
        position: absolute;
        top: 0px;
        left: 950px;}
    
        100% {position: absolute;
            top: 600px;
            left: 960px;}
      
        }








.text1 {
    animation-name: text1;
    animation-duration: 3s;
    text-align: center;
    padding: 0;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-size: 5em;
    font-family: 'arial';
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #628ab5;
}

@keyframes text1 {
    0% {}
    40% {
        letter-spacing: 50px;
    }

    100% {
        letter-spacing: 0px;
    }
}

.text2 {
    animation-name: text2;
    animation-duration: 3s;
    text-align: center;
    padding: 0;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-size: 1em;
    font-family: 'arial';
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #628ab5;
}

@keyframes text2 {
    0% {color:#004187;}
    80% {color: #004187;}
    100% {color: #628ab5;}
}

.pagelayout {
    background-color: #004187;
}