@charset "UTF-8";

/* CSS Document */

/*
* CSS Design
* Kfz Gerber Webseite
*/

/*Reset *********/

*{
	margin: 0;
	padding: 0;
}

html {
	text-align: center;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Domine', serif;
	font-family: 'Titillium Web', sans-serif;
	background: #393737;
}

body{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}


#page{
	width: 1280px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
	background:#fff;
}

/* Kopfbereich */

#logo{
	float: left;
	padding-left: 4%;
	padding-top: 3em;
	padding-bottom: 2em;
}

#logo img{
	width: 250px;
	height: auto;
	padding-left: 2em;
}


/* Navigation */

#navigation{
	font-size: 13px;
	font-family: 'Titillium Web', sans-serif;
	margin-right: 2em;
}

#navigation ul li{
	text-align: left;
	float: right;
	padding-left: 1.5em;
	padding-right: 2em;
	margin-left: 0.2em;
	margin-right: 2em;
	margin-top: 5em;
	list-style-type: none;
	text-decoration: none;
	
}

#navigation li{
	text-decoration: none;
}

li a{
	color: #4F4C4C;
	text-decoration: none;
	font-size: 1.2em;
}

li a:hover{
	color: #D51114;
	background: #fff;	
}

li a:visited{
	color:#0C1087;
}

/* Navigation Ende */
/* Kopfbereich Ende */


/*Inhalt */

hr{
	color: #4F4C4C;
	width: 95%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
main{
	margin-bottom: 10px;
}

.main_oben{
	margin: 0 auto;
	float: left;
	width: 1280px;
}

.main_oben h2{
	text-align: center;
	font-family: 'Satisfy', cursive;
	font-size: 2.8em;
	color: #D51114;
	margin-top: -10px;
	margin-bottom: 20px;
}

#main_service{
	width: 1280px;
	height: auto;
	background: #2B2A2A;
}

#wowslider-container1{ 
text-align: center;
zoom: 0; 
width: 1200px;
height: auto;
z-index:2;
border: none;
padding-top: 2em;
overflow: scroll;

}

.ws_bullets span{
	color: #626262;
}

/*Text*/

h1{
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-size: 55px;
	font-weight: 600;
	color: #4F4C4C;
	margin-top: 0.5em;
	margin-bottom: 0.1em;
}


h3{
	font-family: 'Titillium Web', sans-serif;
	margin-top: 1em;
	font-size: 2.8em;
	color: #4F4C4C;
}


h4{
	text-align: left;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 1.8em;
	color: #D51114;
	
}

/* Wrapper auf der Kontaktseite */

#kontakt_wrapper{
	overflow: hidden;
	background: #fff;
	width: 1280px;
	height: auto;
}

.wrapper_1{
	float: left;
	text-align: left;
	padding-left: 15%;
	padding-top: 10%;
	padding-bottom: 20%;
	color: #4F4C4C;
	font-size: 18px;
}

.wrapper_2{
	float: left;
	text-align: left;
	padding-top: 10%;
	padding-left: 10%;
	padding-right: 20%;
	padding-bottom: 5%;color: #4F4C4C;
	font-size: 20px;
}

.wrapper_2 a{
	color: #4F4C4C;
}

.wrapper_2 a:hover{
	text-decoration-style: solid;
	color: #4F4C4C;
}



#google_maps{
	float: left;
	width: 400px;
	height: auto;
	margin: 0 auto;	
	padding-left: 130px;
}

.wrapper_impressum {
	text-align: justify;
	width: 80%;
	height: auto;
	margin-left: 10%;
	padding-bottom: 20%;
	color:#4F4C4C;

	
}

.wrapper_impressum h1{
	text-align: left;
}

.wrapper_impressum a{
	text-decoration-style: none;
	color: #D51114;
}

/* Service Seite */

#content_service{
	overflow: hidden;
}

.service_1{
	padding: 5px;
	float: left;
	width: 30%;
	height: 350px;
	margin:  10px;
	margin-left: 25px;
	margin-top: 45px;
	text-align: left;
	background: #C2C2C2;
}

.service_1 img{
	width: 100%;
	min-width: 100%;
	height: 350px;
}


.service_2{
	padding: 5px;
	float: left;
	width: 30%;
	height: 350px;
	margin: 10px;
	margin-top: 45px;
	background: #C2C2C2;
}
.service_2 img{
	width: 100%;
	min-width: 100%;
	height: 350px;
}


.service_3{
	padding: 5px;
	float: left;
	width: 30%;
	height: 350px;
	margin: 10px;
	margin-top: 45px;
	background: #C2C2C2;
}

.service_3 img{
	width: 100%;
	min-width: 100%;
	height: 350px;
}

.service_1_text{
	float: left;
	width: 30%;
	height: 150px;
	text-align: left;
	margin-left: 35px;
	color: #4F4C4C;
}

.service_2_text{
	float: left;
	width: 30%;
	height: 150px;
	text-align: left;
	margin-left: 45px;
	color: #4F4C4C;
}

.service_3_text{
	float: left;
	width: 30%;
	height: 150px;
	text-align: left;
	margin-left: 25px;
	color: #4F4C4C;

}


.service_4{
	padding: 5px;
	float: left;
	width: 30%;
	height: 350px;
	margin: 10px;
	margin-left: 25px;
	background: #C2C2C2;
}

.service_4 img{
	width: 100%;
	min-width: 100%;
	height: 350px;
}

.service_5{
	padding: 5px;
	float: left;
	width: 30%;
	height: 350px;
	margin: 10px;
	background: #C2C2C2;
}
.service_5 img{
	width: 100%;
	min-width: 100%;
	height: 350px;
}

.service_6{
	padding: 5px;
	float: left;
	width: 30%;
	height: 350px;
	margin: 10px;
	background: #C2C2C2;
}

.service_6 img{
	width: 100%;
	min-width: 100%;
	height: 350px;
}

.service_4_text{
	float: left;
	width: 30%;
	height: 250px;
	margin-left: 35px;
	text-align: left;
	margin-bottom: 60px;
	color: #4F4C4C;
}
	
.service_5_text{
	float: left;
	width: 30%;
	height: 250px;
	text-align: left;
	margin-left: 45px;
	margin-bottom: 60px;
	color: #4F4C4C;
}

.service_6_text{
	float: left;
	width: 30%;
	height: 250px;
	text-align: left;
	margin-left: 25px;
	margin-bottom: 60px;
	color: #4F4C4C;
}



/* Kontaktformular */

label { 
display: block;
cursor: pointer;
font-weight: 600;
margin-bottom: 6px;
}
 
input[type='text'],input[type='checkbox'], input[type='radio'],
textarea, select {
margin-bottom: 24px;
}
 
input[type='text'], textarea, select {
width: 400px;
border: 1px solid #4F4C4C;
padding: 5px;
font: 300 15px/24px 'Source Sans Pro', sans-serif;
}
 
textarea {
float: left;
height: 120px;
padding-right: 2em;
}
 
input:hover, textarea:hover {
border: 1px solid #4F4C4C;
}
 
input:focus, textarea:focus {
border: 1px solid #4F4C4C;
background:#4F4C4C;
}
 
input[type='submit'], input[type='reset']{
border: 0;
cursor: pointer;
margin-right: 20px;
background: #4F4C4C;
padding: 4px 10px;
color: #fff;
font-size: 16px;
font-size: 1rem;
border-radius: 4px;
}
 
input[type='reset']{
background: #4F4C4C;
}
 
input[type='submit']:hover, input[type='reset']:hover{
background: #fff;
color: #D51114;
text-shadow: #4F4C4C;
}


/* inhalt unten */


.start_1{
	float: left;
	width: 35%;
	height: 300px;
	margin-left: 8em;
	margin-top: 3em;
	margin-bottom: 12em;
	text-align: justify;
	padding: 10px;
	padding-left: 15px;
	font-size: 16px;
	line-height: normal;
}

.start_1 h4{
	font-size: 4.8em;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	line-height: 1.1em;
	color: #D51114;
	text-shadow: 1px 1px #fff;
}

.start_1 h5{
	font-size: 2.9em;
	line-height: 0.2em;
	text-indent: 2.8em;
	color: #4F4C4C;
}



.start_1 p{
	padding-top: 2.5em;
	line-height: 2em;
	font-size: 1.2em;
	color: #4F4C4C;
}


.start_2{
	float: left;
	width: 35%;
	height: 300px;
	margin-left: 5em;
	margin-top: 75px;
	text-align: justify;
	line-height: normal;
	font-size: 1.2em  ;
	padding: 10px;
	
}

.start_2 li{
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	color: #4F4C4C;
	line-height: 2.2em
}

.start_2 p{
	padding-top: 0.2em;
	padding-bottom: 15px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #4F4C4C;
}

.start_2 bold{
	font-family: 'Satisfy', cursive;
	font-size: 1.8em;
	line-height: 1.4em;
	color: #4F4C4C;
	width: auto;
	padding-left: 4em;
}


.leer{
	position: fixed;
	float: left;
}



/* Inhalt ende */

footer{
	width: 1280px;
	height: auto;
	position: fixed;
	bottom: 0;
	background-color: #D51114;
	margin-left: auto;
	margin-right: auto;
}

footer .col_1_1 {
	float: left;
	width: 400px;
	text-align: left;
	margin-top: 30px;
	margin-left: 6em;
	margin-bottom: 20px;
}


footer .col_1_2{
	float: left;
	width: 450px;
	margin-top: 30px;
	margin-left: 2.0em;
	text-align: left;
}

footer p{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200;
	font-size: 0.8em;
	color: #ffffff;
}

footer a{
	color: #ffffff;
	text-decoration: none;
}

footer a:hover{
	color: #626262;
	text-decoration: none;
}

footer .col_1_3{
	float: left;
	width: 150px;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 4.8em;
	font-weight: 200;
	font-size: 0.9em;
	text-decoration: underline;
	font-style: italic;
}


/* Media Queries */