/*
	neon grün: #c0d006
	anthrazit: #384042
*/


body {
	font-family: "open sans",sans-serif,verdana, arial;
	font-size:15px;
	margin:0px;
	background-color: #F0F0F0;
}

footer a {
	color:white;
}

a.impressum {
	color:#384042;
}

.wrap {
	overflow:hidden;
}

header{
	
}

header img {
	width:321px;
	float:left;
}

header h2 {
	text-align:center;
	float:left;
	color:#384042;
}

.neon {
	background-color: #c0d006;
	text-align: center;
	color:#384042;
	padding:20px 5px;
}

.pictures {
	text-align: center;
}

.pictures div{
	float:left;
}

.pictures-afwd {
	float:none!important;
	display:inline-block;
	background-color: #c0d006;
	padding:30px;
}

.pictures-afwd a {
	color:#384042;
}

.pictures-afwd a:hover {
	color:white;
	transition: all 0.2s linear;
}

.maintext {
	margin-top:50px;
	margin-bottom:50px;
}

footer {
	background-color:#c0d006;
	padding-bottom:100px;
}

footer img {
	width:100%;
}

.footer-image{
	position:relative;
}

.footertext{
	color:#384042;
}

.footertext p {
	margin:0px;
}

.bold{
	font-weight:bold;
}

/*================== MEDIA QUERIES ==============*/

@media (max-width: 767px) { 
	.wrap {
		width:100%;
	}

	header img {
		width:100%;
		max-width:350px;
		float:none;
		display:block;
		margin-left: auto;
		margin-right: auto;
	}
	
	header h2{
		float:none;
		font-size:24px;
	}

	.pictures div{
		width:calc((100% - 16px) / 4);
		padding-left:2px;
		padding-right:2px;
	}
	
	.pictures img{
		width:100%;
	}		
	
	.footertext{
		bottom:-30px;
		left:2px;
	}

	.footertext a {
		color:#384042;
	}	
}

@media (min-width: 768px) { 
	.wrap {
		width: 762px;
		margin:0 auto;
	}
	
	header img {
		width:277px;
	}

	header h2 {
		width:485px;
		font-size:27px;
		margin:7px 0;
	}		
	
	.pictures img{
		width:123px;
		padding-left:2px;
		padding-right:2px;
	}	

	.footertext{
		bottom:-25px;
		left:5px;
		position:absolute;
		color:white;
	}		
}

@media (min-width: 992px) {
	body {
		font-size:16px;
	}
	
	.wrap {
		width: 972px;
		margin:0 auto;
	}
	
	header img {
		width:325px;
	}

	header h2 {
		text-align:left;
		width:auto;
		font-size:31px;
		margin:26px 0;
	}	
	
	.pictures img{
		width:158px;
		padding-left:2px;
		padding-right:2px;
	}	

	.footertext{
		bottom:-25px;
		left:10px;
	}	
}

@media (min-width: 1200px) {
	.wrap {
		width: 1170px;
		margin:0 auto;
	}
	
	header img {
		width:350px;
		margin-right:68px;
	}
	
	header h2 {
		text-align:left;		
		font-size:36px;
		margin:27px 0;
	}
	
	.pictures img{
		width:189px;
		padding-left:3px;
		padding-right:3px;
	}
	
	.footertext{
		bottom:-20px;
		left:75px;
	}
}