Sempervivum

Das liegt daran, dass die Höhe des Pagers auf 100% gesetzt ist. Weil er unten positioniert ist, ragt er nach unten heraus. Einfach die Zuweisung der Höhe weg lassen und besser auf bottom positionieren:
(Quelltext, 13 Zeilen)

Stimme so weit zu, für dein Problem ist primär das CSS entscheidend.

Ich habe gerade in einem anderen Thread Cycle2 empfohlen, schau Mal, ob das etwas für dich ist:
Flexslider2 mit max. Imagebreite

Was Du noch tun könntest, wäre, diesen i-Elementen gleich durch CSS die richtige Breite zu geben, dann würden die Icons zwar immer noch leicht verzögert auftauchen, aber im Umfeld würde nichts mehr zucken. Da die Breite leider vom Icon abhängig…

(Zitat)

Da stimme ich nicht zu: In getrennten Dateien ist es wesentlich übersichtlicher, als wenn alles globalgalaktisch in einer einzigen Datei versammelt wäre.

PS: Wie ich sehe, eignet sich diese Demo besser, um einen Pager einzubauen:
http://jquery.malsup.com/cycle2/demo/pager.php

Generell erfordert Cycle2 etwas mehr Handarbeit, wenn man erweiterte Features haben will. Das ist nicht nur ein Nachteil sondern auch ein Vorteil weil man alles genau so einrichten kann wie man es sich vorstellt.

Die Seitenpunkte werden hier beschrieben…

Mit Cycle2 tue ich mich etwas leichter, weil das das HTML nicht so stark umarbeitet. Hier eine Demo:
(Quelltext, 58 Zeilen)

Die Bilder werden mit object-fit eingepasst, das führt dazu dass seitlich oder oben und unten freier Raum entsteht. Oder man…

(Zitat)

Die Erklärung dafür, dass es das nicht tut, findest Du hier:
https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Kaskade#:~:text=In%20CSS%20werden%20Regelsätze%20nach,mit%20dem%20Startwert%20Null%20festgelegt.

(Zitat)

Wenn Du Bootstrap nur für das Carousel verwenden willst, dann lass es doch bei den übrigen Elementen außen vor, indem Du die betr. Klassen weg lässt, beim Footer das class="footer-resp". Allerdings hilft das nicht beim p-Element, da Bootstrap…

Normaler Weise müsste es so funktionieren, wie webkriecher es angegeben hat. Keine Ahnung, warum der Reader es nicht anzeigt.
AFAIK ist ein Semikolon hinter dem inline-block nicht zwingend erforderlich, aber zur Sicherheit versuche es dennoch damit:
…

(Zitat)

Das ist eines der Mysterien von CSS und läuft unter dem Begriff "collapsing margins" bzw. "zusammenfallende Außenabstände", hier wird es erklärt:
…

Ich sehe da ein generelles Problem: Du hast die Breite des Textcontainers auf 66.66% eingestellt und die des Bildes auf 33.33%. Wenn man das Bild jetzt so einrichtet, dass es im Container bleibt und sich nicht nach rechts ausdehnt, wird es relativ klein…

Immerhin positiv, dass Du in Eigeninitiative eine Lösung gefunden hast

Allerdings ist dieses Verfahren nicht besonders elegant und vor allem nicht änderungsfreundlich, denn jedes Mal, wenn Du im horizontalen Menü etwas hinzu fügst, musst Du auch eine…

Ich habe mir noch deinen Header und die Screenshots in Posting #6 angesehen und eine Lösung ausgearbeitet, die mit absoluter Positionierung arbeitet. Etwas, wovon man i. allg. abrät, weil es häufig die Ursache von Problem ist. Der Grund ist, dass es…

(Zitat)

Ja, mit Javascript eine Klasse, z. B. "visi" toggeln und auf Grund dieser Klasse dann im CSS das Menü sichtbar machen.

Du öffnest das Menü durch hover, das gibt es auf einem Smartphone nicht. Viele Browserhersteller haben jedoch einen Workaround gemacht, in dem Sinne, dass die hover-Aktion durch Touch ausgelöst wird, deshalb funktioniert es im Chrome. Aber es spricht…

Leider besitze ich kein iPhone und leider beschreibst Du nicht, was genau dort das Problem ist.
Es könnte sein, dass das kein Problem vom Safari ist sondern einfach der Darstellung auf einem schmalen Bildschirm.
Generell kann es eine Quelle von Problemen…

... und die drei Blöcke im Impressum kannst Du ganz leicht nebeneinander anordnen, indem Du dem umgebenden Container ein display: flex; gibst:
(Quelltext, 3 Zeilen)

(Zitat)

Da warst Du mit template-areas schon auf einem guten Wege: Du kannst Spalten verbinden, indem Du dort mehrmals die selbe Area angibst:
(Quelltext, 11 Zeilen)

Dann erstreckt sich der Footer über die ganze Breite.

PS: Aber ohne das HTML tappt man da immer noch weitgehend im Dunkeln.