#mainNav {
	/*background-color: rgba(255,255,255,0.0);*/
	background-color: #fff;
	/*border-bottom: 1px solid #fff;*/
	z-index: 9;

}

#mainNav.navbar-shrink {
	box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 75%);
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media (max-width: 991px) {
	/*#mainNav.fixed-top {
		position: sticky;
	}*/
}

#mainNav .nav-link {
	transition: none;
	text-transform: uppercase;
	color: #333;
	font-size: 0.9rem;
    font-weight: bold;
}

#mainNav .nav-link:hover {
	color: #F9AE28;
}
@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: #333;
	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: none;
	background-color: #F9AE28;
	backdrop-filter: blur(0px);
	background-image: 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: rgba(247,168,4,.5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
	min-width: 13rem;
	
	padding: 0.5rem 0;
}
.dropdown-menu a {
	color: #333;
	text-transform: uppercase;
	font-size: 0.9rem;
	position: relative;
	padding: 0.5rem 1rem;
	font-weight: bold;
}
.dropdown-menu a:hover {
	color: #747474;
	background-color: rgba(255,255,255,.4);
}

.navbar-nav > li .dropdown-menu a:before {
   	font-family: "Font Awesome 5 Solid" !important;
	content: '\f0da';
    position: absolute;
    margin-left: -15px;
    transition: all 0.2s ease;
	opacity: 0;
}


.navbar-nav > li .dropdown-menu a .svg-inline--fa  {
	opacity: 0;
	margin-right: 5px;
	
}

.navbar-nav > li .dropdown-menu a:hover .svg-inline--fa  {
	opacity: 1;
}

/*.dropdown-menu li:not(:last-child) {
	border-bottom: 1px dotted #333;
}*/


/*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);
	}
}

/*.dropdown-toggle::after {
	display: block;
	width: 10px;
    margin: auto;
}*/

/*
.dropdown{text-align:center;}
.button, .dropdown-menu{margin:0px 10px auto}
.dropdown-menu{width:300px; left:50%; margin-left:-150px;}*/