{
 "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": "handwerk-werkstatt-klartext",
 "name": "Handwerk: Werkstatt und Klartext",
 "branche": "Handwerksbetrieb (Tischlerei/Schreinerei, Elektro, Sanitär/Heizung, Maler)",
 "stimmung": [
  "bodenständig",
  "vertrauenswürdig",
  "materialnah",
  "direkt"
 ],
 "kurz": "Echte Fotos aus Werkstatt und Baustelle, erdige Materialfarben und ein einziger Signalton für 'Anfragen' oder 'Anrufen'. Leistungen, Referenzen und Ablauf stehen klar gegliedert, Telefon und Anfrage sind auf jeder Seite zu erreichen. Bewegung ist knapp und funktional wie in einer Produkt-UI, nicht inszeniert.",
 "referenzen": [
  {
   "seite": "Holzrausch (Schreinerei/Innenausbau, München)",
   "url": "https://www.holzrausch.de/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Nuxt + Tailwind, GSAP 3.11.5 mit ScrollTrigger. @font-face 'ABCRepro' 300/400 (Grotesk) und 'ABCArizonaText' 300/400. Tailwind-Theme im Bundle: Farben blau #97a2bc, ocker #dfd6d0, hellblau #efedea, grün #bdc1a9, braun #c3b4a5, cement #d3cdc2, orange #fb6100; Schriftgrößen sm .8125rem/Zeilenhöhe .9375rem, md 1.25rem/1.2, lg 3rem/Laufweite -0.01em/Zeilenhöhe 1. Eigene Cursor-Bilder plus/left/right für die Lightbox. Komponenten LayoutIntro, LayoutLightbox, LayoutInquire (Anfrage) und AnimationsScrollIntoView; Startseite als Masonry mit wechselnd eingerückten Artikeln. Tailwind-Übergänge .15s cubic-bezier(.4,0,.2,1).",
   "herkunft": "beobachtet",
   "quelle": "https://www.holzrausch.de/_nuxt/ (Theme-Konfiguration im Modern-Bundle)"
  },
  {
   "seite": "deVOL Kitchens (Möbel-/Küchentischlerei, UK)",
   "url": "https://www.devolkitchens.co.uk/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Shopify (Dawn-Basis). @font-face 'EB Garamond' 400/500/700 und 'gill-sans-nova' 300–700 über Typekit. Übergänge über var(--duration-short) ease; Versal-Labels mit .1rem Laufweite. Navigation nach Produktlinien, jede mit 'Projects' und 'Catalogue', dazu 'Catalogue & Price List' als eigener Hauptpunkt. Startseite reiht Projektgeschichten ('The Primrose Hill Kitchen', 'The Black Kitchen, Bath').",
   "herkunft": "beobachtet",
   "quelle": "https://www.devolkitchens.co.uk/cdn/shop/t/138/assets/base.css"
  },
  {
   "seite": "thermondo (Heizungsbau/Wärmepumpe)",
   "url": "https://www.thermondo.de/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Nuxt + Tailwind mit Container Queries (.content-section @container). @font-face 'Mont' 700/900 (Headlines), 'Open Sans Variable' 300–800 (Text). Tokens in entry.DZRC-CXB.css: --ease-sys-standard cubic-bezier(.2,0,0,1), --ease-sys-decelerate cubic-bezier(.05,.7,.1,1), --ease-sys-accelerate cubic-bezier(.4,0,1,1); Dauern fast .15s, moderate .2s, slow .28s, slower .4s. Primär-CTA #f60439, Hover #d10000, Text #1a1a1a/#333. Mega-Menü mit Kurzbeschreibung je Leistung ('Effizient heizen mit Wärme aus der Außenluft.'). Sektionen u. a. 'Das sagen unsere Kund*innen' und 'Wärmepumpe ab 8.700 € nach Förderung' (Ab-Preis offen genannt).",
   "herkunft": "beobachtet",
   "quelle": "https://www.thermondo.de/_nuxt/entry.DZRC-CXB.css"
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "Ausgang war barrierearm (schibsted-grotesk + atkinson-hyperlegible-next). Headline special-gothic (amerikanische Gothic mit wdth-Achse, Condensed One für Gewerk-Labels), damit sich handwerk von kultur unterscheidet; eb-garamond als dritte Schrift gestrichen.",
  "headline": "special-gothic",
  "text": "atkinson-hyperlegible-next",
  "akzent": "",
  "groessen": "h1 clamp(2.25rem, 1.5rem + 3vw, 3.5rem), Special Gothic wght 700, wdth 100, Laufweite -0.01em, Zeilenhöhe 1.05 (Holzrausch lg: 3rem / -0.01em / 1); h2 clamp(1.625rem, 1.2rem + 1.6vw, 2.25rem); Gewerk-Labels und Zahlenleiste in Special Gothic Condensed One (bzw. wdth 75), 0.8125rem Versal, +0.04em; Fließtext Atkinson Hyperlegible Next mind. 1.0625rem (17px), Zeilenhöhe 1.55; Meta 0.8125rem.",
  "techniken": [
   "fluide-typo-clamp-cqi",
   "tabellenziffern",
   "lesesatz-text-wrap"
  ],
  "alternative_eigenprojekt": "Premium-Tischlerei als Eigenprojekt: Headline zodiak oder erode, Text satoshi (ITF) – näher an Holzrausch/deVOL, aber nicht für Templates. Tischlerei-Variante (template-tauglich): eb-garamond als dritte Stimme nur für Projekt-Titel und Kundenzitate, wie bei deVOL."
 },
 "farbe": {
  "prinzip": "Materialfarben als Flächen (Zement, Holz, Salbei), dunkle Schrift, und genau ein kräftiger Signalton, der nur für Anfrage- und Anruf-Buttons gilt. Kein Firmenblau-Verlauf.",
  "beispiel": [
   "#EFEDEA Grund (Holzrausch hellblau)",
   "#D3CDC2 Karten/Flächen (cement)",
   "#C3B4A5 Holzton für Akzentflächen (braun)",
   "#BDC1A9 Sekundärfläche (grün)",
   "#1A1A1A Text",
   "#FB6100 Signal: Anfrage/Anruf (Holzrausch orange; bei SHK z. B. Rot wie thermondo #F60439)"
  ]
 },
 "animationsstil": "token-tech-praezise",
 "bewegung": {
  "easing": "cubic-bezier(0.2, 0, 0.38, 0.9) (token-tech-praezise, productive); Eintritt cubic-bezier(0, 0, 0.38, 0.9), Austritt cubic-bezier(0.2, 0, 1, 0.9)",
  "beobachtet": "cubic-bezier(0.4, 0, 0.2, 1) mit .15s (Holzrausch 15×), Schließen cubic-bezier(0.4, 0, 1, 1); Dauer-Tokens .15–.4s (thermondo)",
  "dauer_ms": "150 (Hover, Farbe), 200–280 (Menüs, Akkordeon), 400 (Bild-Einblendung)",
  "regel": "Bewegung erklärt nur Zustände: Menü auf, Akkordeon auf, Formular gesendet. Einblendungen beim Scrollen höchstens 8 px Versatz plus Deckkraft. Schließen schneller als Öffnen (Austrittskurve des Stils).",
  "herkunft": "beobachtet (Holzrausch 15× cubic-bezier(.4,0,.2,1) .15s; thermondo Dauer-Tokens .15–.4s)"
 },
 "hero_beschreibung": "Echtes Foto (Team, Werkstatt, fertiges Projekt) + ein Satz Leistung + Region + zwei CTAs (Anfrage, Telefon). Kein Effekt-Muster; die Zahlen stehen in einer eigenen Sektion direkt darunter.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "native-popover-dropdowns",
   "mobile-bottom-navigation"
  ],
  "hero": [
   "foto-hero"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Zahlen & Fakten (seit 19xx, Projekte, Mitarbeitende – nur echte Werte)",
    "muster": [
     "zahlen-fakten-section"
    ],
    "varianten": {
     "zahlen-fakten-section": "typo"
    }
   },
   {
    "zweck": "Leistungen (bei mehr als 5 Leistungen je Leistung eine Unterseite, Antwort zuerst)",
    "muster": [
     "bild-zoom-in-maske",
     "akkordeon-hoehe-auto",
     "leistungsseite-antwort-zuerst"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "leistungen",
     "bild-zoom-in-maske": "basis",
     "leistungsseite-antwort-zuerst": "handwerk"
    }
   },
   {
    "zweck": "Referenzen / Projekte",
    "muster": [
     "masonry-grid-lanes-galerie",
     "vorher-nachher-vergleichsregler"
    ]
   },
   {
    "zweck": "So läuft ein Auftrag ab",
    "muster": [
     "prozess-timeline-wachsende-linie"
    ]
   },
   {
    "zweck": "Kundenstimmen (eigene Stimmen mit Ort und Gewerk; Google-Bewertungen nur mit Echtheitshinweis)",
    "muster": [
     "testimonials-neu-gedacht",
     "bewertungsprofil-mit-echtheitshinweis"
    ],
    "varianten": {
     "testimonials-neu-gedacht": "zitat",
     "bewertungsprofil-mit-echtheitshinweis": "pille"
    }
   },
   {
    "zweck": "Zertifikate / Innung / Herstellerpartner",
    "muster": [
     "logo-wand-social-proof"
    ],
    "varianten": {
     "logo-wand-social-proof": "siegel-nachweis"
    }
   },
   {
    "zweck": "Team / Ausbildung / Karriere",
    "muster": [
     "team-ueber-mich-layout",
     "stellen-karriere"
    ],
    "varianten": {
     "team-ueber-mich-layout": "raster",
     "stellen-karriere": "wenige"
    }
   },
   {
    "zweck": "Was kostet das? (Kostenrechner mit Spanne, Übergabe an die Anfrage)",
    "muster": [
     "kostenrechner-konfigurator",
     "finanzierung-pflichtangaben"
    ],
    "varianten": {
     "kostenrechner-konfigurator": "bad",
     "finanzierung-pflichtangaben": "rechner"
    }
   },
   {
    "zweck": "FAQ (Kosten, Förderung, Termine)",
    "muster": [
     "akkordeon-hoehe-auto"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "faq"
    }
   },
   {
    "zweck": "Anfrage (Leistung, PLZ, Wunschzeitraum, Foto-Upload)",
    "muster": [
     "mehrschritt-anfrage",
     "formular-fehlerzusammenfassung",
     "validierung-nach-interaktion",
     "datei-upload-ablage"
    ],
    "varianten": {
     "mehrschritt-anfrage": "plz",
     "formular-fehlerzusammenfassung": "liste",
     "datei-upload-ablage": "foto"
    }
   },
   {
    "zweck": "Kontakt / Anfahrt / Öffnungszeiten (Werkstatt oder Ausstellung, Adresse als Text, Karte per 2-Klick, Einzugsgebiet, Notdienst)",
    "muster": [
     "oeffnungszeiten-status",
     "karte-zwei-klick"
    ],
    "varianten": {
     "oeffnungszeiten-status": "karte",
     "karte-zwei-klick": "bild"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [],
  "hover": [
   "bild-zoom-in-maske"
  ],
  "cursor": [],
  "mikro": [
   "druck-feedback"
  ],
  "material": [],
  "galerie": [
   "masonry-grid-lanes-galerie",
   "galerie-shared-element-vollbild"
  ],
  "footer": [
   "studio-visitenkarte-footer"
  ],
  "button": [
   "fuellung-vom-eintrittspunkt",
   "kontur-button-zeichnen"
  ],
  "hero_varianten": {
   "foto-hero": "split-randabfallend"
  }
 },
 "signatur": [
  "vorher-nachher-vergleichsregler"
 ],
 "optional": [
  "agentenformular-webmcp"
 ],
 "varianten_demo": {
  "agentenformular-webmcp": "projekt",
  "galerie-shared-element-vollbild": "basis",
  "studio-visitenkarte-footer": "praxis",
  "fuellung-vom-eintrittspunkt": "basis",
  "mobile-bottom-navigation": "kontakt",
  "bild-zoom-in-maske": "basis",
  "kontur-button-zeichnen": "ecken"
 },
 "nicht_verwenden": [
  "hide-on-scroll-header – Telefon und Anfrage müssen immer sichtbar bleiben",
  "smooth-scroll-lenis – verzögert, bringt hier nichts",
  "kreistext-siegel-rotierend – 'Meisterbetrieb'-Siegel ist Template-Klischee; Meisterbrief lieber als echtes Foto oder Logo",
  "papier-druck-textur – Holz- oder Papier-Fake-Texturen wirken billig, echte Fotos zeigen das Material",
  "magnetische-elemente / cursor-follower-lerp – Agentur-Gesten, die zu einem Betrieb nicht passen",
  "scramble-decode – technisch-kalt, gegen die Branche"
 ],
 "regeln": [
  "Hero = echtes Foto (Team, Werkstatt, fertiges Projekt) + ein Satz Leistung + Region + zwei CTAs (Anfrage, Telefon). Die Zahlenleiste (seit 19xx, Projekte, Mitarbeitende) ist eine eigene Sektion direkt darunter, nur mit echten Werten.",
  "Telefonnummer als tel:-Link im Header und mobil in einer unteren Leiste (Anrufen / Anfrage / WhatsApp).",
  "Leistungen mit kurzer Beschreibung je Punkt (wie thermondos Mega-Menü), bei mehr als 5 Leistungen eigene Unterseiten.",
  "Wenn möglich Ab-Preise oder Förderhinweise offen nennen (thermondo: 'ab 8.700 € nach Förderung').",
  "Referenzen als Masonry mit Ort und Gewerk, Renovierung als Vorher/Nachher-Regler mit deckungsgleichen Fotos.",
  "Anfrageformular kurz: Leistung (Auswahl), PLZ, Wunschzeitraum, Foto-Upload optional; Validierung erst nach dem Verlassen eines Feldes.",
  "Ein Signalton nur für Handlungen; alle anderen Farben aus dem Material.",
  "Footer mit Öffnungszeiten, Notdienst (falls vorhanden), Einzugsgebiet und Handwerkskammer-Eintrag.",
  "agentenformular-webmcp nur als Zusatz (optional, Priorität F): Die Anfrage funktioniert vollständig als normales Formular.",
  "Pflichtangaben und Recht (Leitfaden 8a): Impressum mit Handwerkskammer, Eintragung in die Handwerksrolle und ggf. Meistertitel; Preise und Ab-Preise inkl. MwSt.; Förderhinweise nur aktuell und mit Stand; Google-Bewertungen nur mit Echtheitshinweis direkt daneben (OLG Frankfurt 19.05.2026); keine pauschalen Umweltaussagen wie „klimaneutral“ ohne Nachweis (UWG seit 27.09.2026); Foto-Upload mit Datenschutzhinweis – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "niedrig",
 "leistung": "Leicht, weil kaum JS: native Popover, CSS-Reveals, Masonry über CSS Grid (grid-lanes mit Fallback). Größter Posten sind die Fotos – AVIF/WebP, loading=lazy ab der zweiten Bildreihe. Die untere Mobilleiste darf weder Consent-Banner noch Chat-Widget verdecken.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "varianten": [
  {
   "name": "Solar, Wärmepumpe, Energieberatung",
   "hinweis": "Schrift, Farbe, Stil und Signatur bleiben; vorher-nachher-vergleichsregler zeigt Heizungsraum oder Dach vor und nach der Montage mit deckungsgleichen Fotos. kostenrechner-konfigurator geprüft: Die Demo-Varianten bad und dach passen nicht zu PV oder Wärmepumpe. Aufbau der Variante dach übernehmen (Fläche, Abhängigkeiten, Zähler); Eingaben für PV Dachfläche, Ausrichtung, Neigung und Jahresverbrauch, für die Wärmepumpe Wohnfläche, Baujahr, heutige Heizung und Heizkörper oder Fußbodenheizung. Formeln und Spannen nur aus eigenen Erfahrungswerten des Betriebs, Ergebnis immer als Spanne mit Annahmen und Stand-Datum, Übergabe an die Anfrage ohne Kontaktpflicht vor dem Ergebnis; ohne belastbare Werte nur Ab-Preise und Beispielprojekte (wann_nicht). produktfinder-quiz geprüft: Variante schritte („Welche Lösung passt zu meinem Haus?“) nur mit Fachperson dahinter und nie als Hürde vor der Anfrage; bei weniger als fünf Lösungen (z. B. Luft-Wasser, Sole-Wasser, Hybrid) statt Quiz vergleichstabelle-sticky, Variante alternativen (Textwerte statt Häkchen). Anfrage wie im Rezept mit mehrschritt-anfrage, Variante plz, dazu Foto-Upload von Zählerschrank, Heizung oder Dach. Energieberater:innen mit team-ueber-mich-layout. Recht: Förderprogramme nur mit Stand-Datum, Link zur Quelle und ohne Zusage (z. B. KfW-Heizungsförderung 458: Zuschuss 30 bis 80 %, Antrag vor Vorhabenbeginn und nach Vertrag mit einem Fachunternehmen; BAFA-Förderung der Energieberatung für Wohngebäude); Nullsteuersatz für bestimmte PV-Anlagen (§ 12 Abs. 3 UStG) nur als Hinweis mit Verweis auf die Steuerberatung; keine pauschalen Umweltaussagen wie „klimaneutral heizen“ ohne Nachweis (seit 27.09.2026); Ertrags- und Einsparprognosen als Spanne mit Annahmen, nie als Garantie; Energieberatung für Förderprogramme nur mit nachweisbarer Listung in der Energieeffizienz-Expertenliste; Handwerkskammer und Meistertitel im Impressum – vom Kunden prüfen lassen.",
   "sektionen": [
    "Was bringt das bei mir? (Rechner für PV oder Wärmepumpe, Ergebnis als Spanne mit Annahmen, Übergabe an die Anfrage)",
    "Welche Lösung passt? (wenige Fragen zu Haus und Ziel; bei weniger als fünf Lösungen eine Vergleichstabelle)",
    "Förderung und Steuern (Programme mit Stand-Datum und Quelle; Antrag vor Auftrag; wer den Antrag stellt)",
    "So läuft es ab (Vor-Ort-Termin, Planung und Angebot, Förderantrag, Montage, Inbetriebnahme, Anmeldung beim Netzbetreiber, Wartung)",
    "Referenzen (Ort, Anlage, kWp bzw. Heizlast, Baujahr; Mess- oder Ertragswerte nur mit Zeitraum)",
    "Energieberatung (wer berät, Qualifikation, Ablauf, Kosten und Zuschuss)",
    "Leistungen (je Technik eine Unterseite, Antwort zuerst)",
    "FAQ (Lautstärke, Platzbedarf, Speicher, Notstrom, Wartung, Förderung)",
    "Anfrage (PLZ zuerst, Objekt, Ziel, Fotos)",
    "Kontakt / Anfahrt / Einzugsgebiet"
   ],
   "weglassen": [
    "Kostenrechner für Bad oder Dachdämmung (durch den Rechner für PV bzw. Wärmepumpe ersetzt)",
    "Zertifikate als Logo-Wand ohne Bezug (nur echte Herstellerpartner, Qualifikationen und Listungen)"
   ],
   "muster_zusatz": [
    "produktfinder-quiz",
    "vergleichstabelle-sticky"
   ]
  }
 ],
 "stimmung_tags": [
  "warm",
  "präzise"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   40,
   56,
   80,
   120
  ],
  "sektion": "clamp(64px, 8vw, 120px)",
  "dichte": "mittel",
  "hinweis": "Klar gegliedert, nicht gedrängt: Leistungen als Liste mit 24 px zwischen den Punkten, Zahlenleiste mit 32 px Innenabstand. Mobil eine Leiste unten, darüber 80 px Freiraum am Seitenende."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 4vw, 48px)",
  "spalt": "clamp(16px, 2.4vw, 32px)",
  "max_breite": "1280px",
  "hinweis": "Hero asymmetrisch 5/7 (Text links, Foto rechts). Leistungen als Liste mit kurzer Beschreibung, keine Icon-Kacheln. Referenzen als Masonry mit 3 Spalten, mobil 1."
 },
 "form": {
  "radius_klein": "4px",
  "radius_gross": "8px",
  "pille": false,
  "linie": "1px #D3CDC2 (Zement) zwischen Leistungen und um Formularfelder",
  "schatten": "keiner",
  "hinweis": "Flächen trennen sich über die Materialtöne (Zement, Holz, Salbei), nicht über Schatten. Der Signalton #FB6100 ist nur Fläche der Anfrage- und Anruf-Knöpfe."
 },
 "bildsprache": {
  "licht": "Echtes Licht in Werkstatt und auf der Baustelle, auch Arbeitslicht; nicht nachgeschärft, nicht gefiltert.",
  "ausschnitt": "Hände am Werkstück, Material im Anschnitt, fertiger Raum in der Totale. Vorher und Nachher deckungsgleich aus derselben Position.",
  "personen": "Ja: das eigene Team bei der Arbeit, mit Einwilligung, Gesicht erlaubt.",
  "formate": [
   "3:2",
   "4:5",
   "1:1"
  ],
  "nicht": "Keine Stock-Handwerker mit Helm und Daumen hoch, keine Holz- oder Papier-Fake-Texturen, keine Renderings statt echter Projekte, kein „Meisterbetrieb“-Siegel als Deko."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Kurz und konkret: Leistung, Ort, Zahl, nächster Schritt. Ein Satz pro Leistung, Ab-Preise offen.",
  "haltung": "Direkt wie am Telefon, bodenständig, ohne Werbesprech.",
  "beispiele": [
   "Küchen und Einbaumöbel aus eigener Werkstatt in [Ort].",
   "Rufen Sie an. Wir kommen zum Aufmaß."
  ],
  "nicht": "„Ihr kompetenter Partner rund ums Haus“, „Qualität, die überzeugt“, „Wir sind Ihr Partner für …“, „klimaneutral“ ohne Nachweis."
 },
 "hero_aufbau": {
  "raster": "12 Spalten, Text über Spalte 1 bis 5, Foto über 6 bis 12 bis an den rechten Rand; mobil Foto oben, Text darunter.",
  "bild": "Echtes Foto (Team, Werkstatt oder fertiges Projekt), 3:2 Desktop, 4:5 mobil.",
  "h1": "clamp(2.25rem, 1.5rem + 3vw, 3.5rem), Special Gothic 700, oben im Textblock links.",
  "handlung": "„Anfrage stellen“ (gefüllt, #FB6100) und „Anrufen“ als tel:-Link mit sichtbarer Nummer, nebeneinander unter dem Leistungssatz.",
  "zusatz": "Region als eigene Zeile unter der H1; die Zahlenleiste ist eine eigene Sektion direkt darunter; mobil untere Leiste Anrufen / Anfrage / WhatsApp."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/handwerk-werkstatt-klartext/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/handwerk-werkstatt-klartext/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/handwerk-werkstatt-klartext/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/handwerk-werkstatt-klartext/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "hide-on-scroll-header"
   ],
   "grund": "Telefon und Anfrage müssen immer sichtbar bleiben"
  },
  {
   "ids": [
    "smooth-scroll-lenis"
   ],
   "grund": "verzögert, bringt hier nichts"
  },
  {
   "ids": [
    "kreistext-siegel-rotierend"
   ],
   "grund": "'Meisterbetrieb'-Siegel ist Template-Klischee; Meisterbrief lieber als echtes Foto oder Logo"
  },
  {
   "ids": [
    "papier-druck-textur"
   ],
   "grund": "Holz- oder Papier-Fake-Texturen wirken billig, echte Fotos zeigen das Material"
  },
  {
   "ids": [
    "magnetische-elemente",
    "cursor-follower-lerp"
   ],
   "grund": "Agentur-Gesten, die zu einem Betrieb nicht passen"
  },
  {
   "ids": [
    "scramble-decode"
   ],
   "grund": "technisch-kalt, gegen die Branche"
  }
 ],
 "starter": "https://cecodesign.de/lab/fundus/starter/handwerk-werkstatt-klartext/index.html",
 "alle_muster": [
  {
   "id": "vorher-nachher-vergleichsregler",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/vorher-nachher-vergleichsregler/meta.json"
  },
  {
   "id": "foto-hero",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/meta.json",
   "variante": "split-randabfallend",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/demo?v=split-randabfallend"
  },
  {
   "id": "zahlen-fakten-section",
   "rolle": "Sektion: Zahlen & Fakten (seit 19xx, Projekte, Mitarbeitende – nur echte Werte)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/zahlen-fakten-section/meta.json",
   "variante": "typo",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/zahlen-fakten-section/demo?v=typo"
  },
  {
   "id": "bild-zoom-in-maske",
   "rolle": "Sektion: Leistungen (bei mehr als 5 Leistungen je Leistung eine Unterseite, Antwort zuerst)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/demo?v=basis"
  },
  {
   "id": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Leistungen (bei mehr als 5 Leistungen je Leistung eine Unterseite, Antwort zuerst)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Leistungen (bei mehr als 5 Leistungen je Leistung eine Unterseite, Antwort zuerst)",
     "variante": "leistungen",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=leistungen"
    },
    {
     "rolle": "Sektion: FAQ (Kosten, Förderung, Termine)",
     "variante": "faq",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=faq"
    }
   ]
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Leistungen (bei mehr als 5 Leistungen je Leistung eine Unterseite, Antwort zuerst)",
   "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": "masonry-grid-lanes-galerie",
   "rolle": "Sektion: Referenzen / Projekte",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/masonry-grid-lanes-galerie/meta.json"
  },
  {
   "id": "prozess-timeline-wachsende-linie",
   "rolle": "Sektion: So läuft ein Auftrag ab",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prozess-timeline-wachsende-linie/meta.json"
  },
  {
   "id": "testimonials-neu-gedacht",
   "rolle": "Sektion: Kundenstimmen (eigene Stimmen mit Ort und Gewerk; Google-Bewertungen nur mit Echtheitshinweis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/meta.json",
   "variante": "zitat",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/demo?v=zitat"
  },
  {
   "id": "bewertungsprofil-mit-echtheitshinweis",
   "rolle": "Sektion: Kundenstimmen (eigene Stimmen mit Ort und Gewerk; 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": "logo-wand-social-proof",
   "rolle": "Sektion: Zertifikate / Innung / Herstellerpartner",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/meta.json",
   "variante": "siegel-nachweis",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/demo?v=siegel-nachweis"
  },
  {
   "id": "team-ueber-mich-layout",
   "rolle": "Sektion: Team / Ausbildung / Karriere",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/meta.json",
   "variante": "raster",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/demo?v=raster"
  },
  {
   "id": "stellen-karriere",
   "rolle": "Sektion: Team / Ausbildung / 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": "kostenrechner-konfigurator",
   "rolle": "Sektion: Was kostet das? (Kostenrechner mit Spanne, Übergabe an die Anfrage)",
   "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": "finanzierung-pflichtangaben",
   "rolle": "Sektion: Was kostet das? (Kostenrechner mit Spanne, Übergabe an die Anfrage)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/meta.json",
   "variante": "rechner",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/demo?v=rechner"
  },
  {
   "id": "mehrschritt-anfrage",
   "rolle": "Sektion: Anfrage (Leistung, PLZ, Wunschzeitraum, Foto-Upload)",
   "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": "formular-fehlerzusammenfassung",
   "rolle": "Sektion: Anfrage (Leistung, PLZ, Wunschzeitraum, Foto-Upload)",
   "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: Anfrage (Leistung, PLZ, Wunschzeitraum, Foto-Upload)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/validierung-nach-interaktion/meta.json"
  },
  {
   "id": "datei-upload-ablage",
   "rolle": "Sektion: Anfrage (Leistung, PLZ, Wunschzeitraum, Foto-Upload)",
   "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": "oeffnungszeiten-status",
   "rolle": "Sektion: Kontakt / Anfahrt / Öffnungszeiten (Werkstatt oder Ausstellung, Adresse als Text, Karte per 2-Klick, Einzugsgebiet, Notdienst)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "karte",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=karte"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Kontakt / Anfahrt / Öffnungszeiten (Werkstatt oder Ausstellung, Adresse als Text, Karte per 2-Klick, Einzugsgebiet, Notdienst)",
   "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": "native-popover-dropdowns",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/native-popover-dropdowns/meta.json"
  },
  {
   "id": "mobile-bottom-navigation",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/meta.json",
   "variante": "kontakt",
   "demo_url": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/demo?v=kontakt"
  },
  {
   "id": "druck-feedback",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/druck-feedback/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": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/demo?v=basis"
  },
  {
   "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": "fuellung-vom-eintrittspunkt",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/fuellung-vom-eintrittspunkt/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/fuellung-vom-eintrittspunkt/demo?v=basis"
  },
  {
   "id": "kontur-button-zeichnen",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/kontur-button-zeichnen/meta.json",
   "variante": "ecken",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/kontur-button-zeichnen/demo?v=ecken"
  },
  {
   "id": "token-tech-praezise",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-tech-praezise/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": "agentenformular-webmcp",
   "rolle": "Optional",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/agentenformular-webmcp/meta.json",
   "variante": "projekt",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/agentenformular-webmcp/demo?v=projekt"
  }
 ]
}