#window_26 {
    position: relative;
    width: 470px;
    height: 630px;
    overflow: hidden;
    margin: 50px auto;
    background: #444;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
}

#all_26 {
    display: flex;
    width: 12220px; /* 26 × 470 */
    height: 630px;
    animation: slide26 78s linear infinite;
}

#window:hover #all {
    animation-play-state: paused;
}

#window:hover::after {
    content: "▌▌";
    position: absolute;
    top: 15px;
    right: 15px;
    color: #bbb;
    opacity: .6;
    font-size: 22px;
    text-shadow: -1px -2px 3px #fff, 1px 2px 3px #000;
}

#all span {
    display: block;
    flex: 0 0 470px;
    width: 470px;
    height: 630px;
}

#all span.ls img,
#all span.pt img {
    display: block;
    width: 470px;
    height: 630px;
    margin: 0 auto;
    object-fit: contain;
}

/*
   Jedes Bild bleibt 3 Sekunden sichtbar.
   26 Bilder × 3 Sekunden = 78 Sekunden.
*/
@keyframes slide26 {

    /* Bild 1 */
    0%, 3.846% {
        transform: translateX(0);
    }

    /* Bild 2 */
    3.847%, 7.692% {
        transform: translateX(-470px);
    }

    /* Bild 3 */
    7.693%, 11.538% {
        transform: translateX(-940px);
    }

    /* Bild 4 */
    11.539%, 15.384% {
        transform: translateX(-1410px);
    }

    /* Bild 5 */
    15.385%, 19.230% {
        transform: translateX(-1880px);
    }

    /* Bild 6 */
    19.231%, 23.076% {
        transform: translateX(-2350px);
    }

    /* Bild 7 */
    23.077%, 26.922% {
        transform: translateX(-2820px);
    }

    /* Bild 8 */
    26.923%, 30.768% {
        transform: translateX(-3290px);
    }

    /* Bild 9 */
    30.769%, 34.614% {
        transform: translateX(-3760px);
    }

    /* Bild 10 */
    34.615%, 38.460% {
        transform: translateX(-4230px);
    }

    /* Bild 11 */
    38.461%, 42.306% {
        transform: translateX(-4700px);
    }

    /* Bild 12 */
    42.307%, 46.152% {
        transform: translateX(-5170px);
    }

    /* Bild 13 */
    46.153%, 49.998% {
        transform: translateX(-5640px);
    }

    /* Bild 14 */
    49.999%, 53.844% {
        transform: translateX(-6110px);
    }

    /* Bild 15 */
    53.845%, 57.690% {
        transform: translateX(-6580px);
    }

    /* Bild 16 */
    57.691%, 61.536% {
        transform: translateX(-7050px);
    }

    /* Bild 17 */
    61.537%, 65.382% {
        transform: translateX(-7520px);
    }

    /* Bild 18 */
    65.383%, 69.228% {
        transform: translateX(-7990px);
    }

    /* Bild 19 */
    69.229%, 73.074% {
        transform: translateX(-8460px);
    }

    /* Bild 20 */
    73.075%, 76.920% {
        transform: translateX(-8930px);
    }

    /* Bild 21 */
    76.921%, 80.766% {
        transform: translateX(-9400px);
    }

    /* Bild 22 */
    80.767%, 84.612% {
        transform: translateX(-9870px);
    }

    /* Bild 23 */
    84.613%, 88.458% {
        transform: translateX(-10340px);
    }

    /* Bild 24 */
    88.459%, 92.304% {
        transform: translateX(-10810px);
    }

    /* Bild 25 */
    92.305%, 96.150% {
        transform: translateX(-11280px);
    }

    /* Bild 26 */
    96.151%, 100% {
        transform: translateX(-11750px);
    }
}
