.navbar-fixed-top {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar {
	padding: 0 !important;
	height: 100%;
}
.navbar-row {
    width: 100%;
}

.navbar-nav{
	  display: flex;
}

.menu-item{
		padding-bottom:10px;
	}

#menu-main-menu2{
	background: #f1f3f2;
	color:#000000;
	margin-top:20px;
	display: block;
	/*height:100vh;*/
	padding-top:40px;
	padding-bottom:40px;
}

.navbar-toggler-icon{
	height: 3px;
    background: #ffffff;
    margin-bottom: 5px;
    display: block;
    width: 25px;
}

.nav-link{
	color:#000000;
	margin-left:0px;
	padding-left: 5vw;
}


.nav-link:before, .nav-link:before{

}

.nav-link:hover, .nav-link:focus {
    color: #000000;
}

.nav-link:hover:before, .nav-link-active:before, .navbar-nav>li>a.nav-link-active:before {
    visibility: visible;
    color: #fff;
    background-position: left bottom !important;
    transition: all .5s ease;
}

.navbar-nav .nav-link.active:before, .navbar-nav .nav-link.show:before {
        visibility: visible;
    color: #fff;
    background-position: left bottom !important;
    transition: all .5s ease;
}

.dropdown-menu {
		position: absolute;
		float: none;
		background: #f1f3f2;
		margin-left: 75px;
		margin-top: -2px;
		padding: 10px 60vw 10px 10vw;
    	margin: 0; 
	}


.dropdown-item.active, .dropdown-item:active {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
	width: fit-content;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #000000;
}
.dropdown-item {
    padding: 0px 0px 15px 0px;
    color: #000000;
	position: relative;
	font-size:18px;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #000000;
    background-color: transparent;
	width: fit-content;
}
.dropdown-item:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 11px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    background: linear-gradient(to right,#000 50%,transparent 50%) !important;
    background-size: 250% 100% !important;
    background-position: right bottom !important;
    transition: all .5s ease;
}

.dropdown-item:hover:before{
	visibility: visible;
    color: #fff;
    background-position: left bottom !important;
    transition: all .5s ease;
}

.dropdown-item.active:before{
	visibility: visible;
    color: #000;
    background-position: left bottom !important;
    transition: all .5s ease;
}

.navbar-toggler {
	    position: relative;
	    width: 30px;
    height: 30px;

}

.navbar-toggler .navbar-toggler-icon1{
	display: block;
	position: absolute;
	left:0px;
	top:0px;
	transform: rotate(0deg);
transition: all .5s ease;
}

.navbar-toggler .navbar-toggler-icon2{
	display: block;
	position: absolute;
	left:0px;
	top:8px;
	transform: rotate(0deg);
	transition: all .5s ease;
}

.navbar-toggler .navbar-toggler-icon3{
	display: block;
	position: absolute;
	left:0px;
	top:16px;
	transform: rotate(0deg);
	transition: all .5s ease;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon1{
    top: 8px;
	transform: rotate(45deg);
	transition: all .5s ease;
}


.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon2{
	display: none;
	transition: all .5s ease;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon3{
   top: 8px;
	transform: rotate(-45deg);
	transition: all .5s ease;
}



.nav-link.dropdown-toggle{
	padding-right: 30px !important;
    background: url(../img/dropdown-arrow.svg) !important;
    background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    display: inline !important;
}


	.col-language{
		justify-content: flex-end;
		 margin-top: 14px;
	}

.col-sagHallo{
		justify-content: flex-end;
		margin-top: 0px;
	/*opacity: 0;*/
	}

.col-hamburger{
	justify-content: flex-end;
	margin-top: 0px;
}

@media (max-width: 1399px){
	#menu-main-menu2{

	    width: 100vw;
}

}


@media (min-width: 1400px){
	
		.menu-item{
		padding-bottom:0px;
	}
	
	#menu-main-menu2{
		background: transparent;
	display: flex;
	height:auto;
		padding-top:0px;
		    margin-top: 32px;

	}
	
	.col-sagHallo{
		justify-content: flex-end;
		margin-top: 24px;
		opacity: 1;
	}
	
	
	.nav-link:hover, .nav-link:focus {
		color: #ffffff;
	}
	
	.nav-link:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -3px;
		left: 0;
		background-color: #fff;
		visibility: hidden;
		background: linear-gradient(to right,#fff 50%,transparent 50%) !important;
		background-size: 250% 100% !important;
		background-position: right bottom !important;
		transition: all .5s ease;
	}
	.dropdown-menu {
		padding: 30px 60vw 10px 10vw;
	}
	
	.nav-link{
		color:#ffffff;
		margin-left:0px;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
		color: #ffffff;
	}
	
	.navbar-nav {
		width: 100%;
		padding-top: 20px;
	}
	
	.navbar-nav .nav-link {
		margin-left: 75px;
		position: relative;
		padding: 0;
		margin-bottom: 20px;
		width: fit-content;
	}
	
	.navbar-nav .dropdown-menu {
		position: absolute;
		margin-left: 75px !important;
		float: none;
		background: #f1f3f2;
		margin-left: 75px;
		margin-top: -2px;
		padding: 30px 60px 10px 30px; 
    	margin: 0; 
		/*margin-top: 20px;*/
	}
	
	#lang-ul{
		margin-left:0px !important;
	}
	
	.navbar-expand-xxl .navbar-collapse {
		align-items: center;
		height: 100%;
	}
	
	.dropdown-menu .nav-link {
		margin-left: 0px !important;
		position: relative;
		padding: 0;
		margin-bottom: 20px;
		color:#000000;
	}
	
	.nav-link.dropdown-toggle{
		padding-right: 30px !important;
		background: url(../img/dropdown-arrow-white.svg) !important;
		background-size: 15px !important;
		background-repeat: no-repeat !important;
		background-position: right !important;
		display: block !important;
	}

	.lang-link{
		position: relative;
	height: 60px;
    display: block !important;

	}
	
	.lang-link:before{

		bottom: 18px;

	}
	
	.lang-dropdown{
		padding:20px;
	}
	
	.tool-item{
		color:#000;
		padding-bottom: 10px;
    	font-size: 18px;
		height: auto;
	}

}