{"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-06-18T18:50:01","modified_gmt":"2026-06-18T16:50:01","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    &quot;autoplay&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 Elementen, wobei zwar der obere Teil kleiner dargestellt wird.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Alle Teaserboxen sind Rechtecke im Editor. Soll das Rechteck auch in der Besucheransicht angezeigt werden, schalten Sie dies mit dem Rechteck-Schalter an.<\/p>\n\n\n\n<p class=\"has-big-font-size\"><strong>Teasern Tea\u00b7ser<\/strong><br>\/\u02c8ti\u02d0z\u0250\/ bedeutet, mit wenigen Worten zum Weiterlesen verf\u00fchren oder die Neugier zu wecken. Fasse dich kurz!<\/p>\n\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: ohne Box<\/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-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<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;:{},&quot;autoplay&quot;:false}\">\n    \n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h6&quot;,\n        &quot;classTag&quot;: &quot;h6&quot;,\n        &quot;tag&quot;: &quot;h6.h6&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;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. Diese Teaser sind in Spalten organisiert.<\/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;span&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;span&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&lt;br&gt; &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&lt;br&gt;&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;h3&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h3&quot;\n    },\n    &quot;icon&quot;: &quot;phone-solid&quot;,\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&lt;br&gt;&lt;br&gt;Hier ist Icon \\u00fcber Box schwebend ausgeschaltet. Wie man sieht, sollte man das NICHT TUN!&lt;br&gt;&lt;br&gt;&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;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;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;h4&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h4&quot;\n    },\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&lt;br&gt;&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;icon&quot;: &quot;&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;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;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;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;h5&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h5&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;h6&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h6&quot;\n    },\n    &quot;image&quot;: {\n        &quot;id&quot;: 120790,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/06\\\/2-Personen-reden.svg&quot;,\n        &quot;title&quot;: &quot;2 Personen reden&quot;\n    },\n    &quot;icon&quot;: &quot;exclamation-circle-solid&quot;,\n    &quot;color&quot;: &quot;red&quot;,\n    &quot;title&quot;: &quot;Benachrichtigungs-box&quot;,\n    &quot;excerpt&quot;: &quot;Was ist speziell an der Benachrichtigungsbox?&lt;br&gt;&lt;br&gt;&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;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<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;heading&quot;: &quot;FAQ&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Schriftgr\u00f6\u00dfe: nein, in Teaserboxen lassen sich die Schriftgr\u00f6\u00dfen nicht \u00e4ndern. Die Boxen reagieren auf die Fenstergr\u00f6\u00dfe<\/li>\n<\/ul>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Eine TeaserBox ist ein meist quadratischer Kasten mit \u00dcberschrift in zwei Elementen, wobei zwar der obere Teil kleiner dargestellt wird. Alle Teaserboxen sind Rechtecke im Editor. Soll das Rechteck auch in der Besucheransicht angezeigt werden, schalten Sie dies mit dem Rechteck-Schalter an. Teasern Tea\u00b7ser\/\u02c8ti\u02d0z\u0250\/ bedeutet, mit wenigen Worten zum Weiterlesen verf\u00fchren oder die Neugier zu &hellip; <a href=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/teaserbox\/\">Weiter lesen<\/a><\/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 Elementen, wobei zwar der obere Teil kleiner dargestellt wird.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Alle Teaserboxen sind Rechtecke im Editor. Soll das Rechteck auch in der Besucheransicht angezeigt werden, schalten Sie dies mit dem Rechteck-Schalter an.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><strong>Teasern Tea\u00b7ser<\/strong><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: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: ohne Box<\/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\/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:jgu\/slider {\"template\":\"teaserbox\"} -->\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h6\",\"classTag\":\"h6\",\"tag\":\"h6.h6\"},\"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\",\"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. Diese Teaser sind in Spalten organisiert.<\/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\":\"span\",\"classTag\":\"\",\"tag\":\"span\"},\"icon\":\"bullhorn-solid\",\"iconBoxed\":true,\"index\":\"Mit Icon \u00fcber der Box schwebend\",\"title\":\"Standard\",\"excerpt\":\"Farbe Asphaltblau 5%, Icon Adresscard \u00fcber Box schwebend\\u003cbr\\u003e \",\"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\\u003cbr\\u003e\",\"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\":\"h3\",\"classTag\":\"\",\"tag\":\"h3\"},\"icon\":\"phone-solid\",\"color\":\"orange\",\"title\":\"Standard\",\"excerpt\":\"\\u003cbr\\u003e\\u003cbr\\u003eFarbe: Orange\\u003cbr\\u003e\\u003cbr\\u003eHier ist Icon \u00fcber Box schwebend ausgeschaltet. Wie man sieht, sollte man das NICHT TUN!\\u003cbr\\u003e\\u003cbr\\u003e\",\"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\":\"h4\",\"classTag\":\"\",\"tag\":\"h4\"},\"iconBoxed\":true,\"color\":\"dark\",\"index\":\"Test\",\"title\":\"Standard\",\"excerpt\":\"Farbe Asphaltblau, Icon Adress Card schwebend\\u003cbr\\u003e\",\"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\"},\"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\":\"h5\",\"classTag\":\"\",\"tag\":\"h5\"},\"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\":\"h6\",\"classTag\":\"\",\"tag\":\"h6\"},\"image\":{\"id\":120790,\"url\":null},\"icon\":\"exclamation-circle-solid\",\"color\":\"red\",\"title\":\"Benachrichtigungs-box\",\"excerpt\":\"Was ist speziell an der Benachrichtigungsbox?\\u003cbr\\u003e\\u003cbr\\u003e\",\"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:jgu\/heading {\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"FAQ\"} \/-->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Schriftgr\u00f6\u00dfe: nein, in Teaserboxen lassen sich die Schriftgr\u00f6\u00dfen nicht \u00e4ndern. Die Boxen reagieren auf die Fenstergr\u00f6\u00dfe<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->","_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":14,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1056\/revisions"}],"predecessor-version":[{"id":120914,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1056\/revisions\/120914"}],"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}]}}