#screen_header {display:none;}
#mobile_header {
	position:fixed;
/*	max-height: 20vh;*/
}


#mobile_header h1 {
	/*font-size:4vh;*/
	margin-top: 0px;
	}
/*
#mobile_header h2 {font-size:2vh;clear:left;float:left;margin:0px;}
#mobile_header p  {font-size:2vh;float:right;margin: 1.5em 0 0 0;}
*/

main, .main {width: 100%;}

#mobile_menu {
	display:block;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: #088CE8;
	padding: 20px 0;
	z-index:1000;
}

#mobile_menu ul {
	list-style-type: none;
    display: flex;
    justify-content: space-between;
	-webkit-justify-content: space-between; 
	-moz-justify-content: space-between; 
    padding: 0px;
    margin: 0px auto;
	width:100%;
	margin-block-end: 0px;
}

#mobile_menu li { 
    display:inline-block;
    padding-right:10px;
	flex-grow: 1;
    flex-wrap:wrap;
    text-align: center;
}

#mobile_menu a {
	display:inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color:white;
	color: white;
	font-size:1.2em;
	border: none;
	background-color: #088CE8;
	font-family: "robto slab";
	
}

#mobile_menu a sub {font-size: 0.8em;}



#welcome-text {width:80%;z-index:0;}
#portrait {
	width:100%;
	max-height:none;
	height:auto;
	border-radius:0;
	aspect-ratio: initial;
	-webkit-aspect-ratio: initial; 
	-moz-aspect-ratio: initial;
	z-index:-1;
			box-sizing: border-box;
		border-left:2em solid white;
		border-right:2em solid white;
}

#mob-sprache {
    justify-content: space-evenly;
	-webkit-justify-content: space-evenly; 
	-moz-justify-content: space-evenly; 	
}


.sprache, #bg-oeffentlich, #med-ngo {
	box-sizing: border-box;
	width: 100%;}

.sprache .cass2action {
	width:100%;
	display:block;
}


footer, #footer {display:none;}

@media screen and (max-width:897px) and (min-width:519px) {
	#welcome li {flex-grow: 1;}
	#welcome li:nth-child(1){min-width: 45%; }
	#welcome li:nth-child(2){
		min-width: 45%;
		margin:0px 0px 20px 0px; 
	}
	
}

@media screen and (max-width:518px){
	#welcome li {
		flex-grow: 1;
		margin-bottom:20px;
	}
	
	#welcome li:last-child {max-width:45%;}
	
	#welcome-text {
		width:100%;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	#welcome-text h1 {
		
		font-size: 6vh;
		
	}
	
	main, .sprache, #bg-oeffentlich, #med-ngo {
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}
}



@media screen and (orientation: portrait) and (max-width:460px) {
	
	#mobile_header {border-bottom: solid 1px white;}
	#mobile_header p {font-size: 9pt;}
	#mobile_header h2 {font-size: 10pt;}
	#welcome li:last-child {max-width:none;}
	
	#welcome ul {padding-top: 2em;}
	
	#portrait {
		box-sizing: border-box;
		border-left:2em solid white;
		border-right:2em solid white;
		}
	
	.sprache, 
	#bg-oeffentlich section, 
	#med-ngo section {
		box-sizing: border-box;
		padding: 0em 1em 2em 1em;
		margin: 1em 0em;
		min-width: 100;
	}
	
	main p, main h1, #med-ngo main {
		display:block;
		margin:0px;
		padding: 0px;
		margin-block-start: 0em;
		margin-block-end: 0em;
		min-width: 100%;		
		
	}
	
	
	.anker {margin-top: -10em;}
	
	#menu_sub a {font-size: 10pt;}
	#ue ul {
		list-style-type: none;
		padding-left: 0px;}
		
	#bg-oeffentlich, 
	#med-ngo, 
	#bg-medizin, 
	#bg-ngo {
		border:none;
		background: white;
	}
	
	#bg-oeffentlich section {
		background:#088CE8;
		color:white;
		min-width:100%;
	}
	
	#med-ngo main {padding: 0px;background:white;}
	#med-ngo main section {background: #088CE0;}
	
	.call2action {margin-top: 2em;}
	.c2a-buttons {margin-top: 1em;}
	
	
}
/*
@media screen and (orientation: landscape) and (max-height:400px) {
	
	#mobile_header h1 {
			width: 50%;
			float: left;
			margin-top: 0.5em;
			
			}
	#mobile_header p {display:none;}
	#mobile_header h2 {
		font-size: 10pt;
		width:50%;
		float:right;
		clear:right;}

	#welcome li:last-child {max-width:none;}
	
	.sprache, 
	#bg-oeffentlich section, 
	#med-ngo section {
		box-sizing: border-box;
		padding: 4em 1em;
		margin: 2em 0em;
	}
	
	#bg-oeffentlich {border:none;}
	
	main p, main h1, #med-ngo main {
		display:block;
		margin:0px;
		padding: 0px;
		margin-block-start: 0em;
		margin-block-end: 0em;
	}
	

	
	.anker {margin-top: -5em;}
	
	#menu_sub a {font-size: 10pt;}
	#ue ul {
		list-style-type: none;
		padding-left: 0px;}
}*/


/*http://www.responsivepx.com/?test.aradeke.de#340x480&scrollbars*/