weißer Streifen bei mobiler Ansicht

Deine verlinkten Webfonts sind ungültig und enthalten eine HTML 404 Seite, die wiederum CSS für body enthält, das der Browser verwendet und Dir in die Quere kommt.

https://dynaverse.astro.uni-koeln.de/wp-content/fonts/833b5eba58dd236a1ca25565db61ba7f.css

Schau Dir an, wo/wie diese Font CSS Datei eingebunden wird.

Möglicherweise nutzt Du die neue WordPress Font Library Funktion und dabei läuft etwas schief. Auf z.B. dieser Seite gibt es Hinweise, wie/wo man das herausfinden und ggf. löschen könnte.

der font ist aber mmn nicht das problem. der overflow nach rechts (der weisse streifen) entsteht durch ein margin von 350px an dem titelbild.

.site-title-wrap

ein weiteres problem ist der back to top button am ende der seite der ausserhalb des view ports liegt (könnte aber mit problem 1 zusammenhängen und sich durch lösung von problem 1 autom. beheben).

.back-to-top.active

nebenbei:
das titelbild hat eine auflösung von 8136 × 4947px bei 18 MB !!! das wird eine mobile datenverbindung je nach standort in die knie zwingen.

Quote from Satura

Der Webinspector zeigt mir ein padding von 205px im body. Dieses padding habe ich aber nirgends angegeben.

Das gesuchte padding von 205px stammt aus der o.g. fehlerhaften Webfont Datei:

* > body {
        padding-right: 205px;
      }

hmm alles sehr seltsam :rolleyes:
ein padding von 205px kann ich nicht sehen. der versatz tritt zumindest innerh. des title wrappes in erscheinung.
mit nachfolgendem code könntest du die symptome eleminieren, wenn auch nicht die ursache.

.site-branding .site-title-wrap .site-description {
    display: none;
}


.site-branding .site-title-wrap .site-title {
    display: none;
}

prüfe ob dadurch nichts verloren geht. ich konnte zumindest nicht erkennen dass dadurch etwas fehlen würde.