{
 "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": "kultur-programm-haltung",
 "name": "Kultur: Programm und Haltung",
 "branche": "Museum, Kunsthalle, Kulturzentrum, Festival, Veranstaltungshaus",
 "stimmung": [
  "sachlich",
  "grafisch",
  "zugänglich",
  "selbstbewusst"
 ],
 "kurz": "Eine starke Hausschrift, Schwarz auf Off-White und ein Farbsystem für Sparten oder Blöcke. Im Mittelpunkt stehen Programm, Termine und Tickets. Bewegung ist kurz und sachlich, Barrierefreiheit gehört fest dazu: Stedelijk respektiert reduzierte Bewegung an zehn Stellen und bietet Vorlesen an. Für Festivals kann die Headline lauter werden, die Struktur bleibt gleich.",
 "referenzen": [
  {
   "seite": "Stedelijk Museum Amsterdam",
   "url": "https://www.stedelijk.nl/en",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-10-31",
   "quelle": "/themes/stedelijk/assets/dist/styles/base-54833fdd3a.css",
   "beobachtung": "@font-face: Union Regular, Union Regular Italic, Union SMA Ribbon (Hausschrift). Farben #0a0a0a (94×), #ebeae8 (43×), #9e9e9d, Akzent #d62348. Schriftgrößen vorwiegend 1.8–2.2rem bei 10px-Basis (≈18–22px), Headlines 4.4rem. Bewegung kurz: transform .2s, .2s ease-out, .35s cubic-bezier(.42,0,.58,1). prefers-reduced-motion 10× (z. B. scroll-behavior smooth nur bei no-preference). ReadSpeaker-Vorlesefunktion und Enviso-Ticket-Widget eingebunden."
  },
  {
   "seite": "Barbican",
   "url": "https://www.barbican.org.uk/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-10-31",
   "quelle": "/sites/default/files/css/css_roBKlp9PURu9RQGpI-HmZvkqKu19KctuuMoOvOY-vPg.css (delta=1)",
   "beobachtung": "Drupal. @font-face: Supreme LL (Light bis Black Italic, Lineto) und KTF Rublena Black. letter-spacing -0.01em 177×, line-height 1.3 164×. Eigene Übergänge .1–.3s, opacity 300ms; die Überschwing-Kurven (.175,.885,.32,1.15 / .23,.635,.495,2.4) stammen aus der Tooltip-Bibliothek Tooltipster, nicht aus dem eigenen Design. Spartenfarben als System: #d14900 (309×), #5778a2, #946f2e, #402f79, #e60077, #017e9d, #20882a. Startseite aus sieben Splide-Karussells je Rubrik, Merkliste „Saved events“, Ticketing über Spektrix, GSAP ScrollTo."
  },
  {
   "seite": "Haus der Kulturen der Welt",
   "url": "https://www.hkw.de/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-10-31",
   "quelle": "/_nuxt/entry.Cc_7ph1w.css",
   "beobachtung": "Nuxt. @font-face: NewEdgeHkw (Display), IBMPlexSans, Space Mono. Sticky-Navigation .sticky-nav mit height 78px, border-bottom 1px solid #000, Schrift NewEdgeHkw. Teaser-Blöcke mit .color-switch, bei :nth-of-type(3n) wechseln Fläche und Schrift über var(--color-surface)/var(--color-on-surface), Buttons invertieren beim Hover. Übergänge all .35s ease-in-out (14×), .2s ease, opacity .32s linear. Folge: project-teaser-block ×2 → online-magazin-teaser-block → teaser-block → super-footer."
  }
 ],
 "schrift": {
  "paarung_basis": "barrierearm",
  "abweichung": "Gegenüber der Paarung: akzent ibm-plex-mono ergänzt.",
  "headline": "schibsted-grotesk",
  "text": "atkinson-hyperlegible-next",
  "akzent": "ibm-plex-mono",
  "techniken": [
   "fluide-typo-clamp-cqi",
   "tabellenziffern",
   "mono-labels-versal",
   "lesesatz-text-wrap",
   "headline-laufweite-zeilenabstand"
  ],
  "groessen": "Ausstellungs-/Festival-Titel clamp(2.75rem, 7vw, 7rem), Schibsted 800–900 (Festival auch Italic), -0.02em, line-height 1.0. Teaser-Titel clamp(1.375rem, 2.2vw, 2rem), 700. Fließtext Atkinson 1.125rem/1.6, max. 68ch (Stedelijk liegt bei ≈18–22px). Daten, Uhrzeiten, Räume in IBM Plex Mono 0.8125rem, tabular-nums. Für Festivals statt Schibsted die Paarung plakat-condensed (Big Shoulders 900).",
  "alternative_eigenprojekt": "Cabinet Grotesk oder Supreme (Fontshare, ITF-FFL) für den Barbican-nahen Black-Italic-Look; Supreme LL von Lineto ist eine andere, kommerzielle Schrift"
 },
 "farbe": {
  "prinzip": "Schwarz auf warmem Off-White als Grund (Stedelijk #0a0a0a/#ebeae8). Dazu ein Farbsystem mit 4–6 Tönen, je einer pro Sparte oder Programmreihe (Barbican), oder Blöcke, die im Rhythmus Fläche und Schrift tauschen (HKW .color-switch). Jede Spartenfarbe muss auf Off-White und als Fläche mit weißer Schrift WCAG AA erfüllen.",
  "beispiel": [
   "#0b0b0b Text, Linien",
   "#efede9 Grund",
   "#c4421a Sparte Musik",
   "#3d5f9a Sparte Theater/Tanz",
   "#2f7d4a Sparte Kunst",
   "#b0186b Sparte Film"
  ]
 },
 "animationsstil": "token-swiss-knackig",
 "bewegung": {
  "easing": "cubic-bezier(0.25, 1, 0.5, 1) (token-swiss-knackig, Eintritt); Austritt cubic-bezier(0.5, 0, 0.75, 0)",
  "beobachtet": "easeOutCubic cubic-bezier(0.215, 0.61, 0.355, 1); Stedelijk .2s/.35s, Barbican .1–.3s, HKW .2–.35s",
  "dauer_ms": "UI und Hover 150–250, Filter/Ansichtswechsel 300–350, Bild-Reveal höchstens 500",
  "regel": "Kurze, klare Out-Kurve des Stils ohne Überschwingen, Abgang mit der Austrittskurve. Bewegung entlang des Rasters (nur x oder y). prefers-reduced-motion ist Pflicht: Smooth-Scroll, Reveals und Karussell-Autoplay entfallen dann ganz (Stedelijk koppelt scroll-behavior an no-preference)."
 },
 "hero_beschreibung": "Programm vor Image: aktuelle Ausstellung oder Saisontitel als Plakat-Satz (schrift-hero-viewportbreit, Variante textfit) über bzw. neben einem echten Motiv (editorial-magazin-layout, Variante cover), darunter sofort Öffnungsstatus heute, nächste Termine und Tickets. Kein Video, keine Slideshow, aus der Demo kein Lenis.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "sticky-shrink-header",
   "mega-menue-morphing-viewport",
   "scrollspy-kapitelnavigation"
  ],
  "hero": [
   "schrift-hero-viewportbreit",
   "editorial-magazin-layout"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Aktuelle Ausstellungen / Highlights",
    "muster": [
     "editorial-magazin-layout"
    ],
    "varianten": {
     "editorial-magazin-layout": "zeitung"
    }
   },
   {
    "zweck": "Programm-Kalender mit Filtern",
    "muster": [
     "programm-kalender",
     "facettenfilter-ergebnisliste"
    ],
    "varianten": {
     "programm-kalender": "programm",
     "facettenfilter-ergebnisliste": "leiste"
    }
   },
   {
    "zweck": "Rubriken-Reihen (Musik, Film, Kunst …)",
    "muster": [
     "css-native-karussell"
    ],
    "varianten": {
     "css-native-karussell": "peek"
    }
   },
   {
    "zweck": "Besuch planen (Öffnungszeiten, Preise, Anfahrt mit Adresse als Text und Karte per 2-Klick, Barrierefreiheit)",
    "muster": [
     "oeffnungszeiten-status",
     "karte-zwei-klick",
     "akkordeon-hoehe-auto",
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "barrierefreiheit-seite": "erklaerung",
     "oeffnungszeiten-status": "karte",
     "karte-zwei-klick": "bild",
     "akkordeon-hoehe-auto": "faq"
    }
   },
   {
    "zweck": "Magazin / Hintergrund",
    "muster": [
     "editorial-magazin-layout"
    ],
    "varianten": {
     "editorial-magazin-layout": "magazin"
    }
   },
   {
    "zweck": "Kontakt (Kasse, Führungen und Gruppen, Vermietung, Presse)",
    "muster": [
     "kontakt-anfrage-formular"
    ]
   },
   {
    "zweck": "Newsletter",
    "muster": [
     "footer-newsletter-mit-persoenlichkeit"
    ],
    "varianten": {
     "footer-newsletter-mit-persoenlichkeit": "kultur"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [],
  "hover": [
   "bild-zoom-in-maske"
  ],
  "cursor": [],
  "mikro": [
   "checkbox-radio-animiert",
   "toast-stapel",
   "druck-feedback"
  ],
  "material": [],
  "galerie": [
   "css-native-karussell",
   "flip-zustandswechsel"
  ],
  "footer": [
   "mega-footer-sitemap",
   "footer-newsletter-mit-persoenlichkeit"
  ],
  "button": [
   "fuellung-vom-eintrittspunkt",
   "kontur-button-zeichnen"
  ],
  "hero_varianten": {
   "schrift-hero-viewportbreit": "textfit",
   "editorial-magazin-layout": "cover"
  }
 },
 "signatur": [
  "scrollspy-kapitelnavigation"
 ],
 "optional": [
  "text-um-form"
 ],
 "varianten_demo": {
  "text-um-form": "css",
  "schrift-hero-viewportbreit": "textfit",
  "bild-zoom-in-maske": "richtung",
  "fuellung-vom-eintrittspunkt": "pixel",
  "kontur-button-zeichnen": "ecken",
  "css-native-karussell": "peek",
  "flip-zustandswechsel": "nativ",
  "footer-newsletter-mit-persoenlichkeit": "kultur"
 },
 "nicht_verwenden": [
  "smooth-scroll-lenis – Programmlisten, Ticket-Widgets und iframes (Spektrix, Enviso) vertragen keine Scroll-Übernahme",
  "Jede Art von Cursor-Effekt – öffentliche Häuser haben ein breites Publikum, auch mit Screenreader und Tastatur",
  "prozent-zaehler und webgl-ladeszene-fortschritt – Besucher wollen Öffnungszeiten, keine Ladeshow",
  "fullpage-snap-slides – blockiert das schnelle Überfliegen des Programms",
  "Überschwing-Kurven im eigenen Design – bei Barbican stammen sie nur aus einer Tooltip-Bibliothek",
  "Farbe als einzige Unterscheidung der Sparten – immer zusätzlich ein Text-Label"
 ],
 "regeln": [
  "Programm vor Image: Termine, Ort, Uhrzeit und Ticket-Button auf jeder Teaser-Karte, Datum in Mono-Tabellenziffern.",
  "Spartenfarben als System, nicht als Deko; jede Farbe besteht den AA-Kontrast und trägt zusätzlich ein Label.",
  "Sticky-Navigation mit klarer Unterkante (HKW: 78px, 1px Linie); Ticket und Suche immer erreichbar.",
  "Teaser-Blöcke dürfen im Rhythmus Fläche und Schrift tauschen (HKW: jeder dritte Block).",
  "prefers-reduced-motion respektieren; Vorlesen bzw. Leichte Sprache und Barrierefreiheits-Infos fest in der Navigation.",
  "Fließtext mindestens 18px, max. 68ch; Headlines dürfen laut sein, Text bleibt ruhig.",
  "Filter wechseln die Ansicht per FLIP in ≤ 350 ms, ohne Seiten-Neuladen.",
  "text-um-form nur als Zusatz (optional, Priorität F): auf Kundenseiten Variante css (Umfluss ohne Bibliothek und ohne Bewegung) in einem einzelnen Magazin-Beitrag; Variante pretext nur für Eigenprojekte und Festival-Seiten.",
  "Pflichtangaben und Recht (Leitfaden 8a): Ticketpreise als Gesamtpreis inkl. Gebühren; für termingebundene Tickets gilt meist kein Widerrufsrecht, das klar sagen; öffentliche Häuser: BITV 2.0 mit Erklärung zur Barrierefreiheit und Feedback-Weg, ggf. Leichte Sprache und Gebärdensprache; Online-Ticketverkauf privater Häuser: Variante bfsg prüfen; Werkabbildungen nur mit Bildrechten (z. B. VG Bild-Kunst); Besucherfotos nur mit Einwilligung – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "mittel",
 "leistung": "Viele Bilder pro Seite: lazy loading, feste aspect-ratio, AVIF. Fremd-Widgets (Ticketing, Vorlesen) per Klick oder idle laden. Karussells nativ per Scroll-Snap statt sieben Instanzen einer Slider-Bibliothek. Atkinson Hyperlegible Next und Schibsted als Variable-Dateien mit Subset.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "stimmung_tags": [
  "editorial",
  "präzise",
  "laut"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   64,
   96,
   128
  ],
  "sektion": "clamp(56px, 7vw, 112px)",
  "dichte": "dicht",
  "hinweis": "Programm geht vor: Teaser dicht, Datum, Ort und Ticket mit 8 px Abstand. Laut werden darf nur der Titel, nicht der Weißraum."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 3vw, 40px)",
  "spalt": "clamp(16px, 2vw, 24px)",
  "max_breite": "1600px",
  "hinweis": "Teaser 3 bis 4 Spalten, jeder dritte Block tauscht Fläche und Schrift (HKW). Sticky Navigation mit 1px Unterkante."
 },
 "form": {
  "radius_klein": "0",
  "radius_gross": "0",
  "pille": false,
  "linie": "1px #0b0b0b als Unterkante der Navigation und zwischen Programmzeilen",
  "schatten": "keiner",
  "hinweis": "Grafisch und eckig. Nebenwege als Kontur mit Eckklammern (kontur-button-zeichnen, Variante ecken), Tickets füllen sich in Pixeln (fuellung-vom-eintrittspunkt, Variante pixel)."
 },
 "bildsprache": {
  "licht": "Dokumentarisch: Ausstellungsansichten in neutralem Licht, Künstlerfotos wie geliefert.",
  "ausschnitt": "Werk oder Raumansicht, Plakatmotiv; Bühnenfotos im Moment der Handlung.",
  "personen": "Künstler:innen und Publikum, nur mit Rechten und Bildnachweis.",
  "formate": [
   "4:5",
   "3:2",
   "1:1"
  ],
  "nicht": "Keine Stock-Konzertmengen, keine Bilder ohne Bildnachweis, keine Duotone oder Filter über Kunstwerken, keine Slideshow im Hero."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Kurz und klar; Leichte Sprache als eigene Fassung. Termine immer als Datum · Uhrzeit · Ort.",
  "haltung": "Einladend und selbstbewusst, ohne Kunstjargon. Ein Festival darf duzen, dann auf der ganzen Seite.",
  "beispiele": [
   "Heute geöffnet bis 18 Uhr. Unter 18 Jahren frei.",
   "Die Ausstellung zeigt 40 Arbeiten aus fünf Jahrzehnten."
  ],
  "nicht": "„Spannungsfeld“, „verhandelt“, „Diskurs“ als Füllwörter, „Ein Muss für jeden Kunstliebhaber“."
 },
 "hero_aufbau": {
  "raster": "12 Spalten: Plakat-Satz über die volle Breite (schrift-hero-viewportbreit, Variante textfit), echtes Motiv über 7 Spalten daneben oder darunter (editorial-magazin-layout, Variante cover).",
  "bild": "Echtes Ausstellungs- oder Saisonmotiv, 4:5 oder 3:2; kein Video, keine Slideshow.",
  "h1": "clamp(2.75rem, 7vw, 7rem), Schibsted 800–900, oben links, per textfit auf Breite.",
  "handlung": "„Tickets“ (gefüllt, Pixel-Füllung) und „Programm“ (Kontur mit Ecken) direkt unter dem Titel.",
  "zusatz": "Öffnungsstatus heute und die nächsten drei Termine in IBM Plex Mono 0.8125rem; Spartenlabel mit Farbe und Wort."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/kultur-programm-haltung/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/kultur-programm-haltung/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/kultur-programm-haltung/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/kultur-programm-haltung/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "smooth-scroll-lenis"
   ],
   "grund": "Programmlisten, Ticket-Widgets und iframes (Spektrix, Enviso) vertragen keine Scroll-Übernahme"
  },
  {
   "ids": [],
   "grund": "Jede Art von Cursor-Effekt – öffentliche Häuser haben ein breites Publikum, auch mit Screenreader und Tastatur"
  },
  {
   "ids": [
    "prozent-zaehler"
   ],
   "grund": "und webgl-ladeszene-fortschritt – Besucher wollen Öffnungszeiten, keine Ladeshow"
  },
  {
   "ids": [
    "fullpage-snap-slides"
   ],
   "grund": "blockiert das schnelle Überfliegen des Programms"
  },
  {
   "ids": [],
   "grund": "Überschwing-Kurven im eigenen Design – bei Barbican stammen sie nur aus einer Tooltip-Bibliothek"
  },
  {
   "ids": [],
   "grund": "Farbe als einzige Unterscheidung der Sparten – immer zusätzlich ein Text-Label"
  }
 ],
 "alle_muster": [
  {
   "id": "scrollspy-kapitelnavigation",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/scrollspy-kapitelnavigation/meta.json"
  },
  {
   "id": "schrift-hero-viewportbreit",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/schrift-hero-viewportbreit/meta.json",
   "variante": "textfit",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/schrift-hero-viewportbreit/demo?v=textfit"
  },
  {
   "id": "editorial-magazin-layout",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/meta.json",
   "variante": "cover",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=cover",
   "varianten_je_rolle": [
    {
     "rolle": "Hero",
     "variante": "cover",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=cover"
    },
    {
     "rolle": "Sektion: Aktuelle Ausstellungen / Highlights",
     "variante": "zeitung",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=zeitung"
    },
    {
     "rolle": "Sektion: Magazin / Hintergrund",
     "variante": "magazin",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=magazin"
    }
   ]
  },
  {
   "id": "programm-kalender",
   "rolle": "Sektion: Programm-Kalender mit Filtern",
   "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": "facettenfilter-ergebnisliste",
   "rolle": "Sektion: Programm-Kalender mit Filtern",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/facettenfilter-ergebnisliste/meta.json",
   "variante": "leiste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/facettenfilter-ergebnisliste/demo?v=leiste"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Sektion: Rubriken-Reihen (Musik, Film, Kunst …)",
   "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": "oeffnungszeiten-status",
   "rolle": "Sektion: Besuch planen (Öffnungszeiten, Preise, Anfahrt mit Adresse als Text und Karte per 2-Klick, Barrierefreiheit)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "karte",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=karte"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Besuch planen (Öffnungszeiten, Preise, Anfahrt mit Adresse als Text und Karte per 2-Klick, Barrierefreiheit)",
   "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": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Besuch planen (Öffnungszeiten, Preise, Anfahrt mit Adresse als Text und Karte per 2-Klick, Barrierefreiheit)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "variante": "faq",
   "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=faq"
  },
  {
   "id": "barrierefreiheit-seite",
   "rolle": "Sektion: Besuch planen (Öffnungszeiten, Preise, Anfahrt mit Adresse als Text und Karte per 2-Klick, Barrierefreiheit)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/meta.json",
   "variante": "erklaerung",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/demo?v=erklaerung"
  },
  {
   "id": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt (Kasse, Führungen und Gruppen, Vermietung, Presse)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "footer-newsletter-mit-persoenlichkeit",
   "rolle": "Sektion: Newsletter",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/meta.json",
   "variante": "kultur",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/demo?v=kultur"
  },
  {
   "id": "sticky-shrink-header",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/sticky-shrink-header/meta.json"
  },
  {
   "id": "mega-menue-morphing-viewport",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/mega-menue-morphing-viewport/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": "richtung",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/demo?v=richtung"
  },
  {
   "id": "checkbox-radio-animiert",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/checkbox-radio-animiert/meta.json"
  },
  {
   "id": "toast-stapel",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/toast-stapel/meta.json"
  },
  {
   "id": "druck-feedback",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/druck-feedback/meta.json"
  },
  {
   "id": "flip-zustandswechsel",
   "rolle": "Galerie",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/flip-zustandswechsel/meta.json",
   "variante": "nativ",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/flip-zustandswechsel/demo?v=nativ"
  },
  {
   "id": "mega-footer-sitemap",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/mega-footer-sitemap/meta.json"
  },
  {
   "id": "fuellung-vom-eintrittspunkt",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/fuellung-vom-eintrittspunkt/meta.json",
   "variante": "pixel",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/fuellung-vom-eintrittspunkt/demo?v=pixel"
  },
  {
   "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": "tabellenziffern",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/tabellenziffern/meta.json"
  },
  {
   "id": "mono-labels-versal",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/mono-labels-versal/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": "headline-laufweite-zeilenabstand",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/headline-laufweite-zeilenabstand/meta.json"
  },
  {
   "id": "text-um-form",
   "rolle": "Optional",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/text-um-form/meta.json",
   "variante": "css",
   "demo_url": "https://cecodesign.de/lab/fundus/typo-techniken/text-um-form/demo?v=css"
  }
 ]
}