* {
	margin: 0;
	padding: 0;
}
html, body {

      height: 100%;  
      min-width: 55em; 
      
      
    }

	#page {
	   position: relative;
    	min-height: 100%;
    	margin: 0 auto;
    	background-color: #efefef; 		
	}
	
	#Hauptbox {
		position: relative;
		width: 80em;
    	min-height: 100%;
    	margin: 0 auto;
    	background-color: #efefef; 
	}

	#head_PC {
		position: absolute;
		display: block;
		top: 0px;
		width: 100%;
		height: 7em;
		background-image: linear-gradient(to bottom, #2398e2 0%, #064770 100%);
		
		border-color: #6EffD7;
		
	}
	
	#nav_PC {
		z-index: 10;
		position: relative;
		top: 8em;
		margin-left: auto;
		margin-right: auto;
		height: 3em;
		width: 51em;
		background-color: green;
		text-align: center;
		border-radius: 0em 0.8em 0em 0.8em;
		background-image: linear-gradient(to bottom, #17689A 0%, #053D60 100%);	
	}
	
	 #nav_PC ul li {
		display: inline-block;
		padding: 1em 1.4em 1em 1.4em;
	}
	
	
	
#leuchte_PC {
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width: 7em;
	
	text-align: center;

}	
#bild_leuchte_PC {
	position: relative;
	top: 0.4em;
	height: 91px;
	width: 91px;
	display: block;
	margin: auto;
}	
#spruch1_PC {


	position: absolute;
	left: 9em;
	top: 2em;
	width: 5em;
	
	
	font-family: sans-serif;
	font-size: 12;
	color: #9bd8ff;
	font-weight: 100;



	margin: auto;
}

#hauptlogo_PC {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	
	height: 100%;
	text-align: center;
	
	
}
#adresse_PC {
	padding-top: 0.4em;
	font-size: 30pt;
	font-weight: 700;
	font-family: serif;
	color: white;
}
#spruch2_PC {
	font-size: 12pt;
	font-family: sans-serif;
	color: #9bd8ff;
	font-weight: 100;
}
#head_PC ul {
	color: white;	
	font-family: sans-serif;
	font-size: 20pt;
	padding: 0.4em;
	}
	input[type=checkbox]{
		position: absolute;
		top: 1.4em;
		left: 1.4em;
		
		opacity: 0;
		/*z-index: -1;*/

	}


	ul {
		list-style: none;	
	}
   nav li {
      display: inline-block;
      list-style: none;
    }
	
 	nav {
 		z-index: -1;
 		display: none;
 		width: 100%;
 		color: white;
 		}
 		a {
			color: white; 
			font-family: sans-serif;
			text-decoration: none;	
 		}
 		a:visited 
 		{
			color: white; 		
 		}
 	
	#logo {
		position: absolute;
		top: 0;
		left: 4em;
		right: 0;
		height: 3.3em;

	}
	#leuchte {
		display: inline-block;
		float: left;
		width: 3.3em;
		height: 100%;
		background-image: leuchte.png;
	}
	#bild_leuchte {
		height: 3.3em;
		width: 3.3em;
	}

 	#hauptlogo {
		display: inline-block;
		position: absolute;
		float: right;
		height: 100%;
		right: 0;
		left: 3.3em;
		top: 0;
		font-family: sans-serif;
		text-align: center;
		min-width: 14em;
 	}
 	#adresse {
		display:block;
		width: 100%;	
		
		font-size: 16pt;
 	}
 	#spruch2 {
		width: 100%;
		font-size: 10pt;
		 	
 	}
 	article {
 		
 		margin-left: auto;
 		margin-right: auto;
 		padding-top: 8em;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 22em;
		font-family: sans-serif;
		font-size: 16;
		
 	}
 	#Box_links {
	width: 13em;
	position:relative; 
	padding-top: 2em;
	padding-bottom: 2em;
	top: 5em;
	float: left;
	display: inline-block;
	border: 1px dotted #053D60 ;
	border-radius: 0 0.8em 0.8em 0.8em;
	background-color: #053D60;	
 	}
 	#Box_links li {
	 padding: 0.4em 0.4em 0.4em 0.4em;	
	 
 	}
  #Box_links_head {
		position: relative;
		top: -2em;
		margin-left: auto;
		margin-right: auto;
		height: 3em;
		width: 13em;
		background-color: green;
		text-align: center;
		border-radius: 0em 0.8em 0em 0.8em;
		background-image: linear-gradient(to bottom, #17689A 0%, #053D60 100%);	  
  }
  #Box_links_head li {
	padding: 1em 2em 1em 2em;  
  }
 	#Artikel {
		width: 45em; 
		position: relative;
		top: -3em;
		padding: 6em 3em 3em 3em;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3em;
		
		border: 1px dotted #053D60 ;
		border-radius: 0 0.8em 0 0;
		
		
		
		
 	}
 	
 	#Artikel a {
		color: #17689A;
		 	
 	}
 	#fb-page {
 	position: relative;
 	width: 13em;
	top: 5em;
	float: right;
	display: inline-block;
	border: 1px dotted #053D60 ;
	border-radius: 0 0.8em 0.8em 0.8em;
	background-color: #053D60;	
	z-index: auto;
	display: none;
		
		 	
 	}

 	.link {
		padding: 0px; 	
 	}
 	#desc {
	margin-bottom: 1em;
	display: block; 
	font-weight: 700;
	
 	}
 	h1 {
		 color: #053D60;
		 font-variant: small-caps;	
		 padding-bottom: 1em;
		 padding-top: 1em;
 	}
 	h2 {
		color: #053D60; 	
		padding-bottom: 0.5em;
		padding-top: 0.5em;
 	}
 	h3 {
		color: #053D60; 	
		padding-bottom: 0.5em;
		padding-top: 0.5em;
 	}
 	
 #kosten {
 	padding-top: 3em;
	font-size:85%; 
 }
	#gaestebuch {
	margin-top: 1em;
				
			
	} 	
	#gb_head {
		background-color: #08659f;
		padding: 0.5em;
		color: white;	
		border-top-right-radius: 1em;
		border: 1px solid #08659f;
	}
	#gb_inhalt {
		background-color: white;	
		padding: 1em 0.5em 1em 0.5em;
		border-bottom-left-radius: 1em;
		border: 1px solid #08659f;
	}
 	
 	footer {
 		position: absolute;
 		
		bottom: 0;
		left:0;
		right: 0;
		min-width: 80em;
		
	
		height: 20em;
		background-color: #1f1f1f;
		font-family: sans-serif;
		font-size: 14;
		color: silver;
		text-align: left;

 	}
 	footer table{
		
		
		text-align: left;
		vertical-align: top;
		
		margin: auto;
		margin-top: 1em;
		
 	}
 	footer table th {
 		color: #6EA1D7;
 		height: 3em;
 		vertical-align: top;
 		width: 15em;
 	}
 	footer table #s1 {
		width: 7em; 
		vertical-align: top;	
 	}
 	footer table td a{
 		vertical-align: top;
		color: white;
		font-family: sans-serif;
		font-size: 10pt; 	
 	}
 	footer hr {
	
	border: none;
	border-top: 1px solid #4f4f4f; 
	
	 
	margin: 2em 80px 2em 80px;
	
 	}
 	#copy {
  		position: absolute;
 		bottom: 1em;
 		width: 100%;		
		text-align:center; 	
 	}
 	
 	#mobile_footer {

		display: none; 	
 	}

    @media screen and (max-width: 600px) {
    	
html, body {
width: 100%;	
min-width: 360px;
}    	

#Hauptbox {
	width: 100%;
}
#nav_PC {
display: none;
z-index: 0;
}
			#head_PC {
			display: none;
			}  
			
			#fb-page {
			display: none;
			z-index: -1;
			}  	
			 	 .fb-page {
		 	display: none;
		 	z-index: -1;
		 	width: 0;
		 	height: 0;
			
				
				 	
		 	}
    	
			nav {
				z-index: auto;
				display: block;
				position: absolute;
			   top: 0px;
				width: 100%;
				/*background-color: #6EA1D7;*/
				background-image: linear-gradient(to bottom, #2398e2 0%, #064770 100%);
				height: 3.3em;
				padding: 0em;
			
			}
			
			nav:after {
				clear: left;
				content: "";
			}
			
			nav ul {
				margin: 0em;
				padding: 0;
				text-align: center;
			
			}
			nav ul li {
				/*width: 3em;	*/		
				display: inline-block;
				
				height: 3.2em;

			}
			nav ul ul li {
				width: 100%;	
				height: 100%;	
			}
			
			nav li {
				float: left;
				list-style: none;
				margin-right: 1em;
				padding: 0;
				position: relative;
				
			}
			/* Unternavigation ausblenden */
			
			nav ul ul {
				font: 0/0 serif;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 3.2em;
				left: 0em;
				z-index: -1;
				
			}
			/*  Unternavigation einblenden */
			
			
			nav ul ul li {
				float: none;
				margin-bottom: 0;
			}
			
			nav a,
			nav span,
			nav label {
				/*background-color: royalblue;*/
				/*border: 1px solid blue;*/
				border-radius: 10px 10px 0px 0px;
				
				box-shadow: none;
				color: white;
				display: block;
				font-weight: bold;
				margin: 0 auto;
				padding: 0.3em 0.6em 0.3em 0.6em;
				text-decoration: none;
				font-size: 20pt;
				text-align: left;
				/* Breite den in li enthaltenen Elementen zuweisen */
				
			
			}
			
			nav ul ul a,
			nav ul ul span {
				border-radius: 0px;
				width: 100%;
				background-color: #9EC3EA;
				font-size: 16pt;
		
			}
			/* aktuelle Unterseite kennzeichnen */
			
			nav label:focus,
			nav label:hover,
			nav span {
				background-color: #9EC3EA;
			}
			/*
			nav a:focus,
			nav a:hover {
				border-radius: 10px 10px 0 0;
			}
			
			nav ul ul a:hover {
				border-radius: 0px;
				
				margin: 0px;
			}
			*/
			/* aktuelle Unterseite kennzeichnen */
			

			
			nav input[type=checkbox]:checked  ~ ul {
				font: inherit;
				z-index: 100;
			} 	
			
			#Box_links {
				display: none;			
			}
			
			#page {
			min-width: 360px;			
			}			
			
			article {
				padding-top: 5em;
				padding-bottom: 5em;		
				
			}
			#Artikel {
			border-style: none;
			width: auto;
			padding: 3em 0.4em 0 0.4em;
			margin-bottom: 1em;
			}
			
			#Artikel a {
				color: #064770;			
			}
			
			footer {
				height: 7em;	
				min-width: 0;
				max-width: auto;		
			}
			#PC_footer {
				display: none;			
			}
			#mobile_footer {
				display: inline;
				width: 100%;
				text-align: center;
			}
			#mobile_footer ul li {
				display: inline-block;
				padding-left: 0.6em;
				padding-right: 0.6em;
				padding-top: 1em;
						
			}
			footer hr {
				margin: 1em 40px 1em 40px; 
			}

			    }
			 
			    @media only screen and (max-width : 320px) {
			}