Nicht änderbarer Freiraum zwischen Header und Content

Hallo zusammen, ich bin aktuell dabei für die Neugründung meiner Firma eine Website zu erstellen. Theoretisch bin ich auch bereits fertig nur ist mir jetzt ein kleines aber feines Detail aufgefallen, welches mich extrem nervt. Da ich ursprünglich aus der IT Branche komme und einige Programmiersprachen gelernt habe, bin ich nicht ganz unerfahren. Allerdings liegt das ganze auch nun bereits 10 Jahre zurück.

Konkret geht es bei mir um einen „Freiraum“ zwischen Header und Content, welchen ich nicht anpassen, ändern oder löschen kann. Auf der Website sieht es dann so aus, als wäre der Header höher als er sein sollte. Eigenartig ist für mich auch, dass dies nicht auf allen Seiten auftritt, sondern nur auf 3 von 6 Seiten.

Zur Veranschaulichung hier zwei Bilder wie es auf der Website aussieht. Das erste Bild ist das Ziel, das zweite das für mich nicht lösbare Problem

Im Seiteneditor ist ziemlich gut ersichtlich dass auf der Seite wo der Header optisch höher ist, der Header nicht direkt am Cover anschließt. Diesen bereich zwischen dem Header und dem Cover kann ich jedoch nicht auswählen.

Versucht habe ich auch bereits den HTML Code der Seite ohne diesen Freiraum in eine neue Seite zu kopieren, komischerweise tritt dann jedoch das selbe Problem auf.
Bei der Seite ohne den Bereich sieht es im Editor im Übrigen so aus:

Dass selbst im Editor die Seite in Vollbild bzw. auf die gesamte Breite angezeigt wird war für mich auch schon ein Thema, welches mich stutzig machte, auf der Seite selbst jedoch ist die Darstellung bis auf den Bereich unter dem Header identisch.

Ich nutze das Theme Extendable falls das relevant ist. Alle Layout Einstellungen der Seiten sind identisch.
Habe es auch bereits mit dem folgenden CSS Befehl versucht:
header { margin-bottom: 0; }
.content { margin-top: 0; }

Ich hoffe ich steh gerade nur auf dem Schlauch und jemand kann mich aufklären, wo hier der Fehler liegt