
 @viewport{
    zoom: 1.0;

}

 /** CSS für alle **/
@media only screen and (max-width: 599px) {
	#container{
	width: 120%;
	text-align: center;
	line-height: 1.0em;

	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	
}

}
/* huawei p9 hoch*/
@media only screen and (min-width: 600px ) {
	body {
	margin-left: 3em;
	margin-right: 3em;	
	font: Pacifico;
	color: #c5dce8;
	background-color: #504f55;
	text-align: center;
	/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#969696), to(#424242));*/


}

	#container{
	width: 100%;
	text-align: center;
	line-height: 1.0em;

	margin-top: 25px;

	
}
p{
	margin-bottom: 10px;


	font: 2em Lato, sans-serif;
	color: #c5dce8;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
}
ul{
	margin: 2px;
	padding: 2px;
	font: 2em Lato, sans-serif;
	
	color: #c5dce8;
	font-weight: normal;
	line-height: 150%;
	text-align:left;
}
h1{
	font: Pacifico;
	margin: 50px 0px 50px 0px;
	
	font-size: 4em;
	font-weight: normal;
      /*color: yellow;*/
	
}
h4{
	font: 2em Lato, sans-serif;

	font-weight: normal;
	color: #c5dce8;
	
}

}
/* huawei p9 quer*/
@media only screen and (min-width: 980px ) {
	#container{
	width: 60%;
	text-align: center;
	line-height: 1.0em;

	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	
}
p{
	margin-bottom: 10px;


	font: 2em Lato, sans-serif;
	color: #c5dce8;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
}
ul{
	margin: 2px;
	padding: 2px;
	font: 2em Lato, sans-serif;
	
	color: #c5dce8;
	font-weight: normal;
	line-height: 150%;
	text-align:left;
}
h1{
	font: Pacifico;
	margin: 50px 0px 50px 0px;
	
	font-size: 4em;
	font-weight: normal;
     /* color: fuchsia; */
	
}
h3{
	font: Pacifico;
	margin: 5px 0 10px 0;
	padding: 20px 0 10px 0;
	font-size: 3em;
	font-weight: normal;
	color: #c5dce8;
	line-height: 130%;
	text-align: left;
}
h4{
	font: 200% Lato, sans-serif;

	font-weight: normal;
	color: #c5dce8;
	
}
}
/*
@media only screen and (min-width: 1260px ) {
	#container{
	width: 100%;
	text-align: center;
	line-height: 1.0em;

	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	
}
ul{
	margin: 2px;
	padding: 2px;
	font-size: 1em;
	font: 100% Lato, sans-serif;
	color: #c5dce8;
	font-weight: normal;
	line-height: 150%;
	text-align:left;
}

h4{
	font-size: 0.9em;
	
	font-weight: normal;
	color: #c5dce8;
	
}
p{
	margin: 2px;
	padding: 2px;
	font-size: 1em;
	font: 90% Lato, sans-serif;
	color: #c5dce8;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
}
} */



