Kundenansicht neu P1: Widerrufsstreifen mit GET /api/fristen

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

public/neu/huelle.css

@@ -30,3 +30,16 @@
   .kn-haupt[inert] { display: block; } /* am Handy bleibt die Hauptseite unter dem Blatt stehen */
   .kn-brot { display: none; }
 }
+
+/* ---------- Streifen (Widerrufsfrist) ---------- */
+
+.kn-streifen { display: flex; align-items: center; min-height: 44px; padding: 0 48px; background: var(--kn-orange-bg); color: var(--kn-orange-fg); font-size: 14px; line-height: 20px; font-weight: 600; }
+.kn-streifen-link { margin-left: 6px; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
+.kn-tastatur .kn-streifen { display: none; }
+
+@media (max-width: 880px), (pointer: coarse) and (max-height: 500px) {
+  .kn-streifen { position: fixed; left: 0; right: 0; bottom: calc(var(--kn-zeile-h) + env(safe-area-inset-bottom)); z-index: 30; padding: 0 16px; }
+  .kn-streifen-link { min-height: 44px; display: inline-flex; align-items: center; }
+  .kn-hat-streifen { --kn-unten: calc(var(--kn-zeile-h) + env(safe-area-inset-bottom) + 44px); }
+  .kn-hat-streifen .kn-haupt { padding-bottom: calc(var(--kn-zeile-h) + env(safe-area-inset-bottom) + 28px + 44px); }
+}