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

body {font-size: 93.75%;
      background: #3c4146;}  /* font 15px */

@font-face {font-family: Overlock-Bold; src:url(Overlock-Bold.ttf);}
@font-face {font-family: Overlock-Regular; src:url(Overlock-Regular.ttf);}


h1 {font-family: Overlock-Bold;
	color: #f9cf93;
	padding: 10px 30px 0px 20px;
	}
	
.ganz_kontakt h1 {color: #000000;}	

p {font-family: Overlock-Regular;
   font-size: 1.2em;
   line-height: 130%;
   color: #f9cf93;
   padding: 20px 10px 30px 20px;
   border: 0px solid red;}
   
.ganz_kontakt p {color: #000000;
                 font-family: Overlock-Regular;
                 font-size: 1.2em;
				line-height: 130%;
				padding: 20px 10px 0px 20px;
				border: 0px solid red;} 

p a {color: #871519;
	   text-decoration: none;}

.impressum p {font-size: 1.0em;
               }	   

.impressum a {color: #871519;
	   text-decoration: none;
	   font-size: 1.2em;
	   font-family: Overlock-Regular;
	   }	   

.ganz_kontakt .impressum a {border: 0px solid green;
                            position: relative; top: 10px;}	   
	   
.container_impressum p {font-size: 1.0em;}	   

.container_impressum a {color: #b3b46f;
	   text-decoration: none;
	   font-size: 1.2em;
	   font-family: Overlock-Regular;}	   

/* ANGABE REDUZIERT DIE BREITE DER CONTAINER */

.reihe {border: 0px solid red;
        }

.container {border: 0px solid blue;
		max-width: 1024px;
		margin: auto;
		margin-bottom: 10px;
		background: #272b2e;
		}
		
.container_braun {border: 0px solid blue;
		max-width: 1024px;
		margin: auto;
		margin-bottom: 10px;
		background: #a77042;
		}		

.container_impressum {border: 0px solid blue;
		max-width: 1024px;
		margin: auto;
		margin-bottom: 10px;
		background: #272b2e;
       }		

/* GANZ */

.ganz {border: 0px solid green;
	   background: #3c4146;
	   }

/* GANZ BRAUN */

.ganz_braun {border: 0px solid yellow;
	         display: inline-block;
			 width: 85%;}

/* GANZ LOGO */

.ganz_logo {border: 0px solid green;
		text-align: center;
		background: #3c4146;
		padding: 20px 0px 20px 0px}
		
/* GANZ KONTAKT */		

.ganz_kontakt {border: 0px solid green;
	         background: #b3b46f;
			 }		

/* GANZ IMPRESSUM */
.ganz_impressum {padding: 20px;}

.impressum {float: right;
            margin-top: -50px;
			padding-right: 20px;}			 

/* GANZ GRAFISCHES ELEMENT */

.ganz_element {border: 0px solid green;
		text-align: center;
		background: #3c4146;
		padding: 10px 0px 10px 0px}		

/* HALBIERT MENÜ */ 
  
.haelfte_1_menue {border: 0px solid green;
		          width: 100%;
		          display: inline-block;
				  background: #871519;
				  margin-bottom: -8px;}
				  
ul {border: 0px solid green;
    }				  
				  
.haelfte_1_menue ul li{float: left;
      list-style-type: none;
	  padding: 10px 50px 10px 50px;
	  border: 0px solid green;
     }
	  
.haelfte_1_menue ul li a {text-decoration: none;
        font-family: Overlock-Regular;
		font-size: 1.2em;
		color: #b3b46f;}	  

.haelfte_2_menue {border: 0px solid yellow;
		          width: 100%;
		          display: inline-block;
		          vertical-align: top;
				  background: #b3b46f;}

.haelfte_2_menue ul li{float: left;
      list-style-type: none;
	  padding: 10px 56px 10px 56px;
	  border: 0px solid green;
     }

.haelfte_2_menue ul li a {text-decoration: none;
        font-family: Overlock-Regular;
		font-size: 1.2em;
		color: #871519;}	 

/* HALBIERT */ 
  
.haelfte_1 {border: 0px solid green;
		  max-width: 24%;
		  display: inline-block;
		  vertical-align: bottom;
		  margin-bottom: -3px;}
		  
.haelfte_1 img{width: 100%;}		  

.haelfte_2 {border: 0px solid yellow;
		  max-width: 65.2%;
		  display: inline-block;
		  vertical-align: top;
		  background-color: #272b2e;}
		  
.hamburgermenue {float: right;
            vertical-align: top;
			padding: 20px 20px 20px 20px;
			border: 0px solid red;}

.hamburgermenue_mehr_fantasie {float: right;
            vertical-align: top;
			padding: 20px 20px 20px 20px;
			border: 0px solid red;}			

.facebookverweis {margin: 10px 0px 0px 0px;
                  }

.facebookverweis img{width: 30px;}				  

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

html {border: 0px solid green;}

.container {margin-left: 10px;
			margin-right: 10px;}

.container_braun {margin-left: 10px;
			margin-right: 10px;}

.container_impressum {margin-left: 10px;
			margin-right: 10px;}

			
.haelfte_1_menue ul li{clear: left;
                       padding-left: 56px;}

.haelfte_2_menue ul li{clear: left;}			

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

html {border: 0px solid blue;}	

.haelfte_1 {border: 0px solid green;
	         clear: left;
			 display: block;
			 margin: auto;
			 }
			 
.healfte_1 img {}			 
			 
.haelfte_2 {max-width: 87%;}			 
			 
.hamburgermenue {vertical-align: top;
                 margin-top: -17%;}			 

.container_braun .hamburgermenue {vertical-align: top;
                 margin-top: 0%;
				 border: 0px solid red;}

.hamburgermenue_mehr_fantasie {float: right;
                               vertical-align: top;
	                           padding: 0px 20px 20px 20px;
							   margin-top: -18%;}			
				 


}

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

html {border: 0px solid red;}

.haelfte_1 {border: 0px solid blue;
	        max-width: 24%;
		  }
		  
.haelfte_2 {border: 0px solid yellow;
		    max-width: 75%;
		    }
			
.ganz_braun {max-width: 75%;}		

.ganz_kontakt .impressum {}
			
}