[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"HgKxaOmFhOuzW6f3RNBEfjxMA_tjrEe5Vx5BAkrZz1Q":75,"T53rMZgyiZ0o7do7F0bOpse3ejCzJb0rX3MVZsY6pz0":169,"_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":112,"postContentElements":13,"evergreen":13,"tags":137,"postWpBody":159,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":162,"author":163},"NodeWpPost","1095","Nachhaltige Webentwicklung: Open Source, Responsive & Standards",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1344233347,"UTC","+00:00","2012-08-06T06:09:07+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/nachhaltige-webentwicklung-open-source-responsive-standards",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Nachhaltige Webentwicklung: Open Source, Responsive & Standards | 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/nachhaltige-webentwicklung-open-source-responsive-standards","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":111},"MetaTagPropertyAttributes","og:title","Nachhaltige Webentwicklung: Open Source, Responsive & Standards",{"__typename":113,"id":114,"name":115,"path":116,"status":20,"weight":117,"description":118,"langcode":122,"changed":123,"metatag":126},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":119,"processed":120,"format":121},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":124,"timezone":85,"offset":86,"time":125},1713772777,"2024-04-22T07:59:37+00:00",[127,130,134],{"__typename":93,"tag":94,"attributes":128},{"__typename":96,"name":97,"content":129},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":131},{"__typename":96,"name":132,"content":133},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":135},{"__typename":103,"href":136,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[138,143,147,151,155],{"__typename":139,"id":140,"name":141,"path":142,"weight":117},"TermTags","137","Barrierefreiheit","/tag/barrierefreiheit",{"__typename":139,"id":144,"name":145,"path":146,"weight":117},"859","Nachhaltigkeit","/tag/nachhaltigkeit",{"__typename":139,"id":148,"name":149,"path":150,"weight":117},"921","Open Source","/tag/open-source",{"__typename":139,"id":152,"name":153,"path":154,"weight":117},"1072","responsive","/tag/responsive",{"__typename":139,"id":156,"name":157,"path":158,"weight":117},"1524","Webstandards","/tag/webstandards",{"__typename":160,"processed":161,"format":121,"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>Wer jemals in den Genuss einer Einführung in die Theorie klassischer Softwareentwicklung gekommen ist, wird bald sehen, dass das mit Webentwicklung wie wir sie kennen nicht viel am Hut hat. Webdevelopment muss schnell, agil und \u003Cem>leicht\u003C/em> sein. Es müssen ständig neue Technologien und Ideen umgesetzt werden, was dazu führt dass jedes Projekt bei der Veröffentlichung bereits etwas veraltet ist.\u003Cbr>\nDiese Geschwindigkeit birgt aber auch einige Gefahren, die sich in Qualität und Stabilität niederschlagen können. Durch eine saubere & überlegte Herangehensweise an ein Projekt, kann diese Geschwindigkeit jedoch mehr unter Kontrolle gebracht und Gefahren systematisch ausgeschlossen werden. Im folgenden werden Drei Aspekte angeschnitten, die zu einer guten Umsetzung beitragen können:\u003C/p>\n\u003Ch3>Freie Technologien\u003C/h3>\n\u003Cp>Ein Stück freien Softwarecode in meinen Projekten zu verwenden, ist wie ein eigenes Team an ProgrammiererInnen daran zu setzen, die sich ohne Bezahlung auch die nächsten Jahre um Stabilität und Weiterentwicklung der Funktionen kümmert.Developer der klassischen Softwareentwicklung (abgesehen der Linux-Community) stehen dem oft sehr skeptisch gegenüber. Zu groß ist die Angst, dass die eigene Technologie von anderen abgekupfert wird. Dass dabei die eigene Entwicklung auf Herz und Nieren getestet und ganz nebenbei noch mehr Bekanntheit erlangt, wird oft übersehen.\u003C/p>\n\u003Ch3>One size fit‘s all?\u003C/h3>\n\u003Cdiv title=\"onesize\" data-entity-type=\"media\" data-entity-uuid=\"f254c465-fbc4-488a-a716-591f1278ece1\" 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/2012/08/onesize1-1.jpg.webp?itok=fVJRgRz8 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=aQHqvCy1 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"540\" height=\"300\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=kFpS_Yo8 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=VST7WJjF 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"540\" height=\"300\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=ErEPUrUP 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=u6wKSQrr 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"540\" height=\"300\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=rriMhau9 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=X0vBPdPu 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"267\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=5WJN19PU 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.webp?itok=U-_j8mU5 2x\" type=\"image/webp\" width=\"540\" height=\"300\">\n                  \u003Cimg loading=\"lazy\" width=\"540\" height=\"300\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2012/08/onesize1-1.jpg.jpg?itok=U-_j8mU5\" alt title=\"onesize\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Eines der großen Paradigma der Softwareentwicklung ist die Trennung von Funktionalität und Layout (z.B. nach dem MVC-Pattern). Die Idee ist es eigentlich die View-Ebene leicht austauschen zu können, um mit wenigen Handgriffen das Aussehen anzupassen. So zumindest die Theorie. In der Praxis wird zwar meistens in Funktionalität und Layout getrennt, wenn es aber zu einem Redesign kommt, wird aber oft das ganze Projekt von Grund auf neu geschrieben. Die saubere Trennung zwischen Form und Funktion war wohl doch nicht so sauber.\u003Cbr>\nIn den letzten Jahren hat hier aber ein Umdenken begonnen. Durch die Anzeige einer Website auf alternativen Endgeräten (z.B. Screenreadern) und durch die Idee von Responsive Webdesign haben viele EntwicklerInnen gemerkt, dass es nicht ein Design für eine Website gibt, sondern die Darstellung so unterschiedlich sein kann, dass ich keine wirkliche Kontrolle mehr darüber habe, wer die Website wie dargestellt bekommt. Ich kann nur dafür sorgen, dass sie in allen möglichen Darstellungsformen einen guten Eindruck macht. Egal ob der User einen Fernseher oder einen Screenreader verwendet, oder sich die Website mit einem klassischen Desktopbrowser anzeigt.\u003Cbr>\nDie Trennung von Darstellung und Funktionalität ist nicht mehr nur eine saubere Umsetzung sondern unbedingt notwendig, damit alle Endgeräte bedient werden können. Bei der Webseitenerstellung vor wenigen Jahren, hat noch kaum irgendwer daran gedacht, dass genau diese Website heute auch auf Fernsehern konsumiert wird.\u003Cbr>\nWenn aber auf eine saubere View-Ebene geachtet wird, kann auch auf noch unbekannten Endgeräten in naher Zukunft wenig schiefgehen.\u003C/p>\n\u003Ch3>Programmierstandards\u003C/h3>\n\u003Cp>Der dritte große Punkt für eine nachhaltige Webentwicklung sind Programmierstandards. Seien es Designpattern wie MVC, oder die standardisierte Kommentierung des Codes oder auch Naming-conventions. Programmierstandards sind ein entscheidender Kostenpunkt bei größeren Projekten. Nicht nur, wenn sich neue EntwicklerInnen in ein bestehendes Projekt einarbeiten müssen, auch die Wartung von älterem Code wird dadurch massiv vereinfacht.\u003Cbr>\nDas Web verändert sich zwar rasant und neue Technologien verbreiten sich immer schneller, an einigen Stellen kann aber trotzdem vorausschauend gehandelt werden. So steigert sich nicht nur die Qualität des Projektes es wird auch an Nerven und Geld gespart.\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/nachhaltige-webentwicklung-open-source-responsive-standards/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Nachhaltige Webentwicklung: Open Source, Responsive & Standards - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Wer jemals in den Genuss einer Einführung in die Theorie klassischer Softwareentwicklung gekommen ist, wird bald sehen, dass das mit Webentwicklung wie wir sie kennen nicht viel am Hut hat. Webdevelopment muss schnell, agil und leicht sein. Es müssen ständig neue Technologien und Ideen umgesetzt werden, was dazu führt dass jedes Projekt bei der Veröffentlichung bereits […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/nachhaltige-webentwicklung-open-source-responsive-standards/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2012-08-06T08:09:07+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2012/08/onesize1-1.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=\"3 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/nachhaltige-webentwicklung-open-source-responsive-standards/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2012/08/onesize1-1.jpg\",\"width\":540,\"height\":300},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/nachhaltige-webentwicklung-open-source-responsive-standards/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/nachhaltige-webentwicklung-open-source-responsive-standards/\",\"name\":\"Nachhaltige Webentwicklung: Open Source, Responsive & Standards - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/nachhaltige-webentwicklung-open-source-responsive-standards/#primaryimage\"},\"datePublished\":\"2012-08-06T08:09:07+00:00\",\"dateModified\":\"2012-08-06T08:09:07+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/6b4f41c44e934653474ab67647eaa4e6\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/nachhaltige-webentwicklung-open-source-responsive-standards/\"]}]},{\"@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":164,"id":165,"myRole":166,"name":167,"nickname":168},"User","21","-","s-mischinger","Sarah",{"latestKnowhow":170},[171,189,202],{"__typename":79,"id":172,"title":173,"path":174,"wpTeaserText":175,"wpPromotedTeaserImage":13,"wpHeaderImage":176},"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":177,"id":178,"excludeFromScreenreader":13,"mediaImage":179,"name":187,"path":188,"status":20},"MediaImage","3364",{"__typename":180,"url":181,"width":182,"height":183,"alt":184,"title":13,"size":185,"mime":186},"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":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":177,"id":195,"excludeFromScreenreader":13,"mediaImage":196,"name":200,"path":201,"status":20},"3355",{"__typename":180,"url":197,"width":182,"height":183,"alt":198,"title":13,"size":199,"mime":186},"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":177,"id":207,"excludeFromScreenreader":21,"mediaImage":208,"name":212,"path":213,"status":20},"3303",{"__typename":180,"url":209,"width":182,"height":183,"alt":210,"title":13,"size":211,"mime":186},"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:137":298,"TermTags:859":299,"TermTags:921":300,"TermTags:1072":301,"TermTags:1524":302,"User:21":303,"NodeWpPost:1095":304,"MediaImage:3364":331,"NodeWpPost:1619":333,"MediaImage:3355":336,"NodeWpPost:1616":338,"MediaImage:3303":341,"NodeWpPost:1606":343},["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/nachhaltige-webentwicklung-open-source-responsive-standards\"})",245,"latestKnowhow({\"excludeId\":\"1095\",\"limit\":3})",248],"Query",{"__ref":242},"Menu:footer",{"__ref":244},"Menu:nuxt-main-menu",["null","__typename",77,"entity",246],{"__ref":247},"NodeWpPost:1095",[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",113,"id",114,"name",115,"path",116,"status",20,"weight",117,"description",288,"langcode",289,"changed",290,"metatag",291],["null","__typename",119,"processed",120,"format",121],{"__ref":218},["null","__typename",83,"timestamp",124,"timezone",85,"offset",86,"time",125],[292,294,296],["null","__typename",93,"tag",94,"attributes",293],["null","__typename",96,"name",97,"content",129],["null","__typename",93,"tag",94,"attributes",295],["null","__typename",96,"name",132,"content",133],["null","__typename",100,"tag",101,"attributes",297],["null","__typename",103,"href",136,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",139,"id",140,"name",141,"path",142,"weight",117],["null","__typename",139,"id",144,"name",145,"path",146,"weight",117],["null","__typename",139,"id",148,"name",149,"path",150,"weight",117],["null","__typename",139,"id",152,"name",153,"path",154,"weight",117],["null","__typename",139,"id",156,"name",157,"path",158,"weight",117],["null","__typename",164,"id",165,"myRole",166,"name",167,"nickname",168],["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",328,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",162,"author",329],["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",111],{"__ref":316},"TermCategories:8",[318,320,322,324,326],{"__ref":319},"TermTags:137",{"__ref":321},"TermTags:859",{"__ref":323},"TermTags:921",{"__ref":325},"TermTags:1072",{"__ref":327},"TermTags:1524",["null","__typename",160,"processed",161,"format",121,"summary",13],{"__ref":330},"User:21",["null","__typename",177,"id",178,"excludeFromScreenreader",13,"mediaImage",332,"name",187,"path",188,"status",20],["null","__typename",180,"url",181,"width",182,"height",183,"alt",184,"title",13,"size",185,"mime",186],["null","__typename",79,"id",172,"title",173,"path",174,"wpTeaserText",175,"wpPromotedTeaserImage",13,"wpHeaderImage",334],{"__ref":335},"MediaImage:3364",["null","__typename",177,"id",195,"excludeFromScreenreader",13,"mediaImage",337,"name",200,"path",201,"status",20],["null","__typename",180,"url",197,"width",182,"height",183,"alt",198,"title",13,"size",199,"mime",186],["null","__typename",79,"id",190,"title",191,"path",192,"wpTeaserText",193,"wpPromotedTeaserImage",13,"wpHeaderImage",339],{"__ref":340},"MediaImage:3355",["null","__typename",177,"id",207,"excludeFromScreenreader",21,"mediaImage",342,"name",212,"path",213,"status",20],["null","__typename",180,"url",209,"width",182,"height",183,"alt",210,"title",13,"size",211,"mime",186],["null","__typename",79,"id",203,"title",204,"path",205,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",344],{"__ref":345},"MediaImage:3303"]