mobile navbar and hero section

content/about/aufgaben.md

@@ -15,6 +15,8 @@ Die Admins stellen sicher, dass die Infrastruktur funktioniert:
 
 > 📧 [fsr@ifsr.de](mailto:fsr@ifsr.de)
 
+---
+
 ### 🚀 Orga der Erstsemestereinführung (ESE)
 Über ein halbes Jahr vor der Veranstaltung beginnt die Planung. Verantwortliche Personen koordinieren viele Helfer\_innen in Bereichen wie:
 - Veranstaltungsplanung
@@ -24,6 +26,8 @@ Die Admins stellen sicher, dass die Infrastruktur funktioniert:
 
 > 📧 Kontakt: [ese-orga@ifsr.de](mailto:ese-orga@ifsr.de)
 
+---
+
 ### 📢 AG Öffentlichkeitsarbeit
 Wir kümmern uns um:
 - Pflege der Website
@@ -34,6 +38,8 @@ Wir kümmern uns um:
 Kreative Köpfe willkommen!  
 > 📧 [pr@ifsr.de](mailto:pr@ifsr.de)
 
+---
+
 ### 🌱 AG Nachhaltigkeit
 Wir setzen uns für ressourcenschonendes Arbeiten ein:
 - Nachhaltigkeit bei der ESE
@@ -42,6 +48,8 @@ Wir setzen uns für ressourcenschonendes Arbeiten ein:
 
 > 📧 [nachhaltigkeit@ifsr.de](mailto:nachhaltigkeit@ifsr.de)
 
+---
+
 ### 🎓 AG Lehre
 Kernaufgabe: Verbesserung der Lehre!
 - Diskussion zu Studiengangsreformen
@@ -51,6 +59,8 @@ Kernaufgabe: Verbesserung der Lehre!
 
 > 📧 [fsr@ifsr.de](mailto:fsr@ifsr.de)
 
+---
+
 ### 🎲 Spieleabend-Taskforce
 Wir organisieren die beliebten Spieleabende:
 - Vorbereitung von Räumen und Materialien

content/kontakt.md

@@ -9,10 +9,7 @@ Der Fachschaftsrat Informatik steht dir in sämtlichen Studienbelangen zur Seite
 
 ## 📱 Social Media
 
-- [Mailinglisten](https://lists.ifsr.de/mailman3/lists/)
-- [Instagram](https://instagram.com/fsr.inf)
-- [Telegram](https://t.me/fsr_inf)
-- [Matrix](https://matrix.to/#/#fsr-inf-studierende:matrix.org)
+[📧 Mailinglisten](https://lists.ifsr.de/mailman3/lists/) · [📸 Instagram](https://instagram.com/fsr.inf) · [✈️ Telegram](https://t.me/fsr_inf) · [💬 Matrix](https://matrix.to/#/#fsr-inf-studierende:matrix.org)
 
 ## 📬 Externe Kontaktanfragen