@charset "utf-8";
/* CSS Document */


/*@media screen and ( min-width: 1201px ) and ( max-width: 1920px ) {}*/

/*@media screen and ( min-width: 1093px ) and ( max-width: 1200px ) {
	#links_logo {
		display: inline;
		margin-left: -5%;
		padding-left: 0;
		}
		
	#text_oben {
		display: inline;
		}
}*/

@media screen and ( min-width: 901px ) and ( max-width: 1092px ) {
/*@media screen and ( min-width: 1012px ) and ( max-width: 1092px ) {
	
	body {
		/*font-family: Arial, Helvetica, sans-serif;*
	}*/	
	
	#wrapper {
		/*width: 100%;*/
	}
	
	#links_logo {
		margin-left: -5%;
		padding-left: 10%;
		}
	
		
	#navi {
		/*margin-left: -10em;*/
		}
	
	#navi ul li {
		width: auto;
		/*float: left;
		padding: 1.5em 2em 1em 2em;
		font-size: 1.3em;
		font-weight: bold;
		color: #000000;*/
	}
	
	/*#navi {
		min-height: auto;
		min-height: 15em;*
		min-width: auto;
		}
		
	#navi ul {
		padding-left: 0;
		}
	
	#navi ul li {
		/*float: left;*
		display: block;
		float: none;
		padding: 1.5em 2em 1em 8em;
		padding: 1.5em 2em 1em 2.2em;
		font-size: 1.3em;
		font-size: 0.8em;
		font-size: 1.4em;
		font-weight: bold;
		color: #000000;
	}
	
	h1 {
		font-size: 3em;
		}
		
	h2 {
		font-size: 2.6em;
		}
	
	h3 {
		font-size: 1.4em;
		padding-left: 5%;
		margin: 2em 0;
		}
		*/
		
	h4 {
		font-size: 1.2em;
		font-size: 1em;
		padding-left: -5%;
		margin: 2em /*-9em*/ 0;
		}
		
	h5 {
		font-size: 0.9em;
		padding-left: -5%;
		margin: 2em /*-10em*/ 0;
		}
		
	#allgemein p, #referenzen p, #angebot p, #profil p {
		width: 90%;
		/*padding: 0 5%;*/
		margin: 0 -15%;
		line-height: 3em;
		font-size: 0.8em;
		margin-bottom: 1.5em;
		}
		
	#profil ul li {
		font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
		line-height: 3em;
		font-size: 0.8em;
		margin: 0 -10em;
		margin-bottom: 1.5em;
		width: 100%;
		}
		
	/*#profil a.social_media {
		display: block;
		font-size: 2em;
		line-height: 2em;
	}*/
	
	#footer {
		display: block;
		/*font-size: 100%;*/
		}
		
	#links p, #mitte p, #rechts p {
		font-size: 1.3em;
		}
		
	#links {
		display: block;
  		float: none;
 		width: 25%;
		width: 100%;
  		padding-left: 20%;
		padding-left: 5%;
}    

	#mitte {
		display: block;
  		float: none;
 		width: 25%;
		width: 100%;
  		padding-left: 20%;
		padding-left: 5%;
}

	#rechts {
		display: block;
  		float: none;
 		width: 25%;
		width: 100%;
  		padding-left: 20%;
		padding-left: 5%;
	}
	
	#footer h5 {
		margin-left: 0;
		}

}


@media screen and ( max-width: 900px ) {
/*@media screen and ( max-width: 1011px ) {*/
	body {
		/*background-color: green;*/
	}
	
	#wrapper {	
		/*background-color: yellow;*/
	}
	
	#header {
		/*background-color: red;*/
		}
	
	#links_logo {
		display: block;
		/*padding-left: 10%;*/
		}

/*	#text_oben {
		display: block;
		padding-left: 2em;
		}
		
	h1, h2 {
		text-align: left;
		padding-left: 0;
		}
		
	h3 {
		font-size: 1.4em;
		padding-left: 5%;
		margin: 2em 0;
		}
		
	h4 {
		font-size: 1.2em;
		font-size: 1em;
		padding-left: 5%;
		margin: 2em 0;
		}
		
	h5 {
		font-size: 0.8em;
		}
		
	#navi {
		/*min-height: auto;
		min-height: 15em;*
		min-width: auto;
		}*/
		
	#navi {
		/*background-color: aqua;*/
		}
	
	#navi ul {
		padding-left: 5%;
		/*background-color: aqua;*/
		}
		
	#allgemein p, #referenzen p, #angebot p, #profil p {
		padding-left: 5%;
		}
	
	/*#navi ul li {
		/*float: left;*
		display: block;
		float: none;
		/*padding: 1.5em 2em 1em 8em;*
		padding: 0.5em; 
		font-size: 1.3em;
		font-size: 0.8em;
		font-weight: bold;
		color: #000000;
	}
	
	#allgemein p, #referenzen p, #angebot p, #person p, #footer p {
		width: 80%;
		padding: 0 5%;
		font-size: 0.8em;
		}
		
	/*#profil ul {
		margin-left: 19%;
	}

	#profil ul li {
		color: #FFFFFF;
		background-color: #577596;
  		padding-left: 1em;
		width: 70%;
		font-size: 1.5em;
		font-size: 1.3em;
		line-height: 1.2em;
  		margin: 0.5em 0 0 0;
		font-family: Garamond, Myriad, "Segoe UI", Verdana, Tahoma, "Noto Serif", Georgia, "Times New Roman", Times, serif;
		list-style-type: circle;
		list-style-position: outside;
	}*
	
	#person a.social_media {
		display: block;
		font-size: 3em;
		line-height: 2em;
	}
		
	.right {
		font-size: 0.6em;
		margin-top: 2em;
		}
		
	#footer {
		display: block;
		font-size: 1.2em;
		}
		
	#links {
		display: block;
  		float: none;
 		width: 25%;
		width: 100%;
  		padding-left: 20%;
		padding-left: 5%;
		}    

	#mitte {
		display: block;
  		float: none;
 		width: 25%;
		width: 100%;
  		padding-left: 20%;
		padding-left: 5%;
		}

	#rechts {
		display: block;
  		float: none;
 		width: 25%;
		width: 100%;
  		padding-left: 20%;
		padding-left: 5%;
	}
}


/*@media screen and ( max-width: 760px ) {
	body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: yellow;
	}
	
	#navi ul li {
	display: block;
	float: left;
	padding: 1.5em 2em 1em 2em;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	}
}

@media screen and ( max-width: 480px ) {
	body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: yellow;
	}
	
	#navi ul li {
	display: block;
	float: left;
	padding: 1.5em 2em 1em 2em;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	}	
}*/