* {
    margin: 0;
    padding: 0;
}

body {
    overflow: hidden;
    background: url('/assets/images/home/EB9A2825.jpeg') no-repeat center;
    background-size: cover;
}

section {
    background-repeat: no-repeat;
    background-size: cover;
    animation: switch 25s infinite forwards;
    height: 100vh;
    width: 100vw;
    display: block;
}

#logo-dunkel, #logo-hell {
    position: fixed;
    left: 5.2vw;
    top: 33px;
    z-index: 100;
}

menu {
    position: fixed;
    right: 5.2vw;
    top: 45px;
    z-index: 100;
}

menu a {
    animation: switchcolor 25s infinite forwards;
}

#logo-hell {
    animation: switchcolorhell 25s infinite forwards;
}

#logo-dunkel {
    animation: switchcolordunkel 25s infinite forwards;
}

#float {
    background: rgba(0,0,0,0.1);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 10;
}

@keyframes switch {
    0%{
        background: url('/assets/images/home/EB9A2825.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    5%{
        background: url('/assets/images/home/EB9A2825.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    10%{
        background: url('/assets/images/home/EB9A2844.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    25%{
        background: url('/assets/images/home/EB9A2844.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    30%{
        background: url('/assets/images/home/image00002.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    45%{
        background: url('/assets/images/home/image00002.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    50%{
        background: url('/assets/images/home/image00001.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    65%{
        background: url('/assets/images/home/image00001.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    70%{
        background: url('/assets/images/home/vincent_langer_kids_camp_2021_by_hanok_up_north_93.JPG') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    85%{
        background: url('/assets/images/home/vincent_langer_kids_camp_2021_by_hanok_up_north_93.JPG') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    90%{
        background: url('/assets/images/home/EB9A2825.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    100%{
        background: url('/assets/images/home/EB9A2825.jpeg') center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@keyframes switchcolor {
    0%{
        color: #3A405A;
    }
    25%{
        color: #3A405A;
    }
    30%{
        color: #FCFCFC;
    }
    45%{
        color: #FCFCFC;
    }
    50%{
        color: #3A405A;
    }
    100%{
        color: #3A405A;
    }
}

@keyframes switchcolorhell {
    0%{
        opacity: 0;
    }
    5%{
        opacity: 0;
    }
    10%{
        opacity: 0;
    }
    25%{
        opacity: 0;
    }
    30%{
        opacity: 1;
    }
    45%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    65%{
        opacity: 0;
    }
    70%{
        opacity: 0;
    }
    85%{
        opacity: 0;
    }
    90%{
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}

@keyframes switchcolordunkel {
    0%{
        opacity: 1;
    }
    5%{
        opacity: 1;
    }
    10%{
        opacity: 1;
    }
    25%{
        opacity: 1;
    }
    30%{
        opacity: 0;
    }
    45%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    65%{
        opacity: 1;
    }
    70%{
        opacity: 1;
    }
    85%{
        opacity: 1;
    }
    90%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}