{
 "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": "kurs-coaching-lernweg",
 "name": "Online-Kurs & Coaching: klarer Lernweg",
 "branche": "Online-Kurs / Coaching / Akademie / Weiterbildung / Bildungsangebot",
 "stimmung": [
  "klar",
  "ermutigend",
  "persönlich",
  "strukturiert"
 ],
 "kurz": "Die Seite verkauft ein Ergebnis und einen Weg dorthin: Für wen, was man danach kann, Module, wer unterrichtet, was es kostet. Freundliche, gut lesbare Typo, ein heller Grund, ein Markenton und eine Erfolgsfarbe für Fortschritt. Bewegung ist schnell und ermutigend – kleine Federn nur dort, wo etwas geschafft ist.",
 "referenzen": [
  {
   "seite": "Maven",
   "url": "https://maven.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): Next.js. @font-face 'fontGraphik' (7 Schnitte), 'fontBureauSans', 'fontBureauSerif', 'fontSentient', 'fontDomaine', 'fontTickerbit'. Kurven cubic-bezier(.32,.72,0,1) (4×, Drawer), Material (0,0,.2,1)/(.4,0,.2,1), Überschwinger (.68,-.55,.265,1.55) und (.04,.615,.26,1.19) je 2× als Akzent, (.165,.84,.44,1) easeOutQuart; Dauern 1s (12×), .5s, .2s, .1s. Grund #F4F6FA (46×), Tinte #080C28, bunte Kategorie-Akzente (#FF6255, #F8A740, #69C662, #EDA6FB). Startseite: 'Learn from the best in the industry', 'Browse Maven by category', danach Kurskarten mit konkreten Titeln ('AI Evals For Engineers & PMs', 'Advanced Product Taste').",
   "herkunft": "beobachtet",
   "quelle": "https://maven.com/_next/static/immutable/chunks/197evdsa0m1a9.css"
  },
  {
   "seite": "Brilliant",
   "url": "https://brilliant.org/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): Next.js (Panda CSS). @font-face 'CoFo Brilliant' (6), 'Soleil', 'CoFo Semi Mono', 'Source Code Pro', KaTeX für Formeln. Kurven cubic-bezier(.22,1,.36,1) easeOutQuint (9×), (.4,0,.2,1) (9×), (.16,1,.3,1) (8×), (0,0,.2,1) (7×); Dauern .15s (46×), .2s (45×), .1s (28×), .3s (26×). Farben Tinte #141414, Grau #F2F2F2 / warm #F5F3F1, Blau #7491FF, Gelb #F7C325, Pink #FF90E0. Sektionen: H1 'Your personal tutor for math and coding', 'Meet Koji', 'Start at the right level, with a plan that adapts', 'Track your progress and know what to practice next', 'From grade 5 to college and beyond' mit Themenlisten je Kurs ('Algebra: Covered topics').",
   "herkunft": "beobachtet",
   "quelle": "https://brilliant.org/_next/static/chunks/12ueqtafnc84e.css"
  },
  {
   "seite": "Ness Labs",
   "url": "https://nesslabs.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): WordPress; Schriften per Google Fonts: Lato (Text) + Lora (Serif). Übergänge 300ms (17×), .2s, .3s, .4s; eine Kurve cubic-bezier(.16,.68,.43,.99). Farben Weiß, Hellgrau #E3E3E3, Grün #10BF7A, Petrol #3A606E, Rosé-Fläche #FDE8E2, Text #4D4D4D. Aufbau eines Einzel-Coaching-/Lernangebots: H1 als Nutzenversprechen ('Want to achieve more without sacrificing your mental health? …'), 'Build a laboratory for your mind' mit vier Wegen (Educational Articles / Learning Community / Online Courses / Order the Book), Abschluss 'Don't work more. Work mindfully.' mit Newsletter.",
   "herkunft": "beobachtet",
   "quelle": "https://nesslabs.com/"
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "Keine Katalog-Paarung. Text onest statt atkinson-hyperlegible-next und Akzent shantell-sans statt dm-mono, damit sich kurs von fahrschule unterscheidet.",
  "headline": "bricolage-grotesque",
  "text": "onest",
  "akzent": "shantell-sans",
  "groessen": "h1 clamp(2.25rem, 1.4rem + 3.4vw, 4.25rem), Bricolage wght 700, opsz 72–96, Laufweite -0.02em, Zeilenhöhe 1.05; h2 clamp(1.75rem, 1.2rem + 2vw, 2.75rem), wght 650; Fließtext Onest 1.0625–1.125rem, wght 400, Zeilenhöhe 1.6, max. 65ch; Shantell Sans (INFM 30–60, BNCE 0) sparsam für Randnotizen und Modul-Labels („Modul 03 · 45 min“), 0.875–0.9375rem, nie für Fließtext, Buttons oder Preise. Für Kurse mit viel Lesetext reicht Bricolage im Text nicht – deshalb eine eigene Textschrift. Barrierearme Variante: Text atkinson-hyperlegible-next.",
  "techniken": [
   "optische-groessen-opsz",
   "fluide-typo-clamp-cqi",
   "lesesatz-text-wrap",
   "tabellenziffern"
  ],
  "alternative_eigenprojekt": "Für persönliches Coaching mit Buch-Anmutung Paarung warmer-text (young-serif + sentient, ITF) – nah an Maven (Sentient) und Ness Labs (Lora), aber nicht für Templates."
 },
 "farbe": {
  "prinzip": "Heller, leicht kühler oder warmer Grund, fast schwarze Tinte, ein Markenton für Aktionen und ein eigener Erfolgston für Fortschritt/Häkchen. Kategorie-Farben nur bei echten Kurskatalogen (Maven, Brilliant), sonst eine Akzentfarbe für Hervorhebungen.",
  "beispiel": [
   "#F4F6FA Grund (Maven)",
   "#FFFFFF Karten",
   "#141414 Text (Brilliant)",
   "#7491FF Markenton/Buttons (Brilliant; austauschbar)",
   "#10BF7A Erfolg/Fortschritt (Ness Labs)",
   "#F7C325 Hervorhebung/Badge 'Nächster Start' (Brilliant)"
  ]
 },
 "animationsstil": "token-federnd-verspielt",
 "animationsstil_ui": "token-toggle-asymmetrisch",
 "bewegung": {
  "easing": "cubic-bezier(0.34, 1.56, 0.64, 1) (token-federnd-verspielt, nur Transform kleiner Elemente) – nur Erfolgsmomente; alles andere über animationsstil_ui",
  "beobachtet": "easeOutQuint cubic-bezier(0.22, 1, 0.36, 1) 9× mit .15s/.2s je 45× (Brilliant); Überschwinger nur je 2× als Akzent (Maven); 300 ms (Ness Labs)",
  "dauer_ms": "100–200 (Buttons, Tabs, Antworten), 300 (Akkordeon, Karten), 500–600 (Einblendungen); Federn 400–600 nur für Erfolgsmomente",
  "regel": "Basis für Navigation, Formulare, Akkordeon und Einblendungen ist animationsstil_ui token-toggle-asymmetrisch (steile Expo-Ausklang-Kurve) mit kurzen Dauern. Federnd (Kurve des Stils) nur, wenn etwas geschafft ist: Modul abgehakt, Quiz richtig, Kurs gebucht. Nie an Navigation oder Fließtext.",
  "herkunft": "beobachtet (Brilliant easeOutQuint 9× + .15s/.2s je 45×; Maven Überschwinger nur je 2× als Akzent; Ness Labs 300ms)"
 },
 "hero_beschreibung": "Standard (Einzelkurs): Ergebnis-Satz + Zielgruppe + Startdatum/Format + Preis bzw. ab-Preis + ein CTA, ohne Muster oder als split-screen-sticky-seiten mit Foto der Trainerin. prompt-hero-eingabefeld nur bei einem Kurskatalog mit funktionierender Suche (sonst laut Katalog „Fake-Input“).",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "sticky-shrink-header",
   "native-popover-dropdowns"
  ],
  "hero": [],
  "hero_variante": [
   "prompt-hero-eingabefeld",
   "split-screen-sticky-seiten"
  ],
  "sektionen": [
   {
    "zweck": "Für wen / Was du danach kannst (Bento nur mit echten, ungleichen Inhalten wie Ergebnis-Beispielen; sonst eine ruhige Liste)",
    "muster": [
     "bento-grid-interaktiv"
    ]
   },
   {
    "zweck": "Lernweg / Module / Kurswochen",
    "muster": [
     "prozess-timeline-wachsende-linie",
     "akkordeon-hoehe-auto"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "leistungen"
    }
   },
   {
    "zweck": "Über die Trainerin / den Coach",
    "muster": [
     "team-ueber-mich-layout",
     "eigener-videoplayer"
    ],
    "varianten": {
     "team-ueber-mich-layout": "statement",
     "eigener-videoplayer": "kapitel"
    }
   },
   {
    "zweck": "Ergebnisse / Teilnehmerstimmen",
    "muster": [
     "testimonials-neu-gedacht"
    ],
    "varianten": {
     "testimonials-neu-gedacht": "wand"
    }
   },
   {
    "zweck": "Kurskatalog (bei mehreren Kursen)",
    "muster": [
     "facettenfilter-ergebnisliste",
     "produktfinder-quiz"
    ],
    "varianten": {
     "produktfinder-quiz": "schritte",
     "facettenfilter-ergebnisliste": "leiste"
    }
   },
   {
    "zweck": "Live-Termine (Wochenplan nur bei wiederkehrenden Live-Terminen)",
    "muster": [
     "wochen-kursplan"
    ],
    "varianten": {
     "wochen-kursplan": "studio"
    }
   },
   {
    "zweck": "Preise / Pakete / Ratenzahlung",
    "muster": [
     "vergleichstabelle-sticky",
     "kostenrechner-konfigurator"
    ],
    "varianten": {
     "vergleichstabelle-sticky": "pakete",
     "kostenrechner-konfigurator": "bad"
    }
   },
   {
    "zweck": "Anmeldung (mehrere Schritte, Fehlerliste)",
    "muster": [
     "mehrschritt-anfrage",
     "formular-fehlerzusammenfassung"
    ],
    "varianten": {
     "mehrschritt-anfrage": "leiste",
     "formular-fehlerzusammenfassung": "liste"
    }
   },
   {
    "zweck": "FAQ (Zeitaufwand, Zertifikat, Rückgabe, Förderung)",
    "muster": [
     "akkordeon-hoehe-auto"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "faq"
    }
   },
   {
    "zweck": "Kontakt / Erstgespräch (kurze Frage oder Termin per 2-Klick; Ort mit Karte per 2-Klick nur bei Präsenzkursen)",
    "muster": [
     "kontakt-anfrage-formular",
     "termin-buchung-zwei-klick",
     "karte-zwei-klick"
    ],
    "varianten": {
     "termin-buchung-zwei-klick": "platzhalter",
     "karte-zwei-klick": "bild"
    }
   },
   {
    "zweck": "Vertrag widerrufen / kündigen & Erklärung zur Barrierefreiheit (Footer, ohne Login; bei Online-Verträgen mit Verbrauchern)",
    "muster": [
     "widerruf-und-kuendigung-schaltflaeche",
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "barrierefreiheit-seite": "bfsg",
     "widerruf-und-kuendigung-schaltflaeche": "richtig"
    }
   }
  ],
  "scroll": [
   "scroll-fortschritt"
  ],
  "schrift_animation": [
   "highlight-marker-underline"
  ],
  "hover": [
   "bild-zoom-in-maske"
  ],
  "cursor": [],
  "mikro": [
   "fortschrittsring",
   "checkbox-radio-animiert",
   "druck-feedback",
   "konfetti-erfolg"
  ],
  "material": [],
  "galerie": [
   "css-native-karussell"
  ],
  "footer": [
   "footer-newsletter-mit-persoenlichkeit"
  ],
  "button": [
   "tiefen-taste-3d",
   "verlaufs-rahmen"
  ],
  "hero_varianten": {
   "split-screen-sticky-seiten": "bild"
  }
 },
 "signatur": [
  "scroll-fortschritt"
 ],
 "varianten_demo": {
  "css-native-karussell": "peek",
  "verlaufs-rahmen": "button",
  "tiefen-taste-3d": "stapel",
  "bild-zoom-in-maske": "richtung",
  "footer-newsletter-mit-persoenlichkeit": "basis"
 },
 "nicht_verwenden": [
  "zahlen-odometer als Countdown – künstliche Verknappung ('Nur noch 02:59:13') zerstört Vertrauen",
  "marquee-laufband mit 'Bekannt aus'-Logos – nur echte Erwähnungen, dann als ruhige logo-wand-social-proof",
  "typewriter-natural / ki-streaming-text-denkindikator – wirkt nach generiertem Inhalt, solange kein echter KI-Tutor existiert",
  "smooth-scroll-lenis / Custom-Cursor – stört auf langen Verkaufsseiten das Lesen",
  "interaktives-3d-hero / mesh-gradient-shader – Effekt statt Lernversprechen",
  "einmal-intro-session / Preloader aller Art – Interessenten wollen sofort Titel, Termin, Preis sehen"
 ],
 "regeln": [
  "Hero = Ergebnis in einem Satz ('In 6 Wochen zur eigenen Website'), Zielgruppe, Startdatum/Format, Preis oder 'ab'-Preis, ein Haupt-CTA; Prompt-/Suchfeld nur bei echtem Kurskatalog mit funktionierender Suche.",
  "Lernweg sichtbar machen: Module nummeriert (Modul-Label in Shantell Sans, sparsam), mit Dauer und konkretem Ergebnis je Modul; aufklappbar für Details.",
  "Die Person hinter dem Kurs zeigen: Foto, warum sie das kann, echte Zahlen (Teilnehmende, Jahre) ohne Hochzählen.",
  "Stimmen mit Name, Kontext und Ergebnis ('Hat danach … erreicht'), keine anonymen Fünf-Sterne-Sätze.",
  "Preis offen mit Paketvergleich (max. 3), Ratenzahlung per Umschalter; Widerrufsrecht und Förderfähigkeit (z. B. Bildungsgutschein, nur mit Zulassung) nennen.",
  "Erfolgsfarbe nur für Fortschritt und Häkchen; Konfetti genau einmal: nach Buchung oder Kursabschluss.",
  "Markierung (highlight-marker-underline) höchstens ein Kernbegriff pro Abschnitt.",
  "Freebie/Newsletter am Ende mit persönlicher Ansprache statt Pop-up beim Seitenaufruf.",
  "Pflichtangaben und Recht (Leitfaden 8a): Online-Kurse mit Lernerfolgskontrolle können nach dem Fernunterrichtsschutzgesetz zulassungspflichtig sein (ZFU); Widerrufs-Button (§ 356a BGB, seit 19.06.2026) und bei Abos oder Mitgliedschaften Kündigungs-Button (§ 312k BGB); Preise inkl. MwSt.; Teilnehmerstimmen echt und mit Einwilligung; Erklärung zur Barrierefreiheit (bfsg) – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "mittel",
 "leistung": "Lange Verkaufsseiten: Videos (Kurs-Trailer) als Klick-to-Play mit Poster laden, nicht im Hero autoplayen. Fonts als Variable WOFF2 mit Subset Latin. Konfetti-Script erst beim Ereignis nachladen. Akkordeons nativ (details/summary + interpolate-size) für schnelle Mobilseiten.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "varianten": [
  {
   "name": "Musikschule / Nachhilfe",
   "hinweis": "Abgrenzung: fahrschule-freundlich-buchbar nennt Nachhilfe ebenfalls. Wer vor allem feste Termine online buchen lässt und wenig erklären muss, nimmt fahrschule; diese Variante passt, wenn Lehrkräfte, Probestunde und laufende Monatsverträge im Mittelpunkt stehen. Schrift, Farbe, Stil und Signatur bleiben (scroll-fortschritt auf langen Fächer- und Vertragsseiten). Lehrkräfte mit team-ueber-mich-layout: ab etwa sechs Personen Variante raster mit Filter nach Fach, darunter statement. Unterrichtszeiten als wochen-kursplan (Variante studio) nur für feste Gruppenkurse wie Früherziehung, Ensembles oder Lerngruppen; bei weniger als etwa acht Wochenterminen eine Tabelle, Einzelunterricht „nach Vereinbarung“. Probestunde als mehrschritt-anfrage (Variante leiste: Fach und Alter → Wunschzeit → Kontakt der Erziehungsberechtigten). Preise als vergleichstabelle-sticky (Variante pakete: 30, 45, 60 Minuten) mit Anmeldegebühr, Laufzeit, Kündigungsfrist und Ferienregel in derselben Tabelle. Vorspiele und Konzerte als programm-kalender nur ab etwa acht Terminen im Monat, sonst Liste. Recht: Monats- bzw. Dauerverträge, die online geschlossen werden, brauchen Kündigungs-Button (§ 312k BGB) und Widerrufs-Button (§ 356a BGB); Verträge für Minderjährige schließen die Erziehungsberechtigten; Fotos und Videos von Kindern (Vorspiele) nur mit Einwilligung der Eltern; Förderungen wie Bildung und Teilhabe oder Zertifikate nur, wenn wirklich vorhanden; Preise inkl. MwSt. oder Hinweis auf eine Umsatzsteuerbefreiung nur nach Prüfung – vom Kunden prüfen lassen.",
   "sektionen": [
    "Fächer und Angebote (Instrumente und Gesang bzw. Fächer und Klassenstufen; Alter, Einzel oder Gruppe, Dauer)",
    "Probestunde (Ablauf, was mitbringen, kostenlos oder Preis; Anfrage in wenigen Schritten)",
    "Lehrkräfte (Foto, Fächer, Ausbildung, Sprachen, freie Plätze)",
    "Unterrichtszeiten und Kursplan (Wochenplan nur bei festen Gruppenkursen)",
    "Preise und Vertrag (Monatsbeitrag je Dauer, Anmeldegebühr, Laufzeit, Kündigungsfrist, Ferien, Geschwisterrabatt)",
    "Anmeldung (Schüler:in, Erziehungsberechtigte, Fach, Wunschzeit; Fehlerliste)",
    "Vorspiele und Konzerte bzw. Prüfungsvorbereitung (Einzeltermine)",
    "FAQ (Instrument mieten, Fehlstunden, Ferien, Online-Unterricht, Bildung und Teilhabe)",
    "Kontakt und Unterrichtsorte (Karte per 2-Klick)",
    "Verträge kündigen und widerrufen (Footer, ohne Login, bei Online-Anmeldung)"
   ],
   "weglassen": [
    "Lernweg in Modulen (höchstens bei Kursreihen)",
    "Ratenzahlung und Paketvergleich im Coaching-Stil",
    "Kurskatalog mit Produktfinder"
   ],
   "muster_zusatz": [
    "programm-kalender"
   ]
  }
 ],
 "stimmung_tags": [
  "warm",
  "verspielt",
  "präzise"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   40,
   56,
   80,
   120
  ],
  "sektion": "clamp(64px, 8vw, 112px)",
  "dichte": "mittel",
  "hinweis": "Strukturiert: Module mit 16 px zwischen Label, Titel und Ergebnis, 24 px zwischen Modulen. Preisvergleich mit gleich hohen Karten."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 4vw, 48px)",
  "spalt": "clamp(16px, 2vw, 28px)",
  "max_breite": "1200px",
  "hinweis": "Hero 7/5 (Text/Foto) oder split-screen-sticky-seiten. Module in einer Spalte, Pakete als 3er-Raster."
 },
 "form": {
  "radius_klein": "10px",
  "radius_gross": "20px",
  "pille": true,
  "linie": "1px #141414 mit 12 % Deckkraft",
  "schatten": "nur die Unterkante der Tiefen-Taste (tiefen-taste-3d, Variante stapel); Karten flach in #FFFFFF auf #F4F6FA",
  "hinweis": "Freundlich rund: Pillen für Knöpfe und Badges, 20 px für Karten. verlaufs-rahmen nur am Button (Variante button)."
 },
 "bildsprache": {
  "licht": "Helles, offenes Tageslicht.",
  "ausschnitt": "Trainer:in im Gespräch oder beim Erklären, Bildschirm mit echtem Kursinhalt, Notizen.",
  "personen": "Ja: die Person hinter dem Kurs; Teilnehmende nur mit Einwilligung.",
  "formate": [
   "4:5",
   "16:9",
   "1:1"
  ],
  "nicht": "Keine Stock-Laptops mit Kaffee, keine Erfolgsbilder mit Sportwagen, keine Diplomhut-Icons."
 },
 "ton": {
  "anrede": "du",
  "saetze": "Kurz, das Ergebnis vorn, konkrete Zeitangaben (Wochen, Minuten).",
  "haltung": "Ermutigend und ehrlich zum Aufwand.",
  "beispiele": [
   "In acht Wochen sicher präsentieren.",
   "Modul 02 · 40 min: Du baust deine erste Folie."
  ],
  "nicht": "„Dein Weg zur finanziellen Freiheit“, Countdown-Druck, „Nur heute!“, anonyme Fünf-Sterne-Sätze."
 },
 "hero_aufbau": {
  "raster": "12 Spalten: Text über Spalte 1 bis 7, Foto der Trainerin über 8 bis 12; alternativ split-screen-sticky-seiten.",
  "bild": "Porträt 4:5. Prompt-Feld nur bei einem Kurskatalog mit funktionierender Suche.",
  "h1": "clamp(2.25rem, 1.4rem + 3.4vw, 4.25rem), Bricolage 700, links.",
  "handlung": "Ein Haupt-CTA „Platz sichern“ als Tiefen-Taste, dazu der Textlink „Module ansehen“.",
  "zusatz": "Zeile mit Zielgruppe, Startdatum, Format und ab-Preis; Badge „Nächster Start“ in #F7C325."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/kurs-coaching-lernweg/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/kurs-coaching-lernweg/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/kurs-coaching-lernweg/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/kurs-coaching-lernweg/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "zahlen-odometer"
   ],
   "grund": "als Countdown – künstliche Verknappung ('Nur noch 02:59:13') zerstört Vertrauen"
  },
  {
   "ids": [
    "marquee-laufband"
   ],
   "grund": "mit 'Bekannt aus'-Logos – nur echte Erwähnungen, dann als ruhige logo-wand-social-proof"
  },
  {
   "ids": [
    "typewriter-natural",
    "ki-streaming-text-denkindikator"
   ],
   "grund": "wirkt nach generiertem Inhalt, solange kein echter KI-Tutor existiert"
  },
  {
   "ids": [
    "smooth-scroll-lenis"
   ],
   "grund": "/ Custom-Cursor – stört auf langen Verkaufsseiten das Lesen"
  },
  {
   "ids": [
    "interaktives-3d-hero",
    "mesh-gradient-shader"
   ],
   "grund": "Effekt statt Lernversprechen"
  },
  {
   "ids": [
    "einmal-intro-session"
   ],
   "grund": "/ Preloader aller Art – Interessenten wollen sofort Titel, Termin, Preis sehen"
  }
 ],
 "alle_muster": [
  {
   "id": "scroll-fortschritt",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/scroll-fortschritt/meta.json"
  },
  {
   "id": "prompt-hero-eingabefeld",
   "rolle": "Hero-Variante",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prompt-hero-eingabefeld/meta.json"
  },
  {
   "id": "split-screen-sticky-seiten",
   "rolle": "Hero-Variante",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/split-screen-sticky-seiten/meta.json",
   "variante": "bild",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/split-screen-sticky-seiten/demo?v=bild"
  },
  {
   "id": "bento-grid-interaktiv",
   "rolle": "Sektion: Für wen / Was du danach kannst (Bento nur mit echten, ungleichen Inhalten wie Ergebnis-Beispielen; sonst eine ruhige Liste)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/bento-grid-interaktiv/meta.json"
  },
  {
   "id": "prozess-timeline-wachsende-linie",
   "rolle": "Sektion: Lernweg / Module / Kurswochen",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prozess-timeline-wachsende-linie/meta.json"
  },
  {
   "id": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Lernweg / Module / Kurswochen",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Lernweg / Module / Kurswochen",
     "variante": "leistungen",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=leistungen"
    },
    {
     "rolle": "Sektion: FAQ (Zeitaufwand, Zertifikat, Rückgabe, Förderung)",
     "variante": "faq",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=faq"
    }
   ]
  },
  {
   "id": "team-ueber-mich-layout",
   "rolle": "Sektion: Über die Trainerin / den Coach",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/meta.json",
   "variante": "statement",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/demo?v=statement"
  },
  {
   "id": "eigener-videoplayer",
   "rolle": "Sektion: Über die Trainerin / den Coach",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/eigener-videoplayer/meta.json",
   "variante": "kapitel",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/eigener-videoplayer/demo?v=kapitel"
  },
  {
   "id": "testimonials-neu-gedacht",
   "rolle": "Sektion: Ergebnisse / Teilnehmerstimmen",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/meta.json",
   "variante": "wand",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/demo?v=wand"
  },
  {
   "id": "facettenfilter-ergebnisliste",
   "rolle": "Sektion: Kurskatalog (bei mehreren Kursen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/facettenfilter-ergebnisliste/meta.json",
   "variante": "leiste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/facettenfilter-ergebnisliste/demo?v=leiste"
  },
  {
   "id": "produktfinder-quiz",
   "rolle": "Sektion: Kurskatalog (bei mehreren Kursen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/produktfinder-quiz/meta.json",
   "variante": "schritte",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/produktfinder-quiz/demo?v=schritte"
  },
  {
   "id": "wochen-kursplan",
   "rolle": "Sektion: Live-Termine (Wochenplan nur bei wiederkehrenden Live-Terminen)",
   "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": "vergleichstabelle-sticky",
   "rolle": "Sektion: Preise / Pakete / Ratenzahlung",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/vergleichstabelle-sticky/meta.json",
   "variante": "pakete",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/vergleichstabelle-sticky/demo?v=pakete"
  },
  {
   "id": "kostenrechner-konfigurator",
   "rolle": "Sektion: Preise / Pakete / Ratenzahlung",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/kostenrechner-konfigurator/meta.json",
   "variante": "bad",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/kostenrechner-konfigurator/demo?v=bad"
  },
  {
   "id": "mehrschritt-anfrage",
   "rolle": "Sektion: Anmeldung (mehrere Schritte, Fehlerliste)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/meta.json",
   "variante": "leiste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/demo?v=leiste"
  },
  {
   "id": "formular-fehlerzusammenfassung",
   "rolle": "Sektion: Anmeldung (mehrere Schritte, Fehlerliste)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/formular-fehlerzusammenfassung/meta.json",
   "variante": "liste",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/formular-fehlerzusammenfassung/demo?v=liste"
  },
  {
   "id": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt / Erstgespräch (kurze Frage oder Termin per 2-Klick; Ort mit Karte per 2-Klick nur bei Präsenzkursen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "termin-buchung-zwei-klick",
   "rolle": "Sektion: Kontakt / Erstgespräch (kurze Frage oder Termin per 2-Klick; Ort mit Karte per 2-Klick nur bei Präsenzkursen)",
   "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": "karte-zwei-klick",
   "rolle": "Sektion: Kontakt / Erstgespräch (kurze Frage oder Termin per 2-Klick; Ort mit Karte per 2-Klick nur bei Präsenzkursen)",
   "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": "widerruf-und-kuendigung-schaltflaeche",
   "rolle": "Sektion: Vertrag widerrufen / kündigen & Erklärung zur Barrierefreiheit (Footer, ohne Login; bei Online-Verträgen mit Verbrauchern)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/widerruf-und-kuendigung-schaltflaeche/meta.json",
   "variante": "richtig",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/widerruf-und-kuendigung-schaltflaeche/demo?v=richtig"
  },
  {
   "id": "barrierefreiheit-seite",
   "rolle": "Sektion: Vertrag widerrufen / kündigen & Erklärung zur Barrierefreiheit (Footer, ohne Login; bei Online-Verträgen mit Verbrauchern)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/meta.json",
   "variante": "bfsg",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/demo?v=bfsg"
  },
  {
   "id": "sticky-shrink-header",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/sticky-shrink-header/meta.json"
  },
  {
   "id": "native-popover-dropdowns",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/native-popover-dropdowns/meta.json"
  },
  {
   "id": "highlight-marker-underline",
   "rolle": "Schrift",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/schrift-animationen/highlight-marker-underline/meta.json"
  },
  {
   "id": "bild-zoom-in-maske",
   "rolle": "Hover",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/meta.json",
   "variante": "richtung",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/demo?v=richtung"
  },
  {
   "id": "fortschrittsring",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/fortschrittsring/meta.json"
  },
  {
   "id": "checkbox-radio-animiert",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/checkbox-radio-animiert/meta.json"
  },
  {
   "id": "druck-feedback",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/druck-feedback/meta.json"
  },
  {
   "id": "konfetti-erfolg",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/konfetti-erfolg/meta.json"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Galerie",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/meta.json",
   "variante": "peek",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/demo?v=peek"
  },
  {
   "id": "footer-newsletter-mit-persoenlichkeit",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/demo?v=basis"
  },
  {
   "id": "tiefen-taste-3d",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/tiefen-taste-3d/meta.json",
   "variante": "stapel",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/tiefen-taste-3d/demo?v=stapel"
  },
  {
   "id": "verlaufs-rahmen",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/glas-material/verlaufs-rahmen/meta.json",
   "variante": "button",
   "demo_url": "https://cecodesign.de/lab/fundus/glas-material/verlaufs-rahmen/demo?v=button"
  },
  {
   "id": "token-federnd-verspielt",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-federnd-verspielt/meta.json"
  },
  {
   "id": "token-toggle-asymmetrisch",
   "rolle": "Animationsstil für UI",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-toggle-asymmetrisch/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": "fluide-typo-clamp-cqi",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/fluide-typo-clamp-cqi/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": "tabellenziffern",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/tabellenziffern/meta.json"
  }
 ]
}