[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"Q5REAQY_wEXFds0wnM_DUOQS33MUnitDduswxFB-A4E":75,"T4ti9DE2CA_rDe054W8xPJBFzq778Cowutf5FuVRIWg":160,"_apollo:default":205},{"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":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":153,"author":154},"NodeWpPost","1029","Das war Digital Visions 2013",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1381232164,"UTC","+00:00","2013-10-08T11:36:04+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/das-war-digital-visions-2013",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Das war Digital Visions 2013 | 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/das-war-digital-visions-2013","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","21","#div13","/tag/div13",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"349","digital visions","/tag/digital-visions",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"362","digitalvisions","/tag/digitalvisions",{"__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\u003Cp dir=\"ltr\">Nach dem großen Erfolg der \u003Ca title=\"Digital Visions 2012\" href=\"/digital-visions-2012/\">Digital Visions\u003C/a> 2012 war es klar, dass wir 2013 wieder die UX- und Frontendkonferenz veranstalten werden. Vollbepackt mit tollen Speakern, gutem Kaffee und kulinarischen Leckerbissen war es dann am 4. Oktober so weit und wir luden ins f6 in den 6. Bezirk ein.\u003C/p>\n\u003Cdiv alt=\"Div13 Wallpaper\" data-entity-type=\"media\" data-entity-uuid=\"47337c5a-a925-4a6a-ad17-5a6696e495fa\" 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/10/wallpaper1-1.jpg.webp?itok=4gZuRufy 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=EbVldlhX 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1024\" height=\"768\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=m9_FeNWK 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=Esv9avfD 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"768\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=Bgv7Vw_l 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=Kgky-ykr 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"559\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=-0HPDtnj 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=6lQ758Hu 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"360\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=YAJQwrGc 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.webp?itok=vEmw07fV 2x\" type=\"image/webp\" width=\"1024\" height=\"768\">\n                  \u003Cimg loading=\"lazy\" width=\"1024\" height=\"768\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2013/10/wallpaper1-1.jpg.jpg?itok=vEmw07fV\" alt=\"Div13 Wallpaper\" title=\"Div13 Wallpaper\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>\u003C/p>\n\u003Ch3>Status Quo der Webtypografie\u003C/h3>\n\u003Cp dir=\"ltr\">Eröffnet wurde die Veranstaltung mit dem Talk von Gerrit van Aaken. Er ist eine Koryphäe wenn es um Webtypografie geht und er kennt dessen langen Weg im Netz genau. Prinzipiell stellt sich die Frage ob wir mit Webtypografie jetzt endlich am Ziel angekommen sind? Gerrit sagt JEIN!\u003C/p>\n\u003Cp dir=\"ltr\">Auf der einen Seite Ja, denn durch den rasanten Fortschritt der Browser und Tools wie \u003Ca title=\"Google Fonts\" href=\"http://www.google.com/fonts\" target=\"_blank\" rel=\"noopener noreferrer\">Google Fonts\u003C/a> oder \u003Ca title=\"fonts.com\" href=\"http://www.fonts.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Fonts.com\u003C/a> ist das Einbinden von benutzerdefinierten Schriften so leicht wie noch nie: Schrift aussuchen und generierten Code einbetten. That’s it! Auch schon einige Online-Ausgaben von Zeitschriften wie die \u003Ca title=\"Zeitung Süddeutsche\" href=\"http://www.sueddeutsche.de/\" target=\"_blank\" rel=\"noopener noreferrer\">Süddeutsche.de\u003C/a> haben sich an moderne Web-Fonts herangetraut.\u003Cbr>\nTrotzdem sind wir aber auch gleichzeitig noch nicht angekommen laut Gerrit und das hat einige Gründe. Das größte Problem ist die Darstellungstechnik. Wie viele sicher schon bemerkt haben, schauen Web-Fonts überall anders aus und das liegt an deren Rendering. Schriften bestehen aus Vektorgrafiken, die gerastert werden müssen und dafür gibt es zahlreiche Systeme. Leider arbeiten diese alle unterschiedlich. Das Ergebnis hängt vom Betriebssystem und dem Browser ab. Als ob das noch nicht kompliziert genug wäre, hängt es zusätzlich auch noch von Treibern ab, die möglicherweise installiert sind oder eben nicht. Kann man hier noch durchblicken? Eher schwierig, denn wenn der Text mal dem gewünschten Erscheinungsbild entspricht, können weitere Probleme auftreten. Zum Beispiel wird die Schrift wieder unscharf wenn man mit CSS Transformierungen wie rotate arbeitet.\u003C/p>\n\u003Cp dir=\"ltr\">Hier gibt es auf jeden Fall noch eine Menge an Handlungsbedarf, um auf einheitliche Schriften zurückgreifen zu können. Zusätzlich sollten noch diese Punkte erfüllt werden, damit Fonts im Web zum No-Brainer werden:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cspan style=\"line-height: 13px;\">alle Screens mehr als 300ppi\u003C/span>\u003C/li>\n\u003Cli>alle Datenverbindungen stabile 2 Mbit Verbindung\u003C/li>\n\u003Cli>auch auf mobile Geräten\u003C/li>\n\u003Cli>Billigsmartphones müssen genug CPU und Speicher besitzen\u003C/li>\n\u003C/ul>\n\u003Cp>Das Ziel ist erreicht:\u003C/p>\n\u003Cblockquote>\n\u003Cdiv title=\"Page 43\">\n\u003Cdiv>\n\u003Cdiv>\n\u003Cdiv>\n\u003Cp style=\"text-align: center;\">Wenn der User absolut keinen qualitativen Unterschied mehr zwischen eingebauten und eingebundenen Fonts bemerkt!\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/blockquote>\n\u003Cp dir=\"ltr\">Trotzdem bleibt es aber spannend, denn laut Gerrit werden wir nie dort ankommen wo wir hinwollen.\u003C/p>\n\u003Cp dir=\"ltr\">Zusammenfassend ist Gerrit van Aaken seiner Philosophie “Wissen immer teilen” und den hohen Erwartungen gerecht geworden. Er hat uns alle auf den neusten Stand der Webtypografie gebracht und uns gezeigt, dass wir noch lange nicht soweit sind wie wir es gerne mit Webtypografie hätten. Trotzdem haben wir heute einfache Möglichkeiten Web-Fonts einzubinden und das sollten wir seiner Meinung nach auch tun. Viel zu lange hatten wir die gleich faden Systemschriften und etwas Vielfalt tut uns auch im Web sehr gut.\u003C/p>\n\u003Cdiv class=\"ym-g520 ym-gl linearize-860\">\n\u003Cdiv class=\"ym-gbox\">\u003Ca class=\"button corall\" title=\"Webtypografie Slides\" href=\"/wp-content/uploads/2013/10/webtypo2013_neu1-1.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Slides >\u003C/a>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"clearfix\">\u003C/div>\n\u003Ch3>Visionair – UX Flughafen-App\u003C/h3>\n\u003Cp dir=\"ltr\">Im zweiten Talk des Tages hat uns Gregor Hofbauer Einblicke in das Projekt Visionair verschafft. In einem Zeitraum von über 3 Jahren hat er an einer interaktiven Datenvisualisierung für den Prozessablauf am Flughafen Wien gearbeitet und schon der Prototyp kann sich sehen lassen. Das Interface Design überzeugt durch moderne, simple aber trotzdem detailreiche Visualisierung. Aber auch bestimmte Überlegungen und Erkenntnisse in gewissen Arbeitsschritten und in der Zusammenarbeit mit einem so großen Kunden, wie dem Flughafen Wien, haben uns fasziniert. Visionair erinnert an futuristische Interfaces aus Filmen wie Minority Report oder Star Trek. Gerne hätten wir wohl alle so ein Interface auf einem Multitouch Table selber getestet.\u003C/p>\n\u003Cp dir=\"ltr\">In der kurzen Zeit konnten wir natürlich nur einen kleinen Einblick in das Projekt Visionair erhaschen, aber dieser hatte es in sich und sorgte auch noch im Anschluss an den Talk für reichlich Interesse.\u003C/p>\n\u003Cdiv class=\"ym-g520 ym-gl linearize-860\">\n\u003Cdiv class=\"ym-gbox\">\u003Ca class=\"button corall\" title=\"Visionair Strukt\" href=\"http://strukt.com/2013/visionair/\" target=\"_blank\" rel=\"noopener noreferrer\">Projektbeschreibung >\u003C/a>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"clearfix\">\u003C/div>\n\u003Ch3>Mobile User Experience\u003C/h3>\n\u003Cp dir=\"ltr\">Thomas Nägele ist Interaction und User Experience Designer und in seinem Talk betrachten wir Mobile User Experience aus dem Web gesehen. Der Begriff „mobile“ ist schon länger nicht mehr das, was er mal war. Zu viele neue Geräte und Auflösungen lassen die Grenzen zwischen mobile und Desktop immer mehr verschwimmen. Ein Tablet gehört zwar zu den mobile Geräten, wird aber hauptsächlich daheim über W-Lan benutzt. Laptops werden am Schreibtisch zu Hause, aber auch unterwegs bedient. Neue Modelle haben auch eine Touch-Oberfläche und werden dadurch gleichzeitig zum Tablet. Eindrucksvoll war auch das Beispiel-Bild vom Laptop am Klo. Wer war am stillen Örtchen denn noch nicht im Internet?\u003C/p>\n\u003Cp dir=\"ltr\">Heutzutage sollte es nur noch um den Kontext und die Intention des Benutzers gehen. Der Inhalt steht im Mittelpunkt. Thomas hat uns Einblicke in seinen \u003Ca title=\"Responsive Webdesign Basiscs\" href=\"/responsive-webdesign-die-basics/\" target=\"_blank\" rel=\"noopener noreferrer\">RWD\u003C/a> Workflow erlaubt. Er setzt auf HTML / CSS Prototypen und verwendet ein selbstgeschriebenes CSS Framework. Er empfiehlt jedem Designer sich auch mit dem Programmieren zu beschäftigen, denn nur so bekommt man den richtigen Bezug zu der Materie in der die Designs letztendlich landen. In Photoshop beginnt man jede neue Datei mit der Eingabe einer fixen Größe. Das ist genau das Gegenteil von RWD und daher ist ein Umdenken im Design-Prozess unabdingbar.\u003C/p>\n\u003Cblockquote>\n\u003Cp dir=\"ltr\" style=\"text-align: center;\">Wer ohne Inhalt designed, der dekoriert eigentlich nur!\u003C/p>\n\u003C/blockquote>\n\u003Cp dir=\"ltr\">Wichtig ist Thomas auch die eigene Ideologie. Es gibt sehr viele und gute Tools, mit denen man sich auseinander setzten sollte. Aber alles in Hinsicht auf seinen eigenen Weg, den man finden muss. Kein Tool ist perfekt.\u003C/p>\n\u003Cp dir=\"ltr\">In einem sehr spannenden und interessanten Talk hat uns Thomas das moderne Web vorgestellt und uns gezeigt, wie sich RWD in den letzten Jahren schon deutlich entwickelt hat und wodurch sich auch unsere Ansprüche und Anforderungen geändert haben sollten.\u003C/p>\n\u003Cdiv class=\"ym-g520 ym-gl linearize-860\">\n\u003Cdiv class=\"ym-gbox\">\u003Ca class=\"button corall\" title=\"Slides Mobile User Experience Talk\" href=\"http://t.co/HEqGXU9oFL\" target=\"_blank\" rel=\"noopener noreferrer\">Slides >\u003C/a>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"clearfix\">\u003C/div>\n\u003Ch3>Das perfekte Steak\u003C/h3>\n\u003Cp dir=\"ltr\">Vor der Mittagspause durfte dann noch ein bekanntes Digital Visions Gesicht vor die Menge. Stefan Baumgartner war schon 2012 dabei und wir freuten uns ihn wieder bei uns begrüßen zu dürfen. Er verbindet sein Detailwissen mit Unterhaltung und sorgt dadurch immer für die perfekte Atmosphäre.\u003C/p>\n\u003Cp dir=\"ltr\">In seinem Talk teilte er mit uns Erkenntnisse aus seinen letzten Projekten. So sollte es für jede verwendete Library auch einen wichtigen Grund geben. Hier zählt nicht nur der Speicherplatz, sondern auch die Kompatibilität mit dem restlichen Code. Zwanghaft etwas programmieren zu wollen ist da immer der falsche Weg. Auch ”Standard-Code” ist eben nicht immer das was er zu sein scheint.\u003C/p>\n\u003Cp>[code language=“CSS“]\u003Cbr>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\u003Cbr>\n[/code]\u003Cbr>\nSo kennt z.B. der IE10 den oben angeführten Apple meta viewport tag, den wir täglich verwenden, nicht. Erst mit dieser Erweiterung bricht unser Layout nicht zusammen:\u003Cbr>\n[code language=“CSS“]\u003Cbr>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0,maximum-scale=1.0\" />\u003Cbr>\n[/code]\u003Cbr>\nEs ist also oft nicht alles so selbstverständlich wie es oft scheint. Genauso verhält es sich mit prefixed CSS Attributen. Diese  sollte man noch mit Vorischt genießen, denn oft gibt es einen Grund dafür, warum sie noch nicht standardisiert sind und es entstehen öfter Probleme als man denkt.\u003Cbr>\nInsgesamt war  Progressive Enhancement ein wichtiger Punkt in Stefans Talk. Hier geht es darum immer von einer Basis auszugehen um die wichtigsten Inhalte für den ersten Eindruck zuerst bereitzustellen. Jeder Request muss gerechtfertigt sein, denn Performance ist entscheidend. RESS – Responsive Design & Server Side Components – ist ein Ansatz der genau darauf abzielt. Er verbindet die Vorteile von RWD und server-side detection. Auf dem Server kann man dadurch das vorhandene Gerät erkennen und speziell auf dieses eingehen. Das spart Zeit und liefert dem Benutzer das bestmögliche Erlebnis.\u003Cbr>\nProgressive Enhancement ist auch so beliebt, da wir nicht wissen was uns noch alles in der Zukunft erwarten wird. Der internetfähige Kühlschrank war nicht nur bei Stefan eine Erwähnung wert. Die Zutaten machen die Speise aus und so ist das auch im Web. Wenn es schmecken soll, muss zuerst einmal die Umgebung und die Basis stimmen.\u003C/p>\n\u003Cdiv class=\"ym-g520 ym-gl linearize-860\">\n\u003Cdiv class=\"ym-gbox\">\u003Ca class=\"button corall\" title=\"Slides Stefan Baumgarnter\" href=\"https://speakerdeck.com/ddprrt/digital-visions-2013-the-perfect-steak\" target=\"_blank\" rel=\"noopener noreferrer\">Slides >\u003C/a>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"clearfix\">\u003C/div>\n\u003Ch3>Beyond the Screen\u003C/h3>\n\u003Cp dir=\"ltr\">Gestärkt ging es dann nach der Mittagspause weiter mit Nicole Neuberger. Sie ist selbstständige Service & Experience Designerin und befasst sich unter anderem mit Verbesserungen im Gesundheitssystem. Dieses hat sich im letzten Jahrzehnt kaum geändert, aber wir Menschen, unsere Psyche und Erkrankungen hingegen enorm. Hier ist auf jeden Fall Handlungsbedarf gegeben und Nicole kämpft an vorderster Front für besseres Service. Besonders wichtig ist Human-Centered Design. Nicole beschäftigt sich mit den Menschen und ihren Problemen um daraus Ansätze für bessere Bedingungen zu kreieren. Die Sprache stellt leider noch immer eine große Hürde für Patienten dar. Aber auch der Umgang der Ärzte mit Patienten kann noch stark verbessert werden. Bessere Usability könnte hier auch mögliche Verwechslungen und entstehende Fehler vorbeugen. Es gibt auf jeden Fall noch so einiges zu tun und es war sehr spannend aktuelle Einblicke zu bekommen. Auch die anschließenden Fragen zeigten das rege Interesse an diesem Thema.\u003C/p>\n\u003Cdiv class=\"ym-g520 ym-gl linearize-860\">\n\u003Cdiv class=\"ym-gbox\">\u003Ca class=\"button corall\" href=\"/wp-content/uploads/2013/10/Beyond_the_Screen_NEUBERGER_DV_1.11-1.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Slides >\u003C/a>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"clearfix\">\u003C/div>\n\u003Ch3>RWD – Die Geister die ich rief\u003C/h3>\n\u003Cp dir=\"ltr\">Sven Wolfermann durfte als letzter ans Rednerpult und sein Thema war die perfekte Ergänzung zu den Themen von Thomas und Stefan zuvor.\u003C/p>\n\u003Cp dir=\"ltr\">Vor ein paar Jahren tauchte plötzlich RWD auf. Ein wenig Flexible Grids, ein wenig CSS Media Queries und fertig ist die Website oder? Es ist mittlerweile zu einem Standard in unserer Branche geworden und doch können wir das Biest noch immer nicht richtig bändigen. Anhand zahlreicher Beispiele zeigt uns Sven die Tücken von RWD auf. Ein großes Problem sind die fehlenden Infos über unsere User:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cspan style=\"line-height: 13px;\">wir kennen die Bildschirmgröße nicht\u003C/span>\u003C/li>\n\u003Cli>wir kennen die Browsereigenschaften nicht\u003C/li>\n\u003Cli>wir kennen die Verbindungsgeschwindigkeit nicht\u003C/li>\n\u003C/ul>\n\u003Cp>Was wissen wir denn eigentlich noch? All diese Dinge erschweren uns die Arbeit. Wir müssen quasi auf alles vorbereitet sein und schnell soll es natürlich auch sein. Ist RWD immer noch so easy? Zusätzlich ändert sich aber auch der Workflow. Die Design-Planung wird immer umfangreicher und ist nicht mehr linear. Auch Sven sieht den modernen Designer im Browser arbeiten. Designentscheidungen müssen im Browser getroffen werden und nicht in Photoshop. Die (kurze) Zeit der Standard Breakpoints ist auch schon wieder vorbei. Breakpoints sollen sich dem Inhalt anpassen und nicht einem bestimmten Gerät, denn diese können wir nicht mehr überblicken oder kontrollieren.\u003C/p>\n\u003Cblockquote>\n\u003Cp dir=\"ltr\" style=\"text-align: center;\">Heutzutage wissen wir nicht wie und wo der User unsere Website besucht\u003C/p>\n\u003C/blockquote>\n\u003Cp dir=\"ltr\">Technisch ist auf jeden Fall mobile first der richtige Ansatz, aber damit ist nicht Smartphone-first gemeint. Insgesamt wandert der Trend zu einer neuen Strategie, über die wir auch schon berichtet haben: \u003Ca title=\"Content first Strategie\" href=\"/content-first-statt-mobile-first/\" target=\"_blank\" rel=\"noopener noreferrer\">Content first\u003C/a>. Geht es dem Inhalt gut, geht es uns allen gut!\u003C/p>\n\u003Cp dir=\"ltr\">Zusätzlich war auch das Thema Bilder in Bezug auf RWD ein heiß diskutierter Teil seines Talks. Wir brauchen derzeit eine Vielzahl an Bildgrößen für unser RWD, jedoch wollen wir nicht jedem die schweren HD-Aufnahmen aufzwingen. Große Bilder werden zwar verkleinert dargestellt, benötigen aber die volle Dateigröße. Effektiv ist das bei weitem nicht. Die perfekte Lösung gibt es jedoch leider noch nicht und darum müssen uns derzeit Polyfills aushelfen, auf die Sven in seinen Slides genau eingeht und die auf jeden Fall einen Blick wert sind.\u003C/p>\n\u003Cp dir=\"ltr\">Sven hat uns in seinem Talk gezeigt, dass man mit den Geistern die man ruft schon auch umgehen können muss, dass es aber möglich, wenn man sich ihnen stellt.\u003C/p>\n\u003Cdiv class=\"ym-g520 ym-gl linearize-860\">\n\u003Cdiv class=\"ym-gbox\">\u003Ca class=\"button corall\" title=\"Slides Sven Wolfermann\" href=\"http://maddesigns.de/rwd-die-geister/#1\" target=\"_blank\" rel=\"noopener noreferrer\">Slides >\u003C/a>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"clearfix\">\u003C/div>\n\u003Ch3>Dankeschön\u003C/h3>\n\u003Cp dir=\"ltr\">Digital Visions 2013 war ein großer Erfolg und wir möchten uns bei allen Teilnehmern, Sponsoren, Speakern und bei unserem Team herzlich bedanken. Es hat uns auch heuer wieder extrem viel Spaß gemacht und daher bleibt uns auch diesmal keine andere Wahl als 2014 wieder zu kommen!\u003C/p>\n\u003Ch3>Fotos\u003C/h3>\n\u003Cdiv class=\"fb-post\" data-href=\"https://www.facebook.com/DigitalvisionsVienna/posts/575137689212392\" data-width=\"550\">\n\u003Cdiv class=\"fb-xfbml-parse-ignore\">\u003Ca href=\"https://www.facebook.com/DigitalvisionsVienna/posts/575137689212392\">Post\u003C/a> by \u003Ca href=\"https://www.facebook.com/DigitalvisionsVienna\">Digitalvisions Vienna\u003C/a>.\u003C/div>\n\u003C/div>\n\u003Ch3 class=\"fb-xfbml-parse-ignore\">Video\u003C/h3>\n\u003Cp>\u003Ciframe src=\"//player.vimeo.com/video/76322107?title=0&byline=0&portrait=0\" height=\"506\" width=\"900\" allowfullscreen frameborder=\"0\">\u003C/iframe>\u003C/p>\n\u003Ch3>Sponsoren\u003C/h3>\n\u003Cdiv alt=\"Sponsore Div13\" data-entity-type=\"media\" data-entity-uuid=\"996cdd33-9504-41ba-9876-d723f097714d\" 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/10/sponsorendiv131-1.png.webp?itok=LW4GssBq 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=ls9hrQhN 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"490\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=ADWxCGcE 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=R2I3ZjkZ 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"490\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=MtAaycbE 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=a2uE5rz0 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"365\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=CDpUy2td 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=RoACHt_G 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"235\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=DW_hDjH- 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.webp?itok=e7_zLztb 2x\" type=\"image/webp\" width=\"1000\" height=\"490\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"490\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2013/10/sponsorendiv131-1.png.jpg?itok=e7_zLztb\" alt=\"Sponsore Div13\" title=\"Sponsore Div13\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>\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/das-war-digital-visions-2013/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Das war Digital Visions 2013 - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Nach dem großen Erfolg der Digital Visions 2012 war es klar, dass wir 2013 wieder die UX- und Frontendkonferenz veranstalten werden. Vollbepackt mit tollen Speakern, gutem Kaffee und kulinarischen Leckerbissen war es dann am 4. Oktober so weit und wir luden ins f6 in den 6. Bezirk ein. Status Quo der Webtypografie Eröffnet wurde die […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/das-war-digital-visions-2013/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2013-10-08T13:36:04+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2013/10/wallpaper1-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=\"10 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/das-war-digital-visions-2013/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2013/10/wallpaper1-1.jpg\",\"width\":1024,\"height\":768,\"caption\":\"Div13 Wallpaper\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/das-war-digital-visions-2013/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/das-war-digital-visions-2013/\",\"name\":\"Das war Digital Visions 2013 - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/das-war-digital-visions-2013/#primaryimage\"},\"datePublished\":\"2013-10-08T13:36:04+00:00\",\"dateModified\":\"2013-10-08T13:36:04+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/das-war-digital-visions-2013/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\",\"name\":\"Christoph Rumpel\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/3191eb8b348673db049a15f94835ba83?s=96&d=mm&r=g\",\"caption\":\"Christoph Rumpel\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":155,"id":156,"myRole":157,"name":158,"nickname":159},"User","4","-","c-rumpel","Christoph Rumpel",{"latestKnowhow":161},[162,180,193],{"__typename":79,"id":163,"title":164,"path":165,"wpTeaserText":166,"wpPromotedTeaserImage":13,"wpHeaderImage":167},"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":168,"id":169,"excludeFromScreenreader":13,"mediaImage":170,"name":178,"path":179,"status":20},"MediaImage","3364",{"__typename":171,"url":172,"width":173,"height":174,"alt":175,"title":13,"size":176,"mime":177},"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":181,"title":182,"path":183,"wpTeaserText":184,"wpPromotedTeaserImage":13,"wpHeaderImage":185},"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":168,"id":186,"excludeFromScreenreader":13,"mediaImage":187,"name":191,"path":192,"status":20},"3355",{"__typename":171,"url":188,"width":173,"height":174,"alt":189,"title":13,"size":190,"mime":177},"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":194,"title":195,"path":196,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":197},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":168,"id":198,"excludeFromScreenreader":21,"mediaImage":199,"name":203,"path":204,"status":20},"3303",{"__typename":171,"url":200,"width":173,"height":174,"alt":201,"title":13,"size":202,"mime":177},"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":206,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":207,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":211,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":214,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":217,"Menu:footer":220,"ROOT_QUERY":230,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":246,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":249,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":252,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":255,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":258,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":261,"Menu:nuxt-main-menu":264,"TermCategories:8":278,"TermTags:21":289,"TermTags:349":290,"TermTags:362":291,"User:4":292,"NodeWpPost:1029":293,"MediaImage:3364":316,"NodeWpPost:1619":318,"MediaImage:3355":321,"NodeWpPost:1616":323,"MediaImage:3303":326,"NodeWpPost:1606":328},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",208,"internal",20,"expanded",21,"attributes",210],{"__ref":209},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",212,"internal",20,"expanded",21,"attributes",213],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",215,"internal",20,"expanded",21,"attributes",216],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",218,"internal",21,"expanded",21,"attributes",219],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",221],[222,224,226,228],{"__ref":223},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":225},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":227},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":229},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",231,"menu({\"name\":\"FOOTER\"})",232,"menu({\"name\":\"NUXT_MAIN_MENU\"})",234,"route({\"path\":\"/blog/das-war-digital-visions-2013\"})",236,"latestKnowhow({\"excludeId\":\"1029\",\"limit\":3})",239],"Query",{"__ref":233},"Menu:footer",{"__ref":235},"Menu:nuxt-main-menu",["null","__typename",77,"entity",237],{"__ref":238},"NodeWpPost:1029",[240,242,244],{"__ref":241},"NodeWpPost:1619",{"__ref":243},"NodeWpPost:1616",{"__ref":245},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",247,"internal",20,"expanded",21,"attributes",248],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",250,"internal",20,"expanded",21,"attributes",251],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",253,"internal",20,"expanded",21,"attributes",254],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",256,"internal",20,"expanded",21,"attributes",257],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",259,"internal",20,"expanded",21,"attributes",260],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",262,"internal",20,"expanded",21,"attributes",263],{"__ref":209},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",265],[266,268,270,272,274,276],{"__ref":267},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":269},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":271},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":273},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":275},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":277},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",279,"langcode",280,"changed",281,"metatag",282],["null","__typename",118,"processed",119,"format",120],{"__ref":209},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[283,285,287],["null","__typename",93,"tag",94,"attributes",284],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",286],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",288],["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",155,"id",156,"myRole",157,"name",158,"nickname",159],["null","__typename",79,"id",80,"title",81,"changed",294,"created",295,"langcode",296,"path",90,"promote",21,"status",20,"sticky",21,"metatag",297,"category",304,"contentElements",13,"evergreen",13,"tags",306,"wpBody",313,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",153,"author",314],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":209},[298,300,302],["null","__typename",93,"tag",94,"attributes",299],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",301],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",303],["null","__typename",109,"property",110,"content",81],{"__ref":305},"TermCategories:8",[307,309,311],{"__ref":308},"TermTags:21",{"__ref":310},"TermTags:349",{"__ref":312},"TermTags:362",["null","__typename",151,"processed",152,"format",120,"summary",13],{"__ref":315},"User:4",["null","__typename",168,"id",169,"excludeFromScreenreader",13,"mediaImage",317,"name",178,"path",179,"status",20],["null","__typename",171,"url",172,"width",173,"height",174,"alt",175,"title",13,"size",176,"mime",177],["null","__typename",79,"id",163,"title",164,"path",165,"wpTeaserText",166,"wpPromotedTeaserImage",13,"wpHeaderImage",319],{"__ref":320},"MediaImage:3364",["null","__typename",168,"id",186,"excludeFromScreenreader",13,"mediaImage",322,"name",191,"path",192,"status",20],["null","__typename",171,"url",188,"width",173,"height",174,"alt",189,"title",13,"size",190,"mime",177],["null","__typename",79,"id",181,"title",182,"path",183,"wpTeaserText",184,"wpPromotedTeaserImage",13,"wpHeaderImage",324],{"__ref":325},"MediaImage:3355",["null","__typename",168,"id",198,"excludeFromScreenreader",21,"mediaImage",327,"name",203,"path",204,"status",20],["null","__typename",171,"url",200,"width",173,"height",174,"alt",201,"title",13,"size",202,"mime",177],["null","__typename",79,"id",194,"title",195,"path",196,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",329],{"__ref":330},"MediaImage:3303"]