body{font-family: 'Open Sans', sans-serif;

	
}

#nav{width: 30em;
	margin: 0 auto;
	margin-top: 3em;

}


#nav li{font-weight: 400;
		font-size: 10pt;
		float: left;
		list-style-type: none;


	
}

#nav li a:link{color: black;
				text-decoration: none;
				padding-left: 3em;
	
	
}

#nav li a:visited{color: black;
				text-decoration: none;
	
	
}

#nav li:hover{opacity: 0.5;
	
	
}

#websiteinfo{font-weight: 100;
			font-size: 15pt;
			width: 20em;
			padding-left: 50%;
			margin: 0 auto;
			margin-top: 3em;
			clear: left;
			padding-top: 5em;		

}

#eroeffnung{height: 25em;
			width: 67em;
			margin: 0 auto;

	
}

#profilbild{width: 22em;
			float: left;
			margin-top: 5em;
	
	
}

.profilbild1{width: 22em;
			border: 1px solid;
	
	
}

#titel{width: 40em;
		margin-top: 11em;
		float: left;
		padding-left: 5em;
	
	
}

h1{width: 14em;
	font-size: 28pt;
	border-bottom: 1px solid;
	font-weight: 400;
	
	
}

h2{font-weight: 300;
	margin-top: -1em;
	
	
}

#pfeil1{margin: 0 auto;
		width: 4em;
		clear: left;
	
	
}

  

.pfeil1{width: 4em;
		margin-top: 8em;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;

	
	
}

.pfeil1:hover{
      opacity: 0.5;
}


#schwerpunktefinal{width: 60em;
					height: 15em;
					margin: 0 auto;
					margin-top: 10em;
	
	
}

#schwerpunkte{width: 8em;
				height: 4em;
				font-size: 28pt;
				font-weight: 400;
				float: left;
				padding-top: 2em;
	
	
}

#dieschwerpunkte{font-weight: 300;
					font-size: 15pt;
					line-height: 30pt;
					padding-left: 4em;
					float: left;

	
	
}

#pfeil2{margin: 0 auto;
		width: 4em;
		clear: left;
		margin-top: 8em;
	
	
}

.pfeil2{width: 4em;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	
	
}

.pfeil2:hover{
	opacity: 0.5;
	
}


#kontaktieren{font-weight: 400;
			font-size: 20pt;
			width: 27em;
			margin: 0 auto;
			margin-top: 6em;
	
	
}

#mailsymbol{width: 5em;
			margin: 0 auto;
			margin-top: 7em;

	
	
}

.mailsymbol{width: 5em;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	
}

.mailsymbol:hover{opacity: 0.5;
	
	
}

#mailtext{width: 12em;
		margin: 0 auto;
		margin-top: 1.5em;
		font-weight: 300;
		font-size: 15pt;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	
	
}

#mailtext:hover{opacity: 0.5;
	
	
}

#mailtext a:link{color: black;
				text-decoration: none;
	
	
}

#telsymbol{width: 4em;
			margin: 0 auto;
			margin-top: 5em;
	
	
}

.telsymbol{width: 4.5em;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	
	
}

.telsymbol:hover{opacity: 0.5;
	
	
}

#teltext{width: 8em;
		margin: 0 auto;
		margin-top: 1.5em;
		font-weight: 300;
		font-size: 15pt;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	
	
}

#teltext:hover{opacity: 0.5;
	
	
}

#teltext a:link{color: black;
				text-decoration: none;
	
	
}

#endeborder{border-top: 1px solid;
			margin-top: 5em;
	
	
}

#ende{width: 62em;
		margin: 0 auto;
		font-weight: 300;
		font-size: 9pt;
	
	
}

#ende a:link{color: black;
			text-decoration: none;
}

#ende a:visited{color: black;
			text-decoration: none;
}

#ende a:hover{opacity: 0.5;
				transition: 0.3s;
	
}




/*---------------------------------------------------------------------------Responsive Part---------------------------------------------------------------------------*/







															/*-----------------Tablet-----------------*/
															
															
@media (min-width: 760px) and (max-width: 979px) {

#websiteinfo{font-size: 10pt;
	
	
}

#eroeffnung{height: 22em;
			width: 40em;
	
}

#profilbild{width: 15em;
	
	
}

.profilbild1{width: 15em;
	
	
}

#titel{padding-left: 3em;
		width: 21em;
	
	
}

h1{width: 13.5em;
	font-size: 18pt;
	
	
}

h2{font-size: 11.5pt;
	
	
}

#pfeil1{width: 3em;
	
	
}

  

.pfeil1{width: 3em;
	
	
}

#schwerpunktefinal{width: 41em;

	
}

#schwerpunkte{width: 8em;
				font-size: 18pt;
				padding-top: 3.5em;
	
	
}

#dieschwerpunkte{font-size: 11.5pt;

	
	
}

#pfeil2{width: 3em;
	
	
}

  

.pfeil2{width: 3em;
	
	
}

#kontaktieren{font-size: 15pt;
				width: 26.5em;
				
}

#mailsymbol{width: 3em;	
	
}

.mailsymbol{width: 3em;
	
	
}

#mailtext{font-size: 10pt;
	
	
}

#telsymbol{width: 2em;

	
}

.telsymbol{width: 2.5em;
	
}

#teltext{font-size: 10pt;
		width: 8.5em;
		
	
	
}

#ende{font-size: 6pt;
	
	
}

}

														/*-----------------Smartphone-----------------*/



@media (max-width : 760px){

#nav{width: 10em;


}

#nav ul{height: 5em;
		width: 10em;
		padding: 0em;
		margin: 0em;


	
	
}


#nav li{ list-style: none; 
    padding: 0;
    border: 0;
    clear: left;
   


	
}

#nav a{width: auto;
	
	
}

#websiteinfo{font-size: 6pt;
		

}

#eroeffnung{height: 33em;
			width: 27em;

	
}

#profilbild{width: 19em;
			clear: left;
			margin-top: 3em;
			padding-left: 3.5em;
			
	
	
}

.profilbild1{width: 19em;
			margin: 0 auto;
	
	
}

#titel{width: 21em;
		margin-top: 1.5em;
		clear: left;
		padding-left: 3em;
	
	
}

h1{	width: 13.5em;
	font-size: 17pt;
	border-bottom: 1px solid;
	font-weight: 400;
	
}

h2{font-size: 10.5pt;
width: 22em;
	
	
}

#pfeil1{width: 3em;


	
	
}

.pfeil1{width: 3em;
		margin-top: 3em;

	
}

#schwerpunktefinal{width: 22em;
					margin-top: 5em;
	
	
}

#schwerpunkte{width: 8em;
				font-size: 17pt;
				padding-top: 0em;
				clear: left;
				padding-left: 4em;
	
}

#dieschwerpunkte{font-size: 10.5pt;
				clear: left;
				padding-left: 0em;
				text-align: center;
				width: 26em;

	
	
}

#pfeil2{width: 3em;
		
	
	
}

  

.pfeil2{width: 3em;

	
	
}

#kontaktieren{font-size: 12pt;
				width: 25em;
				text-align: center;
	
	
}

#mailsymbol{width: 3em;	
	
}

.mailsymbol{width: 3em;
	
	
}

#mailtext{font-size: 10pt;
	
	
}

#telsymbol{width: 2em;

	
}

.telsymbol{width: 2.5em;
	
}

#teltext{font-size: 10pt;
	
	
}

#ende{font-size: 3pt;
	width: 65em;
	
}


}