Keep Bestellnummer/Datum side by side below 500px too

Reverts the col-span-2 full-width-row experiment for very narrow
phones — side by side reads better even with the occasional wrap.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

README.md

@@ -2146,11 +2146,11 @@ Went through several rounds of visual feedback:
   columns there. The 6 fields in DOM order already tile cleanly into 3
   rows of 2 (Bestellnummer/Datum, Artikel/Status,
   Zahlungsstatus/Gesamtbetrag) without any reordering.
-- Bestellnummer/Datum additionally span both tracks of that 2-column
-  layout (`col-span-2 min-[500px]:col-span-1`) so the long order number
-  doesn't wrap on very narrow phones — but must drop back to
-  `col-span-1` once 4 columns kick in, since spanning 2 of 4 tracks
-  there would push Datum to start at the 3rd column instead of the 2nd.
+- Bestellnummer/Datum deliberately stay at `col-span-1` in both the
+  2-column and 4-column layouts, side by side even below 500px — a
+  brief `col-span-2` experiment (own full-width row each, to avoid the
+  order number wrapping on very narrow phones) was reverted since it
+  read worse than the occasional wrap.
 - Artikel forces `col-start-1` so it wraps to its own row in the
   4-column layout instead of Grid's auto-placement flowing it into the 2
   cells left empty in row 1 after Bestellnummer/Datum (a harmless no-op

app/konto/bestellungen/page.tsx

@@ -64,21 +64,19 @@ export default async function KontoBestellungenPage() {
                       container width, identical on every card regardless
                       of content, which is what actually guarantees the
                       "always starts at the same position" alignment.
-                      Bestellnummer/Datum span both tracks of the 2-column
-                      layout (own full-width row each) so the long order
-                      number doesn't wrap on very narrow phones, but drop
-                      to col-span-1 once 4 columns kick in — spanning 2 of
-                      4 tracks there would push Datum to start at the 3rd
-                      column instead of the 2nd. Artikel forces col-start-1
+                      Bestellnummer/Datum deliberately do NOT span 2
+                      tracks in the 2-column layout — that would stack
+                      them into their own full-width row each instead of
+                      keeping them side by side. Artikel forces col-start-1
                       so it wraps to its own row in the 4-column layout
                       instead of Grid auto-flowing it into the 2 empty
                       cells left in row 1 (harmless no-op in the 2-column
                       layout, where it's already first in row 2 anyway). */}
-                  <div className="flex flex-col gap-1 col-span-2 min-[500px]:col-span-1">
+                  <div className="flex flex-col gap-1">
                     <p className="text-label text-text-muted">Bestellnummer</p>
                     <p className="font-bold text-body-sm text-text-primary">{order.orderNumber}</p>
                   </div>
-                  <div className="flex flex-col gap-1 col-span-2 min-[500px]:col-span-1">
+                  <div className="flex flex-col gap-1">
                     <p className="text-label text-text-muted">Datum</p>
                     <p className="text-body-sm text-text-primary">{formatDate(order.createdAt)}</p>
                   </div>