update

frontend/src/pages/Bestellungen.tsx

@@ -6,7 +6,6 @@ import {
   Box,
   Card,
   CardContent,
-  Grid,
   IconButton,
   Tab,
   Tabs,
@@ -260,7 +259,7 @@ export default function Bestellungen() {
       {/* ── Tab 0: Orders ── */}
       <TabPanel value={tab} index={0}>
         {/* ── Summary Cards ── */}
-        <Grid container spacing={2} sx={{ mb: 3 }}>
+        <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(160px, 1fr))', gap: 2, mb: 3 }}>
           {[
             { label: 'Entwurf / Genehmigung', count: orders.filter(o => o.status === 'entwurf' || o.status === 'wartet_auf_genehmigung').length, color: 'text.secondary' },
             { label: 'Bereit / Bestellt', count: orders.filter(o => o.status === 'bereit_zur_bestellung' || o.status === 'bestellt').length, color: 'primary.main' },
@@ -268,16 +267,14 @@ export default function Bestellungen() {
             { label: 'Lieferung prüfen', count: orders.filter(o => o.status === 'lieferung_pruefen').length, color: 'secondary.main' },
             { label: 'Gesamt', count: orders.length, color: 'text.primary' },
           ].map(({ label, count, color }) => (
-            <Grid item xs={6} sm={4} md={2} key={label}>
-              <Card variant="outlined">
+            <Card variant="outlined" key={label}>
               <CardContent sx={{ py: 1.5, '&:last-child': { pb: 1.5 } }}>
                 <Typography variant="h4" sx={{ color, fontWeight: 700 }}>{count}</Typography>
                 <Typography variant="caption" color="text.secondary">{label}</Typography>
               </CardContent>
             </Card>
-            </Grid>
           ))}
-        </Grid>
+        </Box>
 
         {/* ── Filter ── */}
         <Accordion defaultExpanded={false} disableGutters sx={{ mb: 2, '&:before': { display: 'none' }, border: 1, borderColor: 'divider', borderRadius: 1 }}>