#buehne:hover figcaption {
    left: 0;
}

.laden {
    position: relative;
    background: linear-gradient(90deg, #f00, #ffa500, #ff0, #008000, #00f, #800080);
    width: 37.5em;
    height: 0.125em;
    bottom: -398px;
    animation: balken 6s ease-out infinite;
    z-index: 2;
}

@keyframes balken {
    0% {
        width: 0;
        opacity: 0;
    }

    10% {
        width: 0;
        opacity: 0.20000000298023223876953125;
    }

    80% {
        width: 100%;
        opacity: 0.800000011920928955078125;
    }

    100% {
        width: 100%;
        opacity: 0;
    }
}

.pause {
    position: absolute;
    top: 5px;
    left: 570px;
    color: #eee;
    font: bolder 1.3em/2 Impact;
    opacity: 0;
    transition: 0.5s;
    z-index: 2;
}

    .pause:after {
        content: 'I I';
    }

#buehne:hover .pause {
    opacity: 1;
}

#buehne figure:nth-of-type(1) {
    animation: bild 96s ease-out infinite;
}

#buehne figure:nth-of-type(2) {
    animation: bild 96s 6s ease-out infinite;
}

#buehne figure:nth-of-type(3) {
    animation: bild 96s 12s ease-out infinite;
}

#buehne figure:nth-of-type(4) {
    animation: bild 96s 18s ease-out infinite;
}

#buehne figure:nth-of-type(5) {
    animation: bild 96s 24s ease-out infinite;
}

#buehne figure:nth-of-type(6) {
    animation: bild 96s 30s ease-out infinite;
}

#buehne figure:nth-of-type(7) {
    animation: bild 96s 36s ease-out infinite;
}

#buehne figure:nth-of-type(8) {
    animation: bild 96s 42s ease-out infinite;
}

#buehne figure:nth-of-type(9) {
    animation: bild 96s 48s ease-out infinite;
}

#buehne figure:nth-of-type(10) {
    animation: bild 96s 54s ease-out infinite;
}

#buehne figure:nth-of-type(11) {
    animation: bild 96s 60s ease-out infinite;
}

#buehne figure:nth-of-type(12) {
    animation: bild 96s 66s ease-out infinite;
}

#buehne figure:nth-of-type(13) {
    animation: bild 96s 72s ease-out infinite;
}

#buehne figure:nth-of-type(14) {
    animation: bild 96s 78s ease-out infinite;
}

#buehne figure:nth-of-type(15) {
    animation: bild 96s 84s ease-out infinite;
}

#buehne figure:nth-of-type(16) {
    animation: bild 96s 90s ease-out infinite;
}

#buehne:hover figure, #buehne:hover .laden {
    animation-play-state: paused;
}

@keyframes bild {
    0% {
        right: -500px;
        z-index: 20;
        opacity: 1;
    }

    2% {
        right: 0px;
        z-index: 20;
    }

    5.75% {
        right: 0px;
        z-index: 20;
        opacity: 1;
    }

    6.25% {
        right: 0px;
        z-index: 10;
        opacity: 0;
    }

    12.5% {
        right: -500px;
        z-index: 10;
    }

    100% {
        right: -500px;
        z-index: 0;
    }
}