{
 "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": "pflege-dienst-naehe",
 "name": "Pflegedienst: Nähe und Klartext",
 "branche": "Ambulanter Pflegedienst / Tagespflege / Alltagshilfe und Betreuung",
 "stimmung": [
  "nah",
  "verlässlich",
  "klar",
  "warm"
 ],
 "kurz": "Zwei Türen auf einer Seite: Angehörige, die schnell wissen müssen, ob der Dienst zu ihnen kommt und was die Kasse zahlt, und Pflegekräfte, die ihre Bewerbung in einer Minute abschicken wollen. Die größte Schrift und die einfachste Sprache aller Rezepte, echte Gesichter mit Namen und Durchwahl, ein warmes Pflaume statt Klinikblau, Sonnengelb nur für Anrufen, Anfragen und Bewerben. Bewegt wird nur, was jemand selbst öffnet.",
 "referenzen": [
  {
   "seite": "BESSER UMSORGT (ambulanter Pflegedienst, Sinzig)",
   "url": "https://besser-umsorgt.de/karriere.html",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://besser-umsorgt.de/karriere.html und https://besser-umsorgt.de/grundpflege.html",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen, curl war in dieser Sitzung gesperrt): Deutscher KMU-Pflegedienst mit Karriere als zweiter Startseite: H1 „Vielleicht passt es einfach. Finden wir’s heraus.“, sieben Stellen von Pflegefachkraft bis Ausbildung, je Stelle „Das machst du / Das solltest du mitbringen / Das bieten wir“; Bewerbung in 60 Sekunden mit fünf kurzen Fragen, „Kein Anschreiben“, „Kein Lebenslauf erforderlich“, danach Rückruf, Kennenlernen und auf Wunsch Probetag; drei Ansprechpersonen mit Foto; „Feste Touren und feste Bezugspersonen statt ständig wechselnder Einsätze“. Leistungsseite Grundpflege: H1 mit den drei Orten, Ablauf in vier Schritten (anrufen oder Rückruf, kostenlose Beratung zu Hause, Kostenvoranschlag, Start mit festen Ansprechpartnern), Kostenregel ab Pflegegrad 2 in einem Satz, Pflegedienstleitung mit Name und Rolle."
  },
  {
   "seite": "Careship (Alltagshilfe und Betreuung)",
   "url": "https://www.careship.de/preise",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.careship.de/preise und https://www.careship.de/alltagshelfer/heilbronn",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen, curl war in dieser Sitzung gesperrt): Kostenseite gegliedert nach „Wer übernimmt die Kosten? Pflegekasse, Krankenkasse oder privat“ und „Ihre Pflegebudgets im Überblick“ mit Beträgen und Bedingungen je Pflegegrad (Entlastungsbetrag bis 131 € im Monat ab Pflegegrad 1, Verhinderungspflege bis 3.539 € im Jahr ab Pflegegrad 2); PLZ-Feld „Alltagshilfe in Ihrer Nähe finden“. Die Ortsseite Heilbronn nennt Stundenpreise in der FAQ (45 € bzw. 38 €), den städtischen Pflegestützpunkt mit Adresse, drei Schritte (Bedarf besprechen, Finanzierung klären, Unterstützung finden) und beantwortet „Kommt immer dieselbe Person?“ sowie, was ausgeschlossen ist (Wundversorgung, Spritzen)."
  },
  {
   "seite": "Home Instead Deutschland (Betreuung zu Hause, Stellenseite Hamburg)",
   "url": "https://jobs.homeinstead.de/job/betreuungskraft-hamburg-flexibel/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://jobs.homeinstead.de/job/betreuungskraft-hamburg-flexibel/",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen, curl war in dieser Sitzung gesperrt): Stellenseite auch für Quereinsteiger: Qualifikation nach § 53b/§ 53c SGB XI „idealerweise“, sonst über den Arbeitgeber; Einsatzgebiet als Liste von rund 80 Hamburger Postleitzahlen; Kurzbewerbung mit Vorname, Name, Telefon, E-Mail, PLZ und Ja/Nein-Fragen (Qualifikation, Führerschein, Auto), Unterlagen dürfen nachgereicht werden; das Video lädt erst nach „Inhalt entsperren“; „Ruf direkt an“ mit Nummer."
  },
  {
   "seite": "Home Instead UK (Kostenratgeber häusliche Pflege)",
   "url": "https://www.homeinstead.co.uk/advice/care-cost/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.homeinstead.co.uk/advice/care-cost/",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen, curl war in dieser Sitzung gesperrt): Kosten mit Rechenbeispielen als Wochensumme statt nur Stundensatz („7 hours of personal care: £231 per week“, „14 hours of specialist dementia care (mid-stage): £490 per week“), Fragen als echte Zwischenüberschriften („Is home care paid hourly or daily?“, „Do I need to pay for my own home care?“), Regionen als eigene Seiten. Nicht übernehmen: Die Telefonnummer steht nur im Footer."
  },
  {
   "seite": "Buurtzorg (Nachbarschaftspflege, Niederlande / international)",
   "url": "https://www.buurtzorg.com/about-us/buurtzorgmodel/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.buurtzorg.com/about-us/buurtzorgmodel/",
   "beobachtung": "Live geprüft 02.11.2026 (Seite per WebFetch als Text abgerufen; CSS, Schriften und Kurven nicht gemessen, curl war in dieser Sitzung gesperrt): Erklärt Nähe als Organisationsprinzip: „A team of twelve works in a neighborhood“; das Modell beginnt bei der Klientin und geht nach außen (Klient, informelles Netz, Buurtzorg-Team, formelle Netze), Angehörige und Nachbarn sind also Teil der Versorgung. Kurze Sätze, Werte statt Werbesprache („Humanity above bureaucracy“)."
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "literata ist im Katalog eine Fließtextschrift; hier steht sie als Headline (opsz bis 72, wght 600), weil sie in großen Graden ruhig und buchnah bleibt und ihre kräftigen Serifen auch bei schwacher Sehkraft gut zu erkennen sind. atkinson-hyperlegible-next wäre erste Wahl für den Text, steht aber schon in drei Rezepten (Schriften-Regel); hanken-grotesk ist damit in drei Rezepten. Unterschied zu praxis (Hedvig Letters Serif + Google Sans Flex) und immobilien (Libre Caslon Display + Hanken): Literata ist eine Text-Antiqua, keine Display-Serif, und der Text steht hier mindestens 20 px groß.",
  "headline": "literata",
  "text": "hanken-grotesk",
  "akzent": "",
  "groessen": "h1 Literata clamp(2.5rem, 1.8rem + 3vw, 4rem), wght 600, opsz automatisch, Laufweite -0.01em, Zeilenhöhe 1.1; h2 clamp(1.875rem, 1.5rem + 1.6vw, 2.75rem), wght 600; h3 1.5rem. Fließtext Hanken Grotesk mindestens 1.25rem (20 px), wght 400, Zeilenhöhe 1.6, max. 60ch, Absatzabstand 1em; Knöpfe 1.25rem wght 600, mindestens 56 px hoch; Telefonnummer im Kopf 1.5rem wght 700 in Tabellenziffern; kleinste Schrift 1rem, auch in Fußzeile und Formularhinweisen. Fett nur für Telefonnummer und Beträge.",
  "techniken": [
   "lesesatz-text-wrap",
   "optische-groessen-opsz",
   "tabellenziffern",
   "fluide-typo-clamp-cqi"
  ],
  "alternative_eigenprojekt": "Text ranade (ITF, Humanist), Headline sentient (ITF) – nur für Eigenprojekte, nicht für Templates."
 },
 "farbe": {
  "prinzip": "Warmes Weiß als Grund, sehr dunkles Warmgrau statt Schwarz, Pflaume als Hausfarbe für Überschriften, dunkle Sektionen, den Karriere-Bereich und die Fußzeile, Sonnengelb nur für Anrufen, Anfragen und Bewerben. Sekundärtext dunkler als üblich (9 : 1), weil viele Leser älter sind. Gelbe Knöpfe auf hellem Grund mit 2 px Rand in Textfarbe. Kein Klinikblau, kein Mint, keine Verläufe.",
  "beispiel": [
   "#FAF7F2 Grund",
   "#1F1B16 Text (16 : 1)",
   "#5B2A4A Pflaume: Marke, Überschriften, Karriere-Bereich, Fußzeile (Weiß darauf 11 : 1)",
   "#FFC845 Signal Sonnengelb: Anrufen, Anfragen, Bewerben (Text #1F1B16, 11 : 1; auf hellem Grund mit 2 px Rand #1F1B16)",
   "#FFF1CC Hinweisfläche: Kosten, Erreichbarkeit",
   "#4A443D Sekundärtext (9 : 1)",
   "#D8D0C4 Linien"
  ]
 },
 "animationsstil": "token-toggle-asymmetrisch",
 "animationsstil_hinweis": "Bewusst der UI-Stil als Hauptstil: Auf dieser Seite bewegt sich nur, was der Mensch selbst öffnet (Akkordeon, Menü, PLZ-Antwort, Dialog). Dauern auf UI-Maß gekürzt (Spielart „Nur Tempo“ aus dem Steckbrief): öffnen 300 ms mit Ausklang, schließen 200 ms mit Anlauf. Kein eigener animationsstil_ui nötig.",
 "bewegung": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) beim Öffnen, cubic-bezier(0.7, 0, 0.84, 0) beim Schließen (token-toggle-asymmetrisch)",
  "beobachtet": "nicht gemessen: Referenzen nur inhaltlich geprüft (siehe offen); Kurve und Dauern aus dem Animationsstil",
  "dauer_ms": "150 (Farbe, Hover), 300 (Akkordeon, Menü, PLZ-Antwort, Dialog öffnen), 200 (schließen); Fokusring ohne Übergang",
  "regel": "Nichts bewegt sich von selbst: keine Einblendungen beim Scrollen, keine Bild-Reveals, kein Karussell mit Autoplay. Was sich öffnet, öffnet ruhig und schließt schneller. Kein Weg über 8 px, keine Skalierung. Bei prefers-reduced-motion öffnen und schließen alle Teile ohne Übergang.",
  "herkunft": "Kurvenpaar aus token-toggle-asymmetrisch (bau.werte panel: expo.out / expo.in); Dauern nach Leitfaden-Faustregel für UI-Panels (200–350 ms) gekürzt. Referenzen inhaltlich geprüft (WebFetch), CSS nicht gemessen."
 },
 "hero_beschreibung": "Echtes Foto aus dem Team (Pflegekraft im Gespräch, beim Hausbesuch oder am Dienstwagen, mit Einwilligung), daneben ein Satz in einfacher Sprache („Wir pflegen Sie zu Hause – in [Ort], [Ort] und Umgebung.“), die Telefonnummer groß als tel:-Link mit Erreichbarkeit und zwei Wegweiser-Knöpfe „Pflege anfragen“ und „Arbeiten bei uns“. Direkt darunter das Feld „Kommen wir zu Ihnen?“ mit Postleitzahl. Kein Video, keine Stockfotos von Händen.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "mobile-bottom-navigation"
  ],
  "hero": [
   "foto-hero"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Kommen wir zu Ihnen? (Postleitzahl zuerst: Ja, Nein mit Hinweis auf den Pflegestützpunkt, oder „Bitte anrufen“; die Orte zusätzlich als Text; danach Anfrage in kurzen Schritten: wer braucht Hilfe, wobei, ab wann, beste Zeit für den Rückruf)",
    "muster": [
     "mehrschritt-anfrage",
     "formular-fehlerzusammenfassung",
     "validierung-nach-interaktion"
    ],
    "varianten": {
     "mehrschritt-anfrage": "plz",
     "formular-fehlerzusammenfassung": "kompakt"
    }
   },
   {
    "zweck": "Wobei wir helfen – nach Lebenslage („Nach dem Krankenhaus“, „Wenn der Alltag schwer wird“, „Wenn Angehörige Pause brauchen“; Fachwort in Klammern; jede Lage mit eigener Unterseite, Antwort zuerst)",
    "muster": [
     "akkordeon-hoehe-auto",
     "leistungsseite-antwort-zuerst"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "leistungen",
     "leistungsseite-antwort-zuerst": "praxis"
    }
   },
   {
    "zweck": "Was kostet das, was zahlt die Kasse? (Leistungen nach Pflegegrad als Tabelle mit Stand-Datum und Quelle, zwei bis drei Rechenbeispiele in Euro, Hilfe beim Antrag)",
    "muster": [
     "akkordeon-hoehe-auto"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "faq"
    }
   },
   {
    "zweck": "So beginnt die Pflege (Anruf oder Rückruf → Besuch zu Hause → Kostenvoranschlag → feste Bezugspersonen)",
    "muster": [
     "prozess-timeline-wachsende-linie"
    ]
   },
   {
    "zweck": "Ihre Ansprechpersonen (Pflegedienstleitung und Büro mit Foto, Name, Aufgabe, Durchwahl, Sprachen; bis etwa fünf Personen Variante statement, darüber raster)",
    "muster": [
     "team-ueber-mich-layout"
    ],
    "varianten": {
     "team-ueber-mich-layout": "statement"
    }
   },
   {
    "zweck": "Tagespflege (nur bei eigenem Haus: Tagesablauf, Fahrdienst, Probetag, Räume, Zeiten)",
    "muster": [
     "css-native-karussell",
     "oeffnungszeiten-status"
    ],
    "varianten": {
     "css-native-karussell": "buehne",
     "oeffnungszeiten-status": "termin"
    }
   },
   {
    "zweck": "Stimmen und Bewertungen (Google-Profil mit Stand-Datum und Echtheitshinweis; Stimmen von Angehörigen nur mit Freigabe)",
    "muster": [
     "bewertungsprofil-mit-echtheitshinweis"
    ],
    "varianten": {
     "bewertungsprofil-mit-echtheitshinweis": "pille"
    }
   },
   {
    "zweck": "Arbeiten bei uns – zweite Startseite (Stellen offen mit Stunden, Touren, Gehalt oder Tarif, Dienstwagen; Bewerbung in einer Minute mit fünf Fragen, ohne Anschreiben; Kennenlernen oder Probetag; ab vier Stellen mit Filter)",
    "muster": [
     "stellen-karriere",
     "mehrschritt-anfrage",
     "formular-fehlerzusammenfassung"
    ],
    "varianten": {
     "stellen-karriere": "liste",
     "mehrschritt-anfrage": "ring",
     "formular-fehlerzusammenfassung": "kompakt"
    }
   },
   {
    "zweck": "Kontakt und Anfahrt (Rückruf-Formular mit drei Feldern, Telefon mit Erreichbarkeit und Notfallnummern, Büro-Adresse als Text, Karte per 2-Klick; ab zwei Standorten als Liste)",
    "muster": [
     "kontakt-anfrage-formular",
     "oeffnungszeiten-status",
     "karte-zwei-klick",
     "standortfinder-liste",
     "firmendaten-strukturiert"
    ],
    "varianten": {
     "oeffnungszeiten-status": "karte",
     "standortfinder-liste": "kompakt",
     "karte-zwei-klick": "bild",
     "firmendaten-strukturiert": "werkstatt"
    }
   },
   {
    "zweck": "Zwei Wegweiser zum Schluss („Pflege anfragen“ / „Arbeiten bei uns“) mit Telefonnummer – dieselben Wegweiser wie im Hero",
    "muster": [
     "corner-shape-eckenformen"
    ],
    "varianten": {
     "corner-shape-eckenformen": "formen"
    }
   },
   {
    "zweck": "Barrierefreiheit (eigene Seite nach EU-Muster als freiwilliger Aufbau; die Seite hält 200 % Zoom, 320 px Breite und erhöhte Textabstände; Kontrastmodus geprüft)",
    "muster": [
     "barrierefreiheit-seite",
     "zoom-und-textabstand-robust",
     "kontrastmodus-forced-colors"
    ],
    "varianten": {
     "barrierefreiheit-seite": "erklaerung"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [],
  "hover": [],
  "cursor": [],
  "mikro": [
   "corner-shape-eckenformen",
   "checkbox-radio-animiert",
   "einblenden-starting-style",
   "druck-feedback"
  ],
  "material": [],
  "galerie": [
   "css-native-karussell"
  ],
  "footer": [
   "studio-visitenkarte-footer"
  ],
  "button": [
   "button-zustaende",
   "pfeil-icon-button"
  ],
  "hero_varianten": {
   "foto-hero": "split-randabfallend"
  }
 },
 "signatur": [
  "corner-shape-eckenformen"
 ],
 "varianten_demo": {
  "studio-visitenkarte-footer": "praxis",
  "mobile-bottom-navigation": "kontakt",
  "corner-shape-eckenformen": "formen",
  "css-native-karussell": "buehne",
  "pfeil-icon-button": "linie"
 },
 "nicht_verwenden": [
  "cinematic-video-hero / interaktives-3d-hero – lange Ladezeit; die Kernbotschaft ist ein Satz und eine Telefonnummer",
  "hide-on-scroll-header – Telefonnummer und „Pflege anfragen“ müssen immer sichtbar bleiben",
  "marquee-laufband / rotating-words / typewriter-natural – bewegter Text ist für ältere Leser und Screenreader eine Hürde",
  "zahlen-odometer – hochgezählte „1.000 zufriedene Kunden“ wirken unseriös; Zahlen stehen still oder gar nicht",
  "hovercard-interest-invoker – Signatur von praxis; Fachbegriffe hier immer direkt im Text erklären",
  "stapelkarten / bento-grid-interaktiv / flick-karten-stapel – verstecken Inhalte oder verlangen Gesten",
  "frosted-glass-erweitert / progressive-blur – senken den Kontrast unter Kopf und Leisten",
  "smooth-scroll-lenis / cursor-follower-lerp / magnetische-elemente – stören Menschen mit Zittern, Sehschwäche oder Bildschirmlupe",
  "konfetti-erfolg – nach der Anfrage eine ruhige Bestätigung mit Namen und Rückrufzeit",
  "prompt-hero-eingabefeld / ki-streaming-text-denkindikator – kein KI-Chat statt Telefon",
  "kostenrechner-konfigurator – Kassenleistungen sind gesetzlich und ändern sich, Eigenanteile hängen vom Einzelfall ab (wann_nicht); Tabelle mit Stand-Datum und Rechenbeispiele statt Rechner",
  "Stockfotos von alten Händen, Rollatoren und Models in Kitteln – echte Menschen aus dem Dienst, mit Einwilligung",
  "„Leichte Sprache“ als Behauptung – nur mit geprüftem Text nach den Regeln der Leichten Sprache; hier gilt einfache Sprache"
 ],
 "regeln": [
  "Erster Bildschirm: echtes Foto, ein Satz mit Leistung und Orten, Telefonnummer groß mit Erreichbarkeit, zwei Wegweiser „Pflege anfragen“ und „Arbeiten bei uns“, darunter „Kommen wir zu Ihnen?“ mit Postleitzahl.",
  "Größte Schrift aller Rezepte: Fließtext mindestens 1.25rem (20 px), Zeilenhöhe 1.6, höchstens 60ch; Knöpfe 1.25rem und mindestens 56 px hoch; keine Schrift unter 1rem.",
  "Einfache Sprache: Sätze mit höchstens 15 Wörtern, Sie-Form, ein Gedanke pro Satz; Alltagswort zuerst, Fachwort in Klammern („Hilfe beim Waschen (Grundpflege)“); keine Abkürzungen wie SGB oder PG ohne Erklärung.",
  "Zwei Zielgruppen, zwei Wege: Angehörige und Pflegebedürftige zuerst; „Arbeiten bei uns“ als zweite Startseite mit eigenem Punkt in der Navigation und als Wegweiser im Hero, nie zwischen Leistungen versteckt. Navigation mit höchstens fünf Punkten, ohne Untermenüs.",
  "Einzugsgebiet zuerst klären: Postleitzahl mit drei Antworten (Ja; Nein, mit Hinweis auf den Pflegestützpunkt; „Bitte anrufen“), die Orte zusätzlich als Liste im Text (Home Instead führt die Postleitzahlen offen).",
  "Kosten offen: was die Pflegekasse je Pflegegrad zahlt, als Tabelle in Tabellenziffern mit „Stand: Monat Jahr“ und Quelle, dazu zwei bis drei Rechenbeispiele in Euro (wie Home Instead UK mit Wochenbeispielen, Careship mit Budgets je Pflegegrad). Beträge kommen vom Kunden und werden bei jeder Reform geprüft.",
  "Menschen statt Marke: Pflegedienstleitung und Büro mit Foto, Name, Aufgabe und Durchwahl. Feste Bezugspersonen und feste Touren nur versprechen, wenn der Dienst so arbeitet (wie BESSER UMSORGT).",
  "Bewerbung in einer Minute: höchstens fünf kurze Fragen (Beruf, Stunden, Führerschein, Ort, Telefon), kein Anschreiben, kein Lebenslauf, Unterlagen später; danach Rückruf und Kennenlernen oder Probetag. Jede Stelle nennt Stunden, Gehalt oder Tarif, Dienstwagen und Tourenzeiten; Stellen mit (m/w/d).",
  "Gesundheitsdaten nicht abfragen: Anfrage ohne Diagnose, Pflegegrad nur als freiwillige Auswahl; Datenschutzhinweis direkt am Formular; Bewerberdaten getrennt behandeln (vom Kunden prüfen lassen).",
  "Pflichtangaben und Recht (Leitfaden 8a): Impressum mit Träger und Vertretungsberechtigten, weitere Pflichtangaben (z. B. zur Zulassung durch die Pflegekassen) vom Kunden prüfen lassen; im Footer „Bei Lebensgefahr: 112“ und die Nummer für Notfälle außerhalb der Bürozeiten, falls es sie gibt. Claude schreibt keine Rechtstexte.",
  "Fotos von Pflegebedürftigen nur mit ausdrücklicher Einwilligung und in würdiger Lage; lieber Team, Dienstwagen, Büro und Tagespflege-Räume.",
  "Bewegung nur, wo etwas auf- oder zugeht (Akkordeon, Menü, PLZ-Antwort, Dialog): öffnen 300 ms, schließen 200 ms. Keine Einblendungen beim Scrollen, nichts bewegt sich von selbst.",
  "Wegweiser-Knöpfe (corner-shape-eckenformen, Variante formen) zeigen mit der Spitze in die Richtung ihres Wegs; wo border-shape fehlt, greift der clip-path-Rückfall. Der Fokusring liegt außen auf einem eigenen Rahmen, damit der Zuschnitt ihn nicht abschneidet; die Beschriftung trägt die Aussage, nicht die Form.",
  "Gelbe Knöpfe auf hellem Grund mit 2 px Rand in Textfarbe (Nicht-Text-Kontrast 3 : 1), auf Pflaume ohne Rand. Die untere Mobilleiste (mobile-bottom-navigation) zeigt Anrufen, Rückruf, Anfahrt und verdeckt das Consent-Banner nicht.",
  "Die Seite hält 200 % Zoom, 320 px Breite und erhöhte Textabstände ohne Abschneiden (zoom-und-textabstand-robust); Kontrastmodus prüfen (kontrastmodus-forced-colors)."
 ],
 "varianten": [
  {
   "name": "Tagespflege",
   "hinweis": "Startseite mit Tagesablauf, Fahrdienst und Probetag. Kosten getrennt nach Pflegekasse und Eigenanteil (Verpflegung, Investitionskosten); Beträge kommen vom Kunden, mit Stand-Datum.",
   "sektionen": [
    "Ein Tag bei uns (prozess-timeline-wachsende-linie von der Abholung bis zur Heimfahrt)",
    "Räume und Garten (css-native-karussell, Variante buehne)",
    "Probetag vereinbaren (kontakt-anfrage-formular)",
    "Fahrdienst und Einzugsgebiet"
   ],
   "weglassen": [
    "Wobei wir helfen – auf drei Lebenslagen kürzen"
   ],
   "muster_zusatz": []
  },
  {
   "name": "Alltagshilfe und Betreuung (ohne Pflege)",
   "hinweis": "Kostenteil auf Entlastungsbetrag und private Zahlung zuschneiden (wie Careship: Stundenpreis offen, Abrechnung mit der Kasse erklärt); was nicht dazugehört (Wundversorgung, Spritzen), ausdrücklich nennen. Bewerbung auch für Quereinsteiger mit Qualifizierung (wie Home Instead).",
   "sektionen": [
    "Wobei wir helfen (Haushalt, Begleitung, Gesellschaft)",
    "Was kostet eine Stunde? (Stundenpreis, Mindestdauer, Abrechnung)",
    "Kommt immer dieselbe Person? (FAQ)"
   ],
   "weglassen": [
    "Behandlungspflege",
    "Tagespflege"
   ],
   "muster_zusatz": []
  }
 ],
 "template_tauglich": true,
 "aufwand": "mittel",
 "leistung": "Leicht und robust: kein Video, kaum JavaScript, native details/summary, Formulare ohne Bibliothek. Literata (mit opsz) und Hanken Grotesk als Variable-Dateien, nur Latin. Die Seite muss auf alten Tablets und langsamen Leitungen schnell sein: Hero-Foto AVIF mit fetchpriority=high, feste Seitenverhältnisse. Karte und Bewertungs-Widget erst nach Klick. sofort-navigation-vorladen nur für Leistungs-, Kosten- und Karriereseiten, nie für Formular-Ergebnisse.",
 "offen": [
  "Referenzen nur inhaltlich per WebFetch geprüft; Schriften, Farben und Kurven der Vorbilder nicht gemessen (curl war in dieser Sitzung gesperrt).",
  "Signatur corner-shape-eckenformen ist eine leise Signatur (Form der Wegweiser); kein anderes ungenutztes Muster passt zur Branche. AD prüfen, ob sie reicht.",
  "Hausnotruf (in der Lückenanalyse unter R3 genannt) bewusst nicht abgedeckt.",
  "Das Rezept nennt bewusst keine Leistungsbeträge der Pflegekasse; die Zahlen in den Referenzen (Careship) sind Stand des Abrufs."
 ],
 "stimmung_tags": [
  "warm",
  "ruhig"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   8,
   12,
   16,
   24,
   32,
   40,
   56,
   72,
   96,
   128
  ],
  "sektion": "clamp(64px, 8vw, 120px)",
  "dichte": "luftig",
  "hinweis": "Großzügig für große Schrift: kein Abstand unter 8 px, Knöpfe mindestens 56 px hoch, Absatzabstand 1em. Hält 200 % Zoom und erhöhte Textabstände."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(20px, 5vw, 56px)",
  "spalt": "clamp(20px, 3vw, 40px)",
  "max_breite": "1200px",
  "hinweis": "Höchstens zwei Spalten nebeneinander, mobil eine. Text auf 60ch. Navigation mit höchstens fünf Punkten ohne Untermenü."
 },
 "form": {
  "radius_klein": "8px",
  "radius_gross": "12px",
  "pille": false,
  "linie": "2px #1F1B16 um gelbe Knöpfe auf hellem Grund; sonst 1px #D8D0C4",
  "schatten": "keiner",
  "hinweis": "Wegweiser-Knöpfe zeigen mit der Spitze in ihre Richtung (corner-shape-eckenformen, Variante formen), mit clip-path-Rückfall; Fokusring außen auf eigenem Rahmen."
 },
 "bildsprache": {
  "licht": "Warmes Tageslicht, ruhig.",
  "ausschnitt": "Pflegekraft im Gespräch, beim Hausbesuch oder am Dienstwagen; Büro und Räume der Tagespflege.",
  "personen": "Ja: Team mit Namen und Durchwahl; Pflegebedürftige nur mit ausdrücklicher Einwilligung und in würdiger Lage.",
  "formate": [
   "3:2",
   "4:5"
  ],
  "nicht": "Keine Stockfotos von Händen, die Hände halten, keine Rollstuhl-Klischees, kein Klinikblau, kein Video."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Höchstens 15 Wörter je Satz, ein Gedanke pro Satz, Alltagswort zuerst und Fachwort in Klammern.",
  "haltung": "Nah und verlässlich. Angehörige zuerst; Bewerber:innen bekommen eine eigene Tür.",
  "beispiele": [
   "Wir helfen beim Waschen und Anziehen (Grundpflege).",
   "Rufen Sie uns an. Frau [Name] berät Sie."
  ],
  "nicht": "„Pflege mit Herz“, „ganzheitlich“, Abkürzungen wie SGB oder PG ohne Erklärung, hochgezählte Kundenzahlen."
 },
 "hero_aufbau": {
  "raster": "12 Spalten: Text über Spalte 1 bis 6, Foto über 7 bis 12; mobil Text zuerst, Foto darunter.",
  "bild": "Echtes Teamfoto, 3:2 oder 4:5.",
  "h1": "clamp(2.5rem, 1.8rem + 3vw, 4rem), Literata 600, oben links.",
  "handlung": "Zwei Wegweiser „Pflege anfragen“ (Sonnengelb mit 2px Rand) und „Arbeiten bei uns“ (Pflaume), mindestens 56 px hoch, untereinander auf dem Telefon.",
  "zusatz": "Telefonnummer 1.5rem 700 als tel:-Link mit Erreichbarkeit; darunter das Feld „Kommen wir zu Ihnen?“ mit Postleitzahl."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/pflege-dienst-naehe/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/pflege-dienst-naehe/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/pflege-dienst-naehe/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/pflege-dienst-naehe/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "cinematic-video-hero",
    "interaktives-3d-hero"
   ],
   "grund": "lange Ladezeit; die Kernbotschaft ist ein Satz und eine Telefonnummer"
  },
  {
   "ids": [
    "hide-on-scroll-header"
   ],
   "grund": "Telefonnummer und „Pflege anfragen“ müssen immer sichtbar bleiben"
  },
  {
   "ids": [
    "marquee-laufband",
    "rotating-words",
    "typewriter-natural"
   ],
   "grund": "bewegter Text ist für ältere Leser und Screenreader eine Hürde"
  },
  {
   "ids": [
    "zahlen-odometer"
   ],
   "grund": "hochgezählte „1.000 zufriedene Kunden“ wirken unseriös; Zahlen stehen still oder gar nicht"
  },
  {
   "ids": [
    "hovercard-interest-invoker"
   ],
   "grund": "Signatur von praxis; Fachbegriffe hier immer direkt im Text erklären"
  },
  {
   "ids": [
    "stapelkarten",
    "bento-grid-interaktiv",
    "flick-karten-stapel"
   ],
   "grund": "verstecken Inhalte oder verlangen Gesten"
  },
  {
   "ids": [
    "frosted-glass-erweitert",
    "progressive-blur"
   ],
   "grund": "senken den Kontrast unter Kopf und Leisten"
  },
  {
   "ids": [
    "smooth-scroll-lenis",
    "cursor-follower-lerp",
    "magnetische-elemente"
   ],
   "grund": "stören Menschen mit Zittern, Sehschwäche oder Bildschirmlupe"
  },
  {
   "ids": [
    "konfetti-erfolg"
   ],
   "grund": "nach der Anfrage eine ruhige Bestätigung mit Namen und Rückrufzeit"
  },
  {
   "ids": [
    "prompt-hero-eingabefeld",
    "ki-streaming-text-denkindikator"
   ],
   "grund": "kein KI-Chat statt Telefon"
  },
  {
   "ids": [
    "kostenrechner-konfigurator"
   ],
   "grund": "Kassenleistungen sind gesetzlich und ändern sich, Eigenanteile hängen vom Einzelfall ab (wann_nicht); Tabelle mit Stand-Datum und Rechenbeispiele statt Rechner"
  },
  {
   "ids": [],
   "grund": "Stockfotos von alten Händen, Rollatoren und Models in Kitteln – echte Menschen aus dem Dienst, mit Einwilligung"
  },
  {
   "ids": [],
   "grund": "„Leichte Sprache“ als Behauptung – nur mit geprüftem Text nach den Regeln der Leichten Sprache; hier gilt einfache Sprache"
  }
 ],
 "alle_muster": [
  {
   "id": "corner-shape-eckenformen",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/corner-shape-eckenformen/meta.json",
   "variante": "formen",
   "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/corner-shape-eckenformen/demo?v=formen"
  },
  {
   "id": "foto-hero",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/meta.json",
   "variante": "split-randabfallend",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/foto-hero/demo?v=split-randabfallend"
  },
  {
   "id": "mehrschritt-anfrage",
   "rolle": "Sektion: Kommen wir zu Ihnen? (Postleitzahl zuerst: Ja, Nein mit Hinweis auf den Pflegestützpunkt, oder „Bitte anrufen“; die Orte zusätzlich als Text; danach Anfrage in kurzen Schritten: wer braucht Hilfe, wobei, ab wann, beste Zeit für den Rückruf)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Kommen wir zu Ihnen? (Postleitzahl zuerst: Ja, Nein mit Hinweis auf den Pflegestützpunkt, oder „Bitte anrufen“; die Orte zusätzlich als Text; danach Anfrage in kurzen Schritten: wer braucht Hilfe, wobei, ab wann, beste Zeit für den Rückruf)",
     "variante": "plz",
     "demo_url": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/demo?v=plz"
    },
    {
     "rolle": "Sektion: Arbeiten bei uns – zweite Startseite (Stellen offen mit Stunden, Touren, Gehalt oder Tarif, Dienstwagen; Bewerbung in einer Minute mit fünf Fragen, ohne Anschreiben; Kennenlernen oder Probetag; ab vier Stellen mit Filter)",
     "variante": "ring",
     "demo_url": "https://cecodesign.de/lab/fundus/sektionen/mehrschritt-anfrage/demo?v=ring"
    }
   ]
  },
  {
   "id": "formular-fehlerzusammenfassung",
   "rolle": "Sektion: Kommen wir zu Ihnen? (Postleitzahl zuerst: Ja, Nein mit Hinweis auf den Pflegestützpunkt, oder „Bitte anrufen“; die Orte zusätzlich als Text; danach Anfrage in kurzen Schritten: wer braucht Hilfe, wobei, ab wann, beste Zeit für den Rückruf)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/formular-fehlerzusammenfassung/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/formular-fehlerzusammenfassung/demo?v=kompakt"
  },
  {
   "id": "validierung-nach-interaktion",
   "rolle": "Sektion: Kommen wir zu Ihnen? (Postleitzahl zuerst: Ja, Nein mit Hinweis auf den Pflegestützpunkt, oder „Bitte anrufen“; die Orte zusätzlich als Text; danach Anfrage in kurzen Schritten: wer braucht Hilfe, wobei, ab wann, beste Zeit für den Rückruf)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/validierung-nach-interaktion/meta.json"
  },
  {
   "id": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Wobei wir helfen – nach Lebenslage („Nach dem Krankenhaus“, „Wenn der Alltag schwer wird“, „Wenn Angehörige Pause brauchen“; Fachwort in Klammern; jede Lage mit eigener Unterseite, Antwort zuerst)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Wobei wir helfen – nach Lebenslage („Nach dem Krankenhaus“, „Wenn der Alltag schwer wird“, „Wenn Angehörige Pause brauchen“; Fachwort in Klammern; jede Lage mit eigener Unterseite, Antwort zuerst)",
     "variante": "leistungen",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=leistungen"
    },
    {
     "rolle": "Sektion: Was kostet das, was zahlt die Kasse? (Leistungen nach Pflegegrad als Tabelle mit Stand-Datum und Quelle, zwei bis drei Rechenbeispiele in Euro, Hilfe beim Antrag)",
     "variante": "faq",
     "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=faq"
    }
   ]
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Wobei wir helfen – nach Lebenslage („Nach dem Krankenhaus“, „Wenn der Alltag schwer wird“, „Wenn Angehörige Pause brauchen“; Fachwort in Klammern; jede Lage mit eigener Unterseite, Antwort zuerst)",
   "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": "prozess-timeline-wachsende-linie",
   "rolle": "Sektion: So beginnt die Pflege (Anruf oder Rückruf → Besuch zu Hause → Kostenvoranschlag → feste Bezugspersonen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/prozess-timeline-wachsende-linie/meta.json"
  },
  {
   "id": "team-ueber-mich-layout",
   "rolle": "Sektion: Ihre Ansprechpersonen (Pflegedienstleitung und Büro mit Foto, Name, Aufgabe, Durchwahl, Sprachen; bis etwa fünf Personen Variante statement, darüber raster)",
   "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": "css-native-karussell",
   "rolle": "Sektion: Tagespflege (nur bei eigenem Haus: Tagesablauf, Fahrdienst, Probetag, Räume, Zeiten)",
   "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": "oeffnungszeiten-status",
   "rolle": "Sektion: Tagespflege (nur bei eigenem Haus: Tagesablauf, Fahrdienst, Probetag, Räume, Zeiten)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Tagespflege (nur bei eigenem Haus: Tagesablauf, Fahrdienst, Probetag, Räume, Zeiten)",
     "variante": "termin",
     "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=termin"
    },
    {
     "rolle": "Sektion: Kontakt und Anfahrt (Rückruf-Formular mit drei Feldern, Telefon mit Erreichbarkeit und Notfallnummern, Büro-Adresse als Text, Karte per 2-Klick; ab zwei Standorten als Liste)",
     "variante": "karte",
     "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=karte"
    }
   ]
  },
  {
   "id": "bewertungsprofil-mit-echtheitshinweis",
   "rolle": "Sektion: Stimmen und Bewertungen (Google-Profil mit Stand-Datum und Echtheitshinweis; Stimmen von Angehörigen nur mit Freigabe)",
   "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": "stellen-karriere",
   "rolle": "Sektion: Arbeiten bei uns – zweite Startseite (Stellen offen mit Stunden, Touren, Gehalt oder Tarif, Dienstwagen; Bewerbung in einer Minute mit fünf Fragen, ohne Anschreiben; Kennenlernen oder Probetag; ab vier Stellen mit Filter)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/stellen-karriere/meta.json",
   "variante": "liste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/stellen-karriere/demo?v=liste"
  },
  {
   "id": "kontakt-anfrage-formular",
   "rolle": "Sektion: Kontakt und Anfahrt (Rückruf-Formular mit drei Feldern, Telefon mit Erreichbarkeit und Notfallnummern, Büro-Adresse als Text, Karte per 2-Klick; ab zwei Standorten als Liste)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Kontakt und Anfahrt (Rückruf-Formular mit drei Feldern, Telefon mit Erreichbarkeit und Notfallnummern, Büro-Adresse als Text, Karte per 2-Klick; ab zwei Standorten als Liste)",
   "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": "standortfinder-liste",
   "rolle": "Sektion: Kontakt und Anfahrt (Rückruf-Formular mit drei Feldern, Telefon mit Erreichbarkeit und Notfallnummern, Büro-Adresse als Text, Karte per 2-Klick; ab zwei Standorten als Liste)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/standortfinder-liste/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/standortfinder-liste/demo?v=kompakt"
  },
  {
   "id": "firmendaten-strukturiert",
   "rolle": "Sektion: Kontakt und Anfahrt (Rückruf-Formular mit drei Feldern, Telefon mit Erreichbarkeit und Notfallnummern, Büro-Adresse als Text, Karte per 2-Klick; ab zwei Standorten als Liste)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/firmendaten-strukturiert/meta.json",
   "variante": "werkstatt",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/firmendaten-strukturiert/demo?v=werkstatt"
  },
  {
   "id": "barrierefreiheit-seite",
   "rolle": "Sektion: Barrierefreiheit (eigene Seite nach EU-Muster als freiwilliger Aufbau; die Seite hält 200 % Zoom, 320 px Breite und erhöhte Textabstände; Kontrastmodus geprüft)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/meta.json",
   "variante": "erklaerung",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/barrierefreiheit-seite/demo?v=erklaerung"
  },
  {
   "id": "zoom-und-textabstand-robust",
   "rolle": "Sektion: Barrierefreiheit (eigene Seite nach EU-Muster als freiwilliger Aufbau; die Seite hält 200 % Zoom, 320 px Breite und erhöhte Textabstände; Kontrastmodus geprüft)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/zoom-und-textabstand-robust/meta.json"
  },
  {
   "id": "kontrastmodus-forced-colors",
   "rolle": "Sektion: Barrierefreiheit (eigene Seite nach EU-Muster als freiwilliger Aufbau; die Seite hält 200 % Zoom, 320 px Breite und erhöhte Textabstände; Kontrastmodus geprüft)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/kontrastmodus-forced-colors/meta.json"
  },
  {
   "id": "mobile-bottom-navigation",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/meta.json",
   "variante": "kontakt",
   "demo_url": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/demo?v=kontakt"
  },
  {
   "id": "checkbox-radio-animiert",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/checkbox-radio-animiert/meta.json"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json"
  },
  {
   "id": "druck-feedback",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/druck-feedback/meta.json"
  },
  {
   "id": "studio-visitenkarte-footer",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/meta.json",
   "variante": "praxis",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/demo?v=praxis"
  },
  {
   "id": "button-zustaende",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/button-zustaende/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": "token-toggle-asymmetrisch",
   "rolle": "Animationsstil",
   "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": "optische-groessen-opsz",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/optische-groessen-opsz/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"
  }
 ]
}