Die mobile Darstellung der Hauptseite ist grundsätzlich stabil, benötigt jedoch gezielte Anpassungen für optimale Lesbarkeit und Bedienbarkeit.
Insbesondere die Portal-Leiste (Regenbogen-Tabs) und das Stacking-Verhalten der Inhaltsboxen sollen responsive gestaltet werden, ohne das Desktop-Layout zu verändern.

Ziele

• Portal-Leiste soll sich auf mobilen Geräten automatisch umbrechen (mehrzeilig, zentriert).
• Keine horizontale Scrollleiste mehr.
• Reihenfolge und Abstände der Inhaltsboxen (''Artikel des Monats'', ''Sei dabei!'', ''Neuigkeiten'') sollen sich auf kleine Viewports anpassen.
• Farbbalken der Portale leicht verstärken, um auch auf Mobilgeräten visuell präsent zu bleiben.
• Einheitliches Padding und Box-Shadow für alle Hauptseiten-Boxen auf Mobile.

Technische Umsetzung

• Erstellung eines separaten Gadgets '''Startseite-Mobile.css''' mit targets=mobile.
• Anpassung per Flex / Grid-Layout und Media-Queries (≤ 800 px).
• Getrennte Verwaltung, um Desktop-Styles unberührt zu lassen.

Abhängigkeiten

• Bestehendes Gadget '''Startseite.css''' (Desktop).
• Keine direkten Modul- oder Template-Abhängigkeiten.

Risiken

• Eventuell notwendige Nachjustierung bei Abständen und Schatten.
• CSS-Caching nach Deployment berücksichtigen.