nav{
    background: rgba(3, 55, 97, 0.95);
    width: 100%;
    position: fixed;
    top:0;
    left:0;
    height:100vh;
    z-index: 10000;
}

nav i{
    color:#fff;
}

nav a{
    color:#fff;
}

.nav__footer{
    position: absolute;
    bottom:0px;
    left:0px;
    width: 100%;
}

.nav__open{
    font-family: 'Work Sans', sans-serif;
    cursor: pointer;
    font-weight: normal;
}

.nav__close{
    font-family: "Font Awesome 5 Pro";
    cursor: pointer;
}

.nav__head{
    text-transform: uppercase;
}

nav.shadow *{
    color:#fff;
}

.nav__main .nav__counter{

}

.nav__link a{
    font-size: 42px;
}

.nav__second--level a{
    font-size: 20px;
}

@media (max-width: 767.98px) {
    nav{
        width: 100%;
        right: -110%;
    }
    nav ul{
        margin-bottom: 0;
    }
    .nav__open-seite a {
        font-size: 28px;
    }
    .nav__second--level a{
        font-size: 18px;
    }
    .nav__open-seite .list__vertical li{
        margin-bottom: 0px;
    }
}