fix: Mobile-Layout komplett ueberarbeitet

- Feature-Cards: flex-direction:column, volle Breite auf Mobile
- Karussell: nur aktive Card sichtbar, volle Breite, keine Side-Cards
- Stats-Bar: kleinere Zahlen, weniger Padding
- Carousel-Pfeile auf Mobile ausgeblendet
- Dot-Navigation bleibt fuer Card-Wechsel

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-04-06 20:25:40 +02:00
Ursprung 9e6f0b5270
Commit 33f4afc7ae

Datei anzeigen

@@ -285,6 +285,18 @@ a { color:inherit; text-decoration:none; }
.footer-content { flex-direction:column; text-align:center; gap:16px; } .footer-content { flex-direction:column; text-align:center; gap:16px; }
#map-container { height:300px; } #map-container { height:300px; }
#features .grid-3 { display:flex; flex-direction:column; }
#features .grid-3 .feature-card { width:100%; }
.carousel-card { width:100%!important; max-width:100%; position:relative!important; }
.carousel-card.active { transform:none; }
.carousel-card.left, .carousel-card.right { display:none; }
.carousel-track { display:flex; flex-direction:column; }
.carousel-arrow { display:none; }
.carousel-viewport { overflow:visible; }
.live-stats-bar { padding:0 8px; }
.live-stats-row { gap:12px; }
.live-stat { min-width:0; padding:16px 12px; }
.live-stat-value { font-size:1.8rem; }
} }
@media(max-width:480px) { @media(max-width:480px) {