[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"47iaW0aw-Uhq3775TANuj-6pNclMuQt9C30VPyixO3c":75,"rztCSvg7dHBEfjqL2XVl7jeUPimib-iovdPac05yD8w":172,"_apollo:default":214},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__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},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__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":150,"wpHeaderImage":13,"wpHeaderImageOld":153,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":165,"author":166},"NodeWpPost","1066","CSS3 Flexbox",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1363272752,"UTC","+00:00","2013-03-14T14:52:32+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/css3-flexbox",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","CSS3 Flexbox | 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/css3-flexbox","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],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","193","Browsersupport","/tag/browsersupport",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"297","css3","/tag/css3",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"1076","responsive webdesign","/tag/responsive-webdesign",{"__typename":151,"processed":152,"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\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg?itok=cHR8J_Yr\" data-rel=\"lightbox-gallery-a69GyOkR\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"css_flexbox_kreis\" data-entity-type=\"media\" data-entity-uuid=\"e0e73311-8e82-47bb-becf-8d6595d54763\" 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/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=rxwbSC75 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=mgyEmIDf 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=vkf5CslO 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=u8jvRF7S 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=7iEaEQtr 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=Y_YLOFyH 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=Q32JF7rj 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=HBrX03tk 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=vX799H6l 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.webp?itok=ZFocFFFB 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/css_flexbox_kreis-1.jpg.jpg?itok=ZFocFFFB\" alt=\"css_flexbox_kreis\" title=\"CSS Flexbox Blog Bild\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>Wer kennt das nicht: ewiges Herumprobieren und Tweaken beim Positionieren von HTML Blöcken und zwar so, dass das ganze auch noch sinnvoll für mobile Geräte dargestellt wird.\u003Cbr>\nDas kann manchmal ziemlich schrecklich sein und oft denkt man sich: “Warum muss diese Kleinigkeit jetzt eigentlich so schwer sein, dass ein Element zentriert dargestellt wird?” Auf den ersten Frust folgt danach das große Googeln und das Finden von irgendwelchen zwielichtigen CSS Hacks, die dann aber dummerweise nicht in allen Browsern funktionieren. Da bleiben oft nur zwei Optionen: CSS Hacks für die CSS Hacks zu suchen oder alles umzustellen und neu zu machen. Und am Ende klappt es dann endlich – verhält sich aber nicht wie gewünscht am Smartphone…\u003Cbr>\n\u003Cbr>\nDies ist einer der Gründe warum wir uns schon sehr auf vollen Browsersupport von Flexbox (CSS Flexible Box Layout Module) freuen.\u003Cbr>\nFür alle die nichts mit dem Begriff anfangen können (ich sags euch, ihr werdet begeistert sein!):\u003Cbr>\nEigentlich wird hier schon lange herumgebastelt und spezifiziert, aber erst seit Anfang dieses Jahres habe ich den Hype um Flexbox mitbekommen.\u003Cbr>\nFlexbox ist eine Alternative zum Block Model, das es erlaubt, Elemente in einer gewünschten Reihenfolge und Ausrichtung zu positionieren. Ein großer wichtiger und wahrscheinlich ungewohnter Unterschied ist, dass Flexbox keine floats kennt/braucht. Da es sich nur um CSS handelt wird der HTML Code nicht verändert, sondern nur das Aussehen (wichtig für SEO und Accessibility). Das ist natürlich noch nicht alles, aber für genauere Informationen lest ihr am besten an den unten angeführten Links weiter.\u003Cbr>\nDas Layout befindet sich gerade noch in der “Recommendation stage” und wird noch sehr wenig unterstützt. Für Webkit muss mit -webkit geprefixed werden, Gecko braucht dies nicht, allerdings werden hier noch nicht alle Eigenschaften unterstützt. Der IE10 sowie Safari unterstützen eine alte Version der Spezifikation (Alte Flexbox vs Neue Flexbox \u003Ca href=\"http://css-tricks.com/old-flexbox-and-new-flexbox/\">http://css-tricks.com/old-flexbox-and-new-flexbox/\u003C/a>).\u003Cbr>\nWenn ihr tiefer in das Thema eintauchen wollt (und glaubt mir, das wollt ihr 😉 ) empfehle ich diese Artikel:\u003Cbr>\n\u003Ca href=\"http://dev.w3.org/csswg/css3-flexbox/\">W3C Editor’s Draft\u003C/a>\u003Cbr>\n\u003Ca href=\"https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes\">Mozilla Developer Network\u003C/a>\u003Cbr>\n\u003Ca href=\"http://blog.teamtreehouse.com/responsive-design-of-the-future-with-flexbox\">Artikel im teamtreehouse Blog\u003C/a>\u003Cbr>\nAußerdem kann hier mit Flexbox gespielt werden:\u003Cbr>\n\u003Ca href=\"http://the-echoplex.net/flexyboxes/\">Flexyboxes\u003C/a>\u003Cbr>\n\u003Ca href=\"http://demo.agektmr.com/flexbox/\">CSS Flexbox Please!\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":154,"id":155,"excludeFromScreenreader":13,"mediaImage":156,"name":161,"path":164,"status":20},"MediaImage","2084",{"__typename":157,"url":158,"width":159,"height":160,"alt":161,"title":161,"size":162,"mime":163},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2013/03/css_flexbox-1.jpg",1920,1280,"Liechtenecker Büro",259499,"image/jpeg","/media/2084/edit","\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/css3-flexbox/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"CSS3 Flexbox - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Wer kennt das nicht: ewiges Herumprobieren und Tweaken beim Positionieren von HTML Blöcken und zwar so, dass das ganze auch noch sinnvoll für mobile Geräte dargestellt wird. Das kann manchmal ziemlich schrecklich sein und oft denkt man sich: “Warum muss diese Kleinigkeit jetzt eigentlich so schwer sein, dass ein Element zentriert dargestellt wird?” Auf den […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/css3-flexbox/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2013-03-14T15:52:32+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2015/02/css_flexbox_kreis-1-300x300.jpg\" />\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://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\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/css3-flexbox/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2015/02/css_flexbox_kreis-1.jpg\",\"width\":500,\"height\":500,\"caption\":\"CSS Flexbox Blog Bild\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/css3-flexbox/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/css3-flexbox/\",\"name\":\"CSS3 Flexbox - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/css3-flexbox/#primaryimage\"},\"datePublished\":\"2013-03-14T15:52:32+00:00\",\"dateModified\":\"2013-03-14T15:52:32+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/6b4f41c44e934653474ab67647eaa4e6\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/css3-flexbox/\"]}]},{\"@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":167,"id":168,"myRole":169,"name":170,"nickname":171},"User","21","-","s-mischinger","Sarah",{"latestKnowhow":173},[174,189,202],{"__typename":79,"id":175,"title":176,"path":177,"wpTeaserText":178,"wpPromotedTeaserImage":13,"wpHeaderImage":179},"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":154,"id":180,"excludeFromScreenreader":13,"mediaImage":181,"name":187,"path":188,"status":20},"3364",{"__typename":157,"url":182,"width":183,"height":184,"alt":185,"title":13,"size":186,"mime":163},"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,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":190,"title":191,"path":192,"wpTeaserText":193,"wpPromotedTeaserImage":13,"wpHeaderImage":194},"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":154,"id":195,"excludeFromScreenreader":13,"mediaImage":196,"name":200,"path":201,"status":20},"3355",{"__typename":157,"url":197,"width":183,"height":184,"alt":198,"title":13,"size":199,"mime":163},"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":203,"title":204,"path":205,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":206},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":154,"id":207,"excludeFromScreenreader":21,"mediaImage":208,"name":212,"path":213,"status":20},"3303",{"__typename":157,"url":209,"width":183,"height":184,"alt":210,"title":13,"size":211,"mime":163},"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":215,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":216,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":220,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":223,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":226,"Menu:footer":229,"ROOT_QUERY":239,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":255,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":258,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":261,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":264,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":267,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":270,"Menu:nuxt-main-menu":273,"TermCategories:8":287,"TermTags:193":298,"TermTags:297":299,"TermTags:1076":300,"MediaImage:2084":301,"User:21":303,"NodeWpPost:1066":304,"MediaImage:3364":329,"NodeWpPost:1619":331,"MediaImage:3355":334,"NodeWpPost:1616":336,"MediaImage:3303":339,"NodeWpPost:1606":341},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",217,"internal",20,"expanded",21,"attributes",219],{"__ref":218},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",221,"internal",20,"expanded",21,"attributes",222],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",224,"internal",20,"expanded",21,"attributes",225],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",227,"internal",21,"expanded",21,"attributes",228],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",230],[231,233,235,237],{"__ref":232},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":234},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":236},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":238},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",240,"menu({\"name\":\"FOOTER\"})",241,"menu({\"name\":\"NUXT_MAIN_MENU\"})",243,"route({\"path\":\"/blog/css3-flexbox\"})",245,"latestKnowhow({\"excludeId\":\"1066\",\"limit\":3})",248],"Query",{"__ref":242},"Menu:footer",{"__ref":244},"Menu:nuxt-main-menu",["null","__typename",77,"entity",246],{"__ref":247},"NodeWpPost:1066",[249,251,253],{"__ref":250},"NodeWpPost:1619",{"__ref":252},"NodeWpPost:1616",{"__ref":254},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",256,"internal",20,"expanded",21,"attributes",257],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",259,"internal",20,"expanded",21,"attributes",260],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",262,"internal",20,"expanded",21,"attributes",263],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",265,"internal",20,"expanded",21,"attributes",266],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",268,"internal",20,"expanded",21,"attributes",269],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",271,"internal",20,"expanded",21,"attributes",272],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",274],[275,277,279,281,283,285],{"__ref":276},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":278},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":280},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":282},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":284},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":286},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",288,"langcode",289,"changed",290,"metatag",291],["null","__typename",118,"processed",119,"format",120],{"__ref":218},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[292,294,296],["null","__typename",93,"tag",94,"attributes",293],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",295],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",297],["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",154,"id",155,"excludeFromScreenreader",13,"mediaImage",302,"name",161,"path",164,"status",20],["null","__typename",157,"url",158,"width",159,"height",160,"alt",161,"title",161,"size",162,"mime",163],["null","__typename",167,"id",168,"myRole",169,"name",170,"nickname",171],["null","__typename",79,"id",80,"title",81,"changed",305,"created",306,"langcode",307,"path",90,"promote",21,"status",20,"sticky",21,"metatag",308,"category",315,"contentElements",13,"evergreen",13,"tags",317,"wpBody",324,"wpHeaderImage",13,"wpHeaderImageOld",325,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",165,"author",327],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":218},[309,311,313],["null","__typename",93,"tag",94,"attributes",310],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",312],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",314],["null","__typename",109,"property",110,"content",81],{"__ref":316},"TermCategories:8",[318,320,322],{"__ref":319},"TermTags:193",{"__ref":321},"TermTags:297",{"__ref":323},"TermTags:1076",["null","__typename",151,"processed",152,"format",120,"summary",13],{"__ref":326},"MediaImage:2084",{"__ref":328},"User:21",["null","__typename",154,"id",180,"excludeFromScreenreader",13,"mediaImage",330,"name",187,"path",188,"status",20],["null","__typename",157,"url",182,"width",183,"height",184,"alt",185,"title",13,"size",186,"mime",163],["null","__typename",79,"id",175,"title",176,"path",177,"wpTeaserText",178,"wpPromotedTeaserImage",13,"wpHeaderImage",332],{"__ref":333},"MediaImage:3364",["null","__typename",154,"id",195,"excludeFromScreenreader",13,"mediaImage",335,"name",200,"path",201,"status",20],["null","__typename",157,"url",197,"width",183,"height",184,"alt",198,"title",13,"size",199,"mime",163],["null","__typename",79,"id",190,"title",191,"path",192,"wpTeaserText",193,"wpPromotedTeaserImage",13,"wpHeaderImage",337],{"__ref":338},"MediaImage:3355",["null","__typename",154,"id",207,"excludeFromScreenreader",21,"mediaImage",340,"name",212,"path",213,"status",20],["null","__typename",157,"url",209,"width",183,"height",184,"alt",210,"title",13,"size",211,"mime",163],["null","__typename",79,"id",203,"title",204,"path",205,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",342],{"__ref":343},"MediaImage:3303"]