{
 "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": "architektur-ruhiges-raster",
 "name": "Architektur: ruhiges Raster",
 "branche": "Architekturbüro / Planungsbüro / Innenarchitektur",
 "stimmung": [
  "ruhig",
  "präzise",
  "zurückhaltend",
  "sachlich"
 ],
 "kurz": "Die Arbeit steht im Vordergrund, die Website tritt zurück: eine Schriftfamilie in einem Schnitt, weiße und hellgraue Flächen, Projektlisten statt Effekte. Bewegung ist kurz und ohne Show, Seitenwechsel laufen über native View Transitions. So arbeiten David Chipperfield, KAAN und Sauerbruch Hutton – kein Award-Feuerwerk.",
 "referenzen": [
  {
   "seite": "David Chipperfield Architects",
   "url": "https://davidchipperfield.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Eigene Schrift per @font-face 'DCA' (400) und 'DCA Monument Grotesk' (800). Bewegungs-Tokens in main-8cc52464.css: --trans-func-default cubic-bezier(.1,.6,.4,1), --trans-func-ease-in-out cubic-bezier(.55,.08,0,1), --trans-func-ease-out cubic-bezier(0,.23,.07,1); Dauern xs .125s, sm .25s, md .5s, lg .75s, xl 1s, xxl 3s; Modals .15s. '@media (prefers-reduced-motion: no-preference){@view-transition{navigation:auto}}'. Schriftgrößen-Stufen 1 / 1.25 / 1.563 / 1.953 / 2.4rem (Faktor 1,25), Laufweite -.012em bis -.02em, Unterstreichung offset .35ex / Stärke 8 %. Farben: Text #231F20, sekundär #76767A, tertiär #C5C7C7, Fläche #FFFFFF. Navigation nur Practice / Projects / People / News / Contact, mobil 'Menu'.",
   "herkunft": "beobachtet",
   "quelle": "https://davidchipperfield.com/dist/assets/main-8cc52464.css"
  },
  {
   "seite": "KAAN Architecten",
   "url": "https://www.kaanarchitecten.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Nur 'Suisse Intl Book' (Gewicht 450) plus Italic per @font-face, Laufweite -.04875rem. Tokens in app-hnm3wrp6.css: --trans-func-default cubic-bezier(.1,.6,.4,1), --trans-func-ease-out cubic-bezier(.1,.9,.3,1), Menü-Öffnen ease-out, Schließen default; Dauern sm .25s, md .5s, lg 1s, xl 2s, Modal rein .3s / raus .2s. '@view-transition{navigation:auto}' plus view-transition-name 'header-main' für den Kopf und eigene Gruppen für die Register-Listen (.35s, Liste blendet mit 'register-list-in' .75s ein). Sticky Header in Versalien, der beim Hochscrollen wiederkommt (.is-scrolled-up). Lesemaß --text-measure 50ch. Flächen #FFFFFF / #E1E3E3 (dim) / #1F2323 (dunkel). Navigation About / Work / Repository, Projekte als h3-Liste, Filterbuttons, Swiper für Bildreihen.",
   "herkunft": "beobachtet",
   "quelle": "https://kaanarchitecten.com/dist/assets/app-hnm3wrp6.css"
  },
  {
   "seite": "sauerbruch hutton",
   "url": "https://www.sauerbruchhutton.de/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): @font-face 'Spectral' 400/600/700 (Serif) plus Suisse in vier Schnitten (suisse-l 200, -r 400, -m 500, -sb 600). Kurve cubic-bezier(.165,.84,.44,1) (easeOutQuart) neben kurzen .15–.25s ease-Übergängen; jQuery + slick. Projektkarten werden per JS-Template mit 'Titel • Ort • Jahr' beschriftet. Farben Text #5C5C5C auf #FAFAFA.",
   "herkunft": "beobachtet",
   "quelle": "https://www.sauerbruchhutton.de/cache/header-1b034a5.min.css"
  }
 ],
 "schrift": {
  "paarung_basis": "kursiv-akzent-grotesk",
  "abweichung": "Gegenüber der Paarung: ohne Akzent instrument-serif.",
  "headline": "hanken-grotesk",
  "text": "hanken-grotesk",
  "akzent": "",
  "groessen": "Stufen mit Faktor 1,25 wie bei Chipperfield (1 / 1.25 / 1.563 / 1.953 / 2.441 / 3.052rem). h1 clamp(1.953rem, 1.2rem + 2.4vw, 3.052rem), wght 450–500 (kein Bold), Laufweite -0.02em; Fließtext 1.0625–1.125rem, wght 400, Laufweite -0.012em, Zeilenhöhe 1.45, max-width 50ch; Bildunterschriften/Meta 0.8rem. Kursiv statt fett für Hervorhebungen (KAAN: Book + Book Italic).",
  "techniken": [
   "eine-familie-wenig-gewichte",
   "fluide-typo-clamp-cqi",
   "lesesatz-text-wrap",
   "text-box-trim"
  ],
  "alternative_eigenprojekt": "Paarung schweizer-editorial (switzer + fragment-mono, ITF) – kommt Suisse Intl am nächsten, aber nicht für IONOS-Templates."
 },
 "farbe": {
  "prinzip": "Achromatisch, die Projektfotos liefern die Farbe. Weiß als Grund, ein kühles Hellgrau für Flächenwechsel, warmes Fast-Schwarz statt #000. Höchstens ein Interaktionston (Fokus/Links).",
  "beispiel": [
   "#FFFFFF Grund",
   "#E1E3E3 Fläche/Filter (KAAN bg-dim)",
   "#231F20 Text (Chipperfield)",
   "#76767A Sekundärtext/Meta",
   "#1F2323 dunkle Sektion/Footer (KAAN bg-dark)",
   "#0022FF Fokus/Interaktion (steht in beiden CSS-Dateien)"
  ]
 },
 "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": "cubic-bezier(0.1, 0.6, 0.4, 1) als Standard, Ausklang cubic-bezier(0.1, 0.9, 0.3, 1) für Öffnen und Einblenden (Chipperfield, KAAN identisch)",
  "dauer_ms": "125 (Farbe/Stroke), 250 (UI, Hover), 500 (Panels), 750–1000 (Bild-Einblendung)",
  "regel": "Eine Kurve für alles aus den Stil-Tokens: Öffnen und Einblenden mit der Eintrittskurve, Schließen mit der Austrittskurve in etwa 70 % der Dauer. Nur Deckkraft und Transform, keine Federn, keine Diagonalen. Unter prefers-reduced-motion: View Transitions aus.",
  "herkunft": "beobachtet (davidchipperfield.com, kaanarchitecten.com)"
 },
 "hero_beschreibung": "Ein Projektbild randlos mit Bürokopf und Titelzeile wie eine Ausgabe (editorial-magazin-layout, Variante cover), Bildunterschrift „Titel • Ort • Jahr“ und Meta-Labels in Textgröße (meta-labels-hud-typografie). Kein Video, kein Slider, aus der Demo kein Lenis. Template: ein starkes Projektfoto mit Büroname und Leistung.",
 "muster": {
  "seitenuebergang": [
   "vt-shared-element-morph"
  ],
  "preloader": [],
  "navigation": [
   "hide-on-scroll-header",
   "menue-icon-und-label-morph"
  ],
  "hero": [
   "editorial-magazin-layout",
   "meta-labels-hud-typografie"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Projekte / Werkverzeichnis",
    "muster": [
     "projektindex-hover-vorschau",
     "flip-zustandswechsel"
    ],
    "varianten": {
     "flip-zustandswechsel": "nativ"
    }
   },
   {
    "zweck": "Leistungen / Typologien (Leistungsphasen, Wohnen, Bildung, Kultur …)",
    "muster": [
     "akkordeon-hoehe-auto",
     "listen-hover-bildvorschau"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "leistungen"
    }
   },
   {
    "zweck": "Projekt-Detailseite",
    "muster": [
     "case-study-geruest",
     "editorial-magazin-layout"
    ],
    "varianten": {
     "editorial-magazin-layout": "magazin"
    }
   },
   {
    "zweck": "Büro / Team",
    "muster": [
     "team-ueber-mich-layout"
    ],
    "varianten": {
     "team-ueber-mich-layout": "raster"
    }
   },
   {
    "zweck": "Aktuelles / Auszeichnungen",
    "muster": [
     "editorial-magazin-layout"
    ],
    "varianten": {
     "editorial-magazin-layout": "zeitung"
    }
   },
   {
    "zweck": "Kontakt (Anfrage, Adresse als Text, Anfahrt mit Karte per 2-Klick, „Termin nach Vereinbarung“)",
    "muster": [
     "kontakt-anfrage-formular",
     "karte-zwei-klick",
     "oeffnungszeiten-status"
    ],
    "varianten": {
     "oeffnungszeiten-status": "termin",
     "karte-zwei-klick": "bild"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [],
  "hover": [
   "listen-hover-bildvorschau",
   "hover-absicht-timing"
  ],
  "cursor": [],
  "mikro": [
   "einblenden-starting-style",
   "akkordeon-hoehe-auto"
  ],
  "material": [],
  "galerie": [
   "galerie-shared-element-vollbild",
   "css-native-karussell"
  ],
  "footer": [
   "studio-visitenkarte-footer",
   "kolophon-footer"
  ],
  "button": [
   "pfeil-icon-button",
   "kontur-button-zeichnen"
  ],
  "hero_varianten": {
   "editorial-magazin-layout": "cover"
  }
 },
 "signatur": [
  "meta-labels-hud-typografie"
 ],
 "varianten_demo": {
  "css-native-karussell": "buehne",
  "galerie-shared-element-vollbild": "basis",
  "studio-visitenkarte-footer": "basis",
  "pfeil-icon-button": "linie",
  "kontur-button-zeichnen": "ecken",
  "akkordeon-hoehe-auto": "leistungen"
 },
 "nicht_verwenden": [
  "smooth-scroll-lenis – Projekttexte und Pläne werden gelesen, Trägheit stört",
  "crosshair-coordinates-cursor – Architektur-Klischee, keine der Referenzen nutzt einen eigenen Cursor",
  "bildstapel-intro / prozent-zaehler – keine Referenz hat einen Preloader, Ladezeit geht vor",
  "webgl-bildverzerrung – verfälscht Architekturfotografie",
  "marquee-laufband – zu laut für die Haltung",
  "blueprint-raster-sichtbar als Deko – nur, wenn das Raster wirklich das Layout trägt"
 ],
 "regeln": [
  "Eine Familie, ein bis zwei Gewichte; Betonung über Kursiv oder Größe, nie über Fett.",
  "Projektbilder in Originalfarbe und unbeschnittenem Seitenverhältnis; Bildunterschrift 'Titel • Ort • Jahr' in Meta-Größe.",
  "Navigation mit höchstens 5 Punkten (Büro, Projekte, Team, Aktuelles, Kontakt); Header sticky, verschwindet beim Runterscrollen.",
  "Projektliste umschaltbar Liste/Raster mit Filter (Typologie, Jahr) – Umschalten per View Transition, nicht per Effekt.",
  "Textspalten höchstens 50ch, großzügiger Weißraum statt Trennlinien.",
  "Alle Übergänge mit einer Kurve aus den Tokens; UI 250 ms, Panels 500 ms; nichts dauert länger als 1 s.",
  "Kontakt als eigene Sektion (kurzes Anfrageformular, Karte per 2-Klick) und zusätzlich als Visitenkarte im Footer: Adresse, Telefon, E-Mail, Kammer-Eintrag.",
  "oeffnungszeiten-status als Terminbetrieb: „Termin nach Vereinbarung · Telefon erreichbar Mo–Fr 9–17 Uhr“ statt „Jetzt geöffnet“ (wann_nicht des Musters).",
  "Pflichtangaben und Recht (Leitfaden 8a): Impressum mit Architektenkammer, Berufsbezeichnung und Kammer-Eintrag; Projektfotos nur mit Nutzungsrecht der Fotograf:innen und Zustimmung der Bauherren; Wettbewerbe und Auszeichnungen mit Jahr und Quelle – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "niedrig",
 "leistung": "Sehr leicht: kein JS-Framework nötig, View Transitions nativ (Fallback harter Wechsel). Bilder als AVIF/WebP mit srcset; Hover-Vorschau in der Projektliste erst ab (hover:hover), mobil zeigt die Liste Vorschaubilder inline.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "stimmung_tags": [
  "ruhig",
  "präzise"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   80,
   128,
   200
  ],
  "sektion": "clamp(96px, 12vw, 200px)",
  "dichte": "luftig",
  "hinweis": "Weißraum statt Trennlinien (Regel). Große Sprünge zwischen Sektionen, kleine Abstände innerhalb einer Projektzeile: Titel, Ort und Jahr stehen 4 bis 8 px auseinander."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(20px, 4vw, 64px)",
  "spalt": "clamp(16px, 2vw, 32px)",
  "max_breite": "none",
  "hinweis": "Bilder randlos oder über 8 Spalten, Text in Spalte 1 bis 5 und höchstens 50ch. Projektliste als Liste oder Raster umschaltbar (3 Spalten Desktop, 1 mobil)."
 },
 "form": {
  "radius_klein": "0",
  "radius_gross": "0",
  "pille": false,
  "linie": "1px #E1E3E3, nur in Projektlisten und Filtern",
  "schatten": "keiner",
  "hinweis": "Keine Pille: Haupthandlung als Textlink mit Pfeil (pfeil-icon-button, Variante linie), Nebenaktion als Kontur mit Eckklammern (kontur-button-zeichnen, Variante ecken)."
 },
 "bildsprache": {
  "licht": "Natürliches Tageslicht, Architekturfotografie in Originalfarbe, stürzende Linien korrigiert.",
  "ausschnitt": "Unbeschnitten im Original-Seitenverhältnis (Regel); Totale des Baus, dazu Details von Material und Fuge.",
  "personen": "Selten, höchstens klein als Maßstab im Raum, nie als Motiv.",
  "formate": [
   "3:2",
   "4:5",
   "Original"
  ],
  "nicht": "Keine Renderings mit Lichtreflexen, keine Stockbilder, kein Zuschnitt auf ein einheitliches Kachelformat, keine Filter oder Duotone."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Kurz und sachlich, Substantive tragen. Projekte als „Titel • Ort • Jahr“, Beschreibungen in drei bis fünf Sätzen.",
  "haltung": "Die Arbeit spricht, die Website tritt zurück. Keine Superlative, keine Selbstbeschreibung.",
  "beispiele": [
   "Wohnen am Kanal. Umbau eines Speichers, 2024.",
   "Wir planen Schulen, Wohnhäuser und Räume für Kultur."
  ],
  "nicht": "„Wir leben Architektur“, „innovative Lösungen“, „visionär“, „ganzheitlich“, Ausrufezeichen."
 },
 "hero_aufbau": {
  "raster": "Bürokopf als Zeile oben wie der Titel einer Ausgabe, darunter ein Bild randlos über die volle Breite (editorial-magazin-layout, Variante cover).",
  "bild": "Ein Projektfoto, randlos, 3:2 oder Originalformat; kein Slider, kein Video.",
  "h1": "clamp(1.953rem, 1.2rem + 2.4vw, 3.052rem), wght 450–500, unten links über Spalte 1 bis 6, unter dem Bild statt darauf.",
  "handlung": "Kein CTA-Paar. „Projekte“ als Textlink mit Pfeil unter der Titelzeile, „Kontakt“ im Kopf.",
  "zusatz": "Bildunterschrift „Titel • Ort • Jahr“ in 0.8rem, Meta-Labels in Textgröße (meta-labels-hud-typografie)."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/architektur-ruhiges-raster/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/architektur-ruhiges-raster/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/architektur-ruhiges-raster/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/architektur-ruhiges-raster/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "smooth-scroll-lenis"
   ],
   "grund": "Projekttexte und Pläne werden gelesen, Trägheit stört"
  },
  {
   "ids": [
    "crosshair-coordinates-cursor"
   ],
   "grund": "Architektur-Klischee, keine der Referenzen nutzt einen eigenen Cursor"
  },
  {
   "ids": [
    "bildstapel-intro",
    "prozent-zaehler"
   ],
   "grund": "keine Referenz hat einen Preloader, Ladezeit geht vor"
  },
  {
   "ids": [
    "webgl-bildverzerrung"
   ],
   "grund": "verfälscht Architekturfotografie"
  },
  {
   "ids": [
    "marquee-laufband"
   ],
   "grund": "zu laut für die Haltung"
  },
  {
   "ids": [
    "blueprint-raster-sichtbar"
   ],
   "grund": "als Deko – nur, wenn das Raster wirklich das Layout trägt"
  }
 ],
 "alle_muster": [
  {
   "id": "meta-labels-hud-typografie",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/meta-labels-hud-typografie/meta.json"
  },
  {
   "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: Projekt-Detailseite",
     "variante": "magazin",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=magazin"
    },
    {
     "rolle": "Sektion: Aktuelles / Auszeichnungen",
     "variante": "zeitung",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=zeitung"
    }
   ]
  },
  {
   "id": "projektindex-hover-vorschau",
   "rolle": "Sektion: Projekte / Werkverzeichnis",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/projektindex-hover-vorschau/meta.json"
  },
  {
   "id": "flip-zustandswechsel",
   "rolle": "Sektion: Projekte / Werkverzeichnis",
   "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": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Leistungen / Typologien (Leistungsphasen, Wohnen, Bildung, Kultur …)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "variante": "leistungen",
   "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=leistungen"
  },
  {
   "id": "listen-hover-bildvorschau",
   "rolle": "Sektion: Leistungen / Typologien (Leistungsphasen, Wohnen, Bildung, Kultur …)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/listen-hover-bildvorschau/meta.json"
  },
  {
   "id": "case-study-geruest",
   "rolle": "Sektion: Projekt-Detailseite",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/case-study-geruest/meta.json"
  },
  {
   "id": "team-ueber-mich-layout",
   "rolle": "Sektion: Büro / Team",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/meta.json",
   "variante": "raster",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/demo?v=raster"
  },
  {
   "id": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt (Anfrage, Adresse als Text, Anfahrt mit Karte per 2-Klick, „Termin nach Vereinbarung“)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Kontakt (Anfrage, Adresse als Text, Anfahrt mit Karte per 2-Klick, „Termin nach Vereinbarung“)",
   "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": "oeffnungszeiten-status",
   "rolle": "Sektion: Kontakt (Anfrage, Adresse als Text, Anfahrt mit Karte per 2-Klick, „Termin nach Vereinbarung“)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "termin",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=termin"
  },
  {
   "id": "vt-shared-element-morph",
   "rolle": "Seitenwechsel",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/seitenuebergaenge/vt-shared-element-morph/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": "menue-icon-und-label-morph",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/menue-icon-und-label-morph/meta.json"
  },
  {
   "id": "hover-absicht-timing",
   "rolle": "Hover",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/hover-absicht-timing/meta.json"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json"
  },
  {
   "id": "galerie-shared-element-vollbild",
   "rolle": "Galerie",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/demo?v=basis"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Galerie",
   "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": "studio-visitenkarte-footer",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/demo?v=basis"
  },
  {
   "id": "kolophon-footer",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/kolophon-footer/meta.json"
  },
  {
   "id": "pfeil-icon-button",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/meta.json",
   "variante": "linie",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/demo?v=linie"
  },
  {
   "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": "eine-familie-wenig-gewichte",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/eine-familie-wenig-gewichte/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": "text-box-trim",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/text-box-trim/meta.json"
  }
 ]
}