{
 "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": "luxus-manufaktur-stille",
 "name": "Luxus und Manufaktur: Stille",
 "branche": "Uhren, Schmuck, Juwelier, Luxus-Manufaktur",
 "stimmung": [
  "luxuriös",
  "präzise",
  "ruhig",
  "seriös"
 ],
 "kurz": "Viel Weißraum, Anthrazit und Weiß im Wechsel, eine feine Kontrast-Serif für Titel und gesperrte Versalien für Labels. Überraschend ist die Messung: A. Lange & Söhne und NOMOS animieren nicht langsam und schwebend, sondern kurz (0,15–0,5 s) und asymmetrisch. Menüs öffnen langsamer, als sie schließen. Ruhe entsteht durch Raum und Bildqualität, nicht durch Zeitlupe.",
 "referenzen": [
  {
   "seite": "A. Lange & Söhne",
   "url": "https://www.alange-soehne.com/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-10-31",
   "quelle": "https://www.alange-soehne.com/als/dist/assets/main-CruBKj1g.css",
   "beobachtung": "@font-face: ALangeUndSoehne-Headline (Hausschrift) und UniversforALS (Light, Medium). Tokens: --duration-shorter .15s, -short .25s, -standard .3s, -long .4s, -longer .5s; --ease-in-out cubic-bezier(.4,0,.2,1); Slide-Übergänge transform var(--duration-long) cubic-bezier(.17,.67,.24,1) (9×). Laufweite als Tokens .2px/.8px/1.25px/1.5px/2px, 18× uppercase; line-height-base 1.4706. Anthrazit #23282f (49×). Sektionen wechseln phxsg-theme-black/-white; intro-block--media als Hero („OUR CURRENT NOVELTY“), phoenix-mixed-grid, Mega-Menü mit Suchpanel."
  },
  {
   "seite": "NOMOS Glashütte",
   "url": "https://nomos-glashuette.com/de",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-10-31",
   "quelle": "https://nomos-glashuette.com/dist/assets/main-huckeevj.css",
   "beobachtung": "Shopware. Schriften: Gotham, Gotham Narrow, Gotham Narrow Tabular und Gotham Narrow Engraving (cloud.typography.com), @font-face interstate_gravur. Bewegungs-Tokens: --trans-time-xs .125s, -sm .25s, -md .5s, -lg 1s, -xl 2s, -xxl 3.5s; --trans-func-default cubic-bezier(.1,.6,.4,1), -ease-out (.1,.9,.3,1). Asymmetrisch: menu-in .3s mit ease-out, menu-out .2s mit default; Modal-Abdunklung ein .8s, aus .6s. Native Parallax mit animation-timeline: view() hinter @supports, --parallax-range 4vh, animation-range entry 0% bis exit-crossing 100%. prefers-reduced-motion 15×, letter-spacing .03em (49×) und .08em (31×)."
  },
  {
   "seite": "Messika",
   "url": "https://www.messika.com/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-10-31",
   "quelle": "/_astro/base.CxZUJzdM.css, HTML",
   "beobachtung": "Astro. @font-face: Futura PT (Light, Book, Medium) als Textschrift, KunstlerScript als Script-Akzent, dazu Noto- und Arabic-Schnitte für Märkte. cubic-bezier(.4,0,.2,1) 7×, Übergänge .15s (6×), Unterstreichung über background-size .4s. 12× data-aos=\"fade-up\" für Scroll-Einblendungen. Banner-Blöcke mit data-color und data-textposition; Kategorien Earrings, Necklaces, Bracelets, Rings als eigene Abschnitte."
  }
 ],
 "schrift": {
  "paarung_basis": "luxus-didone-frei",
  "abweichung": "",
  "headline": "bodoni-moda",
  "text": "instrument-sans",
  "akzent": "",
  "techniken": [
   "optische-groessen-opsz",
   "tabellenziffern",
   "text-box-trim",
   "lesesatz-text-wrap"
  ],
  "groessen": "Titel clamp(2.5rem, 5.5vw, 5.5rem), Bodoni Moda 400, opsz an Größe gekoppelt (font-optical-sizing auto), -0.01em, line-height 1.05. Labels und Navigation Instrument Sans 0.75rem Versal, letter-spacing +0.08em (NOMOS .08em, Lange bis 2px). Fließtext 0.9375rem/1.47 (Lange line-height-base 1.4706), wght 400. Kaliber- und Preisangaben tabular-nums. Script (imperial-script) höchstens für ein Monogramm, wie Messikas KunstlerScript.",
  "alternative_eigenprojekt": "luxus-didone (Bodoni Moda + Switzer) oder hairline-hero (Zodiak Thin + Instrument Sans), beide mit ITF-FFL-Schrift"
 },
 "farbe": {
  "prinzip": "Anthrazit statt Schwarz (Lange #23282f) und Weiß, sektionsweise im Wechsel. Edelmetall nur als feine Linie oder Detailfarbe, nie als Fläche oder Verlauf. Produktfotos auf neutralem Hellgrau.",
  "beispiel": [
   "#23282f Anthrazit, dunkle Sektionen und Text",
   "#ffffff Grund",
   "#f4f4f2 Produktfläche",
   "#8b9097 Meta, Referenznummern",
   "#d9dadb Linien",
   "#a88a5a Messing, nur Linien und Fokus",
   "#71757B Meta-Text barrierefrei (4.6 : 1 auf #ffffff; #8b9097 nur für Linien oder Schrift ab 24 px)"
  ]
 },
 "animationsstil": "token-toggle-asymmetrisch",
 "bewegung": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) (token-toggle-asymmetrisch, Öffnen); Schließen cubic-bezier(0.7, 0, 0.84, 0) in etwa 65 % der Dauer",
  "beobachtet": "Öffnen mit Ausklang-Kurve cubic-bezier(.1,.9,.3,1) 0,3 s, Schließen mit Standardkurve cubic-bezier(0.1, 0.6, 0.4, 1) 0,2 s, Abdunklung 0,8/0,6 s (NOMOS); Lange mit allen Tokens bei 0,15–0,5 s",
  "dauer_ms": "UI 125–250, Menü auf 300 / zu 200, Bildwechsel 400–500, Abdunklung auf 800 / zu 600",
  "regel": "Öffnen mit der Ausklang-Kurve des Stils (0,3 s), Schließen schneller mit der Anlauf-Kurve (0,2 s); Abdunklung 0,8/0,6 s. Alles andere bleibt bei 0,15–0,5 s. Langsam ist nur die native Parallaxe (scroll-gekoppelt, 4vh Weg). Kein Überschwingen, kein Schimmer."
 },
 "hero_beschreibung": "Produkt zuerst: ein Freisteller oder Kampagnenfoto der Neuheit in ruhigem Licht, Name und ein Satz, „Termin in der Boutique“ als CTA. cinematic-video-hero nur mit eigenem Manufaktur- oder Kampagnenfilm (stumm, Poster, Pause-Knopf, mobil Standbild); kleine Juweliere bleiben beim Foto.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "mega-menue-morphing-viewport",
   "native-popover-dropdowns",
   "hide-on-scroll-header"
  ],
  "hero": [
   "foto-hero"
  ],
  "hero_variante": [
   "cinematic-video-hero"
  ],
  "sektionen": [
   {
    "zweck": "Neuheit / Kampagne",
    "muster": [
     "split-screen-sticky-seiten"
    ],
    "varianten": {
     "split-screen-sticky-seiten": "bild"
    }
   },
   {
    "zweck": "Kollektionen (Kaufbox nur mit Online-Shop, sonst Anfrage oder Termin)",
    "muster": [
     "broken-grid-asymmetrisch",
     "css-native-karussell",
     "produkt-kaufbox-varianten",
     "finanzierung-pflichtangaben",
     "eu-gewaehrleistungshinweis"
    ],
    "varianten": {
     "produkt-kaufbox-varianten": "kompakt",
     "css-native-karussell": "buehne",
     "finanzierung-pflichtangaben": "kaufbox",
     "eu-gewaehrleistungshinweis": "kaufbox"
    }
   },
   {
    "zweck": "Manufaktur / Handwerk",
    "muster": [
     "mehrschicht-parallax",
     "editorial-magazin-layout"
    ],
    "varianten": {
     "editorial-magazin-layout": "kunstbuch"
    }
   },
   {
    "zweck": "Technik / Kaliber",
    "muster": [
     "zahlen-fakten-section"
    ],
    "varianten": {
     "zahlen-fakten-section": "tabelle"
    }
   },
   {
    "zweck": "Service, Pflege, Garantie",
    "muster": [
     "akkordeon-hoehe-auto"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "basis"
    }
   },
   {
    "zweck": "Boutiquen / Termin (Standortliste nur ab zwei Boutiquen, sonst Anfahrt mit Adresse als Text und Karte per 2-Klick; Termin-Tool per 2-Klick, Telefon als Alternative)",
    "muster": [
     "oeffnungszeiten-status",
     "standortfinder-liste",
     "karte-zwei-klick",
     "termin-buchung-zwei-klick"
    ],
    "varianten": {
     "oeffnungszeiten-status": "kompakt",
     "standortfinder-liste": "kompakt",
     "karte-zwei-klick": "bild",
     "termin-buchung-zwei-klick": "platzhalter"
    }
   },
   {
    "zweck": "Vertrag widerrufen & Erklärung zur Barrierefreiheit (Footer, ohne Login; nur mit Online-Shop oder Online-Termin)",
    "muster": [
     "widerruf-und-kuendigung-schaltflaeche",
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "barrierefreiheit-seite": "bfsg",
     "widerruf-und-kuendigung-schaltflaeche": "richtig"
    }
   }
  ],
  "scroll": [
   "mehrschicht-parallax"
  ],
  "schrift_animation": [],
  "hover": [
   "bild-zoom-in-maske"
  ],
  "cursor": [],
  "mikro": [
   "einblenden-starting-style",
   "animiertes-select"
  ],
  "material": [],
  "galerie": [
   "css-native-karussell",
   "galerie-shared-element-vollbild"
  ],
  "footer": [
   "mega-footer-sitemap",
   "studio-visitenkarte-footer"
  ],
  "button": [
   "kontur-button-zeichnen",
   "pfeil-icon-button"
  ],
  "hero_varianten": {
   "foto-hero": "split-randabfallend"
  }
 },
 "signatur": [
  "broken-grid-asymmetrisch"
 ],
 "nicht_verwenden": [
  "shimmer-gradient-text und fluessigmetall-chrom – Gold-Schimmer ist das Klischee schlechthin; keine der Referenzen nutzt ihn",
  "interaktives-3d-hero und glas-transmission-3d für Uhren oder Steine – kostet LCP, wirkt schnell wie ein Spielzeug gegenüber echter Fotografie",
  "token-luxus-weich als Gesamtsprache (1,2–2,4 s) – die gemessenen Manufaktur-Seiten bleiben bei 0,15–0,5 s",
  "cursor-follower-lerp, magnetische-elemente – verspielt",
  "Playfair Display und Cinzel – Verbotsliste, Claude-Reflex für „Luxus“",
  "Script-Schrift für Überschriften – Messika nutzt die Script nur als Akzent"
 ],
 "regeln": [
  "Sektionen wechseln zwischen Anthrazit und Weiß (Lange: phxsg-theme-black/-white), nie mehr als zwei Flächenfarben.",
  "Labels, Navigation und Referenznummern in gesperrten Versalien (+0.08em), Titel in Serif gemischt.",
  "Produktbild ist Hauptdarsteller: Freisteller auf Hellgrau, alle Ansichten im gleichen Licht und Maßstab.",
  "Öffnen langsamer als Schließen (300/200 ms), Abdunklung ruhig (800/600 ms).",
  "Parallaxe nur nativ (animation-timeline: view()) mit max. 4vh Weg, hinter @supports, entfällt bei reduzierter Bewegung.",
  "Technische Angaben (Kaliber, Gangreserve, Durchmesser) als Zahlen-Sektion mit Tabellenziffern.",
  "Kein Preis-Countdown, keine Rabatt-Badges; Termin in der Boutique als primärer CTA.",
  "bild-zoom-in-maske nie auf Bildern mit mehrschicht-parallax (wann_nicht: die Transforms kollidieren).",
  "Pflichtangaben und Recht (Leitfaden 8a): mit Shop: Gesamtpreis inkl. MwSt., Versand, Widerrufsbelehrung und Widerrufs-Button (§ 356a BGB, seit 19.06.2026), Produktsicherheit (GPSR); Angaben zu Feingehalt, Steinen und Echtheit nur belegt; Erklärung zur Barrierefreiheit (bfsg) bei Online-Kauf oder -Termin; Termin-Tool erst nach Klick – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "mittel",
 "leistung": "Hero-Video nur mit Poster und auf Desktop; mobil Standbild. Produktbilder als AVIF in 2–3 Breiten, Zoom erst bei Interaktion nachladen. Native Scroll-Animationen statt GSAP sparen JS; NOMOS zeigt, wie man das mit @supports absichert. Bodoni Moda als Variable-Datei mit opsz-Achse, Subset Latin.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "varianten_demo": {
  "kontur-button-zeichnen": "doppel",
  "pfeil-icon-button": "tausch",
  "bild-zoom-in-maske": "basis",
  "css-native-karussell": "buehne",
  "galerie-shared-element-vollbild": "produkt",
  "studio-visitenkarte-footer": "praxis"
 },
 "stimmung_tags": [
  "luxuriös",
  "präzise",
  "ruhig"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   16,
   24,
   40,
   64,
   96,
   144,
   200,
   240
  ],
  "sektion": "clamp(112px, 14vw, 240px)",
  "dichte": "luftig",
  "hinweis": "Ruhe durch Raum (kurz): die größten Sektionsabstände aller Rezepte. Technische Daten dagegen eng in Tabellenziffern."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(24px, 6vw, 96px)",
  "spalt": "clamp(16px, 2vw, 32px)",
  "max_breite": "1440px",
  "hinweis": "Asymmetrisch (broken-grid-asymmetrisch): Bild 7 Spalten, Text 4 Spalten versetzt. Freisteller zentriert mit viel Rand. Sektionen wechseln Anthrazit und Weiß."
 },
 "form": {
  "radius_klein": "0",
  "radius_gross": "0",
  "pille": true,
  "linie": "1px #d9dadb; Messing #a88a5a nur als feine Linie und Fokus",
  "schatten": "keiner",
  "hinweis": "Bilder und Flächen eckig. Einzige runde Form ist die dunkle Pille der Haupthandlung (pfeil-icon-button, Variante tausch); Nebenweg mit versetzter Messing-Kontur (kontur-button-zeichnen, Variante doppel)."
 },
 "bildsprache": {
  "licht": "Ruhiges, gerichtetes Studiolicht, für alle Ansichten derselbe Lichtwinkel und Maßstab.",
  "ausschnitt": "Freisteller auf #f4f4f2, Makro auf Zifferblatt, Fassung oder Gravur, Uhr am Handgelenk.",
  "personen": "Selten: Uhrmacher:in am Werktisch oder ein Handgelenk; keine Gesichter in Kampagnenpose.",
  "formate": [
   "4:5",
   "1:1",
   "3:2"
  ],
  "nicht": "Keine Glitzer-Spiegelungen, keine Gold-Verläufe, keine Rabatt-Badges, keine Stock-Paare, keine Parallaxe über 4vh."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Kurz, mit Pausen; Zahlen technisch exakt (Kaliber, Gangreserve, Durchmesser).",
  "haltung": "Leise und präzise. Qualität wird gezeigt, nicht behauptet.",
  "beispiele": [
   "Handaufzug, 72 Stunden Gangreserve.",
   "Wir zeigen Ihnen die Uhr gern in der Boutique."
  ],
  "nicht": "„Luxus pur“, „zeitlose Eleganz“ als Floskel, „exklusiv für Sie“, Countdowns, Ausrufezeichen."
 },
 "hero_aufbau": {
  "raster": "12 Spalten asymmetrisch: Bild über Spalte 6 bis 12, Text über 1 bis 4 unten, 1 Spalte Luft dazwischen.",
  "bild": "Freisteller oder Kampagnenfoto der Neuheit, 4:5; Film nur als hero_variante mit eigenem Material, mobil Standbild.",
  "h1": "clamp(2.5rem, 5.5vw, 5.5rem), Bodoni Moda 400, links unten.",
  "handlung": "„Termin in der Boutique“ (dunkle Pille) und „Kollektion“ (Messing-Doppelkontur) untereinander.",
  "zusatz": "Referenznummer und Kaliber in Instrument Sans 0.75rem Versal +0.08em über der H1."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/luxus-manufaktur-stille/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/luxus-manufaktur-stille/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/luxus-manufaktur-stille/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/luxus-manufaktur-stille/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "shimmer-gradient-text"
   ],
   "grund": "und fluessigmetall-chrom – Gold-Schimmer ist das Klischee schlechthin; keine der Referenzen nutzt ihn"
  },
  {
   "ids": [
    "interaktives-3d-hero"
   ],
   "grund": "und glas-transmission-3d für Uhren oder Steine – kostet LCP, wirkt schnell wie ein Spielzeug gegenüber echter Fotografie"
  },
  {
   "ids": [
    "token-luxus-weich"
   ],
   "grund": "als Gesamtsprache (1,2–2,4 s) – die gemessenen Manufaktur-Seiten bleiben bei 0,15–0,5 s"
  },
  {
   "ids": [
    "cursor-follower-lerp"
   ],
   "grund": ", magnetische-elemente – verspielt"
  },
  {
   "ids": [],
   "grund": "Playfair Display und Cinzel – Verbotsliste, Claude-Reflex für „Luxus“"
  },
  {
   "ids": [],
   "grund": "Script-Schrift für Überschriften – Messika nutzt die Script nur als Akzent"
  }
 ],
 "alle_muster": [
  {
   "id": "broken-grid-asymmetrisch",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/broken-grid-asymmetrisch/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": "cinematic-video-hero",
   "rolle": "Hero-Variante",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/cinematic-video-hero/meta.json"
  },
  {
   "id": "split-screen-sticky-seiten",
   "rolle": "Sektion: Neuheit / Kampagne",
   "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": "css-native-karussell",
   "rolle": "Sektion: Kollektionen (Kaufbox nur mit Online-Shop, sonst Anfrage oder Termin)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/meta.json",
   "variante": "buehne",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/demo?v=buehne"
  },
  {
   "id": "produkt-kaufbox-varianten",
   "rolle": "Sektion: Kollektionen (Kaufbox nur mit Online-Shop, sonst Anfrage oder Termin)",
   "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": "finanzierung-pflichtangaben",
   "rolle": "Sektion: Kollektionen (Kaufbox nur mit Online-Shop, sonst Anfrage oder Termin)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/meta.json",
   "variante": "kaufbox",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/demo?v=kaufbox"
  },
  {
   "id": "eu-gewaehrleistungshinweis",
   "rolle": "Sektion: Kollektionen (Kaufbox nur mit Online-Shop, sonst Anfrage oder Termin)",
   "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": "mehrschicht-parallax",
   "rolle": "Sektion: Manufaktur / Handwerk",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/scroll/mehrschicht-parallax/meta.json"
  },
  {
   "id": "editorial-magazin-layout",
   "rolle": "Sektion: Manufaktur / Handwerk",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/meta.json",
   "variante": "kunstbuch",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=kunstbuch"
  },
  {
   "id": "zahlen-fakten-section",
   "rolle": "Sektion: Technik / Kaliber",
   "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": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Service, Pflege, Garantie",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=basis"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Boutiquen / Termin (Standortliste nur ab zwei Boutiquen, sonst Anfahrt mit Adresse als Text und Karte per 2-Klick; Termin-Tool per 2-Klick, Telefon als Alternative)",
   "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": "standortfinder-liste",
   "rolle": "Sektion: Boutiquen / Termin (Standortliste nur ab zwei Boutiquen, sonst Anfahrt mit Adresse als Text und Karte per 2-Klick; Termin-Tool per 2-Klick, Telefon als Alternative)",
   "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": "karte-zwei-klick",
   "rolle": "Sektion: Boutiquen / Termin (Standortliste nur ab zwei Boutiquen, sonst Anfahrt mit Adresse als Text und Karte per 2-Klick; Termin-Tool per 2-Klick, Telefon als Alternative)",
   "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": "termin-buchung-zwei-klick",
   "rolle": "Sektion: Boutiquen / Termin (Standortliste nur ab zwei Boutiquen, sonst Anfahrt mit Adresse als Text und Karte per 2-Klick; Termin-Tool per 2-Klick, Telefon als Alternative)",
   "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": "widerruf-und-kuendigung-schaltflaeche",
   "rolle": "Sektion: Vertrag widerrufen & Erklärung zur Barrierefreiheit (Footer, ohne Login; nur mit Online-Shop oder Online-Termin)",
   "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 Online-Termin)",
   "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": "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": "hide-on-scroll-header",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/hide-on-scroll-header/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": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/demo?v=basis"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json"
  },
  {
   "id": "animiertes-select",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/animiertes-select/meta.json"
  },
  {
   "id": "galerie-shared-element-vollbild",
   "rolle": "Galerie",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/meta.json",
   "variante": "produkt",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/demo?v=produkt"
  },
  {
   "id": "mega-footer-sitemap",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/mega-footer-sitemap/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": "kontur-button-zeichnen",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/kontur-button-zeichnen/meta.json",
   "variante": "doppel",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/kontur-button-zeichnen/demo?v=doppel"
  },
  {
   "id": "pfeil-icon-button",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/meta.json",
   "variante": "tausch",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/demo?v=tausch"
  },
  {
   "id": "token-toggle-asymmetrisch",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-toggle-asymmetrisch/meta.json"
  },
  {
   "id": "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"
  },
  {
   "id": "text-box-trim",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/text-box-trim/meta.json"
  },
  {
   "id": "lesesatz-text-wrap",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/lesesatz-text-wrap/meta.json"
  }
 ]
}