body {
	background-color:#EEE;
}
	
* {
  box-sizing: border-box;
}



.container	{	margin-top: 50px;
				
				align-items: center;
				margin-left: auto;
				margin-right: auto;
  				justify-content: center;
				width: 80%;
				max-width: 900px;
				
	
			}
	

.container_header {	
	
	display: flex;
	
	justify-content:space-between;
	align-items:flex-end;
	
	
			
			}

.header_links{display:flex;
			width: 50%;
			
			

	
}

.header_rechts{			
	
			display:flex;
			width: 50%;
			justify-content:space-between;
			align-items:flex-end;
			
			padding-left: 10px;

	
}


.container_flex	{	
					display:flex;
					align-items: center;
  					justify-content:space-between;
					
					
					flex-wrap: wrap;
				
				}
	


.Ungerade {	display:flex;
			width: 50%;
			justify-content:space-between;
			align-items: center;
			
			padding-right: 10px;
			padding-bottom: 20px;
		
			
			
}

.Gerade {	
			display:flex;
			width: 50%;
			justify-content:space-between;
			align-items: center;
			
			padding-left: 10px;
			padding-bottom: 20px;
	
			
			
}


.left_text {	
	font-family:Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	font-variant:small-caps;
	order: 0;
	
	color: black;
	width: 30%;
	
}


.left_bild {
	
	order: 0;
	width: 70%;
	
	
}

.right_text {	
	font-family:Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	font-variant:small-caps;
	order: 0;
	color: black;
	text-align: right;
	
	width: 30%;
	
}

.right_bild {
	
	order: 0;
	width: 70%;
	
}

.Picture {  max-height:100%;
  			max-width: 100%;
			max-height: 300px;
			
			
			
	
}


#Titel {
	font-family: Helvetica, sans-serif;
	font-weight:bold;
	font-size:3vw;
	line-height: 2.8vw;
	text-align:right;
	color: black;	
	}	
	
#kontakt {
	font-family: Helvetica, sans-serif;
	font-weight:100;
	font-size:1.8vw;
	color: black;
	text-align:left;	
	}

a   {font-family: Helvetica, sans-serif;
color: black;
text-decoration:none;
	}
	
	

	
.strich   { padding-left: 14.8%;
			

	}	
	
	
@media  ( max-width : 680px  )

{
	


			

	
}
	
@media  ( max-width : 480px  )	

				{
					
					
					
.strich   { padding-left:0%;
	

	}	
					

	.container_flex	{	
					display:block;
					align-items: center;
  					justify-content:space-between;
					
					
					flex-wrap: wrap;
				
					}
	
	.Ungerade {	display:flex;
			width: 100%;
			justify-content:space-between;
			align-items: center;
			
			padding-right: 0px;
			padding-bottom: 20px;
			
}				
			
	.Gerade {	
			display:flex;
			width: 100%;
			justify-content:space-between;
			align-items: center;
			
			padding-left: 0px;
			padding-bottom: 20px;
			
}
			
		
			
					
					
	.left_text {	
	font-family:Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	font-variant:small-caps;
	order: 1;
	text-align: right;
	color: black;
	width: 30%;
	
}


.left_bild {
	
	order: 0;
	width: 70%;
	
}				
			
					
					
.header_links{	
					width: 50%;
					display: none;
	}					
			
			.header_rechts{	
					width: 100%;
					margin-left: 0%;
				padding-left: 0px;
	}			
					

		#Titel {
	font-family: Helvetica, sans-serif;
	font-weight:bold;
	font-size:5vw;
	line-height: 4.5vw;
	text-align:right;
	color: black;	
	}	
	
#kontakt {
	font-family: Helvetica, sans-serif;
	font-weight:100;
	font-size:3vw;
	color: black;
	text-align:left;	
	}	



}
	
@media  ( min-width : 950px  )	

		{
	
					#Titel {
	font-family: Helvetica, sans-serif;
	font-weight:bold;
	font-size:32px;
	line-height: 27px;
	text-align:right;
	color: black;	
	}	
	
#kontakt {
	font-family: Helvetica, sans-serif;
	font-weight:100;
	font-size:18px;
	color: black;
	text-align:left;	
	}	
	
	
}


@media  ( max-width : 950px, min-width:680 )	

	{
		
		
		
}