.cloud-06 {
    top: 10%;
    position: absolute;
    animation: run06 linear 25s infinite 20s;
    -webkit-animation: run06 linear 25s infinite 20s;
    -moz-animation: run06 linear 25s infinite 20s;
    -o-animation: run06 linear 25s infinite 20s;
    -ms-animation: run06 linear 25s infinite 20s;
    visibility: hidden;
    z-index: 1;
}

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

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

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

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

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

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

@keyframes one06 {
    from {
        margin-left: 10%;
    }
    to {
        margin-left: -25%;
        opacity: 0;
    }
}