{"id":1056,"date":"2022-04-21T16:06:45","date_gmt":"2022-04-21T14:06:45","guid":{"rendered":"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\/?page_id=1056"},"modified":"2026-04-01T14:13:41","modified_gmt":"2026-04-01T12:13:41","slug":"teaserbox","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/teaserbox\/","title":{"rendered":"Teaserbox"},"content":{"rendered":"<jgu-base-pageheader react-props=\"{\n    &quot;items&quot;: [\n        {\n            &quot;box&quot;: {\n                &quot;index&quot;: &quot;&quot;,\n                &quot;title&quot;: &quot;Teaserbox = Anrei\\u00dferkasten&quot;,\n                &quot;link&quot;: {\n                    &quot;url&quot;: &quot;&quot;,\n                    &quot;title&quot;: &quot;learn more&quot;\n                }\n            },\n            &quot;color&quot;: &quot;default&quot;,\n            &quot;image&quot;: {\n                &quot;url&quot;: &quot;&quot;\n            },\n            &quot;imgCredit&quot;: &quot;&quot;,\n            &quot;useVideo&quot;: false,\n            &quot;video&quot;: false\n        }\n    ],\n    &quot;type&quot;: &quot;border&quot;,\n    &quot;align&quot;: &quot;full&quot;,\n    &quot;quicklinks&quot;: {\n        &quot;show&quot;: false,\n        &quot;selects&quot;: []\n    },\n    &quot;useBreadcrumb&quot;: false\n}\">\n<\/jgu-base-pageheader>\n\n\n<p class=\"has-big-font-size\">Eine TeaserBox ist ein meist quadratischer Kasten mit \u00dcberschrift in zwei Zeilen.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Teasern Tea\u00b7ser<br>\/\u02c8ti\u02d0z\u0250\/ bedeutet, mit wenigen Worten zum Weiterlesen verf\u00fchren oder die Neugier zu wecken. Fasse dich kurz!<\/p>\n\n\n<jgu-base-video react-props=\"{\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;panopto&quot;,\n        &quot;id&quot;: &quot;e1c8e664-215c-4c01-b443-b41200eee966&quot;,\n        &quot;poster&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/04\\\/teaser-video.png&quot;,\n        &quot;buttonText&quot;: &quot;Play Video&quot;,\n        &quot;l10n&quot;: {\n            &quot;playVideo&quot;: &quot;&quot;\n        },\n        &quot;imgCredit&quot;: &quot;&quot;,\n        &quot;url&quot;: &quot;https:\\\/\\\/video.uni-mainz.de\\\/Panopto\\\/Pages\\\/Embed.aspx?id=e1c8e664-215c-4c01-b443-b41200eee966&amp;v=1&quot;,\n        &quot;posterID&quot;: 119231,\n        &quot;imgAlt&quot;: &quot;&quot;,\n        &quot;imgCaption&quot;: &quot;&quot;\n    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;title&quot;: &quot;&quot;,\n    &quot;subline&quot;: &quot;&quot;,\n    &quot;showTitle&quot;: false,\n    &quot;buttonColor&quot;: &quot;dark&quot;,\n    &quot;credit&quot;: &quot;&quot;\n}\">\n    \n<\/jgu-base-video>\n\n\n<p class=\"has-big-font-size\">Die Teaserbox ist das Hauptelement auf Ihren Seiten. Es existieren die Vorlagen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standard<\/li>\n\n\n\n<li>In einer Box<\/li>\n\n\n\n<li>Benachrichtigungsbox<\/li>\n\n\n\n<li>Mit Video<\/li>\n\n\n\n<li>Mit Audio<\/li>\n\n\n\n<li>Link List<\/li>\n\n\n\n<li>Calendar<\/li>\n<\/ul>\n\n\n<jgu-base-slider react-props=\"{&quot;template&quot;:&quot;teaserbox&quot;,&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;perPage&quot;:4,&quot;scrollDistance&quot;:&quot;screen&quot;,&quot;responsiveSettings&quot;:{}}\">\n    \n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;type&quot;: &quot;default&quot;,\n    &quot;color&quot;: &quot;white&quot;,\n    &quot;index&quot;: &quot;Teaserbox Typ&quot;,\n    &quot;title&quot;: &quot;Standard&quot;,\n    &quot;excerpt&quot;: &quot;Standardm\\u00e4\\u00dfig gibt es keinen Kasten, sondern nur einen Strich links und auch keine Farbe. Dies ist der einfachste Teaser.&quot;,\n    &quot;template&quot;: &quot;default&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;linkTitle&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox>\n\n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;color&quot;: &quot;gold&quot;,\n    &quot;index&quot;: &quot;Teaserbox Typ &quot;,\n    &quot;title&quot;: &quot;In einer Box&quot;,\n    &quot;excerpt&quot;: &quot;In einer Box kann man w\\u00e4hlen, ob der Inhalt rechteckig oder quadratisch sein soll.&lt;br&gt;Und ob der Text am unteren Rand angezeigt werden soll.&lt;br&gt;Bei Box Farbe w\\u00e4hlen sie einer der Hausfarben aus.&quot;,\n    &quot;template&quot;: &quot;red_h4&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;linkTitle&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox>\n\n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;color&quot;: &quot;gray&quot;,\n    &quot;title&quot;: &quot;Mit Video&quot;,\n    &quot;excerpt&quot;: &quot;Bei mit Video, w\\u00e4hlen sie einen Video Provider aus: Youtube,Vimeo oder Panopto.&lt;br&gt;Achtung: Video Titel Optional \\u00e4ndert wirklich dem Titel der Teaser Box!!&lt;br&gt;Der erster Frame des Videos wird automatisch angezeigt.&lt;br&gt; &quot;,\n    &quot;template&quot;: &quot;video&quot;,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;panopto&quot;,\n        &quot;buttonText&quot;: &quot;running horses&quot;,\n        &quot;id&quot;: &quot;7258ec7f-3c39-4751-9580-f7d1ce3f56ae&quot;,\n        &quot;poster&quot;: &quot;https:\\\/\\\/panopto-cache.zdv.net\\\/Panopto\\\/Content\\\/Sessions\\\/40f3c6dc-8385-45ad-b9e7-15494e328e89\\\/500e429c-75ca-4628-9ec6-ff61e7f583b4_et\\\/thumbs\\\/slide0.jpg&quot;,\n        &quot;imgCredit&quot;: &quot;&quot;,\n        &quot;url&quot;: &quot;https:\\\/\\\/video.uni-mainz.de\\\/Panopto\\\/Pages\\\/Embed.aspx?id=7258ec7f-3c39-4751-9580-f7d1ce3f56ae&amp;v=1&quot;\n    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;linkTitle&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox>\n\n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;image&quot;: {\n        &quot;id&quot;: null,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/fb10-audioguide-botgarten\\\/wp-content\\\/uploads\\\/sites\\\/915\\\/2025\\\/08\\\/Boswellia_sacra-1.jpg&quot;\n    },\n    &quot;title&quot;: &quot;Mit Audio&quot;,\n    &quot;excerpt&quot;: &quot;Bei Audio Einstellungen, gibt man die Adresse des Mp3 ein. &lt;br&gt;&lt;strong&gt;Weihrauchbaum&lt;\\\/strong&gt;&lt;br&gt;&lt;em&gt;(Boswellia sacra)&lt;\\\/em&gt;&quot;,\n    &quot;template&quot;: &quot;audio&quot;,\n    &quot;audioUrl&quot;: &quot;https:\\\/\\\/panopto-cache.zdv.net\\\/Panopto\\\/Content\\\/Sessions25\\\/bf6754ee-c42d-4379-8116-b34600b03ae3\\\/e2d8dc68-1866-487a-b93d-b34600b03ae7-8e07738a-cd4f-4671-94b9-b34600b09a03.mp4?invocationId=3fc97071-3383-f011-a982-001dd8b722ad&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;color&quot;: &quot;light&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;linkTitle&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox>\n\n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;useLinkList&quot;: true,\n    &quot;linkList&quot;: {\n        &quot;0&quot;: {\n            &quot;text&quot;: &quot;Achtung: Nicht zu viele einf\\u00fcgen&quot;,\n            &quot;icon&quot;: &quot;info&quot;,\n            &quot;link&quot;: {\n                &quot;url&quot;: &quot;&quot;\n            }\n        },\n        &quot;1&quot;: {\n            &quot;text&quot;: &quot;Sonst wird die Box schnell \\u00fcberladen&lt;br&gt;Das ist dann kein Teaser mehr&quot;,\n            &quot;icon&quot;: &quot;info&quot;,\n            &quot;link&quot;: {\n                &quot;url&quot;: &quot;&quot;\n            }\n        }\n    },\n    &quot;color&quot;: &quot;orange&quot;,\n    &quot;index&quot;: &quot; &quot;,\n    &quot;title&quot;: &quot;Link List&quot;,\n    &quot;excerpt&quot;: &quot;Hier kann man zus\\u00e4tzlich zum Text einen Liste einf\\u00fcgen.&lt;br&gt;&quot;,\n    &quot;template&quot;: &quot;linkList&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;linkTitle&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<jgu-base-listitem react-props=\"{\n    &quot;allowNesting&quot;: false,\n    &quot;title&quot;: &quot;Achtung: Nicht zu viele einf\\u00fcgen&quot;,\n    &quot;uuid&quot;: &quot;1773928098557&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;showInActions&quot;: false,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;showExpandableContent&quot;: false,\n    &quot;expandableContent&quot;: &quot;&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;&quot;\n    }\n}\">\n    \n<\/jgu-base-listitem>\n\n<jgu-base-listitem react-props=\"{\n    &quot;allowNesting&quot;: false,\n    &quot;title&quot;: &quot;Sonst wird die Box schnell \\u00fcberladen&lt;br&gt;Das ist dann kein Teaser mehr&quot;,\n    &quot;uuid&quot;: &quot;1773928405562&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;showInActions&quot;: false,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;showExpandableContent&quot;: false,\n    &quot;expandableContent&quot;: &quot;&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;&quot;\n    }\n}\">\n    \n<\/jgu-base-listitem>\n\n<\/jgu-base-teaserbox>\n\n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;isCalendar&quot;: true,\n    &quot;color&quot;: &quot;light-gray-blue&quot;,\n    &quot;index&quot;: &quot;Teaserbox Typ&quot;,\n    &quot;title&quot;: &quot;Calendar - noch nicht fertig, soll f\\u00fcr Veranstaltungskalender verwendet werden&lt;br&gt;&quot;,\n    &quot;template&quot;: &quot;calendar&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;excerpt&quot;: &quot;&quot;,\n    &quot;linkTitle&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox>\n\n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;color&quot;: &quot;red&quot;,\n    &quot;title&quot;: &quot;Benachrichtigungsbox&quot;,\n    &quot;excerpt&quot;: &quot;Diese Box hat keine weiteren Funktionen&quot;,\n    &quot;template&quot;: &quot;notification&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;linkTitle&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox>\n\n<\/jgu-base-slider>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n\n\n\n<p class=\"has-big-font-size\">In verschiedenen Farben, dann ist ein etwaiges Icon grau<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;icon&quot;: &quot;bullhorn-solid&quot;,\n    &quot;iconBoxed&quot;: true,\n    &quot;index&quot;: &quot;Mit Icon \\u00fcber der Box schwebend&quot;,\n    &quot;title&quot;: &quot;Standard&quot;,\n    &quot;excerpt&quot;: &quot;Farbe Asphaltblau 5%, Icon Adresscard \\u00fcber Box schwebend&quot;,\n    &quot;linkTitle&quot;: &quot;mehr erfahren&quot;,\n    &quot;linkStyle&quot;: &quot;open&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;https:\\\/\\\/www.uni-mainz.de&quot;,\n        &quot;id&quot;: &quot;https:\\\/\\\/www.uni-mainz.de&quot;,\n        &quot;title&quot;: &quot;https:\\\/\\\/www.uni-mainz.de&quot;,\n        &quot;type&quot;: &quot;link&quot;\n    },\n    &quot;template&quot;: &quot;default&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;color&quot;: &quot;light&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;icon&quot;: &quot;address-card-solid&quot;,\n    &quot;iconBoxed&quot;: true,\n    &quot;color&quot;: &quot;red&quot;,\n    &quot;index&quot;: &quot;Test&quot;,\n    &quot;title&quot;: &quot;Standard&quot;,\n    &quot;excerpt&quot;: &quot;Farbe Rot, Icon Adresscard \\u00fcber Box schwebend&quot;,\n    &quot;linkTitle&quot;: &quot;mehr erfahren&quot;,\n    &quot;linkStyle&quot;: &quot;button&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;google.com&quot;\n    },\n    &quot;template&quot;: &quot;default&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;icon&quot;: &quot;phone-solid&quot;,\n    &quot;iconBoxed&quot;: true,\n    &quot;color&quot;: &quot;orange&quot;,\n    &quot;title&quot;: &quot;Standard&quot;,\n    &quot;excerpt&quot;: &quot;&lt;br&gt;&lt;br&gt;Farbe: Orange&quot;,\n    &quot;linkTitle&quot;: &quot;mehr erfahren&quot;,\n    &quot;linkStyle&quot;: &quot;open&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;google.com&quot;\n    },\n    &quot;template&quot;: &quot;default&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;icon&quot;: &quot;address-card-solid&quot;,\n    &quot;iconBoxed&quot;: true,\n    &quot;color&quot;: &quot;dark&quot;,\n    &quot;index&quot;: &quot;Test&quot;,\n    &quot;title&quot;: &quot;Standard&quot;,\n    &quot;excerpt&quot;: &quot;Farbe Asphaltblau, Icon Adress Card schwebend&quot;,\n    &quot;linkTitle&quot;: &quot;mehr erfahren&quot;,\n    &quot;linkStyle&quot;: &quot;open&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;google.com&quot;\n    },\n    &quot;template&quot;: &quot;default&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;icon&quot;: &quot;address-card-solid&quot;,\n    &quot;iconBoxed&quot;: true,\n    &quot;useLinkList&quot;: true,\n    &quot;linkList&quot;: {\n        &quot;0&quot;: {\n            &quot;text&quot;: &quot;&lt;a href=\\&quot;https:\\\/\\\/cms-test.zdv.uni-mainz.de\\\/demo-module\\&quot;&gt;Pr\\u00fcfungs\\u00e4mter&lt;\\\/a&gt;&quot;,\n            &quot;icon&quot;: &quot;info&quot;,\n            &quot;link&quot;: {\n                &quot;url&quot;: &quot;https:\\\/\\\/cms-test.zdv.uni-mainz.de\\\/demo-module&quot;\n            }\n        },\n        &quot;1&quot;: {\n            &quot;text&quot;: &quot;&lt;a href=\\&quot;https:\\\/\\\/cms-test.zdv.uni-mainz.de\\\/demo-module\\&quot;&gt;Studienfachberatung&lt;\\\/a&gt;&quot;,\n            &quot;icon&quot;: &quot;info&quot;,\n            &quot;link&quot;: {\n                &quot;url&quot;: &quot;https:\\\/\\\/cms-test.zdv.uni-mainz.de\\\/demo-module&quot;\n            }\n        },\n        &quot;2&quot;: {\n            &quot;text&quot;: &quot;&lt;a href=\\&quot;http:\\\/\\\/www.uni-mainz.de\\&quot; data-type=\\&quot;URL\\&quot; data-id=\\&quot;www.uni-mainz.de\\&quot;&gt;Sehr langer Testinhalt, der umbricht, um Verlinkungsunterstreichung zu testen&lt;\\\/a&gt;&quot;,\n            &quot;icon&quot;: &quot;info&quot;,\n            &quot;link&quot;: {\n                &quot;url&quot;: &quot;http:\\\/\\\/www.uni-mainz.de&quot;\n            }\n        }\n    },\n    &quot;color&quot;: &quot;gray&quot;,\n    &quot;index&quot;: &quot;Test&quot;,\n    &quot;title&quot;: &quot;Linkliste benutzen&quot;,\n    &quot;linkTitle&quot;: &quot;mehr erfahren&quot;,\n    &quot;template&quot;: &quot;linkList&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;excerpt&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<jgu-base-listitem react-props=\"{\n    &quot;allowNesting&quot;: false,\n    &quot;title&quot;: &quot;&lt;a href=\\&quot;https:\\\/\\\/cms-test.zdv.uni-mainz.de\\\/demo-module\\&quot;&gt;Pr\\u00fcfungs\\u00e4mter&lt;\\\/a&gt;&quot;,\n    &quot;uuid&quot;: &quot;1666788191465&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;https:\\\/\\\/cms-test.zdv.uni-mainz.de\\\/demo-module&quot;\n    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;showInActions&quot;: false,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;showExpandableContent&quot;: false,\n    &quot;expandableContent&quot;: &quot;&quot;\n}\">\n    \n<\/jgu-base-listitem>\n\n<jgu-base-listitem react-props=\"{\n    &quot;allowNesting&quot;: false,\n    &quot;title&quot;: &quot;&lt;a href=\\&quot;https:\\\/\\\/cms-test.zdv.uni-mainz.de\\\/demo-module\\&quot;&gt;Studienfachberatung&lt;\\\/a&gt;&quot;,\n    &quot;uuid&quot;: &quot;1666788216782&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;https:\\\/\\\/cms-test.zdv.uni-mainz.de\\\/demo-module&quot;\n    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;showInActions&quot;: false,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;showExpandableContent&quot;: false,\n    &quot;expandableContent&quot;: &quot;&quot;\n}\">\n    \n<\/jgu-base-listitem>\n\n<jgu-base-listitem react-props=\"{\n    &quot;allowNesting&quot;: false,\n    &quot;title&quot;: &quot;&lt;a href=\\&quot;http:\\\/\\\/www.uni-mainz.de\\&quot; data-type=\\&quot;URL\\&quot; data-id=\\&quot;www.uni-mainz.de\\&quot;&gt;Sehr langer Testinhalt, der umbricht, um Verlinkungsunterstreichung zu testen&lt;\\\/a&gt;&quot;,\n    &quot;uuid&quot;: &quot;1683101949444&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;http:\\\/\\\/www.uni-mainz.de&quot;\n    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;showInActions&quot;: false,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;showExpandableContent&quot;: false,\n    &quot;expandableContent&quot;: &quot;&quot;\n}\">\n    \n<\/jgu-base-listitem>\n\n<\/jgu-base-teaserbox><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;color&quot;: &quot;red&quot;,\n    &quot;title&quot;: &quot;In einer Box&quot;,\n    &quot;excerpt&quot;: &quot;Auszug am unteren Rand anzeigen eingeschaltet.&quot;,\n    &quot;linkTitle&quot;: &quot;mehr erfahren&quot;,\n    &quot;textPositionBottom&quot;: true,\n    &quot;template&quot;: &quot;red_h4&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;color&quot;: &quot;red&quot;,\n    &quot;title&quot;: &quot;Benachrichtigungsbox&quot;,\n    &quot;excerpt&quot;: &quot;Was ist speziell an der Benachrichtigungsbox?&quot;,\n    &quot;linkTitle&quot;: &quot;mehr erfahren&quot;,\n    &quot;overboxImage&quot;: true,\n    &quot;template&quot;: &quot;notification&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;&quot;,\n        &quot;poster&quot;: &quot;&quot;\n    },\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;title&quot;: &quot;mit Video&quot;,\n    &quot;linkTitle&quot;: &quot;mehr erfahren&quot;,\n    &quot;template&quot;: &quot;video&quot;,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;\n    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;icon&quot;: &quot;&quot;,\n    &quot;iconColor&quot;: &quot;default&quot;,\n    &quot;isCalendar&quot;: false,\n    &quot;iconBoxed&quot;: false,\n    &quot;useLinkList&quot;: false,\n    &quot;linkList&quot;: {},\n    &quot;hideThumbnail&quot;: false,\n    &quot;type&quot;: &quot;boxed&quot;,\n    &quot;color&quot;: &quot;light&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;excerpt&quot;: &quot;&quot;,\n    &quot;linkStyle&quot;: &quot;default&quot;,\n    &quot;overboxImage&quot;: false,\n    &quot;differingHeadlineColor&quot;: false,\n    &quot;headlineColor&quot;: &quot;&quot;,\n    &quot;textPositionBottom&quot;: false,\n    &quot;audioUrl&quot;: &quot;&quot;,\n    &quot;unbound&quot;: false\n}\">\n    \n<\/jgu-base-teaserbox><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Eine TeaserBox ist ein meist quadratischer Kasten mit \u00dcberschrift in zwei Zeilen. Teasern Tea\u00b7ser\/\u02c8ti\u02d0z\u0250\/ bedeutet, mit wenigen Worten zum Weiterlesen verf\u00fchren oder die Neugier zu wecken. Fasse dich kurz! Die Teaserbox ist das Hauptelement auf Ihren Seiten. Es existieren die Vorlagen: In verschiedenen Farben, dann ist ein etwaiges Icon grau<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-1056","page","type-page","status-publish","hentry"],"content_raw":"<!-- wp:jgu\/pageheader {\"items\":[{\"box\":{\"index\":\"\",\"title\":\"Teaserbox = Anrei\u00dferkasten\",\"link\":{\"url\":\"\",\"title\":\"learn more\"}},\"color\":\"default\",\"image\":{\"url\":\"\"},\"imgCredit\":\"\",\"useVideo\":false,\"video\":false}],\"type\":\"border\"} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Eine TeaserBox ist ein meist quadratischer Kasten mit \u00dcberschrift in zwei Zeilen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Teasern Tea\u00b7ser<br>\/\u02c8ti\u02d0z\u0250\/ bedeutet, mit wenigen Worten zum Weiterlesen verf\u00fchren oder die Neugier zu wecken. Fasse dich kurz!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/video {\"video\":{\"provider\":\"panopto\",\"id\":\"e1c8e664-215c-4c01-b443-b41200eee966\",\"poster\":\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-content\/uploads\/sites\/22\/2026\/04\/teaser-video.png\",\"buttonText\":\"Play Video\",\"l10n\":{\"playVideo\":\"\"},\"imgCredit\":\"\",\"url\":\"https:\/\/video.uni-mainz.de\/Panopto\/Pages\/Embed.aspx?id=e1c8e664-215c-4c01-b443-b41200eee966\\u0026v=1\",\"posterID\":119231,\"imgAlt\":\"\",\"imgCaption\":\"\"}} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Die Teaserbox ist das Hauptelement auf Ihren Seiten. Es existieren die Vorlagen:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Standard<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>In einer Box<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Benachrichtigungsbox<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Mit Video<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Mit Audio<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Link List<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Calendar<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:jgu\/slider {\"template\":\"teaserbox\"} -->\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"type\":\"default\",\"color\":\"white\",\"index\":\"Teaserbox Typ\",\"title\":\"Standard\",\"excerpt\":\"Standardm\u00e4\u00dfig gibt es keinen Kasten, sondern nur einen Strich links und auch keine Farbe. Dies ist der einfachste Teaser.\",\"template\":\"default\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"color\":\"gold\",\"index\":\"Teaserbox Typ \",\"title\":\"In einer Box\",\"excerpt\":\"In einer Box kann man w\u00e4hlen, ob der Inhalt rechteckig oder quadratisch sein soll.\\u003cbr\\u003eUnd ob der Text am unteren Rand angezeigt werden soll.\\u003cbr\\u003eBei Box Farbe w\u00e4hlen sie einer der Hausfarben aus.\",\"template\":\"red_h4\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"color\":\"gray\",\"title\":\"Mit Video\",\"excerpt\":\"Bei mit Video, w\u00e4hlen sie einen Video Provider aus: Youtube,Vimeo oder Panopto.\\u003cbr\\u003eAchtung: Video Titel Optional \u00e4ndert wirklich dem Titel der Teaser Box!!\\u003cbr\\u003eDer erster Frame des Videos wird automatisch angezeigt.\\u003cbr\\u003e \",\"template\":\"video\",\"video\":{\"provider\":\"panopto\",\"buttonText\":\"running horses\",\"id\":\"7258ec7f-3c39-4751-9580-f7d1ce3f56ae\",\"poster\":\"https:\/\/panopto-cache.zdv.net\/Panopto\/Content\/Sessions\/40f3c6dc-8385-45ad-b9e7-15494e328e89\/500e429c-75ca-4628-9ec6-ff61e7f583b4_et\/thumbs\/slide0.jpg\",\"imgCredit\":\"\",\"url\":\"https:\/\/video.uni-mainz.de\/Panopto\/Pages\/Embed.aspx?id=7258ec7f-3c39-4751-9580-f7d1ce3f56ae\\u0026v=1\"}} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"image\":{\"id\":null,\"url\":\"https:\/\/cms.zdv.uni-mainz.de\/fb10-audioguide-botgarten\/wp-content\/uploads\/sites\/915\/2025\/08\/Boswellia_sacra-1.jpg\"},\"title\":\"Mit Audio\",\"excerpt\":\"Bei Audio Einstellungen, gibt man die Adresse des Mp3 ein. \\u003cbr\\u003e\\u003cstrong\\u003eWeihrauchbaum\\u003c\/strong\\u003e\\u003cbr\\u003e\\u003cem\\u003e(Boswellia sacra)\\u003c\/em\\u003e\",\"template\":\"audio\",\"audioUrl\":\"https:\/\/panopto-cache.zdv.net\/Panopto\/Content\/Sessions25\/bf6754ee-c42d-4379-8116-b34600b03ae3\/e2d8dc68-1866-487a-b93d-b34600b03ae7-8e07738a-cd4f-4671-94b9-b34600b09a03.mp4?invocationId=3fc97071-3383-f011-a982-001dd8b722ad\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"useLinkList\":true,\"linkList\":[{\"text\":\"Achtung: Nicht zu viele einf\u00fcgen\",\"icon\":\"info\",\"link\":{\"url\":\"\"}},{\"text\":\"Sonst wird die Box schnell \u00fcberladen\\u003cbr\\u003eDas ist dann kein Teaser mehr\",\"icon\":\"info\",\"link\":{\"url\":\"\"}}],\"color\":\"orange\",\"index\":\" \",\"title\":\"Link List\",\"excerpt\":\"Hier kann man zus\u00e4tzlich zum Text einen Liste einf\u00fcgen.\\u003cbr\\u003e\",\"template\":\"linkList\"} -->\n<!-- wp:jgu\/list-item {\"allowNesting\":false,\"title\":\"Achtung: Nicht zu viele einf\u00fcgen\",\"uuid\":\"1773928098557\"} \/-->\n\n<!-- wp:jgu\/list-item {\"allowNesting\":false,\"title\":\"Sonst wird die Box schnell \u00fcberladen\\u003cbr\\u003eDas ist dann kein Teaser mehr\",\"uuid\":\"1773928405562\"} \/-->\n<!-- \/wp:jgu\/teaserbox -->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"isCalendar\":true,\"color\":\"light-gray-blue\",\"index\":\"Teaserbox Typ\",\"title\":\"Calendar - noch nicht fertig, soll f\u00fcr Veranstaltungskalender verwendet werden\\u003cbr\\u003e\",\"template\":\"calendar\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"color\":\"red\",\"title\":\"Benachrichtigungsbox\",\"excerpt\":\"Diese Box hat keine weiteren Funktionen\",\"template\":\"notification\"} \/-->\n<!-- \/wp:jgu\/slider -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">In verschiedenen Farben, dann ist ein etwaiges Icon grau<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:columns {\"className\":\"\"} -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"icon\":\"bullhorn-solid\",\"iconBoxed\":true,\"index\":\"Mit Icon \u00fcber der Box schwebend\",\"title\":\"Standard\",\"excerpt\":\"Farbe Asphaltblau 5%, Icon Adresscard \u00fcber Box schwebend\",\"linkTitle\":\"mehr erfahren\",\"linkStyle\":\"open\",\"link\":{\"url\":\"https:\/\/www.uni-mainz.de\",\"id\":\"https:\/\/www.uni-mainz.de\",\"title\":\"https:\/\/www.uni-mainz.de\",\"type\":\"link\"},\"template\":\"default\"} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"icon\":\"address-card-solid\",\"iconBoxed\":true,\"color\":\"red\",\"index\":\"Test\",\"title\":\"Standard\",\"excerpt\":\"Farbe Rot, Icon Adresscard \u00fcber Box schwebend\",\"linkTitle\":\"mehr erfahren\",\"linkStyle\":\"button\",\"link\":{\"url\":\"google.com\"},\"template\":\"default\"} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"icon\":\"phone-solid\",\"iconBoxed\":true,\"color\":\"orange\",\"title\":\"Standard\",\"excerpt\":\"\\u003cbr\\u003e\\u003cbr\\u003eFarbe: Orange\",\"linkTitle\":\"mehr erfahren\",\"linkStyle\":\"open\",\"link\":{\"url\":\"google.com\"},\"template\":\"default\"} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"icon\":\"address-card-solid\",\"iconBoxed\":true,\"color\":\"dark\",\"index\":\"Test\",\"title\":\"Standard\",\"excerpt\":\"Farbe Asphaltblau, Icon Adress Card schwebend\",\"linkTitle\":\"mehr erfahren\",\"linkStyle\":\"open\",\"link\":{\"url\":\"google.com\"},\"template\":\"default\"} \/--><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:columns {\"className\":\"\"} -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"icon\":\"address-card-solid\",\"iconBoxed\":true,\"useLinkList\":true,\"linkList\":[{\"text\":\"\\u003ca href=\\u0022https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\\u0022\\u003ePr\u00fcfungs\u00e4mter\\u003c\/a\\u003e\",\"icon\":\"info\",\"link\":{\"url\":\"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\"}},{\"text\":\"\\u003ca href=\\u0022https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\\u0022\\u003eStudienfachberatung\\u003c\/a\\u003e\",\"icon\":\"info\",\"link\":{\"url\":\"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\"}},{\"text\":\"\\u003ca href=\\u0022http:\/\/www.uni-mainz.de\\u0022 data-type=\\u0022URL\\u0022 data-id=\\u0022www.uni-mainz.de\\u0022\\u003eSehr langer Testinhalt, der umbricht, um Verlinkungsunterstreichung zu testen\\u003c\/a\\u003e\",\"icon\":\"info\",\"link\":{\"url\":\"http:\/\/www.uni-mainz.de\"}}],\"color\":\"gray\",\"index\":\"Test\",\"title\":\"Linkliste benutzen\",\"linkTitle\":\"mehr erfahren\",\"template\":\"linkList\"} -->\n<!-- wp:jgu\/list-item {\"allowNesting\":false,\"title\":\"\\u003ca href=\\u0022https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\\u0022\\u003ePr\u00fcfungs\u00e4mter\\u003c\/a\\u003e\",\"uuid\":\"1666788191465\",\"link\":{\"url\":\"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\"}} \/-->\n\n<!-- wp:jgu\/list-item {\"allowNesting\":false,\"title\":\"\\u003ca href=\\u0022https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\\u0022\\u003eStudienfachberatung\\u003c\/a\\u003e\",\"uuid\":\"1666788216782\",\"link\":{\"url\":\"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\"}} \/-->\n\n<!-- wp:jgu\/list-item {\"allowNesting\":false,\"title\":\"\\u003ca href=\\u0022http:\/\/www.uni-mainz.de\\u0022 data-type=\\u0022URL\\u0022 data-id=\\u0022www.uni-mainz.de\\u0022\\u003eSehr langer Testinhalt, der umbricht, um Verlinkungsunterstreichung zu testen\\u003c\/a\\u003e\",\"uuid\":\"1683101949444\",\"link\":{\"url\":\"http:\/\/www.uni-mainz.de\"}} \/-->\n<!-- \/wp:jgu\/teaserbox --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"color\":\"red\",\"title\":\"In einer Box\",\"excerpt\":\"Auszug am unteren Rand anzeigen eingeschaltet.\",\"linkTitle\":\"mehr erfahren\",\"textPositionBottom\":true,\"template\":\"red_h4\"} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"color\":\"red\",\"title\":\"Benachrichtigungsbox\",\"excerpt\":\"Was ist speziell an der Benachrichtigungsbox?\",\"linkTitle\":\"mehr erfahren\",\"overboxImage\":true,\"template\":\"notification\"} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"title\":\"mit Video\",\"linkTitle\":\"mehr erfahren\",\"template\":\"video\",\"video\":{\"provider\":\"youtube\"}} \/--><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:columns {\"className\":\"\"} -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","_links":{"self":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/comments?post=1056"}],"version-history":[{"count":15,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1056\/revisions"}],"predecessor-version":[{"id":119404,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1056\/revisions\/119404"}],"wp:attachment":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/media?parent=1056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/categories?post=1056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/tags?post=1056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}