#naturkraft, #angebot, #uebermich, #kontakt {
  position: relative;
}

#naturkraft:before, #angebot:before, #uebermich:before, #kontakt:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 50px;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -1;
}

#naturkraft:before {
  background: url("../../assets/img/elemente/bg-elemente-feuer.webp");
  background-repeat: no-repeat;
  background-size: 700px;
  background-position: 113% 60%;
}

#angebot:before {
  background: url("../../assets/img/elemente/bg-elemente-wasser.webp");
  background-repeat: no-repeat;
  background-size: 700px;
  background-position: -7% 50%;
}

#uebermich:before {
  background: url("../../assets/img/elemente/bg-elemente-erde.webp");
  background-repeat: no-repeat;
  background-size: 700px;
  background-position: 113% 60%;
}

#kontakt:before {
  background: url("../../assets/img/elemente/bg-elemente-luft.webp");
  background-repeat: no-repeat;
  background-size: 700px;
  background-position: -7% 50%;
}

.bg--wasserzeichen {
  background: url("../../assets/img/layout/wasserzeichen.webp");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 60%;
  background-size: contain;
}