/*div, container {
     border: 1px solid white;
 }*/

#hero_1 {
    background: url(../img/hero_1.jpg) no-repeat;
    background-size: cover;
}
#hero_2 {
    background: url(../img/hero_2.jpg) no-repeat;
    background-size: cover;
}
#hero_3 {
    background: url(../img/hero_3.jpg) no-repeat;
    background-size: cover;
}
#hero_4 {
    background: url(../img/hero_4.jpg) no-repeat;
    background-size: cover;
}
.hero_header {
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    font-size: 10vw;
    color: #F2F2F2;
    text-shadow: 3px 3px #993300;
    line-height: 9vw;
    padding: 4% 0;
}
.hero_header_2 {
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    font-size: 10vw;
    color: #F2F2F2;
    text-shadow: 3px 3px #3300FF;
    line-height: 5vw;
    padding: 7% 0;
}
.hero_header_4 {
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    font-size: 10vw;
    color: #F2F2F2;
    text-shadow: 3px 3px #000;
    line-height: 3vw;
    padding: 7% 0;
}
.image_service {
    display:block;
    width: 100%;
    height: auto;

}
.image_container_left {
   width: 50%;
   float: left;
}
.image_container_right {
   width: 50%;
   float: right;
}
.description_container_right {
   width: 45%;
   float: left;
}
.description_container_left {
   width: 50%;
   float: left;
   padding-left: 80px;
}
.service_image {
    width: 100%;
}
.description_container_right h2{
    margin-top: 100px;
   font-family: 'Bebas Neue', cursive;
    font-size: 70px;
    color: #F2F2F2;
    padding-left: 50px;
    text-shadow: 3px 3px #666666;
}
.description_container_right p{
    font-family: Abel, sans-serif;
    font-size: 25px;
    color: #F2F2F2;
    padding-left: 50px;
}
.description_container_left h2{
    margin-top: 100px;
   font-family: 'Bebas Neue', cursive;
    font-size: 70px;
    color: #F2F2F2;
    text-shadow: 3px 3px #666666;
}
.description_container_left p{
    font-family: Abel, sans-serif;
    font-size: 25px;
    color: #F2F2F2;
}
#footer {
    background: url(../img/footer.jpg) no-repeat center;
    background-size: cover;
}

#footer h2 {
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    font-size: 50px;
    color: #F2F2F2;
    text-shadow: 3px 3px #993300;
    padding: 1% 0;
}
/* Post */
#postform {
  width: 90%;
  max-width: 800px;
  height: auto;
  margin: 0px auto;
  padding: 10px 0px 5px 0px;
  background: #ff8200;
  display: block;
  text-align: left;
}
#postform .form_header {
   font: bold 34px 'Bebas Neue';
}

 #postform p  { text-align: right; margin: 0 15px 0 0;}
 #postform p span {
   background:#FF3333;
   color: #fff;
   font: bold 24px Abel,Arial, Helvetica, sans-serif;
   padding: 10px;
   cursor: pointer;
 }
 #postform p span:hover {
   background:#000;
   color: #ff8200;
   -webkit-transition: all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
 }
  #danke {
   font: bold 28px Abel, Arial, Helvetica, sans-serif;
   color: #382500;
   margin: 27px;
  }
  .unvis {
    opacity: 0;
    filter: alpha(opacity = 0);
     -webkit-transition: all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  display: none;
  }
.vis {
  display: block;
    opacity: 1;
      filter: alpha(opacity = 100);
     -webkit-transition: all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  }
 .formwrap {
   list-style: none;
   /*margin: 27px  27px  64px  27px;*/
   margin-bottom:  40px;
   margin-right:  27px;
   font: normal 20px Abel, Arial, Helvetica, sans-serif;
   color: #382500;
 }
 .formwrap li {
   padding: 3px 0;
 }
 #name, #email {
    width: 60%;
    padding: 5px;

  }
 .noerror {
    background: rgba(255,255,255,.5);
    border-left: solid 1px #D66F00;
    border-top: solid 1px #D66F00;
    border-bottom: solid 1px #FFB566;
    border-right: solid 1px #FFB566;
    -webkit-transition: all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
 }
 .error {
    background: rgba(255,0,51,.3);
    border: solid 1px #FF0033;
    -webkit-transition: all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
 }

  #name:focus, #email:focus, #auftrag:focus {
  background: #fff;
  -webkit-transition: all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  }

  #auftrag {
    width: 100%;
    height: 100px;
    padding: 5px;
  }

  #send {
    float: right;
   font: normal 20px Abel, Arial, Helvetica, sans-serif;
   background:#FF3333;
   color: #fff;
   padding: 5px 10px;
   border: none;
   -webkit-text-shadow: 0px 1px 0px rgba(0,0,0,.3);
   -moz-text-shadow: 0px 1px 0px rgba(0,0,0,.3);
   -o-text-shadow: 0px 1px 0px rgba(0,0,0,.3);
   text-shadow: 0px 1px 0px rgba(0,0,0,.3);
   cursor: pointer;
  }
   #send:hover {
    background:#000;
   color: #ff8200;
   -webkit-transition: all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
   }
  #copyright {
     text-align: center;
     font-family: Abel, cursive;
    font-size: 20px;
    color: #F2F2F2;
    padding: 10px;
  }
 /* Gallery */
#portfolio_navi {
   margin-top: -40px;
   padding-left: 0px;
   padding-bottom: 15px;
   color:#fff;
   font-family: Abel, sans-serif;
   font-size: 20px;
}

 #portfolio_navi li {
     display: inline;
 }
 #portfolio_navi li a {
     text-decoration: none;
     color: #fff;
 }

#portfolio_navi li a:hover {
     text-decoration: none;
     color: #ff8200;
 }
#gallery_name {
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    font-size: 50px;
    color: #F2F2F2;
    padding: 30px 0;
}
/* Collapse */
a li.list-group-item:hover {
    background:#303030;
    text-decoration: underline;
}
.stretched-link, .text-capitalize, .text-start {
    color: #fff;
    font-size: 20px;
    text-decoration: none;
}

.stretched-link:hover, .text-capitalize:hover, .text-start:hover {
   color: #ff8200;
}
.btn .btn-primary .btn-lg{
    outline: none;
}
.no-change:hover {
    color:#fff;
}
/* Impressum */
.impressum {
    font-family: Abel, sans-serif;
    font-size: 18px;
    color: #F2F2F2;
    padding: 10px 80px;
    text-align: left;
}
.impressum_h2 {
   text-align: left;
    font-family: 'Bebas Neue', cursive;
    font-size: 40px;
    color: #F2F2F2;
    padding: 10px 80px;
}

/*XL*/
@media (max-width: 1400px) {
.description_container_right, .image_container_right{
   width: 50%;
}
.description_container_right h2, .description_container_left h2{
    margin-top: 40px;

}
.description_container_left {
   width: 50%;
   padding-left: 50px;
}
.description_container_right h2, .description_container_right p{

    padding-right: 30px;

}

    }
/*LG*/
@media (max-width: 992px){
.hero_header {
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    font-size: 15vw;
    color: #F2F2F2;
    text-shadow: 3px 3px #993300;
    line-height: 13vw;
    padding: 10% 0;
}
.image_container_left, .image_container_right {
   width: 90%;
   float: none;
   margin: 0px auto;
}
.description_container_right, .description_container_left {
   width: 90%;
   float: none;
   margin: 0px auto;
}
.description_container_right h2{
    margin-top: 20px;
}

}
/*MD*/
@media (max-width: 768px) {
  h2{
    margin-top: 20px;
    font-size: 30px;
    text-align: center;
}
.description_container_left p{
    font-size: 19px;
    color: #F2F2F2;
    padding: 0px;
}
.description_container_right p{
    font-size: 19px;
    color: #F2F2F2;
    padding: 0px;
}
.description_container_left {
     padding: 0px;
}
 #name, #email {
    width: 100%;
    padding: 5px;

  }
    }