{
 "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": "kfz-werkstatt-autohaus",
 "name": "Kfz-Werkstatt und Autohaus: Festpreis, Termin, fertig",
 "branche": "Freie Kfz-Werkstatt / Autohaus mit Werkstatt / Reifenservice / Karosserie- und Lackierbetrieb",
 "stimmung": [
  "bodenständig",
  "schnell",
  "klar",
  "verlässlich"
 ],
 "kurz": "Die Seite beantwortet drei Fragen in dieser Reihenfolge: Wann kann ich kommen, was kostet es, wann ist das Auto fertig. Termin in vier Schritten mit Hol- und Bringdienst nach Postleitzahl, Festpreise als echte Tabelle nach Fahrzeugklasse mit Stand-Datum, Fahrzeugbestand mit der Pflichtzeile zu Verbrauch, CO₂ und CO₂-Klasse an jeder Karte. Schmale, kräftige Mona Sans wie auf Werkstatt- und Preisschildern, Asphaltgrau und Verkehrsgelb nur für „Termin buchen“, eine Taste mit echter Tiefe wie ein Werkstatt-Taster. Signatur ist die Reifenflanke: Die Reifengröße steht als Text auf dem Rund und wird daneben erklärt. Anders als handwerk: Preise statt Kostenrechner, Termin statt Anfrage, kein Vorher/Nachher-Regler, andere Bewegung.",
 "referenzen": [
  {
   "seite": "Kfz-Meisterbetrieb Schwabing (freie Werkstatt, München)",
   "url": "https://www.kfz-schwabing.de/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.kfz-schwabing.de/",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen): H1 mit Leistung und Ort („KFZ-Werkstatt München-Schwabing“), zwei Knöpfe „Jetzt anfragen“ und „Termin vereinbaren“, Telefon mit Rückmeldung „innerhalb eines Werktages“, klare Regel zum Kostenvoranschlag (Sichtprüfung kostenlos, Diagnose nach angefangener Stunde, vorher besprochen), Öffnungszeiten Mo–Fr 8:00–17:30. Nicht übernehmen: keine Festpreise, Google-Schnitt (4,8 bei 146) ohne Echtheitshinweis und ohne Link zum Profil, Meisterbetrieb ohne Handwerkskammer."
  },
  {
   "seite": "Thöne & Schlösser (Kfz-Meisterwerkstatt, Leverkusen-Opladen)",
   "url": "https://thoene-schloesser.de/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://thoene-schloesser.de/",
   "beobachtung": "Live geprüft 02.11.2026 (WebFetch als Text): Mehrmarken-Werkstatt mit langer Leistungsliste (Inspektion, HU, Reifen, Klima, Unfall, Hybrid und Elektro, Wohnmobil, UVV), HU-Termin „rund um die Uhr“ online über die KÜS-Prüfstation im Haus, Aktionspreis „Nur 20 €“ für den Räderwechseltag am 07.11.2026, Öffnungszeiten mit Mittagspause, Ersatzwagen bis vor die Tür. Nicht übernehmen: keine Preisliste, sechs Fünf-Sterne-Stimmen ohne Gesamtzahl und ohne Herkunft, „0%-Finanzierung“ ohne Angaben."
  },
  {
   "seite": "Kfz-Service Schwindt (freie Werkstatt, Meckenheim; Ortsseite Swisttal)",
   "url": "https://www.kfz-service-schwindt.de/autowerkstatt/swisttal",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.kfz-service-schwindt.de/autowerkstatt/swisttal",
   "beobachtung": "Live geprüft 02.11.2026 (WebFetch als Text): Ortsseite für den Nachbarort mit ehrlicher Lageangabe („Am nächsten für Swisttal“, Betrieb in Meckenheim), „TÜV im Haus, Mo & Do“, Ersatzwagen „29,95 € pro Tag“, Termin per Telefon, WhatsApp und E-Mail, Büro- und Werkstattzeiten getrennt. Nicht übernehmen: Hol- und Bringdienst nur „für Stammkunden auf Anfrage“ ohne Gebiet und Preis; keine Festpreise."
  },
  {
   "seite": "Autohaus Holst (VW-Partner, Scheeßel; Fahrzeugbestand)",
   "url": "https://autohaus-holst.shop/fahrzeugbestand/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://autohaus-holst.shop/fahrzeugbestand/",
   "beobachtung": "Live geprüft 02.11.2026 (WebFetch als Text): Bestandsliste mit Trefferzahl („168 Treffer“), Karten mit Bestandsnummer, Erstzulassung, Kilometerstand, kW (PS), Kraftstoff, Getriebe und „Differenzbesteuert“ bzw. „MwSt ausweisbar“; Filter nach Marke, Modell, Kraftstoff, Leistung, Preis, Sortierung nach Preis, km, EZ. Nicht übernehmen: Verbrauch, CO₂ und CO₂-Klasse fehlen bei einigen Karten; Monatsrate („187,- €“) ohne Laufzeit, Anzahlung, Zins und Gesamtbetrag."
  },
  {
   "seite": "Autohaus König (Berlin; Gebrauchtwagen)",
   "url": "https://www.autohaus-koenig.de/gebrauchtwagen/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.autohaus-koenig.de/gebrauchtwagen/",
   "beobachtung": "Live geprüft 02.11.2026 (WebFetch als Text): Pflichtzeile direkt auf der Karte („Kombinierte CO2-Emission: 128 g/km, Kombi. Kraftstoffverbrauch: … l/100 km, CO2-Klasse: D“), Preis als „Gesamtpreis inkl. MwSt.“, Schnellsuchen nach Preisgrenze, wenig km, Familie, Elektro. Nicht übernehmen: „k.A.“ in der Pflichtzeile und „undefined (undefined)“ statt Leistung – Feed-Lücken müssen abgefangen werden."
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "mona-sans steht bisher nur als Textschrift im Hotel-Rezept (neben Newsreader); hier als Headline in schmaler Breite (wdth 80, wght 800), wie Werkstatt-, Reifen- und Preisschilder: viel Text auf wenig Breite, gut lesbar aus dem Augenwinkel. Sie hat Tabellenziffern (im Font geprüft), damit stehen auch die großen Preise sauber. google-sans-flex ist damit in zwei Rezepten (praxis nutzt sie als Text neben Hedvig Letters Serif); hier mit ROND 0 und opsz automatisch, weil sie Tabellenziffern hat (geprüft) und auf alten Handys gut lesbar bleibt. Ursprünglich war science-gothic vorgesehen; sie steht inzwischen in musik-kuenstler-buehne und wurde deshalb getauscht. Unterschied zu handwerk (Special Gothic + Atkinson): Grotesk mit Breitenachse statt Gothic, die schmale Breite nur für Headlines und Preise; zu industrie-b2b-mittelstand (Strichpunkt Sans breit): schmal statt breit; zu fitness (Anybody, Breitenanimation): die Breite bleibt fest.",
  "headline": "mona-sans",
  "text": "google-sans-flex",
  "akzent": "",
  "groessen": "h1 Mona Sans clamp(2.5rem, 1.6rem + 3.6vw, 4.25rem), wght 800, wdth 80, Laufweite -0.02em, Zeilenhöhe 0.98; h2 clamp(1.75rem, 1.25rem + 2vw, 2.75rem), wght 750, wdth 85; die drei Preise unter dem Hero Mona Sans 2.5rem wght 800 wdth 75 Tabellenziffern, „€“ und „inkl. MwSt.“ in Google Sans Flex daneben. Preise in der Festpreis-Tabelle Google Sans Flex 1.125rem wght 700 Tabellenziffern, rechtsbündig. Fließtext Google Sans Flex 1.0625rem (17 px), wght 400, ROND 0, opsz automatisch, Zeilenhöhe 1.55, max. 65ch; Labels (Fahrzeugklasse, Stand-Datum) Google Sans Flex 0.8125rem wght 600 Versal +0.06em; Telefonnummer im Kopf 1.25rem wght 700 Tabellenziffern. Pflichtzeile Pkw-EnVKV mindestens so groß und kräftig wie der Angebotstext daneben, nie unter 0.875rem.",
  "techniken": [
   "fluide-typo-clamp-cqi",
   "tabellenziffern",
   "lesesatz-text-wrap",
   "optische-groessen-opsz"
  ],
  "alternative_eigenprojekt": "Headline cabinet-grotesk in 800 (ITF), Text satoshi (ITF) – nur für Eigenprojekte, nicht für Templates."
 },
 "farbe": {
  "prinzip": "Helles Betongrau als Grund, Asphalt für Kopf, Festpreis-Tafel und Fußzeile, Verkehrsgelb (RAL 1023 als Beispiel) nur für „Termin buchen“ und den aktiven Schritt der Terminstrecke. Gelbe Knöpfe auf hellem Grund mit 2 px Rand in Asphalt (Nicht-Text-Kontrast), auf Asphalt ohne Rand. Grün nur für „Jetzt geöffnet“ und „verfügbar“, Rot nur für Fehler; beides immer mit Text, nie als einzige Aussage. Markenfarben von Herstellern nur im Logo des Autohauses, nie als Flächenfarbe der Seite.",
  "beispiel": [
   "#F2F1ED Grund (Betongrau hell)",
   "#121314 Text (16,5 : 1)",
   "#595E63 Sekundärtext, Stand-Datum, Einheiten (5,8 : 1)",
   "#232629 Asphalt: Kopf, Festpreis-Tafel, Fußzeile (Weiß darauf 15,2 : 1; Sekundärtext darauf #B9BEC4, 8,1 : 1)",
   "#F5B700 Signal Verkehrsgelb: Termin buchen, aktiver Schritt (Text #121314, 10,3 : 1; auf Grund mit 2 px Rand #232629)",
   "#1F7A3E Status geöffnet, verfügbar (Weiß darauf 5,4 : 1, nur mit Text)",
   "#B3261E Fehler, Termin belegt (Weiß darauf 6,5 : 1, sparsam)"
  ]
 },
 "animationsstil": "token-toggle-asymmetrisch",
 "animationsstil_hinweis": "Der UI-Stil als Hauptstil, Spielart „Nur Tempo“ auf UI-Maß gekürzt: Auf dieser Seite bewegt sich, was jemand öffnet oder weiterklickt (Menü, Preis-Reiter, Akkordeon, Schritt der Terminstrecke, Dialog). Öffnen 250 ms mit Ausklang, schließen 170 ms mit Anlauf. Kein eigener animationsstil_ui nötig. Unterscheidet sich damit von handwerk (token-tech-praezise).",
 "bewegung": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) beim Öffnen, cubic-bezier(0.7, 0, 0.84, 0) beim Schließen (token-toggle-asymmetrisch)",
  "beobachtet": "nicht gemessen: Referenzen nur inhaltlich per WebFetch geprüft (siehe offen); Kurve und Dauern aus dem Animationsstil",
  "dauer_ms": "120 (Hover, Farbe, Druck der Taste), 250 (Menü, Preis-Reiter, Akkordeon, nächster Schritt der Terminstrecke, Dialog öffnen), 170 (schließen); Fokusring ohne Übergang",
  "regel": "Schnell und sachlich: nichts blendet beim Scrollen ein, kein Karussell mit Autoplay, keine Zähler. Die Tiefen-Taste sinkt beim Druck sichtbar ein (Weg höchstens 4 px), sonst kein Weg über 8 px. Preise, Öffnungsstatus und Fahrzeugdaten stehen sofort. Bei prefers-reduced-motion öffnen und schließen alle Teile ohne Übergang, die Taste wechselt nur die Farbe.",
  "herkunft": "Kurvenpaar aus token-toggle-asymmetrisch (bau.werte panel: expo.out / expo.in); Dauern nach Leitfaden-Faustregel für UI-Panels (200–350 ms) gekürzt, Schließen etwa 68 %. Referenzen inhaltlich geprüft, CSS nicht gemessen."
 },
 "hero_beschreibung": "Echtes Foto aus der eigenen Werkstatt (Annahme, Hebebühne mit Mensch, Hof mit Schild; Kennzeichen von Kundenfahrzeugen unkenntlich), daneben H1 mit Leistung und Ort („Kfz-Meisterwerkstatt in [Ort] – alle Marken“), der Öffnungsstatus aus echten Zeiten („Heute bis 18 Uhr geöffnet“), „Termin buchen“ als gelbe Tiefen-Taste und die Telefonnummer als tel:-Link. Direkt darunter drei Festpreise als Zeile (z. B. HU/AU, Räderwechsel, Inspektion ab) mit Stand-Datum und Link zur ganzen Tabelle. Kein Video, keine Stockfotos von glänzenden Neuwagen, kein Karussell. Beim Autohaus darf das Foto ein echtes Fahrzeug vom Hof zeigen; Motordaten im Hero lösen die Pkw-EnVKV-Zeile aus.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "mobile-bottom-navigation",
   "native-popover-dropdowns"
  ],
  "hero": [
   "foto-hero"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Termin buchen (Leistung → Fahrzeug: Marke, Modell, Baujahr, Kennzeichen freiwillig → Wunschtag mit Abgabe, Warten oder Hol- und Bringdienst; beim Hol- und Bringdienst zuerst die Postleitzahl: Ja mit Zonenpreis, auf Anfrage oder Nein → Kontakt; fremdes Buchungs-Widget erst nach Klick, Telefon und WhatsApp daneben)",
    "muster": [
     "mehrschritt-anfrage",
     "termin-buchung-zwei-klick",
     "formular-fehlerzusammenfassung",
     "validierung-nach-interaktion",
     "datei-upload-ablage"
    ],
    "varianten": {
     "mehrschritt-anfrage": "plz",
     "termin-buchung-zwei-klick": "vorauswahl",
     "formular-fehlerzusammenfassung": "kompakt",
     "datei-upload-ablage": "foto"
    }
   },
   {
    "zweck": "Festpreise (HU und AU mit oder ohne Prüfgebühr klar gesagt, Räder- und Reifenwechsel, Einlagerung je Saison, Klimaservice, Inspektion ab, Bremsen ab; Spalten nach Fahrzeugklasse Kleinwagen, Mittelklasse, SUV und Transporter; je Zeile was enthalten ist und wovon „ab“ abhängt; Stand-Datum über der Tabelle)",
    "muster": [
     "speisekarte-editorial",
     "tabs-pfeiltasten-focusgroup"
    ],
    "varianten": {
     "speisekarte-editorial": "preisliste",
     "tabs-pfeiltasten-focusgroup": "auto"
    }
   },
   {
    "zweck": "Leistungen (Inspektion nach Herstellervorgabe, HU/AU, Reifen, Bremsen, Klima, Diagnose, Unfall und Karosserie, Glas, Hybrid und Elektro mit Hochvolt-Qualifikation; je wichtige Leistung eine Unterseite, Antwort zuerst: Preis oder Spanne, Dauer, Ersatzwagen ja/nein)",
    "muster": [
     "akkordeon-hoehe-auto",
     "leistungsseite-antwort-zuerst"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "leistungen",
     "leistungsseite-antwort-zuerst": "handwerk"
    }
   },
   {
    "zweck": "Reifen: Größe lesen, wechseln, einlagern (Reifenflanke als statische Zeichnung mit der Größe auf dem Rund, daneben dieselbe Angabe als Liste erklärt: Breite, Querschnitt, Bauart, Felgendurchmesser, Tragfähigkeit, Geschwindigkeit, DOT-Alter; Einlagerung mit Profiltiefe-Protokoll; Reifenangebote mit Preis nur mit EU-Reifenlabel daneben)",
    "muster": [
     "text-on-path"
    ],
    "varianten": {
     "text-on-path": "reifen"
    }
   },
   {
    "zweck": "Fahrzeugbestand (Autohaus): Teaser aus dem Börsen-Feed mit Foto, Modell, Preis inkl. MwSt., EZ, km, kW (PS) und der Pflichtzeile Verbrauch, CO₂, CO₂-Klasse an jeder Karte; Stand des Feeds; Liste mit Filtern ab etwa zehn Fahrzeugen; Fahrzeugseite mit Steckbrief, Probefahrt anfragen, Inzahlungnahme",
    "muster": [
     "fahrzeugbestand-feed-teaser",
     "objekt-steckbrief-expose",
     "facettenfilter-ergebnisliste",
     "finanzierung-pflichtangaben"
    ],
    "varianten": {
     "objekt-steckbrief-expose": "fahrzeug",
     "facettenfilter-ergebnisliste": "leiste",
     "finanzierung-pflichtangaben": "fahrzeugkarte"
    }
   },
   {
    "zweck": "So läuft Ihr Werkstattbesuch (Termin → Annahme mit Kostenrahmen → Anruf vor jeder Mehrarbeit → Fertigmeldung per SMS oder Anruf → Abholung mit Erklärung der Rechnung; nur versprechen, was der Betrieb so macht)",
    "muster": [
     "prozess-timeline-wachsende-linie"
    ]
   },
   {
    "zweck": "Bewertungen (Google-Profil mit Schnitt, Anzahl, Stand-Datum und Echtheitshinweis direkt daneben; drei Stimmen mit Antwort des Betriebs; Live-Ansicht nur per Klick)",
    "muster": [
     "bewertungsprofil-mit-echtheitshinweis"
    ],
    "varianten": {
     "bewertungsprofil-mit-echtheitshinweis": "pille"
    }
   },
   {
    "zweck": "Team und Meister (Inhaber:in oder Werkstattmeister:in mit Foto, Annahme mit Durchwahl, Qualifikationen wie Meisterbrief und Hochvolt; bis etwa fünf Personen als ein Satz mit kleinen Porträts, darüber Raster)",
    "muster": [
     "team-ueber-mich-layout"
    ],
    "varianten": {
     "team-ueber-mich-layout": "statement"
    }
   },
   {
    "zweck": "Partner und Nachweise (Kfz-Innung, Werkstattsystem, Prüforganisation im Haus mit HU-Tagen, Herstellerzulassungen; nur mit Erlaubnis und aktuell)",
    "muster": [
     "logo-wand-social-proof"
    ],
    "varianten": {
     "logo-wand-social-proof": "raster"
    }
   },
   {
    "zweck": "Karriere und Ausbildung (Kfz-Mechatroniker:in, Servicetechniker:in, Ausbildung; Stellen direkt offen mit Gehalt, Initiativbewerbung; eigene Karriere-Microsite nach arbeitgeber-karriere)",
    "muster": [
     "stellen-karriere"
    ],
    "varianten": {
     "stellen-karriere": "wenige"
    }
   },
   {
    "zweck": "Öffnungszeiten, Anfahrt, Kontakt (Werkstatt, Verkauf und Teile getrennt, HU-Tage, Schlüsselbox für Abgabe außerhalb der Zeiten; Adresse als Text, Zufahrt und Parken, Karte per 2-Klick; kurze Frage ohne Termin; ein Datenblock für Seite und JSON-LD AutoRepair bzw. AutoDealer)",
    "muster": [
     "oeffnungszeiten-status",
     "karte-zwei-klick",
     "kontakt-anfrage-formular",
     "firmendaten-strukturiert"
    ],
    "varianten": {
     "oeffnungszeiten-status": "karte",
     "karte-zwei-klick": "bild",
     "firmendaten-strukturiert": "werkstatt"
    }
   },
   {
    "zweck": "Barrierefreiheit (eigene Seite; Variante BFSG, wenn online gebucht oder verkauft wird und der Betrieb kein Kleinstunternehmen ist – vom Kunden prüfen lassen)",
    "muster": [
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "barrierefreiheit-seite": "bfsg"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [],
  "hover": [],
  "cursor": [],
  "mikro": [
   "checkbox-radio-animiert",
   "einblenden-starting-style",
   "icon-squash-stretch"
  ],
  "material": [],
  "galerie": [
   "galerie-shared-element-vollbild"
  ],
  "footer": [
   "studio-visitenkarte-footer",
   "widerruf-und-kuendigung-schaltflaeche"
  ],
  "button": [
   "tiefen-taste-3d",
   "pfeil-icon-button"
  ],
  "hero_varianten": {
   "foto-hero": "split-randabfallend"
  }
 },
 "signatur": [
  "text-on-path"
 ],
 "optional": [
  "agentenformular-webmcp"
 ],
 "varianten_demo": {
  "tiefen-taste-3d": "stapel",
  "mobile-bottom-navigation": "kontakt",
  "studio-visitenkarte-footer": "praxis",
  "galerie-shared-element-vollbild": "produkt",
  "widerruf-und-kuendigung-schaltflaeche": "richtig",
  "agentenformular-webmcp": "termin",
  "text-on-path": "reifen",
  "pfeil-icon-button": "tausch"
 },
 "nicht_verwenden": [
  "vorher-nachher-vergleichsregler – Signatur von handwerk; Unfallinstandsetzung als zwei feste Fotos nebeneinander mit Datum",
  "kostenrechner-konfigurator – Reparaturkosten hängen vom Befund ab (wann_nicht: jeder Auftrag anders); Festpreise als Tabelle und Kostenvoranschlag",
  "cinematic-video-hero / interaktives-3d-hero – lange Ladezeit; der erste Bildschirm ist Termin, Telefon und Preis",
  "hide-on-scroll-header – Telefon und „Termin buchen“ müssen immer erreichbar sein",
  "zahlen-odometer – hochgezählte „10.000 reparierte Autos“ wirken unseriös",
  "kreistext-siegel-rotierend – „Meisterbetrieb“-Stempel ist Template-Klischee; Schrift auf dem Rund gibt es nur an der Reifenflanke, und sie dreht sich nicht",
  "marquee-laufband – Markenlogos ziehen vorbei, ohne etwas zu sagen; Partner als ruhiges Raster",
  "webgl-bildverzerrung / bild-zoom-in-maske auf Fahrzeugfotos – verfälscht Fotos, die verkaufen; Fahrzeugbilder stehen still",
  "glas-button / frosted-glass-erweitert – Glas über Hallenfotos senkt den Kontrast",
  "smooth-scroll-lenis / cursor-follower-lerp / magnetische-elemente – bremsen, wer schnell einen Preis sucht",
  "konfetti-erfolg – nach der Buchung eine Bestätigung mit Datum, Uhrzeit, Leistung und Telefonnummer",
  "prompt-hero-eingabefeld / ki-streaming-text-denkindikator – kein KI-Chat statt Annahme; wenn ein Assistent kommt, beim Start gekennzeichnet (Art. 50 KI-VO)",
  "Stockfotos von Mechanikern mit sauberen Händen und Neuwagen im Studio – echte Werkstatt, echte Fahrzeuge vom Hof"
 ],
 "regeln": [
  "Erster Bildschirm: echtes Werkstattfoto, H1 mit Leistung und Ort, Öffnungsstatus aus echten Zeiten, „Termin buchen“ und Telefon; darunter drei Festpreise mit Stand-Datum.",
  "Festpreise als echte HTML-Tabelle (speisekarte-editorial, Variante preisliste): Endpreis inkl. MwSt. (Preisangabenverordnung), Fahrzeugklasse als Spalte, je Zeile was enthalten ist (Material, Entsorgung, Auswuchten). Bei HU und AU klar sagen, ob die Gebühr der Prüforganisation enthalten ist und was eine Nachprüfung kostet. „ab“ nur mit dem Satz, wovon der Endpreis abhängt. Aktionspreise mit Zeitraum.",
  "Termin in höchstens vier Schritten: Leistung, Fahrzeug, Tag und Abgabeart, Kontakt. Kennzeichen und Foto vom Fahrzeugschein nur freiwillig; die Bestätigung nennt Datum, Uhrzeit, Leistung, Preis oder Rahmen und Telefon. Ein Buchungs-Widget eines Anbieters lädt erst nach Klick; Telefon und WhatsApp stehen immer daneben (WhatsApp mit Hinweis auf die Datenübermittlung).",
  "Hol- und Bringdienst und Ersatzwagen: Postleitzahl zuerst (mehrschritt-anfrage, Variante plz) mit drei Antworten, Zonenpreis und Ersatzwagen-Preis pro Tag offen (Schwindt nennt 29,95 €); die Orte zusätzlich als Text.",
  "Kostenrahmen: „Wir rufen vor jeder Mehrarbeit an“ und Regeln zum Kostenvoranschlag (was kostenlos ist, was nach Zeit berechnet wird) nur, wenn der Betrieb so arbeitet.",
  "Reifenflanke (text-on-path): statisch, ohne Scroll-Kopplung; die Größe steht einmal als echter Text in einer Liste daneben, das SVG ist aria-hidden. Reifenangebote mit Preis zeigen das EU-Reifenlabel und das Produktdatenblatt in der Nähe des Preises, ein Link auf das Label reicht (Art. 6 VO (EU) 2020/740).",
  "Fahrzeugbestand: Feed von mobile.de, AutoScout24 oder dem Händlersystem mit „Stand: Datum, Uhrzeit“. Sobald Motordaten (Leistung, Hubraum, Beschleunigung) erscheinen, steht die Pflichtzeile mit kombiniertem Verbrauch, CO₂-Emissionen und CO₂-Klasse gut lesbar daneben, nicht schwächer als der Angebotstext (Pkw-EnVKV § 5, auch im Internet). Bei Neuwagen, Tages- und Kurzzulassungen Pflicht; bei Gebrauchtwagen, sobald WLTP-Werte vorliegen. „k.A.“ oder „undefined“ nie ausgeben: Fehlt ein Pflichtwert, Motordaten weglassen und die Karte prüfen lassen. Plug-in-Hybride zusätzlich gewichtet kombiniert und bei entladener Batterie.",
  "Preise im Bestand: Gesamtpreis inkl. MwSt., bei Neuwagen Überführungskosten im Endpreis statt in der Fußnote; „Differenzbesteuert“ oder „MwSt. ausweisbar“ an der Karte. Monatsraten nur mit repräsentativem Beispiel (Sollzins, effektiver Jahreszins, Laufzeit, Anzahlung, Nettodarlehensbetrag, Gesamtbetrag, Darlehensgeber) direkt bei der Rate.",
  "Bewertungen: Google-Profil mit Schnitt, Anzahl und Stand, der Echtheitshinweis steht direkt daneben (§ 5b Abs. 3 UWG); keine eigenen Fünf-Sterne-Zitate ohne Herkunft.",
  "Tiefen-Taste (tiefen-taste-3d, Variante stapel) nur für „Termin buchen“ und höchstens einmal je Ansicht; alle anderen Knöpfe flach mit Pfeil (pfeil-icon-button, Variante tausch) oder Telefon-Icon; icon-squash-stretch nur als Mikro-Rückmeldung des Icons. Gelb auf hellem Grund mit 2 px Asphalt-Rand.",
  "Die untere Mobilleiste (mobile-bottom-navigation, Variante fab) zeigt Termin, Anrufen, WhatsApp und Anfahrt und verdeckt weder Consent-Banner noch die Bestätigung der Buchung.",
  "Fotos von Kundenfahrzeugen nur mit Einwilligung und mit unkenntlichem Kennzeichen; Fahrzeugschein-Daten und Kennzeichen sind personenbezogen, Datenschutzhinweis direkt am Formular.",
  "Pflichtangaben und Recht (Leitfaden 8a): Impressum nach § 5 DDG mit Handwerkskammer, Eintragung in die Handwerksrolle (Kfz-Techniker-Handwerk) und Meister; beim Autohaus Vermittlerangaben für Finanzierung und Versicherung, falls vermittelt wird. Wird online verbindlich beauftragt oder ein Gutschein verkauft, Widerrufs-Button „Vertrag widerrufen“ ohne Login im Footer (widerruf-und-kuendigung-schaltflaeche, Variante richtig). Keine Umweltaussagen wie „klimaneutrale Werkstatt“ ohne Nachweis. Alles vom Kunden prüfen lassen; Claude schreibt keine Rechtstexte."
 ],
 "varianten": [
  {
   "name": "Autohaus mit Neu- und Gebrauchtwagen",
   "hinweis": "Fahrzeugbestand rückt direkt unter den Hero, die Werkstatt wird zweite Säule mit eigenem Termin-Knopf. Verkaufsberater:innen mit Foto und Durchwahl; Probefahrt und Inzahlungnahme als kurze Anfragen. Die Pflichtzeile nach Pkw-EnVKV gilt auch im Hero und in Social-Teasern, sobald Motordaten erscheinen. Herstellerlogos nur nach den Vorgaben des Herstellervertrags.",
   "sektionen": [
    "Fahrzeugbestand mit Schnellsuche (Preisgrenze, Kraftstoff, Automatik, wenig km)",
    "Probefahrt anfragen und Inzahlungnahme (kontakt-anfrage-formular)",
    "Finanzierung und Leasing (nur mit repräsentativem Beispiel)",
    "Werkstatt und Termin"
   ],
   "weglassen": [
    "Reifen-Sektion auf eine Zeile in den Leistungen kürzen, wenn kein Reifenservice beworben wird – die Signatur bleibt dann auf der Leistungsseite Reifen"
   ],
   "muster_zusatz": []
  },
  {
   "name": "Reifenservice und Reifenhandel",
   "hinweis": "Saison-Termine (Oktober bis Dezember, März bis Mai) mit freien Tagen als Text, Einlagerung mit Protokoll (Profiltiefe, DOT, Schäden) und Abholung; Reifenangebote mit EU-Label am Preis. Die Reifenflanke ist hier die Startseite: Größe eingeben oder vom Reifen ablesen.",
   "sektionen": [
    "Räderwechsel-Termine der Saison",
    "Einlagerung (Preis je Saison, Protokoll, Versicherung)",
    "Reifenangebote mit EU-Reifenlabel und Montagepreis"
   ],
   "weglassen": [
    "Fahrzeugbestand"
   ],
   "muster_zusatz": []
  },
  {
   "name": "Karosserie- und Lackierbetrieb / Unfallinstandsetzung",
   "hinweis": "Erster Weg ist „Unfall gehabt? So geht es weiter“ in vier Schritten (sichern, Fotos, Gutachter, Abrechnung mit der Versicherung) mit Telefon. Vorher und nachher als zwei feste Fotos mit Datum, kein Regler (Signatur von handwerk). Smart Repair und Delle mit ab-Preisen, Lackierung nach Befund.",
   "sektionen": [
    "Unfall gehabt? Erste Schritte (prozess-timeline-wachsende-linie)",
    "Schaden melden mit Fotos (mehrschritt-anfrage, Variante senkrecht)",
    "Versicherung und Gutachter (FAQ)"
   ],
   "weglassen": [
    "Festpreise auf Smart Repair und Glas kürzen",
    "Fahrzeugbestand"
   ],
   "muster_zusatz": []
  }
 ],
 "template_tauglich": true,
 "aufwand": "mittel",
 "leistung": "Leicht: kaum JavaScript, Preis-Reiter und Akkordeons nativ, Reifenflanke als kleines Inline-SVG. Hero-Foto AVIF mit fetchpriority=high. Der Fahrzeug-Feed wird serverseitig zwischengespeichert (nicht live beim Besuch vom Portal geladen), Bilder in festen Seitenverhältnissen und lazy mit sizes=\"auto\". Buchungs-Widget, Karte und Bewertungs-Live-Ansicht erst nach Klick. Mona Sans und Google Sans Flex als Variable-WOFF2, nur benötigte Achsen (Mona Sans wght und wdth 75–85; Google Sans Flex wght und opsz, ROND fest auf 0), nur Latin. sofort-navigation-vorladen für Festpreise, Termin und Bestand, nie für die Buchungsbestätigung.",
 "offen": [
  "Fehlender Baustein (siehe kfz-werkstatt-autohaus-fehlend.md): fahrzeugbestand-feed-teaser. Die id steht schon in der Sektion Fahrzeugbestand und wird von der Prüfung als unbekannt gemeldet.",
  "Referenzen nur inhaltlich per WebFetch geprüft; Schriften, Farben und Kurven nicht gemessen. Eine Referenz mit vorbildlicher Festpreisliste und echtem Hol- und Bringdienst fehlt noch (die geprüften Werkstätten nennen kaum Preise).",
  "Beide Schriftdateien liegen unter assets/fonts (mona-sans-latin-wdth-normal.woff2, google-sans-flex-latin-wght-normal.woff2), nur Latin; Latin Extended bei Bedarf ergänzen.",
  "Eintrag in werkzeug/fundus/rezept-finder.json fehlt (Vorschlag: ziele termin, kauf, anfrage; begriffe Kfz-Werkstatt, Autowerkstatt, Werkstatt, Autohaus, Gebrauchtwagen, Reifenservice, Reifenhandel, Karosserie, Lackiererei, Unfallinstandsetzung, HU, TÜV, Autoservice). Leitfaden Abschnitt 9 nennt Kfz noch als Lücke."
 ],
 "stimmung_tags": [
  "präzise",
  "warm"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   40,
   56,
   80,
   120
  ],
  "sektion": "clamp(56px, 7vw, 104px)",
  "dichte": "dicht",
  "hinweis": "Schnell zu scannen: Festpreis-Tabelle mit 12 px Zeilen, Terminstrecke mit 16 px zwischen Feldern, kurze Sektionsabstände."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 3vw, 40px)",
  "spalt": "clamp(12px, 2vw, 24px)",
  "max_breite": "1280px",
  "hinweis": "Hero 5/7 (Text/Foto), darunter die Festpreis-Zeile über alle 12 Spalten auf Asphalt. Fahrzeugkarten 3 Spalten mit Pflichtzeile."
 },
 "form": {
  "radius_klein": "4px",
  "radius_gross": "8px",
  "pille": false,
  "linie": "2px #232629 um gelbe Knöpfe auf hellem Grund; Tabellen 1px #595E63 mit 25 % Deckkraft",
  "schatten": "nur die Tiefen-Taste (tiefen-taste-3d, Variante stapel) für „Termin buchen“; sonst keiner",
  "hinweis": "Werkstatt-Taster statt Pille: 4 px an Knöpfen und Feldern, 8 px an Karten und Fotos. Alle anderen Knöpfe flach."
 },
 "bildsprache": {
  "licht": "Echtes Werkstattlicht, Röhrenlicht erlaubt, nichts poliert.",
  "ausschnitt": "Annahme, Hebebühne mit Mensch, Hof mit Schild; Kennzeichen von Kundenfahrzeugen unkenntlich.",
  "personen": "Ja: das Team in Arbeitskleidung mit Namen.",
  "formate": [
   "3:2",
   "4:3",
   "16:9"
  ],
  "nicht": "Keine glänzenden Neuwagen-Stockfotos, keine Schraubenschlüssel-Clipart, keine Herstellerfarben als Fläche, kein Karussell."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Kurz: Leistung, Preis, Zeit. Preise mit Stand-Datum, „ab“ nur mit dem Satz, wovon es abhängt.",
  "haltung": "Bodenständig und verlässlich; klare Zusagen nur, wenn der Betrieb so arbeitet.",
  "beispiele": [
   "Räderwechsel ab [Preis] €, inklusive Auswuchten.",
   "Bevor wir mehr machen, rufen wir Sie an."
  ],
  "nicht": "„Ihr Auto ist bei uns in besten Händen“, „Rundum-sorglos“, „0 %-Finanzierung“ ohne Pflichtangaben."
 },
 "hero_aufbau": {
  "raster": "12 Spalten: Text über Spalte 1 bis 5, Foto über 6 bis 12; darunter die Festpreis-Zeile über alle 12.",
  "bild": "Echtes Werkstattfoto, 3:2; beim Autohaus ein echtes Fahrzeug vom Hof (dann Pkw-EnVKV-Zeile).",
  "h1": "clamp(2.5rem, 1.6rem + 3.6vw, 4.25rem), Mona Sans 800 wdth 80, links.",
  "handlung": "„Termin buchen“ (gelbe Tiefen-Taste) und Telefon als tel:-Link mit sichtbarer Nummer.",
  "zusatz": "Öffnungsstatus „Heute bis 18 Uhr geöffnet“ aus echten Zeiten; drei Festpreise mit Stand-Datum direkt darunter."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/kfz-werkstatt-autohaus/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/kfz-werkstatt-autohaus/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/kfz-werkstatt-autohaus/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/kfz-werkstatt-autohaus/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "vorher-nachher-vergleichsregler"
   ],
   "grund": "Signatur von handwerk; Unfallinstandsetzung als zwei feste Fotos nebeneinander mit Datum"
  },
  {
   "ids": [
    "kostenrechner-konfigurator"
   ],
   "grund": "Reparaturkosten hängen vom Befund ab (wann_nicht: jeder Auftrag anders); Festpreise als Tabelle und Kostenvoranschlag"
  },
  {
   "ids": [
    "cinematic-video-hero",
    "interaktives-3d-hero"
   ],
   "grund": "lange Ladezeit; der erste Bildschirm ist Termin, Telefon und Preis"
  },
  {
   "ids": [
    "hide-on-scroll-header"
   ],
   "grund": "Telefon und „Termin buchen“ müssen immer erreichbar sein"
  },
  {
   "ids": [
    "zahlen-odometer"
   ],
   "grund": "hochgezählte „10.000 reparierte Autos“ wirken unseriös"
  },
  {
   "ids": [
    "kreistext-siegel-rotierend"
   ],
   "grund": "„Meisterbetrieb“-Stempel ist Template-Klischee; Schrift auf dem Rund gibt es nur an der Reifenflanke, und sie dreht sich nicht"
  },
  {
   "ids": [
    "marquee-laufband"
   ],
   "grund": "Markenlogos ziehen vorbei, ohne etwas zu sagen; Partner als ruhiges Raster"
  },
  {
   "ids": [
    "webgl-bildverzerrung",
    "bild-zoom-in-maske"
   ],
   "grund": "auf Fahrzeugfotos – verfälscht Fotos, die verkaufen; Fahrzeugbilder stehen still"
  },
  {
   "ids": [
    "glas-button",
    "frosted-glass-erweitert"
   ],
   "grund": "Glas über Hallenfotos senkt den Kontrast"
  },
  {
   "ids": [
    "smooth-scroll-lenis",
    "cursor-follower-lerp",
    "magnetische-elemente"
   ],
   "grund": "bremsen, wer schnell einen Preis sucht"
  },
  {
   "ids": [
    "konfetti-erfolg"
   ],
   "grund": "nach der Buchung eine Bestätigung mit Datum, Uhrzeit, Leistung und Telefonnummer"
  },
  {
   "ids": [
    "prompt-hero-eingabefeld",
    "ki-streaming-text-denkindikator"
   ],
   "grund": "kein KI-Chat statt Annahme; wenn ein Assistent kommt, beim Start gekennzeichnet (Art. 50 KI-VO)"
  },
  {
   "ids": [],
   "grund": "Stockfotos von Mechanikern mit sauberen Händen und Neuwagen im Studio – echte Werkstatt, echte Fahrzeuge vom Hof"
  }
 ],
 "alle_muster": [
  {
   "id": "text-on-path",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/schrift-animationen/text-on-path/meta.json",
   "variante": "reifen",
   "demo_url": "https://cecodesign.de/lab/fundus/schrift-animationen/text-on-path/demo?v=reifen"
  },
  {
   "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": "mehrschritt-anfrage",
   "rolle": "Sektion: Termin buchen (Leistung → Fahrzeug: Marke, Modell, Baujahr, Kennzeichen freiwillig → Wunschtag mit Abgabe, Warten oder Hol- und Bringdienst; beim Hol- und Bringdienst zuerst die Postleitzahl: Ja mit Zonenpreis, auf Anfrage oder Nein → Kontakt; fremdes Buchungs-Widget erst nach Klick, Telefon und WhatsApp daneben)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/meta.json",
   "variante": "plz",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/demo?v=plz"
  },
  {
   "id": "termin-buchung-zwei-klick",
   "rolle": "Sektion: Termin buchen (Leistung → Fahrzeug: Marke, Modell, Baujahr, Kennzeichen freiwillig → Wunschtag mit Abgabe, Warten oder Hol- und Bringdienst; beim Hol- und Bringdienst zuerst die Postleitzahl: Ja mit Zonenpreis, auf Anfrage oder Nein → Kontakt; fremdes Buchungs-Widget erst nach Klick, Telefon und WhatsApp daneben)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/meta.json",
   "variante": "vorauswahl",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/demo?v=vorauswahl"
  },
  {
   "id": "formular-fehlerzusammenfassung",
   "rolle": "Sektion: Termin buchen (Leistung → Fahrzeug: Marke, Modell, Baujahr, Kennzeichen freiwillig → Wunschtag mit Abgabe, Warten oder Hol- und Bringdienst; beim Hol- und Bringdienst zuerst die Postleitzahl: Ja mit Zonenpreis, auf Anfrage oder Nein → Kontakt; fremdes Buchungs-Widget erst nach Klick, Telefon und WhatsApp daneben)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/formular-fehlerzusammenfassung/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/formular-fehlerzusammenfassung/demo?v=kompakt"
  },
  {
   "id": "validierung-nach-interaktion",
   "rolle": "Sektion: Termin buchen (Leistung → Fahrzeug: Marke, Modell, Baujahr, Kennzeichen freiwillig → Wunschtag mit Abgabe, Warten oder Hol- und Bringdienst; beim Hol- und Bringdienst zuerst die Postleitzahl: Ja mit Zonenpreis, auf Anfrage oder Nein → Kontakt; fremdes Buchungs-Widget erst nach Klick, Telefon und WhatsApp daneben)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/validierung-nach-interaktion/meta.json"
  },
  {
   "id": "datei-upload-ablage",
   "rolle": "Sektion: Termin buchen (Leistung → Fahrzeug: Marke, Modell, Baujahr, Kennzeichen freiwillig → Wunschtag mit Abgabe, Warten oder Hol- und Bringdienst; beim Hol- und Bringdienst zuerst die Postleitzahl: Ja mit Zonenpreis, auf Anfrage oder Nein → Kontakt; fremdes Buchungs-Widget erst nach Klick, Telefon und WhatsApp daneben)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/datei-upload-ablage/meta.json",
   "variante": "foto",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/datei-upload-ablage/demo?v=foto"
  },
  {
   "id": "speisekarte-editorial",
   "rolle": "Sektion: Festpreise (HU und AU mit oder ohne Prüfgebühr klar gesagt, Räder- und Reifenwechsel, Einlagerung je Saison, Klimaservice, Inspektion ab, Bremsen ab; Spalten nach Fahrzeugklasse Kleinwagen, Mittelklasse, SUV und Transporter; je Zeile was enthalten ist und wovon „ab“ abhängt; Stand-Datum über der Tabelle)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/speisekarte-editorial/meta.json",
   "variante": "preisliste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/speisekarte-editorial/demo?v=preisliste"
  },
  {
   "id": "tabs-pfeiltasten-focusgroup",
   "rolle": "Sektion: Festpreise (HU und AU mit oder ohne Prüfgebühr klar gesagt, Räder- und Reifenwechsel, Einlagerung je Saison, Klimaservice, Inspektion ab, Bremsen ab; Spalten nach Fahrzeugklasse Kleinwagen, Mittelklasse, SUV und Transporter; je Zeile was enthalten ist und wovon „ab“ abhängt; Stand-Datum über der Tabelle)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/tabs-pfeiltasten-focusgroup/meta.json",
   "variante": "auto",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/tabs-pfeiltasten-focusgroup/demo?v=auto"
  },
  {
   "id": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Leistungen (Inspektion nach Herstellervorgabe, HU/AU, Reifen, Bremsen, Klima, Diagnose, Unfall und Karosserie, Glas, Hybrid und Elektro mit Hochvolt-Qualifikation; je wichtige Leistung eine Unterseite, Antwort zuerst: Preis oder Spanne, Dauer, Ersatzwagen ja/nein)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "variante": "leistungen",
   "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=leistungen"
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Leistungen (Inspektion nach Herstellervorgabe, HU/AU, Reifen, Bremsen, Klima, Diagnose, Unfall und Karosserie, Glas, Hybrid und Elektro mit Hochvolt-Qualifikation; je wichtige Leistung eine Unterseite, Antwort zuerst: Preis oder Spanne, Dauer, Ersatzwagen ja/nein)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/leistungsseite-antwort-zuerst/meta.json",
   "variante": "handwerk",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/leistungsseite-antwort-zuerst/demo?v=handwerk"
  },
  {
   "id": "fahrzeugbestand-feed-teaser",
   "rolle": "Sektion: Fahrzeugbestand (Autohaus): Teaser aus dem Börsen-Feed mit Foto, Modell, Preis inkl. MwSt., EZ, km, kW (PS) und der Pflichtzeile Verbrauch, CO₂, CO₂-Klasse an jeder Karte; Stand des Feeds; Liste mit Filtern ab etwa zehn Fahrzeugen; Fahrzeugseite mit Steckbrief, Probefahrt anfragen, Inzahlungnahme",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/fahrzeugbestand-feed-teaser/meta.json"
  },
  {
   "id": "objekt-steckbrief-expose",
   "rolle": "Sektion: Fahrzeugbestand (Autohaus): Teaser aus dem Börsen-Feed mit Foto, Modell, Preis inkl. MwSt., EZ, km, kW (PS) und der Pflichtzeile Verbrauch, CO₂, CO₂-Klasse an jeder Karte; Stand des Feeds; Liste mit Filtern ab etwa zehn Fahrzeugen; Fahrzeugseite mit Steckbrief, Probefahrt anfragen, Inzahlungnahme",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/objekt-steckbrief-expose/meta.json",
   "variante": "fahrzeug",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/objekt-steckbrief-expose/demo?v=fahrzeug"
  },
  {
   "id": "facettenfilter-ergebnisliste",
   "rolle": "Sektion: Fahrzeugbestand (Autohaus): Teaser aus dem Börsen-Feed mit Foto, Modell, Preis inkl. MwSt., EZ, km, kW (PS) und der Pflichtzeile Verbrauch, CO₂, CO₂-Klasse an jeder Karte; Stand des Feeds; Liste mit Filtern ab etwa zehn Fahrzeugen; Fahrzeugseite mit Steckbrief, Probefahrt anfragen, Inzahlungnahme",
   "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": "finanzierung-pflichtangaben",
   "rolle": "Sektion: Fahrzeugbestand (Autohaus): Teaser aus dem Börsen-Feed mit Foto, Modell, Preis inkl. MwSt., EZ, km, kW (PS) und der Pflichtzeile Verbrauch, CO₂, CO₂-Klasse an jeder Karte; Stand des Feeds; Liste mit Filtern ab etwa zehn Fahrzeugen; Fahrzeugseite mit Steckbrief, Probefahrt anfragen, Inzahlungnahme",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/meta.json",
   "variante": "fahrzeugkarte",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/demo?v=fahrzeugkarte"
  },
  {
   "id": "prozess-timeline-wachsende-linie",
   "rolle": "Sektion: So läuft Ihr Werkstattbesuch (Termin → Annahme mit Kostenrahmen → Anruf vor jeder Mehrarbeit → Fertigmeldung per SMS oder Anruf → Abholung mit Erklärung der Rechnung; nur versprechen, was der Betrieb so macht)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prozess-timeline-wachsende-linie/meta.json"
  },
  {
   "id": "bewertungsprofil-mit-echtheitshinweis",
   "rolle": "Sektion: Bewertungen (Google-Profil mit Schnitt, Anzahl, Stand-Datum und Echtheitshinweis direkt daneben; drei Stimmen mit Antwort des Betriebs; Live-Ansicht nur per Klick)",
   "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: Team und Meister (Inhaber:in oder Werkstattmeister:in mit Foto, Annahme mit Durchwahl, Qualifikationen wie Meisterbrief und Hochvolt; bis etwa fünf Personen als ein Satz mit kleinen Porträts, darüber Raster)",
   "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": "logo-wand-social-proof",
   "rolle": "Sektion: Partner und Nachweise (Kfz-Innung, Werkstattsystem, Prüforganisation im Haus mit HU-Tagen, Herstellerzulassungen; nur mit Erlaubnis und aktuell)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/meta.json",
   "variante": "raster",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/demo?v=raster"
  },
  {
   "id": "stellen-karriere",
   "rolle": "Sektion: Karriere und Ausbildung (Kfz-Mechatroniker:in, Servicetechniker:in, Ausbildung; Stellen direkt offen mit Gehalt, Initiativbewerbung; eigene Karriere-Microsite nach arbeitgeber-karriere)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/stellen-karriere/meta.json",
   "variante": "wenige",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/stellen-karriere/demo?v=wenige"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Öffnungszeiten, Anfahrt, Kontakt (Werkstatt, Verkauf und Teile getrennt, HU-Tage, Schlüsselbox für Abgabe außerhalb der Zeiten; Adresse als Text, Zufahrt und Parken, Karte per 2-Klick; kurze Frage ohne Termin; ein Datenblock für Seite und JSON-LD AutoRepair bzw. AutoDealer)",
   "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: Öffnungszeiten, Anfahrt, Kontakt (Werkstatt, Verkauf und Teile getrennt, HU-Tage, Schlüsselbox für Abgabe außerhalb der Zeiten; Adresse als Text, Zufahrt und Parken, Karte per 2-Klick; kurze Frage ohne Termin; ein Datenblock für Seite und JSON-LD AutoRepair bzw. AutoDealer)",
   "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": "kontakt-anfrage-formular",
   "rolle": "Sektion: Öffnungszeiten, Anfahrt, Kontakt (Werkstatt, Verkauf und Teile getrennt, HU-Tage, Schlüsselbox für Abgabe außerhalb der Zeiten; Adresse als Text, Zufahrt und Parken, Karte per 2-Klick; kurze Frage ohne Termin; ein Datenblock für Seite und JSON-LD AutoRepair bzw. AutoDealer)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "firmendaten-strukturiert",
   "rolle": "Sektion: Öffnungszeiten, Anfahrt, Kontakt (Werkstatt, Verkauf und Teile getrennt, HU-Tage, Schlüsselbox für Abgabe außerhalb der Zeiten; Adresse als Text, Zufahrt und Parken, Karte per 2-Klick; kurze Frage ohne Termin; ein Datenblock für Seite und JSON-LD AutoRepair bzw. AutoDealer)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/firmendaten-strukturiert/meta.json",
   "variante": "werkstatt",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/firmendaten-strukturiert/demo?v=werkstatt"
  },
  {
   "id": "barrierefreiheit-seite",
   "rolle": "Sektion: Barrierefreiheit (eigene Seite; Variante BFSG, wenn online gebucht oder verkauft wird und der Betrieb kein Kleinstunternehmen ist – vom Kunden prüfen lassen)",
   "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": "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": "native-popover-dropdowns",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/native-popover-dropdowns/meta.json"
  },
  {
   "id": "checkbox-radio-animiert",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/checkbox-radio-animiert/meta.json"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json"
  },
  {
   "id": "icon-squash-stretch",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/icon-squash-stretch/meta.json"
  },
  {
   "id": "galerie-shared-element-vollbild",
   "rolle": "Galerie",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/meta.json",
   "variante": "produkt",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/demo?v=produkt"
  },
  {
   "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": "widerruf-und-kuendigung-schaltflaeche",
   "rolle": "Footer",
   "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": "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": "pfeil-icon-button",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/meta.json",
   "variante": "tausch",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/demo?v=tausch"
  },
  {
   "id": "token-toggle-asymmetrisch",
   "rolle": "Animationsstil",
   "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": "lesesatz-text-wrap",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/lesesatz-text-wrap/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": "agentenformular-webmcp",
   "rolle": "Optional",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/agentenformular-webmcp/meta.json",
   "variante": "termin",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/agentenformular-webmcp/demo?v=termin"
  }
 ]
}