[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"ct2P8VH8LjnoYPW8wzae0IpQH-tnd3dGuwCGQaz3rLc":75,"m6696rOUOUbTd1NZEqFANqr2ZdrL6UQ0PccJbkzAhfo":168,"_apollo:default":213},{"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":158,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":161,"author":162},"NodeWpPost","1054","Browser- und Feature-Detection",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1368527805,"UTC","+00:00","2013-05-14T10:36:45+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/browser-und-feature-detection",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Browser- und Feature-Detection | 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/browser-und-feature-detection","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,154],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","189","Browser","/tag/browser",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"190","Browser Detection","/tag/browser-detection",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"192","Browserdetails","/tag/browserdetails",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"193","Browsersupport","/tag/browsersupport",{"__typename":138,"id":155,"name":156,"path":157,"weight":116},"459","Feature Detection","/tag/feature-detection",{"__typename":159,"processed":160,"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>Das Internet besteht aus ~600-700 Millionen Webseiten (\u003Ca title=\"Quelle\" href=\"http://royal.pingdom.com/2013/01/16/internet-2012-in-numbers/\" target=\"_blank\" rel=\"noopener noreferrer\">Quelle\u003C/a>) die tagtäglich von Milliarden von Menschen auf einer unglaublichen Menge an verschiedenen Devices und damit Browsern geöffnet werden. Neben den großen Browsern Chrome, Internet Explorer, Firefox, Safari und Opera gibt es eine unglaubliche Vielzahl an Webbrowsern – oft enorm exotische Programme mit vielen Einschränkungen und Eigenheiten.\u003Cbr>\nDem nicht genug verhält sich fast jede neue „Major“-Version eines Browsers anders als dessen ältere Vorgänger – Support für neue Features werden hinzugefügt oder wieder weggenommen. Um diese unglaubliche Diversität in Bahnen lenken zu können und um sicher zu gehen, dass eine Webseite auf allen oder zumindest einer Vielzahl der Browsern gut dargestellt werden kann, gibt es schon seit langem zwei verschiedene Ansätze: \u003Cstrong>Feature-Detection und Browser Detection.\u003C/strong>\u003C/p>\n\u003Ch2>Browser Detection\u003C/h2>\n\u003Cp>\u003Cem>Browser Detection\u003C/em> bezeichnet den Vorgang, Regeln (z.b. CSS-Werte) basierend auf dem eingesetzten Browser zu schreiben. Ein Beispiel: Im IE7 ist eine Box zu breit. Im Header kann mittels Conditional-Comments ein zusätzliches CSS Skript für den den IE7 eingebunden werden, welches das Problem behebt:\u003C/p>\n\u003Cpre><!--[if IE 7]>\nCSS oder andere Angaben können hier stehen.\n<![endif]-->\u003C/pre>\n\u003Cp>Der Aufwand für \u003Cem>Browser Detection \u003C/em>hält sich in überschaubaren Grenzen. Wird die Webseite auf dem spezifischen Browser getestet kann parallel dazu ein CSS geschrieben werden, dass die gefundenen Fehler ausbessert. Dabei wird das Haupt-CSS meist durch einfache Ausrichtungs- und Größenregeln überschrieben.\u003Cbr>\n\u003Cem>Browser Detection\u003C/em> hat leider auch einige Nachteile. Zwar funktioniert die Webseite nach der Implementierung der Fixes auf den getesteten Browsern, die unglaubliche Vielzahl an Browsern, Geräten und Render-Engines macht einen Test auf allen gängigen und exotischen Setups aber nicht möglich und vor allem kaum bezahlbar. Weiters kann mit dieser Methode nicht gewährleistet werden, dass auch zukünftige Generationen von Browsern und Devices die Webseite wie gewünscht darstellen werden.\u003C/p>\n\u003Ch2>Feature Detection\u003C/h2>\n\u003Cp>Der zweite Ansatz, die \u003Cem>Feature Detection, \u003C/em>zielt auf spezifische Unterstützung (oder Nicht-Unterstützung) des jeweiligen Browsers ab. Dementsprechend ist der Ansatz auch ein anderer: Statt nur das Problem mittels einfacher Änderung von CSS Regeln zu beheben muss man bei der \u003Cem>Feature Detection \u003C/em>die Frage gestellt werden: Warum verhält sich der Browser wie er sich verhält? Ist dieses Verhalten auf ein spezifisches Feature zurückzuführen, welches der Browser nicht unterstützt, kann mit \u003Cem>Feature Detection\u003C/em>\u003Cem> \u003C/em>gearbeitet werden.\u003Cbr>\nEin konkretes Beispiel dafür ist z.B. das CSS Attribut \u003Cem>box-sizing. \u003C/em>Wird die Webseite unter Einsatz des Attributs \u003Cem>box-sizing\u003C/em> entwickelt kann das signifikante Auswirkungen in Browser haben, die dieses Attribut nicht unterstützen (z.B. IE7). Das Layout verrutscht und sprengt dadurch das Aussehen der Webseite. Ein Fix für den jeweiligen Browser ist zwar schnell geschrieben, andere Browser die \u003Cem>box-sizing \u003C/em>nicht verstehen können damit aber auch leider wenig anfangen. Hier kommt die \u003Cem>Feature Detection \u003C/em>ins Spiel. Anstatt einen Browser anzuvisieren kann mittels verschiedener Methoden (z.B. über \u003Ca title=\"Modernizr\" href=\"http://modernizr.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Modernizr\u003C/a>) die generelle Fähigkeit des Browsers abgefragt werden, bestimmte Attribute zu verstehen. Für alle Browser die dies nicht tun, kann damit eine globale Ausnahmeregelung gefunden werden.\u003Cstrong>\u003C/strong>\u003C/p>\n\u003Cpre>//Beispielhaftes CSS\nhtml.no-boxsizing .elementA {\n  Angaben für Browser ohne Box-Sizing\n}\n.elementA {\n   Generelle CSS-Attribute\n}\u003C/pre>\n\u003Cp>Diese Herangehensweise hat wie beschrieben einige Vorteile: Zukünftige und exotische Browser die durch Tests nicht abgedeckt werden können, werden ebenfalls erfasst und zeigen die Webseite richtig bzw. wie gewünscht an.\u003Cbr>\nNatürlich ist diese Methode nicht immer anwendbar. Darstellungsunterschiede oder sonstige Fehler müssen auf spezifische CSS-Regeln rückführbar sein. Handelt es sich um einen simplen Bug bzw. einer Abweichung vom Standard ohne erkennbaren Grund muss auf die gewohnte \u003Cem>Browser Detection\u003C/em> zurückgegriffen werden.\u003C/p>\n\u003Ch2>Browser vs. Feature Detection\u003C/h2>\n\u003Cp>Welche der beiden Methoden besser ist, kommt natürlich immer auf den Fall an. Generell sollte man natürlich den \u003Cem>Feature Detection Approach\u003C/em> bevorzugen  wo er anwendbar ist, weil dadurch generell größere Kompatibilität mit Browsern gesichert werden kann. Bei vielen Problemen kommt man um den Einsatz von \u003Cem>Browser Detection \u003C/em>aber sowieso nicht herum.\u003Cbr>\nEine generelle Regel gibt es dabei zu beachten: Da das Web so unglaublich vielseitig ist und von jedem Menschen anders aufgerufen wird, sollte man nicht (und braucht auch nicht) versuchen, Webseiten in ein Korsett zu stecken. Pixelgleiches Rendering über alle Systeme, Devices und Engines ist und bleibt unmöglich (und oft auch nicht wünschenswert).\u003C/p>\n\u003Ch2>Browser-Check\u003C/h2>\n\u003Cp>Um Darstellungs- und anderen Fehlern besser auf die Spur zu kommen, haben wir für unsere neue Webseite ein Tool entwickelt, das Statistiken über den eigenen Browser sowie die darin unterstützten Features bereitstellt und im Bedarfsfall an uns übermittelt. Der Browser-Check ist über \u003Ca title=\"www.liechtenecker.at/browsercheck\" href=\"http://www.liechtenecker.at/browsercheck\" target=\"_blank\" rel=\"noopener noreferrer\">www.liechtenecker.at/browsercheck\u003C/a> erreichbar.\u003Cbr>\n\u003Ca href=\"http://www.liechtenecker.at/browsercheck\">\u003Cdiv alt=\"Screenshot vom Browsercheck\" data-entity-type=\"media\" data-entity-uuid=\"1e10dbc7-6897-4b48-b045-877d344cad49\" 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/2013/05/browsercheck1-1.png.webp?itok=-c3foL90 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=GCP28gf- 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"1422\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=bNoDsbE- 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=GxaSZjEd 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"1422\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=2Fv5WH35 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=XdSog2S3 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"1059\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=EWHC1azz 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=JvxxFH35 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"683\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=vHffwq1s 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.webp?itok=8bn9EsWQ 2x\" type=\"image/webp\" width=\"1000\" height=\"1422\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"1422\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2013/05/browsercheck1-1.png.jpg?itok=8bn9EsWQ\" alt=\"Screenshot vom Browsercheck\" title=\"browsercheck\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003C/p>\n\u003Cpre>\u003C/pre>\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/browser-und-feature-detection/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Browser- und Feature-Detection - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Das Internet besteht aus ~600-700 Millionen Webseiten (Quelle) die tagtäglich von Milliarden von Menschen auf einer unglaublichen Menge an verschiedenen Devices und damit Browsern geöffnet werden. Neben den großen Browsern Chrome, Internet Explorer, Firefox, Safari und Opera gibt es eine unglaubliche Vielzahl an Webbrowsern – oft enorm exotische Programme mit vielen Einschränkungen und Eigenheiten. Dem […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/browser-und-feature-detection/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2013-05-14T12:36:45+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2013/05/browsercheck1-1.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=\"4 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/browser-und-feature-detection/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2013/05/browsercheck1-1.png\",\"width\":1000,\"height\":1422,\"caption\":\"Screenshot vom Browsercheck\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/browser-und-feature-detection/#webpage\",\"url\":\"https://liechtenecker.at/blog/browser-und-feature-detection/\",\"name\":\"Browser- und Feature-Detection - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/browser-und-feature-detection/#primaryimage\"},\"datePublished\":\"2013-05-14T12:36:45+00:00\",\"dateModified\":\"2013-05-14T12:36:45+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/browser-und-feature-detection/\"]}]},{\"@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":163,"id":164,"myRole":165,"name":166,"nickname":167},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":169},[170,188,201],{"__typename":79,"id":171,"title":172,"path":173,"wpTeaserText":174,"wpPromotedTeaserImage":13,"wpHeaderImage":175},"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":176,"id":177,"excludeFromScreenreader":13,"mediaImage":178,"name":186,"path":187,"status":20},"MediaImage","3364",{"__typename":179,"url":180,"width":181,"height":182,"alt":183,"title":13,"size":184,"mime":185},"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":189,"title":190,"path":191,"wpTeaserText":192,"wpPromotedTeaserImage":13,"wpHeaderImage":193},"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":176,"id":194,"excludeFromScreenreader":13,"mediaImage":195,"name":199,"path":200,"status":20},"3355",{"__typename":179,"url":196,"width":181,"height":182,"alt":197,"title":13,"size":198,"mime":185},"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":202,"title":203,"path":204,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":205},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":176,"id":206,"excludeFromScreenreader":21,"mediaImage":207,"name":211,"path":212,"status":20},"3303",{"__typename":179,"url":208,"width":181,"height":182,"alt":209,"title":13,"size":210,"mime":185},"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":214,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":215,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":219,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":222,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":225,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":228,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":231,"Menu:nuxt-main-menu":234,"ROOT_QUERY":248,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":264,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":267,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":270,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":273,"Menu:footer":276,"TermCategories:8":286,"TermTags:189":297,"TermTags:190":298,"TermTags:192":299,"TermTags:193":300,"TermTags:459":301,"User:23":302,"NodeWpPost:1054":303,"MediaImage:3364":330,"NodeWpPost:1619":332,"MediaImage:3355":335,"NodeWpPost:1616":337,"MediaImage:3303":340,"NodeWpPost:1606":342},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",216,"internal",20,"expanded",21,"attributes",218],{"__ref":217},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",220,"internal",20,"expanded",21,"attributes",221],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",223,"internal",20,"expanded",21,"attributes",224],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",226,"internal",20,"expanded",21,"attributes",227],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",229,"internal",20,"expanded",21,"attributes",230],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",232,"internal",20,"expanded",21,"attributes",233],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",235],[236,238,240,242,244,246],{"__ref":237},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":239},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":241},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":243},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":245},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":247},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",249,"menu({\"name\":\"NUXT_MAIN_MENU\"})",250,"menu({\"name\":\"FOOTER\"})",252,"route({\"path\":\"/blog/browser-und-feature-detection\"})",254,"latestKnowhow({\"excludeId\":\"1054\",\"limit\":3})",257],"Query",{"__ref":251},"Menu:nuxt-main-menu",{"__ref":253},"Menu:footer",["null","__typename",77,"entity",255],{"__ref":256},"NodeWpPost:1054",[258,260,262],{"__ref":259},"NodeWpPost:1619",{"__ref":261},"NodeWpPost:1616",{"__ref":263},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",265,"internal",20,"expanded",21,"attributes",266],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",268,"internal",20,"expanded",21,"attributes",269],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",271,"internal",20,"expanded",21,"attributes",272],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",274,"internal",21,"expanded",21,"attributes",275],{"__ref":217},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",277],[278,280,282,284],{"__ref":279},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":281},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":283},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":285},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",287,"langcode",288,"changed",289,"metatag",290],["null","__typename",118,"processed",119,"format",120],{"__ref":217},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[291,293,295],["null","__typename",93,"tag",94,"attributes",292],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",294],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",296],["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",138,"id",155,"name",156,"path",157,"weight",116],["null","__typename",163,"id",164,"myRole",165,"name",166,"nickname",167],["null","__typename",79,"id",80,"title",81,"changed",304,"created",305,"langcode",306,"path",90,"promote",21,"status",20,"sticky",21,"metatag",307,"category",314,"contentElements",13,"evergreen",13,"tags",316,"wpBody",327,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",161,"author",328],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":217},[308,310,312],["null","__typename",93,"tag",94,"attributes",309],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",311],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",313],["null","__typename",109,"property",110,"content",81],{"__ref":315},"TermCategories:8",[317,319,321,323,325],{"__ref":318},"TermTags:189",{"__ref":320},"TermTags:190",{"__ref":322},"TermTags:192",{"__ref":324},"TermTags:193",{"__ref":326},"TermTags:459",["null","__typename",159,"processed",160,"format",120,"summary",13],{"__ref":329},"User:23",["null","__typename",176,"id",177,"excludeFromScreenreader",13,"mediaImage",331,"name",186,"path",187,"status",20],["null","__typename",179,"url",180,"width",181,"height",182,"alt",183,"title",13,"size",184,"mime",185],["null","__typename",79,"id",171,"title",172,"path",173,"wpTeaserText",174,"wpPromotedTeaserImage",13,"wpHeaderImage",333],{"__ref":334},"MediaImage:3364",["null","__typename",176,"id",194,"excludeFromScreenreader",13,"mediaImage",336,"name",199,"path",200,"status",20],["null","__typename",179,"url",196,"width",181,"height",182,"alt",197,"title",13,"size",198,"mime",185],["null","__typename",79,"id",189,"title",190,"path",191,"wpTeaserText",192,"wpPromotedTeaserImage",13,"wpHeaderImage",338],{"__ref":339},"MediaImage:3355",["null","__typename",176,"id",206,"excludeFromScreenreader",21,"mediaImage",341,"name",211,"path",212,"status",20],["null","__typename",179,"url",208,"width",181,"height",182,"alt",209,"title",13,"size",210,"mime",185],["null","__typename",79,"id",202,"title",203,"path",204,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",343],{"__ref":344},"MediaImage:3303"]