/* DATEI: format.css */
@import url('https://fonts.cdnfonts.com/css/calibri-light');

body { background-color:#f0eae4; margin:0px;}
div,h1,h2,h3,h4,td,tr,th,p,hr { font-size:19px; font-family:'Calibri Light', sans-serif; color:#4e443d; line-height:23px; vertical-align:top; }


  
a:link, a:visited, a:active { text-decoration:none;
color:#7e6a58;
}

a:hover { text-decoration:none;
                color:#ffffff;
                background-color:#7e6a58;
              }
			  
			  a.notfall {
				 font-size:inherit; 
				 line-height:inherit; 
				 float:right; 
				 color:#ffffff; 
			  }
			  

div.fenster{
width:80%; 
max-width:1024px;
margin-left:auto; 
margin-right:auto;
margin-top:5vw;
margin-bottom:5vw;
    }
	
div#foto {	
	width:100%; 
	height:35vw; 
	overflow:hidden;
}

div#kopf {
	position:absolute;
	top:0px;
	z-index:100;
width:100%; 
border:0px;
 background-color: rgba(240, 234, 228, 0.0);
    }

  

    div#bottom {
  width:1024px;
    padding:0px;
    padding-top:20px;
    margin:0px;
    margin-top:30px;
    background-color:#ffffff;
    }

ul#menu{
float:right;
margin-right:50px;
margin-top:3vw;
list-style-type: none;
text-align:right;
    }
	
	#kopf_text_desktop {
		float:right;
		margin-top:3vw;
		margin-right:22vw;
	}
	
	ul#menu li{
font-weight:300;
    }
	
		ul#menu li a {
			display:block;
			padding:2px;
	padding-left:4px;
padding-right:4px; 
color:#ffffff;
background-color:#787879;
    }

		ul#menu li a:hover {
background-color:#ab051d;
    }	
	
	.text_links {
		width:38%; 
		float:left; 
		padding-left:6%; 
		padding-right:6%; 
		padding-top:4vw;
	}

	
		.text_rechts {
		width:38%; 
		float:right; 
		padding-left:6%; 
		padding-right:6%; 
		padding-top:3vw;
	}
	
	
	.bild_links {
		width:50%; 
		float:right; 
		margin-bottom:5vw;
	}
	
	.text_spalte {
		width:29%; 
		padding-left:2%; 
		padding-right:2%; 
		float:left; 
		text-align:center;
	}
	
	.text_spalte img.portrait {
		width:10vw; 
		border:1px solid #b0aaa4;
				min-width:160px;
	}
	
	.karte {
		width:50%; 
		height:600px; 
		border:0;
	}
    
p { margin:0px; margin-top:18px; text-align:justify;}
p.klein { margin:0px; margin-top:9px; text-align:justify;}
p.ganzklein { margin:0px; margin-top:5px; text-align:justify;}

p.ganzklein_cent { font-size:14px; line-height:14px; width:100%; margin:0px; margin-top:5px; text-align:center;}


h1 { font-family:'Calibri Light', sans-serif; font-size:35px; line-height:39px; margin:0px; margin-bottom:35px; font-weight:300; color:#4e443d; border:0px; padding:0px;}

h2 {  font-family:'Calibri Light', sans-serif; font-size:20px; line-height:24px; padding:0px; margin:0px; font-weight:bold; color:#4e443d; border:0px;}  

h3 {  font-family:'Calibri Light', sans-serif; font-size:26px; line-height:30px; padding:0px; margin:0px; font-weight:normal; color:#4e443d;  border:0px;}  
	
	
	h3.port{
		 font-size:22px; 
		 line-height:26px;
		margin-top:1vw;
		width:100%;
	text-align:center;
	}
    
ul{
margin-top:18px;
    }

ul li{
margin-top:10px;
margin-left:-10px;
padding-left:10px;
    }

 
 #adr_links {
	 width:40%; 
	 margin-left:5%; 
	 padding:2%; 
	 	 padding-top:35px; 
		 padding-bottom:35px; 
	 float:left; 
	 border:0px solid #666666; 
	 background-color:#cdc2b8; 
	 }
	 
 #adr_links p {
	  text-align:left;
 }
 
  #adr_rechts {
 width:40%; 
 margin-right:5%; 
 padding:2%; 
 	 	 padding-top:35px; 
		 padding-bottom:35px; 
 float:right; 
 border:0px solid #666666; 
 background-color:#cdc2b8; 
 text-align:right;
  }
 
   #adr_rechts p, #adr_rechts h2 {
	text-align:right;
		 color:#4e443d;
   }
   
      #adr_links p, #adr_links h2 {
		 color:#4e443d;
   }


.cookies {
	float:right;
}


@media screen and (max-width: 1200px) {
	
			#kopf_text_desktop { 
			margin-right:6vw;

			}
			
						ul#menu, #kopf_text_desktop { 
			 line-height:18px; 
			 font-size:15px;
			 margin-top:3vw;
			}
}


@media screen and (max-width: 900px) {
	


			ul#menu, #kopf_text_desktop { 
			display:none; 
			}



			div#menu_mob { 
			display:block; 
			margin-top:0px;
margin-bottom:25px;
 margin-left:45px;
font-size:14px;
			}

			 #adr_links {
				 width:90%; 
				 margin-left:5%; 
				 }
			 
			  #adr_rechts {
				 width:90%; 
				 margin-left:5%; 
				 margin-top:15px;
				 float:left;
			  }
			 
			   #adr_rechts p, #adr_rechts h2 {
				text-align:left;
			   }
			   
			   
			   
			  a.notfall {
				 float:left; 
			  }
			  
			  
			  	.text_links {
		width:88%; 
	}
	
				  	.text_rechts {
		width:88%; 
	}
	
		.bild_links {
		width:100%; 
		margin-top:4vw;
		 text-align:center;
	}
	
		.karte {
		width:100%; 
		margin-top:4vw;
	}
	
				  
			      
p { text-align:left;}
p.klein { text-align:left;}
p.ganzklein { text-align:left;}

	
	
	div#kopf p {
margin-top:8px;
    }
	
	
	.text_spalte {
		width:96%; 
		padding-left:2%; 
		padding-right:2%; 
		float:left; 
		text-align:center;
		margin-bottom:8vw;
	}
	
	.text_spalte p.ganzklein_cent, .text_spalte h3.port  {
		text-align:left;
		padding-left:8px;
	}
	
		.text_spalte h3.port  {
		 font-size:20px; 
		 line-height:23px;
	}
	
	.text_spalte img.portrait {
		float:right;
		width:90px;
						min-width:90px;
								 		margin-left:8px;
	}
	

h2 {  font-size:22px; line-height:26px;}  

.cookies {
	width:100%;
	float:left;
}

}