html, body {margin: 0px; padding: 0px; height: 100%; text-align: center;}
section {min-height: 100%}
a {text-decoration: none;}
li {list-style-type: none;}

h1, h2, h3, a {font-family: 'Roboto', sans-serif; font-weight: 500;
              color: #666666; text-transform: uppercase;}
h3 {font-size: 40px; padding-top: 5%; margin-bottom: 4px;}
h4, p {font-family: 'Roboto Slab', serif; color: #666666;}
hr {width: 30px; height: 3px; background: #666666; border: 0px; margin: 0 auto 40px auto;}
#logo, li, 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: 0px;
  left: 0px;
  background: white;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background: #7c7c7c;}

#logo {width: 158px; float: left; margin: 5px 0 0 40px;}

#logo img {width: 100%;}

header nav {float: right; margin: 5px 40px 0 0;}

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

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

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


/* STARTSEITE ********************************************************/


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

#Startseite h1 {margin: 140px auto 0 auto; font-size: 90px; color: #ffe03b;
                text-shadow: 5px 5px 3px black;}

#Startseite h2 {margin: 60px auto 0 auto; font-size: 25px; color: #ffe03b;
                text-shadow: 4px 4px 2px black;}

#Startseite img {
  width: 32px;
  margin-top: 140px;
  opacity: 0,7;
}

#Startseite img:hover {
  opacity: 1;
}


/* ÜBER UNS ********************************************************/

#ÜberUns {background-color: #f0f0f0;}

#ÜberUns img {width: 120px;}

#ÜberUns img:hover {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
}

#ÜberUns h4 {font-size: 25px;}

#ÜberUns p {width: 800px; margin: 0 auto 0 auto;}


/* DIENSTLEISTUNGEN ********************************************************/

#Dienstleistungen {background-color: #f0f0f0;}

#Dienstleistungen p {text-align: left; width: 800px; margin: 0 auto 0 auto;}

#Dienstleistungen li {list-style-type: disc; width: 800px; margin: 0 auto 0 auto; color: #666666;}


/* KONTAKT ********************************************************/

#Kontakt {background-color: #f0f0f0;}

#Kontakt p {text-align: left; width: 600px; margin: 0 auto 20px auto;}

form input, textarea {
  font-family: 'Roboto Slab', serif;
  font-size: 15px;
  margin-bottom: 10px;
  border-radius: 2px;
  border: 2px solid;
  border-color: #666666;
  outline: none;
}

form input {
  width: 600px;
  height: 30px;
}

form textarea{
  width: 600px;
  height: 220px;
  resize: none;
}

.input_text {
  color: #666666;
  padding-left: 5px;
}

.button {
  background-color: #f0f0f0;
  color: #666666;
  width: 610px;
  height: 50px;
}

.button:hover {
  background-color: #666666;
  color: #f0f0f0;
}


/* FOOTER ********************************************************/

footer  {width: 100%; height: 40px; background-color: #7c7c7c;}

footer nav {float: right; margin: 0 40px 20px 0; height: 30px;}

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

footer nav ul li a {font-size: 10px; color: #ffe03b;}

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


/* IMPRESSUM ********************************************************/



#Impressum h3 {font-size: 40px; padding-top: 5%;}
#Impressum h4 {font-size: 16px; margin: 0 auto 0 auto; width: 700px;
                text-align: left; padding-bottom: 5px;}
#Impressum p {font-size: 12px; width: 700px; margin: 0 auto 0 auto;
              text-align: left; padding-bottom: 10px;}


/* Datenschutz ********************************************************/


#Datenschutz h3 {font-size: 40px; padding-top: 5%;}
#Datenschutz h4 {font-size: 16px; width: 700px; margin: 0 auto 0 auto;
                text-align: left;padding-bottom: 5px;}
#Datenschutz p {font-size: 12px; width: 700px; margin: 0 auto 0 auto;
                text-align: left; padding-bottom: 10px;}




/* Disclaimer ********************************************************/


#Disclaimer h3 {font-size: 40px; padding-top: 5%;}
#Disclaimer h4 {font-size: 16px; width: 700px; margin: 0 auto 0 auto;
                text-align: left;padding-bootom: 5px;}
#Disclaimer p {font-size: 12px; width: 700px; margin: 0 auto 0 auto;
                text-align: left; padding-bottom: 10px;}


/* AGB ********************************************************/


#AGB h3 {font-size: 40px; padding-top: 5%;}
#AGB h4 {font-size: 16px; width: 700px; margin: 0 auto 0 auto;
                text-align: left;padding-bootom: 5px;}
#AGB p {font-size: 12px; width: 700px; margin: 0 auto 0 auto;
                text-align: left; padding-bottom: 10px;}


/* MEDIA QUERRIES ********************************************************/

/* TABLETS */

@media screen and (max-width: 1024px) {

}

/* MOBILE */

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

}