#header_hannover{
	position: fixed;
	z-index: 9999;
	width: 100%;
}

/* top */

#header_neu_top{
	padding: 7px 10px;
	font-size: 15px;
	position: relative;
	background: url(../../images/SVS_Layout_19_20.jpg) top;
}
.header_neu_top{
width:100%;
}

#header_neu_top a{
	color: #666666;
	margin: 0px 10px 0px 10px;
}
#header_neu_top a:hover{
	color: rgba(58,127,138,1);
}
#headertopright{
	text-align: right;
	color: red!important;
	float: right;
	height: 100%!important;
}
#headertopleft{
	float: left;
	text-align: left;
}
#headertopleft img{ height:40px; }

#headertopright .fa-heart{color:red;}

/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 988px) {
		#headertopleft img{ height:30px; }
	}
	@media screen and (max-width: 768px) {
		#header_neu_top{
			font-size: 12px;
			padding: 7px 10px;
		}
		.mobilaus{ display: none; }
	}
	@media screen and (max-width: 480px) {
		#headertopleft img{ height:20px; }
	}

/* -------- MEDIA QUERIES ENDE -------- */

/* top ENDE */

/* middle */

#header_neu_middle{
	background: rgba(58,127,138,1);
	height: 95px;
}

#h96_logo{
	margin-left: 20px;
	width: 230px;
	height: 100%;
	float: left;
}
#h96_logo img{
	width: 100%;
}
#h96_logo a:hover{opacity: 1;}

#hashtag{
	font-size: 26px;
	height: 100%;
	float: right;
	margin-right: 100px;
	font-weight: 700;
}
.textbold{font-weight: bold;}

#jav_header{
	font-size: 26px;
	height: 100%;
	float: right!important;
	margin-right: 20px;
}
#jav_header a:hover{opacity: 1;}

#header_neu_middle_right{
	height: 40px;
	width: calc(50% - 115px);
	height: 100%;
	margin-left: calc(50% + 115px);
}


/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 1500px) {
		#hashtag{
			font-size: 25px;
			margin-right: 50px;
		}
		#jav_header{
			font-size: 25px;
		}
	}
	@media screen and (max-width: 1300px) {
		#hashtag{
			font-size: 20px;
			margin-right: 30px;
		}
		#jav_header{
			font-size: 20px;
		}
	}
	@media screen and (max-width: 1100px) {
		#hashtag{
			font-size: 17px;
			margin-right: 20px;
		}
		#jav_header{
			font-size: 17px;
		}
	}
	@media screen and (max-width: 988px) {
		#hashtag{
			font-size: 20px;
			height: auto;
			float: none;
			margin-right: 20px;
			text-align: right;
		}
		
		#jav_header{
			font-size: 22px;
			height: auto;
			float: none!important;
			margin-right: 20px;
			text-align: right;
			margin-bottom: 10px;
		}
		#header_neu_middle_right{
			display: flex;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			flex-direction: column; 
			justify-content:center;
			-webkit-box-pack: center;
			-moz-box-pack: center;
			box-pack: center;
			justify-content: center;
		}
	}
	@media screen and (max-width: 768px) {
		#h96_logo{
			margin-left: 20px;
			width: 150px;
		}
		#header_neu_middle{height: 70px;}
		#header_neu_middle_right{
			height: 40px;
			width: calc(50% - 70px);
			height: 100%;
			margin-left: calc(50% + 70px);
		}
		#jav_header{margin-bottom: 0px;}
		#hashtag, #jav_header{font-size: 13px;}
	}
	@media screen and (max-width: 480px) {
		#header_neu_middle_right{
			width: calc(50% - 0px);
			margin-left: calc(50% + 0px);
		}
	}

/* -------- MEDIA QUERIES ENDE -------- */

/* middle ENDE */



/* bottom */

#header_neu_bottom{
	height: 70px;
	background: url(../../images/SVS_Layout_19_20.jpg) center;
	border-bottom: 5px solid rgba(58,127,138,1);
}
#header_neu_logo{
	position: absolute;
	margin-left: calc(50% - 90px);
	top: -65px;
}
#header_neu_logo img{width: 180px;}

#menupunkte{
	height: 100%;
	width: 100%;
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	color: rgba(#000000,1);
	font-family: Lato, Arial, Helvetica, sans-serif;
}
#menupunkte a:hover{
	color: #FFF;
	background: rgba(58,127,138,1);
	opacity: 1;
}
#menupunkte i{font-size: 30px;}
#menupunkte a{
	height: 100%;
	padding: 0px 20px;
}

#menupunkte_left{
	width: calc(50% - 150px);
	text-align: right;
	height: 100%;
	position: absolute;
}

#menupunkte_right{
	width: calc(50% - 150px);
	margin-left: calc(50% + 150px);
	height: 100%;
}
.menupunkt{
	height: 100%;
	text-align: right;
}
.test_left{float: right;}
.test_right{float: left;}
#header_neu_logo a:hover{opacity: 1;}
#header_neu_logo a{
	display: inline-block;
	z-index: 999;
}

#menu_mobil_hamburger{
	font-size: 30px;
	width: 100%;
	height: 50px;
	color: #FFF;
	background: #000;
	border-bottom: 1px solid #000;
}

#menu_mobil_hamburger a{
	background: rgba(58,127,138,1);
	opacity: 0.8;
	height: 100%;
}

#menu_mobil_hamburger i{
	opacity: 1!important;
}
#menu_mobil{
	background: #FFF;
	width: 100%;
	position: relative;
	z-index: 9999;
	top: 0px;
	display: none;
}
#divMenu div{
	padding: 8px 0px;
	width: 100%;
	border-bottom: 1px solid rgba(00, 00, 00, 0.05);
}
#divMenu{
	position: absolute;
	width: 100%;
	background: #FFF;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.32);
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.32);
}
#divMenu div:hover{
	background: rgba(58,127,138,1);
	color: #FFF;
	opacity: 1;
}
.header_active{
	background: rgba(58,127,138,1);
	color: #FFF;
}

/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 1400px) {
		#menupunkte_left{ width: calc(50% - 100px); }
		#menupunkte_right{ 
			margin-left: calc(50% + 100px);
			width: calc(50% - 100px);
		}
	}

	@media screen and (max-width: 1250px) {
		#menupunkte i{font-size: 22px;}
		#menupunkte{font-size: 17px;}
		#menupunkte a{padding: 0px 10px;}
	}

	@media screen and (max-width: 1100px) {
		#menupunkte i{font-size: 20px;}
		#menupunkte{font-size: 15px;}
	}

	@media screen and (max-width: 910px) {
		#menupunkte a{padding: 0px 10px;}
		#menupunkte_left{width: calc(50% - 70px);}
		
		#menupunkte_right{
			width: calc(50% - 70px);
			margin-left: calc(50% + 70px);
		}
		#header_neu_logo{
			margin-left: calc(50% - 75px);
			top: -35px;
		}
		#header_neu_logo img{width: 150px;}
	}

	@media screen and (max-width: 820px) {
		#header_neu_logo img{width: 120px;}
		#menu_mobil{display: block;}
		
		#menupunkte{display: none;}
		#header_neu_bottom{
			border-bottom: none;
			height: 0px;
		}
		#header_neu_logo{
			margin-left: calc(50% - 60px);
			top: -90px;
		}
	}

	@media screen and (max-width: 768px) {
		#header_neu_logo{top: -60px;}
	}


	@media screen and (max-width: 520px) {
		#header_neu_logo, #header_neu_bottom{display: none;}
		#header_neu_logo{top: -10px;}
	}

/* -------- MEDIA QUERIES ENDE -------- */

/* bottom ENDE */





.socialmedia_facebook_button, .socialmedia_twitter_button, .socialmedia_instagram_button, .socialmedia_youtube_button, .button_login{
	position: fixed;
	right: 0px;
	z-index: 99;
	background: rgb(00,00,00,0.5);
	padding: 4px 8px 4px 5px;
	font-size: 16px;
	min-width: 30px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
}

.socialmedia_facebook_button{top: 250px;}
.socialmedia_twitter_button{top: 280px;}
.socialmedia_instagram_button{top: 310px;}
.socialmedia_youtube_button{top: 340px;}

#socialmedia_buttons a{opacity: 1;}


.socialmedia_facebook_button:hover, .socialmedia_twitter_button:hover, .socialmedia_instagram_button:hover, .socialmedia_youtube_button:hover{
	min-width: 50px;
	background: rgb(00,00,00,0.7);
}

.button_login{
	font-size: 9px!important;
	font-weight: 600;
	padding: 4px 7px 4px 8px!important;
	letter-spacing: 1px;
	text-transform: uppercase;
}