{
 "schema": "fundus-rezept/1",
 "stand": "02.11.2026",
 "basis": {
  "stand": "02.11.2026 (Runde 5: Redaktion nach KI-Audit und Lückenrecherche)",
  "muster": [
   "vt-cross-document-mpa",
   "css-view-reveal-nativ",
   "unterstreichung-varianten",
   "button-zustaende",
   "validierung-nach-interaktion",
   "consent-banner-gestaltet",
   "fokus-stil-system",
   "sprunglinks-landmarken",
   "bewegung-pausieren-schalter",
   "fehlerseite-leerzustand",
   "dialog-modal-nativ",
   "zoom-und-textabstand-robust",
   "kontrastmodus-forced-colors",
   "firmendaten-strukturiert",
   "sofort-navigation-vorladen"
  ],
  "beschreibung": "Grundausstattung, die jedes Rezept ohne Nennung bekommt: native Seitenübergänge zwischen echten Seiten (vt-cross-document-mpa) und Vorladen der Hauptwege (sofort-navigation-vorladen), beides nicht bei Onepagern; native Scroll-Reveals nur wo sinnvoll, Link-Unterstreichung, vollständige Button-Zustände, Validierung erst nach Interaktion, ein gestaltetes Consent-Banner, Fehlerseite und Leerzustand, natives Dialog-Modal und eine einzige Datenquelle für Firmendaten, aus der Kontaktblock, Öffnungszeiten und JSON-LD entstehen (firmendaten-strukturiert). Dazu die Barrierefreiheit der Kategorie zugang: sichtbarer Fokus, Sprunglinks und Landmarken, Pause für Bewegung, 200 % Zoom und Textabstände ohne Abschneiden (zoom-und-textabstand-robust), Kontrastmodus (kontrastmodus-forced-colors). In Sektionen dürfen Basis-Muster genannt werden, wenn sie dort besonders wichtig sind (z. B. Formular-Validierung); in den Kategorie-Listen der Rezepte stehen sie nicht.",
  "regeln": [
   "Keine Schrift kommt in mehr als 3 Rezepten vor (headline, text und akzent zusammen gezählt, alternative_eigenprojekt ausgenommen).",
   "Ein Rezept darf Headline- und Textschrift nicht 1:1 mit einem anderen Rezept teilen.",
   "Pflichtfeld signatur: 1–2 Muster, die kein anderes Rezept nutzt (Basis ausgenommen); jedes Signatur-Muster steht auch in den Muster-Listen des Rezepts.",
   "cinematic-video-hero nur mit eigenem, hochwertigem Footage. Für typische KMU-Kunden (Gastro, Mode/Concept Store) ist ein Foto-Hero Standard, Video steht unter hero_variante.",
   "Kontakt/Anfrage, Online-Termin und Anfahrt sind eigene Sektionen (kontakt-anfrage-formular bzw. mehrschritt-anfrage, termin-buchung-zwei-klick, karte-zwei-klick, oeffnungszeiten-status), auch wenn ein Rezept sie nicht nennt; die Adresse steht immer auch als Text da; studio-visitenkarte-footer steht nur im Footer.",
   "Drittanbieter-Inhalte (Video, Karte, Buchung, Social Feeds) erst nach Einwilligung bzw. Klick laden.",
   "Höchstens ein Material-Effekt (Glow, Verlaufsrahmen, Raster, Textur) pro Ansicht.",
   "Automatisch bewegte Inhalte (Laufband, Wortwechsel, Autoplay) nie für wichtige Information; immer pausierbar und unter prefers-reduced-motion statisch.",
   "Barrierefreiheit gehört zur Grundausstattung (BFSG seit 28.06.2025): sichtbarer Fokus (fokus-stil-system), Sprunglinks und Landmarken, Pause für alles, was sich länger als 5 s bewegt (bewegung-pausieren-schalter), native Dialoge, 200 % Zoom und 320 px Breite ohne Abschneiden (zoom-und-textabstand-robust), Kontrastmodus prüfen (kontrastmodus-forced-colors). Rechtliches (Erklärung zur Barrierefreiheit) vom Kunden prüfen lassen.",
   "Firmendaten (Name, Adresse, Telefon, Zeiten samt Sonderzeiten, Leistungen, Profil-Links) aus einer Quelle; JSON-LD nur für sichtbare Inhalte, keine eigenen Bewertungssterne im Markup (firmendaten-strukturiert).",
   "Wer online Verträge mit Verbrauchern schließt (Shop, Kurs, Abo, Mitgliedschaft, Online-Anmeldung), braucht im Footer ohne Login „Vertrag widerrufen“ und bei Dauerverträgen „Verträge hier kündigen“ (widerruf-und-kuendigung-schaltflaeche, seit 19.06.2026) – vom Kunden prüfen lassen.",
   "Bewertungen von Google oder anderen Plattformen nur mit Echtheitshinweis direkt an den gezeigten Bewertungen (bewertungsprofil-mit-echtheitshinweis); bewertungen-verteilung nur für eigene, geprüfte Bewertungen.",
   "Pflichtangaben (Impressum, Datenschutzerklärung, Branchenpflichten aus Leitfaden 8a und den Rezept-regeln) als Seiten, Links oder markierte Platzhalter; keine Rechtstexte erfinden, alles vom Kunden prüfen lassen. Chatbots und KI-Funktionen direkt beim Start kennzeichnen (Art. 50 KI-VO), keine pauschalen Umweltaussagen ohne Nachweis.",
   "consent-banner-gestaltet nur, wenn beim Laden einwilligungspflichtige Dienste laufen. Laden alle Dritten erst per 2-Klick, genügt ein Einstellungs-Dialog im Footer („Datenschutz-Einstellungen“) zum Widerrufen.",
   "Starter- und Beispielseiten ohne echte Daten: Bewertungen, Preise, Allergene und Kennzahlen als markierte Platzhalter, nie erfundene Kundenstimmen als echt.",
   "Werbung mit Rate, Zins, „0 %“, Ratenzahlung, Leasing oder „später bezahlen“ braucht ab 20.11.2026 finanzierung-pflichtangaben: effektiver Jahreszins mindestens so groß wie die Rate, Warnhinweis „Achtung! Kreditaufnahme kostet Geld.“ direkt dabei (vom Kunden prüfen lassen).",
   "Verkauf von Waren an Verbraucher braucht seit 27.09.2026 den EU-Hinweis zur gesetzlichen Gewährleistung (eu-gewaehrleistungshinweis), mindestens als Footer-Link, sicherer an Produktseite und Checkout; nur die amtliche Vorlage der EU-Kommission."
  ],
  "herkunft": "Art-Director-Prüfung der 18 Rezepte, Runde 3 (Basis-Block, Signatur-Pflichtfeld, Schriftverteilung, 2-Klick-Muster). Runde 5 (02.11.2026): zugang-Muster, Firmendaten und Vorladen in die Grundausstattung, Regeln zu Kontakt, Verträgen, Bewertungen und Pflichtangaben (KI-Audit Befund 3, Lückenrecherche N1–N3, N6, K5)."
 },
 "id": "praxis-gesundheit-ruhig",
 "name": "Praxis & Therapie: ruhig und zugewandt",
 "branche": "Arztpraxis / Zahnarzt / Psychotherapie / Physiotherapie / Gesundheitsangebot",
 "stimmung": [
  "ruhig",
  "vertrauensvoll",
  "warm",
  "zugänglich"
 ],
 "kurz": "Kein klinisches Weiß-Blau: gedecktes Grün oder Petrol, warme Off-Whites und eine weiche Serif für Überschriften. Der Weg zum Termin ist auf jeder Seite einen Klick entfernt, Behandlungen und Ablauf sind in einfacher Sprache erklärt. Bewegung ist kurz, ruhig und selten; nur Bilder dürfen langsam überblenden.",
 "referenzen": [
  {
   "seite": "HelloBetter",
   "url": "https://hellobetter.de/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): Astro mit View Transitions (data-astro-transition-persist; Reduced-Motion-Regel schaltet ::view-transition-group(*) ab). @font-face 'Corda' (Serif, 400) für Überschriften und 'DM Sans' (4 Schnitte) für Text. Kurven cubic-bezier(.4,0,.2,1) (11×) und easeInOutSine (.37,0,.63,1) (6×); Dauern .15s (19×), .25s, .3s, .6s, 1s. Größen 1 / 1.125 / 1.25 / 1.5 / 1.75 / 2rem, Zeilenhöhen 2–2.5rem bzw. 140 %. Farben: Grund #F5F7F7, Text #363B3B, Sekundär #596666, Petrol #037D6B, Mint #26BDA6 / #9EE3D9, warme Akzente #F2B54F / #ED994F, Lila-Fläche #E6EAFD. Sektionen: H1 'Dein Online-Therapieprogramm auf Rezept.', Soforthilfe, Indikationen als Kacheln (Stress und Burnout, Schlafen, Panik, Chronische Schmerzen …), Einblicke ins Programm (Übersicht, Psychologische Begleitung, Kurseinheiten, Tagebuch).",
   "herkunft": "beobachtet",
   "quelle": "https://hellobetter.de/_astro/page.3zUCQ0la.css"
  },
  {
   "seite": "One Medical",
   "url": "https://www.onemedical.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): @font-face 'GT Super Display' (h1: wght 600, 4.8rem bei 62,5 %-Root = 48px, Zeilenhöhe 1.071; größer 6 → 8.8rem) und 'Ginto' für Text. Eigene Kurve cubic-bezier(.28,0,.12,1) (17×); Dauern .25s (134×), .6s (40×), 1.4s (22×). Größen 1.6rem (16px, 188×), 2.4, 3.6, 4.8, 7.2rem; Zeilenhöhen 1 / 1.25 / 1.5 / 1.75. Farben: Waldgrün #005450 / #004D49 / #068466, Hellgrün #ABCC76 / #BCDE85, warmes Grau #E2E0DE / #F4F4F4, Akzent #FFC776, Text-Grau #736F6C. Sektionen: 'Primary care designed for you', 'Get care today for depression anxiety sleep issues …' (wechselnde Begriffe in einer Zeile), 'Fall in love with your doctor's office' (6 Vorteile als h3), Mitgliedspreis offen ('$99/year'), 'Become a One Medical patient'.",
   "herkunft": "beobachtet",
   "quelle": "https://www.onemedical.com/static/css/app.6a19bfc9a6f44a1f2fc8.css"
  },
  {
   "seite": "Tend Dental",
   "url": "https://www.hellotend.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): @font-face 'Founders Grotesk' (5 Schnitte) und 'Nantes' (Serif, 4 Schnitte). Übergänge fast nur 0.2s (46×), daneben 0.3s, 0.5s, 1s; Reduced-Motion-Regel setzt 0.01ms. Laufweite .01em (25×), Text 1rem / .875rem / .9375rem. Farben Mint #EAF4EB, Dunkelgrün #36514C, Limette #E7FB7E, Rosé #FFCCCB / #FFB6A8, Rot #B00909. Sektionen: H1 'Look forward to going to the dentist', Leistungen, 'The Tend Dental difference', 'Why people love Tend' (Bewertungen), 'Dental studios across the US' mit Standortliste als h3 (Hell's Kitchen, Park Slope …); Splide-Slider.",
   "herkunft": "beobachtet",
   "quelle": "https://www.hellotend.com/images/3658/css/custom-style-v32.css"
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "Ausgang war soft-serif-warm (fraunces + hanken-grotesk). Headline hedvig-letters-serif (ruhige Antiqua mit opsz), Text google-sans-flex mit ROND 30–50 – damit unterscheidet sich die Praxis typografisch von gastro und von der Fahrschul-Referenz tofudriving.com.",
  "headline": "hedvig-letters-serif",
  "text": "google-sans-flex",
  "akzent": "",
  "groessen": "Alle drei Referenzen kombinieren eine weiche Serif-Headline (Corda, GT Super, Nantes) mit einer freundlichen Grotesk. h1 clamp(2.25rem, 1.4rem + 3.2vw, 4.5rem), Hedvig Letters Serif 400, opsz 24, Laufweite -0.01em, Zeilenhöhe 1.1; h2 clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem), opsz 24; Fließtext Google Sans Flex wght 400, ROND 30–50 (weich, aber klar), opsz automatisch, mindestens 1.0625rem (17px), Zeilenhöhe 1.6, max. 62ch; Buttons/Labels 1rem wght 500. Für maximale Lesbarkeit (ältere Patienten) Text auf atkinson-hyperlegible-next wechseln.",
  "techniken": [
   "optische-groessen-opsz",
   "lesesatz-text-wrap",
   "fluide-typo-clamp-cqi"
  ],
  "alternative_eigenprojekt": "Headline gambarino oder erode, Text general-sans (ITF) – näher an GT Super/Corda + Ginto, aber nicht für Templates."
 },
 "farbe": {
  "prinzip": "Gedecktes Grün/Petrol als Vertrauenston (statt Krankenhausblau), warme Off-Whites und Greige als Flächen, dunkles Grüngrau statt Schwarz für Text, ein warmer Akzent (Apricot/Gelb) nur für Hervorhebungen. Kontrast für Text mind. 4.5:1.",
  "beispiel": [
   "#F5F7F7 Grund (HelloBetter)",
   "#E2E0DE warme Fläche/Karten (One Medical)",
   "#005450 Marke, Buttons, Footer (One Medical)",
   "#363B3B Text (HelloBetter)",
   "#596666 Sekundärtext",
   "#FFC776 warmer Akzent für Hinweise/Badges (One Medical)"
  ]
 },
 "animationsstil": "token-tech-praezise",
 "bewegung": {
  "easing": "cubic-bezier(0.2, 0, 0.38, 0.9) (token-tech-praezise, productive) für UI; einmalige Bild-Überblendung mit expressive entrance cubic-bezier(0, 0, 0.3, 1) aus demselben Stil",
  "beobachtet": "cubic-bezier(0.37, 0, 0.63, 1) für Bild-Überblendungen (aus dem früheren Stil token-luxus-weich); HelloBetter .15s 19×; One Medical .25s 134× / .6s 40×; Tend 0.2s 46×",
  "dauer_ms": "150–250 (Buttons, Links, Formular, Akkordeon), 400 (Einblendungen, max. 8 px Weg), 600–800 (Bild-Überblendung, einmalig)",
  "regel": "UI-Feedback schnell und ruhig wie in einem Formular-Werkzeug: kurze Dauern, kein Federn, kein Springen. Langsam darf nur ein Bild überblenden. Keine automatisch bewegten Inhalte (kein Wortwechsel, kein Autoplay-Karussell). Bei prefers-reduced-motion alles sofort.",
  "herkunft": "beobachtet (HelloBetter .15s 19×; One Medical .25s 134× / .6s 40×; Tend 0.2s 46×); Animationsstil nach AD-Prüfung R3 von token-luxus-weich auf token-tech-praezise umgestellt"
 },
 "hero_beschreibung": "Foto + Satz in einfacher Sprache + Button „Termin vereinbaren“ (Online-Termin per termin-buchung-zwei-klick oder Telefon als tel:-Link). Keine Stock-Ärzt:innen, keine wechselnden Wörter.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "native-popover-dropdowns",
   "mobile-bottom-navigation"
  ],
  "hero": [
   "foto-hero"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Behandlungen / Wobei wir helfen (je Behandlung eine Unterseite, Antwort zuerst; Fachbegriffe per Klick als details oder Popover erklärt, Hovercard nur als Verbesserung)",
    "muster": [
     "akkordeon-hoehe-auto",
     "hovercard-interest-invoker",
     "leistungsseite-antwort-zuerst",
     "raster-zu-wischreihe"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "leistungen",
     "leistungsseite-antwort-zuerst": "praxis",
     "raster-zu-wischreihe": "einreihig"
    }
   },
   {
    "zweck": "Termin online (Buchungs-Widget erst nach Consent bzw. Klick, sonst Telefon)",
    "muster": [
     "termin-buchung-zwei-klick"
    ],
    "varianten": {
     "termin-buchung-zwei-klick": "platzhalter"
    }
   },
   {
    "zweck": "Ihr erster Termin – so läuft es ab",
    "muster": [
     "prozess-timeline-wachsende-linie"
    ]
   },
   {
    "zweck": "Team / Therapeut:innen",
    "muster": [
     "team-ueber-mich-layout"
    ],
    "varianten": {
     "team-ueber-mich-layout": "raster"
    }
   },
   {
    "zweck": "Praxisräume",
    "muster": [
     "css-native-karussell",
     "galerie-shared-element-vollbild"
    ],
    "varianten": {
     "css-native-karussell": "buehne",
     "galerie-shared-element-vollbild": "basis"
    }
   },
   {
    "zweck": "Patientenstimmen / Bewertungen (nur echt, sachlich, mit Einwilligung und vom Kunden freigegeben; HWG und Berufsrecht; Google-Bewertungen nur mit Echtheitshinweis)",
    "muster": [
     "testimonials-neu-gedacht",
     "bewertungsprofil-mit-echtheitshinweis"
    ],
    "varianten": {
     "testimonials-neu-gedacht": "stimmen-reihe",
     "bewertungsprofil-mit-echtheitshinweis": "pille"
    }
   },
   {
    "zweck": "Kurse (Rückenschule, Prävention, Reha-Sport; nur bei regelmäßigen Kursen, sonst Liste)",
    "muster": [
     "wochen-kursplan"
    ],
    "varianten": {
     "wochen-kursplan": "studio"
    }
   },
   {
    "zweck": "Kosten, Kassen, Rezept – FAQ",
    "muster": [
     "akkordeon-hoehe-auto"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "faq"
    }
   },
   {
    "zweck": "Kontakt / Standorte (Liste nur ab zwei Praxen) / Anfahrt / Sprechzeiten (Rückruf oder Frage ohne Gesundheitsdaten als Pflichtfeld)",
    "muster": [
     "kontakt-anfrage-formular",
     "standortfinder-liste",
     "oeffnungszeiten-status",
     "karte-zwei-klick"
    ],
    "varianten": {
     "standortfinder-liste": "kompakt",
     "oeffnungszeiten-status": "karte",
     "karte-zwei-klick": "bild"
    }
   },
   {
    "zweck": "Erklärung zur Barrierefreiheit (eigene Seite)",
    "muster": [
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "barrierefreiheit-seite": "erklaerung"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [],
  "hover": [
   "bild-zoom-in-maske"
  ],
  "cursor": [],
  "mikro": [
   "checkbox-radio-animiert",
   "fortschrittsring",
   "einblenden-starting-style"
  ],
  "material": [],
  "galerie": [
   "css-native-karussell",
   "galerie-shared-element-vollbild"
  ],
  "footer": [
   "studio-visitenkarte-footer"
  ],
  "button": [
   "button-zustaende",
   "pfeil-icon-button"
  ],
  "hero_varianten": {
   "foto-hero": "split-randabfallend"
  }
 },
 "signatur": [
  "hovercard-interest-invoker"
 ],
 "varianten_demo": {
  "studio-visitenkarte-footer": "praxis",
  "pfeil-icon-button": "linie",
  "mobile-bottom-navigation": "kontakt",
  "bild-zoom-in-maske": "basis",
  "css-native-karussell": "buehne",
  "galerie-shared-element-vollbild": "basis"
 },
 "nicht_verwenden": [
  "konfetti-erfolg – laut Katalog nicht im Gesundheitskontext; Terminbestätigung ruhig und klar",
  "zahlen-odometer – hochgezählte Patientenzahlen wirken unseriös",
  "marquee-laufband – Unruhe neben Texten, die Sicherheit geben sollen",
  "smooth-scroll-lenis / jeder Custom-Cursor / magnetische-elemente – stört Menschen mit Einschränkungen und wirkt verspielt",
  "cinematic-video-hero – Stock-Ärzt:innen mit Stethoskop sind das Klischee; echte Fotos der Praxis",
  "scramble-decode / typewriter-natural – technisch-kalt, gegen die Stimmung",
  "mesh-gradient-shader / grain-noise-overlay – Effekt statt Ruhe"
 ],
 "regeln": [
  "Hero = echtes Foto (Praxis, Team) + ein Satz in einfacher Sprache + 'Termin vereinbaren' (Online-Buchung oder Telefon als tel:-Link); keine Stock-Ärzt:innen.",
  "Termin-Button und Telefon im Header immer sichtbar, mobil in einer unteren Leiste (Anrufen / Termin / Anfahrt).",
  "Behandlungen in Alltagssprache benennen ('Schlafprobleme' statt Fachbegriff) wie HelloBetters Indikationsliste; Fachbegriff als Unterzeile.",
  "Hero-Zeile fest formuliert; keine wechselnden Wörter (automatisch bewegter Inhalt, WCAG 2.2.2, Patienten sähen womöglich nur das erste Wort).",
  "Kosten und Kassenfragen offen beantworten (One Medical nennt den Preis offen); Selbstzahler-Preise als Ab-Preise.",
  "Team mit einheitlichen, freundlichen Fotos, Qualifikation und Sprachen; bei Therapie zusätzlich Schwerpunkte.",
  "Barrierearm: Schrift ab 17px, Kontrast ≥ 4.5:1, Fokus-Ringe sichtbar, Formulare mit klaren Fehlertexten erst nach Verlassen des Feldes.",
  "Footer mit Sprechzeiten, Notfallhinweis (116 117 / 112), Anfahrt, Barrierefreiheit der Räume.",
  "Fachbegriffe als Glossar: die Erklärung steht im Text bzw. FAQ und per Klick bereit (details oder Popover); hovercard-interest-invoker nur als Verbesserung für Maus und Fokus, nie als einziger Weg (wann_nicht: nicht für Pflichtinformationen, Langdruck auf Touch kollidiert mit dem Systemmenü).",
  "Kontaktformular ohne Gesundheitsdaten als Pflichtfeld, Hinweis „Bitte keine Befunde senden“, verschlüsselt übertragen; Rezept- und Terminanfragen lieber über das Termin-Tool oder Telefon.",
  "Pflichtangaben und Recht (Leitfaden 8a): Heilmittelwerbegesetz und Berufsordnung: Patientenstimmen nur echt, sachlich, mit schriftlicher Einwilligung und vom Kunden freigegeben; keine Heilversprechen, keine Erfolgsquoten, keine Vorher-nachher-Bilder bei operativen Eingriffen (§ 11 HWG); Impressum mit Kammer, Berufsbezeichnung, Staat der Verleihung und ggf. KV-Zulassung; Notfallhinweis 116 117 / 112; bei eigener Online-Terminbuchung Variante bfsg der Erklärung zur Barrierefreiheit prüfen – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "niedrig",
 "leistung": "Leicht: zwei Variable Fonts, CSS-Reveals, kein Smooth Scroll. Größter Posten sind Fotos (AVIF, lazy ab der zweiten Reihe). Buchungs-Widgets externer Anbieter erst nach Klick oder Consent laden; untere Mobilleiste darf Consent-Banner und Widget nicht verdecken.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt: eine deutsche Arzt- oder Physiopraxis (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "varianten": [
  {
   "name": "Zahnarztpraxis",
   "hinweis": "Notfall zuerst: Wer mit Schmerzen sucht, braucht sofort die eine Zeile im Kopf und mobil in der unteren Leiste (mobile-bottom-navigation: Anrufen / Notfall / Termin): Notfallzeit der Praxis heute, außerhalb der zahnärztliche Notdienst der Region mit Link zur Notdienstsuche der Landeszahnärztekammer bzw. KZV (vom Kunden eintragen), bei Lebensgefahr 112. firmendaten-strukturiert in der Variante zahnarzt (Dentist; Sprechzeiten mit Mittagspause, Urlaub, Notdienst-Hinweis, neue Patient:innen). Sprechzeiten als oeffnungszeiten-status, Variante karte. Für Angstpatient:innen ein ruhiger Ablauf als prozess-timeline-wachsende-linie (Kennenlerngespräch ohne Behandlung, Handzeichen für Pausen, Betäubung, Sedierung oder Narkose nur, wenn die Praxis sie anbietet, mit Kosten), ohne Versprechen wie „schmerzfrei“ und ohne Angstmache über Folgen. Kosten als FAQ: Kassenleistung, Eigenanteil, Festzuschuss, Heil- und Kostenplan vorab, private Leistungen nach GOZ als Spanne. Recht: Heilmittelwerbegesetz und Berufsordnung der Zahnärzt:innen: keine Heilversprechen und keine irreführenden Erfolgsaussagen (§ 3 HWG), keine Vorher-nachher-Bilder bei plastisch-chirurgischen Eingriffen (§ 11 Abs. 1 Satz 3 HWG), Patientenstimmen nur echt, sachlich und freigegeben; Impressum mit Zahnärztekammer, KZV, Berufsbezeichnung und Link zur Berufsordnung; Notfallhinweis im Footer – vom Kunden prüfen lassen.",
   "sektionen": [
    "Schmerzen? Notfall heute (Notfallzeit der Praxis, sonst regionaler zahnärztlicher Notdienst)",
    "Behandlungen (Prophylaxe, Füllungen, Wurzelbehandlung, Zahnersatz, Implantate, Kinder, Aligner; je Behandlung eine Unterseite, Antwort zuerst)",
    "Angst vor dem Zahnarzt? So läuft Ihr Termin ab",
    "Termin online (Widget erst nach Klick, sonst Telefon)",
    "Kosten: Kasse, Eigenanteil, Heil- und Kostenplan, GOZ (FAQ)",
    "Team (Zahnärzt:innen mit Schwerpunkten, Prophylaxe, Sprachen)",
    "Praxisräume und Barrierefreiheit (stufenlos, Aufzug, Parken)",
    "Sprechzeiten, Anfahrt, Kontakt"
   ],
   "weglassen": [
    "Kurse (Rückenschule, Prävention, Reha-Sport)"
   ],
   "muster_zusatz": [
    "mobile-bottom-navigation",
    "firmendaten-strukturiert"
   ]
  },
  {
   "name": "Tierarztpraxis",
   "hinweis": "Wer anruft, hat meist ein krankes Tier: Notdienst-Zeile im Kopf und mobil in der unteren Leiste (Anrufen / Notdienst / Termin), mit eigenen Notdienstzeiten oder dem Verweis auf den tierärztlichen Notdienst der Region. Tierarten als Reiter (tabs-pfeiltasten-focusgroup, Variante auto: Hund und Katze, Heimtiere, Vögel und Reptilien, Pferd), je Reiter der ehrliche Satz, was die Praxis nicht behandelt. Der erste Besuch als prozess-timeline-wachsende-linie (Impfpass und Vorbefunde mitbringen, Transportbox, getrennter Wartebereich nur, wenn es ihn gibt). Kosten als FAQ nach GOT, mit dem Notdienst-Hinweis vorab. firmendaten-strukturiert ohne Dentist-Typ, als VeterinaryCare. Stimmen sachlich über Praxis und Umgang, nie über Heilerfolge; Fotos von Tieren der Kundschaft nur mit Einwilligung der Halter:innen. Recht: GOT: im Notdienst (nachts, am Wochenende, an Feiertagen) mindestens der zweifache Satz und 50 € Notdienstgebühr (§ 4 GOT), das vor dem Besuch sagen; HWG gilt auch für Behandlungen am Tier, also keine Heilversprechen; keine Werbung für verschreibungspflichtige Tierarzneimittel gegenüber Tierhalter:innen (§ 10 HWG, EU-Tierarzneimittelverordnung 2019/6); Impressum mit Tierärztekammer, Berufsbezeichnung und Berufsordnung – vom Kunden prüfen lassen.",
   "sektionen": [
    "Notfall? (eigene Notdienstzeiten, sonst regionaler tierärztlicher Notdienst; Hinweis auf Notdienstgebühren)",
    "Tierarten (was wir behandeln, was nicht)",
    "Leistungen (Vorsorge und Impfung, Chirurgie, Zahnbehandlung, Röntgen und Ultraschall, Labor; je Leistung eine Unterseite, Antwort zuerst)",
    "Termin online oder offene Sprechstunde",
    "Der erste Besuch (was mitbringen, Ablauf)",
    "Kosten nach GOT (FAQ: Gebührenrahmen, Notdienst, Kostenvoranschlag, Tierkrankenversicherung)",
    "Team",
    "Praxis, Sprechzeiten, Anfahrt (Parken vor der Tür, Hausbesuche, Einzugsgebiet bei Pferden)"
   ],
   "weglassen": [
    "Kurse (höchstens ein Welpenkurs als Liste)",
    "Stimmen über Heilerfolge"
   ],
   "muster_zusatz": [
    "tabs-pfeiltasten-focusgroup",
    "mobile-bottom-navigation",
    "firmendaten-strukturiert"
   ]
  }
 ],
 "stimmung_tags": [
  "ruhig",
  "warm"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   64,
   88,
   128
  ],
  "sektion": "clamp(64px, 8vw, 120px)",
  "dichte": "mittel",
  "hinweis": "Ruhig und übersichtlich: Behandlungen als Liste mit 24 px Abstand, Formulare mit 20 px zwischen Feldern, Fließtext auf 62ch."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 4vw, 48px)",
  "spalt": "clamp(16px, 2.4vw, 32px)",
  "max_breite": "1200px",
  "hinweis": "Hero 6/6 (Text links, Foto rechts). Team als 3er-Raster, Behandlungen in einer Spalte mit Unterzeile."
 },
 "form": {
  "radius_klein": "12px",
  "radius_gross": "16px",
  "pille": true,
  "linie": "1px #E2E0DE",
  "schatten": "nur Hovercard und Popover: weich und flach in Grüngrau, sonst keiner",
  "hinweis": "Weich, aber klar: Pillen für Termin und Telefon, 16 px für Fotos und Karten (Demo hovercard-interest-invoker zeigt 12 und 16 px)."
 },
 "bildsprache": {
  "licht": "Helles, weiches Tageslicht, warme Töne statt Kaltweiß.",
  "ausschnitt": "Praxisräume, Empfang, Team im Gespräch mit Blickkontakt.",
  "personen": "Ja: das echte Team, freundlich; keine Patient:innen in Behandlung.",
  "formate": [
   "4:5",
   "3:2",
   "1:1"
  ],
  "nicht": "Keine Stock-Ärzt:innen mit Stethoskop, kein Klinikblau, keine Zahnlächeln-Nahaufnahmen, keine Spritzen oder Instrumente."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Einfache Sprache, höchstens 15 Wörter je Satz, Alltagswort zuerst, Fachwort in Klammern.",
  "haltung": "Ruhig und beruhigend, offen zu Kosten und Kassenfragen.",
  "beispiele": [
   "Sie haben Schmerzen? Rufen Sie an, wir suchen mit Ihnen einen Termin.",
   "Schlafprobleme (Insomnie): So läuft die Behandlung."
  ],
  "nicht": "„Ihre Gesundheit liegt uns am Herzen“, „schmerzfrei“, Angstmache über Folgen, wechselnde Wörter in der Headline."
 },
 "hero_aufbau": {
  "raster": "12 Spalten: Text über Spalte 1 bis 6, Foto über 7 bis 12; mobil Foto unter der H1.",
  "bild": "Echtes Praxis- oder Teamfoto, 4:5, mit 16 px Radius.",
  "h1": "clamp(2.25rem, 1.4rem + 3.2vw, 4.5rem), Hedvig Letters Serif 400, links.",
  "handlung": "„Termin vereinbaren“ (#005450 gefüllt, Pille) und Telefon als tel:-Link mit sichtbarer Nummer.",
  "zusatz": "Sprechzeiten heute als Zeile; mobil untere Leiste Anrufen / Termin / Anfahrt."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/praxis-gesundheit-ruhig/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/praxis-gesundheit-ruhig/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/praxis-gesundheit-ruhig/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/praxis-gesundheit-ruhig/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "konfetti-erfolg"
   ],
   "grund": "laut Katalog nicht im Gesundheitskontext; Terminbestätigung ruhig und klar"
  },
  {
   "ids": [
    "zahlen-odometer"
   ],
   "grund": "hochgezählte Patientenzahlen wirken unseriös"
  },
  {
   "ids": [
    "marquee-laufband"
   ],
   "grund": "Unruhe neben Texten, die Sicherheit geben sollen"
  },
  {
   "ids": [
    "smooth-scroll-lenis",
    "magnetische-elemente"
   ],
   "grund": "smooth-scroll-lenis / jeder Custom-Cursor / magnetische-elemente – stört Menschen mit Einschränkungen und wirkt verspielt"
  },
  {
   "ids": [
    "cinematic-video-hero"
   ],
   "grund": "Stock-Ärzt:innen mit Stethoskop sind das Klischee; echte Fotos der Praxis"
  },
  {
   "ids": [
    "scramble-decode",
    "typewriter-natural"
   ],
   "grund": "technisch-kalt, gegen die Stimmung"
  },
  {
   "ids": [
    "mesh-gradient-shader",
    "grain-noise-overlay"
   ],
   "grund": "Effekt statt Ruhe"
  }
 ],
 "starter": "https://cecodesign.de/lab/fundus/starter/praxis-gesundheit-ruhig/index.html",
 "alle_muster": [
  {
   "id": "hovercard-interest-invoker",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/hovercard-interest-invoker/meta.json"
  },
  {
   "id": "foto-hero",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/meta.json",
   "variante": "split-randabfallend",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/demo?v=split-randabfallend"
  },
  {
   "id": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Behandlungen / Wobei wir helfen (je Behandlung eine Unterseite, Antwort zuerst; Fachbegriffe per Klick als details oder Popover erklärt, Hovercard nur als Verbesserung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Behandlungen / Wobei wir helfen (je Behandlung eine Unterseite, Antwort zuerst; Fachbegriffe per Klick als details oder Popover erklärt, Hovercard nur als Verbesserung)",
     "variante": "leistungen",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=leistungen"
    },
    {
     "rolle": "Sektion: Kosten, Kassen, Rezept – FAQ",
     "variante": "faq",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=faq"
    }
   ]
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Behandlungen / Wobei wir helfen (je Behandlung eine Unterseite, Antwort zuerst; Fachbegriffe per Klick als details oder Popover erklärt, Hovercard nur als Verbesserung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/leistungsseite-antwort-zuerst/meta.json",
   "variante": "praxis",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/leistungsseite-antwort-zuerst/demo?v=praxis"
  },
  {
   "id": "raster-zu-wischreihe",
   "rolle": "Sektion: Behandlungen / Wobei wir helfen (je Behandlung eine Unterseite, Antwort zuerst; Fachbegriffe per Klick als details oder Popover erklärt, Hovercard nur als Verbesserung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/raster-zu-wischreihe/meta.json",
   "variante": "einreihig",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/raster-zu-wischreihe/demo?v=einreihig"
  },
  {
   "id": "termin-buchung-zwei-klick",
   "rolle": "Sektion: Termin online (Buchungs-Widget erst nach Consent bzw. Klick, sonst Telefon)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/meta.json",
   "variante": "platzhalter",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/demo?v=platzhalter"
  },
  {
   "id": "prozess-timeline-wachsende-linie",
   "rolle": "Sektion: Ihr erster Termin – so läuft es ab",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prozess-timeline-wachsende-linie/meta.json"
  },
  {
   "id": "team-ueber-mich-layout",
   "rolle": "Sektion: Team / Therapeut:innen",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/meta.json",
   "variante": "raster",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/demo?v=raster"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Sektion: Praxisräume",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/meta.json",
   "variante": "buehne",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/demo?v=buehne"
  },
  {
   "id": "galerie-shared-element-vollbild",
   "rolle": "Sektion: Praxisräume",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/demo?v=basis"
  },
  {
   "id": "testimonials-neu-gedacht",
   "rolle": "Sektion: Patientenstimmen / Bewertungen (nur echt, sachlich, mit Einwilligung und vom Kunden freigegeben; HWG und Berufsrecht; Google-Bewertungen nur mit Echtheitshinweis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/meta.json",
   "variante": "stimmen-reihe",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/demo?v=stimmen-reihe"
  },
  {
   "id": "bewertungsprofil-mit-echtheitshinweis",
   "rolle": "Sektion: Patientenstimmen / Bewertungen (nur echt, sachlich, mit Einwilligung und vom Kunden freigegeben; HWG und Berufsrecht; Google-Bewertungen nur mit Echtheitshinweis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/meta.json",
   "variante": "pille",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/demo?v=pille"
  },
  {
   "id": "wochen-kursplan",
   "rolle": "Sektion: Kurse (Rückenschule, Prävention, Reha-Sport; nur bei regelmäßigen Kursen, sonst Liste)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/wochen-kursplan/meta.json",
   "variante": "studio",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/wochen-kursplan/demo?v=studio"
  },
  {
   "id": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt / Standorte (Liste nur ab zwei Praxen) / Anfahrt / Sprechzeiten (Rückruf oder Frage ohne Gesundheitsdaten als Pflichtfeld)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "standortfinder-liste",
   "rolle": "Sektion: Kontakt / Standorte (Liste nur ab zwei Praxen) / Anfahrt / Sprechzeiten (Rückruf oder Frage ohne Gesundheitsdaten als Pflichtfeld)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/standortfinder-liste/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/standortfinder-liste/demo?v=kompakt"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Kontakt / Standorte (Liste nur ab zwei Praxen) / Anfahrt / Sprechzeiten (Rückruf oder Frage ohne Gesundheitsdaten als Pflichtfeld)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "karte",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=karte"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Kontakt / Standorte (Liste nur ab zwei Praxen) / Anfahrt / Sprechzeiten (Rückruf oder Frage ohne Gesundheitsdaten als Pflichtfeld)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/karte-zwei-klick/meta.json",
   "variante": "bild",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/karte-zwei-klick/demo?v=bild"
  },
  {
   "id": "barrierefreiheit-seite",
   "rolle": "Sektion: Erklärung zur Barrierefreiheit (eigene Seite)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/meta.json",
   "variante": "erklaerung",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/demo?v=erklaerung"
  },
  {
   "id": "native-popover-dropdowns",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/native-popover-dropdowns/meta.json"
  },
  {
   "id": "mobile-bottom-navigation",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/meta.json",
   "variante": "kontakt",
   "demo_url": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/demo?v=kontakt"
  },
  {
   "id": "bild-zoom-in-maske",
   "rolle": "Hover",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/demo?v=basis"
  },
  {
   "id": "checkbox-radio-animiert",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/checkbox-radio-animiert/meta.json"
  },
  {
   "id": "fortschrittsring",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/fortschrittsring/meta.json"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json"
  },
  {
   "id": "studio-visitenkarte-footer",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/meta.json",
   "variante": "praxis",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/demo?v=praxis"
  },
  {
   "id": "button-zustaende",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/button-zustaende/meta.json"
  },
  {
   "id": "pfeil-icon-button",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/meta.json",
   "variante": "linie",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/demo?v=linie"
  },
  {
   "id": "token-tech-praezise",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-tech-praezise/meta.json"
  },
  {
   "id": "optische-groessen-opsz",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/optische-groessen-opsz/meta.json"
  },
  {
   "id": "lesesatz-text-wrap",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/lesesatz-text-wrap/meta.json"
  },
  {
   "id": "fluide-typo-clamp-cqi",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/fluide-typo-clamp-cqi/meta.json"
  }
 ]
}