{
 "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": "fahrschule-freundlich-buchbar",
 "name": "Fahrschule: freundlich und buchbar",
 "branche": "Fahrschule / lokaler Dienstleister mit Online-Buchung (auch Nachhilfe, Kurse)",
 "stimmung": [
  "freundlich",
  "ermutigend",
  "klar",
  "lokal"
 ],
 "kurz": "Nimmt die Angst und führt direkt zur Anmeldung: große, freundliche Headline, eine Klassen- oder Kurswahl als Einstieg, transparente Preise und ein klarer Ablauf in Schritten. Etwas Federung bei Buttons und eine gezeichnete Straße bringen Leben rein, Formulare bleiben aber nüchtern und zugänglich.",
 "referenzen": [
  {
   "seite": "TOFU Driving (London)",
   "url": "https://www.tofudriving.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Astro 7.0.6, CSS inline. @font-face 'Fraunces Variable' und 'Hanken Grotesk Variable' (beide 100–900). h1 clamp(3.1rem,9vw,8.5rem), h2 clamp(2.5rem,6.5vw,6rem). Buttons: transform .35s cubic-bezier(.34,1.56,.64,1) (Überschwinger) plus box-shadow, Karten .45s mit derselben Kurve; Einblendungen opacity/transform .8s cubic-bezier(.16,1,.3,1). @keyframes marquee, float, twinkle, road-draw, road-fade (gezeichnete Straße); ein schräges Band (-rotate-2, scale 1.02). Farb-Tokens cream #f8f8ec, cream-deep #eef0d8, navy #142b50, night #0e1d38, sky #3fbadf, plate #ffd60a (Kennzeichen-Gelb), ink #17243c, muted #566175. Navigation Lessons (Automatik, Schaltung, Intensiv, Auffrischung, Theorie) / Learn / Become an Instructor; alle CTAs auf /contact#book. Sektionen 'They did it. You're next.' und 'Start with a first lesson.'; prefers-reduced-motion 8× berücksichtigt.",
   "herkunft": "beobachtet",
   "quelle": "https://www.tofudriving.com/ (Inline-CSS)"
  },
  {
   "seite": "Coastline Academy (USA)",
   "url": "https://www.coastlineacademy.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Next.js + MUI. @font-face 'Poppins' 300/400/600/700. MUI-Kurve cubic-bezier(0.4,0,0.2,1) 225×, Dauern 150–300 ms. Farb-Tokens primary #1e2631, secondary #0bd1c2, highlight #9ef62e / #ff70a6. Sektionenfolge: 'Find a Coastline Location Near You' (Standortsuche), 'What our customers say', 'Steps to Getting Your License', '250,000 Students', Sicherheit ('Marked cars with a second brake', 'Dashcam in every car').",
   "herkunft": "beobachtet",
   "quelle": "https://www.coastlineacademy.com/_next/static/immutable/chunks/0eh7irq0aq217.css"
  },
  {
   "seite": "Kruzee (Kanada/USA)",
   "url": "https://www.kruzee.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): WordPress/Elementor 4.2.4. Google Fonts 'Bricolage Grotesque' (opsz 12–96, wght 200–800) und 'Inter'. Gelb #ffce31 (80×) als Hauptakzent, Lottie im Einsatz. Einstieg über einen Dialog 'Welcome to Kruzee! Where are you visiting us from?' (Standortwahl) und danach 'What would you like to do?'. Navigation Services (10 Hour Package, Driving Lessons, Online-Kurs) / Cities / For Parents / About / Contact.",
   "herkunft": "beobachtet",
   "quelle": "https://www.kruzee.com/ (HTML-Kopf, Google-Fonts-Link)"
  }
 ],
 "schrift": {
  "paarung_basis": "grundschrift-familie",
  "abweichung": "Gegenüber der Paarung: ohne Akzent playwrite-de-grund.",
  "headline": "bricolage-grotesque",
  "text": "atkinson-hyperlegible-next",
  "akzent": "",
  "groessen": "h1 clamp(2.5rem, 1rem + 6.5vw, 6rem), wght 700, opsz 96, Laufweite -0.02em, Zeilenhöhe 0.98, hyphens:auto (deutsche Komposita wie 'Führerscheinausbildung' sind länger als TOFUs englische Zeilen, deshalb Obergrenze 6rem statt 8.5rem); h2 clamp(2rem, 1rem + 4vw, 4rem); Fließtext 1.125rem, Zeilenhöhe 1.6; Preise mit tabellarischen Ziffern.",
  "techniken": [
   "fluide-typo-clamp-cqi",
   "tabellenziffern",
   "headline-laufweite-zeilenabstand"
  ],
  "alternative_eigenprojekt": "Nicht nötig – alles frei. Variante näher an TOFU: Paarung soft-serif-warm (fraunces + hanken-grotesk), ebenfalls template-tauglich."
 },
 "farbe": {
  "prinzip": "Helle, warme Grundfläche, dunkles Navy für Vertrauen und Text, ein Himmelblau als Sekundärton und Kennzeichen-Gelb als Fläche für Hervorhebungen (nie Gelb als Textfarbe auf Hell).",
  "beispiel": [
   "#F8F8EC Grund (TOFU cream)",
   "#EEF0D8 Sektionswechsel",
   "#142B50 Text/Navy, Footer",
   "#3FBADF Sekundär, Links auf Dunkel",
   "#FFD60A Hervorhebung als Fläche (Kennzeichen-Gelb)",
   "#566175 gedämpfter Text"
  ]
 },
 "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)",
  "beobachtet": "cubic-bezier(0.34, 1.56, 0.64, 1) für Buttons und Karten, Einblendungen cubic-bezier(0.16, 1, 0.3, 1), Formulare cubic-bezier(0.4, 0, 0.2, 1) 150–200 ms (tofudriving Inline-CSS, MUI-Standard bei Coastline)",
  "dauer_ms": "350–450 (Buttons, Karten-Hover), 800 (Einblendungen mit cubic-bezier(0.16, 1, 0.3, 1))",
  "regel": "Federung nur für Transform kleiner Elemente (Buttons, Karten, Badges), nie auf Deckkraft oder großen Flächen. Einblendungen mit der Expo-Out-Kurve des UI-Stils ohne Überschwingen. Formulare und Buchungsschritte ohne Federung (150–200 ms, animationsstil_ui token-toggle-asymmetrisch).",
  "herkunft": "beobachtet (tofudriving.com Inline-CSS; MUI-Standard bei Coastline)"
 },
 "hero_beschreibung": "Klassenwahl statt Prompt: ein Satz Ort + Angebot + nächster Schritt, darunter eine echte Auswahl (Klasse B/B197/A/BE + Standort, animiertes-select), die zu Preis und freien Terminen führt. Kein Fake-Eingabefeld.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "native-popover-dropdowns",
   "mobile-bottom-navigation"
  ],
  "hero": [
   "animiertes-select"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Führerscheinklassen & Preise (je Klasse eine Unterseite, Antwort zuerst)",
    "muster": [
     "vergleichstabelle-sticky",
     "preis-section-editorial",
     "leistungsseite-antwort-zuerst"
    ],
    "varianten": {
     "vergleichstabelle-sticky": "pakete",
     "leistungsseite-antwort-zuerst": "praxis"
    }
   },
   {
    "zweck": "Anmeldung in 3 Schritten (Klasse & Standort → Daten → Bestätigung)",
    "muster": [
     "mehrschritt-anfrage",
     "formular-fehlerzusammenfassung",
     "validierung-nach-interaktion"
    ],
    "varianten": {
     "mehrschritt-anfrage": "leiste",
     "formular-fehlerzusammenfassung": "liste"
    }
   },
   {
    "zweck": "In 5 Schritten zum Führerschein (die Straße zeichnet sich als einzige Linie; prozess-timeline-wachsende-linie liefert nur das Raster, ohne eigene Linie)",
    "muster": [
     "prozess-timeline-wachsende-linie",
     "svg-pfad-zeichnen-scroll"
    ],
    "varianten": {
     "svg-pfad-zeichnen-scroll": "strasse"
    }
   },
   {
    "zweck": "Bestanden! / Stimmen (statische Karten mit Vorname, Klasse, Monat; Google-Bewertungen nur mit Echtheitshinweis)",
    "muster": [
     "testimonials-neu-gedacht",
     "bewertungsprofil-mit-echtheitshinweis"
    ],
    "varianten": {
     "testimonials-neu-gedacht": "wand",
     "bewertungsprofil-mit-echtheitshinweis": "pille"
    }
   },
   {
    "zweck": "Fahrlehrer:innen & Fahrzeuge",
    "muster": [
     "team-ueber-mich-layout",
     "css-native-karussell"
    ],
    "varianten": {
     "team-ueber-mich-layout": "statement",
     "css-native-karussell": "peek"
    }
   },
   {
    "zweck": "Theorie-Termine (Wochenplan; bei weniger als etwa acht Terminen pro Woche eine Tabelle) & Sonderkurse (Erste Hilfe, Intensivkurs als Einzeltermine)",
    "muster": [
     "wochen-kursplan",
     "programm-kalender",
     "akkordeon-hoehe-auto"
    ],
    "varianten": {
     "wochen-kursplan": "studio",
     "programm-kalender": "programm",
     "akkordeon-hoehe-auto": "basis"
    }
   },
   {
    "zweck": "FAQ (Kosten, Dauer, Sprachen, Intensivkurs)",
    "muster": [
     "akkordeon-hoehe-auto"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "faq"
    }
   },
   {
    "zweck": "Kontakt & Anfahrt (Bürozeiten, Adresse als Text, Karte per 2-Klick, kurze Frage; Standortliste nur ab zwei Filialen)",
    "muster": [
     "kontakt-anfrage-formular",
     "oeffnungszeiten-status",
     "karte-zwei-klick"
    ],
    "varianten": {
     "oeffnungszeiten-status": "kompakt",
     "karte-zwei-klick": "bild"
    }
   },
   {
    "zweck": "Vertrag widerrufen & Erklärung zur Barrierefreiheit (Footer, ohne Login; bei Online-Anmeldung mit Vertragsschluss)",
    "muster": [
     "widerruf-und-kuendigung-schaltflaeche",
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "barrierefreiheit-seite": "bfsg",
     "widerruf-und-kuendigung-schaltflaeche": "richtig"
    }
   }
  ],
  "scroll": [
   "svg-pfad-zeichnen-scroll"
  ],
  "schrift_animation": [
   "highlight-marker-underline",
   "marquee-laufband"
  ],
  "hover": [],
  "cursor": [],
  "mikro": [
   "fortschrittsring",
   "animiertes-select"
  ],
  "material": [],
  "galerie": [
   "css-native-karussell"
  ],
  "footer": [
   "studio-visitenkarte-footer"
  ],
  "button": [
   "tiefen-taste-3d",
   "button-zustaende"
  ]
 },
 "signatur": [
  "svg-pfad-zeichnen-scroll"
 ],
 "nicht_verwenden": [
  "interaktives-3d-hero – ein 3D-Auto ist Deko ohne Nutzen und teuer auf Handys der Zielgruppe",
  "smooth-scroll-lenis / fullpage-snap-slides – Jugendliche und Eltern scannen Preise, Scroll-Kapern nervt",
  "kinetische-typo-intro / logo-aufbau-intro – Anmeldung geht vor",
  "hold-to-confirm – Hürde bei der Anmeldung",
  "konfetti-erfolg – nach der Anmeldung reicht eine klare Bestätigung mit nächsten Schritten",
  "Federkurven auf Formularfeldern oder Deckkraft – flackert"
 ],
 "regeln": [
  "Hero beantwortet in einem Satz Ort + Angebot + nächsten Schritt; Einstieg ist eine echte Auswahl (Klasse B/B197/A/BE + Standort), die zu Preis und freien Terminen führt – kein Fake-Eingabefeld.",
  "Preise transparent je Klasse (Grundbetrag, Fahrstunde, Sonderfahrten, Prüfungsgebühren) mit Tabs; tabellarische Ziffern.",
  "Ablauf als nummerierte Schritte (Anmeldung, Sehtest/Erste Hilfe, Theorie, Praxis, Prüfung); nur eine wachsende Linie: die Straße (svg-pfad-zeichnen-scroll) zeichnet sich, prozess-timeline-wachsende-linie bleibt ohne eigene Linie. Der Text muss ohne Animation verständlich sein.",
  "Anmeldung als eigene Sektion in höchstens 3 Schritten mit Fortschrittsring; Pflichtfelder minimal, Validierung erst nach Interaktion, Bestätigungsseite mit nächsten Schritten plus E-Mail.",
  "Zugänglich: Kontrast mind. 4.5:1, Gelb nur als Fläche hinter dunklem Text, Sprachen der Fahrlehrer:innen sichtbar (TOFU: 'In your language').",
  "Mobil unten feste Leiste 'Anmelden' / 'Anrufen' / 'WhatsApp'.",
  "Bestanden-Stimmen als statische Karten mit Vorname, Klasse und Monat – echt oder gar nicht. Ein Laufband (marquee-laufband) höchstens einmal als schmale Leiste mit echten Inhalten (Klassen, nächster Theoriestart), mit Pause-Knopf, nie mit Stimmen oder wichtigen Infos; im Template weglassen.",
  "Pflichtangaben und Recht (Leitfaden 8a): Preise vollständig und wie im Preisaushang nach Fahrlehrergesetz (Grundbetrag, Fahrstunde, Sonderfahrten, Prüfungsentgelte), inkl. MwSt.; bei Online-Anmeldung Widerrufs-Button (§ 356a BGB, seit 19.06.2026) und Erklärung zur Barrierefreiheit (Variante bfsg); Fotos von Fahrschüler:innen nur mit Einwilligung, bei Minderjährigen der Eltern; Google-Bewertungen nur mit Echtheitshinweis – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "mittel",
 "leistung": "Statisch generierbar (TOFU: Astro mit Inline-CSS). SVG-Straße per stroke-dashoffset mit animation-timeline: view(), Fallback statisch. Kein Lottie im Hero (Kruzee nutzt es, kostet). Buchungs-Widget eines Drittanbieters erst nach Consent bzw. Klick laden.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt: eine lokale deutsche Fahrschule (bisher nur UK/US/Kanada) (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "varianten_demo": {
  "tiefen-taste-3d": "stapel",
  "mobile-bottom-navigation": "fab",
  "svg-pfad-zeichnen-scroll": "strasse",
  "css-native-karussell": "peek",
  "studio-visitenkarte-footer": "praxis"
 },
 "stimmung_tags": [
  "verspielt",
  "warm"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   64,
   96,
   128
  ],
  "sektion": "clamp(72px, 9vw, 136px)",
  "dichte": "mittel",
  "hinweis": "Großzügig um die Headline, kompakt in Preisen und Formular: Tabellenzeilen 12 px, Formularfelder 16 px Abstand, Schritte des Ablaufs 48 px."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 4vw, 56px)",
  "spalt": "clamp(16px, 2vw, 28px)",
  "max_breite": "1240px",
  "hinweis": "Headline über 10 Spalten, Auswahl darunter über 6. Preise als Tabs über volle Breite, Ablauf als nummerierte Schritte, die gezeichnete Straße läuft durch den Rand."
 },
 "form": {
  "radius_klein": "12px",
  "radius_gross": "20px",
  "pille": true,
  "linie": "1px #566175 um Felder, Karten ohne Linie auf #EEF0D8",
  "schatten": "nur die Unterkante der Tiefen-Taste (tiefen-taste-3d, Variante stapel); Karten und Felder ohne Schatten",
  "hinweis": "Freundlich rund, aber nicht weich: Pillen für Knöpfe und Klassen-Chips, 20 px für Preis- und Stimmenkarten. Gelb #FFD60A nur als Fläche hinter dunklem Text."
 },
 "bildsprache": {
  "licht": "Helles Tageslicht draußen, freundlich, eher Vormittag.",
  "ausschnitt": "Fahrlehrer:in und Fahrschüler:in im oder am Auto, Halbtotale, Blick nach vorn.",
  "personen": "Ja: echte Fahrlehrer:innen mit Namen und Sprachen; Fahrschüler:innen nur mit Einwilligung, bei Minderjährigen der Eltern.",
  "formate": [
   "4:5",
   "3:2",
   "1:1"
  ],
  "nicht": "Keine Stock-Teenager mit Schlüssel in der Hand, kein 3D-Auto, keine Verkehrszeichen-Clipart, kein Konfetti."
 },
 "ton": {
  "anrede": "du",
  "saetze": "Kurz, ermutigend, ein Schritt pro Satz. Preise und Fristen als Zahl, nicht als Umschreibung.",
  "haltung": "Nimmt die Angst, erklärt den Weg. Abschnitte für Eltern (Kosten, Anmeldung Minderjähriger) im gleichen Ton, ohne Jugendsprache.",
  "beispiele": [
   "Dein Führerschein in [Ort]. Starte mit Klasse B.",
   "Theorie beginnt jeden Montag. Du kannst jederzeit einsteigen."
  ],
  "nicht": "„Mit uns sicher ans Ziel!“, Jugendsprache, Emojis, Angstmache vor der Prüfung, Fake-Eingabefeld."
 },
 "hero_aufbau": {
  "raster": "12 Spalten: H1 oben über Spalte 1 bis 10, darunter die Auswahl über 1 bis 6; rechts 4 bis 5 Spalten Foto oder der Anfang der gezeichneten Straße.",
  "bild": "Optional ein Foto 4:5 rechts; die Straße (svg-pfad-zeichnen-scroll) beginnt im Hero und zeichnet sich beim Scrollen.",
  "h1": "clamp(2.5rem, 1rem + 6.5vw, 6rem), Bricolage 700, oben links, hyphens: auto.",
  "handlung": "Auswahl Klasse + Standort (animiertes-select) mit Knopf „Preise und Termine“ als Tiefen-Taste; daneben „Anrufen“ als Textlink.",
  "zusatz": "Zeile „Nächster Theoriestart: [Datum]“ unter der Auswahl; mobil feste untere Leiste Anmelden / Anrufen / WhatsApp."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/fahrschule-freundlich-buchbar/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/fahrschule-freundlich-buchbar/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/fahrschule-freundlich-buchbar/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/fahrschule-freundlich-buchbar/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "interaktives-3d-hero"
   ],
   "grund": "ein 3D-Auto ist Deko ohne Nutzen und teuer auf Handys der Zielgruppe"
  },
  {
   "ids": [
    "smooth-scroll-lenis",
    "fullpage-snap-slides"
   ],
   "grund": "Jugendliche und Eltern scannen Preise, Scroll-Kapern nervt"
  },
  {
   "ids": [
    "kinetische-typo-intro",
    "logo-aufbau-intro"
   ],
   "grund": "Anmeldung geht vor"
  },
  {
   "ids": [
    "hold-to-confirm"
   ],
   "grund": "Hürde bei der Anmeldung"
  },
  {
   "ids": [
    "konfetti-erfolg"
   ],
   "grund": "nach der Anmeldung reicht eine klare Bestätigung mit nächsten Schritten"
  },
  {
   "ids": [],
   "grund": "Federkurven auf Formularfeldern oder Deckkraft – flackert"
  }
 ],
 "alle_muster": [
  {
   "id": "svg-pfad-zeichnen-scroll",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/scroll/svg-pfad-zeichnen-scroll/meta.json",
   "variante": "strasse",
   "demo_url": "https://cecodesign.de/lab/fundus/scroll/svg-pfad-zeichnen-scroll/demo?v=strasse"
  },
  {
   "id": "animiertes-select",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/animiertes-select/meta.json"
  },
  {
   "id": "vergleichstabelle-sticky",
   "rolle": "Sektion: Führerscheinklassen & Preise (je Klasse eine Unterseite, Antwort zuerst)",
   "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": "preis-section-editorial",
   "rolle": "Sektion: Führerscheinklassen & Preise (je Klasse eine Unterseite, Antwort zuerst)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/preis-section-editorial/meta.json"
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Führerscheinklassen & Preise (je Klasse eine Unterseite, Antwort zuerst)",
   "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": "mehrschritt-anfrage",
   "rolle": "Sektion: Anmeldung in 3 Schritten (Klasse & Standort → Daten → Bestätigung)",
   "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 in 3 Schritten (Klasse & Standort → Daten → Bestätigung)",
   "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": "validierung-nach-interaktion",
   "rolle": "Sektion: Anmeldung in 3 Schritten (Klasse & Standort → Daten → Bestätigung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/validierung-nach-interaktion/meta.json"
  },
  {
   "id": "prozess-timeline-wachsende-linie",
   "rolle": "Sektion: In 5 Schritten zum Führerschein (die Straße zeichnet sich als einzige Linie; prozess-timeline-wachsende-linie liefert nur das Raster, ohne eigene Linie)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prozess-timeline-wachsende-linie/meta.json"
  },
  {
   "id": "testimonials-neu-gedacht",
   "rolle": "Sektion: Bestanden! / Stimmen (statische Karten mit Vorname, Klasse, Monat; Google-Bewertungen nur mit Echtheitshinweis)",
   "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": "bewertungsprofil-mit-echtheitshinweis",
   "rolle": "Sektion: Bestanden! / Stimmen (statische Karten mit Vorname, Klasse, Monat; 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": "team-ueber-mich-layout",
   "rolle": "Sektion: Fahrlehrer:innen & Fahrzeuge",
   "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": "css-native-karussell",
   "rolle": "Sektion: Fahrlehrer:innen & Fahrzeuge",
   "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": "wochen-kursplan",
   "rolle": "Sektion: Theorie-Termine (Wochenplan; bei weniger als etwa acht Terminen pro Woche eine Tabelle) & Sonderkurse (Erste Hilfe, Intensivkurs als Einzeltermine)",
   "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": "programm-kalender",
   "rolle": "Sektion: Theorie-Termine (Wochenplan; bei weniger als etwa acht Terminen pro Woche eine Tabelle) & Sonderkurse (Erste Hilfe, Intensivkurs als Einzeltermine)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/programm-kalender/meta.json",
   "variante": "programm",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/programm-kalender/demo?v=programm"
  },
  {
   "id": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Theorie-Termine (Wochenplan; bei weniger als etwa acht Terminen pro Woche eine Tabelle) & Sonderkurse (Erste Hilfe, Intensivkurs als Einzeltermine)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Theorie-Termine (Wochenplan; bei weniger als etwa acht Terminen pro Woche eine Tabelle) & Sonderkurse (Erste Hilfe, Intensivkurs als Einzeltermine)",
     "variante": "basis",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=basis"
    },
    {
     "rolle": "Sektion: FAQ (Kosten, Dauer, Sprachen, Intensivkurs)",
     "variante": "faq",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=faq"
    }
   ]
  },
  {
   "id": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt & Anfahrt (Bürozeiten, Adresse als Text, Karte per 2-Klick, kurze Frage; Standortliste nur ab zwei Filialen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Kontakt & Anfahrt (Bürozeiten, Adresse als Text, Karte per 2-Klick, kurze Frage; Standortliste nur ab zwei Filialen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=kompakt"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Kontakt & Anfahrt (Bürozeiten, Adresse als Text, Karte per 2-Klick, kurze Frage; Standortliste nur ab zwei Filialen)",
   "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 & Erklärung zur Barrierefreiheit (Footer, ohne Login; bei Online-Anmeldung mit Vertragsschluss)",
   "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 & Erklärung zur Barrierefreiheit (Footer, ohne Login; bei Online-Anmeldung mit Vertragsschluss)",
   "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": "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": "fab",
   "demo_url": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/demo?v=fab"
  },
  {
   "id": "highlight-marker-underline",
   "rolle": "Schrift",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/schrift-animationen/highlight-marker-underline/meta.json"
  },
  {
   "id": "marquee-laufband",
   "rolle": "Schrift",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/schrift-animationen/marquee-laufband/meta.json"
  },
  {
   "id": "fortschrittsring",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/fortschrittsring/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": "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": "button-zustaende",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/button-zustaende/meta.json"
  },
  {
   "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": "fluide-typo-clamp-cqi",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/fluide-typo-clamp-cqi/meta.json"
  },
  {
   "id": "tabellenziffern",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/tabellenziffern/meta.json"
  },
  {
   "id": "headline-laufweite-zeilenabstand",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/headline-laufweite-zeilenabstand/meta.json"
  }
 ]
}