{
 "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": "musik-kuenstler-buehne",
 "name": "Musik und Kunst: Ära und Bühne",
 "branche": "Band / Musiker:in / DJ / Label / Chor und Ensemble / bildende Künstler:in mit Ausstellungen",
 "stimmung": [
  "laut",
  "experimentell",
  "eigenständig",
  "direkt"
 ],
 "kurz": "Jedes Release ist eine Ära mit eigener Farbe: Ein einziges Token aus dem Cover färbt Signal, Effekt und den Namen, der Rest ist Tinte und Papier. Zuerst kommen Hören und Tickets, dann Videos, Bio und ein Pressebereich, aus dem Veranstalter und Presse alles ohne Nachfrage holen. Bewegung ist Takt statt Kurve: Das Cover baut sich in Pixelstufen auf, Seiten schließen als Verschluss, der Hero-Clip läuft als Zeichenraster. Genau ein experimenteller Effekt pro Ansicht, immer mit Pause-Knopf und Standbild. Abgrenzung: kreativstudio-buehne verkauft Leistungen an Auftraggeber (Leistungen, Cases, Anfrage) und bleibt bei einer weichen Expo-Kurve; kultur-programm-haltung ist ein Haus mit vielen Terminen an einem Ort, Spartenfarben und „Besuch planen“. Hier steht eine Künstlerin, eine Band oder ein Label im Mittelpunkt, das an vielen Orten spielt, Releases veröffentlicht und mit jeder Ära anders aussieht.",
 "referenzen": [
  {
   "seite": "Tocotronic (Band, Hamburg/Berlin)",
   "url": "https://www.tocotronic.de/dates/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.tocotronic.de/dates/",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen): Navigation „Zum Start“, „Aktuelle Releases“, „Live“, „Video“, „Posts“, „Shop“, „Newsletter“. Termine nach Tour bzw. Reihe gruppiert (Tour, Lesung & Konzert, Podcast live), je Zeile Datum TT.MM.JJJJ, Stadt mit Länderkürzel „Hamburg (DE)“ und verlinktem Ort, Status „Ausverkauft“ (nicht verlinkt) oder Link „Tickets“; je Termin „Google Kalender“ und „Download iCal“, aufklappbar mit „+“, lange Listen mit „mehr anzeigen“. Releases mit Streaming-Links je Single, Shop in drei Wege geteilt (Tickets, Downloads über Bandcamp, Merchandise), Newsletter mit Einwilligungstext und Link zum Datenschutz. Kein eigener Pressebereich."
  },
  {
   "seite": "Kraftklub (Band, Chemnitz)",
   "url": "https://www.kraftklub.to/home/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.kraftklub.to/home/",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen): Startseite als Folge Start (Tour mit „Tickets“, aktuelles Album mit „ALBUM“, „Single“, „Tickets“) → Termine → Album (Formate Bundles, Vinyl, CD, Kassette mit Datum und Kaufknopf zum Shop) → Videos (vier Titel, „Mehr auf YouTube“) → Musik (alle Alben) → Shop (vier Artikel, „Zum Shop“). Termine mit „Google Kalender“, „Download iCal“, „Show more details“; ausverkaufte Termine zeigen „Ausverkauft“ und verlinken auf „RESALE“. Tickets laufen über den eigenen Ticketshop (shop.kraftklub.to). Kein Newsletter auf der Startseite."
  },
  {
   "seite": "Ninja Tune (Label, London)",
   "url": "https://ninjatune.net/events",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://ninjatune.net/events und https://ninjatune.net/release/bonobo/fragments",
   "beobachtung": "Live geprüft 02.11.2026 (Seiten per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen): Events nach Tag gruppiert („2nd Nov“), je Zeile Datum ausgeschrieben, Künstler:in (verlinkt), Ort, Stadt und Land, Link „TICKETS“ zum Ticketanbieter; Filter nach Künstler:in (mit Suchfeld) und nach Stadt. Navigation Search, Artists, Releases, Shop, Events. Release-Seite: Cover-Galerie, „Released 14th January 2022“, Formate nach Physical und Digital mit Katalognummer und Preis, Trackliste als Text mit Preis je Titel, eigener Playlist-Player statt eingebetteter Spotify- oder YouTube-Player, „More by …“ mit „LISTEN“ und „BUY“."
  },
  {
   "seite": "RIAS Kammerchor Berlin (Chor)",
   "url": "https://www.rias-kammerchor.de/en/press/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.rias-kammerchor.de/en/press/",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen): Pressebereich als EPK: Pressemappe je Saison („Press Kit 2025–26“, „Press Kit 2026–27“), Fotosätze nach Anlass (Ensemble in Farbe, in der Philharmonie, an anderen Orten, mit Partnerensemble, Chefdirigent), Biografien kurz und lang, Pressemitteilungen mit Datum, zwei Ansprechpersonen mit Rolle, Telefon und E-Mail für Pressekarten und Verteiler. Fotografen-Credits und Nutzungsrechte stehen nicht sichtbar am Material (nur im Dateinamen) – das macht dieses Rezept anders. Navigation Calendar, Subscriptions, About us, Management, Outreach, Friends, Service, Press."
  },
  {
   "seite": "Alicja Kwade (bildende Künstlerin, Berlin)",
   "url": "https://alicjakwade.com/exhibitions",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://alicjakwade.com/exhibitions",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen): Navigation Exhibitions, Works, Map, Publications, Press, CV, Contact. Ausstellungen in zwei Teilen „Current Exhibitions“ und „Past Exhibitions (selected)“, je Eintrag Titel, Haus, Stadt, Land und Zeitraum („Waiting Pavillions, Tai Kwun Contemporary, Hong Kong, 2024-2026“). Keine Bildrechte- oder Fotografenangaben sichtbar, keine Galerie-Vertretung genannt."
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "Keine Katalog-Paarung. Alle drei Schriften stehen in keinem anderen Rezept. Science Gothic (wdth 50–200, Kontrastachse, slnt) gibt den breiten Plakat-Look vieler Musikseiten (Druk Wide, Eurostile) als OFL und unterscheidet sich klar von kreativ (TikTok Sans), fitness (Anybody), verein (Big Shoulders) und kultur (Schibsted Grotesk). Redaction ist eine Antiqua, deren Familie verpixelte Schnitte hat (Redaction 20, Redaction 100): Fließtext bleibt sauber und lesbar, die verpixelten Schnitte tragen nur den Pixel-Moment des Release-Titels und passen zum Dither-Hero. Martian Mono setzt Termine, Status und Labels (Mono-Akzent nach Leitfaden A4). Science Gothic hat keine belegte Produktions-Sichtung (schriften.json); vor dem ersten Kundenprojekt am echten Namen testen.",
  "headline": "science-gothic",
  "text": "redaction",
  "akzent": "martian-mono",
  "groessen": "Name im Hero Science Gothic clamp(3.5rem, 1rem + 11vw, 12rem), wdth 140–200 (je kürzer der Name, desto breiter), wght 800, CTRS 0, Versal, Laufweite -0.02em, Zeilenhöhe 0.86; h2 clamp(2rem, 1.2rem + 3.5vw, 4rem), wdth 120, wght 700, Versal, -0.01em, Zeilenhöhe 0.95. Stadt in der Terminliste Science Gothic 1.25rem, wdth 100, wght 700, Versal. Release- und Werktitel Redaction 400 clamp(1.75rem, 1rem + 2.5vw, 3rem), Werktitel kursiv; im Pixel-Moment einmal Redaction 100 → Redaction 20 → Redaction (3 Stufen à 80 ms). Fließtext (Bio, Presse, Texte) Redaction 1.1875rem/1.6, max. 64ch, nie in den verpixelten Schnitten. Datum, Uhrzeit, Preise und Katalognummern Martian Mono 0.9375rem, wdth 87.5, wght 500, tabular-nums; Status, Format, Credits und Rubriken Martian Mono 0.75rem, Versal, +0.08em; Knöpfe Martian Mono 0.875rem, wght 600, Versal, +0.04em.",
  "techniken": [
   "headline-laufweite-zeilenabstand",
   "mono-labels-versal",
   "tabellenziffern",
   "fluide-typo-clamp-cqi",
   "lesesatz-text-wrap"
  ],
  "alternative_eigenprojekt": "Headline panchang oder tanker, Text zodiak oder erode (ITF) – nur für Eigenprojekte, nicht für Templates."
 },
 "farbe": {
  "prinzip": "Jede Ära hat eine Farbe. Grund ist Tinte, zum Lesen (Bio, Presse, Shop) Papier. Die Ära-Farbe kommt aus dem Cover des aktuellen Releases und ist der einzige Signalton: Haupthandlung, Echo des Namens, Farbe des Dither- bzw. Marmor-Effekts, Verschluss beim Seitenwechsel. Sie liegt als ein Token (--aera) im :root; mit dem nächsten Release wird nur dieses Token getauscht, kein Redesign. Bedingung: als Fläche mit Papier-Schrift mindestens 4,5 : 1. Auf Tinte nie als Textfarbe, nur als Fläche mit 2 px Papier-Kante bzw. Papier-Versatz. Kein Verlauf, kein Pastell-Lila, Pink oder Cyan als Standard (Leitfaden C2, C10). Ticketstatus immer als Wort, nie nur als Farbe.",
  "beispiel": [
   "#111113 Tinte: Grund für Hero, Termine, Videos, Fußzeile",
   "#EEEBE3 Papier: Text auf Tinte (15,8 : 1), Grund für Bio, Presse, Shop",
   "#2D3BFF Ära-Farbe, Beispiel Ultramarin: Fläche mit Papier-Schrift 5,5 : 1; auf Tinte nur mit Papier-Kante (allein 2,9 : 1)",
   "#C2361F Ära-Farbe, Beispiel für das nächste Release (Zinnober): Fläche mit Papier-Schrift 4,6 : 1",
   "#9A9893 Meta auf Tinte (6,5 : 1): Ort, Support, Format",
   "#5C5A55 Meta auf Papier (5,8 : 1)",
   "#FF6B5E Abgesagt und Fehler auf Tinte (6,8 : 1), immer mit Wort"
  ]
 },
 "animationsstil": "token-brutal-hart",
 "animationsstil_ui": "token-toggle-asymmetrisch",
 "animationsstil_hinweis": "token-brutal-hart in den Spielarten Pixel-Render, Verschluss und harter Schnitt; der Stil nennt Musik ausdrücklich und ist an basement (Verschluss in 32 Stufen) und Jean Dawson (Schreibmaschine in Stufen) beobachtet. Abgrenzung zu fitness-studio-rhythmus, das denselben Stil nur mit Breiten-Stufen und Bildwechseln nutzt: Hier baut sich das Cover in Pixelstufen auf (48 → 1 px), der Seitenwechsel schließt als Verschluss in Spalten, der Hero-Clip schneidet hart. Terminal-Tippen höchstens für Credits oder Katalognummern, nie für Termine, Preise oder Ticketstatus. Menü, Player-Platzhalter, Filter, Newsletter, Kaufbox und Warenkorb laufen auf animationsstil_ui token-toggle-asymmetrisch, weil der Stil laut wann_nicht nicht zu Verträgen und Formularen passt; fitness nimmt dafür token-tech-praezise.",
 "bewegung": {
  "easing": "linear bzw. steps(1, end), steps(6, jump-none) und steps(32, end) (token-brutal-hart: Takt statt Kurve)",
  "beobachtet": "nicht gemessen: Referenzen nur inhaltlich geprüft (siehe offen); Takt und Dauern aus dem Animationsstil (dort beobachtet: basement Verschluss 1,4 s in 32 Stufen, Jean Dawson Schreibmaschine 2 s in 30 Stufen)",
  "dauer_ms": "0 (harter Schnitt, Bildwechsel im Clip, Hover), 80 je Stufe (Cover-Pixelaufbau 6 Stufen = 480, Verschluss beim Seitenwechsel 6 Stufen = 480), 240 (Release-Titel in 3 Stufen); UI nach token-toggle-asymmetrisch: Öffnen 250–300 (Menü, Player-Platzhalter, Warenkorb, Filter), Schließen etwa 65 % davon (170–200)",
  "regel": "Was inszeniert, springt in ganzen Stufen auf einem 8-px-Raster; was bedient wird, öffnet mit dem UI-Stil und schließt schneller. Nichts federt, nichts gleitet nach. Termine, Preise und Ticketstatus stehen sofort, ohne Einblendung. Großflächige Hell-Dunkel-Wechsel höchstens dreimal pro Sekunde (WCAG 2.3.1), harte Schnitte im Clip nicht zwischen Schwarz und Weiß. Alles, was länger als 5 s läuft (Dither-Clip, Marmor), hat einen sichtbaren Pause-Knopf. Bei prefers-reduced-motion: Standbilder statt Clip und Shader, alle Stufen sofort im Endzustand, Seitenwechsel ohne Verschluss.",
  "herkunft": "Werte aus token-brutal-hart (bau.werte css_token: --dur-step 80ms, --ease-steps steps(6, jump-none), --ease-shutter steps(32, end), --raster 8px; pixel: Rasterstufen 48/32/20/12/6/1 px, Takt 80 ms) und token-toggle-asymmetrisch (Kurvenpaar expo.out / expo.in, als UI-Stil nach Leitfaden-Faustregel gekürzt); Referenzen inhaltlich geprüft (WebFetch), CSS nicht gemessen."
 },
 "hero_beschreibung": "Die aktuelle Ära auf einen Blick: der Name des Acts in Science Gothic, breit und versal, mit Echo in Ära-Farbe und Papier (echo-stacked-type, nur dieses eine Wort). Daneben bzw. darunter das aktuelle Cover als echtes Bild (unverzerrt, LCP) mit „Anhören“ als Haupthandlung und darunter die nächsten drei Termine als Zeilen mit Ticketlink. Hintergrund ist ein eigener kurzer Clip (Musikvideo, Visualizer, Live-Mitschnitt), der stumm durch den Zeichen- bzw. Dither-Pass läuft (ascii-dither-pixel-stil, Variante video); unter dem Zeiger erscheint das Original, auf Touch ruhige Kacheln. Pause-Knopf, Standbild bei reduzierter Bewegung, ohne WebGL und auf schwachen Geräten. Name, Cover und Termine stehen auf eigenen Tinte-Flächen, nie direkt auf dem Effekt. hero_variante fluessig-marmor-hintergrund (Variante tinte, Ära-Farbe als Tinte in Wasser) nur, wenn es keinen eigenen Clip gibt. Nie beide Effekte zugleich, nie Stock- oder KI-Material, das echt wirken soll.",
 "muster": {
  "seitenuebergang": [
   "spalten-shutter-wipe"
  ],
  "preloader": [],
  "navigation": [
   "menue-choreografie-wipe-clip",
   "sound-umschalter"
  ],
  "hero": [
   "ascii-dither-pixel-stil",
   "echo-stacked-type"
  ],
  "hero_variante": [
   "fluessig-marmor-hintergrund"
  ],
  "sektionen": [
   {
    "zweck": "Live: Termine und Tickets (nach Tour gruppiert; je Termin Datum, Stadt und Land, Ort, Support, Status als Wort: Tickets, Wenige Karten, Ausverkauft, Zusatzkonzert, Verlegt mit altem und neuem Datum, Abgesagt; Ticketlink zum Anbieter, .ics je Termin; vergangene Termine eingeklappt; Filter nach Land erst ab etwa 15 Terminen)",
    "muster": [
     "tourdaten-liste",
     "facettenfilter-ergebnisliste"
    ],
    "varianten": {
     "facettenfilter-ergebnisliste": "leiste",
     "tourdaten-liste": "tour"
    }
   },
   {
    "zweck": "Musik: aktuelles Release (Cover unverzerrt, Titel, VÖ-Datum, Formate mit Preis oder Shop-Link, Trackliste als Text, „Anhören“ mit allen Plattformen als normale Links; eingebetteter Player erst nach Klick)",
    "muster": [
     "player-einbettung-zwei-klick"
    ]
   },
   {
    "zweck": "Diskografie (alle Releases, neuestes zuerst; je Karte Cover, Titel, Jahr, Format; führt zur Release-Seite)",
    "muster": [
     "css-native-karussell"
    ],
    "varianten": {
     "css-native-karussell": "produktreihe"
    }
   },
   {
    "zweck": "Videos (Musikvideos, Live-Mitschnitte, Visualizer: YouTube oder Vimeo erst nach Klick; eigene Clips als stumme Vorschau, höchstens drei gleichzeitig; Premiere selbst gehostet nur mit Untertiteln bei Sprache)",
    "muster": [
     "player-einbettung-zwei-klick",
     "video-vorschau-hover-viewport",
     "eigener-videoplayer"
    ],
    "varianten": {
     "eigener-videoplayer": "ambilight"
    }
   },
   {
    "zweck": "Über: Bio und Besetzung (ein Satz, wer spielt was, kleine Porträts; Live-Besetzung und Gäste; bei Ensembles nach Stimmgruppe oder Instrument)",
    "muster": [
     "team-ueber-mich-layout"
    ],
    "varianten": {
     "team-ueber-mich-layout": "statement"
    }
   },
   {
    "zweck": "Presse und Booking (EPK): Pressefotos mit Fotograf:in, Auflösung und Nutzungshinweis zum Download; Bio kurz, mittel, lang mit Wortzahl und Stand zum Kopieren; Pressestimmen mit Medium und Datum; Technical Rider, Stageplot und Logos als Datei mit Stand-Datum; Ansprechpersonen",
    "muster": [
     "galerie-shared-element-vollbild",
     "tabs-pfeiltasten-focusgroup",
     "kopieren-feedback",
     "testimonials-neu-gedacht"
    ],
    "varianten": {
     "galerie-shared-element-vollbild": "basis",
     "tabs-pfeiltasten-focusgroup": "auto",
     "testimonials-neu-gedacht": "liste"
    }
   },
   {
    "zweck": "Newsletter (benannter Brief mit konkretem Vorteil: neue Musik und Vorverkauf zuerst; Region für Termin-Hinweise freiwillig; Double-Opt-in)",
    "muster": [
     "footer-newsletter-mit-persoenlichkeit"
    ],
    "varianten": {
     "footer-newsletter-mit-persoenlichkeit": "basis"
    }
   },
   {
    "zweck": "Merch und Tonträger (nur mit eigenem Shop: Größe und Farbe, Gesamtpreis, Versand, Lieferzeit, Herstellerangaben; ohne eigenen Shop Links zum Label-Shop oder zu Bandcamp)",
    "muster": [
     "produkt-kaufbox-varianten",
     "warenkorb-drawer"
    ],
    "varianten": {
     "produkt-kaufbox-varianten": "kompakt",
     "warenkorb-drawer": "drawer"
    }
   },
   {
    "zweck": "Kontakt: Booking, Management, Label, Presse (je Rolle Name, Agentur, Gebiet und E-Mail zum Kopieren; Booking-Anfrage mit Datum, Ort, Art der Veranstaltung und Kapazität; Proberaum oder Atelier mit Karte per 2-Klick nur, wenn Besuch vorgesehen ist)",
    "muster": [
     "kontakt-anfrage-formular",
     "kopieren-feedback"
    ]
   },
   {
    "zweck": "Vertrag widerrufen & Erklärung zur Barrierefreiheit (Footer, ohne Login; nur mit eigenem Shop oder eigenem Ticketverkauf)",
    "muster": [
     "widerruf-und-kuendigung-schaltflaeche",
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "widerruf-und-kuendigung-schaltflaeche": "richtig",
     "barrierefreiheit-seite": "bfsg"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [
   "echo-stacked-type"
  ],
  "hover": [],
  "cursor": [],
  "mikro": [
   "checkbox-radio-animiert",
   "kopieren-feedback"
  ],
  "material": [
   "fluessig-marmor-hintergrund"
  ],
  "galerie": [
   "css-native-karussell",
   "galerie-shared-element-vollbild",
   "video-vorschau-hover-viewport"
  ],
  "footer": [
   "footer-newsletter-mit-persoenlichkeit"
  ],
  "button": [
   "tiefen-taste-3d",
   "kontur-button-zeichnen"
  ],
  "hero_varianten": {
   "ascii-dither-pixel-stil": "video",
   "fluessig-marmor-hintergrund": "tinte"
  }
 },
 "signatur": [
  "ascii-dither-pixel-stil",
  "echo-stacked-type"
 ],
 "optional": [
  "karussell-karten-verformen",
  "generatives-markenzeichen"
 ],
 "varianten_demo": {
  "ascii-dither-pixel-stil": "video",
  "fluessig-marmor-hintergrund": "tinte",
  "tiefen-taste-3d": "versatz-brutal",
  "kontur-button-zeichnen": "laufend",
  "karussell-karten-verformen": "welle",
  "generatives-markenzeichen": "team",
  "css-native-karussell": "produktreihe",
  "galerie-shared-element-vollbild": "basis",
  "footer-newsletter-mit-persoenlichkeit": "basis"
 },
 "nicht_verwenden": [
  "cursor-follower-lerp / blend-difference-cursor – Award-Geste ohne Nutzen; im Dither-Hero ist der Zeiger schon das Werkzeug, das das Original freilegt",
  "prozent-zaehler / kinetische-typo-intro – Fans wollen Player und Termine, keine Ladeshow; der Name steht ab dem ersten Bild",
  "mesh-gradient-shader – Aurora-Klischee (C2); Farbe kommt aus dem Cover der Ära",
  "atmosphaere-partikel – Hotel-Stimmung (Staub, Glut); neben Dither-Clip oder Marmor wäre es der zweite bewegte Effekt in einer Ansicht (C4, C10)",
  "kinetic-3d-shader-type – zweite Wort-Inszenierung neben dem Echo-Namen und eine weitere WebGL-Szene; der Name bleibt echter Text",
  "webgl-bildverzerrung / velocity-skew-verzerrung – verzerren Cover, Pressefotos und Werke, die unverfälscht bleiben müssen",
  "glas-button / verlaufs-rahmen – Glas und Lichtkante neben Dither oder Marmor sind zwei Material-Effekte; die harte Taste reicht",
  "smooth-scroll-lenis – Terminlisten, Player-iframes und Shop vertragen keine Scroll-Übernahme",
  "marquee-laufband – „Neues Album“-Bänder sind Template-Deko; Termine und Titel nie in bewegten Bändern",
  "zahlen-odometer – hochgezählte Streams, Follower oder Countdowns sind Druck statt Information; echte Zahlen nur mit Quelle und Stand",
  "Termin-Widgets von Bandsintown oder Songkick als iframe – laden Dritte vor der Einwilligung und brechen die Gestaltung; Daten importieren und selbst als Liste setzen",
  "Spotify-, YouTube-, Bandcamp- oder SoundCloud-Player ohne Klick – übertragen Daten vor der Einwilligung (§ 25 TDDDG)",
  "Autoplay mit Ton – nie; Ton startet nur nach Klick (WCAG 1.4.2)"
 ],
 "regeln": [
  "Erster Bildschirm: Name des Acts, aktuelles Cover mit „Anhören“ und die nächsten drei Termine mit Ticketlink. Der Hero-Clip ist eigenes Material (Musikvideo, Visualizer, Live-Mitschnitt), nie Stock.",
  "Ära-Token: Eine CSS-Variable --aera, aus dem Cover gewählt, färbt Haupthandlung, Echo, Effekt und Verschluss. Sie hält als Fläche mit Papier-Schrift mindestens 4,5 : 1. Mit dem nächsten Release wird nur dieses Token getauscht.",
  "Experimentelle Effekte nach Leitfaden C10: genau ein bewegter Hintergrund pro Ansicht (ascii-dither-pixel-stil mit eigenem Clip oder fluessig-marmor-hintergrund ohne Clip), nie hinter Fließtext, nie neben einem zweiten Material-Effekt. Farben nur aus Tinte, Papier und Ära-Farbe. Sichtbarer Pause-Knopf „Bewegung anhalten“ (läuft länger als 5 s); Standbild als AVIF bei prefers-reduced-motion, ohne WebGL, auf schwachen Geräten (≤ 4 Kerne, Datensparen) und solange der Shader lädt.",
  "Dither-Hero: Zellen groß genug, dass nichts flimmert (mobil größer), die Canvas ist aria-hidden, Texte bleiben echtes HTML. Der Clip läuft stumm; Ton nur über sound-umschalter nach Klick, Zustand gemerkt, bei Tab-Wechsel aus. Den Ton-Schalter nur bauen, wenn der Clip wirklich Ton hat.",
  "echo-stacked-type nur auf dem Namen (bis etwa 12 Zeichen; bei längeren Namen auf dem kürzesten Wort), höchstens drei Kopien in Ära-Farbe, Papier und Meta-Grau, Telefon zwei; Platz für die volle Spreizung reservieren, Kopien aria-hidden. Im Footer darf der Name noch einmal als Echo stehen, sonst nirgends.",
  "Termine (tourdaten-liste): jede Zeile Datum in Martian Mono mit Tabellenziffern, Stadt und Land, Ort, Support, Status als Wort. „Ausverkauft“ nie nur grau oder durchgestrichen; Resale- oder Wartelisten-Link nur, wenn der Veranstalter ihn anbietet. „Verlegt“ zeigt altes und neues Datum. Ticketlink als normaler Link mit Anbietername, öffnet beim Anbieter. Daten aus einer Quelle (JSON oder Import), dazu .ics je Termin und strukturierte Daten nur für sichtbare Termine.",
  "Hören: Plattform-Links (Spotify, Apple Music, Bandcamp, YouTube Music, Deezer …) stehen immer als normale Links da; ein eingebetteter Player lädt erst nach Klick (player-einbettung-zwei-klick) mit Anbietername und Hinweis auf den Datenfluss. Trackliste als Text.",
  "Cover und Werke unverfälscht: Der Pixelaufbau (6 Stufen à 80 ms) liegt als Ebene über dem schon gemalten Bild und läuft einmal beim Eintritt; kein Dither, keine Verformung auf Cover, Pressefotos und Werkabbildungen.",
  "Buttons: tiefen-taste-3d (Variante versatz-brutal) nur für die eine Haupthandlung einer Ansicht („Anhören“, „Tickets“ im Hero, „In den Warenkorb“); in Terminlisten, Downloads und Nebenaktionen kontur-button-zeichnen (Variante laufend, Striche laufen nur bei Hover und Fokus). Ticketlinks in Zeilen mindestens 44 px hoch.",
  "Pressebereich ohne Login: Fotos mit Fotograf:in, Jahr, Auflösung und Nutzungsregel direkt am Bild („frei für redaktionelle Berichte über [Act] mit Nennung“), Bio in drei Längen mit Wortzahl und Stand zum Kopieren (kopieren-feedback), Rider und Stageplot mit Datum. Pressestimmen nur echt, mit Medium und Datum.",
  "Seitenwechsel: spalten-shutter-wipe in Ära-Farbe, 6 Stufen à 80 ms, nur zwischen Hauptseiten, nicht im Shop, nicht nach Formularen, nicht bei reduzierter Bewegung. Menü als Overlay mit menue-choreografie-wipe-clip über animationsstil_ui (öffnen 300 ms, schließen 200 ms).",
  "karussell-karten-verformen nur als Zusatz (optional, Priorität F) in der Diskografie auf Desktop mit Feinzeiger, Variante welle; die Grundlage bleibt css-native-karussell. generatives-markenzeichen (optional, Variante team) nur für Teilen-Bilder je Tourstadt, Saat ist die Stadt; die Termin-Liste bleibt Text.",
  "Pflichtangaben und Recht (Leitfaden 8a): Impressum nach § 5 DDG (Band als GbR mit allen Vertretungsberechtigten, Chor als e. V. mit Vereinsregister). Eigener Ticketverkauf: Gesamtpreis inkl. aller Gebühren; für termingebundene Konzerttickets gilt meist kein Widerrufsrecht (§ 312g Abs. 2 Nr. 9 BGB, BGH 13.07.2022, VIII ZR 317/21), das klar sagen. Eigener Merch-Shop: Preise inkl. MwSt., Versand, Lieferzeit, Widerrufsbelehrung, Widerrufs-Button (§ 356a BGB), Herstellerangaben nach GPSR; BFSG prüfen. Eigene Songs auf der eigenen Seite: Als GEMA-Mitglied Lizenz für Eigenpräsentation (kostenlos, ein Jahr, ohne Werbung Dritter, Rechtehinweis sichtbar) oder Tarif. Eingebettete Player und Videos erst nach Klick (§ 25 TDDDG). Newsletter mit Double-Opt-in. Fotos von Publikum nur mit Einwilligung, Werkabbildungen mit Bildrecht (ggf. VG Bild-Kunst), KI-erzeugte Bilder oder Visuals, die echt wirken könnten, kennzeichnen (Art. 50 KI-VO) – vom Kunden prüfen lassen."
 ],
 "varianten": [
  {
   "name": "Chor, Ensemble, Orchester (zeitgenössisches Profil)",
   "hinweis": "Für Chöre, Vokal- und Instrumentalensembles mit eigenem, zeitgenössischem oder experimentellem Profil (Neue Musik, Projektchöre). Klassische Kirchen- und Laienchöre passen besser zu verein-nonprofit-wirkung oder kultur-programm-haltung. Die Ära-Farbe ist die Farbe der Saison oder des Projekts. Der Dither-Hero bleibt Signatur, aber ruhiger: größere Zellen, nur mit eigenem Konzert- oder Probenclip, sonst Marmor in Tinte. Konzerte als tourdaten-liste mit Programm (Werke, Leitung, Solist:innen); bei vielen Terminen an wenigen Orten programm-kalender, Variante programm. Pressebereich nach dem Vorbild RIAS Kammerchor (Pressemappe je Saison, Fotos nach Anlass, Bio kurz und lang, Ansprechpersonen), aber mit Fotografen-Credit und Nutzungsregel sichtbar am Bild. Mitsingen bzw. Vorsingen als mehrschritt-anfrage (Variante leiste: Stimmlage, Erfahrung, Kontakt). Förderer als logo-wand-social-proof, Variante raster, nur mit Erlaubnis. Recht: e. V. mit Vereinsregister und Vertretungsberechtigten im Impressum; Kinder- und Jugendchöre: Fotos nur mit Einwilligung der Eltern; Abos oder Mitgliedschaften online mit Kündigungs-Button – vom Kunden prüfen lassen.",
   "sektionen": [
    "Konzerte (Datum, Ort, Programm, Leitung, Tickets)",
    "Aktuelles Projekt (Werke, Hörbeispiele per 2-Klick)",
    "Ensemble (Stimmgruppen bzw. Instrumente)",
    "Mitsingen / Vorsingen",
    "Aufnahmen (Diskografie)",
    "Presse (EPK je Saison)",
    "Förderer und Partner",
    "Newsletter",
    "Kontakt und Probenort (Karte per 2-Klick)"
   ],
   "weglassen": [
    "Merch",
    "Videos als eigene Sektion (Mitschnitte beim Projekt)"
   ],
   "muster_zusatz": [
    "programm-kalender",
    "mehrschritt-anfrage",
    "logo-wand-social-proof",
    "karte-zwei-klick"
   ]
  },
  {
   "name": "DJ, Producer, Label",
   "hinweis": "Label-Seiten nach dem Vorbild Ninja Tune: Events mit Filter nach Künstler:in und Stadt, Release-Seite mit Formaten, Katalognummer, Preis und Trackliste als Text. Roster als listen-hover-bildvorschau (ab fünf Acts; auf Touch feste Daumenbilder). Mixes über player-einbettung-zwei-klick mit Tracklist und Zeitmarken als Text. Ohne eigenen Clip darf webgl-fluid-cursor (Variante verzerrung über dem Namen, auf Touch autonom, mit Pause-Knopf und Standbild) statt fluessig-marmor-hintergrund die Hero-Fassung sein; nie beide und nie zusammen mit dem Dither-Clip. facettenfilter-ergebnisliste im Katalog erst ab etwa 15 Releases. Recht: Label mit Shop als Händler (PAngV, GPSR-Herstellerangaben je Tonträger, Widerruf und Widerrufs-Button); Mixes mit fremden Titeln nicht als eigene Datei hosten, nur über Plattformen einbinden, die das lizenzieren – vom Kunden prüfen lassen.",
   "sektionen": [
    "Gigs (Label: Filter nach Künstler:in und Stadt)",
    "Mixes und Releases (Player nach Klick, Tracklist mit Zeitmarken)",
    "Roster (Label)",
    "Katalog mit Katalognummer und Format (Label)",
    "Shop (Vinyl, Digital)",
    "Booking und Presse (EPK)"
   ],
   "weglassen": [
    "Besetzung als Band (bei Solo-Acts ein Statement-Satz)",
    "Videos als eigene Sektion, wenn es nur Mixes gibt"
   ],
   "muster_zusatz": [
    "listen-hover-bildvorschau",
    "webgl-fluid-cursor"
   ]
  },
  {
   "name": "Bildende Künstler:in",
   "hinweis": "Vorbild Alicja Kwade: Navigation Ausstellungen, Werke, Publikationen, Presse, CV, Kontakt; Ausstellungen getrennt nach aktuell bzw. kommend und Auswahl vergangen, je Eintrag Titel, Haus, Stadt und Zeitraum (tourdaten-liste in der Fassung für Ausstellungen). Werke immer unverfälscht: kein Dither, kein Echo, keine Verformung auf Werkabbildungen; ascii-dither-pixel-stil nur auf einem eigenen Atelier- oder Aufbau-Clip im Hero. Werkschau als tiefenflug-galerie höchstens einmal pro Seite (Variante achse für Hochformate, flug für Ausstellungsansichten) mit Umschalter auf ein ruhiges Raster. Werkverzeichnis als projektindex-hover-vorschau (Titel, Jahr, Technik; auf Touch feste Daumenbilder). Recht: Werkabbildungen mit Fotograf:in und Bildrecht; bei Mitgliedschaft in der VG Bild-Kunst deren Copyright-Vermerk; Preise nur, wenn wirklich direkt verkauft wird; Galerie-Vertretung nur mit Absprache nennen – vom Kunden prüfen lassen.",
   "sektionen": [
    "Aktuell (laufende und kommende Ausstellungen)",
    "Werke (Werkgruppen; Titel, Jahr, Technik, Maße, Foto-Credit)",
    "Werkschau als ein Kapitel",
    "Ausstellungen (Auswahl vergangen, Einzel und Gruppe)",
    "Texte und Publikationen",
    "CV",
    "Presse (Bilder mit Credit und Nutzungsregel)",
    "Galerien und Kontakt"
   ],
   "weglassen": [
    "Release, Player und Diskografie",
    "Merch (außer Editionen mit eigenem Shop)",
    "Videos (nur bei Videoarbeiten)"
   ],
   "muster_zusatz": [
    "tiefenflug-galerie",
    "projektindex-hover-vorschau"
   ]
  }
 ],
 "template_tauglich": false,
 "template_variante": "Template-Variante (dann template-tauglich, Aufwand mittel): ohne WebGL; Hero mit Cover, Echo-Namen und einem vorab gerenderten Dither-Standbild des eigenen Clips (ascii-dither-pixel-stil als Bild, Original beim Antippen bzw. Hover per CSS-Überblendung); ohne fluessig-marmor-hintergrund, sound-umschalter, spalten-shutter-wipe und die optionalen Muster. Bleiben: Schriften (alle template_ok), Ära-Token, Terminliste, Player per 2-Klick, Pressebereich, harte Taste, Pixelaufbau des Covers in CSS-Stufen.",
 "aufwand": "hoch",
 "leistung": "Der Hero wartet nie auf WebGL: Cover als img mit fetchpriority=high (LCP), Dither-Standbild als AVIF darunter; three.js und Shader erst nach dem ersten Bild (requestIdleCallback) und nur mit genug Leistung, Renderfaktor 0,5–0,75, Deckel 30 fps, Rendern nur, solange sichtbar und nicht pausiert. Clip als MP4/WebM unter 3 MB, stumm, preload=metadata. fluessig-marmor-hintergrund in rohem WebGL 1 ohne three.js. Player-iframes erst nach Klick mit vorab reservierter Höhe (CLS). Termine als HTML aus einer JSON-Datei, kein Widget. Schriften: Science Gothic als Variable-Datei nur mit wdth und wght, Subset Latin; Redaction regular und italic; Redaction 20 und 100 nur, wenn der Pixel-Moment gebaut wird, gesubsettet auf die Zeichen des Titels (OFL erlaubt Subsetting); Martian Mono als Variable-Datei.",
 "offen": [
  "Fehlende Bausteine tourdaten-liste und player-einbettung-zwei-klick (siehe musik-kuenstler-buehne-fehlend.md); bis zu ihren Demos stehen sie als unbekannte ids im Rezept.",
  "Referenzen nur inhaltlich per WebFetch geprüft; Schriften, Farben und Kurven der Vorbilder nicht gemessen. Keine der fünf Referenzen ist visuell experimentell; die experimentellen Muster stützen sich auf ihre eigenen Belege (gesehen_bei). jeandawson.com (Beleg von token-brutal-hart) war heute nur über Shop-Unterseiten auffindbar, bilderbuch-musik.at hat Platzhalter und tote Links und wurde deshalb nicht aufgenommen. AD prüfen, ob eine visuell laute Musikseite ergänzt werden soll.",
  "Schriftdateien fehlen unter assets/fonts: Science Gothic, Redaction (dazu Redaction 20 und Redaction 100 für den Pixel-Moment), Martian Mono.",
  "Science Gothic hat keine belegte Produktions-Sichtung (schriften.json); Kleinbuchstaben und Umlaute in wdth 200 vor dem ersten Einsatz prüfen.",
  "Leitfaden von Hand ergänzen: A4 (Mono-Rezepte: musik mit Martian Mono), Abschnitt 9 (Tabelle) und Abschnitt 10 (token-brutal-hart nun in zwei Rezepten).",
  "Kein eigenes Muster für einen Pre-Save- bzw. Smartlink-Hub vor dem Release; die Plattform-Links stehen im Platzhalter von player-einbettung-zwei-klick.",
  "Ticket-Widerruf und GEMA-Eigenpräsentation aus Sekundärquellen (Kanzleiartikel zum BGH-Urteil, GEMA-Merkblatt); das Urteil selbst und die AGB-EP der GEMA nicht gelesen."
 ],
 "stimmung_tags": [
  "laut",
  "experimentell"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   80,
   128,
   192
  ],
  "sektion": "clamp(64px, 10vw, 160px)",
  "dichte": "mittel",
  "hinweis": "Laute Sprünge zwischen Kapiteln, Terminliste dicht (Zeilen mindestens 44 px, 8 px Innenabstand). Platz für die volle Spreizung des Echos reservieren."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(12px, 2.4vw, 32px)",
  "spalt": "clamp(12px, 1.6vw, 24px)",
  "max_breite": "none",
  "hinweis": "Volle Breite. Termine als Zeilen über alle 12 Spalten (Datum, Stadt, Ort, Status, Ticket), Diskografie 4 Spalten, Pressefotos 3."
 },
 "form": {
  "radius_klein": "0",
  "radius_gross": "0",
  "pille": false,
  "linie": "2px #EEEBE3 als Papier-Kante um Ära-Flächen auf Tinte",
  "schatten": "nur der harte Papier-Versatz der Haupttaste (tiefen-taste-3d, Variante versatz-brutal)",
  "hinweis": "Eckig wie Plattenhülle und Plakat. Nebenaktionen als laufende Kontur (kontur-button-zeichnen, Variante laufend). Farbe nur aus Tinte, Papier und --aera."
 },
 "bildsprache": {
  "licht": "Wie vom Act geliefert; Live-Fotos mit Bühnenlicht, Pressefotos unverändert.",
  "ausschnitt": "Cover quadratisch und unverzerrt, Live-Bilder angeschnitten, Pressefotos in voller Auflösung zum Download.",
  "personen": "Ja: der Act; Publikum nur unscharf oder als Menge.",
  "formate": [
   "1:1",
   "16:9",
   "4:5"
  ],
  "nicht": "Kein Dither oder Pixel auf Cover, Pressefotos und Werkabbildungen; keine Stock- oder KI-Konzertbilder; keine Pastell-Verläufe."
 },
 "ton": {
  "anrede": "du",
  "saetze": "Knapp, Fakten zuerst: Datum, Stadt, Status als Wort. Bio in drei Längen mit Wortzahl.",
  "haltung": "Eigenständig und direkt. Ein Chor, ein Ensemble oder eine Künstlerin mit Galerie-Publikum siezt, dann durchgehend.",
  "beispiele": [
   "Neues Album am 14. März. Jetzt anhören.",
   "[Stadt], [Ort]: ausverkauft. Warteliste beim Veranstalter."
  ],
  "nicht": "„Die Band, auf die alle gewartet haben“, Hype-Wörter, „Stay tuned!“, Status nur als Farbe oder durchgestrichen."
 },
 "hero_aufbau": {
  "raster": "Tinte als Grund. Name oben über die volle Breite, darunter 12 Spalten: Cover über Spalte 1 bis 5, Termine über 6 bis 12; Name, Cover und Termine auf eigenen Tinte-Flächen über dem Clip.",
  "bild": "Cover 1:1 als echtes Bild (LCP); Hintergrund ein eigener Clip im Zeichen- bzw. Dither-Pass (ascii-dither-pixel-stil, Variante video), Standbild bei reduzierter Bewegung.",
  "h1": "clamp(3.5rem, 1rem + 11vw, 12rem), Science Gothic 800 Versal, wdth 140–200, oben randbündig, mit Echo (echo-stacked-type).",
  "handlung": "„Anhören“ (versatz-brutal in Ära-Farbe) unter dem Cover, „Tickets“ als laufende Kontur in der Terminliste.",
  "zusatz": "Die nächsten drei Termine in Martian Mono mit Status als Wort; Pause-Knopf „Bewegung anhalten“."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/musik-kuenstler-buehne/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/musik-kuenstler-buehne/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/musik-kuenstler-buehne/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/musik-kuenstler-buehne/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "cursor-follower-lerp",
    "blend-difference-cursor"
   ],
   "grund": "Award-Geste ohne Nutzen; im Dither-Hero ist der Zeiger schon das Werkzeug, das das Original freilegt"
  },
  {
   "ids": [
    "prozent-zaehler",
    "kinetische-typo-intro"
   ],
   "grund": "Fans wollen Player und Termine, keine Ladeshow; der Name steht ab dem ersten Bild"
  },
  {
   "ids": [
    "mesh-gradient-shader"
   ],
   "grund": "Aurora-Klischee (C2); Farbe kommt aus dem Cover der Ära"
  },
  {
   "ids": [
    "atmosphaere-partikel"
   ],
   "grund": "Hotel-Stimmung (Staub, Glut); neben Dither-Clip oder Marmor wäre es der zweite bewegte Effekt in einer Ansicht (C4, C10)"
  },
  {
   "ids": [
    "kinetic-3d-shader-type"
   ],
   "grund": "zweite Wort-Inszenierung neben dem Echo-Namen und eine weitere WebGL-Szene; der Name bleibt echter Text"
  },
  {
   "ids": [
    "webgl-bildverzerrung",
    "velocity-skew-verzerrung"
   ],
   "grund": "verzerren Cover, Pressefotos und Werke, die unverfälscht bleiben müssen"
  },
  {
   "ids": [
    "glas-button",
    "verlaufs-rahmen"
   ],
   "grund": "Glas und Lichtkante neben Dither oder Marmor sind zwei Material-Effekte; die harte Taste reicht"
  },
  {
   "ids": [
    "smooth-scroll-lenis"
   ],
   "grund": "Terminlisten, Player-iframes und Shop vertragen keine Scroll-Übernahme"
  },
  {
   "ids": [
    "marquee-laufband"
   ],
   "grund": "„Neues Album“-Bänder sind Template-Deko; Termine und Titel nie in bewegten Bändern"
  },
  {
   "ids": [
    "zahlen-odometer"
   ],
   "grund": "hochgezählte Streams, Follower oder Countdowns sind Druck statt Information; echte Zahlen nur mit Quelle und Stand"
  },
  {
   "ids": [],
   "grund": "Termin-Widgets von Bandsintown oder Songkick als iframe – laden Dritte vor der Einwilligung und brechen die Gestaltung; Daten importieren und selbst als Liste setzen"
  },
  {
   "ids": [],
   "grund": "Spotify-, YouTube-, Bandcamp- oder SoundCloud-Player ohne Klick – übertragen Daten vor der Einwilligung (§ 25 TDDDG)"
  },
  {
   "ids": [],
   "grund": "Autoplay mit Ton – nie; Ton startet nur nach Klick (WCAG 1.4.2)"
  }
 ],
 "alle_muster": [
  {
   "id": "ascii-dither-pixel-stil",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/3d-webgl/ascii-dither-pixel-stil/meta.json",
   "variante": "video",
   "demo_url": "https://cecodesign.de/lab/fundus/3d-webgl/ascii-dither-pixel-stil/demo?v=video"
  },
  {
   "id": "echo-stacked-type",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/schrift-animationen/echo-stacked-type/meta.json"
  },
  {
   "id": "fluessig-marmor-hintergrund",
   "rolle": "Hero-Variante",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/glas-material/fluessig-marmor-hintergrund/meta.json",
   "variante": "tinte",
   "demo_url": "https://cecodesign.de/lab/fundus/glas-material/fluessig-marmor-hintergrund/demo?v=tinte"
  },
  {
   "id": "tourdaten-liste",
   "rolle": "Sektion: Live: Termine und Tickets (nach Tour gruppiert; je Termin Datum, Stadt und Land, Ort, Support, Status als Wort: Tickets, Wenige Karten, Ausverkauft, Zusatzkonzert, Verlegt mit altem und neuem Datum, Abgesagt; Ticketlink zum Anbieter, .ics je Termin; vergangene Termine eingeklappt; Filter nach Land erst ab etwa 15 Terminen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/tourdaten-liste/meta.json",
   "variante": "tour",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/tourdaten-liste/demo?v=tour"
  },
  {
   "id": "facettenfilter-ergebnisliste",
   "rolle": "Sektion: Live: Termine und Tickets (nach Tour gruppiert; je Termin Datum, Stadt und Land, Ort, Support, Status als Wort: Tickets, Wenige Karten, Ausverkauft, Zusatzkonzert, Verlegt mit altem und neuem Datum, Abgesagt; Ticketlink zum Anbieter, .ics je Termin; vergangene Termine eingeklappt; Filter nach Land erst ab etwa 15 Terminen)",
   "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": "player-einbettung-zwei-klick",
   "rolle": "Sektion: Musik: aktuelles Release (Cover unverzerrt, Titel, VÖ-Datum, Formate mit Preis oder Shop-Link, Trackliste als Text, „Anhören“ mit allen Plattformen als normale Links; eingebetteter Player erst nach Klick)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/player-einbettung-zwei-klick/meta.json"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Sektion: Diskografie (alle Releases, neuestes zuerst; je Karte Cover, Titel, Jahr, Format; führt zur Release-Seite)",
   "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": "video-vorschau-hover-viewport",
   "rolle": "Sektion: Videos (Musikvideos, Live-Mitschnitte, Visualizer: YouTube oder Vimeo erst nach Klick; eigene Clips als stumme Vorschau, höchstens drei gleichzeitig; Premiere selbst gehostet nur mit Untertiteln bei Sprache)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/video-vorschau-hover-viewport/meta.json"
  },
  {
   "id": "eigener-videoplayer",
   "rolle": "Sektion: Videos (Musikvideos, Live-Mitschnitte, Visualizer: YouTube oder Vimeo erst nach Klick; eigene Clips als stumme Vorschau, höchstens drei gleichzeitig; Premiere selbst gehostet nur mit Untertiteln bei Sprache)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/eigener-videoplayer/meta.json",
   "variante": "ambilight",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/eigener-videoplayer/demo?v=ambilight"
  },
  {
   "id": "team-ueber-mich-layout",
   "rolle": "Sektion: Über: Bio und Besetzung (ein Satz, wer spielt was, kleine Porträts; Live-Besetzung und Gäste; bei Ensembles nach Stimmgruppe oder Instrument)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/meta.json",
   "variante": "statement",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/demo?v=statement"
  },
  {
   "id": "galerie-shared-element-vollbild",
   "rolle": "Sektion: Presse und Booking (EPK): Pressefotos mit Fotograf:in, Auflösung und Nutzungshinweis zum Download; Bio kurz, mittel, lang mit Wortzahl und Stand zum Kopieren; Pressestimmen mit Medium und Datum; Technical Rider, Stageplot und Logos als Datei mit Stand-Datum; Ansprechpersonen",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/demo?v=basis"
  },
  {
   "id": "tabs-pfeiltasten-focusgroup",
   "rolle": "Sektion: Presse und Booking (EPK): Pressefotos mit Fotograf:in, Auflösung und Nutzungshinweis zum Download; Bio kurz, mittel, lang mit Wortzahl und Stand zum Kopieren; Pressestimmen mit Medium und Datum; Technical Rider, Stageplot und Logos als Datei mit Stand-Datum; Ansprechpersonen",
   "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": "kopieren-feedback",
   "rolle": "Sektion: Presse und Booking (EPK): Pressefotos mit Fotograf:in, Auflösung und Nutzungshinweis zum Download; Bio kurz, mittel, lang mit Wortzahl und Stand zum Kopieren; Pressestimmen mit Medium und Datum; Technical Rider, Stageplot und Logos als Datei mit Stand-Datum; Ansprechpersonen",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/kopieren-feedback/meta.json"
  },
  {
   "id": "testimonials-neu-gedacht",
   "rolle": "Sektion: Presse und Booking (EPK): Pressefotos mit Fotograf:in, Auflösung und Nutzungshinweis zum Download; Bio kurz, mittel, lang mit Wortzahl und Stand zum Kopieren; Pressestimmen mit Medium und Datum; Technical Rider, Stageplot und Logos als Datei mit Stand-Datum; Ansprechpersonen",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/meta.json",
   "variante": "liste",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/demo?v=liste"
  },
  {
   "id": "footer-newsletter-mit-persoenlichkeit",
   "rolle": "Sektion: Newsletter (benannter Brief mit konkretem Vorteil: neue Musik und Vorverkauf zuerst; Region für Termin-Hinweise freiwillig; Double-Opt-in)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/demo?v=basis"
  },
  {
   "id": "produkt-kaufbox-varianten",
   "rolle": "Sektion: Merch und Tonträger (nur mit eigenem Shop: Größe und Farbe, Gesamtpreis, Versand, Lieferzeit, Herstellerangaben; ohne eigenen Shop Links zum Label-Shop oder zu Bandcamp)",
   "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: Merch und Tonträger (nur mit eigenem Shop: Größe und Farbe, Gesamtpreis, Versand, Lieferzeit, Herstellerangaben; ohne eigenen Shop Links zum Label-Shop oder zu Bandcamp)",
   "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": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt: Booking, Management, Label, Presse (je Rolle Name, Agentur, Gebiet und E-Mail zum Kopieren; Booking-Anfrage mit Datum, Ort, Art der Veranstaltung und Kapazität; Proberaum oder Atelier mit Karte per 2-Klick nur, wenn Besuch vorgesehen ist)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "widerruf-und-kuendigung-schaltflaeche",
   "rolle": "Sektion: Vertrag widerrufen & Erklärung zur Barrierefreiheit (Footer, ohne Login; nur mit eigenem Shop oder eigenem Ticketverkauf)",
   "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 eigenem Shop oder eigenem Ticketverkauf)",
   "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": "spalten-shutter-wipe",
   "rolle": "Seitenwechsel",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/seitenuebergaenge/spalten-shutter-wipe/meta.json"
  },
  {
   "id": "menue-choreografie-wipe-clip",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/menue-choreografie-wipe-clip/meta.json"
  },
  {
   "id": "sound-umschalter",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/sound-umschalter/meta.json"
  },
  {
   "id": "checkbox-radio-animiert",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/checkbox-radio-animiert/meta.json"
  },
  {
   "id": "tiefen-taste-3d",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/tiefen-taste-3d/meta.json",
   "variante": "versatz-brutal",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/tiefen-taste-3d/demo?v=versatz-brutal"
  },
  {
   "id": "kontur-button-zeichnen",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/kontur-button-zeichnen/meta.json",
   "variante": "laufend",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/kontur-button-zeichnen/demo?v=laufend"
  },
  {
   "id": "token-brutal-hart",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-brutal-hart/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": "headline-laufweite-zeilenabstand",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/headline-laufweite-zeilenabstand/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": "tabellenziffern",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/tabellenziffern/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": "lesesatz-text-wrap",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/lesesatz-text-wrap/meta.json"
  },
  {
   "id": "karussell-karten-verformen",
   "rolle": "Optional",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/karussell-karten-verformen/meta.json",
   "variante": "welle",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/karussell-karten-verformen/demo?v=welle"
  },
  {
   "id": "generatives-markenzeichen",
   "rolle": "Optional",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/generatives-markenzeichen/meta.json",
   "variante": "team",
   "demo_url": "https://cecodesign.de/lab/fundus/animationsstile/generatives-markenzeichen/demo?v=team"
  }
 ]
}