@font-face
{
	font-family:'EspKay';
  src:url("font/espek.eot?") format("eot"),url("font/espek.woff") format("woff"),url("font/espek.ttf") format("truetype");
}

@font-face
{
	font-family:'Verdana';
  src:url("font/Verdana.eot?") format("eot"),url("font/Verdana.woff") format("woff"),url("font/Verdana.ttf") format("truetype");
}

@font-face
{
	font-family:'VerdanaBold';
  src:url('font/VerdanaBold.ttf');
}

body {
 background-color:#fffff0;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 background-position: center;  
 font-family:Verdana, Verdana;

 justify-content:center; 
}


header {
 background-color:#fffff0;
 display:block;
 border:none;
 
 margin-top:10px;
 margin-bottom:0px; 
 margin-left:13%;
 margin-right:13%;
 
 padding-top:10px;
 padding-bottom:10px;
 padding-left:2%;
 padding-right:2%;
 
 font-size:16px; 
 letter-spacing:1px;
 font-weight:normal;
 color:#336633;
 line-height:8pt;
 text-align:center;}
 

nav {
 background-color:#fffff0;
 border:none;

 margin-top:0px;  
 margin-bottom:-20px;
 margin-left:13%;
 margin-right:13%;

 padding-top:10px;
 padding-bottom:0px; 
 padding-left:2%;
 padding-right:2%;
 
 font-size:24px;
 letter-spacing:2px; 
 font-weight:normal;
 color:rgb(0,0,0);
 text-align: center;
 vertical-align: 50%;
 }	

main {
 background-color:#fffff0;
 text-align: left;
 border:none;
 
 margin-top:0px;
 margin-bottom:0px;
 margin-left:13%;
 margin-right:13%;

 padding-top:10px;
 padding-bottom:10px;
 padding-left:2%;
 padding-right:2%;
 
 line-height:150%;
 font-family:Verdana, Verdana;
 font-size:18px;
 font-weight:normal;
 color:rgb(0,0,0);
}

footer {
 background-color:#fffff0;
 display:block;

 margin-top:-10px;
 margin-bottom:1200px;
 margin-left:13%;
 margin-right:13%;
 
 padding-top:0px;
 padding-bottom:20px;
 padding-left:2%;
 padding-right:2%;
 
 font-size:24px;
 font-weight:normal;
 color:rgb(0,0,0);
 line-height:120%;
 text-align: justify;
}

div {
 display: inline-block;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
 text-align:center; 
 align-self: center; 
} 
 
 .width {
 max-width:  420px; 
 align-self: center; 
 vertical-align: text-top; 
}   

h1 {
 margin-top:3px; 
 margin-bottom: 0px;
 font-family:EspKay, Diogenes;
 font-weight:normal;
 font-size:48px; 
 color:#336633;
 line-height:110%;
}

h2 {
 margin-top:12px;
 margin-right:0px;
 margin-bottom:12px;
 margin-left:0px;
 line-height:100%;
 font-family:VerdanaBold, Verdana;
 font-size:130%; 
 text-align:justify;
 page-break-after:avoid;
 color:#336633;
}

h4 {
 font-size:110%;
 text-align:justify;
 margin-bottom:-15pt;
 color:black;
}
 
h5 {
 margin-top:7px; 
 margin-bottom: 2px;
 font-size:110%;
 font-weight:bold;
 color:#336633;
}

h6 {
 margin-top:0px; 
 margin-bottom: 0px;
 font-size:90%;
 font-weight:normal;
 color:black;
 line-height:120%;
}
 
img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

a:link {color:#336633; text-decoration: none;}
a:hover {color:#336633; text-decoration: underline;}
a:visited {color:#666600; text-decoration: none;}
a:visited:hover {color:#666600; text-decoration: underline;}

a.karte:link {color:#660000; text-decoration: none;}
a.karte:hover {color:#660000; text-decoration: underline;}
a.karte:visited {color:#993300; text-decoration: none;}
a.karte:visited:hover {color:#660000; text-decoration: underline;}


@media(orientation: portrait){
	body {
		background-image:none;
		}
}
 
 @media(max-width: 1200px){
	header, main, nav, footer {
		 margin-left:9.8%;  
		 margin-right:9.8%;
		 }
} 
 @media(max-width: 1000px){
	header, main, nav, footer {
		 margin-left:6.4%;  
		 margin-right:6.4%;
		 }
} 
 @media(max-width:  800px){
	header, main, nav, footer {
		 margin-left:3.2%; 
		 margin-right:3.2%;
		 }
 }		 
 @media(max-width:  750px){
	body {
		 background-image:none;
		 }
	header, main, nav, footer {
		margin-left:0%;  
		margin-right:0%;
		} 
	footer {
		margin-bottom:10px;
		}
 }