/* ################################################### CONFIG NAVIGATION ################################################## */



body:not(.mobile) .dropdown-menu .dropdown-container:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	top: -20px;
	border-style: solid;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 10px;
	margin-left: 30px;
}

.mobile .navbar-mainnavigation .dropdown-toggle:after {
	 margin-left: auto;
}

.mobile .navbar-mainnavigation .navbar-nav>li>.nav-link:before {
	display: none;
}
/* ##################################################
# NAVBAR BUGFIXES
################################################## */
.mobile .dropdown-container {
max-width: inherit;
}

.mobile .navigation-searchicon {
	display: none;
}
#page-header li {
	list-style: none;
}
.navbar-toggler {
	min-width: 44px!important;
	min-height: 44px!important;
}

.active.dropdown.show ul.dropdown-menu {
	display: inherit!important;
}

.mobile #page-header.navbar-mainnavigation.navbar .navbar-nav .dropdown-menu {
	width: 100%;
}

.navbar-mainnavigation .dropdown-toggle:after {
	border-top: 0.4em solid;
	border-right: 0.4em solid transparent;
	border-left: 0.4em solid transparent;
}

.navbar-mainnavigation .dropdown-menu {
	top: 100%;
}

#page-header #mainnavigation {
	z-index: 1030;
}


/* ##################################################
# NAVBAR LANGUAGE SWITCHER
################################################## */

.header-language {
	height: 20px;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	overflow: hidden;
	margin-right: 20px;
}

.domloaded .header-language:hover .de-DE,
.domloaded .header-language:hover .en-EN {
	transition: all 0.2s ease-in;
}

.domloaded .navigation-top,
.domloaded .navbar-nav {
	transition: all 0.2s ease-in;
}
.header-language img {
	width: 40px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

.header-language .de-CH,
.header-language .de-DE,
.header-language .en-EN {
	display: inherit;
	margin: 0px;
	padding: 0px;
}

.header-language .de-CH.active,
.header-language .de-DE.active {
	margin-top: 0px;
}
.header-language .en-EN.active {
	margin-top: -21px;
}

.header-language:hover .de-CH.active,
.header-language:hover .de-DE.active {
	margin-top: -21px;
}
.header-language:hover .en-EN.active {
	margin-top: -42px;
}



/* ##################################################
# NAVBAR RESPONSIVE PADDINGS AND MARGINS
################################################## */

/* ##################################################
# NAVBAR RESPONSIVE DROPDOWN MENUE
################################################## */


.mobile .dropdown-container ul,
.mobile .dropdown-container li {
	list-style: none;
}

.mobile .navbar-mainnavigation .dropdown-menu {
	border-left: none;
	margin-left: 0px;
}


body:not(.mobile) .dropdown-menu {
	width: inherit;
}




/* ##################################################
# NAVIGATION TOP
################################################## */

body:not(.mobile) #page-header .container {
	position: relative;
}

.navigation-top {
	z-index: 1034;
}

body:not(.mobile) .navigation-top {
	position: absolute;
	max-height: 24px;
	float: right;
	right: 0px;
}

.navigation-top ul {
	float: right;
	display: block;
}

.navigation-top ul li {
	float: left;
	padding-left: 12px;
}

.navigation-top a:hover {
	text-decoration: none;
}



#page-header .navigation-top .navigation-searchicon a::after {
	opacity: 0;
}


.mobile #mainnavigation .navbar-nav .navigation-searchicon {
	padding-left: 0px;
	margin-left: -6px;
}

/* ##################################################
# NAVIGATION TOP LINES
################################################## */
#page-header .navigation-top a::after {
	content: '';
	border-left: 1px solid currentColor;
	opacity: .2;
	position: relative;
	left: 6px;
	top: 0px;
}

#page-header .navigation-top li:last-child a::after {
	display: none;
}

#page-header .navigation-top ul {
	margin-left: 20px;
}

.mobile #page-header .navigation-top a {
	margin-right: 10px;
}


#page-header.navbar-mainnavigation .dropdown .dropdown-toggle:after {
	transition: all .5s ease;
	margin-top: 6px;
}
#page-header.navbar-mainnavigation .dropdown:not(.show) .dropdown-toggle:after {
	transform: rotate(-90deg);
	margin-top: 0px;
}