{
 "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": "friseur-salon-handschrift",
 "name": "Salon: Handschrift und Termin",
 "branche": "Friseur / Barbershop / Kosmetikstudio / Nagelstudio",
 "stimmung": [
  "stilbewusst",
  "persönlich",
  "warm",
  "selbstbewusst"
 ],
 "kurz": "Ein Salon verkauft Termine bei bestimmten Menschen. Deshalb steht die Handschrift der Stylist:innen im Mittelpunkt: ihre Looks zum Durchwischen, ihr Name als Unterschrift, ihre Preisstufe offen in einer echten HTML-Preisliste. Puder statt Weiß, Espresso statt Schwarz, ein Lackrot nur für „Termin buchen“, dazu eine breitenvariable Kontrast-Antiqua mit Haltung. Alle Bewegung läuft auf einer einzigen Hauskurve: zögernder Anlauf, langer weicher Auslauf, wie ein Kammstrich.",
 "referenzen": [
  {
   "seite": "Hair by SPECHT (Friseur, Ronneburg bei Hanau)",
   "url": "https://www.hairbyspecht.de/damen/friseur-preise-damen/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.hairbyspecht.de/damen/friseur-preise-damen/",
   "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-Salon mit Preisliste als HTML-Tabelle statt PDF. Haarschnitte nach fünf Stufen (Master Stylist, Premium Stylist, Expert Stylist, Stylist, Junior Team) und nach Dauer-Paketen von 15 bis 75 Minuten, z. B. „Klassik Cut’nFinish - 30 Min.“ 53,- | 50,- | 47,- | 39,- | 28,-. Farbe als ab-Preise („Balayage, Ombré usw.“ ab 78,-), Längenzuschläge ab Schulterlänge. 15-Minuten-Beratung kostenlos, wenn direkt eine Behandlung folgt; Reservierungsgebühr für Neukunden (2-Stunden-Termin 90,-), wird am Termin verrechnet. Wege zum Termin: „Terminbuchung“ und „Chat on WhatsApp“."
  },
  {
   "seite": "Josh Wood Atelier (Colour-Salon, London)",
   "url": "https://joshwoodcolour.com/pages/hair-salon-price-list",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://joshwoodcolour.com/pages/hair-salon-price-list und https://joshwoodcolour.com/pages/meet-the-experts/jamie-gould",
   "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): Preisliste in fünf Stufen („Varderer“, „Advocate“, „Principal“, „Master“, „Creative Master“) mit ab-Preisen („From £230“). Farbwechsel und Virgin Bleach nur „By consultation only“, Extensions mit Beratung 48 Stunden vorher zum Farbabgleich; „Book A Free Video Consultation“ als zweiter Weg neben „Book appointment“. Je Person eine eigene Seite, z. B. Jamie Gould („Creative Master Colourist“) mit Spezialgebieten (Balayage, Highlights, Full Head Colour, Colour Correction) und dem Knopf „Book Jamie“. Nicht übernehmen: Das Kundenzitat dort ist als Platzhalter „[Client Quote]“ markiert."
  },
  {
   "seite": "Fellow Barber (Barbershop, New York / Los Angeles / San Francisco)",
   "url": "https://www.fellowbarber.com/pages/services",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.fellowbarber.com/pages/services",
   "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): Leistungen mit ehrlicher Dauer-Spanne statt Einheitszeit („Haircut – (30 min – 45 min)“, „Straight Razor Shave – (30 - 45 min)“). Die günstige „Classic Cut“ schneidet ein Junior Barber, ohne Skin Fades; für diese Schnitte steht dort „book with a Fellow or Senior Barber“. Die Stufe erklärt also den Unterschied, statt nur Preise zu nennen. Buchung je Stadt über Boulevard."
  },
  {
   "seite": "Pall Mall Barbers (Barbershop, London)",
   "url": "https://www.pallmallbarbers.com/services/",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.pallmallbarbers.com/services/",
   "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): „Barber Price List“ als Tabelle mit Rubriken (Styling Services, Shaving, Beard Styling, Wellbeing, Combinations & Packages) und je Zeile Leistung, Dauer, Preis: „Quality Haircut | 30 mins | £37.97“, „Consultation | 15 mins | £15.00“. Ein Geschenk-Paket steht direkt in der Preisliste („The Gift Package for Any Occasion | 90 mins | £100.00“), „Gifts Vouchers“ im Footer."
  },
  {
   "seite": "Heyday (Gesichtsbehandlungen, USA)",
   "url": "https://www.heydayskincare.com/pages/the-essential-facial",
   "art": "website",
   "herkunft": "beobachtet",
   "abgerufen": "2026-11-02",
   "quelle": "https://www.heydayskincare.com/pages/the-essential-facial",
   "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): Eine Behandlung, eine Seite: Dauer und Inhalt im ersten Satz („Each 50-minute treatment starts with a skin analysis …“), Ablauf in vier Schritten (In-depth skin analysis, Custom facial treatment, Personal skincare plan, Guidance for in between facials), Preis offen nach Mitgliedschaft (Monthly $125, Bimonthly $130, Non-member $155, „Prices may vary by studio.“), Zusatzleistungen als Preisgruppen. Die Haupthandlung „BOOK A FACIAL“ wiederholt sich, sonst gibt es kaum Knöpfe."
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "Keine Katalog-Paarung. Kalnia (Didone-artig, wdth 100–125, wght 100–700) trägt beide Salon-Charaktere in einer Datei: schmal und leicht für Damen-, Kosmetik- und Nagelstudio, breit und fett für den Barbershop. Familjen Grotesk ist kompakt genug für lange Preiszeilen. Mrs Saint Delafield nur als Unterschrift unter dem Porträt. Damit unterscheidet sich friseur von mode (Zalando Sans), luxus (Bodoni Moda) und praxis (Hedvig Letters Serif).",
  "headline": "kalnia",
  "text": "familjen-grotesk",
  "akzent": "mrs-saint-delafield",
  "groessen": "Salonname und h1 Kalnia clamp(2.75rem, 1.5rem + 5.5vw, 6.5rem), wdth 112, wght 500, Laufweite -0.02em, Zeilenhöhe 0.95 (Barbershop: wdth 125, wght 700, Versal, Laufweite +0.01em); h2 clamp(1.75rem, 1.2rem + 2vw, 2.75rem), wdth 100, wght 500. Fließtext Familjen Grotesk 1.0625rem/1.55, wght 400, max. 62ch; Preiszeilen 1rem wght 500, Preise rechtsbündig in Tabellenziffern; Rubriken und Stufen 0.8125rem Versal, +0.06em in Familjen (keine Mono). Mrs Saint Delafield nur für den Namen unter dem Porträt, 2.25–3rem, um -4° gedreht, höchstens einmal pro Ansicht; der Name steht darunter noch einmal in Familjen, damit ihn jeder lesen kann.",
  "techniken": [
   "headline-laufweite-zeilenabstand",
   "fluide-typo-clamp-cqi",
   "tabellenziffern",
   "lesesatz-text-wrap"
  ],
  "alternative_eigenprojekt": "Headline melodrama oder gambarino, Text general-sans (ITF) – nur für Eigenprojekte, nicht für Templates."
 },
 "farbe": {
  "prinzip": "Puder statt Reinweiß, Espresso statt Schwarz und ein Lackrot, das nur „Termin buchen“ und aktive Zustände trägt. Große Flächen aus Puder und Espresso (Preisliste, Gutschein, Fußzeile). Die Farbe kommt aus den Fotos der Arbeiten, deshalb bleiben die UI-Flächen neutral warm und färben keine Haarfarbe um. Barbershop: Espresso als Grund, Puder als Schrift.",
  "beispiel": [
   "#F4E9E4 Grund (Puder)",
   "#1E1412 Text, dunkle Sektionen, Barbershop-Grund (15 : 1 auf Puder)",
   "#9B1D2E Signal Lackrot: Termin buchen, aktiver Reiter (6,8 : 1 auf Puder; Weiß darauf 8 : 1; auf Espresso nur mit 2 px Puder-Rand)",
   "#E9DBD4 Kartenfläche, Preisliste",
   "#6E5A55 Meta: Dauer, Stufe, Bildunterschrift (5,4 : 1 auf Puder)",
   "#D9C8C0 Linien"
  ]
 },
 "animationsstil": "token-studio-signatur",
 "animationsstil_hinweis": "Studio-Signatur als Hauskurve des Salons: eine Kurve für Buttons, Menü, Akkordeon und Kartenstapel, so wie Osmo sie konsequent für alle UI-Übergänge nutzt (Messwert im Stil). Laut wann_nicht nicht für lange Scroll-Einblendungen (entfallen hier, nur der Hero blendet einmal ein) und nicht für Drag-Feedback (beim Ziehen folgen die Karten dem Finger 1:1, erst beim Loslassen greift die Kurve). Der Stil taugt für UI, deshalb kein animationsstil_ui; Interaktives bleibt unter 500 ms.",
 "bewegung": {
  "easing": "cubic-bezier(0.625, 0.05, 0, 1) (token-studio-signatur, eine Kurve für alles)",
  "beobachtet": "nicht gemessen: Referenzen nur inhaltlich geprüft (siehe offen); Kurve und Dauern aus dem Animationsstil",
  "dauer_ms": "250 (Farbe, Schatten, Hover), 400 (Menü, Drawer, Akkordeon, Unterstreichung, Reiter der Preisliste), 475 (Buttons: Fläche fährt von unten ein), 725 (nur Wurf und Rückkehr der Look-Karten, Hero-Bild einmalig); Schließen 65 % der Öffnungsdauer mit derselben Kurve (Menü 260)",
  "regel": "Eine Kurve, eine Skala, wie im Stil gemessen. Zögernder Anlauf, langer weicher Auslauf: Das wirkt wie ein Kammstrich und gibt dem Salon eine eigene Geste, ohne Federn und ohne Überschwingen. Text, Preise und Formulare stehen sofort. Keine Einblendungen beim Scrollen. Beim Ziehen keine Kurve, nur der Finger. Bei prefers-reduced-motion bleiben Farb- und Opazitätswechsel, Wege und Würfe entfallen.",
  "herkunft": "Kurve und Dauer-Skala aus token-studio-signatur (bau.werte css_token; Osmo, Lando Norris, Studio Dumbar beobachtet). Die Referenzen dieses Rezepts sind nur inhaltlich geprüft, ihre CSS-Kurven nicht gemessen."
 },
 "hero_beschreibung": "Foto einer echten Arbeit aus dem Salon (Person mit Einwilligung, Salonlicht) in voller Breite oder als großes Hochformat neben dem Salonnamen in Kalnia. Darunter ein Satz zu Spezialgebiet und Ort, zwei Knöpfe „Termin buchen“ (Lackrot) und „Preise ansehen“, Telefon und WhatsApp als Links. Direkt unter dem Hero das Bewertungsband. Keine Stock-Models, keine KI-Frisuren, kein Video im Hero; eigenes Salonvideo höchstens weiter unten als Klick-Video.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "mobile-bottom-navigation",
   "native-popover-dropdowns"
  ],
  "hero": [
   "foto-hero"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Bewertungsband direkt unter dem Hero (Google-Profil: Schnitt, Anzahl, Stand-Datum, Echtheitshinweis daneben)",
    "muster": [
     "bewertungsprofil-mit-echtheitshinweis"
    ],
    "varianten": {
     "bewertungsprofil-mit-echtheitshinweis": "band"
    }
   },
   {
    "zweck": "Leistungen & Preise (Rubriken Damen, Herren, Kinder, Farbe, Pflege, Kosmetik/Nägel als Reiter; Stufen als Spalten, Haarlänge als Zuschlag, ab-Preise mit dem Satz, wovon der Endpreis abhängt; jede wichtige Leistung mit eigener Unterseite, Antwort zuerst)",
    "muster": [
     "speisekarte-editorial",
     "tabs-pfeiltasten-focusgroup",
     "leistungsseite-antwort-zuerst"
    ],
    "varianten": {
     "tabs-pfeiltasten-focusgroup": "auto",
     "speisekarte-editorial": "preisliste",
     "leistungsseite-antwort-zuerst": "praxis"
    }
   },
   {
    "zweck": "Team: wer schneidet, färbt, berät (Porträt, Name als Unterschrift, Stufe, Spezialgebiet, Sprachen, eigener Buchungsknopf; ab etwa sechs Personen Raster, darunter Variante statement)",
    "muster": [
     "team-ueber-mich-layout",
     "termin-buchung-zwei-klick"
    ],
    "varianten": {
     "team-ueber-mich-layout": "statement",
     "termin-buchung-zwei-klick": "vorauswahl"
    }
   },
   {
    "zweck": "Looks: Arbeiten je Stylist:in als Kartenstapel zum Durchwischen (Look, Leistung, Dauer, ab-Preis als Text); die ganze Wand erst ab etwa acht Bildern",
    "muster": [
     "flick-karten-stapel",
     "masonry-grid-lanes-galerie",
     "galerie-shared-element-vollbild"
    ],
    "varianten": {
     "galerie-shared-element-vollbild": "basis"
    }
   },
   {
    "zweck": "Termin buchen (Widget erst nach Klick, daneben Telefon und WhatsApp; Ausfall- und Verspätungsregel des Salons als markierter Platzhalter)",
    "muster": [
     "termin-buchung-zwei-klick"
    ],
    "varianten": {
     "termin-buchung-zwei-klick": "platzhalter"
    }
   },
   {
    "zweck": "Gutscheine (Wert oder Leistung, Live-Vorschau, PDF oder Post; bei Online-Kauf Widerrufs-Button)",
    "muster": [
     "gutschein-konfigurator",
     "widerruf-und-kuendigung-schaltflaeche"
    ],
    "varianten": {
     "widerruf-und-kuendigung-schaltflaeche": "richtig"
    }
   },
   {
    "zweck": "Produkte im Salon (die Pflege, mit der gearbeitet wird; ohne Shop nur zeigen, mit Shop Kaufbox und Warenkorb aus d2c-produkt-zuerst leihen)",
    "muster": [
     "css-native-karussell"
    ],
    "varianten": {
     "css-native-karussell": "produktreihe"
    }
   },
   {
    "zweck": "Karriere & Ausbildung (offene Stellen direkt offen, Ausbildung, Initiativbewerbung)",
    "muster": [
     "stellen-karriere"
    ],
    "varianten": {
     "stellen-karriere": "wenige"
    }
   },
   {
    "zweck": "Öffnungszeiten, Anfahrt, Kontakt (Status aus echten Zeiten im Kopf, Adresse als Text, Karte per 2-Klick, ein Datenblock für Seite und JSON-LD HairSalon / BeautySalon / NailSalon)",
    "muster": [
     "oeffnungszeiten-status",
     "karte-zwei-klick",
     "firmendaten-strukturiert"
    ],
    "varianten": {
     "oeffnungszeiten-status": "kompakt",
     "firmendaten-strukturiert": "friseur",
     "karte-zwei-klick": "bild"
    }
   },
   {
    "zweck": "Barrierefreiheit (eigene Seite; Variante BFSG, wenn online gebucht oder verkauft wird und der Salon kein Kleinstunternehmen ist – vom Kunden prüfen lassen)",
    "muster": [
     "barrierefreiheit-seite"
    ],
    "varianten": {
     "barrierefreiheit-seite": "erklaerung"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [],
  "hover": [
   "clip-path-form-hover"
  ],
  "cursor": [],
  "mikro": [
   "druck-feedback",
   "kopieren-feedback",
   "checkbox-radio-animiert"
  ],
  "material": [],
  "galerie": [
   "flick-karten-stapel",
   "masonry-grid-lanes-galerie",
   "galerie-shared-element-vollbild",
   "css-native-karussell"
  ],
  "footer": [
   "studio-visitenkarte-footer"
  ],
  "button": [
   "fuellung-vom-eintrittspunkt",
   "pfeil-icon-button"
  ],
  "hero_varianten": {
   "foto-hero": "split-randabfallend"
  }
 },
 "signatur": [
  "flick-karten-stapel"
 ],
 "varianten_demo": {
  "studio-visitenkarte-footer": "praxis",
  "fuellung-vom-eintrittspunkt": "basis",
  "mobile-bottom-navigation": "fab",
  "galerie-shared-element-vollbild": "basis",
  "css-native-karussell": "produktreihe",
  "pfeil-icon-button": "tausch",
  "clip-path-form-hover": "basis"
 },
 "nicht_verwenden": [
  "graustufen-zu-farbe – Haarfarbe ist das Ergebnis, das verkauft wird; Touch-Besucher (die meisten, oft vom Instagram-Link) sähen die Farbe nie",
  "webgl-bildverzerrung / svg-filter-verzerrung / halbton-raster – verfälschen Farbe und Schnitt auf den Arbeitsproben",
  "vorher-nachher-vergleichsregler – Signatur von handwerk; bei Kosmetik mit Behandlungen zudem heilmittelwerberechtlich heikel",
  "marquee-laufband / rotating-words – „Schnitt · Farbe · Pflege“ als Band oder Wortwechsel ist Salon-Template-Klischee und automatische Bewegung",
  "prozent-zaehler / einmal-intro-session – Kundinnen kommen vom Instagram-Link und wollen sofort buchen",
  "smooth-scroll-lenis / cursor-follower-lerp / magnetische-elemente – Agentur-Gesten, stören beim Wischen durch die Looks",
  "mesh-gradient-shader / holo-irisierende-folie – Effekt statt Handschrift",
  "Preisliste als PDF oder Bild – nicht lesbar am Telefon, nicht durchsuchbar, nicht barrierefrei",
  "Stockfotos und KI-generierte Frisuren – Arbeitsproben müssen echt sein und aus dem Salon stammen"
 ],
 "regeln": [
  "Erster Bildschirm: echtes Foto einer Arbeit aus dem Salon, Salonname groß, ein Satz zu Spezialgebiet und Ort, „Termin buchen“ und „Preise ansehen“; das Bewertungsband steht direkt darunter.",
  "Preise als HTML-Liste, nie als PDF oder Bild: Leistung, Dauer und Preis je Zeile, Preise in Tabellenziffern; Stufen (z. B. Junior, Stylist, Master) als Spalten, Haarlänge als Zuschlag; „ab“ nur zusammen mit dem Satz, wovon der Endpreis abhängt (wie Hair by SPECHT und Josh Wood). Gesamtpreise inkl. MwSt.",
  "Jede Person im Team bekommt eine Karte mit Porträt, Name als Unterschrift (Akzentschrift, nur hier), Stufe, Spezialgebiet und eigenem Buchungsknopf („Bei [Name] buchen“); ihre Looks liegen als Kartenstapel (flick-karten-stapel) direkt dabei.",
  "Kartenstapel immer auch per Knopf bedienbar (Weiter, Zurück, Alle zeigen); Wischen ist nur der schnellere Weg. Jede Karte nennt Look, Leistung, Dauer und ab-Preis als Text, nicht nur im Bild.",
  "Buchung per termin-buchung-zwei-klick: Platzhalter in Widget-Höhe mit Leistungen und Anbieter, Kalender erst nach Klick; Telefon und WhatsApp stehen daneben. Ausfall- und Verspätungsregeln formuliert nur der Salon (markierter Platzhalter).",
  "Mobil eine untere Leiste mit Termin, Preise, Anrufen (mobile-bottom-navigation); sie verdeckt weder Consent-Banner noch Buchungs-Widget.",
  "Fotos von Kundinnen und Kunden nur mit schriftlicher Einwilligung, Kinder ohne erkennbares Gesicht. Instagram nicht live einbetten, sondern eine selbst gehostete Auswahl mit Link zum Profil.",
  "Bewertungen nur mit Quelle, Anzahl, Stand-Datum und dem Hinweis, ob und wie geprüft wird, direkt neben den Stimmen (bewertungsprofil-mit-echtheitshinweis); keine Bewertungssterne über den eigenen Salon im Markup.",
  "Gutscheine: Gültigkeit und Einlösung legt der Salon fest. Wird online gekauft, braucht es Gesamtpreis inkl. MwSt., Widerrufsbelehrung, AGB und den Widerrufs-Button (widerruf-und-kuendigung-schaltflaeche) – alles als markierte Platzhalter, vom Kunden prüfen lassen.",
  "Pflichtangaben und Recht (Leitfaden 8a): Impressum und Datenschutz vom Footer und mobil erreichbar; beim Friseurhandwerk Handwerkskammer-Eintrag im Impressum (vom Kunden prüfen lassen). Kosmetik mit apparativen oder medizinnahen Behandlungen: keine Heilversprechen, Werbung nach Heilmittelwerbegesetz prüfen lassen. Claude schreibt keine Rechtstexte.",
  "Lackrot nur für „Termin buchen“ und aktive Zustände; große Flächen aus Puder und Espresso.",
  "Bewegung auf einer Kurve: Buttons füllen sich in 475 ms von unten, Menüs öffnen in 400 ms und schließen in 260 ms, Look-Karten fliegen beim Loslassen in 725 ms aus. Keine Scroll-Einblendungen außer dem Hero.",
  "Team bis etwa fünf Personen: je Person ein Reiter mit Porträt, Unterschrift (Akzentschrift einmal pro Ansicht) und Look-Stapel; ab sechs Personen Raster ohne Unterschrift.",
  "clip-path-form-hover nur für einen einzeln stehenden Knopf (z. B. Gutschein), nie neben „Termin buchen“."
 ],
 "varianten": [
  {
   "name": "Barbershop",
   "hinweis": "Espresso #1E1412 als Grund, Puder #F4E9E4 als Schrift (15 : 1); Lackrot bleibt Signal, auf Espresso mit 2 px Puder-Rand (Lackrot allein hat dort nur 2,2 : 1). Kalnia wdth 125, wght 700, Versal. Preise nach Stufe (Junior, Barber, Senior) wie bei Fellow Barber, Dauer je Leistung wie bei Pall Mall Barbers.",
   "sektionen": [
    "Leistungen & Preise (Schnitt, Bart, Rasur, Kombinationen; Dauer und Preis je Zeile)",
    "Barber mit Stufe und eigenem Buchungsknopf",
    "Looks (Kartenstapel)",
    "Termin buchen, Walk-in-Zeiten (nur wenn es sie wirklich gibt)",
    "Bewertungen",
    "Gutscheine",
    "Öffnungszeiten & Anfahrt"
   ],
   "weglassen": [
    "Produkte im Salon (höchstens als Zeile in der Preisliste)",
    "Kosmetik-Rubriken"
   ],
   "muster_zusatz": []
  },
  {
   "name": "Kosmetik- und Nagelstudio",
   "hinweis": "Behandlungen wie bei Heyday als eigene Leistungsseiten mit Dauer, Ablauf, Inhalt und Preis (leistungsseite-antwort-zuerst); Nageldesigns als Looks im Kartenstapel. Apparative oder medizinnahe Behandlungen (z. B. Microneedling, Laser): keine Vorher-nachher-Bilder, keine Heilversprechen, Heilmittelwerbegesetz vom Kunden prüfen lassen. Pakete oder Abos nur, wenn es sie gibt; bei Abo zusätzlich der Kündigungs-Button.",
   "sektionen": [
    "Behandlungen (Gesicht, Körper, Hände & Füße) mit Dauer und Preis",
    "Nageldesigns / Looks (Kartenstapel)",
    "Pakete oder Mitgliedschaft (Vergleichstabelle, nur bei echten Paketen)"
   ],
   "weglassen": [
    "Haarlängen-Zuschläge",
    "Barbershop-Rubriken"
   ],
   "muster_zusatz": [
    "vergleichstabelle-sticky"
   ]
  },
  {
   "name": "Tattoo- und Piercingstudio",
   "hinweis": "Schrift, Farbe, Stil und Signatur bleiben: flick-karten-stapel trägt die Portfolios, je Artist ein Stapel; jede Karte nennt Motiv, Stil, Körperstelle und Zahl der Sitzungen als Text, verheilte Arbeiten sind als solche gekennzeichnet. Die Unterschrift in Mrs Saint Delafield bleibt für die Artist-Namen. Beratungstermin als mehrschritt-anfrage (Variante senkrecht: Idee → Stelle und Größe → Referenzbilder hochladen → Kontakt und Wunschzeitraum); Gesundheitsangaben nie als Pflichtfeld, das klärt das Gespräch. Feste Termine bei einer Person über termin-buchung-zwei-klick; Anzahlung, Ausfall- und Verschieberegel formuliert nur das Studio (markierter Platzhalter). Pflegehinweise für Tattoo und Piercing als akkordeon-hoehe-auto (Variante faq) und als druckbare Seite. Guest Spots als programm-kalender erst ab etwa acht Terminen im Monat, sonst Liste. Preise als speisekarte-editorial (Variante preisliste): Piercing je Stelle inkl. Erstschmuck und Material, Tattoo als Mindestpreis oder Stundensatz mit dem Satz, wovon der Endpreis abhängt. Recht: Tätowieren und Piercen nur mit Ausweis; Altersregel des Studios (Tattoo in der Regel ab 18, Piercing bei Minderjährigen nur mit schriftlicher Einwilligung der Sorgeberechtigten) als markierter Platzhalter; nur Tätowiermittel nach der EU-REACH-Beschränkung (seit 04.01.2022); Laser-Tattooentfernung ist Ärzt:innen vorbehalten (NiSV, seit 31.12.2022) und wird nicht als Studio-Leistung beworben; Pflegehinweise ohne Heilversprechen; Hygiene nach Landesrecht; Fotos nur mit schriftlicher Einwilligung der Kundschaft; Handwerkskammer bzw. Gewerbeangaben im Impressum – vom Kunden prüfen lassen.",
   "sektionen": [
    "Artists (Porträt, Stil, Schwerpunkte, Buchungsstand, eigener Knopf „Beratung bei [Name]“)",
    "Portfolio je Artist (Kartenstapel; verheilte Arbeiten markiert)",
    "Beratungstermin (Idee, Stelle, Größe, Referenzbilder; Anzahlung und Terminregeln als Platzhalter)",
    "Piercing (Stellen, Schmuck-Material, Preise inkl. Erstschmuck; Walk-in nur, wenn es das gibt)",
    "Vorher wissen (Alter und Ausweis, Vorbereitung, Ablauf einer Sitzung)",
    "Pflege danach (Tattoo und Piercing)",
    "Preise (Mindestpreis oder Stundensatz, wovon der Endpreis abhängt)",
    "Guest Spots",
    "Gutscheine",
    "Öffnungszeiten, Anfahrt, Kontakt"
   ],
   "weglassen": [
    "Bewertungsband direkt unter dem Hero (Bewertungen weiter unten, mit Echtheitshinweis)",
    "Produkte im Salon",
    "Haarlängen-Zuschläge und Salon-Rubriken"
   ],
   "muster_zusatz": [
    "mehrschritt-anfrage",
    "akkordeon-hoehe-auto",
    "programm-kalender"
   ]
  }
 ],
 "template_tauglich": true,
 "aufwand": "mittel",
 "leistung": "Fotos sind alles: Looks als AVIF/WebP mit srcset und festem Seitenverhältnis (4:5), lazy ab der zweiten Reihe; Hero-Foto mit fetchpriority=high. Buchungs-Widget, Instagram und Karte erst nach Klick. Kalnia und Familjen als Variable-Dateien (Kalnia mit wdth und wght), nur Latin. Mrs Saint Delafield unverändert einbinden (OFL mit Reserved Font Name, kein Subset unter gleichem Namen) und nur auf Seiten mit Teamkarten laden. Kartenstapel mit Pointer Events und CSS-Übergängen auf der Hauskurve; GSAP aus der Demo nur, wenn der Wurf sonst nicht sauber wird.",
 "offen": [
  "Referenzen nur inhaltlich per WebFetch geprüft; Schriften, Farben und Kurven der Vorbilder nicht gemessen (curl war in dieser Sitzung gesperrt). Bei Gelegenheit per CSS-Abruf nachmessen.",
  "Tabellenziffern von Familjen Grotesk (Feature tnum) prüfen; fehlen sie, Preise rechtsbündig mit fester Spaltenbreite setzen.",
  "Kein Vorbild aus einem deutschen Kosmetik- oder Nagelstudio geprüft."
 ],
 "stimmung_tags": [
  "warm",
  "editorial"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   64,
   96,
   136
  ],
  "sektion": "clamp(64px, 8vw, 120px)",
  "dichte": "mittel",
  "hinweis": "Preisliste dicht und lesbar (Zeilen 12 px, Rubriken 32 px), Team-Karten mit Luft. Bewertungsband direkt unter dem Hero ohne großen Abstand."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(16px, 4vw, 48px)",
  "spalt": "clamp(12px, 2vw, 24px)",
  "max_breite": "1360px",
  "hinweis": "Hero 7/5 (Name/Foto im Hochformat). Preisliste mit Stufen als Spalten, Team als 3er-Raster mit Kartenstapel je Person."
 },
 "form": {
  "radius_klein": "8px",
  "radius_gross": "16px",
  "pille": true,
  "linie": "1px #D9C8C0",
  "schatten": "nur die Look-Karten im Stapel (flick-karten-stapel) heben sich weich in Espresso ab; sonst keiner",
  "hinweis": "Pillen für Knöpfe (fuellung-vom-eintrittspunkt), 16 px für Look-Karten und Porträts (Demo flick-karten-stapel zeigt 12 bis 16 px)."
 },
 "bildsprache": {
  "licht": "Salon- oder Fensterlicht, Haarfarbe farbecht.",
  "ausschnitt": "Hinterkopf, Profil, Bewegung im Haar; Porträt der Stylist:in auf Augenhöhe.",
  "personen": "Ja: Kund:innen nur mit schriftlicher Einwilligung, Kinder ohne erkennbares Gesicht; Stylist:innen mit Namen.",
  "formate": [
   "4:5",
   "3:4",
   "1:1"
  ],
  "nicht": "Keine Stock-Models, keine KI-Frisuren, keine Farbfilter, die Haarfarben verfälschen, kein Video im Hero."
 },
 "ton": {
  "anrede": "du",
  "saetze": "Kurz und persönlich, mit Namen. Preiszeile: Leistung, Dauer, Preis; „ab“ nur mit dem Satz, wovon es abhängt.",
  "haltung": "Stilbewusst und warm. Ein Herrensalon oder klassischer Salon mit älterer Kundschaft siezt, dann durchgehend.",
  "beispiele": [
   "Balayage bei Mira. Ab 145 €, je nach Haarlänge.",
   "Buch direkt bei deiner Stylistin."
  ],
  "nicht": "„Ihr Wohlfühlsalon“, „Haare sind unsere Leidenschaft“, Wortspiele wie „Haarmonie“, Bewertungssterne ohne Quelle."
 },
 "hero_aufbau": {
  "raster": "12 Spalten: Salonname über Spalte 1 bis 7, echtes Foto im Hochformat über 8 bis 12; alternativ Foto randlos mit Name darauf.",
  "bild": "Eine echte Arbeit aus dem Salon, 4:5 oder 3:4, Radius 16 px.",
  "h1": "clamp(2.75rem, 1.5rem + 5.5vw, 6.5rem), Kalnia wdth 112 / 500, links.",
  "handlung": "„Termin buchen“ (Lackrot #9B1D2E gefüllt) und „Preise ansehen“ (Kontur); Telefon und WhatsApp als Links darunter.",
  "zusatz": "Satz zu Spezialgebiet und Ort unter der H1; Bewertungsband mit Quelle und Stand direkt unter dem Hero."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/friseur-salon-handschrift/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/friseur-salon-handschrift/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/friseur-salon-handschrift/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/friseur-salon-handschrift/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "graustufen-zu-farbe"
   ],
   "grund": "Haarfarbe ist das Ergebnis, das verkauft wird; Touch-Besucher (die meisten, oft vom Instagram-Link) sähen die Farbe nie"
  },
  {
   "ids": [
    "webgl-bildverzerrung",
    "svg-filter-verzerrung",
    "halbton-raster"
   ],
   "grund": "verfälschen Farbe und Schnitt auf den Arbeitsproben"
  },
  {
   "ids": [
    "vorher-nachher-vergleichsregler"
   ],
   "grund": "Signatur von handwerk; bei Kosmetik mit Behandlungen zudem heilmittelwerberechtlich heikel"
  },
  {
   "ids": [
    "marquee-laufband",
    "rotating-words"
   ],
   "grund": "„Schnitt · Farbe · Pflege“ als Band oder Wortwechsel ist Salon-Template-Klischee und automatische Bewegung"
  },
  {
   "ids": [
    "prozent-zaehler",
    "einmal-intro-session"
   ],
   "grund": "Kundinnen kommen vom Instagram-Link und wollen sofort buchen"
  },
  {
   "ids": [
    "smooth-scroll-lenis",
    "cursor-follower-lerp",
    "magnetische-elemente"
   ],
   "grund": "Agentur-Gesten, stören beim Wischen durch die Looks"
  },
  {
   "ids": [
    "mesh-gradient-shader",
    "holo-irisierende-folie"
   ],
   "grund": "Effekt statt Handschrift"
  },
  {
   "ids": [],
   "grund": "Preisliste als PDF oder Bild – nicht lesbar am Telefon, nicht durchsuchbar, nicht barrierefrei"
  },
  {
   "ids": [],
   "grund": "Stockfotos und KI-generierte Frisuren – Arbeitsproben müssen echt sein und aus dem Salon stammen"
  }
 ],
 "starter": "https://cecodesign.de/lab/fundus/starter/friseur-salon-handschrift/index.html",
 "alle_muster": [
  {
   "id": "flick-karten-stapel",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/flick-karten-stapel/meta.json"
  },
  {
   "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": "bewertungsprofil-mit-echtheitshinweis",
   "rolle": "Sektion: Bewertungsband direkt unter dem Hero (Google-Profil: Schnitt, Anzahl, Stand-Datum, Echtheitshinweis daneben)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/meta.json",
   "variante": "band",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/demo?v=band"
  },
  {
   "id": "speisekarte-editorial",
   "rolle": "Sektion: Leistungen & Preise (Rubriken Damen, Herren, Kinder, Farbe, Pflege, Kosmetik/Nägel als Reiter; Stufen als Spalten, Haarlänge als Zuschlag, ab-Preise mit dem Satz, wovon der Endpreis abhängt; jede wichtige Leistung mit eigener Unterseite, Antwort zuerst)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/speisekarte-editorial/meta.json",
   "variante": "preisliste",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/speisekarte-editorial/demo?v=preisliste"
  },
  {
   "id": "tabs-pfeiltasten-focusgroup",
   "rolle": "Sektion: Leistungen & Preise (Rubriken Damen, Herren, Kinder, Farbe, Pflege, Kosmetik/Nägel als Reiter; Stufen als Spalten, Haarlänge als Zuschlag, ab-Preise mit dem Satz, wovon der Endpreis abhängt; jede wichtige Leistung mit eigener Unterseite, Antwort zuerst)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/zugang/tabs-pfeiltasten-focusgroup/meta.json",
   "variante": "auto",
   "demo_url": "https://cecodesign.de/lab/fundus/zugang/tabs-pfeiltasten-focusgroup/demo?v=auto"
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Leistungen & Preise (Rubriken Damen, Herren, Kinder, Farbe, Pflege, Kosmetik/Nägel als Reiter; Stufen als Spalten, Haarlänge als Zuschlag, ab-Preise mit dem Satz, wovon der Endpreis abhängt; jede wichtige Leistung 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": "team-ueber-mich-layout",
   "rolle": "Sektion: Team: wer schneidet, färbt, berät (Porträt, Name als Unterschrift, Stufe, Spezialgebiet, Sprachen, eigener Buchungsknopf; ab etwa sechs Personen Raster, darunter Variante statement)",
   "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": "termin-buchung-zwei-klick",
   "rolle": "Sektion: Team: wer schneidet, färbt, berät (Porträt, Name als Unterschrift, Stufe, Spezialgebiet, Sprachen, eigener Buchungsknopf; ab etwa sechs Personen Raster, darunter Variante statement)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/meta.json",
   "varianten_je_rolle": [
    {
     "rolle": "Sektion: Team: wer schneidet, färbt, berät (Porträt, Name als Unterschrift, Stufe, Spezialgebiet, Sprachen, eigener Buchungsknopf; ab etwa sechs Personen Raster, darunter Variante statement)",
     "variante": "vorauswahl",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/demo?v=vorauswahl"
    },
    {
     "rolle": "Sektion: Termin buchen (Widget erst nach Klick, daneben Telefon und WhatsApp; Ausfall- und Verspätungsregel des Salons als markierter Platzhalter)",
     "variante": "platzhalter",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/termin-buchung-zwei-klick/demo?v=platzhalter"
    }
   ]
  },
  {
   "id": "masonry-grid-lanes-galerie",
   "rolle": "Sektion: Looks: Arbeiten je Stylist:in als Kartenstapel zum Durchwischen (Look, Leistung, Dauer, ab-Preis als Text); die ganze Wand erst ab etwa acht Bildern",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/masonry-grid-lanes-galerie/meta.json"
  },
  {
   "id": "galerie-shared-element-vollbild",
   "rolle": "Sektion: Looks: Arbeiten je Stylist:in als Kartenstapel zum Durchwischen (Look, Leistung, Dauer, ab-Preis als Text); die ganze Wand erst ab etwa acht Bildern",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/galerie-shared-element-vollbild/demo?v=basis"
  },
  {
   "id": "gutschein-konfigurator",
   "rolle": "Sektion: Gutscheine (Wert oder Leistung, Live-Vorschau, PDF oder Post; bei Online-Kauf Widerrufs-Button)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/gutschein-konfigurator/meta.json"
  },
  {
   "id": "widerruf-und-kuendigung-schaltflaeche",
   "rolle": "Sektion: Gutscheine (Wert oder Leistung, Live-Vorschau, PDF oder Post; bei Online-Kauf Widerrufs-Button)",
   "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": "css-native-karussell",
   "rolle": "Sektion: Produkte im Salon (die Pflege, mit der gearbeitet wird; ohne Shop nur zeigen, mit Shop Kaufbox und Warenkorb aus d2c-produkt-zuerst leihen)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/meta.json",
   "variante": "produktreihe",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/demo?v=produktreihe"
  },
  {
   "id": "stellen-karriere",
   "rolle": "Sektion: Karriere & Ausbildung (offene Stellen direkt offen, Ausbildung, Initiativbewerbung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/stellen-karriere/meta.json",
   "variante": "wenige",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/stellen-karriere/demo?v=wenige"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Öffnungszeiten, Anfahrt, Kontakt (Status aus echten Zeiten im Kopf, Adresse als Text, Karte per 2-Klick, ein Datenblock für Seite und JSON-LD HairSalon / BeautySalon / NailSalon)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "kompakt",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=kompakt"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Öffnungszeiten, Anfahrt, Kontakt (Status aus echten Zeiten im Kopf, Adresse als Text, Karte per 2-Klick, ein Datenblock für Seite und JSON-LD HairSalon / BeautySalon / NailSalon)",
   "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: Öffnungszeiten, Anfahrt, Kontakt (Status aus echten Zeiten im Kopf, Adresse als Text, Karte per 2-Klick, ein Datenblock für Seite und JSON-LD HairSalon / BeautySalon / NailSalon)",
   "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": "barrierefreiheit-seite",
   "rolle": "Sektion: Barrierefreiheit (eigene Seite; Variante BFSG, wenn online gebucht oder verkauft wird und der Salon kein Kleinstunternehmen ist – vom Kunden prüfen lassen)",
   "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": "mobile-bottom-navigation",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/meta.json",
   "variante": "fab",
   "demo_url": "https://cecodesign.de/lab/fundus/navigation/mobile-bottom-navigation/demo?v=fab"
  },
  {
   "id": "native-popover-dropdowns",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/native-popover-dropdowns/meta.json"
  },
  {
   "id": "clip-path-form-hover",
   "rolle": "Hover",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/clip-path-form-hover/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/clip-path-form-hover/demo?v=basis"
  },
  {
   "id": "druck-feedback",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/druck-feedback/meta.json"
  },
  {
   "id": "kopieren-feedback",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/kopieren-feedback/meta.json"
  },
  {
   "id": "checkbox-radio-animiert",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/checkbox-radio-animiert/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": "fuellung-vom-eintrittspunkt",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/fuellung-vom-eintrittspunkt/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/hover/fuellung-vom-eintrittspunkt/demo?v=basis"
  },
  {
   "id": "pfeil-icon-button",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/meta.json",
   "variante": "tausch",
   "demo_url": "https://cecodesign.de/lab/fundus/buttons/pfeil-icon-button/demo?v=tausch"
  },
  {
   "id": "token-studio-signatur",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-studio-signatur/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": "fluide-typo-clamp-cqi",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/fluide-typo-clamp-cqi/meta.json"
  },
  {
   "id": "tabellenziffern",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/tabellenziffern/meta.json"
  },
  {
   "id": "lesesatz-text-wrap",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/lesesatz-text-wrap/meta.json"
  }
 ]
}