Test für CSS-Klassen

CSS-Klasse	Funktion	Begründung / Nutzen
.hide-mobile	Versteckt ein Element nur auf Mobilgeräten	Reduziert Scrolling & lenkt Fokus auf Wesentliches
.mobile-only	Zeigt ein Element nur auf Mobilgeräten	Für mobile-spezifische Inhalte oder Ersatzvarianten
.hide-desktop	Versteckt ein Element nur auf Desktopgeräten	Hilfreich bei doppelten Sektionen mit mobiler Variante
.stack-mobile	Setzt Inhaltselemente auf Mobil untereinander(flex-direction: column)	Sorgt für bessere Lesbarkeit bei Spaltenlayouts
.reverse-mobile	Kehrt Reihenfolge der Kindelemente nur mobilum (column-reverse)	Ermöglicht logische Text-Bild-Reihenfolge auf Mobil
.text-center-mobile	Zentriert Text nur auf Mobilgeräten	Visuelle Verbesserung von CTA- und USP-Boxen
.center-mobile	Zentriert Inhalte (Text & Block) nur auf Mobil	Für zentrierte CTAs, Icons oder Buttons auf kleineren Displays
.full-width-mobile	Setzt Buttons oder Blöcke auf 100 % Breite nur mobil	Verhindert schmale Buttons und verbessert Klickbarkeit
.mt-mobile-20	Fügt oben 20px Margin nur mobil hinzu	Für mehr vertikalen Raum auf kleinen Bildschirmen
.pb-mobile-40	Fügt unten 40px Padding nur mobil hinzu	Für sauberen Abstand unter Sektionen
.no-margin-mobile	Entfernt Margin nur auf Mobilgeräten	Für kompaktere Darstellung in engen Layouts
.mobile-order-1 / .mobile-order-2	Manuelle Reihenfolge-Steuerung für Children-Elemente auf Mobil (z. B. Grid)