I'm having issues removing the empty spaces between my sections. I don't want to specify the exact height of the div for every section so I'm trying to use % instead but some things went wrong and now there are empty spaces between my sections.

[jsfiddle](https://jsfiddle.net/HcJanni/kbhzjdt8/11/)

*example with two sections*

```
/* SECTION HOME */
#home {
  height: 100% !important;
  display: flex;
}

.sectionhome::before {
  display: block;
  content: " ";
  margin-top: -128px;
  height: 128px;
  visibility: hidden;
  pointer-events: none;
}

#homebild {
  width: 1280px;
  height: 853px;
}

/* SECTION WIR-UEBER-UNS */
#wir-ueber-uns {
  height: 100% !important;
  display: flex;
}

.sectionwir-ueber-uns::before {
  display: block;
  content: " ";
  margin-top: -80px;
  height: 80px;
  visibility: hidden;
  pointer-events: none;
}

#wir-ueber-unsbild {
  width: 1280px;
  height: 853px;
}

```