{"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-07-28T10:50:33","modified_gmt":"2026-07-28T08:50:33","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 wp-block-paragraph\">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 wp-block-paragraph\">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 wp-block-paragraph\"><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 wp-block-paragraph\">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.&lt;br&gt;&lt;br&gt;&lt;br&gt;Schrift: #23373c&lt;br&gt;Hintergrund: #FFFFFF&lt;br&gt;Kontrast: 12.47:1&lt;br&gt;WCAG AAA Pass&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, Farbe Gold&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;Die 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;&lt;br&gt; COPYRIGHT-Vermerk: diesen tragen Sie NICHT in der Teaserbox sondern bei der AMedium ein!&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;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&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 wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\">In verschiedenen Farben, es ist jeweils der Kontrast zur Schriftfarbe mit angegeben.  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-8f761849 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 \\&quot;5%\\&quot;, Icon Adresscard \\u00fcber Box schwebend&lt;br&gt;Schrift: #23373C = Asphaltblau 100%&lt;br&gt;Hintergrund: #C8CDCE = Asphaltblau 25%&lt;br&gt;Kontrast: 7.77:1 &lt;br&gt;WCAG AAA: Pass&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;Schrift: #FFFFFF&lt;br&gt;Hintergrund: #c1002a = Primary&lt;br&gt;Kontrast: 6.36:1&lt;br&gt;WCAG AAA: nicht f\\u00fcr normalen Text&lt;br&gt;WCAG AA: OK&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;Farbe: Orange&lt;br&gt;&lt;br&gt;Icon \\u00fcber Box schwebend ausgeschaltet. Wie man sieht, sollte man das NICHT mischen!&lt;br&gt;&lt;br&gt;Hintergrund: #D17F00&lt;br&gt;Kontrast: 3.11:1&lt;br&gt;WCAG AAA und AA: nicht f\\u00fcr normalen Text&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 100%,  Icon Adress Card schwebend&lt;br&gt;&lt;br&gt;&lt;br&gt;Schrift: #FFFFFF&lt;br&gt;Hintergrund: #23373c&lt;br&gt;Kontrast: 12.47:1&lt;br&gt;WCAG AAA Pass&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-8f761849 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 in Gray&quot;,\n    &quot;excerpt&quot;: &quot;Hintergrund: #6D7C80, Asphaltblau 65%&lt;br&gt;Kontrast: 4.33 : 1&lt;br&gt;Nur WCAG AA gro\\u00dfer Text: OK&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;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;image&quot;: {\n        &quot;id&quot;: 119765,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/05\\\/IMG_2285-scaled-e1783320480898.jpeg&quot;,\n        &quot;caption&quot;: &quot;Konzert&quot;,\n        &quot;title&quot;: &quot;IMG_2285&quot;,\n        &quot;width&quot;: 1195,\n        &quot;height&quot;: 674,\n        &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/05\\\/IMG_2285-scaled-e1783320480898.jpeg 1195w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/05\\\/IMG_2285-scaled-e1783320480898-300x169.jpeg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/05\\\/IMG_2285-scaled-e1783320480898-1024x578.jpeg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/05\\\/IMG_2285-scaled-e1783320480898-768x433.jpeg 768w&quot;\n    },\n    &quot;color&quot;: &quot;blue&quot;,\n    &quot;title&quot;: &quot;In einer Box, Blau \\\/ Blue&quot;,\n    &quot;excerpt&quot;: &quot;Auszug am unteren Rand anzeigen eingeschaltet.&lt;br&gt;&lt;br&gt;Schrift: #F4F5F5&lt;br&gt;Hintergrund: #004358&lt;br&gt;Kontrast: 9.89:1&lt;br&gt;WCAG AAA Pass&lt;br&gt;&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;: 118924,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/03\\\/Newsicon_HilfeKreide.png&quot;,\n        &quot;credit&quot;: &quot;WordPress-Gruppe des ZDV&quot;,\n        &quot;title&quot;: &quot;Newsicon_HilfeKreide&quot;,\n        &quot;width&quot;: 150,\n        &quot;height&quot;: 150\n    },\n    &quot;icon&quot;: &quot;exclamation-circle-solid&quot;,\n    &quot;color&quot;: &quot;blue-gray&quot;,\n    &quot;title&quot;: &quot;Benachrichtigungs-box, Asphaltblau 80%, Blue Gray&quot;,\n    &quot;excerpt&quot;: &quot;Die Bildbenachrichtigung tragen Sie bei den Medien ein, das Bild ist \\u00fcberlagernd bei der Teaserbox in den Bild-Einstellungen eingestellt.&lt;br&gt;&lt;br&gt;Schrift: #FFFFFF&lt;br&gt;Hintergrund: #4F5F63&lt;br&gt;Kontrast: 6.1:1&lt;br&gt;WCAG AAA Pass&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;color&quot;: &quot;light-gray-blue&quot;,\n    &quot;title&quot;: &quot;mit Video, Asphaltblau 35%, Light Gray Blue&quot;,\n    &quot;excerpt&quot;: &quot;&lt;br&gt;Schrift: #23373c&lt;br&gt;Hintergrund: #B2B9BB&lt;br&gt;Kontrast: 6.26:1&lt;br&gt;WCAG AAA normaler Text: nein&lt;br&gt;WCAG AA: OK&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;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;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-8f761849 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;color&quot;: &quot;gold&quot;,\n    &quot;title&quot;: &quot;Farbe Gold&quot;,\n    &quot;excerpt&quot;: &quot;&lt;br&gt;Schrift: #23373C&lt;br&gt;Hintergrund: #EAC58C&lt;br&gt;Kontrast: 7.64:1&lt;br&gt;WCAG AAA Pass&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;\n    },\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;template&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;color&quot;: &quot;white-gray-index&quot;,\n    &quot;index&quot;: &quot;Index in hellgrau &quot;,\n    &quot;title&quot;: &quot;Farbe White with Gray index&quot;,\n    &quot;excerpt&quot;: &quot;&lt;br&gt;Schrift Index: #4F5F63, Kontrast 6.66, nicht WGAG AAA!&lt;br&gt;&lt;br&gt;Schrift Box: #23373C&lt;br&gt;Hintergrund: #FFFFFF&lt;br&gt;Kontrast: 12.47:1&lt;br&gt;WCAG AAA Pass&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;\n    },\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;template&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;color&quot;: &quot;white-dark-text&quot;,\n    &quot;index&quot;: &quot;Index in  Boxfarbe&quot;,\n    &quot;title&quot;: &quot;Farbe White with dark text&quot;,\n    &quot;excerpt&quot;: &quot;&lt;br&gt;Schrift: #FFFFFF&lt;br&gt;Hintergrund: #23373c&lt;br&gt;Kontrast: 12.47:1&lt;br&gt;WCAG AAA Pass&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;\n    },\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;template&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;color&quot;: &quot;red-index&quot;,\n    &quot;index&quot;: &quot;Index in rot&quot;,\n    &quot;title&quot;: &quot;Red with red index&quot;,\n    &quot;excerpt&quot;: &quot;&lt;br&gt;Schrift rot: #C1002A WGAG AAA Fail: 6.36&lt;br&gt;Schrift Box: +23373c&lt;br&gt;Hintergrund: #FFFFFF&lt;br&gt;Kontrast: 12.47:1&lt;br&gt;WCAG AAA Pass&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;\n    },\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;template&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<\/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\n\n\n<li>Bildnachweis: diese sollten Sie im Impressum eintragen. Weder bei Audio noch bei Video sind extra Bildnachweise vorgesehen.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\">28 Graut\u00f6ne, Mausgrau, Staubgrau, Steingrau, Zementgrau &#8230; Asphaltgrau &#8230;<\/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.\\u003cbr\\u003e\\u003cbr\\u003e\\u003cbr\\u003eSchrift: #23373c\\u003cbr\\u003eHintergrund: #FFFFFF\\u003cbr\\u003eKontrast: 12.47:1\\u003cbr\\u003eWCAG AAA Pass\",\"template\":\"default\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"color\":\"gold\",\"index\":\"Teaserbox Typ \",\"title\":\"In einer Box, Farbe Gold\",\"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\\u003eDie 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\\u003cbr\\u003e COPYRIGHT-Vermerk: diesen tragen Sie NICHT in der Teaserbox sondern bei der AMedium ein!\",\"template\":\"video\",\"video\":{\"provider\":\"panopto\",\"buttonText\":\"running horses\",\"id\":\"7258ec7f-3c39-4751-9580-f7d1ce3f56ae\",\"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\",\"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, es ist jeweils der Kontrast zur Schriftfarbe mit angegeben.  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 \\u00225%\\u0022, Icon Adresscard \u00fcber Box schwebend\\u003cbr\\u003eSchrift: #23373C = Asphaltblau 100%\\u003cbr\\u003eHintergrund: #C8CDCE = Asphaltblau 25%\\u003cbr\\u003eKontrast: 7.77:1 \\u003cbr\\u003eWCAG AAA: Pass\\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\\u003eSchrift: #FFFFFF\\u003cbr\\u003eHintergrund: #c1002a = Primary\\u003cbr\\u003eKontrast: 6.36:1\\u003cbr\\u003eWCAG AAA: nicht f\u00fcr normalen Text\\u003cbr\\u003eWCAG AA: OK\",\"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\":\"Farbe: Orange\\u003cbr\\u003e\\u003cbr\\u003eIcon \u00fcber Box schwebend ausgeschaltet. Wie man sieht, sollte man das NICHT mischen!\\u003cbr\\u003e\\u003cbr\\u003eHintergrund: #D17F00\\u003cbr\\u003eKontrast: 3.11:1\\u003cbr\\u003eWCAG AAA und AA: nicht f\u00fcr normalen Text\\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 100%,  Icon Adress Card schwebend\\u003cbr\\u003e\\u003cbr\\u003e\\u003cbr\\u003eSchrift: #FFFFFF\\u003cbr\\u003eHintergrund: #23373c\\u003cbr\\u003eKontrast: 12.47:1\\u003cbr\\u003eWCAG AAA Pass\\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 in Gray\",\"excerpt\":\"Hintergrund: #6D7C80, Asphaltblau 65%\\u003cbr\\u003eKontrast: 4.33 : 1\\u003cbr\\u003eNur WCAG AA gro\u00dfer Text: OK\",\"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\"},\"image\":{\"id\":119765,\"url\":null},\"color\":\"blue\",\"title\":\"In einer Box, Blau \/ Blue\",\"excerpt\":\"Auszug am unteren Rand anzeigen eingeschaltet.\\u003cbr\\u003e\\u003cbr\\u003eSchrift: #F4F5F5\\u003cbr\\u003eHintergrund: #004358\\u003cbr\\u003eKontrast: 9.89:1\\u003cbr\\u003eWCAG AAA Pass\\u003cbr\\u003e\",\"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\":118924,\"url\":null},\"icon\":\"exclamation-circle-solid\",\"color\":\"blue-gray\",\"title\":\"Benachrichtigungs-box, Asphaltblau 80%, Blue Gray\",\"excerpt\":\"Die Bildbenachrichtigung tragen Sie bei den Medien ein, das Bild ist \u00fcberlagernd bei der Teaserbox in den Bild-Einstellungen eingestellt.\\u003cbr\\u003e\\u003cbr\\u003eSchrift: #FFFFFF\\u003cbr\\u003eHintergrund: #4F5F63\\u003cbr\\u003eKontrast: 6.1:1\\u003cbr\\u003eWCAG AAA Pass\\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\"},\"color\":\"light-gray-blue\",\"title\":\"mit Video, Asphaltblau 35%, Light Gray Blue\",\"excerpt\":\"\\u003cbr\\u003eSchrift: #23373c\\u003cbr\\u003eHintergrund: #B2B9BB\\u003cbr\\u003eKontrast: 6.26:1\\u003cbr\\u003eWCAG AAA normaler Text: nein\\u003cbr\\u003eWCAG AA: OK\",\"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\"><!-- wp:jgu\/teaserbox {\"color\":\"gold\",\"title\":\"Farbe Gold\",\"excerpt\":\"\\u003cbr\\u003eSchrift: #23373C\\u003cbr\\u003eHintergrund: #EAC58C\\u003cbr\\u003eKontrast: 7.64:1\\u003cbr\\u003eWCAG AAA Pass\"} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"color\":\"white-gray-index\",\"index\":\"Index in hellgrau \",\"title\":\"Farbe White with Gray index\",\"excerpt\":\"\\u003cbr\\u003eSchrift Index: #4F5F63, Kontrast 6.66, nicht WGAG AAA!\\u003cbr\\u003e\\u003cbr\\u003eSchrift Box: #23373C\\u003cbr\\u003eHintergrund: #FFFFFF\\u003cbr\\u003eKontrast: 12.47:1\\u003cbr\\u003eWCAG AAA Pass\"} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"color\":\"white-dark-text\",\"index\":\"Index in  Boxfarbe\",\"title\":\"Farbe White with dark text\",\"excerpt\":\"\\u003cbr\\u003eSchrift: #FFFFFF\\u003cbr\\u003eHintergrund: #23373c\\u003cbr\\u003eKontrast: 12.47:1\\u003cbr\\u003eWCAG AAA Pass\"} \/--><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/teaserbox {\"color\":\"red-index\",\"index\":\"Index in rot\",\"title\":\"Red with red index\",\"excerpt\":\"\\u003cbr\\u003eSchrift rot: #C1002A WGAG AAA Fail: 6.36\\u003cbr\\u003eSchrift Box: +23373c\\u003cbr\\u003eHintergrund: #FFFFFF\\u003cbr\\u003eKontrast: 12.47:1\\u003cbr\\u003eWCAG AAA Pass\"} \/--><\/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 -->\n\n<!-- wp:list-item -->\n<li>Bildnachweis: diese sollten Sie im Impressum eintragen. Weder bei Audio noch bei Video sind extra Bildnachweise vorgesehen.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">28 Graut\u00f6ne, Mausgrau, Staubgrau, Steingrau, Zementgrau ... Asphaltgrau ...<\/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":121517,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1056\/revisions\/121517"}],"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}]}}