@charset "UTF-8";
html, body {
  width: 100%;
  height: 100%;
	font-family: "Helvetica Neue",Helvetica, Arial,"Times New Roman", Times, serif;
	padding: 0em;  
	margin:0em;
}

nav * {font-size:.8rem;}
article * {font-size:.8rem;}
footer * {font-size:.8rem;}

.container {
  height:100vh;
	display: grid;
	grid-template-rows: min-content min-content auto min-content;
  grid-template-areas:   "head"
                         "nav"
                         "article" 
			                   "foot";
} 

article {
	grid-area:article;
	text-align:center;
  background-image: url('../images/background/wald_background.jpg'); 
	background-size: cover;
}
article * {font-family: Verdana, sans-serif;line-height:1.5;} 
article {overflow-y: auto;}

footer {
	grid-area:foot;
	background-color: #333333;
	text-align: right;
	padding: 0.6em 0 0.6em 0;
}

footer a {
 	color: white;
  padding-right: 0.8em; 
}
/*-------------------------------------------------------------------------------------------*/ 
/* Grosse Aufloesung Handy                                                                   */
/*-------------------------------------------------------------------------------------------*/
@media (min-resolution: 200dpi) and (min-width: 360px){
  html * {font-size: 1.15rem!important;}
	footer * {font-size: 0.9rem!important;}
	nav * {font-size: 0.9rem!important;}
}
/*-------------------------------------------------------------------------------------------*/ 
/* Grosse Aufloesung Desktop                                                                 */
/*-------------------------------------------------------------------------------------------*/ 
@media (min-resolution: 200dpi) and (min-width: 1024px){
  html * {font-size: 1.2rem!important;/*color:red!important;*/}
	footer * {font-size: 0.95rem!important;}
	nav * {font-size: 0.95rem!important;}
}
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Querformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 360px) and (max-width: 1024px) and (orientation:landscape) {
	article {overflow-y: auto;} 
	footer {display:none;}
}	
/*-------------------------------------------------------------------------------------------*/ 
/* Handy Hochformat                                                                          */
/*-------------------------------------------------------------------------------------------*/ 
@media only screen and (min-width: 150px) and (max-width: 1024px) and (orientation:portrait) {
	article {overflow-y: auto;} 
	footer {text-align: center;}
}