.cloud-05 {
    top: 5%;
    position: absolute;
    animation: run05 linear 22s infinite 17s;
    -webkit-animation: run05 linear 22s infinite 17s;
    -moz-animation: run05 linear 22s infinite 17s;
    -o-animation: run05 linear 22s infinite 17s;
    -ms-animation: run05 linear 22s infinite 17s;
    visibility: hidden;
    z-index: 1;
}

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

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

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

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

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

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

@keyframes one05 {
    from {
        margin-left: 20%;
    }
    to {
        margin-left: -25%;
        opacity: 0;
    }
}