Hallo
Ich erblicke gerade nicht, wo ich falsch abgebogen bin bei meinem Stylesheet
Die Probleme fangen bereits beim HTML-Quelltext an. Wenn dort gravierende Fehler oder unsinnige Konstruktionen auftreten kann das CSS nicht funktionieren.
Kurz: Dir fehlen die Grundlagen.
Das hat wenig mit dem Wechsel von XHTML zu HTML5 zu tun. Du magst zwar ein Verfechter von XHTML / CSS2 gewesen sein - richtig gelernt und angewendet hast du beide offensichtlich nie. Wo du dich bei XHTML / CSS2 noch durchmogeln konntest landest du bei HTML5 / CSS3 und dem Wunsch nach Responsive Design unweigerlich auf dem Hosenboden.
Von daher muss zunächst dein HTML-Quelltext so überarbeitet werden, dass der einerseits fehlerfrei den Regeln von HTML5 entspricht und andererseits Flexbox sinnvoll darauf angewendet werden kann. Vorher brauchst du dich mit dem CSS / Flexbox / Responsive Design überhaupt nicht beschäftigen.
Du solltest dir die Seite auch mal im IE anschauen. Ich habe selten Seiten erlebt, die sich im FF, Chrome und IE11 so sehr unterscheiden.
Gruss
MrMurphy