.cloud-04 {
    top: 5%;
    position: absolute;
    animation: run04 linear 45s infinite 40s;
    -webkit-animation: run04 linear 45s infinite 40s;
    -moz-animation: run04 linear 45s infinite 40s;
    -o-animation: run04 linear 45s infinite 40s;
    -ms-animation: run04 linear 45s infinite 40s;
    visibility: hidden;
    z-index: 1;
}

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

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

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

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

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

.cloud-04-onetimme {
    top: 5%;
    position: absolute;
    animation-name: one04;
    animation-duration: 45s;
    animation-fill-mode: forwards;
    z-index: 1;
}

@keyframes one04 {
    from {
        margin-left: 40%;
    }
    to {
        margin-left: -25%;
        opacity: 0;
    }
}