Navigation leichter: Handy-Leiste, Schwarz nur für die Hauptaktion, Verträge mit zwei Reitern, kürzeres Konto (V3, V5, V7, V8)

V3: In der Fahrstuhl-Zeile läuft unter dem aktiven Wort eine dünne Linie statt des schwarzen Blocks; das Wort wird dunkel und fett. Die weiße Overlay-Kopie bleibt im Baum, wird aber nicht mehr gezeigt.
V5: Terminplaner: Tag/Woche/Monat als hellgrauer Umschalter mit weißer Auswahl, Filter als leise Chips. „Einschalten“ in der Liste Entdecken ist ein heller Knopf; schwarz bleibt der Knopf der Bestätigungsseite.
V7: Verträge nur noch mit Abo und Rechnungen. Das Stundenkonto steht beim Wartungs-Abo als Abschnitt unter dem Abo (ohne doppelte Warnungen), #stunden springt dorthin. Der E-Mail-Speicher ist die Unterseite #speicher (Link „ändern“ in der Abo-Zeile), ohne Widerrufsstreifen wie die anderen Bestellseiten. Alte Links bleiben gültig.
V8: Konto mit vier Zeilen (Passwort, Verträge kündigen, Vertrag widerrufen, Abmelden), Datenschutz und Impressum klein darunter.

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

public/neu/ansicht-stunden.js

@@ -33,8 +33,12 @@ function gutschriftZeile(c) {
     h('td', { 'data-label': 'Zeit', class: 'kn-num' }, `+${fmtStd(c.minutes)}`, h('span', { class: 'kn-zeile-sub' }, ` ${c.expired ? 'abgelaufen' : `nutzbar bis ${fmtDatum(c.expiresAt)}`}`)))
 }
 
-/** Reiter-Inhalt Stunden. daten (GET /api/abo) ist optional; ohne sie lädt die Funktion selbst. */
-export async function zeigeStunden(wurzel, { route, me, nav, daten } = {}) {
+/**
+ * Stundenkonto. daten (GET /api/abo) ist optional; ohne sie lädt die Funktion selbst.
+ * eingebettet: Abschnitt unter dem Abo (Navigation leichter V7). Dann ohne die Warnungen und den Bedingungen-Link, die das Abo darüber schon zeigt,
+ * und ohne Hinweis, wenn es kein Wartungs-Abo gibt (der Abschnitt steht dann gar nicht da).
+ */
+export async function zeigeStunden(wurzel, { route, me, nav, daten, eingebettet = false } = {}) {
   const nr = (laeufe.get(wurzel) ?? 0) + 1
   laeufe.set(wurzel, nr)
   const aktuell = () => laeufe.get(wurzel) === nr
@@ -46,7 +50,8 @@ export async function zeigeStunden(wurzel, { route, me, nav, daten } = {}) {
   const sub = abo.subscription
   const l = abo.ledger
   if (!sub?.active || sub.productKey !== 'wartung' || !l) {
-    leeren(wurzel).append(h('p', { class: K.leer }, 'Ein Stundenkonto gibt es im Wartungs-Abo.'))
+    leeren(wurzel)
+    if (!eingebettet) wurzel.append(h('p', { class: K.leer }, 'Ein Stundenkonto gibt es im Wartungs-Abo.'))
     return
   }
   const gekuendigt = Boolean(sub.cancelAtPeriodEnd || sub.cancelAt)
@@ -54,16 +59,16 @@ export async function zeigeStunden(wurzel, { route, me, nav, daten } = {}) {
   const zeilen = [...(l.usage || []).map(verlaufZeile), ...(l.credits || []).slice().reverse().map(gutschriftZeile)]
 
   ersetze(wurzel,
-    ...aboWarnungen(sub),
+    ...(eingebettet ? [] : aboWarnungen(sub)),
     h('div', { class: 'kn-statistik' },
       stat(fmtStd(l.balanceMinutes), 'verfügbare Zeit'),
       stat(fmtStd(l.usedMinutes), 'bisher genutzt'),
       l.nextExpiry ? stat(fmtStd(l.nextExpiry.minutes), `verfallen am ${fmtDatum(l.nextExpiry.at)}`) : null),
     vorschuss ? h('p', { class: 'kn-hinweis kn-vorschuss' }, vorschuss) : null,
     h('p', { class: 'kn-hinweis' }, '1 Stunde pro bezahltem Monat. Angerechnet wird in 15-Minuten-Schritten, die ältesten Stunden zuerst.'),
-    h('p', { class: 'kn-links' }, h('a', { href: sub.termsUrl || '/abo-bedingungen.html', target: '_blank', rel: 'noopener noreferrer' }, 'Leistungen & Bedingungen')),
+    eingebettet ? null : h('p', { class: 'kn-links' }, h('a', { href: sub.termsUrl || '/abo-bedingungen.html', target: '_blank', rel: 'noopener noreferrer' }, 'Leistungen & Bedingungen')),
     h('section', { class: 'kn-sektion' },
-      h('h2', { class: K.abschnitt }, 'Verlauf'),
+      h(eingebettet ? 'h3' : 'h2', { class: K.abschnitt }, 'Verlauf'),
       zeilen.length
         ? h('div', { class: 'kn-tabelle' }, h('table', null, h('thead', null, h('tr', null, h('th', null, 'Datum'), h('th', null, 'Vorgang'), h('th', null, 'Zeit'))), h('tbody', null, zeilen)))
         : h('p', { class: 'kn-hinweis' }, 'Noch keine Buchungen.')))