#mainNav {
	/*background-color: rgba(255,255,255,0.0);*/
	background-color: #0068B2;
	/*border-bottom: 1px solid #fff;*/
}
@media (max-width: 991px) {
	#mainNav.fixed-top {
		position: sticky;
	}
}

#mainNav .nav-link {
	transition: all 0.35s;
}
#mainNav .nav-link:hover {
	color: #fff;
	background-color: rgba(0,0,0,0.50);
}
@media (max-width: 991px) {
	#mainNav .nav-link {
		padding: 15px;
	}
}
@media (max-width: 991px) {
	ul.navbar-nav {
		padding-top: 20px;
	}
}
.navbar-toggler:focus {
	box-shadow: none;
}
/*Burger Mobile Animation*/
.navbar-toggler .navbar-toggler-icon {
	width: 30px;
	height: 30px;
	position: relative;
}

.line {
	position: absolute;
	left: 0px;
	height: 3px;
	width: 100%;
	background-color: #fff;
	border-radius: 8px;
	transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.45s;
}
.top {
	top: 18%;
}
.middle {
	top: 48%;
}
.bottom {
	top: 78%;
}

.navbar-toggler-icon.close .top {
	transform: rotate(45deg);
	top: 48%;
}
.navbar-toggler-icon.close .middle, .navbar-toggler-icon.close .bottom {
	transform: rotate(-45deg);
	top: 48%;
}

/*Dropdown Menu Animation*/
nav .dropdown-menu-end {
	right: 0;
	left: auto;
}
@media (min-width: 1200px) {}
	 /*Fade DropdownMenu*/
	
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
.dropdown-menu {
	border-radius: 0px;
	border: none;
    box-shadow: inset 1px 1px rgb(255 255 255 / 20%), inset -1px -1px rgb(255 255 255 / 10%), 1px 3px 24px -1px rgb(0 0 0 / 15%);
    background-color: transparent;
    background-image: linear-gradient(125deg, rgba(0,104,178,0.80), rgba(18,63,147,0.70) 70%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.dropdown-menu a {
	color: #fff;
}
.dropdown-menu a:hover {
	color: #fff;
	background-color: rgba(255,255,255,.4);
}

/*Dropdown Hover muss im Media min 992px stehen, damit sich die Navigation auf mobil durch klicken wieder schließen lässt!*/
@media (min-width: 992px) {
	li.dropdown:hover .dropdown-menu {
    opacity: 1;
	
}
	
li.dropdown:hover .dropdown-menu {
    display: block;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
}


#mainNav.fixed-top {
	animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}