@charset "utf-8";
/* CSS Document */
html, * {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  html, * {
    font-size: 20px;
  }
}
body {
  color: #333;
  background-color: #eee;
}
p {
  font-size: 1rem;
}
section {
  padding-top: 50px;
  padding-bottom: 120px;
}
#hero {
  background: url(../img/windraeder-nebel.jpg) no-repeat center center;
  background-size: cover;
}
#leistungen {
  background: url(../img/himmel-stromleitung.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
#leistungen .container, #kontakt .container {
  background-color: rgba(255, 255, 255, 0.7);
}
#kontakt {
  background: url(../img/windrad-berge.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.invalid-feedback {
    height: 27px;
    background-color: rgba(255, 255, 255, 0.5);
    padding-left: 0.75rem;
    padding-bottom: 2rem;
    padding-top: 1rem;
    border-radius: .375rem;
}
form > .row:last-child {
    margin-top: 4rem;
}
.required {
  color: #a00;
}
#back-to-top-button {
  /* display: none; */
  opacity: 0;
  position: fixed;
  right: 40px;
  bottom: 40px;
  transition: opacity 0.5s 0.5s;
  z-index: 2000;
}