{
 "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": "industrie-b2b-mittelstand",
 "name": "Industrie-Mittelstand: Datenblatt und Fachperson",
 "branche": "Maschinen- und Anlagenbau / Zulieferer und Lohnfertiger / Hidden Champions / technische Dienstleister (B2B)",
 "stimmung": [
  "präzise",
  "sachlich",
  "belastbar",
  "international"
 ],
 "kurz": "Eine Seite, die sich liest wie ein gutes Datenblatt: Jede Angabe hat Einheit, Stand und Quelle, jede Anwendung hat eine Fachperson mit Namen und Durchwahl. Das sichtbare Konstruktionsraster ist die Signatur, die Beschriftung folgt der Normschrift technischer Zeichnungen statt einer Mono. Breite, ruhige Headlines in Strichpunkt Sans, Archivo mit Breitenachse für Text und Tabellen, kühles Blechgrau und Verkehrsblau nur für die Anfrage. Bewegt wird wie an einer Linearachse: nur waagerecht oder senkrecht, harte Masken, nichts glänzt. Anders als saas: keine Dashboards, kein Dunkelmodus, kein Glow, keine Mono-Labels.",
 "referenzen": [
  {
   "seite": "J. Schmalz GmbH (Vakuumtechnik, Glatten; Produktseite eines Flächengreifers)",
   "url": "https://www.schmalz.com/en-us/products/automation-743270/vacuum-grippers-746238/gripping-systems-and-end-of-arm-tooling-eoat-746240/10.01.38.10028",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.schmalz.com/en-us/products/automation-743270/vacuum-grippers-746238/gripping-systems-and-end-of-arm-tooling-eoat-746240/10.01.38.10028",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen): Produktseite je Artikelnummer (10.01.38.10028) mit Tabellen „Attribute | Value“, getrennt in Übersicht, „Design Data“ mit Maßzeichnung und „Technical Data“ (550 N, 350 l/min, -700 mbar, 75 dB(A)); Datenblatt als PDF je Artikel und Sprache, „Live CAD-Model“ zum Download in mehreren Formaten, Zubehör und Ersatzteile mit eigenen Artikelnummern, Preise erst nach Login, „Find contact person“ und Telefon direkt auf der Produktseite; Land und Sprache getrennt wählbar. Nicht übernehmen: Einheiten mal in Klammern, mal angehängt, Komma und Punkt als Dezimaltrenner gemischt, leere Überschriften „E-Plan Macro“ und „Documentation“."
  },
  {
   "seite": "Herrenknecht AG (Tunnelbohrmaschinen, Schwanau)",
   "url": "https://herrenknecht.com/en",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://herrenknecht.com/en",
   "beobachtung": "Live geprüft 02.11.2026 (WebFetch als Text; CSS nicht gemessen): Navigation mit nur fünf Punkten („Products“, „Application“, „Services“, „References“, „Careers“) plus Kontakt und Sprachen DE, EN, ES, 中文, RU; Maschinenkarten mit Bodenart und Durchmesser-Spanne („EPB Shield 1,7–16m“, „Mixshield 4,8–19m“, „Direct Pipe 0,8–1,5m (30–60\")“); Referenzen als Projekte mit Ort und belegter Leistung („Doha Metro: 111 kilometer of new metro tunnels in only 26 months“); Karriere mit vier Einstiegen („School leavers“, „Career Starters“, „Students“, „Professionals“) und eigenem Stellenportal; Newsroom mit Datum."
  },
  {
   "seite": "ifm (Sensorik, Familienunternehmen; Messetermine)",
   "url": "https://www.ifm.com/at/de/shared/unternehmen/messetermine",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.ifm.com/at/de/shared/unternehmen/messetermine",
   "beobachtung": "Live geprüft 02.11.2026 (WebFetch als Text): Messen als echte Tabelle mit Spalten Datum, Veranstaltung, Ort („LogiMAT, 16.03.2027 bis 18.03.2027, Stuttgart - Deutschland“), Monatszeilen als Zwischenköpfe und Sprunglinks je Monat, Jahre 2027/2028 schon gelistet, Ticket per E-Mail, Besuchstermin vereinbar. Nicht übernehmen: keine Halle und kein Stand, kein Kalender-Download."
  },
  {
   "seite": "Festo (Automatisierung, Esslingen; Messen und Veranstaltungen)",
   "url": "https://www.festo.com/de/de/e/ueber-festo/messen-und-veranstaltungen/messen-id_820561/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.festo.com/de/de/e/ueber-festo/messen-und-veranstaltungen/messen-id_820561/",
   "beobachtung": "Live geprüft 02.11.2026 (WebFetch als Text): Messe-Einträge mit Messe, Ort und Datum in einer Zeile („HYDROGEN Technology EXPO | Hamburg | 20.10. - 22.10.2026“), bei der SPS „Halle 9, Stand 305“ und „Kostenloses Ticket sichern“. Nicht übernehmen: Halle und Stand nur bei einem Eintrag, kein Kalender, keine Terminanfrage am Stand."
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "Neue Paarung, beide Schriften template_ok. strichpunkt-sans (René Bieder, Google Fonts seit Mai 2026) steht in keinem anderen Rezept; ihre Breitenachse geht nur nach außen (wdth 100–200), bei wdth 112–118 wirkt sie breit und ruhig wie Typenschilder und Katalogköpfe, ohne laut zu werden. archivo steht damit in bis zu drei Rezepten (verein als Text neben Big Shoulders, das parallel entstandene eventlocation-hochzeit ebenfalls als Text); die Grenze ist erreicht. Tabellenziffern von Archivo im Font geprüft. Bewusst ohne Mono-Akzent, obwohl blueprint-raster-sichtbar Mono-Beschriftungen vorschlägt: Technische Zeichnungen beschriften in schmaler Normschrift (ISO 3098), nicht in Schreibmaschinenschrift; eine Mono würde die Seite in Richtung saas schieben. Abschnittscodes, Achsen und Artikelnummern stehen deshalb in Archivo schmal (wdth 75–87), Versal, mit Tabellenziffern (Leitfaden A4). Unterschied zu saas (Geist + Geist Mono, dunkel), handwerk (Special Gothic schmal + Atkinson) und architektur (eine Familie Hanken): breit statt schmal, eine Text-Grotesk mit Breitenachse für Fließtext und Tabellen, keine Mono.",
  "headline": "strichpunkt-sans",
  "text": "archivo",
  "akzent": "",
  "groessen": "h1 Strichpunkt Sans clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem), wght 600, wdth 116, Laufweite -0.03em, Zeilenhöhe 0.98; h2 clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem), wght 600, wdth 110, -0.02em; h3 Archivo 1.25rem wght 600 wdth 100. Fließtext Archivo 1.0625rem (17 px), wght 400, wdth 100, Zeilenhöhe 1.55, max. 68ch. Tabellen (technische Daten, Messen, Downloads) Archivo 0.9375rem, wdth 87, Tabellenziffern, Einheit in eigener Spalte rechtsbündig neben dem Wert. Abschnittscodes und Achsbeschriftung des Rasters („01 · Anwendungen“, „A–D“, „1–12“) Archivo 0.75rem, wdth 75, wght 600, Versal, +0.08em. Artikelnummern Archivo wdth 87, Tabellenziffern, kopierbar. Höchstens zwei Gewichte je Familie (400/600).",
  "techniken": [
   "fluide-typo-clamp-cqi",
   "headline-laufweite-zeilenabstand",
   "tabellenziffern",
   "lesesatz-text-wrap",
   "eine-familie-wenig-gewichte"
  ],
  "alternative_eigenprojekt": "Text switzer (ITF), Headline general-sans in 600 (ITF) – nur für Eigenprojekte, nicht für Templates."
 },
 "farbe": {
  "prinzip": "Kühles Blechgrau als Grund, Graphit statt Schwarz, Rasterlinien in 13 % Graphit, dunkles Stahlblau für Kopf, Messen und Fußzeile. Genau ein Signal: Verkehrsblau (RAL 5017 als Beispiel; im Projekt die echte Hausfarbe, flach, nie als Verlauf) nur für „Projekt anfragen“, aktive Filter und Fokus. Keine Glanzflächen, kein Dunkelmodus als Gestaltungsidee, Farbe in Fotos kommt aus Maschine, Werkstoff und Halle.",
  "beispiel": [
   "#F3F3F0 Grund (Blechgrau, Datenblattpapier)",
   "#111417 Text Graphit (16,6 : 1)",
   "#4E555B Sekundärtext, Einheiten, Meta (6,8 : 1)",
   "#E4E5E1 Tabellenkopf, Zellfläche bei Hover",
   "rgba(17, 20, 23, .13) Rasterlinien und Plus-Marker",
   "#16202A Stahlblau dunkel: Kopf, Messen-Band, Fußzeile (Weiß darauf 16,5 : 1)",
   "#0E518D Signal Verkehrsblau: Projekt anfragen, aktiver Filter, Fokus (Weiß darauf 8,1 : 1; auf Grund 7,3 : 1)"
  ]
 },
 "animationsstil": "token-swiss-knackig",
 "animationsstil_hinweis": "Kein eigener UI-Stil nötig: token-swiss-knackig schließt UI nicht aus und hat ein eigenes Austrittspaar (power3.in, 70 %). Spielart „Maske“ (clip-path inset) für die H1 und Referenzbilder, „Stufen“ (steps) nie für Zahlen in technischen Tabellen: Werte stehen sofort.",
 "bewegung": {
  "easing": "cubic-bezier(0.25, 1, 0.5, 1) beim Eintritt, cubic-bezier(0.5, 0, 0.75, 0) beim Austritt (token-swiss-knackig, power3.out / power3.in)",
  "beobachtet": "nicht gemessen: Referenzen nur inhaltlich per WebFetch geprüft (siehe offen); Kurve und Dauern aus dem Animationsstil",
  "dauer_ms": "200 (Hover, Filter-Indikator, Reiter), 350 (Mega-Menü, Akkordeon, Listenzeilen nach Filterwechsel), 500 (Bild-Maske bei Referenzen, Schritt der Anfrage), 700 (H1 im Hero, einmal); Austritt 70 % davon, Versatz 40 ms",
  "regel": "Bewegung wie an einer Linearachse: nur x oder y, keine Rotation, keine Skalierung über 1.0, kein Überschwingen. Tabellen, Datenblätter, Downloads und Formulare stehen sofort; Reveals nur für die H1 und die Fotos der Referenzen. Das Raster zeichnet sich nicht ein, es ist einfach da. Bei prefers-reduced-motion 150 ms Deckkraft, Masken sofort offen.",
  "herkunft": "Kurvenpaar und Skala aus token-swiss-knackig (bau.werte: --ease-swiss, --ease-swiss-exit, --dur-1 bis --dur-4, --stagger 40, --exit .7). Referenzen inhaltlich geprüft, CSS nicht gemessen."
 },
 "hero_beschreibung": "Echtes Foto der eigenen Maschine oder Anlage im Einsatz beim Kunden oder in der eigenen Halle (keine Renderings im Hero, außer das Produkt ist noch nicht gebaut), im sichtbaren 12-Spalten-Raster (blueprint-raster-sichtbar: Linien als Zellkanten, Plus-Marker an den Schnittpunkten, Achsbeschriftung 1–12 im Steg). H1 sagt, was das Unternehmen herstellt und für wen („Vakuum-Greifsysteme für Blech, Holz und Glas“), darunter eine belegte Kennzahl mit Stand (seit, Länder, Anlagen im Feld) und zwei Knöpfe: „Projekt anfragen“ (gefüllt) und „Produkte und Datenblätter“ (Kontur mit Eckklammern). Sprache und Land oben rechts als Text. hero_variante bildsequenz-video-scrub nur, wenn 60 bis 120 gerenderte Einzelbilder aus dem CAD vorliegen und der Text daneben alles Wichtige auch ohne Bild sagt; mobil statt Scrub ein Standbild. Kein Video-Hero ohne eigenes, gutes Material.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "mega-menue-morphing-viewport",
   "native-popover-dropdowns"
  ],
  "hero": [
   "blueprint-raster-sichtbar"
  ],
  "hero_variante": [
   "bildsequenz-video-scrub"
  ],
  "sektionen": [
   {
    "zweck": "Ihre Anwendung, Ihre Fachperson (Branche und Land wählen → zuständige Vertriebs- oder Anwendungsingenieur:in mit Foto, Name, Zuständigkeit, Durchwahl, E-Mail, Sprachen; darunter „Projekt anfragen“ in Schritten: Anwendung → Teil, Werkstoff, Stückzahl oder Takt → Land und Zeitraum → Kontakt und Datei-Upload für Zeichnung; Antwortzeit nennen)",
    "muster": [
     "team-ueber-mich-layout",
     "mehrschritt-anfrage",
     "formular-fehlerzusammenfassung",
     "validierung-nach-interaktion"
    ],
    "varianten": {
     "team-ueber-mich-layout": "raster",
     "mehrschritt-anfrage": "senkrecht",
     "formular-fehlerzusammenfassung": "liste"
    }
   },
   {
    "zweck": "Anwendungen und Branchen (typografische Liste mit Bild bei Hover, mobil Daumenbild fest in der Zeile; je Branche eine Unterseite, Antwort zuerst: Aufgabe, passende Produktfamilie, eine Referenz, zuständige Person)",
    "muster": [
     "listen-hover-bildvorschau",
     "leistungsseite-antwort-zuerst"
    ],
    "varianten": {
     "leistungsseite-antwort-zuerst": "handwerk"
    }
   },
   {
    "zweck": "Produkte mit technischen Daten (Familie → Baureihe → Variante; Kenndaten als Tabelle mit Einheit und Normbezug, Varianten nebeneinander, Datenblatt als PDF je Sprache, CAD nach Klick, „Diese Variante anfragen“ mit vorausgefüllter Artikelnummer; Produktfinder mit Facetten erst ab etwa zehn Varianten)",
    "muster": [
     "lokale-produktnavigation",
     "technische-daten-produktseite",
     "facettenfilter-ergebnisliste",
     "bild-hotspots"
    ],
    "varianten": {
     "facettenfilter-ergebnisliste": "seitenleiste",
     "lokale-produktnavigation": "abschnitte",
     "bild-hotspots": "bauteil"
    }
   },
   {
    "zweck": "Downloads (Datenblätter, Betriebsanleitungen, CAD-Daten, Konformitätserklärungen, Zertifikate; filterbar nach Produkt, Dokumentart, Sprache; je Datei Version, Stand, Format, Größe und eine dauerhafte Adresse)",
    "muster": [
     "download-center-dokumente",
     "reparatur-richtpreise"
    ],
    "varianten": {
     "reparatur-richtpreise": "hersteller"
    }
   },
   {
    "zweck": "Referenzen und Fallstudien (Aufgabe, Lösung, Ergebnis in Messwerten mit Einheit, Branche, Land, Jahr; Kundenname und Logo nur mit schriftlicher Freigabe, sonst anonymisiert; auf der Startseite drei bis fünf als Reihe)",
    "muster": [
     "case-study-geruest",
     "css-native-karussell"
    ],
    "varianten": {
     "css-native-karussell": "peek"
    }
   },
   {
    "zweck": "So läuft ein Projekt (Anfrage → Machbarkeit und Versuch mit Kundenteilen → Angebot → Konstruktion → Abnahme im Werk → Inbetriebnahme vor Ort → Service; Dauer je Schritt als ehrliche Spanne)",
    "muster": [
     "prozess-timeline-wachsende-linie"
    ]
   },
   {
    "zweck": "Unternehmen, Qualität und Zertifikate (wenige Kennzahlen mit Stand und Quelle als ruhige Tabelle; Zertifikate mit Norm, Nummer, Geltungsbereich, Zertifizierer, gültig bis und PDF)",
    "muster": [
     "zahlen-fakten-section",
     "logo-wand-social-proof"
    ],
    "varianten": {
     "zahlen-fakten-section": "tabelle",
     "logo-wand-social-proof": "raster"
    }
   },
   {
    "zweck": "Messen und Termine (Tabelle mit Datum, Messe, Stadt und Land, Halle und Stand, Ticket-Code, Termin am Stand vereinbaren, .ics je Messe; Vergangenes fällt heraus; bei zwei oder drei Messen im Jahr eine einfache Liste)",
    "muster": [
     "programm-kalender"
    ],
    "varianten": {
     "programm-kalender": "programm"
    }
   },
   {
    "zweck": "Standorte weltweit (Werke, Tochtergesellschaften, Vertretungen als Liste mit Land, Rolle, Sprachen, Ansprechperson, Ortszeit als Text; Entfernung erst nach PLZ oder Standortfreigabe, Karte erst nach zweitem Klick)",
    "muster": [
     "standortfinder-liste"
    ],
    "varianten": {
     "standortfinder-liste": "liste"
    }
   },
   {
    "zweck": "Karriere (Einstiege Ausbildung, Studium, Berufserfahrene; Stellen mit Gehaltsspanne oder Tarifgruppe, Ort, Schicht; Kurzbewerbung; ab vier Stellen Filter; bei eigener Karriere-Microsite Rezept arbeitgeber-karriere)",
    "muster": [
     "stellen-karriere"
    ],
    "varianten": {
     "stellen-karriere": "liste"
    }
   },
   {
    "zweck": "Kontakt, Service-Hotline und Anfahrt (Zentrale und Service getrennt, Erreichbarkeit mit Zeitzone; kurzes Formular für allgemeine Fragen; Adresse als Text; Werkszufahrt als eigene Skizze mit Besuchereingang und LKW-Tor)",
    "muster": [
     "kontakt-anfrage-formular",
     "oeffnungszeiten-status",
     "karte-zwei-klick",
     "firmendaten-strukturiert"
    ],
    "varianten": {
     "oeffnungszeiten-status": "termin",
     "karte-zwei-klick": "skizze",
     "firmendaten-strukturiert": "werkstatt"
    }
   }
  ],
  "scroll": [
   "clip-path-bild-reveal"
  ],
  "schrift_animation": [],
  "hover": [
   "listen-hover-bildvorschau"
  ],
  "cursor": [],
  "mikro": [
   "tabs-pfeiltasten-focusgroup",
   "kopieren-feedback",
   "einblenden-starting-style"
  ],
  "material": [],
  "galerie": [
   "galerie-shared-element-vollbild"
  ],
  "footer": [
   "mega-footer-sitemap"
  ],
  "button": [
   "button-zustaende",
   "kontur-button-zeichnen"
  ]
 },
 "signatur": [
  "blueprint-raster-sichtbar"
 ],
 "optional": [
  "gap-decorations-raster",
  "agentenformular-webmcp"
 ],
 "varianten_demo": {
  "kontur-button-zeichnen": "ecken",
  "galerie-shared-element-vollbild": "basis",
  "tabs-pfeiltasten-focusgroup": "manuell",
  "gap-decorations-raster": "kenndaten",
  "agentenformular-webmcp": "projekt"
 },
 "nicht_verwenden": [
  "produkt-ui-hero-perspektiv-tilt / command-palette-und-ki-suche – Signaturen von saas; hier stehen Maschinen und Datenblätter im Vordergrund, keine Software-Oberflächen",
  "karten-spotlight-glow / verlaufs-rahmen / mesh-gradient-shader / liquid-glass-refraktion – SaaS-Glanz; das Rezept lebt von Linien, Zahlen und echten Fotos",
  "glas-button / frosted-glass-erweitert – Glas über Hallenfotos senkt den Kontrast und wirkt wie Konsumelektronik",
  "zahlen-odometer – hochgezählte Kennzahlen wirken verkäuferisch; Zahlen stehen still, mit Stand und Quelle",
  "smooth-scroll-lenis – Datenblätter, Tabellen und Downloads werden gelesen und verglichen",
  "marquee-laufband – Kundenlogos als Laufband; Referenzen nur mit Freigabe und als ruhiges Raster",
  "interaktives-3d-hero / scroll-3d-kamerafahrt – teuer und langsam; CAD-Modelle als Download oder Viewer erst nach Klick",
  "scramble-decode / typewriter-natural – Hacker- und Chat-Ästhetik statt Messtechnik",
  "mono-labels-versal – die Beschriftung folgt der Normschrift in Archivo schmal, eine Mono wäre die dritte Stimme",
  "prompt-hero-eingabefeld / ki-streaming-text-denkindikator – kein KI-Chat statt Fachperson; wenn ein Assistent kommt, nur gekennzeichnet (Art. 50 KI-VO)",
  "magnetische-elemente / cursor-follower-lerp / kontextueller-cursor – Agentur-Gesten ohne Nutzen für Einkäufer und Ingenieure",
  "stapelkarten / bento-grid-interaktiv – verstecken Daten oder verlangen Füllinhalt",
  "vorher-nachher-vergleichsregler – Signatur von handwerk",
  "konfetti-erfolg – nach der Anfrage eine sachliche Bestätigung mit Vorgangsnummer und Name der Fachperson",
  "Renderings und Stockfotos von Handschlägen, Weltkugeln und Zahnrädern – echte Fotos aus Halle, Prüffeld und Kundenanlage"
 ],
 "regeln": [
  "Erster Bildschirm: echtes Foto der Maschine im Einsatz, H1 mit Produkt und Anwendung, eine belegte Kennzahl mit Stand, „Projekt anfragen“ und „Produkte und Datenblätter“. Sprache und Land oben rechts als Text, keine Flaggen.",
  "Datenblatt-Regel: Jede technische Angabe hat Wert, Einheit und, wo es sie gibt, Norm oder Prüfbedingung („Saugkraft 550 N bei -250 mbar“). Einheiten immer an derselben Stelle (eigene Spalte), Dezimaltrenner je Sprache einheitlich (Schmalz mischt Komma und Punkt), Tabellenziffern. Leere Felder und leere Überschriften fallen weg.",
  "Fachperson statt Formular-Sackgasse: Jede Branche oder Region hat eine Person mit Foto, Name, Zuständigkeit, Durchwahl, E-Mail und Sprachen. Die Anfrage nennt, wann geantwortet wird, und nimmt Zeichnungen an (STEP, DXF, PDF, mit Größengrenze); Hinweis, dass Daten vertraulich behandelt werden und eine Geheimhaltungsvereinbarung auf Wunsch vorab möglich ist (Text vom Kunden).",
  "Konstruktionsraster konsequent: 12 Spalten ab 821 px, 8 bis 820 px, 4 darunter; Linien als Zellkanten (blueprint-raster-sichtbar), Plus-Marker nur an Schnittpunkten, Achsbeschriftung und Abschnittscodes in Archivo schmal. Jedes Element sitzt auf einer Linie; was nicht passt, wird umgebaut, nicht verschoben. Ein Material-Effekt pro Ansicht: das Raster.",
  "Mehrsprachigkeit: Sprache und Land getrennt (Schmalz), hreflang je Fassung, keine automatische Umleitung nach IP ohne Rückweg; Maße auf englischen Seiten für Nordamerika zusätzlich in Zoll, wenn der Kunde das liefert (Herrenknecht: „0,8–1,5m (30–60\")“). Jede Sprachfassung erreicht Impressum und Datenschutz.",
  "Produkte: Familie → Baureihe → Variante; die Varianten einer Baureihe stehen als Tabelle nebeneinander, die Artikelnummer ist mit einem Klick kopierbar (kopieren-feedback). Preise nur, wenn der Kunde sie nennen will; „Preis auf Anfrage“ ist erlaubt, ein toter Warenkorb nicht.",
  "Downloads: dauerhafte Adressen, die sich bei neuen Versionen nicht ändern (alte Version bleibt erreichbar und ist als ersetzt markiert), Version, Stand, Sprache, Format und Größe an jeder Datei. CAD-Viewer und Konfiguratoren von Dritten erst nach Klick bzw. Einwilligung.",
  "Referenzen zeigen Aufgabe, Lösung und Ergebnis in Messwerten (Herrenknecht: Strecke und Bauzeit). Kundenname, Logo und Fotos aus Kundenwerken nur mit schriftlicher Freigabe; sonst „Tier-1-Zulieferer, Süddeutschland“.",
  "Zertifikate nur gültig und vollständig: Norm mit Ausgabejahr (ISO 9001:2015), Zertifikatsnummer, Geltungsbereich, Standort, Zertifizierer, gültig bis, PDF. Abgelaufene Zertifikate sofort entfernen; ein Logo ohne Nachweis ist Irreführung (§ 5 UWG) – vom Kunden prüfen lassen.",
  "Messen als Tabelle mit Halle und Stand bei jedem Eintrag (bei ifm fehlen sie, bei Festo nur einmal), Ticket-Code, „Termin am Stand vereinbaren“ und .ics; vergangene Messen fallen automatisch heraus.",
  "Bewegung nach token-swiss-knackig: nur waagerecht oder senkrecht, Masken statt Fade, 200 bis 700 ms, Austritt 70 %. Tabellen, Filterergebnisse und Formulare stehen sofort, Filterwechsel ohne Animation der Werte.",
  "Pflichtangaben und Recht (Leitfaden 8a): Impressum nach § 5 DDG mit Rechtsform, Vertretungsberechtigten, Registergericht und -nummer, USt-IdNr., in jeder Sprachfassung erreichbar. Richtet sich ein Shop oder eine Preisliste nur an Unternehmen, das klar sagen und technisch durchhalten; sonst gilt die Preisangabenverordnung mit Endpreisen. Umweltaussagen („CO₂-neutral“, „nachhaltig produziert“) nur mit Nachweis. Betriebsanleitungen, die digital bereitgestellt werden: nach der Maschinenverordnung (EU) 2023/1230 ab 20.01.2027 herunterladbar und druckbar, mindestens zehn Jahre online bzw. für die Lebensdauer der Maschine, Papier auf Wunsch beim Kauf. Gibt es ein Hinweisgebersystem (HinSchG), den Zugang im Footer verlinken. Alles vom Kunden prüfen lassen; Claude schreibt keine Rechtstexte.",
  "Barrierefreiheit: Das BFSG zielt auf Leistungen für Verbraucher; reine B2B-Seiten sind meist nicht erfasst (vom Kunden prüfen lassen). Gebaut wird trotzdem nach WCAG 2.2 AA; Tabellen mit echten Kopfzellen, Linien des Rasters nie als einzige Trennung von Bedeutung.",
  "Karriere: Stellen mit Gehaltsspanne oder Tarifgruppe, geschlechtsneutral (AGG), Kurzbewerbung ohne Anschreiben; die Regeln stehen im Rezept arbeitgeber-karriere."
 ],
 "varianten": [
  {
   "name": "Zulieferer und Lohnfertiger (Teile nach Zeichnung)",
   "hinweis": "Statt Produktfamilien die Fertigungsmöglichkeiten als Tabelle: Verfahren, Werkstoffe, größte Abmessungen, erreichbare Toleranzen, Losgrößen, Maschinenpark mit Baujahr. Die Anfrage beginnt mit dem Zeichnungs-Upload. Qualitätsnormen der Abnehmerbranche (z. B. IATF 16949) mit Nummer und Gültigkeit.",
   "sektionen": [
    "Was wir fertigen (Fertigungsmöglichkeiten als Tabelle statt Produkte)",
    "Zeichnung hochladen und anfragen (mehrschritt-anfrage, Variante senkrecht)",
    "Qualität und Messtechnik (Zertifikate, Messraum, Erstmusterprüfung)"
   ],
   "weglassen": [
    "Produkte mit technischen Daten",
    "Downloads – auf Zertifikate und Lieferbedingungen kürzen"
   ],
   "muster_zusatz": []
  },
  {
   "name": "Technischer Dienstleister (Prüflabor, Ingenieurbüro, Instandhaltung, Montage)",
   "hinweis": "Leistungen statt Produkte, je Leistung eine Unterseite mit Antwort zuerst (Umfang, Dauer, Normen, Einsatzgebiet). Akkreditierungen mit Urkundennummer und Geltungsbereich; Rufbereitschaft und Reaktionszeit nur, wenn vertraglich gehalten. Reine Planungsbüros eher mit architektur-ruhiges-raster.",
   "sektionen": [
    "Leistungen nach Anlass (Prüfung, Wartung, Störung, Umbau)",
    "Rufbereitschaft und Service-Hotline (oeffnungszeiten-status, Variante termin)",
    "Akkreditierung und Normen"
   ],
   "weglassen": [
    "Produkte mit technischen Daten",
    "Messen – nur, wenn der Dienstleister ausstellt"
   ],
   "muster_zusatz": []
  },
  {
   "name": "Hersteller mit B2B-Shop oder Ersatzteilportal",
   "hinweis": "Schnellbestellung über Artikelnummer und Menge, Preise nach Login nur, wenn der Kunde das will; ausdrücklich „nur für Unternehmer“ und Prüfung im Bestellprozess. Kaufbox und Warenkorb aus d2c-produkt-zuerst leihen (dessen nicht_verwenden gilt dann zusätzlich, seine Signaturen nicht). Ersatzteile über Seriennummer der Maschine finden.",
   "sektionen": [
    "Ersatzteil finden (Seriennummer oder Baureihe → Explosionszeichnung als Liste)",
    "Schnellbestellung (Artikelnummer, Menge, Kostenstelle)"
   ],
   "weglassen": [],
   "muster_zusatz": [
    "produkt-kaufbox-varianten",
    "warenkorb-drawer"
   ]
  }
 ],
 "template_tauglich": true,
 "aufwand": "hoch",
 "leistung": "Das Raster kostet nichts (CSS-Linien, kein Bild). Teuer sind Produktdaten und Downloads: Tabellen serverseitig rendern, Filter ohne Neuladen nur bis wenige hundert Varianten im Client, darüber serverseitig. Hero-Foto AVIF mit fetchpriority=high und fester aspect-ratio. bildsequenz-video-scrub nur als Variante: Einzelbilder als AVIF-Sprite oder Video, erst nach dem LCP laden, mobil ein Standbild. CAD-Viewer, Karten und Video erst nach Klick. Strichpunkt Sans und Archivo als Variable-WOFF2 mit Latin und Latin Extended (Polnisch, Tschechisch, Türkisch); für Kyrillisch oder Chinesisch eine ausgewiesene Ersatzschrift festlegen. sofort-navigation-vorladen für Produkte, Anwendungen und Kontakt, nie für Downloads und Formular-Ergebnisse.",
 "offen": [
  "Fehlende Bausteine (siehe industrie-b2b-mittelstand-fehlend.md): technische-daten-produktseite und download-center-dokumente. Beide ids stehen schon in den Sektionen und werden von der Prüfung als unbekannt gemeldet.",
  "Referenzen nur inhaltlich per WebFetch geprüft; Schriften, Farben und Kurven der Vorbilder nicht gemessen. Ein kleineres Unternehmen (unter 500 Beschäftigten) als Referenz fehlt noch.",
  "strichpunkt-sans hat im Katalog keine Produktions-Sichtung; Zeichensatz (Latin Extended, Kyrillisch) und Tabellenziffern von Strichpunkt Sans am Font prüfen (Archivo: tnum vorhanden). Schriftdatei strichpunkt-sans liegt noch nicht unter assets/fonts.",
  "Bewusste Abweichung vom Muster blueprint-raster-sichtbar: Beschriftung in Archivo schmal statt Mono. AD prüfen, ob das Raster ohne Mono noch technisch genug wirkt.",
  "Eintrag in werkzeug/fundus/rezept-finder.json fehlt (Vorschlag: ziele anfrage, info; begriffe Maschinenbau, Anlagenbau, Sondermaschinenbau, Zulieferer, Lohnfertigung, Industrie, Hidden Champion, Automatisierung, Antriebstechnik, Messtechnik, Prüflabor, Instandhaltung)."
 ],
 "stimmung_tags": [
  "präzise",
  "ruhig"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   64,
   96,
   128
  ],
  "sektion": "clamp(64px, 8vw, 128px)",
  "dichte": "dicht",
  "hinweis": "Datenblatt-Dichte: Tabellenzeilen 8 bis 12 px, Zellen mit 16 bis 24 px Innenabstand. Jedes Element sitzt auf einer Rasterlinie."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 3vw, 40px)",
  "spalt": "0",
  "max_breite": "1440px",
  "hinweis": "12 Spalten ab 821 px, 8 bis 820 px, 4 darunter (Regel). Sichtbares Raster mit Plus-Markern nur an Schnittpunkten und Achsbeschriftung im Steg (blueprint-raster-sichtbar). Spaltenabstand 0, Linien sind die Zellkanten; Innenabstand der Zelle clamp(16px, 2vw, 24px)."
 },
 "form": {
  "radius_klein": "0",
  "radius_gross": "0",
  "pille": false,
  "linie": "1px rgba(17, 20, 23, .13) für Raster und Plus-Marker; Tabellenkopf auf #E4E5E1",
  "schatten": "keiner",
  "hinweis": "Keine Rundung, kein Glanz. Nebenweg als Kontur mit Eckklammern (kontur-button-zeichnen, Variante ecken), Verkehrsblau flach."
 },
 "bildsprache": {
  "licht": "Hallenlicht oder Licht beim Kunden, technisch scharf.",
  "ausschnitt": "Maschine im Einsatz, Mensch als Maßstab, Detail der Funktion.",
  "personen": "Ja: Fachpersonen mit Namen; Kundenwerke nur mit schriftlicher Freigabe.",
  "formate": [
   "3:2",
   "16:9",
   "4:3"
  ],
  "nicht": "Keine Renderings im Hero (außer das Produkt ist noch nicht gebaut), keine Stock-Ingenieur:innen mit Tablet, kein Globus, kein Glanz."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Wie ein Datenblatt: Wert, Einheit, Bedingung. Verben sachlich, keine Adjektivketten.",
  "haltung": "Belastbar und präzise; jede Anwendung hat eine Person mit Durchwahl.",
  "beispiele": [
   "Spannsysteme für Fräszentren, gefertigt in [Ort].",
   "Ihre Ansprechperson für Holz: [Name], Durchwahl [Nummer]."
  ],
  "nicht": "„Hidden Champion“ als Selbstlob, „innovativ“, „Lösungen“ ohne Gegenstand, „weltweit führend“ ohne Beleg."
 },
 "hero_aufbau": {
  "raster": "Sichtbares 12-Spalten-Raster mit Achsbeschriftung 1–12 im Steg: Text über Spalte 1 bis 6, Foto über 7 bis 12, beide auf Linien.",
  "bild": "Echtes Foto der eigenen Maschine im Einsatz, 3:2. bildsequenz-video-scrub nur als hero_variante mit 60 bis 120 CAD-Bildern, mobil Standbild.",
  "h1": "clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem), Strichpunkt Sans 600 wdth 116, links oben auf einer Rasterlinie.",
  "handlung": "„Projekt anfragen“ (Verkehrsblau gefüllt) und „Produkte und Datenblätter“ (Kontur mit Eckklammern), nebeneinander.",
  "zusatz": "Belegte Kennzahl mit Stand; Sprache und Land oben rechts als Text; Abschnittscode „01 · …“ in Archivo schmal."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/industrie-b2b-mittelstand/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/industrie-b2b-mittelstand/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/industrie-b2b-mittelstand/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/industrie-b2b-mittelstand/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "produkt-ui-hero-perspektiv-tilt",
    "command-palette-und-ki-suche"
   ],
   "grund": "Signaturen von saas; hier stehen Maschinen und Datenblätter im Vordergrund, keine Software-Oberflächen"
  },
  {
   "ids": [
    "karten-spotlight-glow",
    "verlaufs-rahmen",
    "mesh-gradient-shader",
    "liquid-glass-refraktion"
   ],
   "grund": "SaaS-Glanz; das Rezept lebt von Linien, Zahlen und echten Fotos"
  },
  {
   "ids": [
    "glas-button",
    "frosted-glass-erweitert"
   ],
   "grund": "Glas über Hallenfotos senkt den Kontrast und wirkt wie Konsumelektronik"
  },
  {
   "ids": [
    "zahlen-odometer"
   ],
   "grund": "hochgezählte Kennzahlen wirken verkäuferisch; Zahlen stehen still, mit Stand und Quelle"
  },
  {
   "ids": [
    "smooth-scroll-lenis"
   ],
   "grund": "Datenblätter, Tabellen und Downloads werden gelesen und verglichen"
  },
  {
   "ids": [
    "marquee-laufband"
   ],
   "grund": "Kundenlogos als Laufband; Referenzen nur mit Freigabe und als ruhiges Raster"
  },
  {
   "ids": [
    "interaktives-3d-hero",
    "scroll-3d-kamerafahrt"
   ],
   "grund": "teuer und langsam; CAD-Modelle als Download oder Viewer erst nach Klick"
  },
  {
   "ids": [
    "scramble-decode",
    "typewriter-natural"
   ],
   "grund": "Hacker- und Chat-Ästhetik statt Messtechnik"
  },
  {
   "ids": [
    "mono-labels-versal"
   ],
   "grund": "die Beschriftung folgt der Normschrift in Archivo schmal, eine Mono wäre die dritte Stimme"
  },
  {
   "ids": [
    "prompt-hero-eingabefeld",
    "ki-streaming-text-denkindikator"
   ],
   "grund": "kein KI-Chat statt Fachperson; wenn ein Assistent kommt, nur gekennzeichnet (Art. 50 KI-VO)"
  },
  {
   "ids": [
    "magnetische-elemente",
    "cursor-follower-lerp",
    "kontextueller-cursor"
   ],
   "grund": "Agentur-Gesten ohne Nutzen für Einkäufer und Ingenieure"
  },
  {
   "ids": [
    "stapelkarten",
    "bento-grid-interaktiv"
   ],
   "grund": "verstecken Daten oder verlangen Füllinhalt"
  },
  {
   "ids": [
    "vorher-nachher-vergleichsregler"
   ],
   "grund": "Signatur von handwerk"
  },
  {
   "ids": [
    "konfetti-erfolg"
   ],
   "grund": "nach der Anfrage eine sachliche Bestätigung mit Vorgangsnummer und Name der Fachperson"
  },
  {
   "ids": [],
   "grund": "Renderings und Stockfotos von Handschlägen, Weltkugeln und Zahnrädern – echte Fotos aus Halle, Prüffeld und Kundenanlage"
  }
 ],
 "alle_muster": [
  {
   "id": "blueprint-raster-sichtbar",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/blueprint-raster-sichtbar/meta.json"
  },
  {
   "id": "bildsequenz-video-scrub",
   "rolle": "Hero-Variante",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/scroll/bildsequenz-video-scrub/meta.json"
  },
  {
   "id": "team-ueber-mich-layout",
   "rolle": "Sektion: Ihre Anwendung, Ihre Fachperson (Branche und Land wählen → zuständige Vertriebs- oder Anwendungsingenieur:in mit Foto, Name, Zuständigkeit, Durchwahl, E-Mail, Sprachen; darunter „Projekt anfragen“ in Schritten: Anwendung → Teil, Werkstoff, Stückzahl oder Takt → Land und Zeitraum → Kontakt und Datei-Upload für Zeichnung; Antwortzeit nennen)",
   "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": "mehrschritt-anfrage",
   "rolle": "Sektion: Ihre Anwendung, Ihre Fachperson (Branche und Land wählen → zuständige Vertriebs- oder Anwendungsingenieur:in mit Foto, Name, Zuständigkeit, Durchwahl, E-Mail, Sprachen; darunter „Projekt anfragen“ in Schritten: Anwendung → Teil, Werkstoff, Stückzahl oder Takt → Land und Zeitraum → Kontakt und Datei-Upload für Zeichnung; Antwortzeit nennen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/meta.json",
   "variante": "senkrecht",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/demo?v=senkrecht"
  },
  {
   "id": "formular-fehlerzusammenfassung",
   "rolle": "Sektion: Ihre Anwendung, Ihre Fachperson (Branche und Land wählen → zuständige Vertriebs- oder Anwendungsingenieur:in mit Foto, Name, Zuständigkeit, Durchwahl, E-Mail, Sprachen; darunter „Projekt anfragen“ in Schritten: Anwendung → Teil, Werkstoff, Stückzahl oder Takt → Land und Zeitraum → Kontakt und Datei-Upload für Zeichnung; Antwortzeit nennen)",
   "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: Ihre Anwendung, Ihre Fachperson (Branche und Land wählen → zuständige Vertriebs- oder Anwendungsingenieur:in mit Foto, Name, Zuständigkeit, Durchwahl, E-Mail, Sprachen; darunter „Projekt anfragen“ in Schritten: Anwendung → Teil, Werkstoff, Stückzahl oder Takt → Land und Zeitraum → Kontakt und Datei-Upload für Zeichnung; Antwortzeit nennen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/validierung-nach-interaktion/meta.json"
  },
  {
   "id": "listen-hover-bildvorschau",
   "rolle": "Sektion: Anwendungen und Branchen (typografische Liste mit Bild bei Hover, mobil Daumenbild fest in der Zeile; je Branche eine Unterseite, Antwort zuerst: Aufgabe, passende Produktfamilie, eine Referenz, zuständige Person)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/listen-hover-bildvorschau/meta.json"
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Anwendungen und Branchen (typografische Liste mit Bild bei Hover, mobil Daumenbild fest in der Zeile; je Branche eine Unterseite, Antwort zuerst: Aufgabe, passende Produktfamilie, eine Referenz, zuständige Person)",
   "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": "lokale-produktnavigation",
   "rolle": "Sektion: Produkte mit technischen Daten (Familie → Baureihe → Variante; Kenndaten als Tabelle mit Einheit und Normbezug, Varianten nebeneinander, Datenblatt als PDF je Sprache, CAD nach Klick, „Diese Variante anfragen“ mit vorausgefüllter Artikelnummer; Produktfinder mit Facetten erst ab etwa zehn Varianten)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/lokale-produktnavigation/meta.json",
   "variante": "abschnitte",
   "demo_url": "https://cecodesign.de/lab/fundus/navigation/lokale-produktnavigation/demo?v=abschnitte"
  },
  {
   "id": "technische-daten-produktseite",
   "rolle": "Sektion: Produkte mit technischen Daten (Familie → Baureihe → Variante; Kenndaten als Tabelle mit Einheit und Normbezug, Varianten nebeneinander, Datenblatt als PDF je Sprache, CAD nach Klick, „Diese Variante anfragen“ mit vorausgefüllter Artikelnummer; Produktfinder mit Facetten erst ab etwa zehn Varianten)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/technische-daten-produktseite/meta.json"
  },
  {
   "id": "facettenfilter-ergebnisliste",
   "rolle": "Sektion: Produkte mit technischen Daten (Familie → Baureihe → Variante; Kenndaten als Tabelle mit Einheit und Normbezug, Varianten nebeneinander, Datenblatt als PDF je Sprache, CAD nach Klick, „Diese Variante anfragen“ mit vorausgefüllter Artikelnummer; Produktfinder mit Facetten erst ab etwa zehn Varianten)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/facettenfilter-ergebnisliste/meta.json",
   "variante": "seitenleiste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/facettenfilter-ergebnisliste/demo?v=seitenleiste"
  },
  {
   "id": "bild-hotspots",
   "rolle": "Sektion: Produkte mit technischen Daten (Familie → Baureihe → Variante; Kenndaten als Tabelle mit Einheit und Normbezug, Varianten nebeneinander, Datenblatt als PDF je Sprache, CAD nach Klick, „Diese Variante anfragen“ mit vorausgefüllter Artikelnummer; Produktfinder mit Facetten erst ab etwa zehn Varianten)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/bild-hotspots/meta.json",
   "variante": "bauteil",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/bild-hotspots/demo?v=bauteil"
  },
  {
   "id": "download-center-dokumente",
   "rolle": "Sektion: Downloads (Datenblätter, Betriebsanleitungen, CAD-Daten, Konformitätserklärungen, Zertifikate; filterbar nach Produkt, Dokumentart, Sprache; je Datei Version, Stand, Format, Größe und eine dauerhafte Adresse)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/download-center-dokumente/meta.json"
  },
  {
   "id": "reparatur-richtpreise",
   "rolle": "Sektion: Downloads (Datenblätter, Betriebsanleitungen, CAD-Daten, Konformitätserklärungen, Zertifikate; filterbar nach Produkt, Dokumentart, Sprache; je Datei Version, Stand, Format, Größe und eine dauerhafte Adresse)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/reparatur-richtpreise/meta.json",
   "variante": "hersteller",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/reparatur-richtpreise/demo?v=hersteller"
  },
  {
   "id": "case-study-geruest",
   "rolle": "Sektion: Referenzen und Fallstudien (Aufgabe, Lösung, Ergebnis in Messwerten mit Einheit, Branche, Land, Jahr; Kundenname und Logo nur mit schriftlicher Freigabe, sonst anonymisiert; auf der Startseite drei bis fünf als Reihe)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/case-study-geruest/meta.json"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Sektion: Referenzen und Fallstudien (Aufgabe, Lösung, Ergebnis in Messwerten mit Einheit, Branche, Land, Jahr; Kundenname und Logo nur mit schriftlicher Freigabe, sonst anonymisiert; auf der Startseite drei bis fünf als Reihe)",
   "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": "prozess-timeline-wachsende-linie",
   "rolle": "Sektion: So läuft ein Projekt (Anfrage → Machbarkeit und Versuch mit Kundenteilen → Angebot → Konstruktion → Abnahme im Werk → Inbetriebnahme vor Ort → Service; Dauer je Schritt als ehrliche Spanne)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prozess-timeline-wachsende-linie/meta.json"
  },
  {
   "id": "zahlen-fakten-section",
   "rolle": "Sektion: Unternehmen, Qualität und Zertifikate (wenige Kennzahlen mit Stand und Quelle als ruhige Tabelle; Zertifikate mit Norm, Nummer, Geltungsbereich, Zertifizierer, gültig bis und PDF)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/zahlen-fakten-section/meta.json",
   "variante": "tabelle",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/zahlen-fakten-section/demo?v=tabelle"
  },
  {
   "id": "logo-wand-social-proof",
   "rolle": "Sektion: Unternehmen, Qualität und Zertifikate (wenige Kennzahlen mit Stand und Quelle als ruhige Tabelle; Zertifikate mit Norm, Nummer, Geltungsbereich, Zertifizierer, gültig bis und PDF)",
   "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": "programm-kalender",
   "rolle": "Sektion: Messen und Termine (Tabelle mit Datum, Messe, Stadt und Land, Halle und Stand, Ticket-Code, Termin am Stand vereinbaren, .ics je Messe; Vergangenes fällt heraus; bei zwei oder drei Messen im Jahr eine einfache Liste)",
   "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": "standortfinder-liste",
   "rolle": "Sektion: Standorte weltweit (Werke, Tochtergesellschaften, Vertretungen als Liste mit Land, Rolle, Sprachen, Ansprechperson, Ortszeit als Text; Entfernung erst nach PLZ oder Standortfreigabe, Karte erst nach zweitem Klick)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/standortfinder-liste/meta.json",
   "variante": "liste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/standortfinder-liste/demo?v=liste"
  },
  {
   "id": "stellen-karriere",
   "rolle": "Sektion: Karriere (Einstiege Ausbildung, Studium, Berufserfahrene; Stellen mit Gehaltsspanne oder Tarifgruppe, Ort, Schicht; Kurzbewerbung; ab vier Stellen Filter; bei eigener Karriere-Microsite Rezept arbeitgeber-karriere)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/stellen-karriere/meta.json",
   "variante": "liste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/stellen-karriere/demo?v=liste"
  },
  {
   "id": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt, Service-Hotline und Anfahrt (Zentrale und Service getrennt, Erreichbarkeit mit Zeitzone; kurzes Formular für allgemeine Fragen; Adresse als Text; Werkszufahrt als eigene Skizze mit Besuchereingang und LKW-Tor)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Kontakt, Service-Hotline und Anfahrt (Zentrale und Service getrennt, Erreichbarkeit mit Zeitzone; kurzes Formular für allgemeine Fragen; Adresse als Text; Werkszufahrt als eigene Skizze mit Besuchereingang und LKW-Tor)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "termin",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=termin"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Kontakt, Service-Hotline und Anfahrt (Zentrale und Service getrennt, Erreichbarkeit mit Zeitzone; kurzes Formular für allgemeine Fragen; Adresse als Text; Werkszufahrt als eigene Skizze mit Besuchereingang und LKW-Tor)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/karte-zwei-klick/meta.json",
   "variante": "skizze",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/karte-zwei-klick/demo?v=skizze"
  },
  {
   "id": "firmendaten-strukturiert",
   "rolle": "Sektion: Kontakt, Service-Hotline und Anfahrt (Zentrale und Service getrennt, Erreichbarkeit mit Zeitzone; kurzes Formular für allgemeine Fragen; Adresse als Text; Werkszufahrt als eigene Skizze mit Besuchereingang und LKW-Tor)",
   "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": "mega-menue-morphing-viewport",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/mega-menue-morphing-viewport/meta.json"
  },
  {
   "id": "native-popover-dropdowns",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/native-popover-dropdowns/meta.json"
  },
  {
   "id": "clip-path-bild-reveal",
   "rolle": "Scroll",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/scroll/clip-path-bild-reveal/meta.json"
  },
  {
   "id": "tabs-pfeiltasten-focusgroup",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/tabs-pfeiltasten-focusgroup/meta.json",
   "variante": "manuell",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/tabs-pfeiltasten-focusgroup/demo?v=manuell"
  },
  {
   "id": "kopieren-feedback",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/kopieren-feedback/meta.json"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/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": "mega-footer-sitemap",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/mega-footer-sitemap/meta.json"
  },
  {
   "id": "button-zustaende",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/button-zustaende/meta.json"
  },
  {
   "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-swiss-knackig",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-swiss-knackig/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": "headline-laufweite-zeilenabstand",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/headline-laufweite-zeilenabstand/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": "eine-familie-wenig-gewichte",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/eine-familie-wenig-gewichte/meta.json"
  },
  {
   "id": "gap-decorations-raster",
   "rolle": "Optional",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/gap-decorations-raster/meta.json",
   "variante": "kenndaten",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/gap-decorations-raster/demo?v=kenndaten"
  },
  {
   "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"
  }
 ]
}