p{ font-size: 1em;
		margin: 1em;
		color: #000;
		}

/*responsive menu */
.nav-mobile {
  	color: #fff;
	display: none;
  	font-weight: bold;
  	width: 100%;
	height:67px;
}


/*responsive menu end*/

body{
	background-color: #fff; /*#bacacd;*/
	margin: auto;
	padding:0;
	font-family: Verdana;
	width:100%;
	}
	#logo{
	
	-webkit-transform: scale(1) translateZ(0);
	    -ms-transform: scale(1) translateZ(0);
	    transform: scale(1) translateZ(0);
			border: 0; /*border-bottom: 1px #fff solid;*/
			max-width: 100%; 
			display:block;
			margin:0;
			width:100%;
	}
	
	#header_illu{
	
	-webkit-transform: scale(1) translateZ(0);
	    -ms-transform: scale(1) translateZ(0);
	    transform: scale(1) translateZ(0);
			border: 0; /*border-bottom: 1px #fff solid;*/
			max-width: 100%; 
			display:block;
			margin:0;
			width:100%;
	}
	nav#mobile_nav{ display:none;}
	
	#main_navigation{
		background-color: #a9be0e; /*background-image: linear-gradient(#777777, #585856);*/
		/*border-bottom: 1px #fff dotted;*/
		max-width: 1024px;
		display:block;
		height: auto;
		text-align:center;
		z-index:999;
		width:100%;
		margin: auto;
	}
	#main_navigation ul{
		margin: 0 auto;
		padding:0;
		max-width: 1024px;
		display:block;
		height: 66px;
	}
	#main_navigation ul li{
		margin: 0;
		padding: 0;
		display:inline;
		height: 66px;
	}
	
	#main_navigation ul li a:link,
	#main_navigation ul li a:visited,
	#main_navigation ul li a:active,
	#main_navigation ul li a:hover
	{
		color: #ffffff;
		font-family: Trajan Pro;
		font-size: 20px;
		
		text-decoration:none;
		display:inline-block;
		height: 43px;
		margin: 0;
		padding: 23px 36px 0 36px;
		border-right: 1px #fff dotted;
	}
	/*
	#main_navigation ul li a:hover{
		background-color: #bacacd;
	}
	*/
	#main_navigation ul li:last-of-type a{
		border: 0;
	}
	div#main{
		margin: 67px 0 0 0;
	}
	section.netzwerk{
		background-color: #989b94;
		display: flex;
		height: auto;
		width: 100%;
	}
	section.ueber_mich{
		background-color: #dee2e7; /* #989b94;*/
		padding:30px 0;
		
	}
	p#roter_faden_info{
		height: 362px;
	}
	div.ueber_mich,div.netzwerk{
		width: 100%;
		
		margin: 0 auto;
		padding: 50px 0;
	}
	h2.claim{
		color: #414141; /*#fff;*/
		font-size: 44px;
		font-weight: bold;
		line-height: 72px;
		width: 80%;
		margin: 5% 10% 0;
		
	}
	p.claim, ul.claim, p.netzwerkpartner{
		color: #414141; /*#fff;*/
		font-size: 24px;
		line-height: 36px;
		width: 80%;
		margin: 5% 10% 0;
		
	}
	p.netzwerkpartner{
		padding: 0 0 0 50px;
	}
	 figcaption.claim{
		color: #fff;
		font-size: 16px;
		line-height: 24px;
	}
	#ingostapperfenne{
		max-width: 100%; 
		margin: 0 20px 20px 0;
		display:inline-block;
		float:left; 
		height: auto;
		
		border: 1px #fff solid;
	
	}
	div.netzwerkpartner{
display:block; margin: auto;
padding: 0; width: 300px; height: 300px; border:10px #fff solid; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
background-size: contain;
	}
	h2.slider, h2.netzwerk, h2.stimmen_aus_projekten{
		font-family: Verdana;
		font-size: 4em;
		font-weight: bold;
		color:#fff;
		margin: 0px auto;
		width:100%;
		text-align:center;
		display:block;
		padding: 50px 0 80px 0;
		
	}
	h2.stimmen_aus_projekten{
		color: #414141;
	}
	section#termine{
		background-color: #777777;
	}
	h2.termine{
		font-family: Verdana;
		font-size: 4em;
		font-weight: bold;
		color:#27559d;
		margin: 50px auto;
		width:100%;
		
	}
	div.termine{
		background-color: #316ac4;
		width:30%;
		margin:auto;
	}
	div.termine ul li{
		color: #fff;
		font-family: verdana;
		font-size: 48px;
		font-weight: bold;
		line-height: 72px;
		text-align:center;
	}
	#termine ul li a:link,
	#termine ul li a:visited,
	#termine ul li a:active,
	#termine ul li a:hover
	{
		background-color: #fff30f;
		border-radius: 2em;
		color: #27559d;
		font-family: Verdana;
		font-size: 30px;
	    font-weight: bold;
	    font-style: italic;
		text-align: center;
		text-decoration:none;
		display:inline-block;
		height: 51px;
		margin: 0 0 50px 0;
		padding: 15px 50px 35px 50px;
		border: 1px #ffffff solid;
		width: 78%;
	}
	footer{
		background-color: #000;
		width: 100%;
		color: #fff;
		height:auto;
	}
	section#stimmen_aus_projekten{
		background-color: #dee2e7; /*#989b94;*/
		display:flex;
	}
	
	div.stimmen_aus_projekten{width:100%; margin:0 auto;}
	div.stimme_wrap{ float:left;width:100%; margin: 10% auto 0;}
	div.zitat_oben, div.zitat_unten{
		margin: -50px 0 0 -54px;
		    border: 3px #dee2e7 solid;
		    border-radius: 50%;
		    width: 20px;
		    height: 20px;
		    background-color: #dee2e7;
		    padding: 0px 20px 30px;
		    font-size: 45px;
		    color: #414141;
	}
	div.zitat_unten{
		margin: 0 0 -49px 95%;
		    padding: 15px 20px 15px;
	}
	div.stimme_text{ color: #414141;width: 60%; margin: 2% 20% 10%;
  padding: 20px; background-color: #fff; border-radius:5%;

	}
	.player_button{
		background-color: #414141; border: 1px #fff solid; color: #fff;"
	}
	div.stimme_foto{
		float: none;
		display:block !important; 
 	 	margin: 0 auto; 
		width: 150px; 
		height: 150px; 
		border:5px #fff solid; 
		-webkit-border-radius: 50%; 
		-khtml-border-radius: 50%; 
		-moz-border-radius: 50%; 
		border-radius: 50%; 
		background-size: contain;
	}
	.stimme_name, .stimme_audio{
		color: #414141;
	}
	@media (max-width: 1200px) {
		nav#mobile_nav{ display:none;}
		h2.claim{
			font-size: 36px;
			width:737px;
		}
		   
	p.claim, ul.claim, p.netzwerkpartner {
		font-size: 18px;
		line-height: 27px;
	 width: 735px;
	}
	ul.claim {
		width: 696px;
	}
	p.netzwerkpartner {
	    width: 600px;
	padding: 0;
	}
		div.netzwerkpartner{
	float:left; padding: 0; width: 250px; height: 250px; border:7px #fff solid; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
	background-size: cover;
	}
	@media (min-width: 769px) and (max-width: 1053px) {
		nav#mobile_nav{ display:none;}
		#main_navigation ul{
			margin: 0 auto;
			padding:0;
			max-width: 100%;
			display:block;
			height: 66px;
		}
		#main_navigation ul li a:link, #main_navigation ul li a:visited, #main_navigation ul li a:active, #main_navigation ul li a:hover {
	    color: #ffffff;
	    font-family: Verdana;
	    font-size: 16px;
	    text-decoration: none;
	    display: inline-block;
	    height: 41px;
	    margin: 0;
	    padding: 25px 20px 0 20px;
	    border-right: 1px #fff solid;
		}
		#main_navigation ul li:last-of-type a{
			border: 0;
		}
		div.netzwerkpartner{
			float:left; padding: 0; width: 200px; height: 200px; border:7px #fff solid; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
			background-size: cover;
			margin: 0 0 0 60px;
		}
		p.claim, ul.claim, p.netzwerkpartner{
			width: 545px;
		}
		h2.claim{
			width: 587px;
		}
		div.ueber_mich,div.netzwerk{
			width: 990px;
			height:300px;
			padding:0;
		}
		div.ueber_mich{
			height: 600px;
		}
	}
@media(max-width: 768px) {
	nav#mobile_nav{ display:none;}
	#main_navigation ul{
		margin: 0 auto;
		padding:0;
		width: 100%;
		display:block;
		height: 66px;
	}
	#main_navigation ul li a:link, #main_navigation ul li a:visited, #main_navigation ul li a:active, #main_navigation ul li a:hover {
    color: #ffffff;
    font-family: Verdana;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    height: 41px;
    margin: 0;
    padding: 25px 12px 0 12px;
    border-right: 1px #fff solid;
	}
	#main_navigation ul li:last-of-type a{
		border: 0;
	}
	#ingostapperfenne {
	    max-width: 90%;
	}
	figcaption.claim {
	    color: #fff;
	    font-size: 14px;
	    line-height: 14px;
	    width: 100%;
	}
	div.ueber_mich{
		width: 100%;
	}
	div.netzwerk{
		width: 100%;
	}
	figure{
		display: inline;
		    width: 34%;
		    margin: 0 0 0 8%;
	}
	h2.claim {
	    width: 90%;
		    font-size: 1.2em;
		    line-height: 2em;
		    display: block;
		    padding: 0;
		    margin: 0;
		
	}
	div.netzwerkpartner{
		padding: 0;
		    margin: 0 5% 0 9%;
		    width: 150px;
		    height: 150px;
		    border: 3px #fff solid;
		    -webkit-border-radius: 50%;
		    -khtml-border-radius: 50%;
		    -moz-border-radius: 50%;
		    border-radius: 50%;
		    background-size: cover;
		
	}
	
	p.claim, ul.claim, p.netzwerkpartner {
	    margin: 0;
		width: 100%;
	    font-size: 1em;
	    line-height: 2em;

	}
	p.netzwerkpartner{
		width:90%;
		margin: 0 5%;
	}
	ul.claim{
	width:94%;
	}
	ul{ list-style: none;}
}
@media(max-width: 480px) {
	nav#main_navigation{ display:none;}
	div#main{
		margin: 0;
	}
	nav ul {
	  display:none;
	  background-color: #777;
	  margin-left: -30px;
	}

	nav li {
	  width: 100%;
	  padding-left: 30px;
	}

	.nav-mobile {
	 background-color: #777;
	 display: inline-block;
	 height: 47px;
	 line-height: 30px;
	width:100%;
	padding: 20px 0 0 0;
		
	}
	p#roterfaden img{ width:300px;}
	
/*	#main_navigation ul{
		margin: 0 auto;
		padding:0;
		width: 100%;
		display:block;
		height: 36px;
	}
	#main_navigation ul li{
		margin: 0;
		padding: 0;
		display:inline;
		height: 30px;
	}
*/	
	nav#mobile_nav{
	background-image: linear-gradient(#777777, #585856);
	max-width: 100%;
	display:block !important;
	height: auto;
	position:fixed;
	top:0;
	left:0;
	text-align:center;
	z-index:999;
	width:100%;
}
#mobile_nav ul{
	margin: 0 auto;
	padding:0;
	display:block;
	height: 66px;
}
#mobile_nav ul li{
	margin: 0;
	padding: 0;
	display:inline;
	height: 66px;
}
	#mobile_nav ul li a:link, #mobile_nav ul li a:visited, #mobile_nav ul li a:active, #mobile_nav ul li a:hover {
    background-color: #777;
	color: #ffffff;
    font-family: Verdana;
    font-size: 20px;
    text-decoration: none;
    display: block;
    height: 60px;
    margin: 0;
    padding: 20px 20px 0 20px;
    border-bottom: 1px #fff solid;
	}
	#mobile_nav ul li:last-of-type a{
		border: 0;
	}
	div#main{
		margin: 67px 0 0 0;
	}
	#ingostapperfenne {
	    width: 150px;
	}	
	h2.claim{
		width: 100%;
	    text-align: center
	}	
	div.ueber_mich, div.netzwerk{
		width: 100%;
		height: auto;
	}
	p.claim{
		width: 86%;
	    padding: 0 7%;
	}
	h2.netzwerk {
	    font-family: Verdana;
	    font-size: 3.5em;
	    font-weight: bold;
	    color: #777777;
	    margin: 50px auto;
	    width: 100%;
	    text-align: center;
	    display: block;
	    padding: 0 0 0 0;
	}
	div.netzwerkpartner{
		float: none;
		display:block !important; 
 	 	margin: 0 auto; 
		width: 150px; 
		height: 150px; 
		border:5px #fff solid; 
		-webkit-border-radius: 50%; 
		-khtml-border-radius: 50%; 
		-moz-border-radius: 50%; 
		border-radius: 50%; 
		background-size: contain;
	}
	p.netzwerkpartner{
		padding: 0px;
		width: 80%;
		display: block !important;
		margin: 0 auto;
	}
}
@media (min-width: 481px) {
  nav ul {
    display: block !important;
  }
@media(max-width: 360px) {
	#main_navigation ul{
		margin: 0 auto;
		padding:0;
		width: 100%;
		display:block;
		height: 30px;
	}
	#main_navigation ul li{
		margin: 0;
		padding: 0;
		display:inline;
		height: 30px;
	}
	#main_navigation ul li a:link, #main_navigation ul li a:visited, #main_navigation ul li a:active, #main_navigation ul li a:hover {
    color: #ffffff;
    font-family: Verdana;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 12px 12px 0 12px;
    border-right: 1px #316ac4 solid;
}
#main_navigation ul li:last-of-type a{
	border: 0;
}
div#main{
	margin: 30px 0 0 0;
}
}