[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"nd2hLlAA3P29VRcFIVkJv3oLPot9IKQ6EGIRfO6cUfA":75,"ZPQICOFEcX-605UlazXZhX5FE2ztnpdDGBotizZZ248":156,"_apollo:default":201},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__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},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__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},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":146,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":149,"author":150},"NodeWpPost","1117","Ein paar Gedanken zu HTML5 und CSS3",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1334903313,"UTC","+00:00","2012-04-20T06:28:33+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/ein-paar-gedanken-zu-html5-und-css3",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Ein paar Gedanken zu HTML5 und CSS3 | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":102},"MetaTagLink","link",{"__typename":103,"href":104,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/ein-paar-gedanken-zu-html5-und-css3","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":112,"id":113,"name":114,"path":115,"status":20,"weight":116,"description":117,"langcode":121,"changed":122,"metatag":125},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":118,"processed":119,"format":120},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":123,"timezone":85,"offset":86,"time":124},1713772777,"2024-04-22T07:59:37+00:00",[126,129,133],{"__typename":93,"tag":94,"attributes":127},{"__typename":96,"name":97,"content":128},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":130},{"__typename":96,"name":131,"content":132},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":134},{"__typename":103,"href":135,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[137,142],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","297","css3","/tag/css3",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"604","html5","/tag/html5",{"__typename":147,"processed":148,"format":120,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Wir sind ja bekanntlich Evangelisten von HTML5 und CSS3 und haben schon viele Projekte mithilfe dieser Technologien umgesetzt.\u003Cbr>\nNun ist es an der Zeit, diesen Hype einmal genauer unter die Lupe zu nehmen und auch kritisch zu betrachten, denn nicht alles was neu ist, ist auch automatisch gut.\u003C/p>\n\u003Ch3>Der Hype um HTML5\u003C/h3>\n\u003Cp>Begonnen hat das große “Trara” circa mitte 2009 und drehte sich anfangs hauptsächlich um die Strukturelemente wie \u003Cstrong id=\"internal-source-marker_0.07577175390906632\"><header>, <footer> \u003C/strong>und dergleichen. Mittlerweile werden diese Themen beispielsweise in Blogs seltener behandelt – ich denke das liegt daran, dass das ganze auf Dauer nicht so spannend ist und wir Entwickler mittlerweile sowieso schon alle Bescheid wissen ;). Was hier aber doch wirklich interessant ist, ist die Browserentwicklung: Alle Browserhersteller liefern pro neuer Software Version neue HTML5 Unterstützungen und man darf immer wieder gespannt sein, welche Elemente nun zur Verwendung frei stehen.\u003Cbr>\nIn diesem Bereich immer auf dem neuesten Stand zu sein, ist aber eine eher herausfordernde Sache, jedoch gibt es hierzu beispielsweise diese nützliche Website: \u003Ca href=\"http://www.html5test.com/\" target=\"_blank\" rel=\"noopener noreferrer\">http://www.html5test.com/\u003C/a> Dieses Webservice zeigt an welche HTML5 Elemente ein Browser unterstützt – hierzu zählen nicht nur Desktop Browser, sondern auch die von Mobilen Geräten oder von Spielekonsolen.\u003C/p>\n\u003Ch3>Was zählt aber jetzt gerade zu den heißen Themen rund um HTML5?\u003C/h3>\n\u003Cp>Dass HTML5 mit JavaScript zusammen ein ernstzunehmender Konkurrent für Flash ist, ist uns allen schon lange klar. Grundsätzlich braucht Flash keine Konkurrenz, denn dies ist eine logische Weiterentwicklung. Es wurden in den letzten Monaten soviele HTML5 Applikationen auf den Markt gebracht, dass uns diese HTML5 – Flash Rivalität noch einmal bewusster wird.\u003Cbr>\nZu diesen Applikationen zählen beispielsweise Spiele, Bildbearbeitungsprogramme, Audiotools und verschiedenste Organisationstools.\u003Cbr>\nFür uns als Agentur am interessantesten, ist aber die Verwendung von HTML5 auf mobilen Geräten. Mittlerweile sieht man deutlich, dass der Trend bei mobilen Anwendungen weg von nativen Applikationen hin zu Web Anwendungen geht und genau hier kann mit HTML5 wunderbar geglänzt werden. Wir finden als kleines Beispiel dieses HTML5 iPad Magazin recht spannend: \u003Ca href=\"http://www.asidemag.com/\" target=\"_blank\" rel=\"noopener noreferrer\">http://www.asidemag.com/\u003C/a>\u003C/p>\n\u003Ch3>Der Hype um CSS3\u003C/h3>\n\u003Cp>Hier war es anfangs so, dass die Möglichkeit Schlagschatten, Verläufe oder abgerundete Ecken mithilfe von CSS umzusetzen für große Begeisterung unter den Frontend Entwicklern sorgte.\u003Cbr>\nNun ist es so, dass es viele verschiedene, ausgefallene und kreative CSS3 Projekte gibt, bei denen selbst wir nur staunen können. Das wahrscheinlich bekannteste Beispiel ist die Umsetzung von verschiedenen Logos und dergleichen mit CSS3: \u003Ca href=\"http://www.ecsspert.com/css3-logos/adidas-originals#project\">http://www.ecsspert.com/css3-logos/adidas-originals#project\u003C/a>\u003Cbr>\nAber auch CSS3 Animationen sind gerade sehr im Trend und sollen teilweise sogar schon als HTML5/JavaScript Ersatz dienen (zumindest in Webkit Browsern). Seht euch beispielsweise dieses beeindruckende Space Projet an:\u003Ca href=\"http://media.24ways.org/2009/15/space.html\" target=\"_blank\" rel=\"noopener noreferrer\">http://media.24ways.org/2009/15/space.html\u003C/a>\u003C/p>\n\u003Ch3>Aber…\u003C/h3>\n\u003Cp>Wenn ihr euch das CSS3 Space Projekt angesehen habt, dann werdet ihr wahrscheinlich denken “Wow, sehr cool gemacht!”. Das finde ich auch, aber ich sehe hier keinen Nutzen für meine Arbeit. Genauso sieht es aus mit den CSS3 Grafiken – bevor ich 4 Stunden damit verbringe ein solches Logo mithilfe von CSS umzusetzen, nehme ich doch lieber ein Bild und binde es in meine Website ein. Natürlich weiß ich, dass das zwei sehr extreme Beispiele sind, aber es lässt sich natürlich auch auf realistischere, arbeitsnähere Beispiele umlegen.\u003Cbr>\nAuch bei HTML5 ist nicht alles so super – auch wenn es neu und innovativ ist. Für uns sind Spiele und dergleichen nicht relevant, da hier bei uns gar nicht der Schwerpunkt liegt, aber auch bei den Strukturelementen kann durchaus übertrieben werden.\u003Cbr>\nAnstatt ewig lange zu recherchieren welches Element denn nun für meinen Content am besten geeignet wäre, nehme ich doch einfach ein klassisches “div”. Nirgends steht geschrieben, dass keine divs mehr verwendet werden dürfen – trotzdem versteifen sich einige Entwickler so sehr auf die neuen Elemente und nehmen im Zweifelsfall einfach mal das \u003Cstrong id=\"internal-source-marker_0.07577175390906632\"><aside> \u003C/strong>Element, obwohl es vielleicht überhaupt nicht für den Content geeignet ist.\u003Cbr>\nFazit: HTML5 und CSS3 sind defintiv Technologien die man verwenden sollte, allerdings sollte man sich von dem ganzen Hype nicht allzu sehr mitreißen oder blenden lassen und einen kühlen Kopf bewahren. Außerdem ist es wichtig, dass man die “alten” Technologien nicht vergisst. Hier ist einfach eine gute Mischung aus neuem und altem nötig, auf die man natürlich erst nach ein paar umgesetzten Projekten stößt. Wir sind alle an diesem Prozess beteiligt.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/ein-paar-gedanken-zu-html5-und-css3/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Ein paar Gedanken zu HTML5 und CSS3 - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Wir sind ja bekanntlich Evangelisten von HTML5 und CSS3 und haben schon viele Projekte mithilfe dieser Technologien umgesetzt. Nun ist es an der Zeit, diesen Hype einmal genauer unter die Lupe zu nehmen und auch kritisch zu betrachten, denn nicht alles was neu ist, ist auch automatisch gut. Der Hype um HTML5 Begonnen hat das […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/ein-paar-gedanken-zu-html5-und-css3/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2012-04-20T08:28:33+00:00\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"4 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/ein-paar-gedanken-zu-html5-und-css3/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/ein-paar-gedanken-zu-html5-und-css3/\",\"name\":\"Ein paar Gedanken zu HTML5 und CSS3 - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"datePublished\":\"2012-04-20T08:28:33+00:00\",\"dateModified\":\"2012-04-20T08:28:33+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/6b4f41c44e934653474ab67647eaa4e6\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/ein-paar-gedanken-zu-html5-und-css3/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/6b4f41c44e934653474ab67647eaa4e6\",\"name\":\"Sarah\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/f370faa99da7a5e86b0afa364854663c?s=96&d=mm&r=g\",\"caption\":\"Sarah\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":151,"id":152,"myRole":153,"name":154,"nickname":155},"User","21","-","s-mischinger","Sarah",{"latestKnowhow":157},[158,176,189],{"__typename":79,"id":159,"title":160,"path":161,"wpTeaserText":162,"wpPromotedTeaserImage":13,"wpHeaderImage":163},"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":164,"id":165,"excludeFromScreenreader":13,"mediaImage":166,"name":174,"path":175,"status":20},"MediaImage","3364",{"__typename":167,"url":168,"width":169,"height":170,"alt":171,"title":13,"size":172,"mime":173},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":177,"title":178,"path":179,"wpTeaserText":180,"wpPromotedTeaserImage":13,"wpHeaderImage":181},"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":164,"id":182,"excludeFromScreenreader":13,"mediaImage":183,"name":187,"path":188,"status":20},"3355",{"__typename":167,"url":184,"width":169,"height":170,"alt":185,"title":13,"size":186,"mime":173},"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",{"__typename":79,"id":190,"title":191,"path":192,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":193},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":164,"id":194,"excludeFromScreenreader":21,"mediaImage":195,"name":199,"path":200,"status":20},"3303",{"__typename":167,"url":196,"width":169,"height":170,"alt":197,"title":13,"size":198,"mime":173},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":202,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":203,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":207,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":210,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":213,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":216,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":219,"Menu:nuxt-main-menu":222,"ROOT_QUERY":236,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":252,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":255,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":258,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":261,"Menu:footer":264,"TermCategories:8":274,"TermTags:297":285,"TermTags:604":286,"User:21":287,"NodeWpPost:1117":288,"MediaImage:3364":309,"NodeWpPost:1619":311,"MediaImage:3355":314,"NodeWpPost:1616":316,"MediaImage:3303":319,"NodeWpPost:1606":321},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",204,"internal",20,"expanded",21,"attributes",206],{"__ref":205},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",208,"internal",20,"expanded",21,"attributes",209],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",211,"internal",20,"expanded",21,"attributes",212],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",214,"internal",20,"expanded",21,"attributes",215],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",217,"internal",20,"expanded",21,"attributes",218],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",220,"internal",20,"expanded",21,"attributes",221],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",223],[224,226,228,230,232,234],{"__ref":225},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":227},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":229},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":231},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":233},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":235},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",237,"menu({\"name\":\"NUXT_MAIN_MENU\"})",238,"menu({\"name\":\"FOOTER\"})",240,"route({\"path\":\"/blog/ein-paar-gedanken-zu-html5-und-css3\"})",242,"latestKnowhow({\"excludeId\":\"1117\",\"limit\":3})",245],"Query",{"__ref":239},"Menu:nuxt-main-menu",{"__ref":241},"Menu:footer",["null","__typename",77,"entity",243],{"__ref":244},"NodeWpPost:1117",[246,248,250],{"__ref":247},"NodeWpPost:1619",{"__ref":249},"NodeWpPost:1616",{"__ref":251},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",253,"internal",20,"expanded",21,"attributes",254],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",256,"internal",20,"expanded",21,"attributes",257],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",259,"internal",20,"expanded",21,"attributes",260],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",262,"internal",21,"expanded",21,"attributes",263],{"__ref":205},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",265],[266,268,270,272],{"__ref":267},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":269},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":271},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":273},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",275,"langcode",276,"changed",277,"metatag",278],["null","__typename",118,"processed",119,"format",120],{"__ref":205},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[279,281,283],["null","__typename",93,"tag",94,"attributes",280],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",282],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",284],["null","__typename",103,"href",135,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",138,"id",139,"name",140,"path",141,"weight",116],["null","__typename",138,"id",143,"name",144,"path",145,"weight",116],["null","__typename",151,"id",152,"myRole",153,"name",154,"nickname",155],["null","__typename",79,"id",80,"title",81,"changed",289,"created",290,"langcode",291,"path",90,"promote",21,"status",20,"sticky",21,"metatag",292,"category",299,"contentElements",13,"evergreen",13,"tags",301,"wpBody",306,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",149,"author",307],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":205},[293,295,297],["null","__typename",93,"tag",94,"attributes",294],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",296],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",298],["null","__typename",109,"property",110,"content",81],{"__ref":300},"TermCategories:8",[302,304],{"__ref":303},"TermTags:297",{"__ref":305},"TermTags:604",["null","__typename",147,"processed",148,"format",120,"summary",13],{"__ref":308},"User:21",["null","__typename",164,"id",165,"excludeFromScreenreader",13,"mediaImage",310,"name",174,"path",175,"status",20],["null","__typename",167,"url",168,"width",169,"height",170,"alt",171,"title",13,"size",172,"mime",173],["null","__typename",79,"id",159,"title",160,"path",161,"wpTeaserText",162,"wpPromotedTeaserImage",13,"wpHeaderImage",312],{"__ref":313},"MediaImage:3364",["null","__typename",164,"id",182,"excludeFromScreenreader",13,"mediaImage",315,"name",187,"path",188,"status",20],["null","__typename",167,"url",184,"width",169,"height",170,"alt",185,"title",13,"size",186,"mime",173],["null","__typename",79,"id",177,"title",178,"path",179,"wpTeaserText",180,"wpPromotedTeaserImage",13,"wpHeaderImage",317],{"__ref":318},"MediaImage:3355",["null","__typename",164,"id",194,"excludeFromScreenreader",21,"mediaImage",320,"name",199,"path",200,"status",20],["null","__typename",167,"url",196,"width",169,"height",170,"alt",197,"title",13,"size",198,"mime",173],["null","__typename",79,"id",190,"title",191,"path",192,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",322],{"__ref":323},"MediaImage:3303"]