{ "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": "weingut-hofladen-herkunft", "name": "Weingut und Hofladen: Herkunft zuerst", "branche": "Weingut / Winzerhof / Hofladen / Manufaktur aus der Landwirtschaft / Brennerei (optional mit Ferienzimmern)", "stimmung": [ "bodenständig", "klar", "warm", "handwerklich" ], "kurz": "Herkunft ist das Produkt: Jeder Wein hängt an einer Lage, einem Boden und einem Jahrgang, und genau so ist die Seite gebaut. Sortiment mit Jahrgang, Füllmenge, Preis und Grundpreis je Liter in einer Mono wie auf dem Etikett, Pflichtangaben direkt am Wein, Zustellung nur mit Altersprüfung. Weinproben und Hoffeste als Termine, der Hofladen mit echtem Öffnungsstatus, Ferienzimmer optional. Eine klassische Garamond für Lagen und Geschichten, DM Mono für alle Zahlen, Kalkstein und Schiefer als Grund, Buntsandstein-Rot nur für Kaufen. Signatur: ein Foto der Lage, über das man die Sonne ziehen kann, um zu sehen, wann der Hang Licht bekommt. Abgrenzung zu d2c-produkt-zuerst (Produkt-Bento, Warenkorb-Flug) und gastro-warm-appetitlich (Karte, Reservieren, Live-Uhr): Hier führen Lage und Jahrgang, nicht das Produktfoto und nicht die Speisekarte.", "referenzen": [ { "seite": "Weingut Wittmann – Lagen (Westhofen, Rheinhessen)", "url": "https://www.weingutwittmann.de/en/lagen/", "art": "website", "herkunft": "beobachtet", "abgerufen": "2026-11-02", "quelle": "https://www.weingutwittmann.de/en/lagen/ und https://www.weingutwittmann.de/shop/", "beobachtung": "Live geprüft 02.11.2026 (WebFetch, nur Text; CSS, Schriften und Kurven nicht gemessen): Lagen nach VDP-Stufe gegliedert („VDP.ERSTE LAGE®“, „VDP.GROSSE LAGE®“), eine Übersichtskarte und eine Karte je Lage, ein Foto je Lage mit beschreibendem Alt-Text (Kalksteinböden). Boden, Ausrichtung und Höhe stehen nicht als Daten da; das Rezept verlangt sie. Navigation mit Weingut, Weine, Lagen, Jahrgänge; im Footer Barrierefreiheitserklärung, Widerrufsrecht und „Declare revocation“. Der Shop öffnet mit Altersabfrage „Ich bin über 18 Jahre alt“, die Produktübersicht zeigt Kategorien (Estate, Réserve, Weinpakete, VDP. Ortswein)." }, { "seite": "Weingut Bürgerspital zum Hl. Geist – Würzburger Stein und Weinevents", "url": "https://www.buergerspital.de/weingut/weinshop/weinlage/wuerzburgerstein/index.html", "art": "website", "herkunft": "beobachtet", "abgerufen": "2026-11-02", "quelle": "https://www.buergerspital.de/weingut/weinshop/weinlage/wuerzburgerstein/index.html und https://www.buergerspital.de/weingut/weinproben/weinevents/m_2041", "beobachtung": "Live geprüft 02.11.2026 (WebFetch, nur Text): Lagenseite im Shop mit Klima und Boden in einem Satz („Verwitterter Muschelkalk prägt den Lagenamen und Wein-Charakter“) und Filtern Jahrgang, Weinlage, Rebsorte, Geschmack, Gebinde, Klassifikation mit Zählern. Weinevents nach Monat: Datum und Uhrzeit, Titel, Dauer, Preis pro Person (Weinprobe 39 €, etwa drei Stunden, sechs Weine), Buchung als Online-Ticket oder Anmeldung; Hoffest mit eigener Seite. Vorbild für Lage als Filter und Termine als Liste." }, { "seite": "Gut Wulksfelde – Bio-Hofladen (bei Hamburg)", "url": "https://www.gut-wulksfelde.de/das-gut/hofladen/", "art": "website", "herkunft": "beobachtet", "abgerufen": "2026-11-02", "quelle": "https://www.gut-wulksfelde.de/das-gut/hofladen/", "beobachtung": "Live geprüft 02.11.2026 (WebFetch, nur Text): Öffnungszeiten mit getrennten Zeiten für Bäckerei-Café und Sonderzeiten, eigene Erzeugnisse (Kartoffeln, Gemüse, Brot, Fleisch) neben Partnerware, Links zu Online-Bestellung und Lieferservice, Verkostungen und Hofführungen. Im Footer die Öko-Kontrollstellen-Nummer „DE-ÖKO-006“ neben den Bio-Zeichen. Vorbild für den Hofladen-Teil und die Rezept-Variante ohne Shop." }, { "seite": "Weingut Dr. Loosen – Gästezimmer (Bernkastel-Kues, Mosel)", "url": "https://drloosen.de/en/pages/gastezimmer", "art": "website", "herkunft": "beobachtet", "abgerufen": "2026-11-02", "quelle": "https://drloosen.de/en/pages/gastezimmer", "beobachtung": "Live geprüft 02.11.2026 (WebFetch, nur Text): Sieben Gästezimmer, jedes nach einer Großen Lage des Guts benannt, mit Blick auf Weinberge und Mosel; Preise offen (Einzelzimmer 130 €, Doppelzimmer 150 €, Aufschlag bei nur einer Nacht), Buchung als Anfrage über ein Formular statt Booking-Engine. Shop und VDP-Klassifikation in der Hauptnavigation. Vorbild für Ferienzimmer als Beiwerk, die an den Lagen hängen." } ], "schrift": { "paarung_basis": "garamond-wein", "headline": "eb-garamond", "text": "eb-garamond", "akzent": "dm-mono", "groessen": "h1 EB Garamond clamp(2.75rem, 1.6rem + 5vw, 6rem), wght 400, Laufweite -0.015em, Zeilenhöhe 1.0; h2 clamp(2rem, 1.5rem + 2vw, 3.25rem), wght 400; Lagennamen und Jahrgangstitel in EB Garamond Italic. Fließtext EB Garamond 1.25rem (20 px, wegen der kleinen x-Höhe), wght 400, Zeilenhöhe 1.55, höchstens 66ch, Mediävalziffern (onum) nur im Fließtext. DM Mono für alle Zahlen und Etiketten: Preis 1rem wght 500, Grundpreis, Füllmenge, % vol, Jahrgang, Analysewerte 0.875rem wght 400; Labels 0.75rem, Versal, +0.1em; Knöpfe DM Mono 500, 0.875rem, Versal, +0.08em.", "techniken": [ "lesesatz-text-wrap", "headline-laufweite-zeilenabstand", "mono-labels-versal", "tabellenziffern", "fluide-typo-clamp-cqi" ], "alternative_eigenprojekt": "Headline gambarino (ITF) oder erode (ITF) für Text – nur für Eigenprojekte, nicht für Templates.", "abweichung": "Paarung garamond-wein aus schriften.json unverändert (Einsatz laut Katalog: Wein, Manufaktur, Verlag). EB Garamond steht auf der Beobachtungsliste (A2) und ist hier nie allein: DM Mono trägt alle Zahlen, Preise und Labels wie die Pflichtzeilen eines Etiketts. Weil EB Garamond keine opsz-Achse hat, steht der Text mit 20 px größer als üblich. Unterschied zu gastro (Fraunces, Commissioner), d2c (Young Serif, Instrument Sans), boutique-hotel (Newsreader, Mona Sans) und luxus (Bodoni Moda, Instrument Sans): Garalde statt Display-Serif, Mono statt Grotesk für die Daten. eb-garamond ist neu in den Rezepten, dm-mono steht damit in zwei (kreativstudio). Mono-Labels nach Leitfaden A4, weil das Rezept eine Mono als Akzent nennt." }, "farbe": { "prinzip": "Grund und Flächen kommen aus dem Boden der Hauptlage, nicht aus dem Wein. Beispiel hier: Kalkstein hell als Grund, Löss als Fläche für Kaufbox und Steckbrief, Schiefer für dunkle Bänder, das Lagen-Kapitel und den Footer. Signal Buntsandstein-Rot nur für In den Warenkorb, Kaufen und Tickets; auf Schiefer wird der Kauf-Knopf kalkhell mit Schiefer-Schrift. Je nach Lage austauschbar (Schiefer-Blau, Löss-Ocker, Granit-Grau), immer mit 4,5 : 1 geprüft. Weinfarben (Rot, Gold, Rosé) nur aus den Fotos, nie als Fläche. Kein Bordeaux-Verlauf, kein Rebenblatt-Grün als Marke, keine Holzmaserung.", "beispiel": [ "#F1ECE2 Grund Kalkstein", "#22211F Text (13,7 : 1)", "#E6DCCB Fläche Löss: Kaufbox, Steckbrief, Hofladen-Zeiten (Text 11,9 : 1)", "#2F3236 Schiefer: dunkle Bänder, Lagen-Kapitel, Footer (Kalk darauf 10,9 : 1)", "#8A3A2B Signal Buntsandstein: In den Warenkorb, Kaufen, Ticket (Weiß darauf 7,7 : 1; als Fläche auf Kalk 6,6 : 1, auf Löss 5,7 : 1); auf Schiefer stattdessen Kalk-Knopf mit Schiefer-Schrift", "#5A564F Sekundärtext, Grundpreis, Analysewerte (6,2 : 1 auf Kalk)", "#D8CFC0 Linien, Etikett-Rahmen" ] }, "animationsstil": "token-luxus-weich", "animationsstil_ui": "token-toggle-asymmetrisch", "animationsstil_hinweis": "Weich nur für Bilder: Lagenfotos öffnen sich einmal per Maske mit innerem Zurückskalieren, das Hero-Foto skaliert einmal von 1.08 auf 1 (kein Dauerzoom). Shop, Filter, Warenkorb-Drawer, Checkout und Termine laufen über token-toggle-asymmetrisch (öffnen 300 ms, schließen 200 ms), weil token-luxus-weich Formulare und hohe Informationsdichte ausschließt. Das Licht der Signatur folgt dem Zeiger mit dem Lerp-Wert des Musters, ohne eigene Kurve. token-luxus-weich nennt Weingüter ausdrücklich unter wann_einsetzen.", "bewegung": { "easing": "cubic-bezier(0.37, 0, 0.63, 1) (token-luxus-weich, nur Bilder); UI über animationsstil_ui", "beobachtet": "nicht gemessen: Referenzen nur inhaltlich per WebFetch geprüft (siehe offen); Kurve und Dauern aus dem Animationsstil", "dauer_ms": "150 (Farbe, Hover), 300 (Drawer, Filter, Popover öffnen), 200 (schließen), 1600 (Masken-Reveal eines Lagenbilds), 2200 (Zurückskalieren 1.08 → 1, einmalig); Licht der Signatur per Lerp 0.06 je Bild", "regel": "Nur Bilder bewegen sich, und nur einmal: Lagenfotos öffnen sich per Maske, das Hero-Foto skaliert einmal zurück. Text, Preise, Steckbriefe und Formulare stehen sofort. Kein Dauerzoom, keine Diashow mit Autoplay. Das Sonnenlicht der Signatur bewegt sich nur mit dem Zeiger oder einem Regler „Tageszeit“, nie von selbst. Bei prefers-reduced-motion sind Bilder sofort da, das Licht steht fest auf Nachmittag, der Regler bleibt ohne Übergang bedienbar.", "herkunft": "Kurve und Dauern aus token-luxus-weich (bau.werte maske 1600 ms, zurueckskalieren 2200 ms, buchung_ui 300/200 ms); UI-Paar aus token-toggle-asymmetrisch; Lerp aus tiefenkarten-relighting (bau.werte lerp_licht). Referenzen inhaltlich geprüft, CSS nicht gemessen." }, "hero_beschreibung": "Foto-Hero: die wichtigste Lage oder der Hof in echtem Licht, mit Ort und Lage als Bildunterschrift in DM Mono. Ein Satz in EB Garamond über Herkunft, keine Werbezeile. Zwei Wege: „Weine entdecken“ (Shop) und „Weinprobe & Hoffest“ (Termine); im Kopf der Hofladen-Status aus echten Zeiten. Kein Video ohne eigenes Material, keine Weinglas- oder Trauben-Stockfotos und kein Altersabfrage-Fenster vor dem ersten Bild.", "muster": { "seitenuebergang": [], "preloader": [], "navigation": [ "native-popover-dropdowns", "sticky-shrink-header" ], "hero": [ "foto-hero" ], "hero_variante": [], "sektionen": [ { "zweck": "Weine nach Linie und Jahrgang (Guts-, Orts- und Lagenweine; Filter nach Farbe, Rebsorte, Geschmack, Lage und Jahrgang erst ab etwa 15 Weinen, sonst eine Liste; jede Zeile mit Jahrgang, Füllmenge, Preis und Grundpreis je Liter; ausgetrunkene Jahrgänge bleiben mit Hinweis sichtbar; auf der Startseite eine Reihe mit fünf bis acht Weinen)", "muster": [ "facettenfilter-ergebnisliste", "css-native-karussell", "karussell-steuerung" ], "varianten": { "facettenfilter-ergebnisliste": "leiste", "css-native-karussell": "produktreihe", "karussell-steuerung": "fortschritt" } }, { "zweck": "Weinseite (Steckbrief mit allen Pflichtangaben am Wein: Alkohol in % vol, „enthält Sulfite“, Füllmenge, Herkunft, Erzeugerabfüllung mit Anschrift, Zutaten und Nährwerte bei Weinen, die nach dem 08.12.2023 hergestellt wurden; Kaufbox für Flasche, Magnum oder Karton; Lage und Boden als Link)", "muster": [ "wein-steckbrief-pflichtangaben", "produkt-kaufbox-varianten", "galerie-shared-element-vollbild", "eu-gewaehrleistungshinweis" ], "varianten": { "produkt-kaufbox-varianten": "seite", "galerie-shared-element-vollbild": "produkt", "eu-gewaehrleistungshinweis": "kaufbox" } }, { "zweck": "Warenkorb und Versand (Drawer mit Grundpreis und MwSt.; Versandkosten je Karton, Lieferzeit, Zustellung nur mit Alters- und Identitätsprüfung; Abholung im Hofladen als Versandart)", "muster": [ "warenkorb-drawer" ], "varianten": { "warenkorb-drawer": "drawer" } }, { "zweck": "Herkunft: Lagen und Boden (Lagenfoto, über das man die Sonne zieht; je Lage Boden, Ausrichtung, Neigung, Höhe, Rebsorten, Klassifikation und die Weine daraus; Übersichtskarte als eigene Zeichnung ohne Drittanbieter)", "muster": [ "tiefenkarten-relighting", "lagen-steckbrief-karte", "slideshow-innere-gegenparallaxe" ], "varianten": { "tiefenkarten-relighting": "sonne", "slideshow-innere-gegenparallaxe": "ueberblenden" } }, { "zweck": "Der Jahrgang (Lesebericht des aktuellen Jahrgangs: Wetter, Lese, Stil, Menge; einmal im Jahr als Magazinbeitrag, ältere Jahrgänge als Archiv)", "muster": [ "editorial-magazin-layout" ], "varianten": { "editorial-magazin-layout": "magazin" } }, { "zweck": "Weinproben und Hoffeste (Datum, Uhrzeit, Dauer, Preis pro Person, freie Plätze, Buchung; als Liste nach Monat, erst ab etwa acht Terminen im Monat als Kalender; Tickets über das Ticketsystem erst nach Klick; Gruppen auf Anfrage)", "muster": [ "programm-kalender", "termin-buchung-zwei-klick" ], "varianten": { "programm-kalender": "programm", "termin-buchung-zwei-klick": "linkout" } }, { "zweck": "Hofladen und Vinothek (Öffnungszeiten mit Status, Sonderzeiten zu Lese, Hoffest und Feiertagen; was es gibt, eigene Erzeugnisse getrennt von Zugekauftem; Probierausschank; Abholung von Online-Bestellungen)", "muster": [ "oeffnungszeiten-status" ], "varianten": { "oeffnungszeiten-status": "karte" } }, { "zweck": "Familie und Arbeit im Weinberg (wer hier arbeitet, als Satz mit kleinen Porträts; Arbeit im Jahr; Bio- oder Öko-Angaben nur mit Kontrollstellen-Nummer)", "muster": [ "team-ueber-mich-layout", "logo-wand-social-proof" ], "varianten": { "team-ueber-mich-layout": "statement", "logo-wand-social-proof": "siegel-nachweis" } }, { "zweck": "Ferienzimmer (nur, wenn es sie gibt: Zimmer mit Lagennamen, Preis pro Nacht inkl. MwSt., Anfrage; Online-Buchung nur mit eigener Booking-Engine)", "muster": [ "css-native-karussell", "kontakt-anfrage-formular" ], "varianten": { "css-native-karussell": "peek" } }, { "zweck": "Anfahrt und Kontakt (Adresse als Text, Parken, Bus und Wanderweg durch die Lagen, Karte per 2-Klick)", "muster": [ "karte-zwei-klick", "firmendaten-strukturiert" ], "varianten": { "karte-zwei-klick": "bild", "firmendaten-strukturiert": "friseur" } }, { "zweck": "Weinbrief (wenige Briefe im Jahr, an die Saison gebunden: Jahrgangsvorstellung, Hoffest, Lese; im dunklen Footer neben Öffnungszeiten)", "muster": [ "footer-newsletter-mit-persoenlichkeit" ], "varianten": { "footer-newsletter-mit-persoenlichkeit": "saison" } }, { "zweck": "Vertrag widerrufen, Weinabo kündigen und Barrierefreiheit (Footer und mobiles Menü, ohne Login; Erklärung nach BFSG, wenn der Shop an Verbraucher verkauft und das Weingut kein Kleinstunternehmen ist)", "muster": [ "widerruf-und-kuendigung-schaltflaeche", "barrierefreiheit-seite" ], "varianten": { "widerruf-und-kuendigung-schaltflaeche": "richtig", "barrierefreiheit-seite": "bfsg" } } ], "scroll": [], "schrift_animation": [], "hover": [ "bild-zoom-in-maske" ], "cursor": [], "mikro": [ "einblenden-starting-style", "animiertes-select", "checkbox-radio-animiert" ], "material": [], "galerie": [ "css-native-karussell", "galerie-shared-element-vollbild" ], "footer": [ "footer-newsletter-mit-persoenlichkeit" ], "button": [ "button-zustaende", "kontur-button-zeichnen" ], "hero_varianten": { "foto-hero": "bildunterschrift" } }, "signatur": [ "tiefenkarten-relighting" ], "varianten_demo": { "kontur-button-zeichnen": "ecken", "footer-newsletter-mit-persoenlichkeit": "saison", "bild-zoom-in-maske": "basis", "gap-decorations-raster": "kenndaten", "css-native-karussell": "produktreihe", "galerie-shared-element-vollbild": "produkt" }, "nicht_verwenden": [ "in-den-warenkorb-flug / like-herz-burst – Signatur von d2c-produkt-zuerst; hier bestätigt der Drawer ruhig, was im Korb liegt", "live-uhr-und-standort – Signatur von gastro-warm-appetitlich; der Hofladen zeigt den Status aus echten Zeiten", "bento-grid-interaktiv – das Produkt-Bento gehört zu d2c; Weine stehen als Liste nach Lage und Jahrgang", "webgl-bildverzerrung / svg-filter-verzerrung – verfälschen Lagen- und Flaschenfotos", "smooth-scroll-lenis – stört Filter, Drawer und Checkout", "konfetti-erfolg – nach dem Kauf eine ruhige Bestätigung mit Lieferzeit", "zahlen-odometer – „seit 1648“ wird nicht hochgezählt", "marquee-laufband – unruhig neben Preisen und Pflichtangaben", "Altersabfrage als Sperrbildschirm vor dem ersten Inhalt – vom Jugendschutzgesetz nicht verlangt, schützt nicht wirksam und verzögert den ersten Bildschirm; geprüft wird bei der Übergabe", "Weinglas-, Korken- und Trauben-Stockfotos, Holzmaserung, Rebenranken als Ornament – Klischee; eigene Fotos von Lage, Keller, Hof und Menschen", "„bekömmlich“, „gesund“, „wohltuend“ – gesundheitsbezogene Angaben sind bei Getränken über 1,2 % vol unzulässig", "„nachhaltig“, „naturnah“, „klimaneutral“ ohne Nachweis – Umweltaussagen nur mit Beleg (Leitfaden 8a)" ], "optional": [ "gap-decorations-raster", "sektionskante-shape" ], "regeln": [ "Erster Bildschirm: echtes Foto der Lage oder des Hofs mit Ort als Bildunterschrift, ein Satz zur Herkunft, zwei Wege „Weine entdecken“ und „Weinprobe & Hoffest“, im Kopf der Hofladen-Status aus echten Zeiten.", "Herkunft führt: Jeder Wein nennt Lage, Jahrgang und Rebsorte und verlinkt die Lage; jede Lage nennt Boden, Ausrichtung und ihre Weine (wie Bürgerspital mit der Lage als Filter, Wittmann mit Karte je Lage).", "Preise (Preisangabenverordnung): Gesamtpreis inkl. MwSt. und Grundpreis je Liter bei jedem Preis, auch in Liste, Reihe, Kaufbox und Warenkorb; kein Gesamtpreis ohne Grundpreis. Versandkosten und Lieferzeit vor dem Kauf, Pfand getrennt, Streichpreise nur mit dem niedrigsten Preis der letzten 30 Tage (§ 11 PAngV). Bestellknopf „zahlungspflichtig bestellen“. Vom Kunden prüfen lassen.", "Pflichtangaben am Wein (wein-steckbrief-pflichtangaben): Alkoholgehalt in % vol in ganzen oder halben Einheiten, „enthält Sulfite“, Füllmenge, Herkunft („Wein aus Deutschland“, Anbaugebiet), Erzeugerabfüllung oder Abfüller mit vollständiger Anschrift. Bei Weinen, die nach dem 08.12.2023 hergestellt wurden, Zutatenverzeichnis und Nährwerte vollständig auf der Weinseite, nicht nur als Link oder QR-Code. Alle Angaben des Etiketts stehen vor dem Kauf im Shop. Vom Kunden prüfen lassen.", "Das E-Label hinter dem QR-Code der Flasche ist nicht die eigene Website: neutral, ohne Werbung, ohne Shop-Link, ohne Cookies und Tracking (LGL Bayern). Die Website verlinkt es nicht als Werbefläche und ersetzt mit ihm nicht die Angaben im Shop.", "Jugendschutz (§ 9 JuSchG): Wein, Sekt und Bier nicht an unter 16-Jährige, Spirituosen und spirituosenhaltige Getränke nicht an unter 18-Jährige. Geprüft wird bei der Übergabe: Versand mit Alters- und Identitätsprüfung (etwa DHL Ident-Check), Abholung im Hofladen mit Ausweis. Ein Klick „Ich bin über 18“ reicht nicht. Eine Altersabfrage beim Betreten ist nicht vorgeschrieben; wünscht der Kunde sie, dann als kleiner Dialog, der Inhalte für Suchmaschinen und Screenreader nicht sperrt. Vom Kunden prüfen lassen.", "Werbung: keine gesundheitsbezogenen Angaben bei Getränken über 1,2 % vol (Art. 4 Abs. 3 VO (EG) 1924/2006); keine Ansprache von Jugendlichen; Bio und Öko nur mit Zertifikat und Kontrollstellen-Nummer (wie Gut Wulksfelde mit „DE-ÖKO-006“ im Footer); Umweltaussagen nur mit Nachweis.", "Verträge: Widerrufs-Button „Vertrag widerrufen“ im Footer und mobilen Menü; Weinabo oder Weinclub als Dauervertrag zusätzlich mit „Verträge hier kündigen“ (widerruf-und-kuendigung-schaltflaeche, Variante richtig). Tickets für Weinproben mit festem Termin haben kein Widerrufsrecht (§ 312g Abs. 2 Nr. 9 BGB); für Subskription gilt eine eigene Ausnahme (§ 312g Abs. 2 Nr. 5 BGB), nur nach Prüfung nutzen. Texte vom Kunden.", "Hofladen: Öffnungszeiten aus einer Quelle (firmendaten-strukturiert) mit Sonderzeiten für Lese, Hoffest und Feiertage; eigene Erzeugnisse getrennt von Zugekauftem kennzeichnen. Werden andere Lebensmittel online verkauft, gelten dieselben Pflichtangaben vor dem Kauf (Zutaten, Allergene, Hersteller).", "Signatur (tiefenkarten-relighting, Variante sonne) im Kapitel Herkunft, nicht im Hero: echtes Lagenfoto mit Tiefenkarte; das Licht folgt dem Zeiger, auf Touch ein Regler „Tageszeit“ statt Gyroskop. Bildunterschrift „Licht interaktiv simuliert“. Standbild als Rückfall ohne WebGL, bei reduzierter Bewegung und auf schwachen Geräten; three.js erst beim Erreichen der Sektion laden. Text liegt als HTML neben dem Bild, nie auf dem Canvas.", "Typografie: EB Garamond für Headlines, Lagen und Geschichten, Fließtext mindestens 20 px; DM Mono für jede Zahl (Preis, Grundpreis, Jahrgang, % vol, Füllmenge, Analysewerte) und für Labels in Versal; Mediävalziffern nur im Fließtext.", "Bewegung: nur Bilder, nur einmal (Masken-Reveal 1,6 s, Zurückskalieren 2,2 s, sine.inOut); Shop, Filter, Drawer und Formulare in 300 ms auf und 200 ms zu. Nichts bewegt sich von selbst.", "Knöpfe: Buntsandstein gefüllt mit allen Zuständen (Laden, Erfolg „Im Warenkorb“) nur für Kaufen und Tickets; Nebenwege als Kontur mit Eckklammern wie die Passermarken eines Etiketts. Ein Knopfsystem, Trefferfläche mindestens 44 px.", "Ferienzimmer sind Beiwerk: Preis pro Nacht inkl. MwSt., Hinweis auf Gästebeitrag, wo er erhoben wird; Anfrage statt Buchungsleiste, solange es keine Booking-Engine gibt (wie Dr. Loosen).", "Pflichtangaben (Leitfaden 8a): Impressum, Datenschutzerklärung, AGB, Widerrufsbelehrung, Zahlungsarten, Erklärung zur Barrierefreiheit. Für Non-Food im Shop (Gläser, Geschenkkisten) Hersteller und Sicherheitsangaben nach GPSR. Claude schreibt keine Rechtstexte, alles vom Kunden prüfen lassen." ], "varianten": [ { "name": "Brennerei / Edelbrand-Manufaktur", "hinweis": "Spirituosen nicht an unter 18-Jährige: Zustellung mit Ident-Prüfung ab 18, auch bei gemischten Kartons mit Wein. An die Stelle der Lage tritt die Herkunft des Obstes (Streuobstwiese, Sorte, Erntejahr), an die Stelle des Jahrgangsberichts „Ernte und Brand“. Pflichtangaben je Brand: % vol, Füllmenge, Grundpreis je Liter (0,35 l, 0,5 l), Hersteller mit Anschrift; ob Zutaten und Nährwerte nötig sind, regelt anderes Recht als beim Wein, vom Kunden prüfen lassen. Signatur bleibt: das Licht über der Obstwiese.", "sektionen": [ "Brände nach Frucht und Reihe (facettenfilter-ergebnisliste, Variante leiste)", "Brand-Seite mit Steckbrief und Kaufbox (wein-steckbrief-pflichtangaben für Spirituosen, produkt-kaufbox-varianten Variante seite)", "Obst und Herkunft (tiefenkarten-relighting Variante sonne, lagen-steckbrief-karte für Wiesen und Bäume)", "Vom Obst zum Brand (prozess-timeline-wachsende-linie)", "Brennereiführung und Tasting (programm-kalender nur ab etwa acht Terminen im Monat, sonst Liste)", "Hofladen, Anfahrt, Widerruf und Barrierefreiheit wie im Rezept" ], "weglassen": [ "Der Jahrgang (ersetzt durch „Ernte und Brand“)", "Ferienzimmer, wenn es keine gibt" ], "muster_zusatz": [ "prozess-timeline-wachsende-linie" ] }, { "name": "Hofladen ohne Onlineshop", "hinweis": "Hauptziel ist der Besuch: Öffnungsstatus und „Was es gerade gibt“ stehen ganz oben. Vorbestellen zur Abholung als Anfrage ohne Kauf auf der Seite; ob dabei trotzdem ein Vertrag im Fernabsatz entsteht, vom Kunden prüfen lassen. Werden Preise gezeigt, gilt auch hier der Grundpreis. Wein-Steckbriefe bleiben ohne Kaufbox, Jugendschutz gilt an der Ladenkasse. Signatur bleibt: Licht über Feld, Wiese oder Lage.", "sektionen": [ "Heute geöffnet und Sonderzeiten (oeffnungszeiten-status Variante karte)", "Was es gerade gibt (Saisonliste mit eigenen Erzeugnissen und Partnerware getrennt)", "Vorbestellen zur Abholung (kontakt-anfrage-formular)", "Hof und Herkunft (tiefenkarten-relighting Variante sonne)", "Hoffeste, Führungen, Verkostungen (programm-kalender nur ab etwa acht Terminen im Monat, sonst Liste)", "Anfahrt (karte-zwei-klick)" ], "weglassen": [ "Warenkorb und Versand", "Kaufbox auf der Weinseite", "Widerrufs- und Kündigungs-Button (nur ohne Online-Verträge; vom Kunden prüfen lassen)" ], "muster_zusatz": [] } ], "template_tauglich": true, "aufwand": "hoch", "leistung": "Hero-Foto AVIF mit fetchpriority=high, einmaliges Zurückskalieren nur per transform. Weinlisten als HTML aus einer Datenquelle, Filter ohne Neuladen, Drawer als natives dialog. Signatur mit three.js erst beim Erreichen der Herkunft-Sektion laden (Bild und Tiefenkarte in einer Auflösung, Pixelratio höchstens 1.5), sonst Standbild; LCP und INP bleiben davon frei. EB Garamond (wght normal und italic) als Variable-Dateien, DM Mono 400 und 500, nur Latin. Ticketsystem, Karte und Booking-Engine erst nach Klick. sofort-navigation-vorladen für Weine, Lagen und Termine, nie für Warenkorb, Checkout und Danke-Seite.", "offen": [ "Referenzen nur inhaltlich per WebFetch geprüft; Schriften, Farben und Kurven der Vorbilder nicht gemessen. Eine Wein-Produktseite von Wittmann war nicht abrufbar (Fehler der Seite), die Lagenseite des Bürgerspitals zeigt keine Preise; die Pflichtangaben im Shop sind deshalb aus den Rechtsquellen abgeleitet, nicht an einer Referenz beobachtet.", "Fehlende Bausteine: wein-steckbrief-pflichtangaben und lagen-steckbrief-karte (beschrieben in weingut-hofladen-herkunft-fehlend.md). Die Prüfung meldet beide ids als unbekannt, bis die Demos gebaut sind.", "Signatur tiefenkarten-relighting: Die Demo spielt in der Hotel-Welt (Ansitz am Rosengarten); die Variante sonne nennt Weingüter ausdrücklich. Für die Kundenseite braucht jedes Lagenfoto eine Tiefenkarte (KI-Tiefenschätzung); Leistungskosten laut index.json mittel.", "Leitfaden A4 nennt die Rezepte mit Mono-Akzent von Hand; weingut-hofladen-herkunft muss dort ergänzt werden.", "Die Brennerei-Variante hat keine eigene Referenz: die Stählemühle war per WebFetch nicht erreichbar.", "Animationsstil token-luxus-weich teilt sich das Rezept mit boutique-hotel-gastgeber, mode-beauty-kollektion und bestattung-wuerdig; Unterschied liegt in Schrift, Farbe und Signatur." ], "stimmung_tags": [ "warm", "ruhig" ], "raum": { "basis_px": 8, "skala_px": [ 4, 8, 12, 16, 24, 32, 48, 64, 96, 144 ], "sektion": "clamp(72px, 9vw, 144px)", "dichte": "mittel", "hinweis": "Wie ein Etikett: Weinzeilen mit Jahrgang, Füllmenge, Preis und Grundpreis eng (4 bis 8 px), Lagen-Kapitel mit viel Luft." }, "raster": { "spalten": 12, "rand": "clamp(16px, 4vw, 56px)", "spalt": "clamp(16px, 2vw, 32px)", "max_breite": "1320px", "hinweis": "Sortiment als Liste oder 3er-Raster, Lage als Filter. Lagen-Kapitel 7/5 (Foto/Steckbrief), Kaufbox auf Löss." }, "form": { "radius_klein": "0", "radius_gross": "0", "pille": false, "linie": "1px #D8CFC0 als Etikett-Rahmen um Kaufbox und Steckbrief", "schatten": "keiner", "hinweis": "Eckig wie ein Etikett. Nebenwege als Kontur mit Eckklammern (kontur-button-zeichnen, Variante ecken), Buntsandstein gefüllt nur für Kaufen und Tickets." }, "bildsprache": { "licht": "Echtes Licht in der Lage, früher Morgen oder Abend; Hof und Keller im Arbeitslicht.", "ausschnitt": "Hang in der Totale, Boden und Rebe im Detail, Flasche als ruhiger Freisteller.", "personen": "Ja: Winzer:in und Team bei der Arbeit; Gäste bei Proben nur mit Einwilligung.", "formate": [ "3:2", "4:5", "1:1" ], "nicht": "Keine Weinglas- oder Trauben-Stockfotos, keine Gesundheitsversprechen, keine Ansprache Jugendlicher, kein Altersabfrage-Fenster vor dem ersten Bild." }, "ton": { "anrede": "Sie", "saetze": "Klar und erzählend in der Herkunft, nüchtern in den Zahlen (Jahrgang, % vol, Preis je Liter).", "haltung": "Bodenständig und warm. Herkunft führt, nicht Werbung. Ein junges Weingut darf duzen, dann durchgehend.", "beispiele": [ "Riesling von der Lage [Name], Schiefer, Südhang. 2023.", "Hoffest am [Datum]: Weinprobe ab 14 Uhr im Hof." ], "nicht": "„edler Tropfen“, „Genuss pur“, gesundheitsbezogene Angaben, „Bio“ ohne Kontrollstellen-Nummer." }, "hero_aufbau": { "raster": "12 Spalten: Foto der Lage randlos oder über 8 Spalten, Satz zur Herkunft über Spalte 1 bis 6 darunter oder daneben.", "bild": "Echtes Foto der Hauptlage oder des Hofs, 3:2 Desktop, 4:5 mobil; Ort und Lage als Bildunterschrift in DM Mono.", "h1": "clamp(2.75rem, 1.6rem + 5vw, 6rem), EB Garamond 400, links unter dem Bild.", "handlung": "„Weine entdecken“ (Buntsandstein gefüllt) und „Weinprobe & Hoffest“ (Kontur mit Eckklammern).", "zusatz": "Hofladen-Status aus echten Zeiten im Kopf; Bildunterschrift Ort · Lage in DM Mono 0.75rem Versal." }, "url": "https://cecodesign.de/lab/fundus/rezepte/weingut-hofladen-herkunft/", "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/weingut-hofladen-herkunft/tokens.css", "bauplan": "https://cecodesign.de/lab/fundus/rezepte/weingut-hofladen-herkunft/bauplan.txt", "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/weingut-hofladen-herkunft/rezept.json", "nicht_verwenden_ids": [ { "ids": [ "in-den-warenkorb-flug", "like-herz-burst" ], "grund": "Signatur von d2c-produkt-zuerst; hier bestätigt der Drawer ruhig, was im Korb liegt" }, { "ids": [ "live-uhr-und-standort" ], "grund": "Signatur von gastro-warm-appetitlich; der Hofladen zeigt den Status aus echten Zeiten" }, { "ids": [ "bento-grid-interaktiv" ], "grund": "das Produkt-Bento gehört zu d2c; Weine stehen als Liste nach Lage und Jahrgang" }, { "ids": [ "webgl-bildverzerrung", "svg-filter-verzerrung" ], "grund": "verfälschen Lagen- und Flaschenfotos" }, { "ids": [ "smooth-scroll-lenis" ], "grund": "stört Filter, Drawer und Checkout" }, { "ids": [ "konfetti-erfolg" ], "grund": "nach dem Kauf eine ruhige Bestätigung mit Lieferzeit" }, { "ids": [ "zahlen-odometer" ], "grund": "„seit 1648“ wird nicht hochgezählt" }, { "ids": [ "marquee-laufband" ], "grund": "unruhig neben Preisen und Pflichtangaben" }, { "ids": [], "grund": "Altersabfrage als Sperrbildschirm vor dem ersten Inhalt – vom Jugendschutzgesetz nicht verlangt, schützt nicht wirksam und verzögert den ersten Bildschirm; geprüft wird bei der Übergabe" }, { "ids": [], "grund": "Weinglas-, Korken- und Trauben-Stockfotos, Holzmaserung, Rebenranken als Ornament – Klischee; eigene Fotos von Lage, Keller, Hof und Menschen" }, { "ids": [], "grund": "„bekömmlich“, „gesund“, „wohltuend“ – gesundheitsbezogene Angaben sind bei Getränken über 1,2 % vol unzulässig" }, { "ids": [], "grund": "„nachhaltig“, „naturnah“, „klimaneutral“ ohne Nachweis – Umweltaussagen nur mit Beleg (Leitfaden 8a)" } ], "alle_muster": [ { "id": "tiefenkarten-relighting", "rolle": "Signatur", "demo": true, "meta": "https://cecodesign.de/lab/fundus/3d-webgl/tiefenkarten-relighting/meta.json", "variante": "sonne", "demo_url": "https://cecodesign.de/lab/fundus/3d-webgl/tiefenkarten-relighting/demo?v=sonne" }, { "id": "foto-hero", "rolle": "Hero", "demo": true, "meta": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/meta.json", "variante": "bildunterschrift", "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/demo?v=bildunterschrift" }, { "id": "facettenfilter-ergebnisliste", "rolle": "Sektion: Weine nach Linie und Jahrgang (Guts-, Orts- und Lagenweine; Filter nach Farbe, Rebsorte, Geschmack, Lage und Jahrgang erst ab etwa 15 Weinen, sonst eine Liste; jede Zeile mit Jahrgang, Füllmenge, Preis und Grundpreis je Liter; ausgetrunkene Jahrgänge bleiben mit Hinweis sichtbar; auf der Startseite eine Reihe mit fünf bis acht Weinen)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/sektionen/facettenfilter-ergebnisliste/meta.json", "variante": "leiste", "demo_url": "https://cecodesign.de/lab/fundus/sektionen/facettenfilter-ergebnisliste/demo?v=leiste" }, { "id": "css-native-karussell", "rolle": "Sektion: Weine nach Linie und Jahrgang (Guts-, Orts- und Lagenweine; Filter nach Farbe, Rebsorte, Geschmack, Lage und Jahrgang erst ab etwa 15 Weinen, sonst eine Liste; jede Zeile mit Jahrgang, Füllmenge, Preis und Grundpreis je Liter; ausgetrunkene Jahrgänge bleiben mit Hinweis sichtbar; auf der Startseite eine Reihe mit fünf bis acht Weinen)", "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", "varianten_je_rolle": [ { "rolle": "Sektion: Weine nach Linie und Jahrgang (Guts-, Orts- und Lagenweine; Filter nach Farbe, Rebsorte, Geschmack, Lage und Jahrgang erst ab etwa 15 Weinen, sonst eine Liste; jede Zeile mit Jahrgang, Füllmenge, Preis und Grundpreis je Liter; ausgetrunkene Jahrgänge bleiben mit Hinweis sichtbar; auf der Startseite eine Reihe mit fünf bis acht Weinen)", "variante": "produktreihe", "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/demo?v=produktreihe" }, { "rolle": "Sektion: Ferienzimmer (nur, wenn es sie gibt: Zimmer mit Lagennamen, Preis pro Nacht inkl. MwSt., Anfrage; Online-Buchung nur mit eigener Booking-Engine)", "variante": "peek", "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/demo?v=peek" } ] }, { "id": "karussell-steuerung", "rolle": "Sektion: Weine nach Linie und Jahrgang (Guts-, Orts- und Lagenweine; Filter nach Farbe, Rebsorte, Geschmack, Lage und Jahrgang erst ab etwa 15 Weinen, sonst eine Liste; jede Zeile mit Jahrgang, Füllmenge, Preis und Grundpreis je Liter; ausgetrunkene Jahrgänge bleiben mit Hinweis sichtbar; auf der Startseite eine Reihe mit fünf bis acht Weinen)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/galerien-slider/karussell-steuerung/meta.json", "variante": "fortschritt", "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/karussell-steuerung/demo?v=fortschritt" }, { "id": "wein-steckbrief-pflichtangaben", "rolle": "Sektion: Weinseite (Steckbrief mit allen Pflichtangaben am Wein: Alkohol in % vol, „enthält Sulfite“, Füllmenge, Herkunft, Erzeugerabfüllung mit Anschrift, Zutaten und Nährwerte bei Weinen, die nach dem 08.12.2023 hergestellt wurden; Kaufbox für Flasche, Magnum oder Karton; Lage und Boden als Link)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/sektionen/wein-steckbrief-pflichtangaben/meta.json" }, { "id": "produkt-kaufbox-varianten", "rolle": "Sektion: Weinseite (Steckbrief mit allen Pflichtangaben am Wein: Alkohol in % vol, „enthält Sulfite“, Füllmenge, Herkunft, Erzeugerabfüllung mit Anschrift, Zutaten und Nährwerte bei Weinen, die nach dem 08.12.2023 hergestellt wurden; Kaufbox für Flasche, Magnum oder Karton; Lage und Boden als Link)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/sektionen/produkt-kaufbox-varianten/meta.json", "variante": "seite", "demo_url": "https://cecodesign.de/lab/fundus/sektionen/produkt-kaufbox-varianten/demo?v=seite" }, { "id": "galerie-shared-element-vollbild", "rolle": "Sektion: Weinseite (Steckbrief mit allen Pflichtangaben am Wein: Alkohol in % vol, „enthält Sulfite“, Füllmenge, Herkunft, Erzeugerabfüllung mit Anschrift, Zutaten und Nährwerte bei Weinen, die nach dem 08.12.2023 hergestellt wurden; Kaufbox für Flasche, Magnum oder Karton; Lage und Boden als Link)", "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": "eu-gewaehrleistungshinweis", "rolle": "Sektion: Weinseite (Steckbrief mit allen Pflichtangaben am Wein: Alkohol in % vol, „enthält Sulfite“, Füllmenge, Herkunft, Erzeugerabfüllung mit Anschrift, Zutaten und Nährwerte bei Weinen, die nach dem 08.12.2023 hergestellt wurden; Kaufbox für Flasche, Magnum oder Karton; Lage und Boden als Link)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/sektionen/eu-gewaehrleistungshinweis/meta.json", "variante": "kaufbox", "demo_url": "https://cecodesign.de/lab/fundus/sektionen/eu-gewaehrleistungshinweis/demo?v=kaufbox" }, { "id": "warenkorb-drawer", "rolle": "Sektion: Warenkorb und Versand (Drawer mit Grundpreis und MwSt.; Versandkosten je Karton, Lieferzeit, Zustellung nur mit Alters- und Identitätsprüfung; Abholung im Hofladen als Versandart)", "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": "lagen-steckbrief-karte", "rolle": "Sektion: Herkunft: Lagen und Boden (Lagenfoto, über das man die Sonne zieht; je Lage Boden, Ausrichtung, Neigung, Höhe, Rebsorten, Klassifikation und die Weine daraus; Übersichtskarte als eigene Zeichnung ohne Drittanbieter)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/sektionen/lagen-steckbrief-karte/meta.json" }, { "id": "slideshow-innere-gegenparallaxe", "rolle": "Sektion: Herkunft: Lagen und Boden (Lagenfoto, über das man die Sonne zieht; je Lage Boden, Ausrichtung, Neigung, Höhe, Rebsorten, Klassifikation und die Weine daraus; Übersichtskarte als eigene Zeichnung ohne Drittanbieter)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/galerien-slider/slideshow-innere-gegenparallaxe/meta.json", "variante": "ueberblenden", "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/slideshow-innere-gegenparallaxe/demo?v=ueberblenden" }, { "id": "editorial-magazin-layout", "rolle": "Sektion: Der Jahrgang (Lesebericht des aktuellen Jahrgangs: Wetter, Lese, Stil, Menge; einmal im Jahr als Magazinbeitrag, ältere Jahrgänge als Archiv)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/meta.json", "variante": "magazin", "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=magazin" }, { "id": "programm-kalender", "rolle": "Sektion: Weinproben und Hoffeste (Datum, Uhrzeit, Dauer, Preis pro Person, freie Plätze, Buchung; als Liste nach Monat, erst ab etwa acht Terminen im Monat als Kalender; Tickets über das Ticketsystem erst nach Klick; Gruppen auf Anfrage)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/sektionen/programm-kalender/meta.json", "variante": "programm", "demo_url": "https://cecodesign.de/lab/fundus/sektionen/programm-kalender/demo?v=programm" }, { "id": "termin-buchung-zwei-klick", "rolle": "Sektion: Weinproben und Hoffeste (Datum, Uhrzeit, Dauer, Preis pro Person, freie Plätze, Buchung; als Liste nach Monat, erst ab etwa acht Terminen im Monat als Kalender; Tickets über das Ticketsystem erst nach Klick; Gruppen auf Anfrage)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/meta.json", "variante": "linkout", "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/demo?v=linkout" }, { "id": "oeffnungszeiten-status", "rolle": "Sektion: Hofladen und Vinothek (Öffnungszeiten mit Status, Sonderzeiten zu Lese, Hoffest und Feiertagen; was es gibt, eigene Erzeugnisse getrennt von Zugekauftem; Probierausschank; Abholung von Online-Bestellungen)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json", "variante": "karte", "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=karte" }, { "id": "team-ueber-mich-layout", "rolle": "Sektion: Familie und Arbeit im Weinberg (wer hier arbeitet, als Satz mit kleinen Porträts; Arbeit im Jahr; Bio- oder Öko-Angaben nur mit Kontrollstellen-Nummer)", "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": "logo-wand-social-proof", "rolle": "Sektion: Familie und Arbeit im Weinberg (wer hier arbeitet, als Satz mit kleinen Porträts; Arbeit im Jahr; Bio- oder Öko-Angaben nur mit Kontrollstellen-Nummer)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/meta.json", "variante": "siegel-nachweis", "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/demo?v=siegel-nachweis" }, { "id": "kontakt-anfrage-formular", "rolle": "Sektion: Ferienzimmer (nur, wenn es sie gibt: Zimmer mit Lagennamen, Preis pro Nacht inkl. MwSt., Anfrage; Online-Buchung nur mit eigener Booking-Engine)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json" }, { "id": "karte-zwei-klick", "rolle": "Sektion: Anfahrt und Kontakt (Adresse als Text, Parken, Bus und Wanderweg durch die Lagen, 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": "firmendaten-strukturiert", "rolle": "Sektion: Anfahrt und Kontakt (Adresse als Text, Parken, Bus und Wanderweg durch die Lagen, Karte per 2-Klick)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/zugang/firmendaten-strukturiert/meta.json", "variante": "friseur", "demo_url": "https://cecodesign.de/lab/fundus/zugang/firmendaten-strukturiert/demo?v=friseur" }, { "id": "footer-newsletter-mit-persoenlichkeit", "rolle": "Sektion: Weinbrief (wenige Briefe im Jahr, an die Saison gebunden: Jahrgangsvorstellung, Hoffest, Lese; im dunklen Footer neben Öffnungszeiten)", "demo": true, "meta": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/meta.json", "variante": "saison", "demo_url": "https://cecodesign.de/lab/fundus/footer/footer-newsletter-mit-persoenlichkeit/demo?v=saison" }, { "id": "widerruf-und-kuendigung-schaltflaeche", "rolle": "Sektion: Vertrag widerrufen, Weinabo kündigen und Barrierefreiheit (Footer und mobiles Menü, ohne Login; Erklärung nach BFSG, wenn der Shop an Verbraucher verkauft und das Weingut kein Kleinstunternehmen ist)", "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, Weinabo kündigen und Barrierefreiheit (Footer und mobiles Menü, ohne Login; Erklärung nach BFSG, wenn der Shop an Verbraucher verkauft und das Weingut kein Kleinstunternehmen ist)", "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": "native-popover-dropdowns", "rolle": "Navigation", "demo": true, "meta": "https://cecodesign.de/lab/fundus/navigation/native-popover-dropdowns/meta.json" }, { "id": "sticky-shrink-header", "rolle": "Navigation", "demo": true, "meta": "https://cecodesign.de/lab/fundus/navigation/sticky-shrink-header/meta.json" }, { "id": "bild-zoom-in-maske", "rolle": "Hover", "demo": true, "meta": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/meta.json", "variante": "basis", "demo_url": "https://cecodesign.de/lab/fundus/hover/bild-zoom-in-maske/demo?v=basis" }, { "id": "einblenden-starting-style", "rolle": "Mikroanimation", "demo": true, "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json" }, { "id": "animiertes-select", "rolle": "Mikroanimation", "demo": true, "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/animiertes-select/meta.json" }, { "id": "checkbox-radio-animiert", "rolle": "Mikroanimation", "demo": true, "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/checkbox-radio-animiert/meta.json" }, { "id": "button-zustaende", "rolle": "Buttons", "demo": true, "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/button-zustaende/meta.json" }, { "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-luxus-weich", "rolle": "Animationsstil", "demo": true, "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-luxus-weich/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": "lesesatz-text-wrap", "rolle": "Schrift-Technik", "demo": true, "meta": "https://cecodesign.de/lab/fundus/typo-techniken/lesesatz-text-wrap/meta.json" }, { "id": "headline-laufweite-zeilenabstand", "rolle": "Schrift-Technik", "demo": true, "meta": "https://cecodesign.de/lab/fundus/typo-techniken/headline-laufweite-zeilenabstand/meta.json" }, { "id": "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": "gap-decorations-raster", "rolle": "Optional", "demo": true, "meta": "https://cecodesign.de/lab/fundus/hero-layouts/gap-decorations-raster/meta.json", "variante": "kenndaten", "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/gap-decorations-raster/demo?v=kenndaten" }, { "id": "sektionskante-shape", "rolle": "Optional", "demo": true, "meta": "https://cecodesign.de/lab/fundus/hero-layouts/sektionskante-shape/meta.json" } ] }