html, body {margin: 0; padding: 0; 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: #4C1303; text-transform: uppercase;}
h2 {color: #7D270E;}
h3 {font-size: 40px; padding-top: 8%; margin-bottom: 5px;}
h4, p {font-family: 'Roboto Slab', serif; color: #7D270E;}
h6 {font-family: 'Roboto', sans-serif; font-weight: 500; color: #4C1303;}

hr { width: 30px; height: 3px; background: #4C1303;  margin: 0 auto 20px 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: 0;
   left: 0;
   background-color: white;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   z-index: 2;
 }

 #logo {
   width: 250px;
   height: 50px;
   float: left;
   margin: 10px 0 0 50px;
 }

#logo:hover {opacity: 0,5;}

 #logo img {
   width: 100%
 }

 header nav {
   float: right;
   margin: 10px 50px 0 0;

 }

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

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

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


/* HOME ***************************************/

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

 #home h1 {
   margin: 150px auto 0 auto;
   font-size: 110px;
 }

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

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

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

 #home img:hover {
   opacity: 1;
 }

 /* HOLZ ***************************************/

 .holz {
     width: 600px;
     margin-left: auto;
     margin-right: auto;
     font-family: 'Roboto', sans-serif;}


 .holz h4{
   font-size: 25px;
 }




/* GALERIE ***************************************/

#galerie {
  background-color: #3D693D;
}

#galerie img {
  width: 240px;
}
#galerie img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

#galerie h4 {
  font-size: 25px;
}

#galerie p {
  width: 700px;
  margin: 0 auto 0 auto;
}


/* GALERIE1 ***************************************/


#galerie1 img {
  width: 240px;
}
#galerie1 img:hover {
  transform: scale(2.2);
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -o-transform: scale(2.2);
}

#galerie1 h4 {
  font-size: 25px;
}

#galerie1 p {
  width: 700px;
  margin: 0 auto 0 auto;
}


/* HOLZ ***************************************/

#pictures {
  width: 1500px;
  margin: 0 auto 0 auto;
}
#pictures ul {
  padding: 0;
}

#pictures ul li {
  width: 33,3%;
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 5px;
}

#pictures img {
  width: 280px;
  height: 170px;
  border-radius: 5px;
}

#pictures img:hover {
  transform: scale(2.2);
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -o-transform: scale(2.2);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

/* GALERIE1 ***************************************/
#galerieh {
  background-color: #3D693D;
}

#galerieh img {
  width: 240px;
}
#galerieh img:hover {
  transform: scale(2.2);
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -o-transform: scale(2.2);
}

#galerieh h4 {
  font-size: 25px;
}

#galerieh p {
  width: 700px;
  margin: 0 auto 0 auto;
}
/* HOLZ ***************************************/

#picturesh {
  width: 900px;
  margin: 0 auto 0 auto;
}
#picturesh ul {
  padding: 0;
}

#picturesh ul li {
  width: 33,3%;
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 5px;
}

#picturesh img {
  width: 200px;
  height: 280px;
  border-radius: 5px;
}

#picturesh img:hover {
  transform: scale(2.2);
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -o-transform: scale(2.2);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}


/* Contact ***************************************/

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

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

form input:first-child {
  margin-top: 10px;
}

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

form textarea {
  width: 552px;
  height: 200px;
  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: 560px;
  height: 50px;
}

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




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

footer {
  width: 100%;
  height: 70px;
  background-color: #3f3f3f;
}

footer p {
  font-size: 12px;
  color: #f0f0f0;
  padding-top: 30px;
}