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

a.anker {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}

.boxstart {
	background-image: url(../images/bild_portfolio2.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	color:#FFFFFF;
	text-align:left;

	padding-top: 150px;
	padding-bottom: 280px;
	}

 h1 {
	font-size: 30px;
	font-weight: 200;
}

.boxstart h2 {
	padding-bottom: 0px;
	font-size:30px;
	font-weight: 400;
	margin-left: 200px;
}
h3 {
	text-align: center;
	font-size:25px;
	font-weight: 200;
	margin-left: auto;
	line-height: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
	color:#898989;
}
 h4 {
	font-size:14px;
	font-weight: 400;
	text-align: center;
	line-height: 20px;
	padding: 20px 40px 20px 40px;
}
.filmproduktion_a {
	text-align: center;
	padding: 20px;
	background-color:#EDEDED;
	height:auto; 
}
.film{
	width:30px;
}


.filmproduktion_a h3 {
padding: 0px;
}
.filmproduktion_a h4 {
	padding: 5px 20px;
}

.showreel {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	
	}
.showreel img {
	width:100%;
	opacity: 1
	;
	filter: brightness(80%);
	filter: saturate(.4);

	}

 .showreel :hover {
	opacity: 1;
		filter: brightness(100%);
		filter: saturate(1);
}

.trailer {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	
	}
.trailer img {
		width:100%;

	filter: brightness(80%);
	filter: saturate(.4);
	
	}

 .trailer :hover {
	opacity: 1;
	filter: brightness(100%);
	filter: saturate(1);
}



.hubert {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
		margin:1px 1px 0px 1px;
		
	
	
	}

 .hubert :hover {
	opacity: 1;
	filter: brightness(100%);
	filter: saturate(1);
}
.hubert img {
	
		width:100%;

	filter: brightness(80%);
 filter: saturate(.4);

	}
.bockspruenge {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
		margin:1px 1px 0px 1px;
	
	}
.bockspruenge img {
	
		width:100%;

	filter: brightness(80%);
	 filter: saturate(.6);
	
	}

 .bockspruenge :hover {
	opacity: 1;
	filter: brightness(100%);
	 filter: saturate(1);
}
.Hammer {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
		margin:1px 1px 0px 1px;
	
	}
.Hammer img {
	width:100%;
	opacity: 0.9;
	filter: brightness(80%);
	 filter: saturate(.4);
	
	}
 .Hammer :hover {
	opacity: 1;
	filter: brightness(100%);
	 filter: saturate(1);
}

.aertze {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
		margin:1px 1px 0px 1px;
	
	}
.aertze img {
	width:100%;
	opacity: 01;
	filter: brightness(80%);
	 filter: saturate(.4);
	
	}
 .aertze :hover {
		opacity: 1;
	filter: brightness(100%);
	 filter: saturate(1);
}

.srilanka {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	
	}
 .srilanka :hover {
	opacity: 1;
	filter: brightness(100%);
	 filter: saturate(1);
	
}
.srilanka img {
	width:100%;

	filter: brightness(80%);
	 filter: saturate(.4);
	 
	
	}
.mcdonalds {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
		margin:1px 1px 0px 1px;
	
	}
.mcdonalds img {
	width:100%;

	filter: brightness(80%);
	  filter: saturate(0.4);
	
	}

 .mcdonalds :hover {
		opacity: 1;
	filter: brightness(100%);
	  filter: saturate(1);
}
.vorspann {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
		margin:1px 1px 0px 1px;
	
	}
.vorspann img {
	width:100%;
	
	filter: brightness(80%);
	  filter: saturate(0.4);
	}
 .vorspann :hover {
		opacity: 1;
	filter: brightness(100%);
	  filter: saturate(1);
}

.history {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	}
.history img {
	width:100%;

	filter: brightness(80%);
	  filter: saturate(0.4);
	}
 .history :hover {
		opacity: 1;
	filter: brightness(100%);
	  filter: saturate(1);
}
.abus {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	
	}
.abus img {
	width:100%;
	
	}
 .abus :hover {
	opacity: 0.8;
}
.kleinefans {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	
	}
.kleinefans img {
	width:100%;

	filter: brightness(80%);
	  filter: saturate(0.4);
	}

 .kleinefans :hover {
		opacity: 1;
	filter: brightness(100%);
	  filter: saturate(1);
	
}
.Rodenstockbrille {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
		margin:1px 1px 0px 1px;
	}
	
.Rodenstockbrille img {
	width:100%;

	filter: brightness(80%);
	  filter: saturate(0.4);
	
	}
 .Rodenstockbrille :hover {
		opacity: 1;
	filter: brightness(100%);
	  filter: saturate(1);
}

.vangogh{
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
		margin:1px 1px 0px 1px;
	
	}
.vangogh img {
	width:100%;
 
	filter: brightness(80%);
	   filter: saturate(0.4);
	
	}
 .vangogh :hover {
			opacity: 1;
	filter: brightness(100%);
	filter: saturate(1);
}
.Bombe {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	}
.Bombe img {
	width:100%;

	filter: brightness(80%);
	filter: saturate(0.4);
	
	
	}
 .Bombe :hover {

			opacity: 1;
	filter: brightness(100%);
		filter: saturate(1);
}
.Drachen {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	}
.Drachen img {
	width:100%;

	filter: brightness(80%);
		filter: saturate(.4);
	}

 .Drachen :hover {
	opacity: 1;
	filter: saturate(1);
}

.Brothaus {
	text-align:center;
	height:auto;
	width:auto;
	padding-top: 0px;
	margin:1px 1px 0px 1px;
	}
.Brothaus img {
	width:100%;
	
	filter: brightness(80%);
		filter: saturate(.4);

	
	}
 .Brothaus :hover {
		opacity: 1;
	filter: brightness(100%);
	filter: saturate(1);
}
.photo_a{
	text-align: center;
	padding: 20px;
	background-color:#EDEDED;
	height:auto;
}
.kamera{
	width:30px;
	
}
.photo_a h3 {
	
	padding: 0px;
}

.photo_a h4 {
	
	padding: 5px 20px;
}



.Design_a {
	text-align: center;
	padding: 20px;
	background-color:#EDEDED;
	height:auto;
}
.pinsel{
	width:30px;

}

.Design_a h3 {
	
	padding: 0px;
}

.Design_a h4 {
	
	padding: 5px 20px;
}

.col {
	width:100%;
}	


.bg_slide {
	
	background-color:#EDEDED;
margin-top: 2px;
padding-bottom:30px;

}
.Design_a {
margin-top: 2px;
}

.textfeld1{
margin-top: 2px;
}
.filmproduktion_a{
margin-top: 2px;
margin-bottom:2px;

}
.googlemaps{
margin-top: 2px;	
}
.style-footer {
margin-top: 2px;
}