@Sempervivum Ich habe das nur lokal ausprobiert. Ich habe die die Flex Bilder durch Deine Container ersetzt und getestet, das geht bis auf kleine Details (die weissen Rahmen, leere Zonen zwischen den vertikalen i-Frames) ganz toll ...die Test-Seiten, die ich da als Ziel angegeben habe kommen sogar responsive.
Und dann bin ich hingegangen und habe Dein CSS 3 x hintereinander gehängt (Container ... Container1 ... Container2) und habe dann das Accordion und das annimierte GIF jeweils als eigene HTML Seite abgespeichert und diese Seiten habe ich dann als i-Frame mit Container1 und Container2 in eine Kopie der Hauptseite eingebunden. Ich habe da 2 extra Container fabriziert, weil die Anzeigehöhe von dem Accordion höher ist, wie die vom Bild. Das wird dann aber vertikal untereinander angezeigt. Desswege hat das so keinen Wert.
Auf der PC Seite muss der Container mit dem Accordion so ca 1/3 von der Bildschirmbreite einnehmen und das Bild 2/3 Auf dem Smartphone im Landscape Modus muss das dann ähnlich (aber kleiner) sein. Auf dem Smartphone im Portrait-Modus müsste das Bild , statt neben dem Accordion darunter stehen .. das würde mit Deinem CSS gut laufen .. aber eben nur auf dem Smartphone.
Ich habe mal ein Flex-Script gehabt, was Kästen in beliebiger Breite nebeneinander anreihen kann, wie Dein i-frame Container-Css ... aber das wäre auf dieser Seite nur interessant, für die beiden ersten Elemente (Accordion / GIF) die anderen Inline Frames müssen eine Standard Grösse haben .. wie das Dein CSS macht.
Auf der fertigen Seite werden die I-Frames eine Standard Zieladresse haben .. im Stil von
http://xxx.com/links/00/01.html (bis 99.html). im Verzeichnis links/00/ hat es dann 1-99 html Dateien die dann angezeigt werden. Wenn man dann im Verzeichnis links/00/ die Dateien gegen andere austauscht, wird die Seite aktualisiert, ohne dass man da noch etwas ändern muss. Man kann auch ganz problemlos neue Zielseiten in das Verzeichnis kopieren. die werden dann problemlos hinten dran angezeigt.
Die Seite wird auf vielen Unterseiten mit diesem System laufen. Es wird zum Beispiel eine Seite geben, auf der in den Frames Seiten mit Links zu Foren, zu Programmen, zu Projekten, zu Lieferanten, .... gelistet werden. Da das immer eine Ergänzung zum Seiten-Inhalt ist, macht es nichts, dass das alles am Seitenende angezeigt wird.
Ich wollte das am Anfang mit einem Verzeichnisbaum realisieren, aber das kommt, besonderst auf dem Smartphone nicht sehr gut.
Für das Akkordion suche ich auch noch eine bessere Idee ... das "Täschchen-auf-Täschchen-zu" ist mir eigentlich zu fummellig. Das Projekt was hinter der Seite steht, wird den Mitgliedern viel Zeit sparen und desshalb muss auch die Seite zeigen, dass sie schnell zu rationellen Lösungen führt.
danke,
brainstuff