{
 "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": "immobilien-diskret-hochwertig",
 "name": "Immobilien: diskret und hochwertig",
 "branche": "Immobilienmakler / Projektentwickler / Hausverwaltung mit Verkauf",
 "stimmung": [
  "seriös",
  "hochwertig",
  "ruhig",
  "vertrauensvoll"
 ],
 "kurz": "Eine klassische Antiqua für Headlines, eine neutrale Grotesk für Fakten, warme helle Flächen und viel Platz für Objektfotos. Für Eigentümer zählt die Bewertung (Lead), für Käufer die Suche – beides ist ab dem ersten Bildschirm erreichbar. Bewegung ist leise: Bilder kommen mit langer Ausklang-Kurve, die UI reagiert in 400 ms.",
 "referenzen": [
  {
   "seite": "Inigo (Makler für historische Häuser, UK)",
   "url": "https://www.inigo.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Next.js + Tailwind. Typekit fhi1swm: 'adobe-caslon-pro', 'Big Caslon Reg/It' (Headlines), dazu @font-face 'Soehne Web' normal/600 (Text). Utility-Klassen 'duration-400 [transition-timing-function:var(--ease-out-quart)]' mit cubic-bezier(.165,.84,.44,1) für Header, Menü und Opazität; Höhenwechsel .4s easeOutQuart. Versal-Labels mit 1.5px Laufweite (18×). Farb-Tokens beige #b5b2af, clay #d0b0a4, footer #b1b6c0. Navigation Buy / Sell / Prime / Almanac (Magazin) / Newsletter / Alerts (Suchauftrag) / Search; Sektionen Prime, New, Featured, Featured Past Sales.",
   "herkunft": "beobachtet",
   "quelle": "https://www.inigo.com/ (HTML, Typekit-Link, /_next/static/chunks/0lenvdebhop0y.css)"
  },
  {
   "seite": "DAHLER (Makler, Deutschland)",
   "url": "https://www.dahler.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Drupal + Alpine.js. @font-face 'tiempos' und 'tiempos-fine' 400 (Serif), 'founders-grotesk' 400/600. Marken-Tokens --color-brand-primary #02385c, --color-brand-grey #e8e2db, dazu Orange #ed7f1a und Gold #ab9044. Seiten-Drawer per Alpine x-transition 'ease-out duration-500' rein / 'ease-in duration-500' raus (translate-x). Sektionen: 'Herzlich willkommen in der Welt exklusiver Immobilien', 'Unsere aktuellen Immobilienangebote', 'An einem von über 100 Standorten', 'Aktuelle Marktzahlen & Immobilienpreise in Ihrer Region', 'Wie können wir Ihnen helfen?' mit Verkaufen / Bewerten / Kaufen, Newsletter.",
   "herkunft": "beobachtet",
   "quelle": "https://www.dahler.com/ (aggregiertes Drupal-CSS css_Ab72…, css_Xyzu…)"
  },
  {
   "seite": "Engel & Völkers",
   "url": "https://www.engelvoelkers.com/de/de",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS/JS per curl abgerufen): Next.js, GSAP + ScrollTrigger mit CustomEase im Bundle. Eigene variable Schriften 'Engel Voelkers Head VF App' und 'Text VF App' (400–700). Tokens --color-ev-red #E60000, --color-desert-storm #F6F6F4, --color-white-linen #FCFAF5, --color-brown-light #EFE8DF; UI-Übergänge .2s cubic-bezier(0.3,0.2,0.2,0.8). h1 'Ihre Immobilie verdient den bestmöglichen Preis' (Eigentümer zuerst), Fly-out-Navigation Kaufen & Mieten / Verkaufen (Bewerten, Immobilienpreise, Verkäufer-Guide), Städte-Kacheln, Magazin.",
   "herkunft": "beobachtet",
   "quelle": "https://www.engelvoelkers.com/de/de (HTML + _next-Chunks)"
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "",
  "headline": "libre-caslon-display",
  "text": "hanken-grotesk",
  "akzent": "",
  "groessen": "h1 clamp(2.25rem, 1.4rem + 3.2vw, 4.5rem), Libre Caslon Display 400, Laufweite -0.005em, Zeilenhöhe 1.08 – nur ab 2rem einsetzen (Display-Schnitt). Zwischentitel und Fließtext in Hanken Grotesk 400/500, 1.0625rem, Zeilenhöhe 1.55. Labels Versal 0.75rem mit 0.09em (~1.5px wie Inigo). Objektdaten (m², Zimmer, Preis) mit tabellarischen Ziffern.",
  "techniken": [
   "serif-grotesk-duotone",
   "tabellenziffern",
   "optische-groessen-opsz"
  ],
  "alternative_eigenprojekt": "Eigenprojekt mit ITF: Headline sentient oder zodiak, Text switzer – näher an Tiempos/Söhne der Referenzen. Template-Alternative mit moderner Serif: newsreader statt libre-caslon-display."
 },
 "farbe": {
  "prinzip": "Warme, fast weiße Flächen und ein Sandton als Bühne für Fotos, ein tiefer Markenton für Headlines und Footer, ein sparsamer Akzent ausschließlich für den Haupt-CTA (Bewertung anfragen).",
  "beispiel": [
   "#FCFAF5 Grund (E&V white-linen)",
   "#EFE8DF Sandfläche/Karten (E&V brown-light, ähnlich Dahler #E8E2DB)",
   "#02385C Markenton für Headlines, Footer (Dahler)",
   "#313131 Fließtext",
   "#B5B2AF Linien/Meta (Inigo beige)",
   "#ED7F1A CTA-Akzent (Dahler) – nur Buttons",
   "#716F6D Meta-Text barrierefrei (4.8 : 1 auf #FCFAF5; #B5B2AF nur für Linien oder Schrift ab 24 px)"
  ]
 },
 "animationsstil": "token-editorial-langsam",
 "animationsstil_ui": "token-toggle-asymmetrisch",
 "bewegung": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) (token-editorial-langsam), nur für Bilder; UI über animationsstil_ui",
  "beobachtet": "easeOutQuart cubic-bezier(0.165, 0.84, 0.44, 1) mit .4s für UI (Inigo --ease-out-quart); Drawer Öffnen ease-out, Schließen ease-in, 400–500 ms (Dahler, Alpine x-transition); .2s (E&V)",
  "dauer_ms": "200 (Hover/Farbe), 400 (Menü, Höhe, Header), 900–1100 (Bild-Einblendung)",
  "regel": "UI (Menü, Filter, Drawer, Formulare) über animationsstil_ui token-toggle-asymmetrisch: Öffnen mit der Expo-Kurve in etwa 400 ms, Schließen schneller mit cubic-bezier(0.7, 0, 0.84, 0). Nur Bilder dürfen die lange Landephase des Editorial-Stils nutzen (clip-path-Aufdeckung plus scale 1.06 → 1).",
  "herkunft": "beobachtet (inigo.com --ease-out-quart .4s; dahler.com Alpine x-transition 500 ms; E&V .2s)"
 },
 "hero_beschreibung": "Foto-Hero als Standard: ein echtes Objekt- oder Regionsfoto, ein Satz Positionierung und zwei Wege als Knöpfe: „Angebote ansehen“ (Kaufen/Mieten, Ort) und „Was ist meine Immobilie wert?“. prompt-hero-eingabefeld nur als Variante, wenn dahinter eine echte Objektsuche (Portal-Feed mit Filter) oder ein funktionierendes Bewertungsformular läuft; mit KI-Assistent dahinter direkt am Feld kennzeichnen (Art. 50 KI-VO). Kein Fake-Eingabefeld.",
 "muster": {
  "seitenuebergang": [
   "vt-shared-element-morph"
  ],
  "preloader": [],
  "navigation": [
   "native-popover-dropdowns",
   "hide-on-scroll-header"
  ],
  "hero": [
   "foto-hero"
  ],
  "hero_variante": [
   "prompt-hero-eingabefeld"
  ],
  "sektionen": [
   {
    "zweck": "Aktuelle Angebote (jede Karte mit der Pflichtzeile zum Energieausweis)",
    "muster": [
     "css-native-karussell",
     "facettenfilter-ergebnisliste",
     "objekt-steckbrief-expose",
     "karussell-steuerung"
    ],
    "varianten": {
     "objekt-steckbrief-expose": "anzeige",
     "css-native-karussell": "peek",
     "facettenfilter-ergebnisliste": "leiste",
     "karussell-steuerung": "daumen"
    }
   },
   {
    "zweck": "Für Eigentümer: Verkaufen / Bewerten / Vermieten (je eine Leistungsseite, Antwort zuerst; auf der Startseite drei Stapelkarten nur mit je einem echten Foto und kurzem, gleich langem Text, sonst drei ruhige Spalten)",
    "muster": [
     "stapelkarten",
     "leistungsseite-antwort-zuerst"
    ],
    "varianten": {
     "leistungsseite-antwort-zuerst": "praxis"
    }
   },
   {
    "zweck": "Marktzahlen der Region",
    "muster": [
     "zahlen-fakten-section"
    ],
    "varianten": {
     "zahlen-fakten-section": "diagramm"
    }
   },
   {
    "zweck": "Exposé (Objektseite; vorheriges/nächstes Objekt mit richtungsbewusstem Übergang)",
    "muster": [
     "objekt-steckbrief-expose",
     "split-screen-sticky-seiten",
     "galerie-shared-element-vollbild",
     "richtungsbewusste-uebergaenge"
    ],
    "varianten": {
     "objekt-steckbrief-expose": "kauf",
     "split-screen-sticky-seiten": "titel",
     "galerie-shared-element-vollbild": "produkt"
    }
   },
   {
    "zweck": "Referenzen / verkaufte Objekte",
    "muster": [
     "css-native-karussell"
    ],
    "varianten": {
     "css-native-karussell": "peek"
    }
   },
   {
    "zweck": "Team / Standort",
    "muster": [
     "team-ueber-mich-layout"
    ],
    "varianten": {
     "team-ueber-mich-layout": "statement"
    }
   },
   {
    "zweck": "Kontakt / Anfahrt / Büro (kurze Anfrage, Bürozeiten bzw. „Termin nach Vereinbarung“, Adresse als Text, Karte per 2-Klick)",
    "muster": [
     "kontakt-anfrage-formular",
     "oeffnungszeiten-status",
     "karte-zwei-klick"
    ],
    "varianten": {
     "oeffnungszeiten-status": "termin",
     "karte-zwei-klick": "bild"
    }
   },
   {
    "zweck": "Ratgeber / Magazin",
    "muster": [
     "editorial-magazin-layout"
    ],
    "varianten": {
     "editorial-magazin-layout": "zeitung"
    }
   },
   {
    "zweck": "Kundenstimmen (eigene Stimmen; Plattform-Bewertungen nur mit Echtheitshinweis)",
    "muster": [
     "testimonials-neu-gedacht",
     "bewertungsprofil-mit-echtheitshinweis"
    ],
    "varianten": {
     "testimonials-neu-gedacht": "zitat",
     "bewertungsprofil-mit-echtheitshinweis": "pille"
    }
   }
  ],
  "scroll": [
   "clip-path-bild-reveal"
  ],
  "schrift_animation": [
   "split-mask-reveal"
  ],
  "hover": [
   "bild-zoom-in-maske"
  ],
  "cursor": [],
  "mikro": [
   "einblenden-starting-style",
   "animiertes-select",
   "toggle-switch"
  ],
  "material": [],
  "galerie": [
   "galerie-shared-element-vollbild",
   "css-native-karussell"
  ],
  "footer": [
   "studio-visitenkarte-footer",
   "footer-newsletter-mit-persoenlichkeit"
  ],
  "button": [
   "pfeil-icon-button",
   "button-zustaende"
  ],
  "hero_varianten": {
   "foto-hero": "randlos-unten-links"
  }
 },
 "signatur": [
  "richtungsbewusste-uebergaenge"
 ],
 "varianten_demo": {
  "bild-zoom-in-maske": "gegen",
  "pfeil-icon-button": "tausch",
  "galerie-shared-element-vollbild": "produkt",
  "css-native-karussell": "peek",
  "studio-visitenkarte-footer": "basis",
  "footer-newsletter-mit-persoenlichkeit": "kultur"
 },
 "nicht_verwenden": [
  "gaussian-splats / scroll-3d-kamerafahrt – 10–100 MB pro Objekt, Rundgang lieber als verlinkter 360°-Dienst im Exposé",
  "webgl-bildverzerrung / zoom-parallax – Objektfotos müssen unverfälscht wirken",
  "smooth-scroll-lenis – Exposé-Daten werden gelesen und verglichen",
  "kreistext-siegel-rotierend – Template-Deko",
  "marquee-laufband mit Objekten – Angebote müssen vollständig lesbar sein",
  "token-luxus-weich in voller Länge (1,2–2,4 s) für UI – zu träge beim Durchklicken von Angeboten"
 ],
 "regeln": [
  "Erster Bildschirm mit zwei Wegen: Objektsuche (Kaufen/Mieten, Ort) und 'Was ist meine Immobilie wert?' – beide mit echter Funktion (Portal-Feed bzw. Bewertungsformular). Als Eingabefeld (prompt-hero-eingabefeld) nur, wenn diese Funktion läuft; sonst Foto-Hero mit zwei Knöpfen.",
  "Serif nur für Headlines ab 2rem, alle Daten und Formulare in der Grotesk.",
  "Objektkarten: Foto 4:3, Ort, Zimmer, m², Preis in Tabellenziffern; Karte → Exposé per Shared-Element-Übergang.",
  "Exposé: Bilder links scrollen, Eckdaten und Kontaktformular rechts sticky; mobil Eckdaten oben, Anfrage-Button unten fest.",
  "Ein CTA-Akzent pro Seite (Bewertung oder Anfrage), sonst nur Markenton und Sand.",
  "Pflichtangaben sichtbar: Energieausweis-Daten in Anzeige und Exposé (GEG), Provisionshinweis, Impressum mit Erlaubnis nach § 34c GewO und zuständiger Behörde – vom Kunden prüfen lassen.",
  "Suchauftrag/Newsletter als Footer-Angebot (Inigo 'Alerts').",
  "Übergänge richtungsbewusst: Karte → Exposé tiefer (Shared Element), Exposé → nächstes Objekt seitlich, Zurück gespiegelt.",
  "Pflichtangaben und Recht (Leitfaden 8a): Objektfotos und Grundrisse nur mit Nutzungsrecht; Plattform-Bewertungen nur mit Echtheitshinweis direkt daneben; KI-Suche oder Chat direkt beim Start kennzeichnen (Art. 50 KI-VO); Bewertungsformular mit Datenschutzhinweis – vom Kunden prüfen lassen."
 ],
 "template_tauglich": true,
 "aufwand": "mittel",
 "leistung": "Bildlastig: Karussells nativ (scroll-snap) statt Slider-Bibliothek, Exposé-Bilder mit srcset und fetchpriority nur für das erste Bild. Portal-Anbindung (OpenImmo/Schnittstelle) serverseitig rendern, damit Objekte indexierbar sind. View Transitions mit Fallback.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "stimmung_tags": [
  "ruhig",
  "luxuriös"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   72,
   112,
   160
  ],
  "sektion": "clamp(88px, 10vw, 152px)",
  "dichte": "luftig",
  "hinweis": "Viel Platz um Objektfotos; Objektdaten dagegen dicht in einer Zeile (Zimmer, m², Preis mit 16 px Abstand), damit man vergleichen kann."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(20px, 4vw, 64px)",
  "spalt": "clamp(16px, 2vw, 32px)",
  "max_breite": "1440px",
  "hinweis": "Objektkarten 3 Spalten, Foto 4:3. Exposé 7/5: Bilder links scrollen, Eckdaten und Formular rechts sticky; mobil Eckdaten oben."
 },
 "form": {
  "radius_klein": "2px",
  "radius_gross": "0",
  "pille": true,
  "linie": "1px #B5B2AF für Linien und Meta-Trenner",
  "schatten": "keiner",
  "hinweis": "Bilder und Karten eckig, nur die Haupthandlung ist eine dunkle Pille (pfeil-icon-button, Variante tausch). Der Akzent #ED7F1A bleibt dem einen CTA vorbehalten."
 },
 "bildsprache": {
  "licht": "Tageslicht oder blaue Stunde, ruhig und unverfälscht; keine übertriebene HDR-Bearbeitung.",
  "ausschnitt": "Objekt in der Totale, Innenräume auf Augenhöhe mit geraden Linien, Details wie Parkett, Fenster, Treppe.",
  "personen": "Nein in Objektfotos; Makler:innen als einheitliche Porträts im Team.",
  "formate": [
   "4:3",
   "3:2",
   "16:9"
  ],
  "nicht": "Keine Weitwinkelverzerrung, kein Himmeltausch, keine Handschlag- oder Schlüsselübergabe-Stockfotos, keine Zoom- oder WebGL-Effekte auf Objektfotos."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Ruhig und vollständig, Fakten mit Einheit. Lagebeschreibung in zwei bis drei Sätzen, keine Aufzählung von Adjektiven.",
  "haltung": "Diskret und beratend, nie drängend. Eigentümer:innen und Käufer:innen werden getrennt angesprochen.",
  "beispiele": [
   "Häuser mit Geschichte zwischen Fluss und Altstadt.",
   "Was ist Ihre Immobilie wert? Wir schätzen sie vor Ort ein."
  ],
  "nicht": "„Traumimmobilie“, „exklusiv“ in jedem Satz, „Jetzt zuschlagen“, „provisionsfrei“ ohne Prüfung."
 },
 "hero_aufbau": {
  "raster": "Foto randlos über die volle Breite, Textblock unten links über Spalte 1 bis 6 auf einer ruhigen Bildzone.",
  "bild": "Ein echtes Objekt- oder Regionsfoto, 16:9 Desktop, 4:5 mobil.",
  "h1": "clamp(2.25rem, 1.4rem + 3.2vw, 4.5rem), Libre Caslon Display 400, unten links.",
  "handlung": "„Angebote ansehen“ (dunkle Pille) und „Was ist meine Immobilie wert?“ (#ED7F1A), nebeneinander unter der H1. Prompt-Feld nur als hero_variante mit echter Suche.",
  "zusatz": "Kein Versal-Label über der H1 (C13): Region oder Leistung steht in der H1 oder als ruhige Zeile darunter in der Grundschrift. Suchauftrag erst im Footer. Umsetzung: foto-hero/randlos-unten-links."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/immobilien-diskret-hochwertig/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/immobilien-diskret-hochwertig/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/immobilien-diskret-hochwertig/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/immobilien-diskret-hochwertig/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "gaussian-splats",
    "scroll-3d-kamerafahrt"
   ],
   "grund": "10–100 MB pro Objekt, Rundgang lieber als verlinkter 360°-Dienst im Exposé"
  },
  {
   "ids": [
    "webgl-bildverzerrung",
    "zoom-parallax"
   ],
   "grund": "Objektfotos müssen unverfälscht wirken"
  },
  {
   "ids": [
    "smooth-scroll-lenis"
   ],
   "grund": "Exposé-Daten werden gelesen und verglichen"
  },
  {
   "ids": [
    "kreistext-siegel-rotierend"
   ],
   "grund": "Template-Deko"
  },
  {
   "ids": [
    "marquee-laufband"
   ],
   "grund": "mit Objekten – Angebote müssen vollständig lesbar sein"
  },
  {
   "ids": [
    "token-luxus-weich"
   ],
   "grund": "in voller Länge (1,2–2,4 s) für UI – zu träge beim Durchklicken von Angeboten"
  }
 ],
 "alle_muster": [
  {
   "id": "richtungsbewusste-uebergaenge",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/seitenuebergaenge/richtungsbewusste-uebergaenge/meta.json"
  },
  {
   "id": "foto-hero",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/meta.json",
   "variante": "randlos-unten-links",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/demo?v=randlos-unten-links"
  },
  {
   "id": "prompt-hero-eingabefeld",
   "rolle": "Hero-Variante",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prompt-hero-eingabefeld/meta.json"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Sektion: Aktuelle Angebote (jede Karte mit der Pflichtzeile zum Energieausweis)",
   "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": "facettenfilter-ergebnisliste",
   "rolle": "Sektion: Aktuelle Angebote (jede Karte mit der Pflichtzeile zum Energieausweis)",
   "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": "objekt-steckbrief-expose",
   "rolle": "Sektion: Aktuelle Angebote (jede Karte mit der Pflichtzeile zum Energieausweis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/objekt-steckbrief-expose/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Aktuelle Angebote (jede Karte mit der Pflichtzeile zum Energieausweis)",
     "variante": "anzeige",
     "demo_url": "https://cecodesign.de/lab/fundus/sektionen/objekt-steckbrief-expose/demo?v=anzeige"
    },
    {
     "rolle": "Sektion: Exposé (Objektseite; vorheriges/nächstes Objekt mit richtungsbewusstem Übergang)",
     "variante": "kauf",
     "demo_url": "https://cecodesign.de/lab/fundus/sektionen/objekt-steckbrief-expose/demo?v=kauf"
    }
   ]
  },
  {
   "id": "karussell-steuerung",
   "rolle": "Sektion: Aktuelle Angebote (jede Karte mit der Pflichtzeile zum Energieausweis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/karussell-steuerung/meta.json",
   "variante": "daumen",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/karussell-steuerung/demo?v=daumen"
  },
  {
   "id": "stapelkarten",
   "rolle": "Sektion: Für Eigentümer: Verkaufen / Bewerten / Vermieten (je eine Leistungsseite, Antwort zuerst; auf der Startseite drei Stapelkarten nur mit je einem echten Foto und kurzem, gleich langem Text, sonst drei ruhige Spalten)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/scroll/stapelkarten/meta.json"
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Für Eigentümer: Verkaufen / Bewerten / Vermieten (je eine Leistungsseite, Antwort zuerst; auf der Startseite drei Stapelkarten nur mit je einem echten Foto und kurzem, gleich langem Text, sonst drei ruhige Spalten)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/leistungsseite-antwort-zuerst/meta.json",
   "variante": "praxis",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/leistungsseite-antwort-zuerst/demo?v=praxis"
  },
  {
   "id": "zahlen-fakten-section",
   "rolle": "Sektion: Marktzahlen der Region",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/zahlen-fakten-section/meta.json",
   "variante": "diagramm",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/zahlen-fakten-section/demo?v=diagramm"
  },
  {
   "id": "split-screen-sticky-seiten",
   "rolle": "Sektion: Exposé (Objektseite; vorheriges/nächstes Objekt mit richtungsbewusstem Übergang)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/split-screen-sticky-seiten/meta.json",
   "variante": "titel",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/split-screen-sticky-seiten/demo?v=titel"
  },
  {
   "id": "galerie-shared-element-vollbild",
   "rolle": "Sektion: Exposé (Objektseite; vorheriges/nächstes Objekt mit richtungsbewusstem Übergang)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/meta.json",
   "variante": "produkt",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/demo?v=produkt"
  },
  {
   "id": "team-ueber-mich-layout",
   "rolle": "Sektion: Team / Standort",
   "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": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt / Anfahrt / Büro (kurze Anfrage, Bürozeiten bzw. „Termin nach Vereinbarung“, Adresse als Text, Karte per 2-Klick)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Kontakt / Anfahrt / Büro (kurze Anfrage, Bürozeiten bzw. „Termin nach Vereinbarung“, Adresse als Text, Karte per 2-Klick)",
   "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": "karte-zwei-klick",
   "rolle": "Sektion: Kontakt / Anfahrt / Büro (kurze Anfrage, Bürozeiten bzw. „Termin nach Vereinbarung“, Adresse als Text, Karte per 2-Klick)",
   "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": "editorial-magazin-layout",
   "rolle": "Sektion: Ratgeber / Magazin",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/meta.json",
   "variante": "zeitung",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=zeitung"
  },
  {
   "id": "testimonials-neu-gedacht",
   "rolle": "Sektion: Kundenstimmen (eigene Stimmen; Plattform-Bewertungen nur mit Echtheitshinweis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/meta.json",
   "variante": "zitat",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/testimonials-neu-gedacht/demo?v=zitat"
  },
  {
   "id": "bewertungsprofil-mit-echtheitshinweis",
   "rolle": "Sektion: Kundenstimmen (eigene Stimmen; Plattform-Bewertungen nur mit Echtheitshinweis)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/meta.json",
   "variante": "pille",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/demo?v=pille"
  },
  {
   "id": "vt-shared-element-morph",
   "rolle": "Seitenwechsel",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/seitenuebergaenge/vt-shared-element-morph/meta.json"
  },
  {
   "id": "native-popover-dropdowns",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/native-popover-dropdowns/meta.json"
  },
  {
   "id": "hide-on-scroll-header",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/hide-on-scroll-header/meta.json"
  },
  {
   "id": "clip-path-bild-reveal",
   "rolle": "Scroll",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/scroll/clip-path-bild-reveal/meta.json"
  },
  {
   "id": "split-mask-reveal",
   "rolle": "Schrift",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/schrift-animationen/split-mask-reveal/meta.json"
  },
  {
   "id": "bild-zoom-in-maske",
   "rolle": "Hover",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/meta.json",
   "variante": "gegen",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/demo?v=gegen"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json"
  },
  {
   "id": "animiertes-select",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/animiertes-select/meta.json"
  },
  {
   "id": "toggle-switch",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/toggle-switch/meta.json"
  },
  {
   "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": "footer-newsletter-mit-persoenlichkeit",
   "rolle": "Footer",
   "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": "pfeil-icon-button",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/meta.json",
   "variante": "tausch",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/demo?v=tausch"
  },
  {
   "id": "button-zustaende",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/button-zustaende/meta.json"
  },
  {
   "id": "token-editorial-langsam",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-editorial-langsam/meta.json"
  },
  {
   "id": "token-toggle-asymmetrisch",
   "rolle": "Animationsstil für UI",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-toggle-asymmetrisch/meta.json"
  },
  {
   "id": "serif-grotesk-duotone",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/serif-grotesk-duotone/meta.json"
  },
  {
   "id": "tabellenziffern",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/tabellenziffern/meta.json"
  },
  {
   "id": "optische-groessen-opsz",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/optische-groessen-opsz/meta.json"
  }
 ]
}