/**
 * (en) Navigation 
 * (de) Navigation
 *
 * @copyright			Copyright 2020, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen {

	/* (en) Formatierung des umschließenden Navigationselements */
	/* (de) Formatting of the containung navigation element */

	.nav-global-toggle,
	.nav-global-toggle:visited,
	.nav-global-toggle:hover,
	.nav-global-toggle:active,
	.nav-global-toggle:focus {
		display: none;
	}

	.make-nav-sticky {
		margin: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		box-shadow: 0 0 16px rgba(50, 50, 50, 0.4);
	}

	.nav-global {
		position: relative;
		height: auto;
		margin: 0 16px 0 24px;
		text-align: right;
		min-height: 48px;
	}

	.half-padding .nav-global {
		margin: 0 6px 0 12px;
	}

	/* (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;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.nav-global .nav-universal {
		/* (en) Triggers hasLayout in IE7 */
		/* (de) Triggert hasLayout in IE7 */
		height: 1%;
		margin: 0;
		position: static;
		text-align: left;
		display: inline-block;
		vertical-align: bottom;
	}

	/* (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;
		width: 100%;
	}

	/* (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: 8px;
		padding: 4px 8px;
		color: #0d0d6e;
		-webkit-transition: background-color 0.3s ease 0s;
		transition: background-color 0.3s ease 0s;
		border-radius: 8px;
		cursor: pointer;
		border: none;
	}

	.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: #0d0d6e;
		color: #fff;
	}

	.nav-global .nav-universal li>span.active,
	.nav-global .nav-universal li>span.active:hover {
		background: #0d0d6e;
		color: #fff;
		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: 300;
		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: 300;
		content: '\f107';
		position: absolute;
		right: 10px;
		top: 5px;
		width: auto;
		text-align: left;
		background: transparent;
		/* Force Hardware Acceleration */
		-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: translateZ(0) rotate(0deg);
		transform: translateZ(0) 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: 300;
		content: '\f107';
		position: absolute;
		right: 10px;
		top: 5px;
		width: auto;
		text-align: left;
		/* Force Hardware Acceleration */
		-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: translateZ(0) rotate(-179.999deg);
		transform: translateZ(0) 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: 5px 5px 4px 0 rgba(0, 0, 0, 0.2);
		border-radius: 0 0 8px 8px;
		background: #ffffff;
		border: 1px solid transparent;
		border-top: none;
	}

	.nav-global .nav-universal ul ul {
		background: #ffffff;
		border-radius: 8px;
	}

	.nav-global .nav-universal ul ul ul {
		border-radius: 8px;
		background: #ffffff;
	}

	.nav-global .nav-universal ul li {
		border-top: 1px solid transparent;
	}

	/* (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.hover>ul.expand-right {
		right: 0;
		left: auto;
	}

	.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: #0d0d6e;
		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;
		border-radius: 8px;*/
		color: #0d0d6e;
		position: relative;
		float: right;
		width: 18px;
		height: 24px;
		padding: 4px;
		margin: 8px;
		cursor: pointer;
		z-index: auto;
		background: transparent;
		border-radius: 8px;
		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: 300;
		content: '\f105';
		position: absolute;
		right: 10px;
		top: 5px;
		width: auto;
		text-align: left;
		background: transparent;
		-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: translateZ(0) rotate(0deg);
		transform: translateZ(0) rotate(0deg);
	}

	.nav-global .nav-universal li.hover>.more::after {
		font-family: 'Font Awesome 5 Free';
		font-weight: 300;
		content: '\f105';
		position: absolute;
		right: 10px;
		top: 6px;
		width: auto;
		text-align: left;
		-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: translateZ(0) rotate(-179.999deg);
		transform: translateZ(0) 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: #4074d5;
		-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: #4074d5;*/
		background: transparent;
	}

	.nav-global .nav-universal li>.more:hover {
		background: #0d0d6e;
		color: #fff;
	}

}


/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 980 */
/* (de) Media Query 980 */
/*------------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 980px) {

	/* (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: #0d0d6e;
		text-decoration: none;
		height: 24px;
		line-height: 24px;
		background: #e6f0ff;
		border: none;
		font-size: 20px;
		font-family: 'Open Sans Light', cnRegular, sans-serif;
	}

	.nav-global-jump-up,
	.nav-global-jump-up:active,
	.nav-global-jump-up:focus {
		display: block;
		position: fixed;
		bottom: 0;
		right: 0;
		background: #6482be;
		color: #fff !important;
		padding: 6px 7px 2px 8px;
		border-radius: 8px 0 0 0;
		z-index: 999;
		border: 1px solid #6482be;
		width: 42px;
		height: 42px;
		box-sizing: border-box;
	}

	.nav-global-jump-up:hover {
		background-color: #0d0d6e;
		border: 1px solid #0d0d6e;
	}

	.make-nav-sticky .shift-wrapper {
		margin: 0;
		padding: 0;
		max-width: 100%;
	}

	.make-nav-sticky {
		position: static;
	}

	.nav-global {
		position: absolute;
		top: -48px;
		width: 100%;
		height: 48px;
		z-index: 900;
		padding: 0;
		margin: 0;
		border: none;
		background: transparent;
		text-align: center;
	}

	.half-padding .nav-global {
		margin: 0;
	}


	.stickem-nav {
		position: relative
	}

	.nav-global .nav-universal {
		height: 0;
		border: none;
		border-radius: 0;
		min-width: 270px;
		width: calc(100% - 84px);
		margin: 0;
		background: transparent;
		box-shadow: 5px 5px 4px 0 rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		opacity: 0;
		overflow: hidden;
		font-family: 'Open Sans Light', cnRegular, sans-serif;
		font-size: 20px;
		margin: 0 42px;
		box-sizing: border-box;
	}

	.nav-global .nav-universal.nav-universal-toggle {
		height: auto;
		display: inline-block;
		opacity: 1;
	}

	.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 30px 13px 36px;
		margin: 0;
		border-bottom: 1px solid transparent;
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;
		border-radius: 0;
		color: #0d0d6e;
		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: #0d0d6e;

	}

	.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: 300;
		content: '\f107';
		position: absolute;
		right: 8px;
		top: 10px;
		width: auto;
		text-align: left;
		-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: translateZ(0) rotate(0deg);
		transform: translateZ(0) 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: 300;
		content: '\f107';
		position: absolute;
		right: 8px;
		top: 10px;
		width: auto;
		text-align: left;
		color: #0d0d6e;
		-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: translateZ(0) rotate(-180deg);
		transform: translateZ(0) 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: #4074d5;*/
		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: #0d0d6e;
	}

	.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 {
		display: block;
		font-family: 'Font Awesome 5 Free';
		font-weight: 300;
		line-height: 22px;
		content: '\f15b';
		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';
		font-weight: 300;
		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 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.parent:before,
	.nav-global .nav-universal li.hover>span.parent:before {
		left: 8px;
	}

	.nav-global .nav-universal li ul li>a:before,
	.nav-global .nav-universal li ul li>a:hover:before,
	.nav-global .nav-universal li ul li>span.active:before,
	.nav-global .nav-universal li ul li>span.parent:before,
	.nav-global .nav-universal li ul li.hover>span.parent:before {
		left: 36px;
	}

	.nav-global .nav-universal li ul li ul li>a:before,
	.nav-global .nav-universal li ul li ul li>a:hover:before,
	.nav-global .nav-universal li ul li ul li>span.active:before,
	.nav-global .nav-universal li ul li ul li>span.parent:before,
	.nav-global .nav-universal li ul li ul li.hover>span.parent:before {
		left: 60px;
	}

	.nav-global .nav-universal li ul li ul li ul li>a:before,
	.nav-global .nav-universal li ul li ul li ul li>a:hover:before,
	.nav-global .nav-universal li ul li ul li ul li>span.active:before,
	.nav-global .nav-universal li ul li ul li ul li>span.parent:before,
	.nav-global .nav-universal li ul li ul li ul li.hover>span.parent:before {
		left: 84px;
	}

	.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>a.parent,
	.nav-global .nav-universal li>a.parent:hover,
	.nav-global .nav-universal li>a.parent:active,
	.nav-global .nav-universal li>a.parent:visited,
	.nav-global .nav-universal li>span,
	.nav-global .nav-universal li>span:hover,
	.nav-global .nav-universal li>span.parent,
	.nav-global .nav-universal li>span.parent:hover,
	.nav-global .nav-universal li>span.active,
	.nav-global .nav-universal li>span.active:hover {
		background: #e6f0ff;
		color: #0d0d6e;
	}

	.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>a.parent,
	.nav-global .nav-universal ul li>a.parent:hover,
	.nav-global .nav-universal ul li>a.parent:active,
	.nav-global .nav-universal ul li>a.parent:visited,
	.nav-global .nav-universal ul li>span,
	.nav-global .nav-universal ul li>span:hover,
	.nav-global .nav-universal ul li>span.parent,
	.nav-global .nav-universal ul li>span.parent:hover,
	.nav-global .nav-universal ul li>span.active,
	.nav-global .nav-universal ul li>span.active:hover {
		padding: 13px 30px 13px 60px;
		background: #ffffff;
		color: #0d0d6e;
	}

	.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>a.parent,
	.nav-global .nav-universal ul li ul li>a.parent:hover,
	.nav-global .nav-universal ul li ul li>a.parent:active,
	.nav-global .nav-universal ul li ul li>a.parent:visited,
	.nav-global .nav-universal ul li ul li>span,
	.nav-global .nav-universal ul li ul li>span:hover,
	.nav-global .nav-universal ul li ul li>span.parent,
	.nav-global .nav-universal ul li ul li>span.parent:hover,
	.nav-global .nav-universal ul li ul li>span.active,
	.nav-global .nav-universal ul li ul li>span.active:hover {
		padding: 13px 30px 13px 84px;
		background: #e6f0ff;
		color: #0d0d6e;
	}

	.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>a.parent,
	.nav-global .nav-universal ul li ul li ul li>a.parent:hover,
	.nav-global .nav-universal ul li ul li ul li>a.parent:active,
	.nav-global .nav-universal ul li ul li ul li>a.parent:visited,
	.nav-global .nav-universal ul li ul li ul li>span,
	.nav-global .nav-universal ul li ul li ul li>span:hover,
	.nav-global .nav-universal ul li ul li ul li>span.parent,
	.nav-global .nav-universal ul li ul li ul li>span.parent:hover,
	.nav-global .nav-universal ul li ul li ul li>span.active,
	.nav-global .nav-universal ul li ul li ul li>span.active:hover {
		padding: 13px 30px 13px 108px;
		background: #ffffff;
		color: #0d0d6e;
	}

	.nav-global .nav-universal li>span.active,
	.nav-global .nav-universal li>span.active:hover,
	.nav-global .nav-universal ul li>span.active,
	.nav-global .nav-universal ul li>span.active:hover,
	.nav-global .nav-universal ul li ul li>span.active,
	.nav-global .nav-universal ul li ul li>span.active:hover,
	.nav-global .nav-universal ul li ul li ul li>span.active,
	.nav-global .nav-universal ul li ul li ul li>span.active:hover {
		color: #fff;
		background: #0d0d6e;
	}


	#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;
		font-size: 18px;
	}

	.nav-global .nav-universal {
		width: 100%;
		margin: 0;
		font-size: 18px;
	}

}

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

}