[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"HScLqPcf_2sQswRe2AKAhHWbxxwBEKrNzmgxxHuO5F0":75,"IrMbjp4xDvHtDReOS_oYfxtdQ-Ej4tb6BugXku9WGJA":164,"_apollo:default":209},{"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":154,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":157,"author":158},"NodeWpPost","1169","Wie CSS3 die Webtypografie aufwertet",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1302013942,"UTC","+00:00","2011-04-05T14:32:22+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/wie-css3-die-webtypografie-aufwertet",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Wie CSS3 die Webtypografie aufwertet | 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/wie-css3-die-webtypografie-aufwertet","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,146,150],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","1342","trends","/tag/trends",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"1355","typografie","/tag/typografie",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"1489","Webdesign","/tag/webdesign",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"1529","webtypografie","/tag/webtypografie",{"__typename":155,"processed":156,"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>Modernes Webdesign stellt mittlerweile nicht nur sehr hohe Ansprüche an den Programmierer, sondern auch an den Webdesigner. Wie Thomas Krammer bereits \u003Ca href=\"https://liechtenecker.at/css-3-und-html-5-und-altere-browser-und-ich/\" target=\"_blank\" rel=\"noopener noreferrer\">hier \u003C/a> erklärt hat, wird zukünftig CSS3 und HTML5 völlig neue Möglichkeiten eröffnen und die Umsetzung anspruchsvoller Webdesigns enorm vereinfachen. Gemeint ist hier vor allem die bequeme Implementierung runder Ecken, Farbverläufe, Transparenzen sowie Text- und Boxschatten via CSS3.\u003Cbr>\nSehr spannend sind aber auch völlig neue typografische Möglichkeiten, die uns CSS3 eröffnet. Gerade dieser Bereich wurde von vielen Webdesignern bisher eher stiefmütterlich behandelt, da die Mittel und Möglichkeiten einfach sehr beschränkt waren. Wie Jürgen Liechtenecker im Zuge der Webdesigntrends 2011 bereits \u003Ca href=\"https://liechtenecker.at/webdesigntrends-2011/\" target=\"_blank\" rel=\"noopener noreferrer\">prognostiziert \u003C/a>hat\u003Ca href=\"../webdesigntrends-2011/\">\u003C/a>, sollten diese Zeiten nun endgültig der Geschichte angehören.\u003C/p>\n\u003Ch3>Wohin es geht\u003C/h3>\n\u003Cp>Doch was verheißen diese Neuerungen für uns Webdesigner? In erster Linie frischen Wind und viel Freiraum für kreative Ansätze.  Da CSS3 den typografischen Aspekt im Webdesign sehr stark aufwertet, können CI Manuals und Styleguides besser im Web übernommen werden, als dies bisher der Fall war. Die Vielfalt an verwendeten Schriften wird stark zunehmen und uns erfrischende Designs präsentieren, die dem Arial- Verdana-  Tahoma- Einheitsbrei den Kampf ansagen.\u003Cbr>\nDamit wird aber auch klar, dass typografisches Gespür und Knowhow ein Must-Have im Skill-Set eines jeden Webdesigners sein wird. War es doch bisher so, dass diese Skills primär für Grafik Designer relevant waren, so wird es spätestens mit  dem Einzug und der flächendeckenden Verwendung von CSS3 essentiell, im Bereich der Typografie absolut sattelfest zu sein.\u003Cbr>\nEin paar gelungene Beispiele, um zu veranschaulichen, was im Bereich der Web Typografie durch Verwendung von CSS3 mittlerweile möglich ist.\u003C/p>\n\u003Ch3>Wer bin ich?\u003C/h3>\n\u003Cp>Ines Gamler ist mein Werter Name und ich darf mich in diesem Zusammenhang gleich ganz kurz vorstellen. Seit Anfang April unterstütze ich die Liechteneckers im Themenfeld Design, HTML und Online Kommunikation.\u003Cbr>\n\u003Cimg loading=\"lazy\" class=\"alignnone size-full wp-image-2116\" title=\"webdesign-typografie\" src=\"http://images.liechtenecker.at/2011/04/webdesign-typografie1.png\" alt width=\"620\" height=\"863\">\u003C/p>\n\u003Ch3>\u003Cimg loading=\"lazy\" class=\"alignnone size-full wp-image-2117\" title=\"webdesign-typografie2\" src=\"http://images.liechtenecker.at/2011/04/webdesign-typografie21.png\" alt width=\"620\" height=\"543\">\u003C/h3>\n\u003Ch3>\u003Cimg loading=\"lazy\" class=\"alignnone size-full wp-image-2118\" title=\"webdesign-typografie3\" src=\"http://images.liechtenecker.at/2011/04/webdesign-typografie3.png\" alt width=\"620\" height=\"627\">\u003C/h3>\n\u003Cp>\u003Cimg loading=\"lazy\" class=\"alignnone size-full wp-image-2119\" title=\"webdesign-typografie5\" src=\"http://images.liechtenecker.at/2011/04/webdesign-typografie5.png\" alt width=\"620\" height=\"531\">\u003Cbr>\n\u003Cimg loading=\"lazy\" class=\"alignnone size-full wp-image-2127\" title=\"webdesign-typografie4\" src=\"http://images.liechtenecker.at/2011/04/webdesign-typografie4.png\" alt width=\"620\" height=\"710\">\u003C/p>\n\u003Ch3>\u003Cimg loading=\"lazy\" class=\"alignnone size-full wp-image-2120\" title=\"webdesign-typografie6\" src=\"http://images.liechtenecker.at/2011/04/webdesign-typografie6.png\" alt width=\"620\" height=\"700\">\u003C/h3>\n\u003Ch3>\u003Cimg loading=\"lazy\" class=\"alignnone size-full wp-image-2121\" title=\"webdesign-typografie7\" src=\"http://images.liechtenecker.at/2011/04/webdesign-typografie7.png\" alt width=\"620\" height=\"489\">\u003C/h3>\n\u003Ch3>Screenshots von:\u003C/h3>\n\u003Cp>\u003Ca href=\"http://simpleasmilk.co.uk/\">http://simpleasmilk.co.uk/\u003C/a>\u003Cbr>\n\u003Ca href=\"http://adpacks.com/\">http://adpacks.com/\u003C/a>\u003Cbr>\n\u003Ca href=\"http://galp.in/\">http://galp.in/\u003C/a>\u003Cbr>\n\u003Ca href=\"http://worryfreelabs.com/\" target=\"_blank\" rel=\"noopener noreferrer\">http://worryfreelabs.com/\u003C/a>\u003Cbr>\n\u003Ca href=\"http://markup-service.com/\" target=\"_blank\" rel=\"noopener noreferrer\">http://markup-service.com/\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.amazeelabs.com/\">http://www.amazeelabs.com/\u003C/a>\u003Cbr>\n\u003Ca href=\"http://www.stephencaver.com/\" target=\"_blank\" rel=\"noopener noreferrer\">http://www.stephencaver.com/\u003C/a>\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://liechtenecker.at/blog/wie-css3-die-webtypografie-aufwertet/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Wie CSS3 die Webtypografie aufwertet - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Modernes Webdesign stellt mittlerweile nicht nur sehr hohe Ansprüche an den Programmierer, sondern auch an den Webdesigner. Wie Thomas Krammer bereits hier erklärt hat, wird zukünftig CSS3 und HTML5 völlig neue Möglichkeiten eröffnen und die Umsetzung anspruchsvoller Webdesigns enorm vereinfachen. Gemeint ist hier vor allem die bequeme Implementierung runder Ecken, Farbverläufe, Transparenzen sowie Text- und […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/wie-css3-die-webtypografie-aufwertet/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2011-04-05T16:32:22+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"http://images.liechtenecker.at/2011/04/webdesign-typografie1.png\" />\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=\"2 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://liechtenecker.at/#website\",\"url\":\"https://liechtenecker.at/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://liechtenecker.at/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/blog/wie-css3-die-webtypografie-aufwertet/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"http://images.liechtenecker.at/2011/04/webdesign-typografie1.png\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/wie-css3-die-webtypografie-aufwertet/#webpage\",\"url\":\"https://liechtenecker.at/blog/wie-css3-die-webtypografie-aufwertet/\",\"name\":\"Wie CSS3 die Webtypografie aufwertet - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/wie-css3-die-webtypografie-aufwertet/#primaryimage\"},\"datePublished\":\"2011-04-05T16:32:22+00:00\",\"dateModified\":\"2011-04-05T16:32:22+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/wie-css3-die-webtypografie-aufwertet/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":159,"id":160,"myRole":161,"name":162,"nickname":163},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":165},[166,184,197],{"__typename":79,"id":167,"title":168,"path":169,"wpTeaserText":170,"wpPromotedTeaserImage":13,"wpHeaderImage":171},"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":172,"id":173,"excludeFromScreenreader":13,"mediaImage":174,"name":182,"path":183,"status":20},"MediaImage","3364",{"__typename":175,"url":176,"width":177,"height":178,"alt":179,"title":13,"size":180,"mime":181},"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":185,"title":186,"path":187,"wpTeaserText":188,"wpPromotedTeaserImage":13,"wpHeaderImage":189},"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":172,"id":190,"excludeFromScreenreader":13,"mediaImage":191,"name":195,"path":196,"status":20},"3355",{"__typename":175,"url":192,"width":177,"height":178,"alt":193,"title":13,"size":194,"mime":181},"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":198,"title":199,"path":200,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":201},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":172,"id":202,"excludeFromScreenreader":21,"mediaImage":203,"name":207,"path":208,"status":20},"3303",{"__typename":175,"url":204,"width":177,"height":178,"alt":205,"title":13,"size":206,"mime":181},"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":210,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":211,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":215,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":218,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":221,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":224,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":227,"Menu:nuxt-main-menu":230,"ROOT_QUERY":244,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":260,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":263,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":266,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":269,"Menu:footer":272,"TermCategories:8":282,"TermTags:1342":293,"TermTags:1355":294,"TermTags:1489":295,"TermTags:1529":296,"User:23":297,"NodeWpPost:1169":298,"MediaImage:3364":323,"NodeWpPost:1619":325,"MediaImage:3355":328,"NodeWpPost:1616":330,"MediaImage:3303":333,"NodeWpPost:1606":335},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",212,"internal",20,"expanded",21,"attributes",214],{"__ref":213},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",216,"internal",20,"expanded",21,"attributes",217],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",219,"internal",20,"expanded",21,"attributes",220],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",222,"internal",20,"expanded",21,"attributes",223],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",225,"internal",20,"expanded",21,"attributes",226],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",228,"internal",20,"expanded",21,"attributes",229],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",231],[232,234,236,238,240,242],{"__ref":233},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":235},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":237},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":239},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":241},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":243},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",245,"menu({\"name\":\"NUXT_MAIN_MENU\"})",246,"menu({\"name\":\"FOOTER\"})",248,"route({\"path\":\"/blog/wie-css3-die-webtypografie-aufwertet\"})",250,"latestKnowhow({\"excludeId\":\"1169\",\"limit\":3})",253],"Query",{"__ref":247},"Menu:nuxt-main-menu",{"__ref":249},"Menu:footer",["null","__typename",77,"entity",251],{"__ref":252},"NodeWpPost:1169",[254,256,258],{"__ref":255},"NodeWpPost:1619",{"__ref":257},"NodeWpPost:1616",{"__ref":259},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",261,"internal",20,"expanded",21,"attributes",262],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",264,"internal",20,"expanded",21,"attributes",265],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",267,"internal",20,"expanded",21,"attributes",268],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",270,"internal",21,"expanded",21,"attributes",271],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",273],[274,276,278,280],{"__ref":275},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":277},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":279},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":281},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",283,"langcode",284,"changed",285,"metatag",286],["null","__typename",118,"processed",119,"format",120],{"__ref":213},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[287,289,291],["null","__typename",93,"tag",94,"attributes",288],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",290],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",292],["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",138,"id",147,"name",148,"path",149,"weight",116],["null","__typename",138,"id",151,"name",152,"path",153,"weight",116],["null","__typename",159,"id",160,"myRole",161,"name",162,"nickname",163],["null","__typename",79,"id",80,"title",81,"changed",299,"created",300,"langcode",301,"path",90,"promote",21,"status",20,"sticky",21,"metatag",302,"category",309,"contentElements",13,"evergreen",13,"tags",311,"wpBody",320,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",157,"author",321],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":213},[303,305,307],["null","__typename",93,"tag",94,"attributes",304],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",306],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",308],["null","__typename",109,"property",110,"content",81],{"__ref":310},"TermCategories:8",[312,314,316,318],{"__ref":313},"TermTags:1342",{"__ref":315},"TermTags:1355",{"__ref":317},"TermTags:1489",{"__ref":319},"TermTags:1529",["null","__typename",155,"processed",156,"format",120,"summary",13],{"__ref":322},"User:23",["null","__typename",172,"id",173,"excludeFromScreenreader",13,"mediaImage",324,"name",182,"path",183,"status",20],["null","__typename",175,"url",176,"width",177,"height",178,"alt",179,"title",13,"size",180,"mime",181],["null","__typename",79,"id",167,"title",168,"path",169,"wpTeaserText",170,"wpPromotedTeaserImage",13,"wpHeaderImage",326],{"__ref":327},"MediaImage:3364",["null","__typename",172,"id",190,"excludeFromScreenreader",13,"mediaImage",329,"name",195,"path",196,"status",20],["null","__typename",175,"url",192,"width",177,"height",178,"alt",193,"title",13,"size",194,"mime",181],["null","__typename",79,"id",185,"title",186,"path",187,"wpTeaserText",188,"wpPromotedTeaserImage",13,"wpHeaderImage",331],{"__ref":332},"MediaImage:3355",["null","__typename",172,"id",202,"excludeFromScreenreader",21,"mediaImage",334,"name",207,"path",208,"status",20],["null","__typename",175,"url",204,"width",177,"height",178,"alt",205,"title",13,"size",206,"mime",181],["null","__typename",79,"id",198,"title",199,"path",200,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",336],{"__ref":337},"MediaImage:3303"]