[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":54,"80TL0Akwvrbf5E6S7yXPFso0Cyq5T-2FIVxzYddJSSY":80,"xc2aiAyrSJRQKljg2hVpzUlkORVGQ11BU8ExLY0lwF0":178,"_apollo:default":219},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44,49],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte",null,"/projekte",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"14f196ab-2c9d-4ac6-81d6-276e68827139","Analyse","/clarity",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":23,"class":13},{"__typename":10,"id":50,"title":51,"description":13,"url":52,"langcode":15,"internal":20,"expanded":21,"attributes":53},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":55},{"__typename":5,"id":56,"name":57,"items":58},"footer","Fußzeile",[59,65,70,75],{"__typename":10,"id":60,"title":61,"description":13,"url":62,"langcode":63,"internal":20,"expanded":21,"attributes":64},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":63,"internal":20,"expanded":21,"attributes":69},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":63,"internal":20,"expanded":21,"attributes":74},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":76,"title":77,"description":13,"url":78,"langcode":63,"internal":21,"expanded":21,"attributes":79},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"route":81},{"__typename":82,"entity":83},"RouteInternal",{"__typename":84,"id":85,"title":86,"changed":87,"created":93,"langcode":96,"path":97,"promote":21,"status":20,"sticky":21,"metatag":98,"postCategory":122,"postContentElements":13,"evergreen":21,"tags":13,"postWpBody":147,"wpHeaderImage":151,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":164,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":13,"author":174},"NodeWpPost","1627","Hinter den Kulissen von Clarity: Wie wir unseren KI-gestützten Website-Analyser gebaut haben",{"__typename":88,"timestamp":89,"timezone":90,"offset":91,"time":92},"DateTime",1779349908,"UTC","+00:00","2026-05-21T07:51:48+00:00",{"__typename":88,"timestamp":94,"timezone":90,"offset":91,"time":95},1779092343,"2026-05-18T08:19:03+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/hinter-den-kulissen-von-clarity-wie-wir-unseren-ki-gestuetzten-website-analyser-gebaut-haben",[99,106,113,118],{"__typename":100,"tag":101,"attributes":102},"MetaTagValue","meta",{"__typename":103,"name":104,"content":105},"MetaTagValueAttributes","title","Hinter den Kulissen von Clarity: Wie wir unseren KI-gestützten Website-Analyser gebaut haben | Liechtenecker UX Design Studio",{"__typename":107,"tag":108,"attributes":109},"MetaTagLink","link",{"__typename":110,"href":111,"hreflang":13,"rel":112,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/hinter-den-kulissen-von-clarity-wie-wir-unseren-ki-gestuetzten-website-analyser-gebaut-haben","canonical",{"__typename":114,"tag":101,"attributes":115},"MetaTagProperty",{"__typename":116,"property":117,"content":86},"MetaTagPropertyAttributes","og:title",{"__typename":114,"tag":101,"attributes":119},{"__typename":116,"property":120,"content":121},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/2026-05/Sharebild%20Blogartikel%20Hinter%20den%20Kulissen%20von%20Clarity.jpg?h=3ecc83bb&itok=F3C7QoyL",{"__typename":123,"id":124,"name":125,"path":126,"status":20,"weight":127,"description":128,"langcode":132,"changed":133,"metatag":136},"TermCategories","7","Technologie","/kategorie/technologie",0,{"__typename":129,"processed":130,"format":131},"Text","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen. ","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":88,"timestamp":134,"timezone":90,"offset":91,"time":135},1713772777,"2024-04-22T07:59:37+00:00",[137,140,144],{"__typename":100,"tag":101,"attributes":138},{"__typename":103,"name":104,"content":139},"Technologie | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":141},{"__typename":103,"name":142,"content":143},"description","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen.",{"__typename":107,"tag":108,"attributes":145},{"__typename":110,"href":146,"hreflang":13,"rel":112,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/technologie",{"__typename":148,"processed":149,"format":131,"summary":150},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\u003Cdiv class=\"row ckeditor-grid grid-100-dl\">\u003Cdiv class=\"ckeditor-grid-col grid-one default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3\">\u003Cp>Websites haben heute mehrere Rollen: sie sind Vertriebsplattform, Content-Hub und Markenbotschafterin zugleich. \u003Cbr>Genau deshalb ist die Frage „Wie gut funktioniert diese Website eigentlich?“ so unangenehm schwer zu beantworten. SEO, Messaging, Conversion, Accessibility und technische Performance bringen jeweils eigene Tools, eigene Reports und ihre eigene Sprache mit.\u003Cbr>\u003Cbr>Irgendwann haben wir uns gefragt, ob das nicht einfacher geht. Ein einziger Analyse-Lauf, der alles abdeckt - ohne Checkliste und auch ohne manuelles Nachfassen dafür mit aktueller KI, die Inhalte tatsächlich versteht.\u003C/p>\u003Cp>Das Ergebnis ist \u003Ca href=\"https://liechtenecker.at/clarity\" target=\"_blank\">\u003Cstrong>Clarity\u003C/strong>\u003C/a>, unsere B2B-Plattform für Website-Analysen. Mehr über die Entstehung von Clarity könnt ihr \u003Ca href=\"https://liechtenecker.at/blog/liechtenecker-clarity-check\" target=\"_blank\">hier nachlesen\u003C/a>. \u003Cbr>In diesem Beitrag zeigen wir, wie Clarity technisch funktioniert und welche Überlegungen hinter der Architektur stecken.\u003C/p>\u003Cp> \u003C/p>\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"7058a264-f6f7-4972-8394-4bf4ad14f156\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=X16kstqb 1x, /sites/default/files/styles/image_width_medium_x2/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=FpdCshEX 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1080\" height=\"1440\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=GnDRPqcD 1x, /sites/default/files/styles/image_width_small_x2/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=ROttuvm- 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"1365\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=dNFcsYAr 1x, /sites/default/files/styles/image_width_xsmall_x2/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=zNH2JoM7 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"993\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=9G7RqxoG 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=_VC8759o 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"640\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=MhDJO4Fd 1x, /sites/default/files/styles/image_width_large_x2/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.webp?itok=WJSOb-qR 2x\" type=\"image/webp\" width=\"1080\" height=\"1440\">\n                  \u003Cimg loading=\"lazy\" width=\"1080\" height=\"1440\" src=\"/sites/default/files/styles/image_width_large_x2/public/2026-05/Insta%20Beitrag_ClarityCheck.jpg.jpg?itok=WJSOb-qR\" alt=\"Ansicht eines Screes zum Clarity Check\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp> \u003C/p>\u003Ch2>Was Clarity macht\u003C/h2>\u003Cp>Clarity analysiert Websites so, wie es erfahrene Berater:innen tun würden: Die Plattform crawlt Seiten, identifiziert relevante URLs, führt mehrere KI-gestützte Analysen parallel aus und verdichtet die Ergebnisse zu einem klaren, handlungsorientierten Report.\u003C/p>\u003Cp>Marketing-Teams nutzen Clarity für Website-Audits. Agenturen setzen es in der Angebotsphase ein. Sales-Teams gehen damit vorbereitet in Pitch-Gespräche.\u003C/p>\u003Cp>Das eigentlich Spannende ist aber nicht der Output, sondern der Motor darunter. Denn jede Architekturentscheidung wurde von einer konkreten Frage getrieben:\u003C/p>\u003Cdiv class=\"box box--no-padding box--margin-bottom box--margin-top box--lightgrey\">\u003Cdiv class=\"box__content\">\u003Cp>\u003Cspan class=\"notion-enable-hover\" data-token-index=\"0\">\u003Cstrong>Wie bleibt das System schnell, kosteneffizient und flexibel genug für das, was nächste Woche kommt?\u003C/strong>\u003C/span>\u003C/p>\u003C/div>\u003C/div>\u003Cp> \u003C/p>\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"14b91107-e8eb-4241-8f96-ee288f92701a\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=tAsqn-Z0 1x, /sites/default/files/styles/image_width_medium_x2/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=uaj3OUDs 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"307\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=iyJrAuFy 1x, /sites/default/files/styles/image_width_small_x2/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=a0c3-H7D 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"218\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=r92JUX2z 1x, /sites/default/files/styles/image_width_xsmall_x2/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=ptzxPbPl 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"159\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=pwq2RxAY 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=TQ8icGVB 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"102\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=2bIlkn4X 1x, /sites/default/files/styles/image_width_large_x2/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.webp?itok=AcwUKSoo 2x\" type=\"image/webp\" width=\"1620\" height=\"345\">\n                  \u003Cimg loading=\"lazy\" width=\"2889\" height=\"615\" src=\"/sites/default/files/styles/image_width_large_x2/public/2026-05/vereinfachte%20Version%20von%20der%20Systemu%CC%88bersicht.png.jpg?itok=AcwUKSoo\" alt=\"Diagramm einer vereinfachten Version von der Systemübersicht\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Stark vereinfachte Version der Systemübersicht\u003C/figcaption>\n\u003C/figure>\n\u003Cp> \u003C/p>\u003Ch2>Die Grundidee: Plugins statt Monolith\u003C/h2>\u003Cp>Viele Analyse-Tools verdrahten ihre Prüfungen fest ins Produkt ein. Neue Funktion nötig? Ticket schreiben, Priorisierung abwarten, drei Sprints später hoffen, dass sie live geht.\u003C/p>\u003Cp>\u003Ca href=\"https://liechtenecker.at/clarity\" target=\"_blank\">\u003Cstrong>Clarity\u003C/strong>\u003C/a> ist anders aufgebaut.\u003C/p>\u003Cp>Im Kern steht ein \u003Cstrong>Plugin-System\u003C/strong>. Jede einzelne Analyse ist ein eigenständiges Plugin. Beispiele dafür sind:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e22155ac4b4f6b6bc10513528655ff5ee\">relevante URLs finden\u003C/li>\u003Cli data-list-item-id=\"ef39a66d5a38444fbf8e55b88db08b8ed\">eine Seite crawlen\u003C/li>\u003Cli data-list-item-id=\"e76633d43f280b91db9430dc3da1d5dbd\">SEO bewerten\u003C/li>\u003Cli data-list-item-id=\"e060fd73dd27bfb6aefa0ce50685e24fc\">den finalen Report schreiben\u003C/li>\u003C/ul>\u003Cp>Heute liefern wir neun Plugins mit. Morgen können wir ein zehntes ergänzen, ohne den Rest anfassen zu müssen.\u003C/p>\u003Ch3>Warum das für uns strategisch wichtig ist\u003C/h3>\u003Cp>Unser Fokus zum Launch war ganz bewusst eine KI-gestützte Analyseplattform für B2B-Websites.\u003C/p>\u003Cp>Uns war aber von Anfang an klar: Website-Audits sind nur der erste Schritt.\u003C/p>\u003Cp>Durch die Plugin-Architektur können wir \u003Ca href=\"https://liechtenecker.at/clarity\" target=\"_blank\">\u003Cstrong>Clarity \u003C/strong>\u003C/a>schrittweise um weitere Analyse-Sparten erweitern, ohne die bestehende Plattform umbauen zu müssen. Neue Analyse-Typen sind klar abgegrenzte Module statt tiefgreifender Eingriffe in die gesamte Architektur.\u003C/p>\u003Cp>Das bedeutet: Wir können sehr schnell entscheiden, welche neuen Analyse-Bereiche wir als nächstes anbieten möchten und diese iterativ ergänzen.\u003C/p>\u003Ch2>Templates: Analysen konfigurieren, ohne zu programmieren\u003C/h2>\u003Cp>Ein \u003Cstrong>Template\u003C/strong> ist in Clarity im Grunde ein Rezept.\u003C/p>\u003Cp>Es definiert:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"eb0f7cc965856de05d6c92ca5b0407bf8\">welche URLs analysiert werden\u003C/li>\u003Cli data-list-item-id=\"e28937402df4c5d66ad355714e1f077b4\">welche Plugins laufen\u003C/li>\u003Cli data-list-item-id=\"e4c80e61da94e15f686e329895291dab2\">in welcher Reihenfolge sie ausgeführt werden\u003C/li>\u003Cli data-list-item-id=\"e5efdf1283afea22ca0954a0f0fcb3df3\">welche KI-Modelle verwendet werden\u003C/li>\u003Cli data-list-item-id=\"e74289d1117a97c8ab685d6f7c1fe0e51\">welche Prompts genutzt werden\u003C/li>\u003Cli data-list-item-id=\"e82e9ae3591062bcace38759d9896a626\">wie stark einzelne Ergebnisse gewichtet werden\u003C/li>\u003C/ul>\u003Cp>Ein typisches Template könnte sagen:\u003C/p>\u003Cdiv class=\"box box--no-padding box--margin-bottom box--margin-top box--lightgrey\">\u003Cdiv class=\"box__content\">\u003Cp>„Finde zuerst relevante URLs, wähle die zehn wichtigsten aus, crawle sie, führe vier KI-Analysen parallel aus und verdichte alles zu einem Executive Summary.“\u003C/p>\u003C/div>\u003C/div>\u003Cp>Das Entscheidende dabei: Templates werden in der Oberfläche konfiguriert und nicht im Code.\u003C/p>\u003Cp>Dadurch lassen sich neue Analyse-Arten wie „Compliance-Audit“, „Mitbewerber-Deep-Dive“ oder „QA nach Relaunch“ aufsetzen, ohne dass jemand eine Zeile implementieren muss.\u003C/p>\u003Ch3>Drei Details, auf die wir besonders stolz sind\u003C/h3>\u003Ch4>Frei konfigurierbares, strictly typed Plugin-Output-Schema\u003C/h4>\u003Cp>Jedes Plugin liefert Ergebnisse in einem klar definierten Output-Schema zurück und dieses Schema ist pro Plugin frei konfigurierbar. So bleibt die Integration robust: API-Clients wissen exakt, welche Felder es gibt, wie sie heißen und welche Typen sie haben.\u003Cbr>Möglich macht das ein Type-Generator im Client, der aus den Template-Definitionen automatisch passende TypeScript-Typen erzeugt.\u003C/p>\u003Ch4>Schreibgeschützte Templates und Snapshots\u003C/h4>\u003Cp>Sobald ein Template live ist, kann es nicht stillschweigend verändert werden. Änderungen erfordern bewusstes „Unpublishen“.\u003C/p>\u003Cp>Das ist auch eine wichtige Voraussetzung für das Type-Generating: Published Templates sind ein stabiler Vertrag, auf dem die generierten Typen basieren können.\u003C/p>\u003Cp>Jede Veröffentlichung erzeugt automatisch einen Snapshot. Wenn sich eine Änderung als Fehler herausstellt, reicht ein Klick und die alte Version ist wiederhergestellt.\u003C/p>\u003Cp>Das verhindert, dass laufende Analysen plötzlich auf einer anderen Konfiguration basieren und macht Rollbacks genauso banal wie einen Button-Klick.\u003C/p>\u003Ch4>Template-Verkettung\u003C/h4>\u003Cp>Ein „Deep-Dive“-Template kann Ergebnisse eines früheren „Quick-Scan“-Laufs übernehmen, statt die Website erneut komplett zu crawlen. Das spart Zeit, Rechenleistung, KI-Kosten und sorgt gleichzeitig für konsistente Reports.\u003C/p>\u003Ch2>Wie ein Analyse-Lauf tatsächlich abläuft\u003C/h2>\u003Cp>Klickt jemand auf „Analyse starten“, beginnt im Hintergrund eine kleine Choreografie.\u003C/p>\u003Cp>Die Kurzfassung:\u003C/p>\u003Col>\u003Cli data-list-item-id=\"ef13eef6ee504f01eab31a936909cc7ba\">Die API nimmt den Request entgegen und legt einen Job in die Queue.\u003C/li>\u003Cli data-list-item-id=\"e43dd3652c6cf2c566e7d9fa4d67e18bb\">Ein separater Worker übernimmt die Analyse.\u003C/li>\u003Cli data-list-item-id=\"e30d8d16913ed31850cb9866b93d6f386\">Der Worker zerlegt das Template in Abhängigkeits-Wellen.\u003C/li>\u003Cli data-list-item-id=\"e468b58fc9016db11b3e14e5759943439\">Plugins, die unabhängig voneinander laufen können, werden parallel ausgeführt.\u003C/li>\u003Cli data-list-item-id=\"e81ff6d8b8aa513d103569aa73a2ee35f\">Ergebnisse werden live per WebSocket an die Oberfläche gestreamt.\u003C/li>\u003Cli data-list-item-id=\"e40c6f3af27dddd830ce144321cbce5b6\">Das finale Synthese-Plugin erstellt daraus den Abschlussbericht.\u003C/li>\u003C/ol>\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"9e05e7d0-092a-403d-9f32-3dd36e91a790\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=H2Sa3WH8 1x, /sites/default/files/styles/image_width_medium_x2/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=Lcx4_yAw 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"881\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=SKl6iwzW 1x, /sites/default/files/styles/image_width_small_x2/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=-8xPYozu 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"626\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=aBK93vbd 1x, /sites/default/files/styles/image_width_xsmall_x2/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=Mek7NGSY 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"456\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=JYYHJEXP 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=05oHvYyv 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"294\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=ZFuxS3QA 1x, /sites/default/files/styles/image_width_large_x2/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.webp?itok=8_Fee76P 2x\" type=\"image/webp\" width=\"1620\" height=\"991\">\n                  \u003Cimg loading=\"lazy\" width=\"2782\" height=\"1702\" src=\"/sites/default/files/styles/image_width_large_x2/public/2026-05/vereinfachter%20Ablauf%20einer%20Analyse.png.jpg?itok=8_Fee76P\" alt=\"Diagramm, welches den vereinfachten Ablauf einer Analyse zeigt\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>vereinfachter Ablauf einer Analyse\u003C/figcaption>\n\u003C/figure>\n\u003Ch3>Warum API und Worker getrennt sind\u003C/h3>\u003Cp>Eine Analyse kann mehrere Minuten dauern. Würde die API diese Arbeit selbst ausführen, würden alle anderen Requests langsamer werden. Deshalb läuft die schwere Arbeit separat, wahlweise als Child-Prozess, Docker-Container oder Kubernetes-Pod.\u003C/p>\u003Cp>Die API bleibt dadurch reaktionsschnell, während sich Worker unabhängig skalieren lassen. Und das Beste:\u003Cbr>Die gleiche Business-Logik läuft lokal, im eigenen Rechenzentrum oder in Kubernetes.\u003C/p>\u003Ch2>Crawling mit echten Browsern\u003C/h2>\u003Cp>Viele klassische SEO-Tools analysieren nur statisches HTML.\u003C/p>\u003Cp>Das Problem: Moderne Websites bestehen aus JavaScript, dynamischem Rendering und clientseitiger Logik.\u003C/p>\u003Cp>Deshalb nutzt Clarity \u003Cstrong>Playwright + Chromium\u003C/strong> und lädt Seiten in echten Browsern.\u003C/p>\u003Cp>Das bringt einige Vorteile:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e3f69dbcba42b883373740442a280acf7\">Inhalte werden tatsächlich gerendert\u003C/li>\u003Cli data-list-item-id=\"e3e21543c5885d7e0863b7116345d76ff\">Lazy Loading funktioniert\u003C/li>\u003Cli data-list-item-id=\"efd003ee37beeeb5b06ee875e0b6b3953\">clientseitige Navigation wird sichtbar\u003C/li>\u003Cli data-list-item-id=\"e12a656d93f1c4bc0c1d1906dcf87f9d4\">Accessibility-Probleme lassen sich realitätsnah prüfen\u003C/li>\u003Cli data-list-item-id=\"e5d3e1457c4bbc37f4a0dff0b7d41985a\">die KI analysiert dieselbe Seite, die echte Nutzer:innen sehen\u003C/li>\u003C/ul>\u003Cp> \u003C/p>\u003Ch2>Die KI-Schicht: Warum wir auf Claude setzen\u003C/h2>\u003Cp>Alle KI-Plugins in Clarity arbeiten mit \u003Cstrong>Anthropic Claude\u003C/strong>, aktuell standardmäßig mit Sonnet 4.6.\u003C/p>\u003Cp>Wir haben unterschiedliche Modelle getestet. Claude hat uns vor allem aus zwei Gründen überzeugt:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"efcaa3e2426e382d28fd9cc89a4ce02c1\">sehr stark bei langen, unstrukturierten Webseiten-Inhalten\u003C/li>\u003Cli data-list-item-id=\"e08ffc69b6b86be6463125dbf33189e83\">gute Ergebnisse bei analytischen Aufgaben und strukturierten Bewertungen\u003C/li>\u003C/ul>\u003Ch3>Was dabei technisch wichtig ist\u003C/h3>\u003Ch4>Streaming\u003C/h4>\u003Cp>Wir streamen KI-Antworten, damit lange Analysen nicht in Timeouts laufen und der Fortschritt in der Oberfläche sofort sichtbar ist.\u003C/p>\u003Ch4>Retries mit Backoff\u003C/h4>\u003Cp>Wenn das Modell bei hoher Last kurzzeitig „overloaded“ zurückgibt, wartet das System automatisch und versucht es erneut. Das reduziert Abbrüche, ohne dass Nutzer:innen etwas davon mitbekommen.\u003C/p>\u003Ch4>Token-Tracking\u003C/h4>\u003Cp>Pro Lauf erfassen wir Input- und Output-Tokens sowie Cache-Lese- und Schreibzugriffe. So können wir Kosten pro Plugin und pro Template nachvollziehen und sauber kalkulieren.\u003C/p>\u003Ch4>Dry-Run-Modus\u003C/h4>\u003Cp>Templates testen wir vollständig, ohne echte KI-Aufrufe auszuführen. Die Pipeline verhält sich dabei wie im Echtbetrieb, nur mit definierten Platzhalter-Ergebnissen. Das ist besonders hilfreich für Entwicklung, QA und Debugging.\u003C/p>\u003Ch2>Praxiserprobte Infrastruktur\u003C/h2>\u003Cp>Die spektakulären Teile sind KI und Crawling. Die wichtigen Teile sind bewusst konservativ gewählt.\u003C/p>\u003Ch3>Datenbank: PostgreSQL\u003C/h3>\u003Cp>Bewährt, stabil und battle-tested. Die Datenbank ist der Teil des Systems, bei dem absolut nichts verloren gehen darf.\u003C/p>\u003Ch3>Queue-System: Redis + BullMQ\u003C/h3>\u003Cp>Redis übernimmt die Job-Queues, das Echtzeit-Pub/Sub und die Kommunikation zwischen Worker und API. BullMQ orchestriert darauf die Analyse-Pipeline.\u003C/p>\u003Ch3>TypeScript überall\u003C/h3>\u003Cp>Backend und Frontend teilen sich Typen. Wenn sich ein Datenbank-Feld ändert, merken wir das im Build und nicht erst später in Produktion.\u003C/p>\u003Ch3>Monorepo mit pnpm und Turborepo\u003C/h3>\u003Cp>Mehrere Pakete teilen sich Infrastruktur. Builds werden gecached, Deployments bleiben schnell und reproduzierbar.\u003C/p>\u003Ch3>Hono als HTTP API\u003C/h3>\u003Cp>Für die API nutzen wir Hono: leichtgewichtig, gut typisierbar und für unseren Use-Case schnell genug, ohne unnötigen Overhead.\u003C/p>\u003Ch3>Moderner Frontend-Stack fürs Admin-UI\u003C/h3>\u003Cp>Für das Admin-UI setzen wir auf einen weit verbreiteten Stack aus React, TanStack Query und Tailwind. Für die UI-Komponenten nutzen wir shadcn/ui, damit wir volle Kontrolle über den Code behalten.\u003C/p>\u003Ch2>Authentifizierung und Integrationen\u003C/h2>\u003Cp>Neben normalen Benutzerkonten unterstützt Clarity zwei Arten von API-Zugängen.\u003C/p>\u003Ch3>Personal Tokens\u003C/h3>\u003Cp>Für einzelne Personen, die automatisiert mit der Plattform arbeiten wollen.\u003C/p>\u003Ch3>App Tokens\u003C/h3>\u003Cp>Für externe Integrationen und Partner-Systeme.\u003C/p>\u003Cp>Dabei lassen sich Tokens auf bestimmte Templates einschränken. Eine Integration kann also nur genau die Analysen starten, die sie darf.\u003C/p>\u003Cp>Alle Tokens können jederzeit widerrufen werden.\u003Cbr>Unspektakulär, aber wichtig.\u003C/p>\u003Ch2>Echtzeit-UI statt Lade-Spinner\u003C/h2>\u003Cp>Nichts fühlt sich kaputter an als eine lange Analyse ohne Feedback.\u003C/p>\u003Cp>Deshalb streamt Clarity jede Statusänderung live in die Oberfläche:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e3f491c15e0903dca401fc610e2f3844a\">Plugin startet\u003C/li>\u003Cli data-list-item-id=\"e0b5b9a94a9cd6d22050e7e6bc6425334\">Plugin meldet Fortschritt\u003C/li>\u003Cli data-list-item-id=\"ef3a53145c6e221e39ec215423ade8753\">Plugin liefert Zwischenergebnisse\u003C/li>\u003Cli data-list-item-id=\"ed6903ffc97f49e2c299b66f4c21c1095\">Plugin abgeschlossen\u003C/li>\u003C/ul>\u003Cp>Eine DAG-Ansicht visualisiert den gesamten Analyse-Graphen in Echtzeit.\u003C/p>\u003Cp>Man sieht:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e195bea4a24f0dcf03b16e9f82f838d29\">welche Plugins laufen\u003C/li>\u003Cli data-list-item-id=\"e307dfd5630f9cbaaf40d6aad546646dd\">welche warten\u003C/li>\u003Cli data-list-item-id=\"e0eade7c03d24b5f350c1549763f2275e\">welche abgeschlossen sind\u003C/li>\u003Cli data-list-item-id=\"e3433a44acf0885452fbfc0d3fff4045e\">wie viele Tokens verbraucht wurden\u003C/li>\u003Cli data-list-item-id=\"e5350a309a2a9a2b577c6834301890aa5\">wie sich die Analyse Schritt für Schritt aufbaut\u003C/li>\u003C/ul>\u003Cp>Statt vor einem Spinner zu sitzen, beobachtet man den Prozess live.\u003C/p>\u003Ch2>Clarity ausprobieren: kostenloser Report, optionaler Deep-Dive\u003C/h2>\u003Cp>Clarity ist nicht „ein Analyzer für alles“, sondern liefert bewusst optimierte Analysen für B2B-Webseiten.\u003C/p>\u003Cp>Wer es ausprobieren möchte: \u003Ca href=\"https://liechtenecker.at/clarity\" target=\"_blank\">https://liechtenecker.at/clarity\u003C/a>\u003C/p>\u003Cp>Dort lässt sich ein kostenloser Report generieren. Falls man nicht auf die Analyseergebnisse warten möchte, kann man eine E-Mail-Adresse hinterlassen und wird automatisch benachrichtigt, sobald die Ergebnisse bereitstehen. Danach kann man den passenden Deep-Dive dazubuchen.\u003C/p>\u003Ch2>Fazit\u003C/h2>\u003Cp>Clarity zeigt ziemlich gut, wie wir bei Liechtenecker Technologie verstehen:\u003C/p>\u003Cp>\u003Cstrong>Moderne Architektur, pragmatische Entscheidungen und Systeme, die nicht nur heute funktionieren, sondern auch in zwei Jahren noch wartbar und erweiterbar sind.\u003C/strong>\u003C/p>\u003Cp>Wenn du Clarity live sehen möchtest, zeigen wir dir gerne:\u003C/p>\u003Cul>\u003Cli data-list-item-id=\"e4741ec6194073c22767f6734f0b369bd\">wie der Analyse-Graph aufgebaut wird\u003C/li>\u003Cli data-list-item-id=\"eb55509dff9e5b028714631c7ef92821e\">wie der Crawler arbeitet\u003C/li>\u003Cli data-list-item-id=\"e51aa17b797f7883c162334f5c3e37385\">wie KI-Plugins streamen\u003C/li>\u003Cli data-list-item-id=\"e210be35e9a44307aa7dbdd164b6529b7\">wie daraus am Ende ein verwertbarer Report entsteht\u003C/li>\u003C/ul>\u003Cp>\u003Cstrong>Melde dich gerne bei uns, wir freuen uns :)\u003C/strong>\u003C/p>\u003C/div>\u003C/div>\u003C/div>","",{"__typename":152,"id":153,"excludeFromScreenreader":13,"mediaImage":154,"name":162,"path":163,"status":20},"MediaImage","3407",{"__typename":155,"url":156,"width":157,"height":158,"alt":159,"title":13,"size":160,"mime":161},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-05/Headerbilder%20Hinter%20den%20Kulissen%20von%20Clarity.jpg",2880,1300,"Foto unserer Devs mit Laptop, im Hintergrund auf einem Sofa sitzend. Titel sowie gelbe Punkte",1124837,"image/jpeg","Headerbilder Hinter den Kulissen von Clarity.jpg","/media/3407/edit",{"__typename":152,"id":165,"excludeFromScreenreader":13,"mediaImage":166,"name":172,"path":173,"status":20},"3408",{"__typename":155,"url":167,"width":168,"height":169,"alt":170,"title":13,"size":171,"mime":161},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-05/Sharebild%20Blogartikel%20Hinter%20den%20Kulissen%20von%20Clarity.jpg",1204,630,"Developer arbeiten mit Laptops in einem Büro, gelbe Kreise als Dekor.",325719,"Sharebild Blogartikel Hinter den Kulissen von Clarity.jpg","/media/3408/edit",{"__typename":175,"id":176,"myRole":13,"name":177,"nickname":13},"User","1","lieAdmin2024",{"latestKnowhow":179},[180,193,206],{"__typename":84,"id":181,"title":182,"path":183,"wpTeaserText":184,"wpPromotedTeaserImage":13,"wpHeaderImage":185},"1626","Liechtenecker Clarity Check","/blog/liechtenecker-clarity-check","Wie wir ein Tool gebaut haben, das in Minuten zeigt, ob deine B2B Website raus holt, was drinnen ist. ",{"__typename":152,"id":186,"excludeFromScreenreader":13,"mediaImage":187,"name":191,"path":192,"status":20},"3400",{"__typename":155,"url":188,"width":157,"height":158,"alt":189,"title":13,"size":190,"mime":161},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-05/Headerbild_ClarityCheck.jpg","Clarity Check mit Bewertungskarte, Punktzahl 82, sehr klar.",515633,"Headerbild_ClarityCheck.jpg","/media/3400/edit",{"__typename":84,"id":194,"title":195,"path":196,"wpTeaserText":197,"wpPromotedTeaserImage":13,"wpHeaderImage":198},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":152,"id":199,"excludeFromScreenreader":13,"mediaImage":200,"name":204,"path":205,"status":20},"3364",{"__typename":155,"url":201,"width":157,"height":158,"alt":202,"title":13,"size":203,"mime":161},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg","Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":84,"id":207,"title":208,"path":209,"wpTeaserText":210,"wpPromotedTeaserImage":13,"wpHeaderImage":211},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":152,"id":212,"excludeFromScreenreader":13,"mediaImage":213,"name":217,"path":218,"status":20},"3355",{"__typename":155,"url":214,"width":157,"height":158,"alt":215,"title":13,"size":216,"mime":161},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"Language:de":220,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":221,"MenuItem:14f196ab-2c9d-4ac6-81d6-276e68827139":225,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":228,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":231,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":234,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":237,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":240,"Menu:nuxt-main-menu":243,"ROOT_QUERY":259,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":275,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":278,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":281,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":284,"Menu:footer":287,"TermCategories:7":297,"MediaImage:3407":308,"MediaImage:3408":310,"User:1":312,"NodeWpPost:1627":313,"MediaImage:3400":335,"NodeWpPost:1626":337,"MediaImage:3364":340,"NodeWpPost:1619":342,"MediaImage:3355":345,"NodeWpPost:1616":347},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",222,"internal",20,"expanded",21,"attributes",224],{"__ref":223},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",226,"internal",20,"expanded",21,"attributes",227],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",229,"internal",20,"expanded",21,"attributes",230],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",232,"internal",20,"expanded",21,"attributes",233],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",235,"internal",20,"expanded",21,"attributes",236],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",238,"internal",20,"expanded",21,"attributes",239],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",50,"title",51,"description",13,"url",52,"langcode",241,"internal",20,"expanded",21,"attributes",242],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",244],[245,247,249,251,253,255,257],{"__ref":246},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":248},"MenuItem:14f196ab-2c9d-4ac6-81d6-276e68827139",{"__ref":250},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":252},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":254},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":256},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":258},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",260,"menu({\"name\":\"NUXT_MAIN_MENU\"})",261,"menu({\"name\":\"FOOTER\"})",263,"route({\"path\":\"/blog/hinter-den-kulissen-von-clarity-wie-wir-unseren-ki-gestuetzten-website-analyser-gebaut-haben\"})",265,"latestKnowhow({\"excludeId\":\"1627\",\"limit\":3})",268],"Query",{"__ref":262},"Menu:nuxt-main-menu",{"__ref":264},"Menu:footer",["null","__typename",82,"entity",266],{"__ref":267},"NodeWpPost:1627",[269,271,273],{"__ref":270},"NodeWpPost:1626",{"__ref":272},"NodeWpPost:1619",{"__ref":274},"NodeWpPost:1616",["null","__typename",10,"id",60,"title",61,"description",13,"url",62,"langcode",276,"internal",20,"expanded",21,"attributes",277],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",279,"internal",20,"expanded",21,"attributes",280],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",282,"internal",20,"expanded",21,"attributes",283],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",76,"title",77,"description",13,"url",78,"langcode",285,"internal",21,"expanded",21,"attributes",286],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",5,"id",56,"name",57,"items",288],[289,291,293,295],{"__ref":290},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":292},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":294},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":296},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",123,"id",124,"name",125,"path",126,"status",20,"weight",127,"description",298,"langcode",299,"changed",300,"metatag",301],["null","__typename",129,"processed",130,"format",131],{"__ref":223},["null","__typename",88,"timestamp",134,"timezone",90,"offset",91,"time",135],[302,304,306],["null","__typename",100,"tag",101,"attributes",303],["null","__typename",103,"name",104,"content",139],["null","__typename",100,"tag",101,"attributes",305],["null","__typename",103,"name",142,"content",143],["null","__typename",107,"tag",108,"attributes",307],["null","__typename",110,"href",146,"hreflang",13,"rel",112,"media",13,"sizes",13,"type",13],["null","__typename",152,"id",153,"excludeFromScreenreader",13,"mediaImage",309,"name",162,"path",163,"status",20],["null","__typename",155,"url",156,"width",157,"height",158,"alt",159,"title",13,"size",160,"mime",161],["null","__typename",152,"id",165,"excludeFromScreenreader",13,"mediaImage",311,"name",172,"path",173,"status",20],["null","__typename",155,"url",167,"width",168,"height",169,"alt",170,"title",13,"size",171,"mime",161],["null","__typename",175,"id",176,"myRole",13,"name",177,"nickname",13],["null","__typename",84,"id",85,"title",86,"changed",314,"created",315,"langcode",316,"path",97,"promote",21,"status",20,"sticky",21,"metatag",317,"category",326,"contentElements",13,"evergreen",21,"tags",13,"wpBody",328,"wpHeaderImage",329,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",331,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",13,"author",333],["null","__typename",88,"timestamp",89,"timezone",90,"offset",91,"time",92],["null","__typename",88,"timestamp",94,"timezone",90,"offset",91,"time",95],{"__ref":223},[318,320,322,324],["null","__typename",100,"tag",101,"attributes",319],["null","__typename",103,"name",104,"content",105],["null","__typename",107,"tag",108,"attributes",321],["null","__typename",110,"href",111,"hreflang",13,"rel",112,"media",13,"sizes",13,"type",13],["null","__typename",114,"tag",101,"attributes",323],["null","__typename",116,"property",117,"content",86],["null","__typename",114,"tag",101,"attributes",325],["null","__typename",116,"property",120,"content",121],{"__ref":327},"TermCategories:7",["null","__typename",148,"processed",149,"format",131,"summary",150],{"__ref":330},"MediaImage:3407",{"__ref":332},"MediaImage:3408",{"__ref":334},"User:1",["null","__typename",152,"id",186,"excludeFromScreenreader",13,"mediaImage",336,"name",191,"path",192,"status",20],["null","__typename",155,"url",188,"width",157,"height",158,"alt",189,"title",13,"size",190,"mime",161],["null","__typename",84,"id",181,"title",182,"path",183,"wpTeaserText",184,"wpPromotedTeaserImage",13,"wpHeaderImage",338],{"__ref":339},"MediaImage:3400",["null","__typename",152,"id",199,"excludeFromScreenreader",13,"mediaImage",341,"name",204,"path",205,"status",20],["null","__typename",155,"url",201,"width",157,"height",158,"alt",202,"title",13,"size",203,"mime",161],["null","__typename",84,"id",194,"title",195,"path",196,"wpTeaserText",197,"wpPromotedTeaserImage",13,"wpHeaderImage",343],{"__ref":344},"MediaImage:3364",["null","__typename",152,"id",212,"excludeFromScreenreader",13,"mediaImage",346,"name",217,"path",218,"status",20],["null","__typename",155,"url",214,"width",157,"height",158,"alt",215,"title",13,"size",216,"mime",161],["null","__typename",84,"id",207,"title",208,"path",209,"wpTeaserText",210,"wpPromotedTeaserImage",13,"wpHeaderImage",348],{"__ref":349},"MediaImage:3355"]