{
 "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": "gastro-warm-appetitlich",
 "name": "Gastronomie: warm und einladend",
 "branche": "Restaurant / Café / Bar / Rösterei mit Café",
 "stimmung": [
  "warm",
  "einladend",
  "persönlich",
  "sinnlich"
 ],
 "kurz": "Fühlt sich an wie das Lokal selbst: warmes Papier-Weiß, eine weiche Serif mit Charakter, Hausfarben aus Einrichtung oder Logo, große Food- und Raumfotos. Karte, Reservierung und Öffnungszeiten sind nie mehr als einen Tipp entfernt. Bilder blenden sanft ein, alles andere bleibt ruhig.",
 "referenzen": [
  {
   "seite": "Dishoom (Restaurants, UK)",
   "url": "https://www.dishoom.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Next.js, GSAP + ScrollTrigger und Swiper im Bundle. Typekit axn5fbj mit vielen Display-Schriften (gill-sans-nova, big-caslon-fb, hepta-slab, baskerville-urw u. a.) plus eigene @font-face 'cheltenhamBT' 400/700 und eine Standort-Schrift 'dishoomBattersea'. --default-bg-color #f0ece0, --default-text-color #353839, --nav-bg #eac16e, dazu Salbei #7f937a, Rosé #e1a894, Grün #006642. Versal-Labels .15em/.25em. Hero-Bild startet mit filter:brightness(0) und hellt in .7s ease-out auf, ein weiteres Bild läuft opacity 0 → 1 und scale .8 → 1 in .7s ease-out. Navigation nach Standorten (Cafés / Permit Rooms) und Explore (Menus, Shop, Group feasting, Order delivery …). Einstieg 'Peruse menus, book tables, explore gifts' mit drei Kacheln MENUS / RESERVATIONS / STORE; dazu Rezepte, 'Awards and Accolades'.",
   "herkunft": "beobachtet",
   "quelle": "https://www.dishoom.com/ (HTML-Inline-Styles, _next-Chunks, Typekit-CSS)"
  },
  {
   "seite": "noma (Kopenhagen)",
   "url": "https://noma.dk/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): WordPress. Nur 'Helvetica Neue' als Schrift, Grund #f8f8f8, Übergänge opacity .2s ease und transform var(--animation-speed) ease-in-out. Erster Navigationspunkt 'Reservations', danach Shop, Kaffee, Guide, People, News & Events. Startseite: h1 'noma', 'Copenhagen 2026-2027', Anmeldung für Reservierungs-Updates; Footer-Blöcke Contact / Booking + Hours / Careers / About / Follow.",
   "herkunft": "beobachtet",
   "quelle": "https://noma.dk/ (HTML + Theme-CSS)"
  },
  {
   "seite": "Bonanza Coffee Roasters (Berlin)",
   "url": "https://www.bonanzacoffee.de/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Shopify. @font-face 'Apercu Pro' 400/800, 'Fraunces' 400, 'Lyyra Standard' 800, 'Inter' 300–700. Kurve cubic-bezier(.29,.63,.44,1) mit var(--duration-default) für transform/visibility der Drawer (steht in components-sections.css, nicht in base.css; am 31.10.2026 per curl nachgeprüft). Farben #293e3a (Dunkelgrün), #dcdbc8 (Sand), #efedeb, #d0d0ce. Claim 'Unnecessarily Good Coffee'; Cafés stehen als h2 mit Adresse ('Alte Schonhauser str. 15 | 10119 | Berlin'); Navigation Coffee / Subscription / Wholesale / Where to Find.",
   "herkunft": "beobachtet",
   "quelle": "https://bonanzacoffee.de/cdn/shop/t/13/assets/components-sections.css"
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "Ausgang war soft-serif-warm (fraunces + hanken-grotesk + dm-mono). Text auf commissioner gewechselt, damit Gastro sich von praxis unterscheidet; kein Mono-Akzent (Preise in Mono wirken nach Tech).",
  "headline": "fraunces",
  "text": "commissioner",
  "akzent": "",
  "groessen": "h1 clamp(2.5rem, 1.6rem + 4vw, 5rem), Fraunces wght 450–600, opsz automatisch, SOFT 50–100, Laufweite -0.01em, Zeilenhöhe 1.02; Fließtext Commissioner FLAR 0, wght 400, 1.0625rem, Zeilenhöhe 1.55; Versal-Labels und Karten-Rubriken (Öffnungszeiten, Kategorien) Commissioner FLAR 60–100 als Brücke zur Serif, 0.75rem mit 0.15em (Dishoom); Speisekarte: Gericht 1.125rem/500, Beschreibung 0.9375rem, Preis rechtsbündig mit tabellarischen Ziffern. DM Mono aus der Paarung weglassen – Preise in Mono wirken nach Tech.",
  "techniken": [
   "serif-grotesk-duotone",
   "optische-groessen-opsz",
   "tabellenziffern"
  ],
  "alternative_eigenprojekt": "Fine Dining: Paarung garamond-wein (eb-garamond, template-tauglich) oder als Eigenprojekt gambarino/erode (ITF). Für Bars mit Plakatcharakter: young-serif als Headline."
 },
 "farbe": {
  "prinzip": "Warmes Papier-Weiß statt Reinweiß, warme dunkle Schrift, eine bis zwei Hausfarben aus Interieur, Geschirr oder Logo. Food-Fotos immer in voller Farbe; Flächenfarben eher gedeckt, damit das Essen leuchtet.",
  "beispiel": [
   "#F0ECE0 Grund (Dishoom)",
   "#353839 Text",
   "#7F937A Hausfarbe Salbei für Flächen",
   "#293E3A dunkle Sektion/Footer (Bonanza)",
   "#EAC16E Akzent Senf für Navigation/Badges (Dishoom nav-bg)",
   "#E1A894 Zweitakzent Rosé, sparsam",
   "#293E3A Signal: Haupthandlung als dunkle Pille (Senf nur als Kreis oder Akzent; Salbei trägt keine Schrift: 2,8 : 1 mit Weiß)"
  ]
 },
 "animationsstil": "token-editorial-langsam",
 "animationsstil_ui": "token-toggle-asymmetrisch",
 "bewegung": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) (token-editorial-langsam), nur Bilder und h1; UI über animationsstil_ui",
  "beobachtet": "Bilder .7s ease-out (Dishoom), .2s (noma); Kurve als Expo-Out-Standard aus dem Katalog gewählt",
  "dauer_ms": "200 (Hover, Tabs), 700 (Bild-Einblendung), 400 (Menü/Overlay)",
  "regel": "Nur Bilder bekommen eine eigene Einblendung (Aufhellen oder scale 0.96 → 1 mit Deckkraft, ~700 ms wie Dishoom). Text erscheint ohne Effekt oder mit einem einzigen Masken-Reveal für die h1. Karten-Tabs, Reservierung, Warenkorb und Kaufbox kurz und funktional über animationsstil_ui token-toggle-asymmetrisch.",
  "herkunft": "beobachtet (Dishoom .7s ease-out auf Bildern; noma .2s); Kurve als Expo-Out-Standard aus dem Katalog gewählt"
 },
 "hero_beschreibung": "Foto-Hero als Standard: echtes Foto von Raum, Team oder Gericht, dazu Öffnungszeiten, Adresse und „Reservieren“. Video nur als Variante, wenn eigenes, hochwertiges Material vorhanden ist (stumm, Poster, Pause-Knopf).",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "mobile-bottom-navigation",
   "live-uhr-und-standort",
   "native-popover-dropdowns"
  ],
  "hero": [
   "foto-hero-mit-leiste"
  ],
  "hero_variante": [
   "cinematic-video-hero"
  ],
  "sektionen": [
   {
    "zweck": "Karte (Mittag / Abend / Getränke)",
    "muster": [
     "speisekarte-editorial",
     "tabs-pfeiltasten-focusgroup"
    ],
    "varianten": {
     "speisekarte-editorial": "bistro",
     "tabs-pfeiltasten-focusgroup": "auto"
    }
   },
   {
    "zweck": "Haltung / Geschichte des Hauses",
    "muster": [
     "scroll-word-highlight",
     "editorial-magazin-layout"
    ],
    "varianten": {
     "editorial-magazin-layout": "magazin"
    }
   },
   {
    "zweck": "Reservieren (Tisch: Datum, Uhrzeit, Personen über das Reservierungs-Tool per 2-Klick, vorher Telefon und E-Mail) / Gruppen & Events (kurze Anfrage)",
    "muster": [
     "termin-buchung-zwei-klick",
     "kontakt-anfrage-formular",
     "split-screen-sticky-seiten"
    ],
    "varianten": {
     "termin-buchung-zwei-klick": "platzhalter",
     "split-screen-sticky-seiten": "bild"
    }
   },
   {
    "zweck": "Raum & Speisen (Bilder)",
    "muster": [
     "masonry-grid-lanes-galerie"
    ]
   },
   {
    "zweck": "Bewertungen (Google o. a. als Band unter dem Hero oder vor der Anfahrt; nur gepflegt und mit Echtheitshinweis)",
    "muster": [
     "bewertungsprofil-mit-echtheitshinweis"
    ],
    "varianten": {
     "bewertungsprofil-mit-echtheitshinweis": "band"
    }
   },
   {
    "zweck": "Shop / Gutscheine / Bohnen (nur mit echtem Shop: Grundpreis, Versand, Lieferzeit, Lebensmittelangaben; Gutscheine nur mit Zahlungsdienst und Codeverwaltung)",
    "muster": [
     "css-native-karussell",
     "produkt-kaufbox-varianten",
     "warenkorb-drawer",
     "gutschein-konfigurator",
     "eu-gewaehrleistungshinweis"
    ],
    "varianten": {
     "css-native-karussell": "produktreihe",
     "produkt-kaufbox-varianten": "kompakt",
     "warenkorb-drawer": "drawer",
     "eu-gewaehrleistungshinweis": "kaufbox"
    }
   },
   {
    "zweck": "Presse & Auszeichnungen (nur mit echten Erwähnungen und Erlaubnis)",
    "muster": [
     "logo-wand-social-proof"
    ],
    "varianten": {
     "logo-wand-social-proof": "auszeichnungen"
    }
   },
   {
    "zweck": "Anfahrt & Öffnungszeiten (Adresse als Text, Route, Karte per 2-Klick, Status aus den echten Zeiten)",
    "muster": [
     "oeffnungszeiten-status",
     "karte-zwei-klick"
    ],
    "varianten": {
     "oeffnungszeiten-status": "kompakt",
     "karte-zwei-klick": "bild"
    }
   },
   {
    "zweck": "Standorte (nur bei mehreren Häusern)",
    "muster": [
     "standortfinder-liste",
     "oeffnungszeiten-status"
    ],
    "varianten": {
     "standortfinder-liste": "kompakt",
     "oeffnungszeiten-status": "kompakt"
    }
   },
   {
    "zweck": "Vertrag widerrufen & Erklärung zur Barrierefreiheit (Footer, ohne Login; nur mit Online-Shop oder Gutschein-Verkauf)",
    "muster": [
     "widerruf-und-kuendigung-schaltflaeche",
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "barrierefreiheit-seite": "bfsg",
     "widerruf-und-kuendigung-schaltflaeche": "richtig"
    }
   }
  ],
  "scroll": [
   "clip-path-bild-reveal"
  ],
  "schrift_animation": [
   "scroll-word-highlight",
   "split-mask-reveal"
  ],
  "hover": [
   "bild-zoom-in-maske"
  ],
  "cursor": [],
  "mikro": [
   "einblenden-starting-style",
   "druck-feedback",
   "icon-squash-stretch"
  ],
  "material": [
   "papier-druck-textur"
  ],
  "galerie": [
   "masonry-grid-lanes-galerie",
   "css-native-karussell"
  ],
  "footer": [
   "studio-visitenkarte-footer",
   "footer-newsletter-mit-persoenlichkeit"
  ],
  "button": [
   "pfeil-icon-button",
   "druck-feedback"
  ],
  "hero_varianten": {
   "foto-hero-mit-leiste": "karte"
  }
 },
 "signatur": [
  "live-uhr-und-standort"
 ],
 "varianten_demo": {
  "footer-newsletter-mit-persoenlichkeit": "saison",
  "bild-zoom-in-maske": "gegen",
  "mobile-bottom-navigation": "basis",
  "css-native-karussell": "produktreihe",
  "studio-visitenkarte-footer": "praxis",
  "pfeil-icon-button": "tausch"
 },
 "nicht_verwenden": [
  "graustufen-zu-farbe – Essen braucht Farbe",
  "halbton-raster – frisst Food-Details",
  "bild-trail-cursor – Gimmick, lenkt von Karte und Reservierung ab",
  "smooth-scroll-lenis / fullpage-snap-slides – Gäste suchen schnell Öffnungszeiten",
  "preloader jeder Art (prozent-zaehler, logo-aufbau-intro) – mobil unterwegs zählt jede Sekunde",
  "Speisekarte nur als PDF – nicht lesbar, nicht indexierbar"
 ],
 "regeln": [
  "Öffnungszeiten, Adresse und Reservieren auf dem ersten Bildschirm; mobil unten fest: Reservieren / Karte / Route / Anrufen.",
  "Karte als HTML-Text mit Tabs (Mittag, Abend, Getränke), Allergene als Kürzel mit Legende; PDF höchstens zusätzlich.",
  "Echte Fotos von Raum, Team und Gerichten; der Hero ist standardmäßig ein Foto. Video nur als Variante mit eigenem Material, ohne Ton, mit Poster-Bild und Pause-Knopf.",
  "Signatur live-uhr-und-standort nur gekoppelt an den Öffnungsstatus ('18.42 · Küche bis 22 Uhr', Zeiten aus oeffnungszeiten-status, echte Zeiten inkl. Feiertage); eine reine Uhr ist Deko und entfällt.",
  "Eine Hausfarbe für Flächen, ein Akzent für Badges; Food-Fotos nie einfärben oder überlagern.",
  "Tischreservierung über termin-buchung-zwei-klick: das Widget (OpenTable, Quandoo u. a.) erst nach Consent bzw. Klick laden; vorher Telefon und E-Mail anbieten. Eine Buchungsleiste mit Datumsbereich ist für Zimmer und Zeiträume gebaut, nicht für Tische (Datum, Uhrzeit, Personen).",
  "Papier-Textur nur, wenn Karte oder Logo selbst Print-Charakter haben, und dann kaum sichtbar.",
  "Pflichtangaben und Recht (Leitfaden 8a): Allergene und Zusatzstoffe auf der Karte, Preise inkl. MwSt.; mit Shop: Gesamtpreis, Versandkosten, Grundpreis je kg, Lieferzeit, Knopf „zahlungspflichtig bestellen“, Widerrufsbelehrung und Widerrufs-Button (§ 356a BGB, seit 19.06.2026), AGB, Produktsicherheit (GPSR); bei Lebensmitteln im Fernabsatz Pflichtangaben (Zutaten, Allergene, Lebensmittelunternehmer, LMIV) vor dem Kauf; Google-Bewertungen nur mit Echtheitshinweis; keine pauschalen Umweltaussagen („nachhaltig“, „klimaneutral“) ohne Nachweis – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "niedrig",
 "leistung": "Standard ist ein Foto-Hero (AVIF, fetchpriority=high). In der Video-Variante: kurzer, stummer Loop (unter 3 MB, AVC/HEVC + Poster), mobil ggf. nur Poster. Instagram-Feed und Karten-Einbettung erst nach Klick. Fraunces und Commissioner als Variable-Dateien mit Subset (Latin) und font-display:swap; nur Achsen laden, die gebraucht werden.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "varianten": [
  {
   "name": "Rösterei / Café mit Online-Shop",
   "sektionen": [
    "Foto-Hero: Rösterei oder Café, Öffnungsstatus, „Zum Shop“ und „Anfahrt“",
    "Bohnen & Shop (css-native-karussell Variante produktreihe, produkt-kaufbox-varianten, warenkorb-drawer Variante drawer)",
    "Café-Karte (speisekarte-editorial Variante bistro)",
    "Rösterei / Herkunft (editorial-magazin-layout Variante magazin)",
    "Gutscheine und Abo (gutschein-konfigurator)",
    "Anfahrt & Öffnungszeiten (oeffnungszeiten-status, karte-zwei-klick)",
    "Footer: Vertrag widerrufen / Abo kündigen (widerruf-und-kuendigung-schaltflaeche), Erklärung zur Barrierefreiheit (bfsg)"
   ],
   "weglassen": [
    "Reservieren (Café ohne Tischreservierung)",
    "Presse & Auszeichnungen ohne echte Erwähnungen",
    "Standorte bei nur einem Haus"
   ],
   "muster_zusatz": [
    "gutschein-konfigurator",
    "widerruf-und-kuendigung-schaltflaeche"
   ],
   "hinweis": "Shop-Regeln und nicht_verwenden aus d2c-produkt-zuerst gelten zusätzlich; Schrift, Farbe, Stil und Signatur (live-uhr-und-standort mit Öffnungsstatus) bleiben aus gastro."
  }
 ],
 "stimmung_tags": [
  "warm",
  "editorial"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   64,
   96,
   144
  ],
  "sektion": "clamp(72px, 9vw, 128px)",
  "dichte": "mittel",
  "hinweis": "Speisekarte dicht und gut scanbar (Gericht und Beschreibung 4 px, Gerichte 20 px auseinander), Bilder mit viel Luft. Öffnungszeiten immer im ersten Bildschirm."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 4vw, 48px)",
  "spalt": "clamp(12px, 2vw, 24px)",
  "max_breite": "1360px",
  "hinweis": "Hero asymmetrisch 7/5 (Foto/Text) oder Foto randlos. Karte in 2 Spalten, Preis rechtsbündig. Bildstrecken dürfen randlos laufen."
 },
 "form": {
  "radius_klein": "6px",
  "radius_gross": "12px",
  "pille": true,
  "linie": "1px #353839 mit 20 % Deckkraft zwischen Gerichten",
  "schatten": "keiner",
  "hinweis": "Weich, aber nicht verspielt: 12 px an Fotos und Karten, Pillen nur für Reiter (Mittag, Abend, Getränke) und Badges in #EAC16E."
 },
 "bildsprache": {
  "licht": "Warmes Fenster- oder Abendlicht, gerichtete Schatten, Essen in voller Farbe.",
  "ausschnitt": "Teller von oben oder in 45°, Raum mit Gästen in Unschärfe, Hände beim Anrichten.",
  "personen": "Ja: Team und Gastgeber:in; Gäste nur unscharf oder mit Einwilligung.",
  "formate": [
   "4:5",
   "1:1",
   "3:2"
  ],
  "nicht": "Keine eingefärbten oder überlagerten Food-Fotos, kein Graustufen- oder Halbton-Effekt, keine Stockfotos, kein Text auf dem Teller."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Kurz und sinnlich, Zutaten statt Adjektive. Öffnungszeiten und Adresse als nüchterne Zeile.",
  "haltung": "Persönlich wie die Gastgeber:in an der Tür. Ein Café oder eine Bar darf duzen, dann auf der ganzen Seite.",
  "beispiele": [
   "Heute ab 18 Uhr, Küche bis 22 Uhr.",
   "Wir kochen mit dem, was die Höfe rund um [Ort] liefern."
  ],
  "nicht": "„kulinarische Reise“, „Gaumenfreuden“, „mit Liebe gemacht“ ohne Beleg, „nachhaltig“ ohne Nachweis."
 },
 "hero_aufbau": {
  "raster": "12 Spalten, Foto über Spalte 1 bis 7 (oder randlos), Textblock über 8 bis 12; mobil Foto oben.",
  "bild": "Echtes Foto von Raum, Team oder Gericht, 4:5 oder 3:2. Video nur als hero_variante mit eigenem Material.",
  "h1": "clamp(2.5rem, 1.6rem + 4vw, 5rem), Fraunces 450–600, links im Textblock.",
  "handlung": "„Reservieren“ (gefüllt, Hausfarbe) und „Karte ansehen“ (Kontur), darunter Adresse mit Route.",
  "zusatz": "Statuszeile aus live-uhr-und-standort und oeffnungszeiten-status („18.42 · Küche bis 22 Uhr“); mobil feste Leiste Reservieren / Karte / Route / Anrufen."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/gastro-warm-appetitlich/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/gastro-warm-appetitlich/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/gastro-warm-appetitlich/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/gastro-warm-appetitlich/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "graustufen-zu-farbe"
   ],
   "grund": "Essen braucht Farbe"
  },
  {
   "ids": [
    "halbton-raster"
   ],
   "grund": "frisst Food-Details"
  },
  {
   "ids": [
    "bild-trail-cursor"
   ],
   "grund": "Gimmick, lenkt von Karte und Reservierung ab"
  },
  {
   "ids": [
    "smooth-scroll-lenis",
    "fullpage-snap-slides"
   ],
   "grund": "Gäste suchen schnell Öffnungszeiten"
  },
  {
   "ids": [
    "prozent-zaehler",
    "logo-aufbau-intro"
   ],
   "grund": "preloader jeder Art (prozent-zaehler, logo-aufbau-intro) – mobil unterwegs zählt jede Sekunde"
  },
  {
   "ids": [],
   "grund": "Speisekarte nur als PDF – nicht lesbar, nicht indexierbar"
  }
 ],
 "starter": "https://cecodesign.de/lab/fundus/starter/gastro-warm-appetitlich/index.html",
 "alle_muster": [
  {
   "id": "live-uhr-und-standort",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/live-uhr-und-standort/meta.json"
  },
  {
   "id": "foto-hero-mit-leiste",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero-mit-leiste/meta.json",
   "variante": "karte",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero-mit-leiste/demo?v=karte"
  },
  {
   "id": "cinematic-video-hero",
   "rolle": "Hero-Variante",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/cinematic-video-hero/meta.json"
  },
  {
   "id": "speisekarte-editorial",
   "rolle": "Sektion: Karte (Mittag / Abend / Getränke)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/speisekarte-editorial/meta.json",
   "variante": "bistro",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/speisekarte-editorial/demo?v=bistro"
  },
  {
   "id": "tabs-pfeiltasten-focusgroup",
   "rolle": "Sektion: Karte (Mittag / Abend / Getränke)",
   "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": "scroll-word-highlight",
   "rolle": "Sektion: Haltung / Geschichte des Hauses",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/schrift-animationen/scroll-word-highlight/meta.json"
  },
  {
   "id": "editorial-magazin-layout",
   "rolle": "Sektion: Haltung / Geschichte des Hauses",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/meta.json",
   "variante": "magazin",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=magazin"
  },
  {
   "id": "termin-buchung-zwei-klick",
   "rolle": "Sektion: Reservieren (Tisch: Datum, Uhrzeit, Personen über das Reservierungs-Tool per 2-Klick, vorher Telefon und E-Mail) / Gruppen & Events (kurze Anfrage)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/meta.json",
   "variante": "platzhalter",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/demo?v=platzhalter"
  },
  {
   "id": "kontakt-anfrage-formular",
   "rolle": "Sektion: Reservieren (Tisch: Datum, Uhrzeit, Personen über das Reservierungs-Tool per 2-Klick, vorher Telefon und E-Mail) / Gruppen & Events (kurze Anfrage)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "split-screen-sticky-seiten",
   "rolle": "Sektion: Reservieren (Tisch: Datum, Uhrzeit, Personen über das Reservierungs-Tool per 2-Klick, vorher Telefon und E-Mail) / Gruppen & Events (kurze Anfrage)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/split-screen-sticky-seiten/meta.json",
   "variante": "bild",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/split-screen-sticky-seiten/demo?v=bild"
  },
  {
   "id": "masonry-grid-lanes-galerie",
   "rolle": "Sektion: Raum & Speisen (Bilder)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/masonry-grid-lanes-galerie/meta.json"
  },
  {
   "id": "bewertungsprofil-mit-echtheitshinweis",
   "rolle": "Sektion: Bewertungen (Google o. a. als Band unter dem Hero oder vor der Anfahrt; nur gepflegt und mit Echtheitshinweis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/meta.json",
   "variante": "band",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/demo?v=band"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Sektion: Shop / Gutscheine / Bohnen (nur mit echtem Shop: Grundpreis, Versand, Lieferzeit, Lebensmittelangaben; Gutscheine nur mit Zahlungsdienst und Codeverwaltung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/meta.json",
   "variante": "produktreihe",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/demo?v=produktreihe"
  },
  {
   "id": "produkt-kaufbox-varianten",
   "rolle": "Sektion: Shop / Gutscheine / Bohnen (nur mit echtem Shop: Grundpreis, Versand, Lieferzeit, Lebensmittelangaben; Gutscheine nur mit Zahlungsdienst und Codeverwaltung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/produkt-kaufbox-varianten/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/produkt-kaufbox-varianten/demo?v=kompakt"
  },
  {
   "id": "warenkorb-drawer",
   "rolle": "Sektion: Shop / Gutscheine / Bohnen (nur mit echtem Shop: Grundpreis, Versand, Lieferzeit, Lebensmittelangaben; Gutscheine nur mit Zahlungsdienst und Codeverwaltung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/warenkorb-drawer/meta.json",
   "variante": "drawer",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/warenkorb-drawer/demo?v=drawer"
  },
  {
   "id": "gutschein-konfigurator",
   "rolle": "Sektion: Shop / Gutscheine / Bohnen (nur mit echtem Shop: Grundpreis, Versand, Lieferzeit, Lebensmittelangaben; Gutscheine nur mit Zahlungsdienst und Codeverwaltung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/gutschein-konfigurator/meta.json"
  },
  {
   "id": "eu-gewaehrleistungshinweis",
   "rolle": "Sektion: Shop / Gutscheine / Bohnen (nur mit echtem Shop: Grundpreis, Versand, Lieferzeit, Lebensmittelangaben; Gutscheine nur mit Zahlungsdienst und Codeverwaltung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/eu-gewaehrleistungshinweis/meta.json",
   "variante": "kaufbox",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/eu-gewaehrleistungshinweis/demo?v=kaufbox"
  },
  {
   "id": "logo-wand-social-proof",
   "rolle": "Sektion: Presse & Auszeichnungen (nur mit echten Erwähnungen und Erlaubnis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/meta.json",
   "variante": "auszeichnungen",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/demo?v=auszeichnungen"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Anfahrt & Öffnungszeiten (Adresse als Text, Route, Karte per 2-Klick, Status aus den echten Zeiten)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=kompakt"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Anfahrt & Öffnungszeiten (Adresse als Text, Route, Karte per 2-Klick, Status aus den echten Zeiten)",
   "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": "standortfinder-liste",
   "rolle": "Sektion: Standorte (nur bei mehreren Häusern)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/standortfinder-liste/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/standortfinder-liste/demo?v=kompakt"
  },
  {
   "id": "widerruf-und-kuendigung-schaltflaeche",
   "rolle": "Sektion: Vertrag widerrufen & Erklärung zur Barrierefreiheit (Footer, ohne Login; nur mit Online-Shop oder Gutschein-Verkauf)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/widerruf-und-kuendigung-schaltflaeche/meta.json",
   "variante": "richtig",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/widerruf-und-kuendigung-schaltflaeche/demo?v=richtig"
  },
  {
   "id": "barrierefreiheit-seite",
   "rolle": "Sektion: Vertrag widerrufen & Erklärung zur Barrierefreiheit (Footer, ohne Login; nur mit Online-Shop oder Gutschein-Verkauf)",
   "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": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/demo?v=basis"
  },
  {
   "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": "split-mask-reveal",
   "rolle": "Schrift",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/schrift-animationen/split-mask-reveal/meta.json"
  },
  {
   "id": "bild-zoom-in-maske",
   "rolle": "Hover",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/meta.json",
   "variante": "gegen",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/demo?v=gegen"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json"
  },
  {
   "id": "druck-feedback",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/druck-feedback/meta.json"
  },
  {
   "id": "icon-squash-stretch",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/icon-squash-stretch/meta.json"
  },
  {
   "id": "papier-druck-textur",
   "rolle": "Material",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/glas-material/papier-druck-textur/meta.json"
  },
  {
   "id": "studio-visitenkarte-footer",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/meta.json",
   "variante": "praxis",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/demo?v=praxis"
  },
  {
   "id": "footer-newsletter-mit-persoenlichkeit",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/meta.json",
   "variante": "saison",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/demo?v=saison"
  },
  {
   "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-editorial-langsam",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-editorial-langsam/meta.json"
  },
  {
   "id": "token-toggle-asymmetrisch",
   "rolle": "Animationsstil für UI",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-toggle-asymmetrisch/meta.json"
  },
  {
   "id": "serif-grotesk-duotone",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/serif-grotesk-duotone/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": "tabellenziffern",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/tabellenziffern/meta.json"
  }
 ]
}