/*** Animation der Navbar ***/

.animated {
    animation-duration: .5s;
    animation-fill-mode: both;
}

.animated2 {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated3{
    animation-duration: 5s;
    animation-fill-mode: both;
}
}

.animated4{
    animation-duration: 10s;
    animation-fill-mode: both;
}
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-200%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(-200%)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideDown {
    0% {
        -o-transform: translateY(-200%)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-200%)
    }

    100% {
        transform: translateY(0)
    }
}

.animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown;
    
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-200%)
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-200%)
    }
}

@-o-keyframes slideUp {
    0% {
        -o-transform: translateY(0)
    }

    100% {
        -o-transform: translateY(-200%)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-200%)
    }
}

.animated2.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp;
}
/*####################################################################################*/
@-webkit-keyframes slideUp2 {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-5000%)
    }
}

@-moz-keyframes slideUp2 {
    0% {
        -moz-transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-5000%)
    }
}

@-o-keyframes slideUp2 {
    0% {
        -o-transform: translateY(0)
    }

    100% {
        -o-transform: translateY(-5000%)
    }
}

@keyframes slideUp2 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-5000%)
    }
}

.animated4.slideUp2 {
    -webkit-animation-name: slideUp2;
    -moz-animation-name: slideUp2;
    -o-animation-name: slideUp2;
    animation-name: slideUp2;
}

/*####################################################################################*/
@-webkit-keyframes slideDown2 {
    0% {
        -webkit-transform: translateY(-5000%)
    }

    100% {
        -webkit-transform: translateY(0%)
    }
}

@-moz-keyframes slideDown2 {
    0% {
        -moz-transform: translateY(-5000%)
    }

    100% {
        -moz-transform: translateY(0%)
    }
}

@-o-keyframes slideDown2 {
    0% {
        -o-transform: translateY(-5000%)
    }

    100% {
        -o-transform: translateY(0%)
    }
}

@keyframes slideDown2 {
    0% {
        transform: translateY(-5000%)
    }

    100% {
        transform: translateY(0%)
    }
}

.animated3.slideDown2 {
    -webkit-animation-name: slideDown2;
    -moz-animation-name: slideDown2;
    -o-animation-name: slideDown2;
    animation-name: slideDown2;
}

/*###################################################################################################*/

/*
@-webkit-keyframes headroom--top {
    0% {
        -webkit-transform: translateY(-1235%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes headroom--top {
    0% {
        -moz-transform: translateY(-1235%)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes headroom--top {
    0% {
        -o-transform: translateY(-1235%)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes headroom--top {
    0% {
        transform: translateY(-1235%)
    }

    100% {
        transform: translateY(0)
    }
}

.animated.headroom--top {
    -webkit-animation-name: headroom--top;
    -moz-animation-name: headroom--top;
    -o-animation-name: headroom--top;
    animation-name: headroom--top;
    
}
*/
/*###################################################################################################*/


.top2{
  display: none !important;
}