Responsive

Breakpoints

≥1080px     Desktop: volle Grid-Layouts
900–1079px  Tablet: 2-Spalten statt 3, Hero einspaltig
≤899px      Mobile: einspaltig, Nav-Burger, gestackte Cards
≤600px      Small Mobile: reduziertes Padding (1.25rem), kleinere Headlines

Mobile-spezifische Anpassungen

• Navigation: Burger-Menu mit Slide-in-Panel
• Hero: Chat-Preview ÜBER dem Text (order: -1)
• Feature-Grid: 1 Spalte
• Alltag-Grid: 1 Spalte
• Footer: 1 Spalte
• Chat: Vollbild, Eingabefeld sticky bottom
• Buttons: volle Breite auf Mobile

Quelle: DesignGUIDE/fragjulia-design-brief-v3.md §4.