html, body { margin:0 ;padding: 0; height: 100%; text-align: center;}

section {min-height: 100%; }
a {text-decoration: none;  }
li {list-style-type: none;  }

 #home h1, h2, h3 {
font-family: 'Prompt', sans-serif;
font-weight: 400;
color: #494949;
text-transform: uppercase;
}


#news h1, h2, h3 {
font-family: 'Prompt', sans-serif;
font-weight: 400;
color: #eeeeee;
text-transform: uppercase;
}

a{font-family: 'Prompt', sans-serif;
font-weight: 400;
color: #eeeeee;
text-transform: uppercase;}

h3  {
font-size: 10px;
margin-bottom: 3px;
padding-top: 8%;
}

#home h4, p { color: #494949;}

hr{width: 30px;
height: 3px;
border: 0;
margin: 0 auto 40px auto;
background: #494949; }
li, #logo, #slalom-a, img, .button {transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;-o-transition: all 300ms;}

/** header -------------**/
header {width: 100%;
  height: 65px;
  position: fixed;
  top: 5px;
  left: 0px;
  background: rgba(0,0,255,0.8);
/**  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); **/
  z-index: 1;
}
#logo { width: 140px;  float: left;  margin-left: 10px ; margin-top: 5px;}

#logo:hover {opacity: 0.5;}

#logo img {width: 100%;}

header nav {float: right; margin: 10px 30px 0 0;}

header nav ul li {float: left; margin-right: 20px; }

header nav ul li a  {font-size: 16px; }

header nav ul li:hover{ padding-top: 5px}

/**  Home -------------**/

#home {background: url(img/home.jpg);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
#home hr {background: white;}
#home h1{margin: 0px auto 0 auto;
        font-size: 70px; color: #eeeeee;
      }

#home h2 {margin: 0 auto 0 auto;
          font-size: 25px;}

#home img { width: 32px;margin-top: 150px; opacity: 0.7;}

/** #home img:hover {opacity: 1;} **/

/**  About -------------**/

#news {background: url(img/news.jpg);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}

/** #news img { width: 32px;margin-top: 150px; opacity: 0.7;}

/** #news img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}**/
#news h4 {font-size: 25px; color: #eeeeee; }
#news h3  {color: #eeeeee; }
#news hr{background: #eeeeee}
#news p {width: 700px;
margin: 0 auto 0 auto; color: #eeeeee;
}
/**  # = id
  . = class **/
#slalom {background: url(img/slalom.jpg);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
#slalom h3 {color: #eeeeee; font-size: 20px;}
#slalom hr{background: #eeeeee;}
#slalom p {color: #eeeeee;}

#slalom-a { width: 18%;  float: left;  margin-left: 2px ; margin-top: 5px;}
#slalom-a:hover {opacity: 0.5;}
#slalom-a img {width: 50%;}

#slalom-content { width: 80%;  float: left;  margin-left: 2px ; margin-top: 5px; background-color: #222222; opacity: 0.8;}
#slalom-content:hover{opacity: 0.1;}
#slalom-content p {color: #eeeeee;}
.green {color: green;}
.red {color: red;}
.yellow {color: yellow;}

#berg {background: url(img/berg.jpg);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
#berg h3 {color: #eeeeee;font-size: 0px;}
#berg hr{background: #eeeeee;}
#termine {background: url(img/termine.png);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
#termine h3 , h4 {color: #494949;}

#ich {background-color: #c0c0c0;}

#projects {width: 900px; margin: 0 auto 0 auto;}
#projects ul {padding: 0;}
#projects ul li {width: 33.3%; float: left; margin-bottom: 15px;}

#projects img {width: 280px; height: 170px; border-radius: 5px;}
#projects img:hover {transform:scale(1.1); -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); -o-transform: scale(1.1); box-shadow:0 5px 5px rgba(0,0,0,0.3);}

#auto {background: url(img/corsa-technik.jpg);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
#auto hr{background: #eeeeee;}
#presse {background: url(img/presse.png);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
#presse h3  {color: #494949;}

/** impressum **/

form input, textarea {font-family:'Prompt',serif; font-size:15px; margin-bottom:10px;
border-radius: 2px; border: 2px solid; border-color: #494949; outline: none;}
form input:first-child{margin-top: 10px;}
form input {width: 552px; height: 30px;}

form textarea {width: 552px; height: 30px;resize: none;}
.input_text {color: #494949; padding-left: 10px;}

::-webkit-input-placeholder {color: #999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}

.button {background-color: #f0f0f0;color: #494949; width: 566px; height: 30px;}
.button:hover {background-color: #494949; color: #f0f0f0;}


#impressum {}
/** footer **/
footer {width: 100%; height:50px; /*background-color: #3f3f3f;*/ position: fixed; bottom: 5px;
left: 0px; z-index: 1; background: rgba(255,0,0,0.8);}
footer p {font-size: 10px; color: #f0f0f0; /* padding-top: 0px;*/}

footer { margin: 0 auto 0 auto;}
footer ul {padding: 0;}
footer ul li {width: 13%; float: left; margin-bottom: 15px;}

footer img { height: 30px; border-radius: 5px;}
footer img:hover {transform:scale(1.1); -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); -o-transform: scale(1.1); box-shadow:0 5px 5px rgba(0,0,0,0.3);}