﻿/**
 * (en) navigation for NAME
 * (de) Navigation für NAME
 *
 * @copyright			Copyright 2015, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen
{

	/* (en) Formatierung des umschließenden Navigationselements */
	/* (de) Formatting of the containung navigation element */

	#nav-global {
		/*font-family: 'Univers LT Bold', sans-serif;*/
		position: relative;
		height: auto;
		background: #1d374a;
	}

	/* (en) Format resetting of elements in menu */
	/* (de) Reset der Formatierung von Elementen des Menüs */

	#nav-global .nav-universal,
	#nav-global .nav-universal ul,
	#nav-global .nav-universal li,
	#nav-global .nav-universal li > a,
	#nav-global .nav-universal li > span {
		margin: 0;
		padding: 0;
		text-decoration: none;
		position: relative;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#nav-global .nav-universal {
		background: #1D374A;
		/* (en) Triggers hasLayout in IE7 */
		/* (de) Triggert hasLayout in IE7 */
		height: 1%;
		margin: 0 0 0 36px;
	}

	/* (en) clearfix for navigation list element */
	/* (de) Clearfix für das Navigationslistenelement */

	#nav-global .nav-universal:before,
	#nav-global .nav-universal:after,
	#nav-global .nav-universal li:before,
	#nav-global .nav-universal li:after {
		content: '';
		display: table;
	}

	#nav-global .nav-universal:after {
		clear: both;
	}

	/* (en) Styling of list items anchor elements on all layers */
	/* (de) Fomratierung der Listen- und Verweiselemete auf allen Ebenen */

	#nav-global .nav-universal li > a,
	#nav-global .nav-universal li > span {
		display: block;
		position: relative;
		margin: 12px 24px;
		padding: 0;
		color: #ffffff;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		border-bottom: 1px solid transparent;
		cursor: pointer;
	}

	#nav-global .nav-universal li > a.parent,
	#nav-global .nav-universal li > span.parent {
		margin: 8px 34px 8px 8px;
	}

	#nav-global .nav-universal li > a:hover,
	#nav-global .nav-universal li > span:hover{
		background: transparent;
		color: #fff;
		border-bottom: 1px solid #ffffff;
	}

	#nav-global .nav-universal li > span.active,
	#nav-global .nav-universal li > a.active,
	#nav-global .nav-universal li > span.active:hover,
	#nav-global .nav-universal li > a.active:hover {
		background: transparent;
		color: #fff;
		border-bottom: 1px solid #ffffff;
		/*cursor: default;*/
	}

	#nav-global .nav-universal li > span.active.parent {
		cursor: pointer;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (de) Erste Ebene ohne More-Link und ohne Dropdown-Icon-Animation */
	/* (de) First Layer without more links and without dropdown icon animation */
	/*------------------------------------------------------------------------------------------------------*/


	#nav-global .nav-universal > li > a,
	#nav-global .nav-universal > li > span {
		/*margin: 0;
		padding: 8px 8px 18px 8px;*/
	}

	#nav-global .nav-universal > li > a:after,
	#nav-global .nav-universal > li > span:after {
		/*content: '';*/
	}

	#nav-global .nav-universal > li > span.active::before,
	#nav-global .nav-universal > li > span:hover::before,
	#nav-global .nav-universal > li > a:hover::before {
		/*content: '';
		width: 100%;
		height: 2px;
		background: #333;
		position: absolute;
		bottom: 14px;
		right: 0;*/
	}

	#nav-global .nav-universal > li > span.active::after,
	#nav-global .nav-universal > li > span:hover::after,
	#nav-global .nav-universal > li > a:hover::after{
		/*content: '\f0d8';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		color: #333;
		text-align: center;
		width: 100%;
		position: absolute;
		top: 20px;
		right: 0;*/
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (de) Erste Ebene ohne More-Link und mit Dropdown-Icon-Animation */
	/* (de) First Layer without more links and with dropdown icon animation */
	/*------------------------------------------------------------------------------------------------------*/


	#nav-global .nav-universal > li > a.parent,
	#nav-global .nav-universal > li > span.parent {
		margin: 8px;
		padding: 4px 28px 4px 8px
	}

	#nav-global .nav-universal > li > a.parent::before,
	#nav-global .nav-universal > li > span.parent::before,
	#nav-global .nav-universal > li.hover > a.parent::before {
		display: none;
	}

	#nav-global .nav-universal > li > a.parent::after,
	#nav-global .nav-universal > li > span.parent::after,
	#nav-global .nav-universal > li > a.parent:hover::after,
	#nav-global .nav-universal > li > span.parent:hover::after {
		font-family: 'Font Awesome 5 Free';
		/*font-weight: 900;*/
		content: '\f107';
		position: absolute;
		right: 10px;
		top: 5px;
		width: auto;
		text-align: left;
		background: transparent;
		/* Force Hardware Acceleration */
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	#nav-global .nav-universal > li {
		/*border: 1px solid #001489;
		border-bottom: none;*/
	}

	#nav-global .nav-universal li.hover > a.parent,
	#nav-global .nav-universal li.hover > span.parent {
		/*color: #000;*/
	}

	#nav-global .nav-universal > li.hover > a.parent::after,
	#nav-global .nav-universal > li.hover > span.parent::after,
	#nav-global .nav-universal > li.hover > a.parent:hover::after,
	#nav-global .nav-universal > li.hover > span.parent:hover::after {
		font-family: 'Font Awesome 5 Free';
		/*font-weight: 900;*/
		content: '\f107';
		position: absolute;
		right: 10px;
		top: 5px;
		width: auto;
		text-align: left;
		/* Force Hardware Acceleration */
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(-179.999deg);
		transform: rotate(-179.999deg);
	}

	#nav-global .nav-universal > li > .more {
		display: none;
	}

	/*------------------------------------------------------------------------------------------------------*/


	/* (en) Styling of list elements and achors on layer (1) */
	/* (de) Formatierung der Listen- und Verweiselemente auf Ebene (1) */

	#nav-global .nav-universal > li {
		float: left;
	}

	/* (en) Styling of submenu elements on layer (2+3) */
	/* (de) Formatierung Submenü Elementen auf den Ebenen (2+3) */

	#nav-global .nav-universal ul {
		list-style: none;
		width: 16em;
		box-shadow:				 3px 3px 4px 0px rgba(0, 0, 0, 0.5);
		border-radius: 0 0 4px 4px;
		background: #f2f2f2;
		border: 1px solid #c8c8c8;
		border-top: none;
	}

	#nav-global .nav-universal ul ul {
		background: #eaeaea;
	}

	#nav-global .nav-universal ul ul ul {
		background: #f2f2f2;
	}

	#nav-global .nav-universal ul li {
		border-top: 1px solid #c8c8c8;
	}

	/* (en) Hide the submenus on layers (2+) */
	/* (de) Verstecken des Submenüs auf den Ebenen (2+) */

	#nav-global .nav-universal li > ul {
		position: absolute;
		z-index: 500;
		display: none;
		}

	/* (en) View open elements of the submenu */
	/* (de) Zeige die geöffneten Elemente des Submenüs */

	#nav-global .nav-universal li.hover > ul {
		display: block;
	}

	/* (en) Positioning of the submenus on layer (3+) */
	/* (de) Positionierung des Submenüs auf Ebene (3+) */

	#nav-global .nav-universal li li.hover > ul {
		left: 100%;
		top: -1px;
	}

	#nav-global .nav-universal li li.hover > ul.expand-right {
		right: 100%;
		left: auto;
		/*box-shadow: -3px 3px 4px 0px rgba(0, 0, 0, 0.5);*/
	}

	/* (en) Styling of link elements on layer (2+3) */
	/* (de) Fomratierung der Verweiselemente auf Ebene (2+3) */

	#nav-global .nav-universal li > a,
	#nav-global .nav-universal li > span {
	}

	#nav-global .nav-universal li li > a,
	#nav-global .nav-universal li li > span {
		color: #001489;
		z-index: 100;
	}

	#nav-global .nav-universal li li li > a,
	#nav-global .nav-universal li li li > span {
		z-index: 200;
	}

	#nav-global .nav-universal li li li li > a,
	#nav-global .nav-universal li li li li > span {
		z-index: 300;
	}

	/* (en) Hide navigation jump button on desktop view */
	/* (de) Ausblenden der Schaltfläche mit Sprung zur Navigation */

	.nav-global-jump-up {
		display: none;
	}

	#nav-global .nav-universal li > .more {
		/*position: relative;
		float: right;
		width: 18px;
		height: 24px;
		padding: 4px;
		margin: 8px;
		cursor: pointer;
		z-index: auto;
		background: transparent;
		text-align: center;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
		color: #001489;
		position: relative;
		float: right;
		width: 18px;
		height: 24px;
		padding: 4px;
		margin: 8px;
		cursor: pointer;
		z-index: auto;
		background: transparent;
		border-radius: 4px;
		text-align: center;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 0.2s linear, background-color 0.3s ease, color 0.3s ease;
		-webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.2s linear;
		transition: background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.2s linear;
		transition: transform 0.2s linear, background-color 0.3s ease, color 0.3s ease;
		transition: transform 0.2s linear, background-color 0.3s ease, color 0.3s ease, -webkit-transform 0.2s linear;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#nav-global .nav-universal li > .more::after {
		/*height: 2px;
		width: 8px;*/
		font-family: 'Font Awesome 5 Free';		/*font-weight: 900;*/
		content: '\f105';
		position: absolute;
		right: 10px;
		top: 6px;
		width: auto;
		text-align: left;
		background: transparent;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	#nav-global .nav-universal li.hover > .more::after {
		font-family: 'Font Awesome 5 Free';
		/*font-weight: 900;*/
		content: '\f105';
		position: absolute;
		right: 10px;
		top: 6px;
		width: auto;
		text-align: left;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(-179.999deg);
		transform: rotate(-179.999deg);
	}

	#nav-global .nav-universal li > .more::before {
		/*height: 8px;
		width: 2px;*/
	}

	#nav-global .nav-universal li > .more::after,
	#nav-global .nav-universal li > .more::before {
		/*content: '';
		position: absolute;
		right: 13px;
		top: 50%;
		bottom: auto;
		left: auto;
		background: #1d374a;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(50%) translateY(-50%);
		-moz-transform: translateX(50%) translateY(-50%);
		-ms-transform: translateX(50%) translateY(-50%);
		-o-transform: translateX(50%) translateY(-50%);
		transform: translateX(50%) translateY(-50%);
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;*/
	}

	#nav-global .nav-universal li.hover > .more::before {
		/*-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(50%) translateY(-50%) rotate(90deg);
		-moz-transform: translateX(50%) translateY(-50%) rotate(90deg);
		-ms-transform: translateX(50%) translateY(-50%) rotate(90deg);
		-o-transform: translateX(50%) translateY(-50%) rotate(90deg);
		transform: translateX(50%) translateY(-50%) rotate(90deg);*/
	}

	#nav-global .nav-universal li > .more:hover::after,
	#nav-global .nav-universal li > .more:hover::before {
		/*background: #fff;*/
		background: transparent;
	}

	#nav-global .nav-universal li > ul li > .more::after,
	#nav-global .nav-universal li > ul li > .more::before {
		/*background: #1d374a;*/
		background: transparent;
	}

	#nav-global .nav-universal li > .more:hover {
		background: #cc1c14;
		color: #fff;
	}


}


	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 980 */
	/* (de) Media Query 980 */
	/*------------------------------------------------------------------------------------------------------*/

@media
screen and (max-width: 980px)
{

	.nav-global-jump-up,
	.nav-global-jump-up:active,
	.nav-global-jump-up:focus {
		display: block;
		position: fixed;
		bottom: 0;
		right: 0;
		background: #000;
		color: #fff !important;
		padding: 6px 7px 2px 8px;
		border-radius: 0;
		opacity: 0.4;
		z-index: 999;
	}

	#header .header-box {
		border-bottom: 48px solid #fff;
	}

	#nav-global {
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 900;
		padding: 0;
		margin: 0;
		border: none;
		background: transparent;
	}

	.stickem-nav {
		position: relative
	}

	/* (en) Formating od the toggle element */
	/* (de) Formatierung des ausklappbaren Elements */

	.nav-global-toggle,
	.nav-global-toggle:visited,
	.nav-global-toggle:hover,
	.nav-global-toggle:active,
	.nav-global-toggle:focus {
		display:	none;
		padding: 12px 24px;
		color: #ffffff;
		text-decoration: none;
		height: 24px;
		line-height: 24px;
		background: #1d374a;
	}

	#nav-global .nav-universal {
		display: none;
		border: none;
		border-radius: 0;
		min-width: 270px;
		max-width: 420px;
		width: auto;
		margin: 0;
		background: transparent;
	}

	#nav-global .nav-universal ul {
		border: none;
		border-radius: 0;
		box-shadow: none;
		position: static;
	}

	#nav-global .nav-universal li,
	#nav-global .nav-universal ul li,
	#nav-global .nav-universal ul li ul li {
		border: none;
	}

	#nav-global .nav-universal li > a,
	#nav-global .nav-universal li > a.parent,
	#nav-global .nav-universal li > span,
	#nav-global .nav-universal li > span.parent,
	#nav-global .nav-universal li > span.active {
		padding: 13px 15px 13px 46px;
		margin: 0;
		border-bottom: 1px solid #1d374a;
		border-left: 1px solid #1d374a;
		border-right: 1px solid #1d374a;
		border-radius: 0;
		color: #001489;
		min-height: 24px;
		line-height: 24px;
	}

	#nav-global .nav-universal li > span.active,
	#nav-global .nav-universal li > span.active:hover,
	#nav-global .nav-universal li.hover > a.active.parent,
	#nav-global .nav-universal li.hover > span.active.parent {
		color: #fff;
		background: #cc1c14;

	}

	#nav-global .nav-universal a:hover,
	#nav-global .nav-universal span:hover {
		border-radius: 0;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (de) Erste Ebene ohne More-Link und Dropdown-Icon-Animation */
	/* (de) First Layer without more links and dropdown icon animation */
	/*------------------------------------------------------------------------------------------------------*/

	#nav-global .nav-universal > li > a,
	#nav-global .nav-universal > li > span {
	}


	#nav-global .nav-universal > li > a:hover::before,
	#nav-global .nav-universal > li > a:hover::after,
	#nav-global .nav-universal > li > span:hover::before,
	#nav-global .nav-universal > li > span:hover::after,
	#nav-global .nav-universal > li > a.parent::after,
	#nav-global .nav-universal > li > span.parent::after,
	#nav-global .nav-universal > li.hover > a.parent::after,
	#nav-global .nav-universal > li.hover > span.parent::after {
		display: none;
	}

	#nav-global .nav-universal > li > .more {
		display: block;
	}

	/*------------------------------------------------------------------------------------------------------*/

	#nav-global .nav-universal > li {
		float: none;
	}

	#nav-global .nav-universal > li.hover {
		border: none;
	}

	#nav-global .nav-universal li > .more {
		margin: 4px 5px 0 0;
		padding: 10px 12px 8px 8px;
		z-index: 300;
		font-size: 24px;
		line-height: 24px;
	}

	#nav-global .nav-universal li > .more::after {
		/*height: 2px;
		width: 12px;*/
		height: auto;
		width: auto;
		background: transparent;
		font-family: 'Font Awesome 5 Free';
		/*font-weight: 900;*/
		content: '\f107';
		position: absolute;
		right: 8px;
		top: 10px;
		width: auto;
		text-align: left;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	#nav-global .nav-universal li.hover > .more::after {
		/*content: '';
		position: absolute;
		right: 13px;
		top: 50%;
		bottom: auto;
		left: auto;
		background: #191919;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(50%) translateY(-50%);
		-moz-transform: translateX(50%) translateY(-50%);
		-ms-transform: translateX(50%) translateY(-50%);
		-o-transform: translateX(50%) translateY(-50%);
		transform: translateX(50%) translateY(-50%);
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;*/
		font-family: 'Font Awesome 5 Free';
		/*font-weight: 900;*/
		content: '\f107';
		position: absolute;
		right: 8px;
		top: 10px;
		width: auto;
		text-align: left;
		color: #001489;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	#nav-global .nav-universal li.hover > .more.active::after,
	#nav-global .nav-universal li > .more.active::after {
		color: #fff;
	}

	#nav-global .nav-universal li > .more::before {
		/*height: 12px;
		width: 2px;*/
		height: auto;
		width: auto;
		background: transparent;
	}

	#nav-global .nav-universal li > .more::after,
	#nav-global .nav-universal li > .more::before {
		/*content: '';
		position: absolute;
		right: 13px;
		top: 50%;
		bottom: auto;
		left: auto;
		background: #191919;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(50%) translateY(-50%);
		-moz-transform: translateX(50%) translateY(-50%);
		-ms-transform: translateX(50%) translateY(-50%);
		-o-transform: translateX(50%) translateY(-50%);
		transform: translateX(50%) translateY(-50%);
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;*/
	}

	#nav-global .nav-universal li.hover > .more::before {
		/*-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(50%) translateY(-50%) rotate(90deg);
		-moz-transform: translateX(50%) translateY(-50%) rotate(90deg);
		-ms-transform: translateX(50%) translateY(-50%) rotate(90deg);
		-o-transform: translateX(50%) translateY(-50%) rotate(90deg);
		transform: translateX(50%) translateY(-50%) rotate(90deg);*/
	}
	

	#nav-global .nav-universal li > .more::after,
	#nav-global .nav-universal li > .more::before,
	#nav-global .nav-universal li > .more:hover::after,
	#nav-global .nav-universal li > .more:hover::before,
	#nav-global .nav-universal li.hover > .more::after,
	#nav-global .nav-universal li.hover > .more::before,
	#nav-global .nav-universal li.hover > .more:hover::after,
	#nav-global .nav-universal li.hover > .more:hover::before,
	#nav-global .nav-universal li > ul li > .more::after,
	#nav-global .nav-universal li > ul li > .more::before,
	#nav-global .nav-universal li > ul li > .more:hover::after,
	#nav-global .nav-universal li > ul li > .more:hover::before {
		/*background: #1d374a;*/
		background: transparent;
	}

	#nav-global .nav-universal li > .more.active::after,
	#nav-global .nav-universal li > .more.active::before,
	#nav-global .nav-universal li > .more.active:hover::after,
	#nav-global .nav-universal li > .more.active:hover::before {
		/*background: #fff;*/
		background: transparent;
	}

	#nav-global .nav-universal li > .more:hover {
		background: transparent;
		color: #001489;
	}

	#nav-global .nav-universal > li > .parent:after,
	#nav-global .nav-universal > li > ul li > .parent:after	{
		content: '';
	}

	#nav-global .nav-universal li > a:before,
	#nav-global .nav-universal li > a:hover:before,
	#nav-global .nav-universal li > span.active:before,
	#nav-global .nav-universal > li > span.active:before {
		display: block;
		font-family: 'Font Awesome 5 Free';
		line-height: 22px;
		content: '';
		position: absolute;
		left: 8px;
		top: 14px;
		background: transparent;
	}

	#nav-global .nav-universal > li > span.active:after {
		display: none;
	}

	#nav-global .nav-universal li > span.parent:before {
		display: block;
		font-family: 'Font Awesome 5 Free';
		line-height: 22px;
		content: '\f07b';
		position: absolute;
		left: 8px;
		top: 14px;
		background: transparent;
	}

	#nav-global .nav-universal li.hover > span.parent:before {
		font-family: 'Font Awesome 5 Free';
		line-height: 22px;
		content: '\f07c';
		position: absolute;
		left: 8px;
	}

	#nav-global .nav-universal ul {
		position: static;
		display: block;
		width: 100%;
	}

	#nav-global .nav-universal li > a,
	#nav-global .nav-universal li > a:hover,
	#nav-global .nav-universal li > a:active,
	#nav-global .nav-universal li > a:visited,
	#nav-global .nav-universal li > span,
	#nav-global .nav-universal li > span:hover {
		background: #1d374a!important;
		color: #ffffff;
	}

	#nav-global .nav-universal ul li > a,
	#nav-global .nav-universal ul li > a:hover,
	#nav-global .nav-universal ul li > a:active,
	#nav-global .nav-universal ul li > a:visited,
	#nav-global .nav-universal ul li > span,
	#nav-global .nav-universal ul li > span:hover {
		background: #eaeaea;
		color: #001489;
	}

	#nav-global .nav-universal ul li ul li > a,
	#nav-global .nav-universal ul li ul li > a:hover,
	#nav-global .nav-universal ul li ul li > a:active,
	#nav-global .nav-universal ul li ul li > a:visited,
	#nav-global .nav-universal ul li ul li > span,
	#nav-global .nav-universal ul li ul li > span:hover{
		background: #f2f2f2;
		color: #001489;
	}

	#nav-global .nav-universal ul li ul li ul li > a,
	#nav-global .nav-universal ul li ul li ul li > a:hover,
	#nav-global .nav-universal ul li ul li ul li > a:active,
	#nav-global .nav-universal ul li ul li ul li > a:visited,
	#nav-global .nav-universal ul li ul li ul li > span,
	#nav-global .nav-universal ul li ul li ul li > span:hover{
		background: #ffffff;
		color: #001489;
	}

	#navigation {
		position: absolute;
		top: 1px;
	}

}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 560 */
	/* (de) Media Query 560 */
	/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 560px) {

  .nav-global-toggle,
	.nav-global-toggle:visited,
	.nav-global-toggle:hover,
	.nav-global-toggle:active,
	.nav-global-toggle:focus {
		padding: 12px;
	}

	#nav-global .nav-universal li > a,
	#nav-global .nav-universal li > a.parent,
	#nav-global .nav-universal li > span,
	#nav-global .nav-universal li > span.parent,
	#nav-global .nav-universal li > span.active {
		padding: 13px 15px 13px 34px;
	}


}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 400 */
	/* (de) Media Query 400 */
	/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 400px)
{

	.nav-global-toggle,
	.nav-global-toggle:visited,
	.nav-global-toggle:hover,
	.nav-global-toggle:active,
	.nav-global-toggle:focus {
		padding: 12px 12px;
	}

}