Display Issues on iPhone (13)

Sicher, dass es nicht nur ein Caching ist? Du hast WP-Rocket am Start. Cleare mal den Cache dort. Und deaktiviere dann WP-Rocket temporär.
Dann – falls aktiv, mach noch einen Refresh der css und js files in Enfold ( Enfold-Child / Performance ) ganz unten “Delete Old CSS And JS Files?”

Aus irgendeinem Grund ( und auch nur auf realen iPhones ) wird dieser full-width button den du am Desktop zeigst trotzdem mit berücksichtigt. Es wird nur der Anchor ausgeblendet – die Wrapper bleiben sichtbar. Daher:
Versuche mal folgendes : setze den Full-Width button in eine eigene Color-Section und blende diese dann für kleine Screens aus.
PS: das ganze ist übrigens auf allen seiten dann auch der Fall – wo du unterhalb der Slider auch immer einen Full-Screen Button setzt.

dies wird auch auf realen iPhones gezeigt:

ok – man bekommt das wirklich nur raus, wenn man einen mac mit safari zur verfügung hat, und dort die XCode nebst iOS Simulatoren installiert.
Dann hat man nämlich dev Tools für die iPhone zur Verfügung ;)

es ist ein spezieller Hack, der aber hier dazuführt, das dieser extreme Leerraum ensteht:
height: -webkit-fill-available

teste doch mal im Quick css:
zunächst mal nur für diese Selektoren:

#top .av-minimum-height, 
#top .fullsize {
    min-height: 0 !important;
}

_____________

OK – you can only find this out if you have a Mac with Safari and have installed XCode and iOS simulators.
Then you have dev tools for an iPhone at your disposal ;)

It’s a special hack, but it leads to this extreme empty space:
height: -webkit-fill-available

Try testing it in Quick CSS:
First, just for these selectors: see above

ich frage mich nur woher dieses /wp-content/uploads/dynamic_avia/js.css kommt. Denn ich glaube nicht das es eine Enfold Datei ist. Eventuell gehört die zu einem Plugin? Vielleicht kann da einer der Mods näheres zu sagen.

du kannst auch nur diese Regel überschreiben ohne auf andere Devices Einfluss zu nehmen:

in das Quick css :

@supports (-webkit-touch-callout: none) {
    #top .av-minimum-height, #top .fullsize {
        min-height: 0 !important;
    }
}

_____________

I’m just wondering where this /wp-content/uploads/dynamic_avia/js.css comes from. Because I don’t think it’s an Enfold file. Maybe it belongs to a plugin? Perhaps one of the mods can say more about this.

You can also just override this rule in js.css without affecting other devices: see above

PS: fernab von deinem White Space on iPhone Problem – sehe ich das du oft diesen Trenner mit den drei linien einsetzt.
bist du eigentlich vertraut damit eigene svg Divider in Enfold zu haben?
dein Trenner mit den drei linien ließe sich gut umsetzten mit:

nicht wundern bei Enfold stehen die svg Trenner auf dem Kopf – der scharze Teil ist das was nachher durch die Anschlussfarbe ersetzt wird.
Großer Vorteil : responsiv sorgt vector-effect=”non-scaling-stroke” dafür das die Stroke-weite über alle screen-breiten gleich bleibt (also gut sichtbar ist) :
https://webers-testseite.de/j-und-s/