/* Sticky footer styles
 -------------------------------------------------- */

html, body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */

#wrap {
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  /* Negative indent footer by its height */
  width: 100%;
  height: 100%;
  min-height: 700px;
  margin: 0 0 -100px;
}
@media (max-width: 1100px) {
  #wrap {
    min-height: 610px;
    transition: all 0.4s ease-in-out;
  }
}

@media (max-width: 400px) {
  #wrap {
    min-height: 500px;
    transition: all 0.4s ease-in-out;
  }
}

#wrapunterseite {
  min-height: 100%;
  height: 100%;
  /* Negative indent footer by its height */
  /* Pad bottom by footer height */
  padding : 0 0 150px;
  background-repeat: no-repeat;
  text-align: left;
  position: relative;
  left: 0px;
  width: 100%;
}
.wrap1 {
  background-image: url("../img/bild1.jpg");
}
.wrap2 {
  background-image: url(../img/bild4.jpg);
}
.wrap3 {
  background-image: url(../img/skyline2.jpg);
}
.wrap4 {
  background-image: url(../img/bild3.jpg);
}
.wrap5 {
  background-image: url(../img/bild2.jpg);
}

@media (max-width: 500px) {
  .page-header2 {
    display: none;
  }
  .lead-sogehts, .lead-wogehts, .lead-daskostets, .lead-registrieren {
    display: none;
  }
  .wrap2, .wrap3, .wrap4, .wrap5 {
    background-image: url("");
  }
}

#wrap > .container {
  padding: 90px 15px 0;
}

@media (max-width: 400px) {
  #wrap > .container {
    padding: 60px 15px 0 15px;
  }
}

#wrapunterseite > .container {
  padding: 90px 15px 0;
}

.box1 {
  background-color: #fff;
}

/* Set the fixed height of the footer here */

#footer {
  position: relative;
  width: 100%;
  border-top: 1px solid #ffc453;
  min-height: 100px;
  background-color: #f29400;
  transition: all 0.4s ease-in-out;
}
#footer:hover {
  background-color: #ff9c00;
  transition: all 0.4s ease-in-out;
}

/* Custom page CSS
 -------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container .text-muted {
  margin: 35px 20px 5px 0px;
  color: #fff;
}
.container .text-muted2 {
  margin: 5px 20px 5px 0px;;
  color: #fff;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}