Kundenansicht neu E-Fix F1: Kerninfo und Knopf der Bestellseiten passen in den nutzbaren Bereich (390x844, 375x667)

Die Messung im Werkzeug nahm innerHeight; nutzbar ist am Handy nur der Bereich zwischen Kopf und fester Leiste (735 px bei 844, 558 px bei 667).
Gemessen vor der Korrektur (Blockanfang bis Knopfunterkante, 375x667): Abo bestellen privat 799 px, Wechsel privat 888 px, Zusatzspeicher 567 px.

- Block knapp: Leistung als eine Zeile mit Link "Leistungen ansehen" auf die Leistungsbeschreibung, Preis, Fällig, Beginn, Laufzeit und Zahlung in je ein bis zwei Zeilen.
- Die ausführlichen Sätze stehen unter dem Knopf und der Kundenart-Zeile (baueEinzelheiten), ohne Klappe.
- Handy: Beschriftung läuft in der Zeile mit, kleinere Überschrift, knappere Abstände.
- Die Wortlaute des Blocks sind gekürzt und gehören in die Rechtsrunde.

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

public/neu/ansichten.css

@@ -336,6 +336,9 @@
 .kn-speicher-warnung { margin: 0 0 12px; font-size: 13px; line-height: 20px; color: var(--kn-orange-fg); }
 .kn-speicher-warnung a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
 .kn-block dd.kn-fehler { color: var(--kn-danger); }
+.kn-einzelheiten { margin: 20px 0 0; }
+.kn-einzelheiten > h3 { margin: 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--kn-text-2); }
+.kn-einzelheiten .kn-block { color: var(--kn-text-2); }
 .kn-gutschrift-bedingungen { max-width: 640px; }
 
 /* ------------------------------------------------------------------ Handy --- */
@@ -353,8 +356,17 @@
   .kn-pw { max-width: none; }
   .kn-tk-feld input:not([type="checkbox"]):not([type="file"]) { height: 44px; font-size: 16px; }
   .kn-stepper .kn-knopf { min-width: 44px; }
-  .kn-block-zeile { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 6px 0; }
-  .kn-block dt { font-size: 12px; line-height: 16px; }
+  /* Bestellseiten (F1): Kerninfo und Knopf müssen im nutzbaren Bereich zwischen Kopf und Leiste zusammen stehen (375 x 667: gut 550 px).
+     Darum läuft die Beschriftung in der Zeile mit (Label: Text) statt eine eigene Zeile zu brauchen, und der Abstand ist knapp. */
+  .kn-bestellen > h2 { margin: 0 0 6px; font-size: 17px; line-height: 24px; font-weight: 600; }
+  .kn-block { margin-bottom: 10px; }
+  .kn-block-zeile { display: block; padding: 5px 0; }
+  .kn-block dt, .kn-block dd { display: inline; }
+  .kn-block dt { font-weight: 600; color: var(--kn-text); }
+  .kn-block dt::after { content: ": "; }
+  .kn-linkzeile { margin-bottom: 8px; }
+  .kn-bestellen .kn-check { margin-bottom: 8px; }
+  .kn-sperrzeile { margin-bottom: 8px; }
   .kn-bestellen .kn-knopf { width: 100%; min-height: 44px; }
   .kn .kn-chat .chat-bubble { max-width: 88%; }
   .kn .kn-chat .chat-messages { min-height: 240px; max-height: 55vh; }