header{
	    height: 125px !important;
}
#container{
	    margin-top: 217px;
}
#sticky-banner{
	width: 100% ; 
    background-color: white;
    z-index: 999;
    position: absolute;
    top : 0;
}
.Überschrift,
.Standorte {
	width: 215px;
	height: 54px;
	font-family: Karla;
	font-size: 45px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #7cf4d3;
}

.Aktuell-ist-IT-macht {
	width: 976px;
	height: 26px;
	font-family: Karla;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	color: #ffffff;
	margin-Bottom: 96px;
}
@media screen and (max-width:650px){
	.Standorte {
		width: 347px;
		height: 43px;
		font-family: Karla;
		font-size: 36px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.19;
		letter-spacing: normal;
		color: #7cf4d3;

	}
	.Aktuell-ist-IT-macht {
	  width: 347px;
	  height: 48px;
	  font-family: Karla;
	  font-size: 16px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.5;
	  letter-spacing: normal;
	  color: #ffffff;
	  margin-Bottom: 24px;
	}
	.Kreise{
		z-index:2; 
		position: relative; 
		top: 0px; 
		left: 0px
	}
	svg
	{
		height: 324px;
		position: relative;
		margin-bottom: 30px;
	}

	#login-logo {
		margin-left: 12px;
		right:12px;
	}
	#login-navMain {
	   top: 95px;
	    right: 12px;
	    position: fixed;
	}
	#Info_text_Mobil > div:not(:last-child),
	#Info_text_Mobil > div:not(:first-child){
    padding: 32px 0;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
	}
	#Info_text_Mobil > div:first-child{
	    padding: 24px 0;
	    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
	}
	
	#Info_text_Mobil > div:last-child{
    	padding: 32px 0;

	}
	
	#Info_text_Mobil > div > p,
	#info_text > div > p > a{
		font-family: Karla;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		color: #ffffff;
		margin: 0;
	}
	#Info_text_Mobil{
		padding: 0px 14px 0px 0px;
	}
	#Info_text_Mobil > p:first-child 
	{
		opacity: 0.7;
		font-family: Karla;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		color: #ffffff;
		margin: 0;
	}
	#login-navigations-bereiche {
    display: flex;
    position: relative;
    top: 95px;
    z-index: 999;
}
	
}
.Kreise{
	z-index:2; 
	position: absolute; 
	top: 0px; 
	left: 0px;
}
.hover{
	Border:1px;
	z-index: 3;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #FFFFFF;
}
.hover:hover{
	display:block;
	Border:1px;
	z-index: 3;
    position: absolute;
    top: 0px;
    left: 0px;
}
.Standort_Mobil
{
	min-width: 347px;
	min-height: 56px;
	box-shadow:  0 -1px 0 0 rgba(255, 255, 255, 0.3);
	background-color: #2e2e32;

}
.Standort_Mobil_Head
{
	display:flex;
	align-items:center;
}
.Standort_Mobil_last {
	align-items:center;
	min-width: 347px;
	min-height: 56px;
	 box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3), 0 -1px 0 0 rgba(255, 255, 255, 0.3);
	background-color: #2e2e32;
}
.fa-chevron-down {
	width: 21px;
	height: 24px;
	font-size: 24px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
    margin-left: auto;
}
.fa-chevron-up {
	width: 21px;
	height: 24px;
	font-size: 24px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
    margin-left: auto;
}
.text{
	width: 290px;
	height: 26px;
	font-family: Karla;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	color: #7cf4d3;
	margin: 15px 0px 15px 0px;
}
@media screen and (min-width:651px){

.NDS_Karte path { stroke-width: 1px;  transition: all 0.6s}
.NDS_Karte path:hover {fill: hsl(0, 0%, 100%);}
.NDS_Karte text {cursor:default}


text {font-size: 12px }
svg{
	 width:1120px;
	 height:1000px;
	 margin-bottom:72px;
}
	.Pos3
	{
		height: 872px;
		position: relative;
		
	}
	#login-logo {
		margin-left: 50px;
	}
	#login-navMain {
	    right: 56px;
	}

	#login-navigations-bereiche {
		display: flex;
	    position: relative;
	    top: 178px;
	    z-index: 999;
	}

	#login-navMain {
		top: 185px;
	    position: fixed;
	}
}
#info{
  width: 476px;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
      z-index: 2;
    position: absolute;
    right: -128px;
    top: 225px;
}
#Stadt{
	height: 38px;
	font-family: Karla;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.06;
	letter-spacing: -1px;
	color: #2e2e32;
	margin: 8px 0 36px 40px;

}
#info_header{
	color: #000000;
	display:flex;
}
#info_header > p
{
	width: 345px;
	height: 48px;
	font-family: Karla;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	margin: 36px 0 0 40px;
}
#info_header > button
{
	width: 49px;
	height: 49px;
	background-color: #7cf4d3;
	margin: 22px 0 0 19px;
}

#info_text:nth-child(even){
	box-shadow: 0 -1px 0 0 #e5e5e5;
	background-color: #ffffff;
	color: #000000;
	padding: 36px 36px 36px 40px;
}
#info_text:nth-child(odd){
	box-shadow: 0 -1px 0 0 #e5e5e5;
	background-color: #f2f2f2;
	color: #000000;
	padding: 36px 36px 36px 40px;
}

#info_text > p{
	font-family: Karla;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;;
	margin: 0;
}
#info_text > p > a{
	font-family: Karla;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;;
	margin: 0;
}