{"id":60,"date":"2022-07-08T17:40:44","date_gmt":"2022-07-08T15:40:44","guid":{"rendered":"https:\/\/digital.hfh.ch\/styleguide\/?post_type=chapter&#038;p=60"},"modified":"2026-03-26T16:41:28","modified_gmt":"2026-03-26T15:41:28","slug":"naehe","status":"publish","type":"chapter","link":"https:\/\/digital.hfh.ch\/styleguide\/chapter\/naehe\/","title":{"raw":"N\u00e4he","rendered":"N\u00e4he"},"content":{"raw":"F\u00fcr Satelliten, die eine gewisse N\u00e4he zur HfH kommunizieren sollen.\r\n<h2>Icons<\/h2>\r\n<iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&id=icons--icons&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h2>Farbanwendungen<\/h2>\r\nGenerell wird Inhalt mit einer roten Outline dargestellt. Bei Hover oder um Inhalt hervorzuheben, kann dieser fl\u00e4chig rot hinterlegt werden. Ein Beispiel:\r\n<iframe src=\"https:\/\/695fade63a66e8793cc84820-njofplikrf.chromatic.com\/iframe.html?globals=&id=hfh-components-teaser--teaser&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h3>Kontaktperson<\/h3>\r\n<h2>Contentelemente<\/h2>\r\n<h3>Header Content<\/h3>\r\n<iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&id=headercontent--header-content&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h3>Header Bild<\/h3>\r\n<iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&id=header-image--header-image&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h3>Slider<\/h3>\r\n.\r\n<h3>Textblock<\/h3>\r\n<iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&id=textblock--textblock&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h3>Listings<\/h3>\r\n<iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&id=listing--listing&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h3>Akkordeon<\/h3>\r\n<iframe src=\r\n\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&id=accordion--accordion&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h3>Tabelle<\/h3>\r\n<iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&id=table--column-headers&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h3>Teaser<\/h3>\r\n<iframe src=\"https:\/\/695fade63a66e8793cc84820-njofplikrf.chromatic.com\/iframe.html?globals=&id=hfh-components-teaser--teaser&viewMode=story\" width=\"100%\"><\/iframe>\r\n<h3>Kontaktperson<\/h3>\r\n<iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&id=contact--contact&viewMode=story\" width=\"100%\"><\/iframe>","rendered":"<p>F\u00fcr Satelliten, die eine gewisse N\u00e4he zur HfH kommunizieren sollen.<\/p>\n<h2>Icons<\/h2>\n<p><iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&#38;id=icons--icons&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h2>Farbanwendungen<\/h2>\n<p>Generell wird Inhalt mit einer roten Outline dargestellt. Bei Hover oder um Inhalt hervorzuheben, kann dieser fl\u00e4chig rot hinterlegt werden. Ein Beispiel:<br \/>\n<iframe src=\"https:\/\/695fade63a66e8793cc84820-njofplikrf.chromatic.com\/iframe.html?globals=&#38;id=hfh-components-teaser--teaser&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h3>Kontaktperson<\/h3>\n<h2>Contentelemente<\/h2>\n<h3>Header Content<\/h3>\n<p><iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&#38;id=headercontent--header-content&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h3>Header Bild<\/h3>\n<p><iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&#38;id=header-image--header-image&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h3>Slider<\/h3>\n<p>.<\/p>\n<h3>Textblock<\/h3>\n<p><iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&#38;id=textblock--textblock&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h3>Listings<\/h3>\n<p><iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&#38;id=listing--listing&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h3>Akkordeon<\/h3>\n<p><iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&#38;id=accordion--accordion&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h3>Tabelle<\/h3>\n<p><iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&#38;id=table--column-headers&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h3>Teaser<\/h3>\n<p><iframe src=\"https:\/\/695fade63a66e8793cc84820-njofplikrf.chromatic.com\/iframe.html?globals=&#38;id=hfh-components-teaser--teaser&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n<h3>Kontaktperson<\/h3>\n<p><iframe src=\"https:\/\/hfh-styleguide.netlify.app\/iframe.html?args=&#38;id=contact--contact&#38;viewMode=story\" width=\"100%\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>F\u00fcr Satelliten, die eine gewisse N\u00e4he zur HfH kommunizieren sollen. Icons Farbanwendungen Generell wird Inhalt mit einer roten Outline dargestellt. Bei Hover oder um Inhalt hervorzuheben, kann dieser fl\u00e4chig rot hinterlegt werden. Ein Beispiel: Kontaktperson Contentelemente Header Content Header Bild Slider . Textblock Listings Akkordeon Tabelle Teaser Kontaktperson<\/p>\n","protected":false},"author":1,"menu_order":5,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"categories":[],"chapter-type":[],"contributor":[],"license":[],"class_list":["post-60","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/pressbooks\/v2\/chapters\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":26,"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/pressbooks\/v2\/chapters\/60\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/pressbooks\/v2\/chapters\/60\/revisions\/322"}],"part":[{"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/pressbooks\/v2\/chapters\/60\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/pressbooks\/v2\/chapter-type?post=60"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/wp\/v2\/contributor?post=60"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/digital.hfh.ch\/styleguide\/wp-json\/wp\/v2\/license?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}