[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"kq7TAiaK-vUFq1QAa43qLQDkuNGt7o0lyDvhUU_iFgU":75,"qJjBu5aqaWjESGAAqEtI9v5pyArLMRjJ6TA3LKVW2IM":174,"_apollo:default":216},{"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":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":117,"postContentElements":13,"evergreen":13,"tags":13,"postWpBody":142,"wpHeaderImage":146,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":158,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":145,"wpYoastHead":167,"author":168},"NodeWpPost","731","Diggin' deep into Typography",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1696490832,"UTC","+00:00","2023-10-05T07:27:12+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1692938195,"2023-08-25T04:36:35+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/diggin-deep-into-typography",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Diggin' deep into Typography | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/diggin-deep-into-typography","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":109,"tag":96,"attributes":114},{"__typename":111,"property":115,"content":116},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/wp-migration/wordpress-media-image/2023/08/BLOG_Typo_1204x630px.jpg?h=3ecc83bb&itok=g92i6mdG",{"__typename":118,"id":119,"name":120,"path":121,"status":20,"weight":122,"description":123,"langcode":127,"changed":128,"metatag":131},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":124,"processed":125,"format":126},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":129,"timezone":85,"offset":86,"time":130},1713772777,"2024-04-22T07:59:37+00:00",[132,135,139],{"__typename":95,"tag":96,"attributes":133},{"__typename":98,"name":99,"content":134},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":136},{"__typename":98,"name":137,"content":138},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":140},{"__typename":105,"href":141,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",{"__typename":143,"processed":144,"format":126,"summary":145},"TextSummary","\n\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>Jeder kennt es: Man betritt einen Raum und die Luft steht, der Sauerstoff ist verbraucht und es riecht komisch. Diese schlechte Luft will man nicht einatmen, fühlt sich unwohl. Am liebsten gleich wieder raus hier. – Typografie ist wie Luft: wir nehmen sie wahr, wenn sie schlecht ist. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Luft soll aber frisch, leicht und angenehm sein, damit sich jeder wohl fühlt – sprich wir wollen eine optimal gesetzte Typografie für unser Webdesign erzielen.\u003Cbr>Das Lesen ist eine erlernte Fähigkeit die wir ca. ab unserem 7. Lebensjahr ausüben. Wir lesen also den Großteil unseres Lebens und das meist unbewusst.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Um schlechte Typografie zu vermeiden, möchte ich hier mal aufdecken, warum eine gute Schriftsetzung nicht nur für die Gestaltung allein wichtig ist, sondern vor allem für den Inhalt der vermittelt werden soll.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Außerdem erkläre ich\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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  standard-list\">\n            \n\u003Col>\u003Cli>wie Lesen überhaupt funktioniert\u003C/li>\u003Cli>was eine gute Schrift ausmacht\u003C/li>\u003Cli>wie man Schrift richtig setzten kann\u003C/li>\u003Cli>und abschließend, wo man gute Webfonts finden kann – ja, es gibt nicht nur Helvetica, Arial, oder Futura, sondern sehr viel mehr gute Schriftarten! 😉\u003C/li>\u003C/ol>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch2>\u003Cstrong>Teil 1: Die Einführung\u003C/strong>\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch3>1. First of all: Warum ist Typografie überhaupt wichtig?\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Um auf die Wichtigkeit der Typografie aufmerksam zu machen, müssen wir erst mal ein bisschen ausholen und das Leseverhalten in einen größeren Kontext setzen. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Lesen ist eine Gewohnheit, die wir Menschen uns antrainiert haben. Gewohnheiten bieten einen gewissen Komfort und Sicherheit. Handlungen, die wir immer wieder durchführen, werden im unterbewussten Autopilot-Modus ausgeübt. Wir müssen uns nicht mehr auf die eigentliche Handlung konzentrieren, sondern können uns ganz dem Inhalt widmen. Das gelingt, wenn Leser:innen sich ganz auf Typografie und die Buchstaben verlassen können, wenn die Erwartungen einfach erfüllt werden, und somit Augen und Gehirn leicht Fuß fassen können.\u003Cbr>Dann fühlt sich lesen leicht und flüssig an – ja man kann während des Lesens nachdenken, weil das Gehirn sich weniger auf die Erfassung des Textes konzentriert, sondern sich gleichzeitig auch mit dem Inhalt beschäftigen kann. Dies ist im Grunde das oberste Ziel der Schriftsteller:innen oder der Unternehmen, welche ihrem Publikum die Inhalte möglichst gut kommunizieren möchten. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Wie aber geschieht das Lesen?\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Schrift besteht ganz grundlegend aus der Aneinanderreihung von sich abwechselnd schwarzen und weißen Flächen. Zusammen ergeben sie einen Grauwert, den wir mit unserem Auge erfassen und kognitiv verarbeiten. Dabei muss man bei der Gestaltung einer guten Lesbarkeit darauf achten den Satz durch den richtigen Grauwert darzustellen.\u003Cbr>Sind beispielsweise auf 1 Quadratzentimeter 15 Linien gezeichnet, kann man sie bei einem durchschnittlichen Leseabstand von 3,5 bis 4 Millimeter durchaus voneinander unterscheiden. Zeichnet man aber 30 Linien auf demselben Quadratzentimeter, so kann man sie schwer voneinander unterscheiden und bei 45 Linien sehen wir großteils nur mehr eine graue Fläche.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"16fd9050-ddbc-4719-b1d1-2f9734328f32\" 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/2023/08/Grauwert.png.webp?itok=a3pxP2je 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=Tsr0o7-t 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"491\" height=\"189\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=zSbHeYWl 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=uhWkJdrt 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"491\" height=\"189\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=Mga6464z 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=QXRY9ZIc 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"491\" height=\"189\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=re3yBcVR 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=DBhv3uJW 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"185\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=d22p5Wla 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.webp?itok=o1dH7XEP 2x\" type=\"image/webp\" width=\"491\" height=\"189\">\n                  \u003Cimg loading=\"lazy\" width=\"491\" height=\"189\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/Grauwert.png.jpg?itok=o1dH7XEP\" alt title=\"Grauwert\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Abb. 1: Quadratzentimeter mit 15, 30 und 45 Linien zur Darstellung des Grauwerts\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Es gibt also eine vom Leseabstand abhängige Grenze für das Vermögen unserer Augen, Linien voneinander unterscheiden zu können. Aus diesem Grund spielen Abstände eine besonders wichtige Rolle. Bei der Schriftsetzung sind folgende Faktoren zu beachten:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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  standard-list\">\n            \n\u003Cul>\u003Cli>Laufweite (= Zeichenabstand),\u003C/li>\u003Cli>Zeilenabstand\u003C/li>\u003Cli>Durchschuss (Zeilendurchschuss)\u003C/li>\u003Cli>Zeilenlänge\u003C/li>\u003Cli>Schriftgröße\u003C/li>\u003Cli>Satzart (Blocksatz, Flattersatz, Rausatz — bei kurzspaltigen Satzarten). \u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Typografen:innen entwerfen im Idealfall ihre Zeichen so, dass das Auge den idealen Weiß- und Schwarzraum möglichst intuitiv erfassen kann. Dabei werden die Punzen (der Weißraum in den Buchstaben), das Kerning (manueller Abstand zwischen bestimmten Zeichen), die x-Höhe und die Formen so aufarbeitet, um eine optimale Lesbarkeit je nach Schriftverwendung zu gewährleisten.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"fdb3ebbb-7856-4560-9aaf-89ca583b5719\" 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/2023/08/Type-abc.png.webp?itok=GGZFX8vn 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=1dW7Q-Wr 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=YKY-g09P 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=qgU7oQcN 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=A2pskMlw 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=dgRvq26h 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=QOmmSosK 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=voljxAtK 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=wS2p1ms_ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.webp?itok=663Omeeu 2x\" type=\"image/webp\" width=\"945\" height=\"378\">\n                  \u003Cimg loading=\"lazy\" width=\"945\" height=\"378\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/Type-abc.png.jpg?itok=663Omeeu\" alt title=\"Type-abc\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Abb. 2: Begriffserklärung Anordnung \u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\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\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"b57db66e-4d87-47b0-9c5e-cef1571cf8a6\" 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/2023/08/durchschuss.png.webp?itok=09aaS0E0 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=q6TGba0U 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=xGAy2svG 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=MMQeSnj2 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=E-iOWGJC 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=XN6BklBh 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=SHrmo_5C 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=rPRfmB5w 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=mlzRHH-9 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.webp?itok=c6bgRS6D 2x\" type=\"image/webp\" width=\"945\" height=\"378\">\n                  \u003Cimg loading=\"lazy\" width=\"945\" height=\"378\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/durchschuss.png.jpg?itok=c6bgRS6D\" alt title=\"durchschuss\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Abb. 3: Der Durchschuss\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"e6a78f0f-2e43-423c-b369-6430627ef16e\" 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/2023/08/Zab.png.webp?itok=779496NU 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=RnJqZ1uv 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=SJcbGlRA 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=3sAeccuM 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=BaWJW3qS 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=RuhfaZ_R 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=ZeaNBLs6 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=7e0hjCft 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=yefD7R2L 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/Zab.png.webp?itok=So7pTzJn 2x\" type=\"image/webp\" width=\"945\" height=\"378\">\n                  \u003Cimg loading=\"lazy\" width=\"945\" height=\"378\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/Zab.png.jpg?itok=So7pTzJn\" alt title=\"Zab\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Abb. 4: Zeilenabstand\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Exkurs: Begriffserklärungen Kerning und Laufweite\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Kerning\u003C/strong>: Nicht alle Buchstaben lassen sich allein durch die Zurichtung harmonisch miteinander paaren, sodass zu große oder zu kleine Abstände die Lesbarkeit nicht beeinträchtigen. Um den stetigen Rhythmus im Schriftbild zu wahren, kommt daher das Kerning zum Einsatz. Es ermöglicht, den Abstand einer bestimmten Zeichenkombination individuell zu definieren, indem es eine zu große Lücke schließt oder zu geringem Weißraum erweitert. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Laufweite\u003C/strong>: Über die Laufweite lassen sich die Buchstabenabstände nachträglich vergrößern oder verkleinern. Das ermöglicht eine Verbesserung der Lesbarkeit in unterschiedlichen Schriftgrößen, indem Weißraum auf die optischen Einflüsse abgestimmt wird. Grundsätzlich sind gute Fließtextschriften in ihrer Laufweite schon so gut gesetzt, sodass es vermieden werden sollte die Laufweite noch stark abzuändern, da sonst nicht die beste Lesbarkeit garantiert werden kann. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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\u003Ch3>2. \u003Cstrong>Was macht eine gute Schrift aus und worauf sollte man bei der Schriftwahl achten?\u003C/strong>\u003C/h3>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Eine gute Schrift bietet optimale Lesbarkeit. Diese wird aber nicht allein von Typografen:innen, sondern auch von Gestalter:innen vorausgesetzt, welche die Schrift schlussendlich einsetzten. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Die Gestalter:innen sollten sich also bei der Wahl einer passenden Schrift ihre Auswahl sehr genau anschauen: \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Zu beachten sind zunächst \u003Cstrong>Proportionen\u003C/strong>, \u003Cstrong>Strichstärke\u003C/strong>, \u003Cstrong>Form\u003C/strong> und \u003Cstrong>Kontrast\u003C/strong> der Schriftzeichen. Sie bestimmen das Verhältnis von Schwarz und Weiß. Je ausgeglichener dieses ist, desto mehr profitiert die Leserlichkeit. Sie definieren auch den Charakter der Schrift. Diese kann leise und vorsichtig klingen, oder laut und robust. Seriös oder informell, kühl oder verspielt.\u003Cbr>Mit ihrer Stimme eignet sich eine Schrift für bestimmte Anwendungsbereiche, für die sie oftmals auch optimiert wurde. Diese „Eignung“ sollte man bei der Schriftwahl unbedingt berücksichtigen. Schließlich hat die Schrift einen Zweck zu erfüllen, und nur eine passende Font kann der von ihr geforderten Aufgabe erfolgreich nachkommen. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Eine Headline hat beispielsweise den Zweck Aufmerksamkeit auf sich zu ziehen. Die Lesbarkeit kann hier eher an zweiter Stelle stehen. Der Copytext hat die Anforderung einer subtilen Atmosphäre, um den Leser nicht vom Inhalt abzulenken. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Allein die Art der Formen verleihen unterschiedlichen Webfonts mit demselben Wortlaut eine andere Stimmung. Dies kann man sich als Gestalter:in zu nutze machen, indem man durch die Schriftwahl absichtlich irritiert oder den Ton des Inhalts visuell aufgreift. In der Regel ist es sinnvoll wenn man die Schrift an die Art des Inhalts in gewisser Weise widerspiegelt. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>An folgende Gestaltungskriterien kann man eine gut lesbare Schrift erkennen:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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  standard-list\">\n            \n\u003Cul>\u003Cli>ausgeglichene Proportionen mit offenem, unverwechselbaren Formen, die aber gleichzeitig dieselbe Formensprache sprechen\u003C/li>\u003Cli>eine ausgewogene Strichstärke mit mäßigem Strichkontrast, der durch die leicht geneigte Achse die Horizontale betont,\u003C/li>\u003Cli>eine optimale Zurichtung (Abstand), die gemeinsam mit der Strichstärke dafür sorgt, dass ein regelmäßiger Schwarz-Weiß Rhythmus aus Innen- und Zwischenräumen sowie Stämmen und Rundungen entsteht.\u003C/li>\u003Cli>Serifen sollten deutlich, aber nicht zu kräftig sein, sodass sie weder abbrechen oder das Schriftbild verdunkeln.\u003Cbr>\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"2c8683cf-c319-40a8-b0be-24c451db428f\" 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/2023/08/schriftanalyse.png.webp?itok=a968ffnF 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=VVZMzbiK 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=xqu4Svop 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=aqAtFphw 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=tP814eCU 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=hSAL6kO2 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=qFUA94Wy 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=JzvfmeSk 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=DLRhrwSt 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.webp?itok=AxPZlnkC 2x\" type=\"image/webp\" width=\"945\" height=\"378\">\n                  \u003Cimg loading=\"lazy\" width=\"945\" height=\"378\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse.png.jpg?itok=AxPZlnkC\" alt title=\"schriftanalyse\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Abb. 5: Schriftanalyse Serifen Schrift: Minion Pro\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-center col-xsmall-12 col-medium-6 col-medium-offset-3 \">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv data-entity-type=\"media\" data-entity-uuid=\"bc9f9872-dff2-42db-8049-9ae77ef16487\" 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/2023/08/schriftanalyse-sans-serif.png.webp?itok=_uyBLD8I 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=utfVfaaT 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=puZrpL6d 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=lKo1Ss9c 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"945\" height=\"378\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=rzobboMC 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=tTZFBjgs 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=PDzSo6Cs 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=f5fW7Cva 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=CAjegzuU 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.webp?itok=gOpoLjzC 2x\" type=\"image/webp\" width=\"945\" height=\"378\">\n                  \u003Cimg loading=\"lazy\" width=\"945\" height=\"378\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2023/08/schriftanalyse-sans-serif.png.jpg?itok=gOpoLjzC\" alt title=\"schriftanalyse sans serif\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Abb. 6: Schriftanalyse Sans Serif: ITC Avant Garde Gothic Pro \u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Genauso wichtig ist aber ein zusammenhaltender, stimmiger Einklang. Kein Buchstabe sollte neben einem anderen aus der Reihe tanzen. Der Textblock sollte einen ruhigen, ausgeglichenen Grauton annehmen, ohne, dass dunkle Klekse oder helle Löcher entstehen, da das Auge immer den höchsten Kontrast sucht und daher daran hängen bleibt. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Bei der Wahl einer Schrift ist auch auf die Vollständigkeit der Schrift zu achten: Schriftschnitte sind besonders wichtig bei Schriftmischungen – dazu später aber noch mehr; Glyphen (In der Typografie bezeichnet “\u003Cem>Glyphe\u003C/em>\u003Cstrong>”\u003C/strong> die konkrete grafische oder typometrische Darstellung eines Zeichens innerhalb eines Schriftsystems.) sollten vollständig vorhanden sein, als auch die benötigten Sprachen und die Schriftlizenzen sollten im klaren sein. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Welche Schriftstile gibt es nun überhaupt und wofür werden sie eingesetzt?\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>Schriften lassen sich in folgende Schriftstile unterteilen: \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Serif Schriften: \u003C/strong>Serif Schriftarten werden oft als \u003Cstrong>„Antiqua\u003C/strong>“ oder römische Schriftarten bezeichnet, da der Ursprung der Serifen auf die römische Inschriftenbuchstaben zurückgeführt wird. Da Serifen Schriften älter sind als Slab Serif oder Sans Serif, gelten sie oft als traditioneller und zuverlässiger. Serifen Schriften können grob in vier Unterkategorien eingeteilt werden: wie oldstyle, modern, transitional, geometrisch und glyphisch.\u003Cbr>\u003Ca href=\"https://pangrampangram.com/collections/fonts/serif\" target=\"_blank\" rel=\"noreferrer noopener\">Serif Schriften Beispiele\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Sans Serif: \u003C/strong>Der Begriff leitet sich vom französischen Wort „sans“ ab, was „ohne“ bedeutet. Die frühesten \u003Cstrong>Groteskschriften\u003C/strong> stammen aus dem Jahr 1809 und wurden auf englischen Münzen gefunden. Im frühen 20. Jahrhundert wuchs das Interesse an serifenlosen Formen als Ausdruck neuer technologischer Entwicklungen. Die serifenlosen Schriftarten lassen sich weiter unterteilen in: Groteskschriften, geometrische Sans-Serifs, humanistische Sans-Serifs, gerundete Sans-Serifs.\u003Cbr>\u003Ca href=\"https://abcdinamo.com/\" target=\"_blank\" rel=\"noreferrer noopener\">Sans Serif Schriften Beispiele \u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Slab serif: \u003C/strong>werden auch wie Displayschriften für Headlines eingesetzt. Sie fallen mit ihren dicken und blockigen Serifen auf.\u003Cbr>\u003Ca href=\"https://www.typotheque.com/fonts/slab\" target=\"_blank\" rel=\"noreferrer noopener\">Hier einige Slab Serif Schriften zum Vergleich\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Monospace: \u003C/strong>Die frühesten Monospace Schriften erschienen auf Schreibmaschinen, die das Papier bei jedem Tastendruck um den gleichen Abstand bewegten. Daher mussten die Buchstaben identische Breiten teilen. Diese allgegenwärtigen Schriftarten wurden entworfen, um funktional und robust zu sein, und kamen in Drehbüchern und offiziellen Dokumenten zum Einsatz. Heutzutage können Schriftarten mit fester Breite in verschiedenen typografischen Kontexten verwendet werden und vermitteln eine industrielle, nüchterne Atmosphäre. \u003Cbr>\u003Ca href=\"https://klim.co.nz/retail-fonts/soehne-mono/\" target=\"_blank\" rel=\"noreferrer noopener\">Beispiele für Monospace Schriften\u003C/a> oder \u003Ca href=\"https://klim.co.nz/retail-fonts/founders-grotesk-mono/\" target=\"_blank\" rel=\"noreferrer noopener\">hier\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Displayschriften\u003C/strong>: sind bestimmt für den Einsatz von Headlines, Titeln, Schlagzeilen oder Hervorhebungen – also meist nur für einzelne Wörter oder kurze Sätze.  \u003Ca href=\"https://kilotype.de/\" target=\"_blank\" rel=\"noreferrer noopener\">Beispiel\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Script: \u003C/strong>Sie sind im Allgemeinen für kurze Texte konzipiert, hauptsächlich für Präsentationszwecke, und können in Kursivschrift und lockere, informelle Handschriften unterteilt werden, welche ausdrucksstärker sind. Die Unterkategorien der Handschrift-Schriftarten: Formell, casual, kalligrafisch, Frakturschrift oder Handwritten. \u003Cbr>\u003Ca href=\"https://fonts.adobe.com/fonts?browse_mode=default&cc=true&filters=cl:hm&max_styles=26&min_styles=1\" target=\"_blank\" rel=\"noreferrer noopener\">Beispiel \u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>Variable fonts: \u003C/strong>Für Webdesign besonders interessant sind natürlich variable fonts. Diese Schriften sind eine moderne Art von Webfonts, die es ermöglicht, mehrere Achsen von Designvariationen in einer einzigen Schriftart zu kombinieren. Sie erlauben es, diese Eigenschaften fließend anzupassen, wodurch eine nahezu unbegrenzte Anzahl von Abstufungen und Kombinationen möglich ist. Sie können also ideal für Schriftanimationen eingesetzt werden, Schriftstärke, breite, Neigung und Höhe können kontinuierlich variiert werden. Dies bietet mehr gestalterische Möglichkeiten, insbesondere für responsive Designs und Webseitenoptimierung. \u003Cbr>\u003Ca href=\"https://kilotype.de/\" target=\"_blank\" rel=\"noreferrer noopener\">Variable Fonts Beispiele\u003C/a>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\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>\u003Cstrong>In einer weiterer Folge werde ich genauer auf die Schriftlayoutierungen, Schriftfindung und Schriftmischung, eingehen, sprich vieles was die Schriftgestaltung betrifft – stay tuned – 😀\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n","Warum wir aufhören müssen Typografie zu vernachlässigen.",{"__typename":147,"id":148,"excludeFromScreenreader":13,"mediaImage":149,"name":154,"path":157,"status":20},"MediaImage","310",{"__typename":150,"url":151,"width":152,"height":153,"alt":13,"title":154,"size":155,"mime":156},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2023/08/BLOG_TYPOGRAFIE-2880x1300px-scaled.jpg",2560,1156,"_BLOG_TYPOGRAFIE-2880x1300px",308588,"image/jpeg","/media/310/edit",{"__typename":147,"id":159,"excludeFromScreenreader":13,"mediaImage":160,"name":164,"path":166,"status":20},"309",{"__typename":150,"url":161,"width":162,"height":163,"alt":13,"title":164,"size":165,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2023/08/BLOG_Typo_1204x630px.jpg",1204,630,"_BLOG_Typo_1204x630px",336716,"/media/309/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Gut gesetzte Typografie ist nicht nur ein reines Gestaltungstool, sondern trägt vor allem dazu bei Inhalte schneller, ansprechender und verständlicher zu übermitteln.\" />\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/diggin-deep-into-typography/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Diggin' deep into Typography - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Gut gesetzte Typografie ist nicht nur ein reines Gestaltungstool, sondern trägt vor allem dazu bei Inhalte schneller, ansprechender und verständlicher zu übermitteln.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/diggin-deep-into-typography/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2023-08-25T06:36:35+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2023-10-05T09:27:12+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2023/08/Grauwert.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=\"8 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/diggin-deep-into-typography/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2023/08/Grauwert.png\",\"width\":491,\"height\":189},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/diggin-deep-into-typography/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/diggin-deep-into-typography/\",\"name\":\"Diggin' deep into Typography - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/diggin-deep-into-typography/#primaryimage\"},\"datePublished\":\"2023-08-25T06:36:35+00:00\",\"dateModified\":\"2023-10-05T09:27:12+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/1148e993c3c904514147aae8c29c1b23\"},\"description\":\"Gut gesetzte Typografie ist nicht nur ein reines Gestaltungstool, sondern tr\\u00e4gt vor allem dazu bei Inhalte schneller, ansprechender und verst\\u00e4ndlicher zu \\u00fcbermitteln.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/diggin-deep-into-typography/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/1148e993c3c904514147aae8c29c1b23\",\"name\":\"Miriam Perkmann\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/880dfe8fac180347a81d4b722bf6e9b9?s=96&d=mm&r=g\",\"caption\":\"Miriam Perkmann\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":169,"id":170,"myRole":171,"name":172,"nickname":173},"User","14","UX/UI Designerin","miriam-perkmann","Miriam Perkmann",{"latestKnowhow":175},[176,191,204],{"__typename":79,"id":177,"title":178,"path":179,"wpTeaserText":180,"wpPromotedTeaserImage":13,"wpHeaderImage":181},"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":147,"id":182,"excludeFromScreenreader":13,"mediaImage":183,"name":189,"path":190,"status":20},"3364",{"__typename":150,"url":184,"width":185,"height":186,"alt":187,"title":13,"size":188,"mime":156},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":192,"title":193,"path":194,"wpTeaserText":195,"wpPromotedTeaserImage":13,"wpHeaderImage":196},"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":147,"id":197,"excludeFromScreenreader":13,"mediaImage":198,"name":202,"path":203,"status":20},"3355",{"__typename":150,"url":199,"width":185,"height":186,"alt":200,"title":13,"size":201,"mime":156},"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":205,"title":206,"path":207,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":208},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":147,"id":209,"excludeFromScreenreader":21,"mediaImage":210,"name":214,"path":215,"status":20},"3303",{"__typename":150,"url":211,"width":185,"height":186,"alt":212,"title":13,"size":213,"mime":156},"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":217,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":218,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":222,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":225,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":228,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":231,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":234,"Menu:nuxt-main-menu":237,"ROOT_QUERY":251,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":267,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":270,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":273,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":276,"Menu:footer":279,"TermCategories:8":289,"MediaImage:310":300,"MediaImage:309":302,"User:14":304,"NodeWpPost:731":305,"MediaImage:3364":327,"NodeWpPost:1619":329,"MediaImage:3355":332,"NodeWpPost:1616":334,"MediaImage:3303":337,"NodeWpPost:1606":339},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",219,"internal",20,"expanded",21,"attributes",221],{"__ref":220},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",223,"internal",20,"expanded",21,"attributes",224],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",226,"internal",20,"expanded",21,"attributes",227],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",229,"internal",20,"expanded",21,"attributes",230],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",232,"internal",20,"expanded",21,"attributes",233],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",235,"internal",20,"expanded",21,"attributes",236],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",238],[239,241,243,245,247,249],{"__ref":240},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":242},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":244},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":246},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":248},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":250},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",252,"menu({\"name\":\"NUXT_MAIN_MENU\"})",253,"menu({\"name\":\"FOOTER\"})",255,"route({\"path\":\"/blog/diggin-deep-into-typography\"})",257,"latestKnowhow({\"excludeId\":\"731\",\"limit\":3})",260],"Query",{"__ref":254},"Menu:nuxt-main-menu",{"__ref":256},"Menu:footer",["null","__typename",77,"entity",258],{"__ref":259},"NodeWpPost:731",[261,263,265],{"__ref":262},"NodeWpPost:1619",{"__ref":264},"NodeWpPost:1616",{"__ref":266},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",268,"internal",20,"expanded",21,"attributes",269],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",271,"internal",20,"expanded",21,"attributes",272],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",274,"internal",20,"expanded",21,"attributes",275],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",277,"internal",21,"expanded",21,"attributes",278],{"__ref":220},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",280],[281,283,285,287],{"__ref":282},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":284},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":286},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":288},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",290,"langcode",291,"changed",292,"metatag",293],["null","__typename",124,"processed",125,"format",126],{"__ref":220},["null","__typename",83,"timestamp",129,"timezone",85,"offset",86,"time",130],[294,296,298],["null","__typename",95,"tag",96,"attributes",295],["null","__typename",98,"name",99,"content",134],["null","__typename",95,"tag",96,"attributes",297],["null","__typename",98,"name",137,"content",138],["null","__typename",102,"tag",103,"attributes",299],["null","__typename",105,"href",141,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",147,"id",148,"excludeFromScreenreader",13,"mediaImage",301,"name",154,"path",157,"status",20],["null","__typename",150,"url",151,"width",152,"height",153,"alt",13,"title",154,"size",155,"mime",156],["null","__typename",147,"id",159,"excludeFromScreenreader",13,"mediaImage",303,"name",164,"path",166,"status",20],["null","__typename",150,"url",161,"width",162,"height",163,"alt",13,"title",164,"size",165,"mime",156],["null","__typename",169,"id",170,"myRole",171,"name",172,"nickname",173],["null","__typename",79,"id",80,"title",81,"changed",306,"created",307,"langcode",308,"path",92,"promote",21,"status",20,"sticky",21,"metatag",309,"category",318,"contentElements",13,"evergreen",13,"tags",13,"wpBody",320,"wpHeaderImage",321,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",323,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",145,"wpYoastHead",167,"author",325],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":220},[310,312,314,316],["null","__typename",95,"tag",96,"attributes",311],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",313],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",315],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",317],["null","__typename",111,"property",115,"content",116],{"__ref":319},"TermCategories:8",["null","__typename",143,"processed",144,"format",126,"summary",145],{"__ref":322},"MediaImage:310",{"__ref":324},"MediaImage:309",{"__ref":326},"User:14",["null","__typename",147,"id",182,"excludeFromScreenreader",13,"mediaImage",328,"name",189,"path",190,"status",20],["null","__typename",150,"url",184,"width",185,"height",186,"alt",187,"title",13,"size",188,"mime",156],["null","__typename",79,"id",177,"title",178,"path",179,"wpTeaserText",180,"wpPromotedTeaserImage",13,"wpHeaderImage",330],{"__ref":331},"MediaImage:3364",["null","__typename",147,"id",197,"excludeFromScreenreader",13,"mediaImage",333,"name",202,"path",203,"status",20],["null","__typename",150,"url",199,"width",185,"height",186,"alt",200,"title",13,"size",201,"mime",156],["null","__typename",79,"id",192,"title",193,"path",194,"wpTeaserText",195,"wpPromotedTeaserImage",13,"wpHeaderImage",335],{"__ref":336},"MediaImage:3355",["null","__typename",147,"id",209,"excludeFromScreenreader",21,"mediaImage",338,"name",214,"path",215,"status",20],["null","__typename",150,"url",211,"width",185,"height",186,"alt",212,"title",13,"size",213,"mime",156],["null","__typename",79,"id",205,"title",206,"path",207,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",340],{"__ref":341},"MediaImage:3303"]