{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "ki-streaming-text-denkindikator",
 "name": "KI-Streaming-Text und Denk-Indikator mit Shimmer",
 "name_en": "AI streaming text and thinking indicator with shimmer",
 "kurz": "Ein Archiv-Assistent zeigt mit wanderndem Glanz, woran er gerade arbeitet, und streamt seine Antwort Wort für Wort.",
 "kategorie": "Mikroanimationen",
 "kategorie_slug": "mikroanimationen",
 "kategorie_nr": 9,
 "bau_chat": "C4",
 "prioritaet": "A",
 "trendstatus": "aufsteigend",
 "belegstatus": "belegt",
 "website_belege": 5,
 "stimmung": [
  "präzise"
 ],
 "stimmung_roh": [
  "technisch",
  "modern",
  "präzise",
  "app-artig"
 ],
 "technik": [
  "css",
  "vanilla-js"
 ],
 "technik_gruppen": [
  "css",
  "js"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Während ein KI-Modell arbeitet, zeigt ein Status-Label wie „Denkt nach“, „Durchsucht 212 Projekte“ oder „Schreibt die Antwort“ einen wandernden Glanz. Ein hellerer Streifen läuft endlos über den Text, als Verlauf (background-clip: text), als Maske oder als Pseudo-Element. Zwischenschritte wie Suchen, Quellen lesen oder Tool-Aufrufe erscheinen als einklappbare Zeilen mit eigenem Glanz. Abgeschlossene Schritte verlieren den Glanz und bekommen ein Häkchen. Sobald die Antwort eintrifft, erscheint sie wortweise: Jedes neue Wort blendet in 80 ms von opacity .4 auf 1, statt Zeichen für Zeichen getippt zu werden. Bereiche, die noch generiert werden (Bilder, Code-Vorschau), liegen unter einem pulsierenden Overlay.",
  "warum_es_wirkt": "Die Wartezeit wird sichtbar und ehrlich: Es passiert etwas, ohne dass ein erfundener Prozentbalken nötig ist. Der Glanz ist inzwischen die gelernte Bildsprache für „KI arbeitet“. Benannte Schritte zeigen, was gerade geschieht, und schaffen Vertrauen. Das wortweise Einblenden glättet ungleichmäßige Token-Pakete, der Text wirkt dadurch flüssig.",
  "wann_einsetzen": "Chat- und Assistenz-Oberflächen, KI-Suche im Header (siehe command-palette-und-ki-suche), Generatoren, Formular-Assistenten und Demo-Animationen auf Produktseiten von KI-Werkzeugen. Als Frag-uns-Feld auch für Praxis, Kanzlei oder Hotel, wenn die Seite genug eigene Inhalte hat (Leistungen, Kasse und privat, Anfahrt, Zeiten) und jemand die Antworten pflegt.",
  "wann_nicht": "Bei normalen Ladezuständen ohne KI, dort passen Skeleton oder Spinner. Nicht als Dauerdekor auf Headlines (siehe shimmer-gradient-text). Nicht bei Wartezeiten unter etwa 300 ms, sonst flackert das Label. Kein KI-Feld ohne sichtbaren KI-Hinweis beim Start und ohne Ausweg zum Menschen (Telefon, Kontakt). In Praxis und Kanzlei keine Antworten zu Diagnose oder Rechtsfall, dort immer an das Telefon verweisen.",
  "varianten": [
   "Text-Shimmer per background-clip: text und background-position (Cursor 2,5 s, Bolt 1,5 s)",
   "Masken-Shimmer per mask-image und mask-position (Perplexity 1,2 s und 1,8 s)",
   "Shimmer als Pseudo-Element mit eigenem Blend-Mode und Pause im Zyklus (Gemini 2 s)",
   "Wortweises Fade-in der Stream-Tokens (Cursor: 80 ms, opacity .4 → 1)",
   "Pulsierendes Overlay über generierten Bereichen (v0)",
   "Schritt-Liste mit Status: aktiv mit Glanz, erledigt mit Häkchen und ohne Glanz",
   "Frag-uns-Feld für KMU: antwortet nur aus eigenen Seiten, Quellen-Links sind Pflicht, ohne Quelle das Telefon als Ausweg"
  ],
  "umsetzung": "Status-Label: .glanzt { background: linear-gradient(90deg, var(--muted) 0 30%, var(--fg) 55%, var(--muted) 70% 100%); background-size: 200% 100%; background-clip: text; color: transparent; animation: shimmer 2.5s linear infinite } @keyframes shimmer { from { background-position: 200% 0 } to { background-position: -200% 0 } }. Masken-Variante: mask-image: linear-gradient(-70deg, #000 50%, #0005, #000 65%); mask-size: 300% 100%; mask-position von 100% nach 0. Streaming: eintreffende Tokens zu Wörtern puffern und jedes Wort als <span class=w> anhängen; .w { animation: word-in 80ms ease-out both } @keyframes word-in { from { opacity: .4 } }. Label erst nach etwa 300 ms Wartezeit zeigen. Fertige Schritte: Klasse entfernen, Icon tauschen. Beim Pseudo-Element mit mix-blend-mode darf kein Vorfahr einen eigenen Stacking-Kontext bilden (opacity-Animation mit fill forwards, isolation), sonst blendet der Streifen gegen Transparenz und wird als Fläche sichtbar. KI-Hinweis als eigene Zeile zwischen Kopf und Verlauf (.ki-hinweis: Kürzel „KI“ als Marke, ein fetter Satz „Sie schreiben mit einem KI-Assistenten.“, danach in einem Halbsatz, woraus er antwortet und wo seine Grenze ist). Frag-uns-Feld für KMU: Antworten nur aus den eigenen Seiten (Index der eigenen Seiten, keine offene Websuche); jede Antwort endet mit mindestens einem Quellen-Link auf die eigene Unterseite; findet der Assistent keine Quelle, erfindet er nichts, sondern zeigt die Telefonnummer als großen Knopf (tel:) und bei Gesundheitsthemen den Bereitschaftsdienst 116 117. Die Telefonnummer steht zusätzlich dauerhaft im KI-Hinweis.",
  "mobil": "Verhalten wie am Desktop. Lange Schritt-Listen standardmäßig einklappen, das Label mit Glanz reicht als Hinweis.",
  "reduzierte_bewegung": "Glanz abschalten (Gemini und Bolt machen es vor) und den Status als Text zeigen, etwa „· läuft…“. Wörter ohne Fade anhängen. Overlays über generierten Bereichen statisch lassen.",
  "barrierefreiheit": "Antwortbereich mit aria-live=polite und aria-busy=true während der Generierung, damit nicht jedes Wort einzeln angesagt wird. Status-Label mit role=status. Statuswechsel immer als Text, nicht nur über den Glanz. Den gedimmten Grundton mit mindestens 4,5 : 1 Kontrast halten. Einklappbare Schritt-Liste über einen Knopf mit aria-expanded und aria-controls. KI-Kennzeichnung (Art. 50 KI-VO, seit 02.08.2026): Dass hier eine KI antwortet, steht direkt beim Start der Unterhaltung sichtbar im Fenster, nicht erst in Impressum oder Datenschutz, etwa „Sie schreiben mit einem KI-Assistenten.“ (Formulierung nach IHK Halle; eine einmalige Anzeige genügt in der Regel). Der Hinweis ist normaler Text vor dem Verlauf, keine Live-Region, und bleibt beim Wechsel der Frage stehen. Wortlaut und Pflichten im Einzelfall vom Kunden prüfen lassen."
 },
 "messwerte": {
  "easing": "Shimmer linear; Wort-Fade ease-out",
  "dauer_ms": "Shimmer 1200–2500 pro Durchlauf (Perplexity 1200/1800, Bolt 1500, Gemini 2000, Cursor 2500); Wort-Fade 80 (Cursor)",
  "stagger_ms": "ergibt sich aus Token-Ankunft (kein fester Stagger)",
  "distanz": "background-size 200 % (Cursor) bzw. mask-size 300 % (Perplexity); Lichtstreifen bei 55 % zwischen 30 und 70 %",
  "sonstiges": "Wort-Fade von opacity .4 auf 1 (Cursor); Masken-Verlauf -70deg #000 50 %, #0005, #000 65 % (Perplexity)",
  "herkunft": "beobachtet",
  "quelle": "https://www.cursor.com/ (CSS-Chunk 3g8c5788oj-t7.css); https://www.perplexity.ai/ (style__v2-uuDoaO3n.css); https://gemini.google.com/"
 },
 "kurve": {
  "bezier": [
   0,
   0,
   0.58,
   1
  ],
  "css": "cubic-bezier(0, 0, 0.58, 1)",
  "name": "ease-out",
  "dauer_ms": 1200
 },
 "gesehen_bei": [
  {
   "seite": "Cursor",
   "url": "https://www.cursor.com/",
   "auszeichnung": "",
   "beobachtung": "@keyframes streaming-word-fade { 0% { opacity: .4 } to { opacity: 1 } } mit animation: 80ms ease-out forwards; .shimmer: linear-gradient(90deg, base 0%, base 30%, highlight 55%, base 70%, base 100%), background-size 200% 100%, background-clip: text, animation shimmer var(--shimmer-duration, 2.5s) linear infinite (background-position 200% → -200%); Highlight per color-mix mit --shimmer-intensity 70% (marketing-static/…/3g8c5788oj-t7.css).",
   "art": "website"
  },
  {
   "seite": "Perplexity",
   "url": "https://www.perplexity.ai/",
   "auszeichnung": "",
   "beobachtung": "Masken-Shimmer: mask-image: linear-gradient(-70deg, #000 50%, #0005, #000 65%), mask-size 300% 100%, mask-position 100% → 0; Dauer-Klassen 1.2 s (schnell) und 1.8 s (langsam); zusätzlicher shimmer-text-sweep background-position 120% → -20% (_spa/assets/style__v2-uuDoaO3n.css).",
   "art": "website"
  },
  {
   "seite": "Google Gemini",
   "url": "https://gemini.google.com/",
   "auszeichnung": "",
   "beobachtung": ".gem-shimmer-active::before mit animation gem-shimmer-sweep 2s linear infinite (background-position 100% 100% → 0 0, Pause ab 70 %), mix-blend-mode über Custom Property; @media (prefers-reduced-motion: reduce) → animation: none (Inline-CSS).",
   "art": "website"
  },
  {
   "seite": "Bolt",
   "url": "https://bolt.new/",
   "auszeichnung": "",
   "beobachtung": ".bolt-text-shimmer { animation: textShimmer var(--shimmer-duration, 1.5s) linear infinite } mit reduced-motion-Abschaltung; Skeleton-Shimmer 1.5 s ease-in-out nur unter prefers-reduced-motion: no-preference (assets/root-DqMhH36M.css, assets/src-DCRnbyxm.css).",
   "art": "website"
  },
  {
   "seite": "v0 by Vercel",
   "url": "https://v0.app/",
   "auszeichnung": "",
   "beobachtung": "Generierungs-Overlay .shimmerOverlay mit 2s ease-in-out infinite overlayPulse (Hintergrund #80808026 ↔ #80808014) und Lichtstreifen linear-gradient(105deg …) translate -100% → 100%; animate-shimmer 2s linear (chat-static/…/2k9vu604j0f3b.css, 3kj0qfywuedu1.css).",
   "art": "website"
  }
 ],
 "tutorials": [
  {
   "titel": "AI Elements (Vercel) – Shimmer-Komponente",
   "url": "https://elements.ai-sdk.dev/components/shimmer"
  }
 ],
 "kombinierbar_mit": [
  "typewriter-natural",
  "shimmer-gradient-text",
  "skeleton-shimmer",
  "command-palette-und-ki-suche",
  "toast-stapel"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/mikroanimationen/ki-streaming-text-denkindikator/",
  "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/ki-streaming-text-denkindikator/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/mikroanimationen/ki-streaming-text-denkindikator/demo"
 },
 "herkunft": {
  "quelldateien": [
   "patch-luecken-b.json"
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Ein Archiv-Assistent zeigt mit wanderndem Glanz, woran er gerade arbeitet, und streamt seine Antwort Wort für Wort.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "shimmer_text": "linear-gradient(90deg, var(--leise) 0%, var(--leise) 30%, var(--tinte) 55%, var(--leise) 70%, var(--leise) 100%); background-size 200% 100%; background-clip: text; background-position 200% 0 → -200% 0; 2500ms linear infinite (Cursor)",
   "shimmer_maske": "mask-image linear-gradient(-70deg, #000 50%, #0005, #000 65%); mask-size 300% 100%; mask-position 100% 0 → 0 0; 1800ms linear infinite (Perplexity)",
   "shimmer_overlay": "::before mit linear-gradient(105deg, transparent 40%, #c8552b 50%, transparent 60%); background-size 300% 100%; mix-blend-mode: lighten; background-position 100% → 0 bis 70 %, dann Pause; 2000ms linear infinite (Gemini)",
   "wort_fade": "opacity .4 → 1, 80ms cubic-bezier(0, 0, 0.58, 1) (ease-out), fill both",
   "token_pakete": "1 bis 3 Wörter pro Paket, 40 bis 130 ms Abstand (simuliert, kein fester Stagger)",
   "label_verzoegerung_ms": 300,
   "schritte_ms": "Denkt nach 450, dann Schritte 1000 bis 1400, Pause vor dem Stream 380",
   "generierungs_overlay": "Puls 2s ease-in-out infinite (#80808026 ↔ #80808014) plus Lichtstreifen linear-gradient(105deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%) translate -100% → 100% 2s linear (v0); Bild nach 1800 ms, opacity 600ms ease-out, 140 ms versetzt",
   "ui": "Einblenden 300ms cubic-bezier(0, 0, 0.58, 1); Schritt-Liste klappt über grid-template-rows 0fr → 1fr in 300ms; Umschalter 150ms",
   "farben": "Grundton #6b675f auf #fbfaf7 (4,9 : 1), Highlight #161513, Akzent #c8552b",
   "ki_hinweis": "Zeile direkt unter dem Chat-Kopf, vor der ersten Frage: Kürzel „KI“ (Geist Mono 10 px, 600, Laufweite .12em, Grund = Markenfarbe) + „Sie schreiben mit einem KI-Assistenten.“ (600) + ein Halbsatz zu Quelle und Grenze; 13,5 px, Zeilenhöhe 1.45, Grund #efede7, Radius 12 px, Abstand 9/14/9/9 px",
   "chat_hoehe": "min(664px, 80svh), mindestens 560 px"
  },
  "ausloeser": "klick",
  "touch": "Gleiches Verhalten wie am Desktop, Vorschläge per Tippen. Unter 560 px bleibt die Schritt-Liste während der Arbeit eingeklappt (nur Label, Glanz und Zeit), Vorschläge stehen in einer waagerecht wischbaren Zeile, Karten zweispaltig.",
  "reduziert": "Kein Glanz: Label und aktiver Schritt in voller Textfarbe mit dem Zusatz „· läuft…“. Wörter erscheinen ohne Fade, Schritte und Karten ohne Einflug, Generierungs-Overlay statisch grau, Bild blendet in 150 ms ein. Beim Laden steht die erste Antwort sofort fertig da (kein Stream ohne Zutun); ein Klick auf eine Frage spielt sie wie oben ab.",
  "korrekturen": {
   "beschreibung": "Während ein KI-Modell arbeitet, zeigt ein Status-Label wie „Denkt nach“, „Durchsucht 212 Projekte“ oder „Schreibt die Antwort“ einen wandernden Glanz. Ein hellerer Streifen läuft endlos über den Text, als Verlauf (background-clip: text), als Maske oder als Pseudo-Element. Zwischenschritte wie Suchen, Quellen lesen oder Tool-Aufrufe erscheinen als einklappbare Zeilen mit eigenem Glanz. Abgeschlossene Schritte verlieren den Glanz und bekommen ein Häkchen. Sobald die Antwort eintrifft, erscheint sie wortweise: Jedes neue Wort blendet in 80 ms von opacity .4 auf 1, statt Zeichen für Zeichen getippt zu werden. Bereiche, die noch generiert werden (Bilder, Code-Vorschau), liegen unter einem pulsierenden Overlay.",
   "warum_es_wirkt": "Die Wartezeit wird sichtbar und ehrlich: Es passiert etwas, ohne dass ein erfundener Prozentbalken nötig ist. Der Glanz ist inzwischen die gelernte Bildsprache für „KI arbeitet“. Benannte Schritte zeigen, was gerade geschieht, und schaffen Vertrauen. Das wortweise Einblenden glättet ungleichmäßige Token-Pakete, der Text wirkt dadurch flüssig.",
   "wann_einsetzen": "Chat- und Assistenz-Oberflächen, KI-Suche im Header (siehe command-palette-und-ki-suche), Generatoren, Formular-Assistenten und Demo-Animationen auf Produktseiten von KI-Werkzeugen. Als Frag-uns-Feld auch für Praxis, Kanzlei oder Hotel, wenn die Seite genug eigene Inhalte hat (Leistungen, Kasse und privat, Anfahrt, Zeiten) und jemand die Antworten pflegt.",
   "wann_nicht": "Bei normalen Ladezuständen ohne KI, dort passen Skeleton oder Spinner. Nicht als Dauerdekor auf Headlines (siehe shimmer-gradient-text). Nicht bei Wartezeiten unter etwa 300 ms, sonst flackert das Label. Kein KI-Feld ohne sichtbaren KI-Hinweis beim Start und ohne Ausweg zum Menschen (Telefon, Kontakt). In Praxis und Kanzlei keine Antworten zu Diagnose oder Rechtsfall, dort immer an das Telefon verweisen.",
   "varianten": [
    "Text-Shimmer per background-clip: text und background-position (Cursor 2,5 s, Bolt 1,5 s)",
    "Masken-Shimmer per mask-image und mask-position (Perplexity 1,2 s und 1,8 s)",
    "Shimmer als Pseudo-Element mit eigenem Blend-Mode und Pause im Zyklus (Gemini 2 s)",
    "Wortweises Fade-in der Stream-Tokens (Cursor: 80 ms, opacity .4 → 1)",
    "Pulsierendes Overlay über generierten Bereichen (v0)",
    "Schritt-Liste mit Status: aktiv mit Glanz, erledigt mit Häkchen und ohne Glanz",
    "Frag-uns-Feld für KMU: antwortet nur aus eigenen Seiten, Quellen-Links sind Pflicht, ohne Quelle das Telefon als Ausweg"
   ],
   "umsetzung": "Status-Label: .glanzt { background: linear-gradient(90deg, var(--muted) 0 30%, var(--fg) 55%, var(--muted) 70% 100%); background-size: 200% 100%; background-clip: text; color: transparent; animation: shimmer 2.5s linear infinite } @keyframes shimmer { from { background-position: 200% 0 } to { background-position: -200% 0 } }. Masken-Variante: mask-image: linear-gradient(-70deg, #000 50%, #0005, #000 65%); mask-size: 300% 100%; mask-position von 100% nach 0. Streaming: eintreffende Tokens zu Wörtern puffern und jedes Wort als <span class=w> anhängen; .w { animation: word-in 80ms ease-out both } @keyframes word-in { from { opacity: .4 } }. Label erst nach etwa 300 ms Wartezeit zeigen. Fertige Schritte: Klasse entfernen, Icon tauschen. Beim Pseudo-Element mit mix-blend-mode darf kein Vorfahr einen eigenen Stacking-Kontext bilden (opacity-Animation mit fill forwards, isolation), sonst blendet der Streifen gegen Transparenz und wird als Fläche sichtbar. KI-Hinweis als eigene Zeile zwischen Kopf und Verlauf (.ki-hinweis: Kürzel „KI“ als Marke, ein fetter Satz „Sie schreiben mit einem KI-Assistenten.“, danach in einem Halbsatz, woraus er antwortet und wo seine Grenze ist). Frag-uns-Feld für KMU: Antworten nur aus den eigenen Seiten (Index der eigenen Seiten, keine offene Websuche); jede Antwort endet mit mindestens einem Quellen-Link auf die eigene Unterseite; findet der Assistent keine Quelle, erfindet er nichts, sondern zeigt die Telefonnummer als großen Knopf (tel:) und bei Gesundheitsthemen den Bereitschaftsdienst 116 117. Die Telefonnummer steht zusätzlich dauerhaft im KI-Hinweis.",
   "mobil": "Verhalten wie am Desktop. Lange Schritt-Listen standardmäßig einklappen, das Label mit Glanz reicht als Hinweis.",
   "reduzierte_bewegung": "Glanz abschalten (Gemini und Bolt machen es vor) und den Status als Text zeigen, etwa „· läuft…“. Wörter ohne Fade anhängen. Overlays über generierten Bereichen statisch lassen.",
   "barrierefreiheit": "Antwortbereich mit aria-live=polite und aria-busy=true während der Generierung, damit nicht jedes Wort einzeln angesagt wird. Status-Label mit role=status. Statuswechsel immer als Text, nicht nur über den Glanz. Den gedimmten Grundton mit mindestens 4,5 : 1 Kontrast halten. Einklappbare Schritt-Liste über einen Knopf mit aria-expanded und aria-controls. KI-Kennzeichnung (Art. 50 KI-VO, seit 02.08.2026): Dass hier eine KI antwortet, steht direkt beim Start der Unterhaltung sichtbar im Fenster, nicht erst in Impressum oder Datenschutz, etwa „Sie schreiben mit einem KI-Assistenten.“ (Formulierung nach IHK Halle; eine einmalige Anzeige genügt in der Regel). Der Hinweis ist normaler Text vor dem Verlauf, keine Live-Region, und bleibt beim Wechsel der Frage stehen. Wortlaut und Pflichten im Einzelfall vom Kunden prüfen lassen."
  },
  "geprueft": "02.11.2026",
  "notiz": "Archiv-Assistent eines Design-Studios mit drei Fragen: Denk-Label und Schritt-Liste mit Glanz, Antwort in ungleichmäßigen Token-Paketen mit 80-ms-Wort-Fade, danach Projektkarten unter dem v0-Overlay oder Quellen-Chips. Umschalter für die drei gemessenen Shimmer-Varianten (Text-Verlauf, Maske, Overlay), verwendete Werte darunter. Eigene anhaltbare Uhr, damit pause/weiter auch die CSS-Animationen anhält. Vorführung läuft durch alle Fragen und wechselt dabei die Variante. Bilder 01.11.2026: eigene Bilder statt Portfolio. Zugang 02.11.2026: Knopf „Anhalten/Abspielen“ (button, aria-pressed, aria-label „Bewegung anhalten“) im Chat-Kopf, ruft dieselbe pause()/weiter() wie FUNDUS_DEMO; in der Vorschau ausgeblendet; Klick auf eine Frage spielt wieder ab. Reduziert: erste Antwort beim Laden sofort fertig statt Stream. Kontrastmodus: Glanz-Text (background-clip/Maske) in CanvasText, Knöpfe mit Rahmen ButtonText. Korrektur 02.11.2026: KI-Hinweis nach Art. 50 KI-VO (IHK Halle: „direkt beim Start der Unterhaltung“) als feste Zeile unter dem Chat-Kopf; Variante „fragen“ (Frag-uns-Feld einer erfundenen Physiotherapie am Kastanienhof, Freiburg) mit Quellen-Links auf eigene Seiten, Antwort ohne Quelle führt zum Anruf-Knopf; Shimmer-Umschalter gilt in beiden Varianten. Chat etwas höher (664 px), Vorschau enger gesetzt.",
  "varianten": [
   {
    "id": "archiv",
    "name": "Archiv-Assistent eines Studios",
    "knopf": "Archiv-Assistent",
    "wann": "Studio, Agentur, SaaS oder Kursanbieter mit großem eigenem Bestand (Projekte, Kurse, Dokumentation), der sich per Frage durchsuchen lässt; zeigt Projektkarten unter dem Generierungs-Overlay oder Quellen-Chips.",
    "werte": {
     "welt": "Instrument Sans + Instrument Serif Italic, Papier #efede7, Fläche #fbfaf7, Tinte #161513, Akzent #c8552b",
     "kurve": "cubic-bezier(0, 0, 0.58, 1)",
     "anhang": "Projektkarten (v0-Overlay) oder Quellen-Chips",
     "ki_hinweis": "„Sie schreiben mit einem KI-Assistenten. Er kennt unser Projektarchiv und die Preisliste 2026, kann sich aber irren. Verbindlich ist unser Angebot.“"
    }
   },
   {
    "id": "fragen",
    "name": "Frag-uns-Feld einer Praxis",
    "knopf": "Frag-uns-Feld",
    "wann": "Praxis, Kanzlei oder Hotel mit gepflegten eigenen Seiten: kurze Fragen vor dem Termin (Rezept, Anfahrt, Zeiten) beantworten, nur aus den eigenen Seiten, mit Quellen-Links und dem Telefon als Ausweg; keine Diagnosen oder Rechtsauskünfte.",
    "werte": {
     "welt": "Physiotherapie (Rezept praxis): Hedvig Letters Serif 400 (h1, Laufweite -0.01em, Zeilenhöhe 1.1) + Google Sans Flex, Grund #eef2f1, Fläche #ffffff, Text #363b3b, leise #596666 (5,97 : 1), Marke #005450, Blase #e2e0de, Hinweis #fff4e0, Akzent #ffc776",
     "kurve": "cubic-bezier(0, 0, 0.38, 0.9) (tech-präzise, entrance)",
     "regel": "nur eigene Seiten (14), jede Antwort mit mindestens 1 Quellen-Link (Nummer im Kreis + Pfad › Seite); ohne Quelle keine Antwort, sondern Anruf-Knopf (#005450, Nummer 21 px 600) und Bereitschaftsdienst 116 117",
     "ki_hinweis": "„Sie schreiben mit einem KI-Assistenten. Er antwortet nur aus den Seiten dieser Praxis und stellt keine Diagnosen. Lieber persönlich: 0761 470 22 10“ (tel:-Link)",
     "status_ohne_quelle": "„Keine Quelle · Telefon“"
    }
   }
  ]
 }
}