@charset "utf-8";
/* CSS Document */
#gallery {
    position: relative;
    margin: 0; padding: 0;
}

#gallery figure {
    position: absolute;
    margin: 0; padding: 0;
    z-index: 1;
    animation: wechseln 15s infinite;
}

#gallery figure:last-of-type {
    position: relative;
}


@keyframes wechseln {
    0% {opacity: 0;}
    20% {opacity: 1;}
    40% {opacity: 1;}
    60% {opacity: 0;}
    100% {opacity: 0;}
}

#gallery figure:nth-of-type(2) {
    animation-delay: 5s;
    opacity: 0;
}

#gallery figure:nth-of-type(3) {
    animation-delay: 10s;
    opacity: 0;
}


/* Mobile */


#gallery_mobile {
    position: relative;
    margin: 0; padding: 0;
}

#gallery_mobile figure {
    position: absolute;
    margin: 0; padding: 0;
    z-index: 1;
    animation: wechseln 15s infinite;
}

#gallery_mobile figure:last-of-type {
    position: relative;
}

@keyframes wechseln {
    0% {opacity: 0;}
    20% {opacity: 1;}
    40% {opacity: 1;}
    60% {opacity: 0;}
    100% {opacity: 0;}
}

#gallery_mobile figure:nth-of-type(2) {
    animation-delay: 5s;
    opacity: 0;
}

#gallery_mobile figure:nth-of-type(3) {
    animation-delay: 10s;
    opacity: 0;
}