Kundenansicht neu E-Fix F3c: 44-px-Tippfläche für Kündigen, Widerrufen, Vertragsbedingungen und Zahlen am Handy

"Verträge hier kündigen", "Vertrag widerrufen", die Vertragsbedingungen und das "Zahlen" der Zeile "Rechnung offen" waren 14-px-Textlinks
von etwa 16 px Höhe. Am Handy jetzt inline-flex mit 44 px Mindesthöhe; das "Zahlen" steht rechts in der Zeile (der Trenner davor ist ein
eigenes Element und am Handy ausgeblendet, textContent unverändert). Pin in test/knEfixCss.test.js, Tippflächen-Prüfung in den
Werkzeug-Ansichten kn-p2-abo-privat und kn-p2-website-rechnung.

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

public/neu/ansichten.css

@@ -67,6 +67,7 @@
 /* ------------------------------------------------------------------ Website --- */
 .kn-rechnung-offen { margin: 0 0 16px; padding: 8px 12px; border-radius: var(--kn-radius); background: var(--kn-orange-bg); color: var(--kn-orange-fg); font-weight: 500; }
 .kn-rechnung-offen a { text-decoration-color: currentColor; }
+.kn-rechnung-offen .kn-rechnung-text { min-width: 0; }
 .kn-install-platz:empty { display: none; }
 .kn-install { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; padding: 12px 0; border-top: 1px solid var(--kn-line); border-bottom: 1px solid var(--kn-line); }
 .kn-install-text { flex: 1; min-width: 0; }
@@ -353,6 +354,11 @@
   .kn-abo-karten { grid-template-columns: minmax(0, 1fr); gap: 8px; }
   .kn-statistik { grid-template-columns: minmax(0, 1fr); gap: 0; }
   .kn-zeilenlink { display: inline-flex; align-items: center; min-height: 44px; }
+  /* Pflicht- und Zahlungslinks (E-Fix F3): Verträge hier kündigen, Vertrag widerrufen, Vertragsbedingungen, Zahlen in der Zeile „Rechnung offen“ */
+  .kn-kuendigen a, .kn-widerruf a, .kn-links a, .kn-rechnung-offen a { display: inline-flex; align-items: center; min-height: 44px; }
+  .kn-rechnung-offen { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+  .kn-rechnung-offen .kn-trenner { display: none; }
+  .kn-rechnung-offen a { flex: none; font-weight: 600; }
   .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; }

public/neu/rechnung-offen.js

@@ -32,5 +32,6 @@ export function rechnungOffenZeile(offen) {
   const teile = einzel
     ? ['Rechnung offen', einzel.number, fmtEuro(summe)]
     : [`${offen.length} Rechnungen offen`, fmtEuro(summe)]
-  return h('p', { class: 'kn-rechnung-offen' }, `${teile.filter(Boolean).join(' · ')} · `, link)
+  // Der Trenner vor dem Link ist ein eigenes Element: am Handy steht das „Zahlen“ rechts in der Zeile ohne hängenden Punkt (textContent bleibt gleich)
+  return h('p', { class: 'kn-rechnung-offen' }, h('span', { class: 'kn-rechnung-text' }, teile.filter(Boolean).join(' · ')), h('span', { class: 'kn-trenner' }, ' · '), link)
 }