#metaNavi {
	position: absolute;
	top:10px;
	right: 39px; /* fallback */
	right: 4vw;
	
	font-size:16px;
	line-height:1.4;
	color:#fff;
	text-align: left;
	z-index: 3;
}
#metaNavi a { color:#fff; }
#metaNavi a:hover { color:#009cff; transition: border-bottom .3s ease-in, color .1s ease-in; }
@media only screen and (max-width: 1040px) {
	#metaNavi {
		right: 10px;
	}
}



/*ANFANG 3D-Button*/
.button::before, .button::after {
  position: absolute;
  content: '';
  transition: all .15s ease;
}

.button {
	display: block;

	position: relative; /*absolute. Bei relative unten margin-top:5px wirkungslos */
	text-align: center;

	transition: all .15s ease;
	background-color:#0061a5;
	width: 160px;
	margin-bottom: calc(2vh);
}

.button a {
	display: block;

	font-family: 'Cabin Condensed', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: white;	
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	/*letter-spacing: 1px;*/
	 padding: 4px 0;
}

/*Schatten unten*/	
.button::before {
  bottom: -7px;
  height: 7px;
  width: 100%;
  left: -4px;
	transform: skewX(-45deg);
  background-color: #1e456b;
}
/*Schatten links*/	
.button::after {
  left: -7px;
  height: 100%;
  width: 7px;
  bottom: -4px;
transform: skewY(-45deg);
  background-color: #153b63;
}

/*Klick*/
.button:active {
  margin-left: -3px;
  margin-top: 13px !important; /* wirkungslos, wenn .button position:relative*/
}
.button:active::before {
  bottom: -5px;
  height: 5px;
  left: -2px;
}
.button:active::after {
  left: -4px;
  width: 4px;
  bottom: -3px;
}
/*ENDE 3D-Button*/
	
	
	
#navigation {
	font-family: 'Cabin Condensed', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:24px;
	letter-spacing: 0.5px;
	line-height:1.4;
	font-weight:600; /*bold 700. semi-bold 600*/
	color:#FFF;
	text-align: center;

	width: 199px;
	margin:223px 0 auto auto;
}
#navigation ul { margin:0; padding:0; list-style: none; }
/*#navigation ul li { background-color:#0061a5; } siehe .button*/ 

/*.hm { background-color: pink;}*/
.um { font-size: 17px !important; }

/* hover auf a */
.hm:hover {	text-shadow: 0 0 11px #fff, 0 0 25px #fff; }
.um:hover {	text-shadow: 0 0 11px #fff, 0 0 25px #fff; }


/* aktiv-Auszeichnung auf a */
.buttonAktiv {
  margin-left: -3px;
  margin-top: 13px !important; /* wirkungslos, wenn .button position:relative*/
}
.buttonAktiv::before {
  bottom: -5px;
  height: 5px;
  left: -2px;
}
.buttonAktiv::after {
  left: -4px;
  width: 4px;
  bottom: -3px;
}
.hmAktiv {
	text-shadow: 0 0 11px #fff, 0 0 25px #fff;
}
.umAktiv {
	text-shadow: 0 0 11px #fff, 0 0 25px #fff;
}


/* Sticky Element-js-Funktion */
.navigationFixed {
	position: fixed; 
	left: auto;
	right: calc(74.9% - 4px); 
	top: 22px; 
	margin-top: 0 !important;
	z-index: 2 !important;
}
.navigationFixedLeft {
	right: auto; 
	left: 81px;
}


/* Sprachwahl */
.sprachwahl { display:inline-block; }
.auszStyleLngOn { color:#f0f !important; }
.auszStyleLngOff { color:#aaa !important; }