{
 "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": "kanzlei-beratung-souveraen",
 "name": "Kanzlei & Beratung: Haltung und Klarheit",
 "branche": "Kanzlei / Steuerberatung / Wirtschaftsprüfung / Unternehmensberatung",
 "stimmung": [
  "seriös",
  "souverän",
  "klar",
  "zurückhaltend"
 ],
 "kurz": "Eine ruhige Text-Serif für Überschriften, eine sachliche Grotesk für alles andere, ein tiefer Markenton (Nachtblau oder Aubergine) auf warmen Grautönen. Inhalte statt Bildwelten: Rechtsgebiete, Köpfe, Mandate, Insights. Bewegung bleibt kurz und funktional (125–330 ms), nichts zählt hoch, nichts schwebt.",
 "referenzen": [
  {
   "seite": "Oppenhoff",
   "url": "https://www.oppenhoff.eu/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): TYPO3. @font-face 'Graphik Web' (400, 500) für Text/UI und 'Berlingske Serif' für Überschriften. h1 wächst in Stufen 2rem → 2.5 → 3 → 3.25 → 3.5rem über die Breakpoints. Kurve cubic-bezier(.4,0,.22,1) (5×), daneben (0,.2,.8,1); Dauern .125s (26×), .15s, .25s, 333ms. Farben: Marke #1e1e50 (Nachtblau, 79×), Akzent #00bee6 (Cyan, 49×), warme Graus #efebeb (109×), #f9f8f8, #d2cdc7, #8e7c6d, Text #212529, Signal #ff5f5f. Startseite: News als h1-Slider, Kanzlei-Claim, Rechtsgebiete als h3-Liste (Arbeitsrecht, Außenhandel, Bank- und Kapitalmarktrecht …), 'Köpfe'.",
   "herkunft": "beobachtet",
   "quelle": "https://www.oppenhoff.eu/typo3temp/assets/compressed/A.merged-39554e518bc1aa2a755d1ba5f60450d1-min.css,q1793401250.pagespeed.cf.zrfzC7gOwe.css"
  },
  {
   "seite": "Slaughter and May",
   "url": "https://www.slaughterandmay.com/",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): @font-face 'Feature Deck' (Serif, 4 Schnitte, als var(--hero-serif)) plus 'Open Sans' für Text. Eine einzige Kurve: cubic-bezier(.645,.045,.355,1) easeInOutCubic (30×) mit .3s (32×), .4s, .5s, .7s. Farben Aubergine #2e1a47 / #50316d, Violett #4f32c9, Lavendel #9594d1 / #dbd9e7, Grau #dbdbdb, Text #2f2f2f. Sektionen: 'Advice that stands out' / Insights / People / Careers / Recent work; Themen-Hubs (z. B. 'Autumn Budget 2026 hub').",
   "herkunft": "beobachtet",
   "quelle": "https://www.slaughterandmay.com/dist/css/master.min.css?v=2.0.1"
  },
  {
   "seite": "Noerr",
   "url": "https://www.noerr.com/de",
   "art": "website",
   "beobachtung": "Live geprüft 31.10.2026 (HTML/CSS per curl abgerufen): Next.js. Eine Hausschrift 'ES Allianz' (74 font-family-Deklarationen) für alles. Material-Standardkurve cubic-bezier(0.4,0,0.2,1) (136×) und cubic-bezier(0.33,0,0.2,1) (52×); Dauern 0.33s (26×), 0.12s (24×), 200ms, 150ms, 250ms. Farben: #FFFFFF / #000000, Violett #5642E8, Koralle #F45252, #212121, Hellgrau #DADADB. Sektionen: Studien als h1-Karten ('Public M&A Report 01/2026'), Themen, Studien & Briefings, News, Pressemitteilungen, Events, Karriere, Newsletter 'Bestens informiert'.",
   "herkunft": "beobachtet",
   "quelle": "https://www.noerr.com/_next/static/css/9841a8c498de8577.css"
  }
 ],
 "schrift": {
  "paarung_basis": "",
  "abweichung": "Keine Katalog-Paarung; Rollen umgekehrt zu nachrichten-nord (dort schibsted-grotesk Headline, newsreader Text). Text schibsted-grotesk 400/500, nachrichtlich-sachlich.",
  "headline": "newsreader",
  "text": "schibsted-grotesk",
  "akzent": "",
  "groessen": "Wie Oppenhoff: Serif nur für Überschriften und Zitate, Grotesk für Text, Navigation, Labels. h1 clamp(2rem, 1.3rem + 2.6vw, 3.5rem), Newsreader wght 400 (opsz automatisch), Laufweite -0.01em, Zeilenhöhe 1.1; h2 clamp(1.625rem, 1.2rem + 1.6vw, 2.5rem); Fließtext Schibsted Grotesk 1.0625rem, wght 400, Zeilenhöhe 1.6, max. 65ch; Navigation/Labels wght 500 (Graphik-Prinzip 400/500), Meta 0.8125rem. Kein Bold über 600.",
  "techniken": [
   "serif-grotesk-duotone",
   "optische-groessen-opsz",
   "lesesatz-text-wrap",
   "tabellenziffern",
   "initial-letter-initialen"
  ],
  "alternative_eigenprojekt": "Headline zodiak oder sentient, Text switzer (ITF) – kommt Berlingske Serif + Graphik am nächsten, aber nicht für IONOS-Templates. Für kleine Steuerkanzleien als Template-Variante auch source-serif-4 statt Newsreader."
 },
 "farbe": {
  "prinzip": "Ein tiefer, gesättigter Markenton (Nachtblau, Aubergine) für Überschriften, Header und dunkle Sektionen; warme Grautöne statt reinem Weiß für Flächen; ein heller Akzent nur für Links, Fokus und aktive Filter. Keine Verläufe, keine Stockfoto-Blautöne.",
  "beispiel": [
   "#F9F8F8 Grund (Oppenhoff)",
   "#EFEBEB Flächenwechsel/Karten (Oppenhoff; Linien #D2CDC7)",
   "#1E1E50 Marke, Überschriften, dunkle Sektion (Oppenhoff; Alternative Aubergine #2E1A47 wie Slaughter and May)",
   "#212529 Fließtext",
   "#8E7C6D Meta/Datum",
   "#00BEE6 Akzent für Links/Fokus (sparsam, Oppenhoff)",
   "#7C6C5E Meta-Text barrierefrei (4.8 : 1 auf #F9F8F8; #8E7C6D nur für Linien oder Schrift ab 24 px)"
  ]
 },
 "animationsstil": "token-swiss-knackig",
 "bewegung": {
  "easing": "cubic-bezier(0.25, 1, 0.5, 1) (token-swiss-knackig, Eintritt); Austritt cubic-bezier(0.5, 0, 0.75, 0)",
  "beobachtet": "cubic-bezier(0.4, 0, 0.22, 1) mit .125s 26× (Oppenhoff); cubic-bezier(.4,0,.2,1) 136×, .33s/.12s (Noerr); easeInOutCubic .3s (Slaughter and May)",
  "dauer_ms": "125 (Farbe, Unterstreichung), 250 (Dropdown, Akkordeon), 330 (Mega-Menü, Drawer), 500 (Bild-Einblendung)",
  "regel": "Eine Ausklang-Kurve für alles, kurze Dauern wie Oppenhoff und Noerr. Bewegung nur entlang des Rasters (y oder x), keine Masken-Reveals an Text, kein Hochzählen von Zahlen. Schließen etwas schneller als Öffnen. View Transitions zwischen Seiten als ruhiger Crossfade.",
  "herkunft": "beobachtet (Oppenhoff .125s 26× + cubic-bezier(.4,0,.22,1); Noerr cubic-bezier(.4,0,.2,1) 136×, .33s/.12s; Slaughter and May easeInOutCubic .3s)"
 },
 "hero_beschreibung": "Ohne Stockfoto: ein Satz Positionierung in der Serif und als Einstieg die aktuelle Insight oder Studie (editorial-magazin-layout, Variante cover, ohne den Lenis-Teil der Demo), alternativ ein echtes Teamfoto. Kein Video, keine Skyline, kein Handschlag. Kleine Kanzlei: Satz + Teamfoto + „Erstgespräch“ und Telefon.",
 "muster": {
  "seitenuebergang": [],
  "preloader": [],
  "navigation": [
   "mega-menue-morphing-viewport",
   "sticky-shrink-header",
   "gestapelte-drawer-navigation"
  ],
  "hero": [
   "editorial-magazin-layout"
  ],
  "hero_variante": [],
  "sektionen": [
   {
    "zweck": "Rechtsgebiete / Leistungen / Branchen (je Leistung eine Unterseite, Antwort zuerst)",
    "muster": [
     "akkordeon-hoehe-auto",
     "leistungsseite-antwort-zuerst"
    ],
    "varianten": {
     "akkordeon-hoehe-auto": "leistungen",
     "leistungsseite-antwort-zuerst": "praxis"
    }
   },
   {
    "zweck": "Köpfe / Team (filterbar nach Fachgebiet, Standort)",
    "muster": [
     "team-ueber-mich-layout",
     "facettenfilter-ergebnisliste"
    ],
    "varianten": {
     "team-ueber-mich-layout": "raster",
     "facettenfilter-ergebnisliste": "leiste"
    }
   },
   {
    "zweck": "Ausgewählte Mandate / Recent work",
    "muster": [
     "editorial-magazin-layout"
    ],
    "varianten": {
     "editorial-magazin-layout": "zeitung"
    }
   },
   {
    "zweck": "Insights / News / Studien (Long-Reads mit einer echten Initiale)",
    "muster": [
     "editorial-magazin-layout",
     "initial-letter-initialen"
    ],
    "varianten": {
     "editorial-magazin-layout": "magazin"
    }
   },
   {
    "zweck": "Zahlen & Fakten (Standorte, Berufsträger, Gründung)",
    "muster": [
     "zahlen-fakten-section"
    ],
    "varianten": {
     "zahlen-fakten-section": "tabelle"
    }
   },
   {
    "zweck": "Auszeichnungen / Rankings",
    "muster": [
     "logo-wand-social-proof"
    ],
    "varianten": {
     "logo-wand-social-proof": "auszeichnungen"
    }
   },
   {
    "zweck": "Karriere",
    "muster": [
     "stellen-karriere"
    ],
    "varianten": {
     "stellen-karriere": "liste"
    }
   },
   {
    "zweck": "Erstgespräch / Kontakt (Formular, Rückruf, Mandantenportal-Link)",
    "muster": [
     "kontakt-anfrage-formular",
     "formular-fehlerzusammenfassung",
     "validierung-nach-interaktion"
    ],
    "varianten": {
     "formular-fehlerzusammenfassung": "kompakt"
    }
   },
   {
    "zweck": "Standorte / Anfahrt (Adresse als Text, Karte per 2-Klick, „Termin nach Vereinbarung · Telefon erreichbar“; Standortliste nur ab zwei Büros)",
    "muster": [
     "karte-zwei-klick",
     "oeffnungszeiten-status"
    ],
    "varianten": {
     "oeffnungszeiten-status": "termin",
     "karte-zwei-klick": "bild"
    }
   }
  ],
  "scroll": [],
  "schrift_animation": [],
  "hover": [
   "hover-absicht-timing"
  ],
  "cursor": [],
  "mikro": [
   "akkordeon-hoehe-auto",
   "einblenden-starting-style"
  ],
  "material": [],
  "galerie": [
   "css-native-karussell"
  ],
  "footer": [
   "mega-footer-sitemap",
   "studio-visitenkarte-footer"
  ],
  "button": [
   "pfeil-icon-button",
   "button-zustaende"
  ],
  "hero_varianten": {
   "editorial-magazin-layout": "cover"
  }
 },
 "signatur": [
  "initial-letter-initialen"
 ],
 "varianten_demo": {
  "css-native-karussell": "buehne",
  "pfeil-icon-button": "linie",
  "akkordeon-hoehe-auto": "faq",
  "studio-visitenkarte-footer": "basis"
 },
 "nicht_verwenden": [
  "zahlen-odometer – hochzählende Kennzahlen wirken verkäuferisch; Zahlen stehen einfach da",
  "highlight-marker-underline – laut Katalog nicht für sehr formale Marken",
  "marquee-laufband – Mandanten- oder Ranking-Logos im Laufband wirken nach Startup",
  "cinematic-video-hero – Handschlag- und Skyline-Stockvideos sind das Kanzlei-Klischee",
  "smooth-scroll-lenis / magnetische-elemente / jeder Custom-Cursor – Show statt Seriosität",
  "kreistext-siegel-rotierend – 'Seit 1950'-Siegel wirken wie Werbung",
  "mesh-gradient-shader – kein Bezug zur Branche"
 ],
 "regeln": [
  "Hero ohne Stockfoto: ein Satz Positionierung in der Serif + aktuelle Insights/Studie als Einstieg (Noerr, Oppenhoff), alternativ ein echtes Teamfoto.",
  "Navigation nach Mandantenfrage: Leistungen/Rechtsgebiete, Branchen, Köpfe, Insights, Karriere, Kontakt; Mega-Menü ab 3 Bereichen mit je 5+ Einträgen.",
  "Serif ausschließlich für Überschriften und Zitate; alles Funktionale in der Grotesk mit 400/500.",
  "Jede Person mit Foto im einheitlichen Licht, Funktion, Fachgebiet, Sprachen, direktem Kontakt (Telefon/E-Mail als Link).",
  "Mandate und Insights mit Datum und Rubrik (Tabellenziffern), nicht als anonyme Kacheln.",
  "Ein Markenton + warme Graus; der helle Akzent nur für Links, Fokus und aktive Filter.",
  "Bei Steuerberatung zusätzlich: Mandantenportal/Upload-Link im Header, Fristen-Hinweise als Akkordeon.",
  "Footer mit allen Standorten (Adresse, Telefon), Impressum mit Kammer- und Berufsrechtsangaben.",
  "Erstgespräch als eigene Sektion vor dem Footer: kurzes Formular (Anliegen, Rechtsgebiet, Rückruf-Zeitfenster), Telefon, Mandantenportal-Link; Validierung erst nach Interaktion.",
  "Initiale (initial-letter) höchstens einmal pro Insight-Artikel, nie in Teasern oder Listen.",
  "Pflichtangaben und Recht (Leitfaden 8a): Impressum mit Kammer, gesetzlicher Berufsbezeichnung und Staat der Verleihung, berufsrechtlichen Regelungen und Berufshaftpflichtversicherung; Mandate nur mit Einwilligung der Mandanten (Verschwiegenheit); keine Erfolgsversprechen; Rankings mit Jahr und Quelle; Kontaktformular mit Hinweis, dass noch kein Mandat entsteht – vom Kunden prüfen lassen."
 ],
 "varianten": [
  {
   "name": "Kleine Kanzlei / Steuerberatung (3–10 Personen) – Standard für Templates",
   "sektionen": [
    "Leistungen (z. B. Steuererklärung, Lohn, Jahresabschluss, Gründung) als Akkordeon",
    "Team mit Foto, Funktion, Sprachen",
    "Fristen-Hinweise (Akkordeon, mit Datum in Tabellenziffern)",
    "Erstgespräch / Kontakt",
    "Mandantenportal- bzw. Upload-Link im Header",
    "Anfahrt (karte-zwei-klick)"
   ],
   "weglassen": [
    "Ausgewählte Mandate",
    "Auszeichnungen / Rankings",
    "Studien",
    "Karriere-Sektion (höchstens eine Stellenanzeige)",
    "Mega-Menü (einfache Navigation reicht)"
   ],
   "muster_zusatz": [
    "leistungsseite-antwort-zuerst"
   ]
  }
 ],
 "template_tauglich": true,
 "aufwand": "niedrig",
 "leistung": "Sehr leicht: zwei Variable Fonts (Newsreader mit opsz, Schibsted Grotesk), kaum JS. Mega-Menü per Popover/Details mit Tastaturbedienung. Teamfilter per CSS/kleinem Script, Teamfotos als AVIF mit festen Seitenverhältnissen gegen Layout-Sprünge.",
 "offen": [
  "4. Referenz aus dem deutschen KMU-Segment fehlt: eine deutsche Steuerberatungs-Website (3–10 Personen) (AD-Prüfung Runde 3; Referenzen bisher international/Premium-lastig)."
 ],
 "stimmung_tags": [
  "ruhig",
  "präzise",
  "editorial"
 ],
 "raum": {
  "basis_px": 8,
  "skala_px": [
   4,
   8,
   12,
   16,
   24,
   32,
   48,
   64,
   96,
   128
  ],
  "sektion": "clamp(72px, 9vw, 136px)",
  "dichte": "mittel",
  "hinweis": "Geordnet und ruhig: Insights und Köpfe in festen Rastern mit 32 px Abstand, Fließtext auf 65ch."
 },
 "raster": {
  "spalten": 12,
  "rand": "clamp(20px, 4vw, 56px)",
  "spalt": "clamp(16px, 2vw, 32px)",
  "max_breite": "1280px",
  "hinweis": "Hero 7/5 (Satz links, Insight rechts). Köpfe als 4er-Raster mit einheitlichem Porträt 4:5, Insights als Liste mit Datum und Rubrik."
 },
 "form": {
  "radius_klein": "0",
  "radius_gross": "0",
  "pille": false,
  "linie": "1px #D2CDC7 zwischen Listeneinträgen und um Felder",
  "schatten": "keiner",
  "hinweis": "Keine Rundung, keine Schatten, kein Glas. Haupthandlung als Textlink mit Pfeil (pfeil-icon-button, Variante linie), Formularknöpfe eckig im Markenton."
 },
 "bildsprache": {
  "licht": "Porträts in einheitlichem, weichem Licht vor demselben Hintergrund.",
  "ausschnitt": "Brustbild auf Augenhöhe; Räume der Kanzlei nur als ruhige Totale.",
  "personen": "Ja: nur echte Partner:innen und Team, mit Funktion und Sprachen.",
  "formate": [
   "4:5",
   "3:2"
  ],
  "nicht": "Keine Skyline, kein Handschlag, keine Justitia, keine Paragraphen- oder Waagen-Symbole, keine Stock-Meetings."
 },
 "ton": {
  "anrede": "Sie",
  "saetze": "Präzise und vollständig, Fachbegriff erklärt, keine Floskeln. Insights mit Datum und Rubrik.",
  "haltung": "Souverän und sachlich, auf Augenhöhe mit der Mandantin.",
  "beispiele": [
   "Wir beraten Familienunternehmen bei Nachfolge und Verkauf.",
   "Neue Regeln zur Grundsteuer: was Eigentümer jetzt prüfen sollten."
  ],
  "nicht": "„Ihr kompetenter Partner in allen Rechtsfragen“, „maßgeschneiderte Lösungen“, „Wir kämpfen für Ihr Recht!“."
 },
 "hero_aufbau": {
  "raster": "12 Spalten: Positionierungssatz in der Serif über Spalte 1 bis 7, aktuelle Insight als Cover über 8 bis 12 (editorial-magazin-layout, Variante cover).",
  "bild": "Kein Stockfoto; Cover der aktuellen Insight 4:5 oder echtes Teamfoto 3:2.",
  "h1": "clamp(2rem, 1.3rem + 2.6vw, 3.5rem), Newsreader 400, oben links.",
  "handlung": "„Erstgespräch vereinbaren“ (Markenton, eckig) und Telefon als Textlink.",
  "zusatz": "Rubrik und Datum der Insight in Tabellenziffern über dem Cover; bei Steuerberatung Mandantenportal im Kopf."
 },
 "url": "https://cecodesign.de/lab/fundus/rezepte/kanzlei-beratung-souveraen/",
 "tokens_css": "https://cecodesign.de/lab/fundus/rezepte/kanzlei-beratung-souveraen/tokens.css",
 "bauplan": "https://cecodesign.de/lab/fundus/rezepte/kanzlei-beratung-souveraen/bauplan.txt",
 "rezept_json": "https://cecodesign.de/lab/fundus/rezepte/kanzlei-beratung-souveraen/rezept.json",
 "nicht_verwenden_ids": [
  {
   "ids": [
    "zahlen-odometer"
   ],
   "grund": "hochzählende Kennzahlen wirken verkäuferisch; Zahlen stehen einfach da"
  },
  {
   "ids": [
    "highlight-marker-underline"
   ],
   "grund": "laut Katalog nicht für sehr formale Marken"
  },
  {
   "ids": [
    "marquee-laufband"
   ],
   "grund": "Mandanten- oder Ranking-Logos im Laufband wirken nach Startup"
  },
  {
   "ids": [
    "cinematic-video-hero"
   ],
   "grund": "Handschlag- und Skyline-Stockvideos sind das Kanzlei-Klischee"
  },
  {
   "ids": [
    "smooth-scroll-lenis",
    "magnetische-elemente"
   ],
   "grund": "smooth-scroll-lenis / magnetische-elemente / jeder Custom-Cursor – Show statt Seriosität"
  },
  {
   "ids": [
    "kreistext-siegel-rotierend"
   ],
   "grund": "'Seit 1950'-Siegel wirken wie Werbung"
  },
  {
   "ids": [
    "mesh-gradient-shader"
   ],
   "grund": "kein Bezug zur Branche"
  }
 ],
 "alle_muster": [
  {
   "id": "initial-letter-initialen",
   "rolle": "Signatur",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/initial-letter-initialen/meta.json"
  },
  {
   "id": "editorial-magazin-layout",
   "rolle": "Hero",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/meta.json",
   "variante": "cover",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=cover",
   "varianten_je_rolle": [
    {
     "rolle": "Hero",
     "variante": "cover",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=cover"
    },
    {
     "rolle": "Sektion: Ausgewählte Mandate / Recent work",
     "variante": "zeitung",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=zeitung"
    },
    {
     "rolle": "Sektion: Insights / News / Studien (Long-Reads mit einer echten Initiale)",
     "variante": "magazin",
     "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/editorial-magazin-layout/demo?v=magazin"
    }
   ]
  },
  {
   "id": "akkordeon-hoehe-auto",
   "rolle": "Sektion: Rechtsgebiete / Leistungen / Branchen (je Leistung eine Unterseite, Antwort zuerst)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/meta.json",
   "variante": "faq",
   "demo_url": "https://cecodesign.de/lab/fundus/mikroanimationen/akkordeon-hoehe-auto/demo?v=faq"
  },
  {
   "id": "leistungsseite-antwort-zuerst",
   "rolle": "Sektion: Rechtsgebiete / Leistungen / Branchen (je Leistung eine 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: Köpfe / Team (filterbar nach Fachgebiet, Standort)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/meta.json",
   "variante": "raster",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/team-ueber-mich-layout/demo?v=raster"
  },
  {
   "id": "facettenfilter-ergebnisliste",
   "rolle": "Sektion: Köpfe / Team (filterbar nach Fachgebiet, Standort)",
   "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": "zahlen-fakten-section",
   "rolle": "Sektion: Zahlen & Fakten (Standorte, Berufsträger, Gründung)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/zahlen-fakten-section/meta.json",
   "variante": "tabelle",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/zahlen-fakten-section/demo?v=tabelle"
  },
  {
   "id": "logo-wand-social-proof",
   "rolle": "Sektion: Auszeichnungen / Rankings",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/meta.json",
   "variante": "auszeichnungen",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/logo-wand-social-proof/demo?v=auszeichnungen"
  },
  {
   "id": "stellen-karriere",
   "rolle": "Sektion: Karriere",
   "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: Erstgespräch / Kontakt (Formular, Rückruf, Mandantenportal-Link)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/kontakt-anfrage-formular/meta.json"
  },
  {
   "id": "formular-fehlerzusammenfassung",
   "rolle": "Sektion: Erstgespräch / Kontakt (Formular, Rückruf, Mandantenportal-Link)",
   "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: Erstgespräch / Kontakt (Formular, Rückruf, Mandantenportal-Link)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/validierung-nach-interaktion/meta.json"
  },
  {
   "id": "karte-zwei-klick",
   "rolle": "Sektion: Standorte / Anfahrt (Adresse als Text, Karte per 2-Klick, „Termin nach Vereinbarung · Telefon erreichbar“; Standortliste nur ab zwei Büros)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hero-layouts/karte-zwei-klick/meta.json",
   "variante": "bild",
   "demo_url": "https://cecodesign.de/lab/fundus/hero-layouts/karte-zwei-klick/demo?v=bild"
  },
  {
   "id": "oeffnungszeiten-status",
   "rolle": "Sektion: Standorte / Anfahrt (Adresse als Text, Karte per 2-Klick, „Termin nach Vereinbarung · Telefon erreichbar“; Standortliste nur ab zwei Büros)",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/meta.json",
   "variante": "termin",
   "demo_url": "https://cecodesign.de/lab/fundus/sektionen/oeffnungszeiten-status/demo?v=termin"
  },
  {
   "id": "mega-menue-morphing-viewport",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/mega-menue-morphing-viewport/meta.json"
  },
  {
   "id": "sticky-shrink-header",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/sticky-shrink-header/meta.json"
  },
  {
   "id": "gestapelte-drawer-navigation",
   "rolle": "Navigation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/navigation/gestapelte-drawer-navigation/meta.json"
  },
  {
   "id": "hover-absicht-timing",
   "rolle": "Hover",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/hover/hover-absicht-timing/meta.json"
  },
  {
   "id": "einblenden-starting-style",
   "rolle": "Mikroanimation",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/einblenden-starting-style/meta.json"
  },
  {
   "id": "css-native-karussell",
   "rolle": "Galerie",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/meta.json",
   "variante": "buehne",
   "demo_url": "https://cecodesign.de/lab/fundus/galerien-slider/css-native-karussell/demo?v=buehne"
  },
  {
   "id": "mega-footer-sitemap",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/mega-footer-sitemap/meta.json"
  },
  {
   "id": "studio-visitenkarte-footer",
   "rolle": "Footer",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/meta.json",
   "variante": "basis",
   "demo_url": "https://cecodesign.de/lab/fundus/footer/studio-visitenkarte-footer/demo?v=basis"
  },
  {
   "id": "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": "button-zustaende",
   "rolle": "Buttons",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/mikroanimationen/button-zustaende/meta.json"
  },
  {
   "id": "token-swiss-knackig",
   "rolle": "Animationsstil",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/animationsstile/token-swiss-knackig/meta.json"
  },
  {
   "id": "serif-grotesk-duotone",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/serif-grotesk-duotone/meta.json"
  },
  {
   "id": "optische-groessen-opsz",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/optische-groessen-opsz/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": "tabellenziffern",
   "rolle": "Schrift-Technik",
   "demo": true,
   "meta": "https://cecodesign.de/lab/fundus/typo-techniken/tabellenziffern/meta.json"
  }
 ]
}