/* Add here all your CSS customizations */

/*Body*/
body.boxed {

	background-image: url("../img/patterns/gray_jean.png");
}

/*Footer*/
#footer {

	border-top: 0;
	padding: 0;
}

/*Kontakt*/
.push-top-kontakt {
	margin-top: 80px;
	margin-left: 117px;
}

.list-unstyled-kontakt {

	list-style: none;
	margin-left: 80px;
}

@media (max-width: 480px) {

	.push-top-kontakt {
		margin-top: 80px;
		margin-left: 0px;
	}

	.list-unstyled-kontakt {

		list-style: none;
		margin-left: 0px;
	}

}

/*Startseite*/
#divStartseite {

	margin-left: 30px;
	font-size: 50px;
	color: #E6E6E6;
}

#divStartseiteInhalt {

	margin: 70px;
	margin-top: 20px;
	font-size: 30px;
	font-family: "Bookman Old Style";
	color: white
}

#bghome {

	background-image: url("../img/slides/slide-bg-full.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#startseitep {

	text-align: justify;
	line-height: 115%;
	color: #E6E6E6;
}

@media (min-width: 480px) and (max-width: 1080px) {

	#divStartseite {

		margin-left: 10px;
		font-size: 30px;
		text-align: left;
		color: white;
	}

	#divStartseiteInhalt {

		margin: 10px;
		margin-top: 15px;
		font-size: 15px;
		font-family: "Bookman Old Style";
		color: white;
	}

}

@media (max-width: 480px) {

	#divStartseite {

        margin-left: 10px;
		font-size: 30px;
		text-align: left;
		color: white;
	}

	#divStartseiteInhalt {

		margin: 12px;
		margin-top: 15px;
		font-size: 16px;
		font-family: "Bookman Old Style";
		color: white;
	}

}

/*Unternehmen*/
#unternehmenText {

	text-align: justify;
	font-size: 20px;
	line-height: 150%;
}

@media (min-width: 480px) and (max-width: 980px) {

	#unternehmenText {

		text-align: left;
		font-size: 15px;
		line-height: 150%;
	}

}

@media (max-width: 480px) {

	#unternehmenText {

		text-align: left;
		font-size: 15px;
		line-height: 150%;
	}

}

/*Anforderung Personal*/

#iconhacken {

	color: green;
}

/*Dienstleistungen*/

#listedienstl {

	margin-left: 300px;
}

#dienstleistungstext {

	margin-left: 300px;
	text-align: justify;
	font-size: 20px;
	line-height: 150%;
}

#dienstlhervor {

	margin-left: 300px;
	text-align: justify;
	font-size: 30px;
	line-height: 150%;
}

#hdienstl {

	font-size: 40px;
	margin-left: 300px;
}

#habout {

	font-size: 40px;
	margin-left: 0px;
}

#hgalerie {

	font-size: 60px;
	margin-left: 0px;
}

#hformular {

	color: #2E9AFE;
}

@media (max-width: 480px) {

#hgalerie {

	font-size: 30px;
	margin-left: 0px;
}

	#habout {

		font-size: 20px;
		margin-left: 0px;
		line-height: 150%;
	}

	#hdienstl {

		font-size: 20px;
		margin-left: 0;
	}

	#dienstlhervor {

		margin-left: 0px;
		text-align: left;
		font-size: 17px;
		line-height: 150%;
	}

	#dienstleistungstext {

		margin-left: 0px;
		text-align: left;
		font-size: 15px;
		line-height: 150%;
	}

	#listedienstl {

		margin-left: 0px;
	}

}

@media (min-width: 480px) and (max-width: 980px) {

#hgalerie {

	font-size: 30px;
	margin-left: 0px;
}

	#hkontak {

		margin-left: 35px;
	}

	#kontakttext {

		color: black;
		margin: 0px;
	}

	#habout {

		line-height: 100%;
	}

	#hdienstl {

		font-size: 20px;
		margin-left: 0px;
	}

	#dienstlhervor {

		margin-left: 0px;
		text-align: left;
		font-size: 17px;
		line-height: 150%;
	}

	#dienstleistungstext {

		margin-left: 0px;
		text-align: left;
		font-size: 15px;
		line-height: 150%;
	}

	#listedienstl {

		margin-left: 0px;
	}

	#dienstimg {

		margin-right: 10px;
	}

}

/*Jobs*/

#hjobs {

		font-size: 40px;
		line-height: 100%;
	}


#pjobs {

	color: #E6E6E6;
	text-align: justify;
	font-size: 30px;
	line-height: 150%;
}

#pjobstext {

	color: #E6E6E6;
	text-align: justify;
	font-size: 20px;
	line-height: 150%;
}

#pjobsdown {

	text-align: justify;
	font-size: 30px;
	line-height: 150%;
}

@media (max-width: 480px) {

#hjobs {

		font-size: 20px;
		line-height: 100%;
	}

	#pjobstext {

		text-align: left;
		font-size: 20px;
		line-height: 150%;
	}

	#pjobsdown {

		text-align: left;
		font-size: 20px;
		line-height: 150%;
	}

}

@media (min-width: 480px) and (max-width: 1080px) {

	#hjobs {

		font-size: 40px;
		line-height: 100%;
	}

}

/*Header: Graue Balken im Header*/
body.boxed .body {
	background-color: #FFF;
	border-bottom: 5px solid #A4A4A4;
	border-radius: 5px;
	border-top: 5px solid #1C1C1C;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	margin: 25px auto;
	max-width: 1200px;
	height: auto;
}

/*body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a, body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
 background-color: black;
 color: red;
 padding: 500;
 margin: 500;
 }

 #header {
 background: red;
 background: -webkit-linear-gradient( green, white);
 background: linear-gradient( green, white);
 clear: both;
 border-top: 500px solid red;
 min-height: 100px;
 padding: 8px 0;
 }

 #header > .container {

 color:red;
 height: 100px;
 margin-bottom: -35px;
 position: relative;
 display: table;
 max-width: 1170px;
 }*/

/*Bildergalerie*/
ul.thumbnail-gallery {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

ul.thumbnail-gallery li {
	display: inline-block;
	margin: 10px 10px 0 0;
	padding: 0;
}

ul.thumbnail-gallery .flickr-feed {

	width: 500px;
}

/*Logo*/

	
	@media (max-width: 1080px) {
	
	.img-responsive{	
	
	display: none;
	
	}
		
}