.cloud-02 {
    top: 15%;
    position: absolute;
    animation: run02 linear 30s infinite 25s;
    -webkit-animation: run02 linear 30s infinite 25s;
    -moz-animation: run02 linear 30s infinite 25s;
    -o-animation: run02 linear 30s infinite 25s;
    -ms-animation: run02 linear 30s infinite 25s;
    visibility: hidden;
    z-index: 1;
}

@keyframes run02 {
    0% {
        visibility: visible;
        margin-left: 100%;
    }
    100% {
        margin-left: -45%;
    }
}

@-moz-keyframes run02 {
    0% {
        visibility: visible;
        margin-left: 100%;
    }
    100% {
        margin-left: -45%;
    }
}

@-webkit-keyframes run02 {
    0% {
        visibility: visible;
        margin-left: 100%;
    }
    100% {
        margin-left: -45%;
    }
}

@-o-keyframes run02 {
    0% {
        visibility: visible;
        margin-left: 100%;
    }
    100% {
        margin-left: -45%;
    }
}

@-ms-keyframes run02 {
    0% {
        visibility: visible;
        margin-left: 100%;
    }
    100% {
        margin-left: -45%;
    }
}

.cloud-02-onetimme {
    top: 15%;
    position: absolute;
    animation-name: one02;
    animation-duration: 30s;
    animation-fill-mode: forwards;
    z-index: 1;
}

@keyframes one02 {
    from {
        margin-left: 80%;
    }
    to {
        margin-left: -25%;
        opacity: 0;
    }
}