#navigationhg{
					position: fixed;
					left: 50%;
    				transform: translateX(-50%);
					top: 20px;
					width: 95%;
					height: 60px;
					margin-left: auto;
					margin-right: auto;
					background-color: transparent;
				   	background-size: cover;
				   	background-image: url('image_web/bg/HG_weiss_transparent75.png');
				   	border-top: 1px solid grey;
				   	border-bottom: 0px solid grey;
				   	z-index: 180;
				}
				#navigationhg2{
					display: none;
				}
				#navigationlogo{
					position: fixed;
					left: 12px;
					top: 12px;
					width: 13%;
					height: auto;
					background-color: transparent;
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					background-color: white;
					background-image: url('https://acaso.de/media/logo/acaso_logo_platzhalter.jpg');
					opacity : 1;
					padding-bottom: calc(1 / (1 / 1) * 13%);
					z-index: 200;
					border: none;
				}
				#navigationlogo:hover{
					cursor: pointer; 
				}					
				#navigation{
					position: relative;
					top: 0;
					width: 74%;
					height: 100%;
					background-color: transparent;
					margin-left: auto;
					margin-right: auto;
					padding-bottom: 9px;
					overflow: visible;
					z-index : 100;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					align-items: flex-end;
					flex-wrap: wrap;
					align-content: flex-end;
					border-bottom: 1px solid grey;
					z-index: 200;
				}
				#navigation2{
					display: none;
				}
				.navilinks{
					border: none;
					vertical-align: text-bottom;
					background-color: transparent;
					font-family: "Quicksand";
				   	font-weight: 300;
				    font-style: normal;
					line-height: 1.2em;
					font-size: 1.2em;
					color: black;
					z-index: 200;
					overflow: visible;
				}	
				.navilinks:hover{
					cursor: pointer; 
				}
@media only screen and (max-width: 1080px) {	
				#navigationlogo{
					position: fixed;
					left: 6px;
					top: 6px;
					height: 6px;
					width: 60px;
					padding-bottom: 60px;
					background-color: transparent;
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					background-color: white;
					background-image: url('../media/logo/acaso_logo_platzhalter.jpg');
					opacity : 1;
					z-index: 200;
					border: none;
				}				
				#navigationhg{
					display: none;
				}
				#navigationhg2{
					display: block;
					position: fixed;
					right: 0;
					top: 6px;
					width: 100%;				
					height: 60px;
					background-color: transparent;
				   	background-size: cover;
				   	background-image: url('image_web/bg/HG_weiss_transparent75.png');
				   	border-top: none;
				   	border-bottom: none;
				   	z-index: 180;
				   	margin: 0;
				}					
				#navigation2{
					position: absolute;
					right: 0;
					top: 18px;
					width: calc(100% - 72px);
					height: 21px;
					background-color: transparent;
					padding-bottom: 9px;
					z-index : 100;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
					align-content: flex-start;
					border-bottom: 1px solid grey;
					z-index: 200;
					padding-left: 9px;
				   	padding-right: 9px;
				}
				.navilinks{
					border: none;
					vertical-align: text-top;
					background-color: transparent;
					font-family: "Quicksand";
				   	font-weight: 300;
				    font-style: normal;
					line-height: 1.2em;
					font-size: 1em;
					color: black;
					z-index: 200;
					height: 21px;
					border: none;
					min-width: 18%;
					text-align: center;
				}	
/*
				.navilinks:hover{
					border: none;
					background-color: transparent;
				   	background-size: cover;
				   	background-image: url('image_web/bg/HG_weiss_transparent75.png');
				   	height:200px;
				}
*/
				.navilinks:first-child{
					text-align: left;
				}
				.navilinks:last-child{
					text-align: right;
				}
				
				#navigation{
					display: none;
				}
	}