@keyframes logofade {
    0% {
        opacity: 0;
        top: -250px;
    }
    100%{
        opacity: 1;
        top: 0px;
    }
}

@keyframes fadein{
    0% {
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes speisekartefade {
    0% {
        opacity: 0;
        bottom: 50px;
    }
    100%{
        opacity: 1;
        bottom: -10px;
    }
}

#header-logo{
    animation: logofade 0.5s cubic-bezier(0.16, 0.38, 0.71, 1.49);
    animation-fill-mode: forwards;
}

.addr-btn{
    animation: fadein 0.8s cubic-bezier(0.16, 0.38, 0.71, 1.49);
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}

.call-btn{
    animation: fadein 0.8s cubic-bezier(0.16, 0.38, 0.71, 1.49);
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}

.order-btn{
    animation: speisekartefade 0.2s cubic-bezier(0.16, 0.38, 0.71, 1.49);
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
}