main, .main {width: 100%;}

#mobile_sub {
	display:block;
	max-width:100%;
	height:100vh;
	background: #088CE8;
	border-top:solid 1px white;
	margin: 0 auto;
	

}

#menu_sub {
	
	list-style-type: none;
	display: block;
	width:100%;
	text-align: left;
	padding: 0px;
}

#menu_sub li {
	display:flex;
	flex-direction: column; 
	justify-content:center;	
	width:100%;
	height: 4em;
	align-items: center;
	
}

#menu_sub a {
	display:flex;
	text-decoration: none;
	width:80%;
	height:100%;
	line-height:3.5em;
	padding:0 10%;
	font-size: 14pt;
	align-items:center;
	
}



#menu_sub a h1 {line-height:2em;}

#menu_sub li:nth-child(even) a {			
	background-color:#088CE8;
	color:white;	
}

#menu_sub li:nth-child(odd) a {
		background-color:white;
		color:#088CE8;
}

#menu_sub i {
	display: block;
	box-sizing: border-box;
	text-align:center;
	width: 1.5em;
	margin-right:0.5em;
	
}

#menu_sub svg {	
	height: 2em;
	width: 3em;
	margin-right:1em;
}

@media screen and (max-width:301px) {
	#menu_sub a {font-size:10pt;}
}

#svg_dolmetschen path, 
#svg_uebersetzen path,
#svg_uebersetzen line,
#svg_medizin path, #svg_medizin circle {
	stroke:#088CE8;fill:white;}

#svg_dolmetschen tspan,
#svg_uebersetzen tspan, #uebersetzen line, 
#svg_medizin tspan {
	stroke:#088CE8;fill:#088CE8;}
	
#svg_behoerden path, #svg_behoerden rect,
#svg_gemeinnutz path, #svg_gemeinnutz circle {
	fill:#088CE8;}