{"id":1227,"date":"2022-04-29T16:28:44","date_gmt":"2022-04-29T14:28:44","guid":{"rendered":"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\/?page_id=1227"},"modified":"2026-04-07T15:54:48","modified_gmt":"2026-04-07T13:54:48","slug":"slider","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/slider\/","title":{"rendered":"Slider"},"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;Slider&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;small&quot;,\n    &quot;align&quot;: &quot;full&quot;,\n    &quot;quicklinks&quot;: {\n        &quot;show&quot;: false,\n        &quot;selects&quot;: []\n    },\n    &quot;useBreadcrumb&quot;: false\n}\">\n<\/jgu-base-pageheader>\n\n<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;Slider neu anlegen&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<p class=\"has-big-font-size\">Direkt beim Anlegen entscheiden Sie sich f\u00fcr eine Vorlage:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Teaser, <\/li>\n\n\n\n<li>Testimonial, <\/li>\n\n\n\n<li>Numberbox, <\/li>\n\n\n\n<li>Video,<\/li>\n\n\n\n<li> Idm Person oder Contact Card<\/li>\n<\/ul>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n\n\n\n<p class=\"has-big-font-size\">Die Standardanzeige Ihres Sliders passt sich automatisch an das Ger\u00e4t an: Auf gro\u00dfen Desktops werden vier Elemente angezeigt, auf kleineren Desktops drei, auf Tablets zwei und auf Smartphones nur eins.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Das nennt man \u201aresponsiv\u2018 und bedeutet: Sie m\u00fcssen nichts extra einstellen.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Im Editor ist Ihr Slider durch eine gestrichelte Linie und mit der Beschriftung \u201aEditor view only\u2018 gekennzeichnet. Die einzelnen Elemente Ihres Sliders finden Sie in der Slider-Liste.<\/p>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h3&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h3&quot;\n    },\n    &quot;heading&quot;: &quot;Block-Einstellungen&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>Pfeile: Damit verschieben Sie ein Slider-Element nach oben oder unten<\/li>\n\n\n\n<li>Pluszeichen: neues Element hinzuf\u00fcgen<\/li>\n\n\n\n<li>Drei Punkte = Optionen<\/li>\n<\/ul>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h3&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h3&quot;\n    },\n    &quot;heading&quot;: &quot;Einstellungen in der Sidebar&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>Anzahl der sichtbaren Slides<\/li>\n\n\n\n<li>Scrolldistanz<\/li>\n\n\n\n<li>Nummerierte Navigation anzeigen<\/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;948bd128-aef4-4704-bc00-b404009a6ff7&quot;,\n        &quot;poster&quot;: &quot;https:\\\/\\\/panopto-cache.zdv.net\\\/Panopto\\\/Content\\\/Sessions25\\\/50d6b39f-3925-4517-9348-b404009a6ff3\\\/694444e6-53a9-4c8c-ab82-b404009b0ff9_et\\\/thumbs\\\/slide136817.jpg&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=948bd128-aef4-4704-bc00-b404009a6ff7&amp;v=1&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}\">\n    \n<\/jgu-base-video>\n\n<jgu-base-section react-props=\"{&quot;color&quot;:&quot;dark&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;Teaser&quot;},&quot;align&quot;:&quot;wide&quot;,&quot;padding&quot;:&quot;medium&quot;}\">\n<div class=\"jgu-bgsection bg bg-dark \"><div class=\"content padding-medium\"><jgu-base-slider react-props=\"{&quot;template&quot;:&quot;teaserbox&quot;,&quot;slidesCount&quot;:10,&quot;responsiveSettings&quot;:{&quot;mobile&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:true},&quot;tablet&quot;:{&quot;perPage&quot;:2,&quot;arrows&quot;:true,&quot;pagination&quot;:true},&quot;desktop&quot;:{&quot;perPage&quot;:3,&quot;arrows&quot;:true,&quot;pagination&quot;:true},&quot;desktop-xl&quot;:{&quot;perPage&quot;:4,&quot;arrows&quot;:true,&quot;pagination&quot;:true,&quot;width&quot;:&quot;50%&quot;}},&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;perPage&quot;:4,&quot;scrollDistance&quot;:&quot;screen&quot;}\">\n    \n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;image&quot;: {\n        &quot;id&quot;: 113781,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg&quot;,\n        &quot;alt&quot;: &quot;Um den Marmorkopf eines Pferdes ranken Farne&quot;,\n        &quot;caption&quot;: &quot;Equus romanus&quot;,\n        &quot;credit&quot;: &quot;Anja Slowinski&quot;,\n        &quot;title&quot;: &quot;2019-02-03_20-marmor-pferdekopf&quot;,\n        &quot;width&quot;: 2560,\n        &quot;height&quot;: 1707,\n        &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-2048x1365.jpg 2048w&quot;\n    },\n    &quot;title&quot;: &quot;Slider mit Teasern&quot;,\n    &quot;excerpt&quot;: &quot;Teasern Tea\\u00b7ser&lt;br&gt;\\\/\\u02c8ti\\u02d0z\\u0250\\\/ bedeutet, mit wenigen Worten zum Weiterlesen verf\\u00fchren oder die Neugier zu wecken. Fasse dich kurz!&lt;br&gt;&lt;br&gt;Audiolink&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;https:\\\/\\\/panopto-cache.zdv.net\\\/Panopto\\\/Content\\\/Sessions25\\\/df15d111-768e-455b-838d-b34600b02baa\\\/02b17b80-3037-4480-b556-b34600b02bb4-fe3a9fc0-c0ed-40fa-a0a2-b34600b083e7.mp4?invocationId=7b3012cc-3283-f011-a982-001dd8b722ad&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;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>\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;: 113775,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-scaled.jpg&quot;,\n        &quot;alt&quot;: &quot;Eine extrembelichtete Malvenbl\\u00fcte&quot;,\n        &quot;caption&quot;: &quot;Malve&quot;,\n        &quot;title&quot;: &quot;2019-02-03_42-malve&quot;,\n        &quot;width&quot;: 2560,\n        &quot;height&quot;: 1707,\n        &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-2048x1365.jpg 2048w&quot;\n    },\n    &quot;title&quot;: &quot;Test f\\u00fcr Audio&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;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;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>\n\n<\/jgu-base-slider>\n<\/div><\/div>\n<\/jgu-base-section>\n\n\n<p class=\"has-big-font-size\"><\/p>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;index&quot;: &quot;Slider mit&quot;,\n    &quot;color&quot;: &quot;default&quot;,\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;Testimonial&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n\n\n<jgu-base-slider react-props=\"{&quot;template&quot;:&quot;testimonials&quot;,&quot;perPage&quot;:1,&quot;responsiveSettings&quot;:{},&quot;metadata&quot;:{&quot;name&quot;:&quot;Testimonial&quot;},&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;scrollDistance&quot;:&quot;screen&quot;}\">\n    \n<jgu-base-testimonial react-props=\"{\n    &quot;image&quot;: {\n        &quot;id&quot;: 113775,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-scaled.jpg&quot;,\n        &quot;alt&quot;: &quot;Eine extrembelichtete Malvenbl\\u00fcte&quot;,\n        &quot;caption&quot;: &quot;Malve&quot;,\n        &quot;title&quot;: &quot;2019-02-03_42-malve&quot;,\n        &quot;width&quot;: 2560,\n        &quot;height&quot;: 1707,\n        &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-2048x1365.jpg 2048w&quot;\n    },\n    &quot;zitat&quot;: &quot;Die Mindesth\\u00f6he des Testimonial-Sliders ist betr\\u00e4chtlich. Auch bei einem querformatigen Bild und einem sehr kurzen Text erscheint die Navigation erst weit unten drunter. Ein l\\u00e4ngerer Text oder ein hochkantformatiges Foto ist also kein Problem.&quot;,\n    &quot;subline&quot;: &quot;L. M.&quot;,\n    &quot;background&quot;: &quot;&quot;,\n    &quot;fullWithImage&quot;: true,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;enableVideo&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;title&quot;: &quot;&quot;,\n    &quot;buttonText&quot;: &quot;Play Video&quot;,\n    &quot;displayType&quot;: &quot;row&quot;,\n    &quot;color&quot;: &quot;red&quot;,\n    &quot;bigZitat&quot;: false,\n    &quot;useBackground&quot;: false\n}\"><\/jgu-base-testimonial>\n\n<jgu-base-testimonial react-props=\"{\n    &quot;image&quot;: {\n        &quot;id&quot;: 113769,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-scaled.jpg&quot;,\n        &quot;alt&quot;: &quot;Die Gl\\u00fcckskatze pirscht durch den Garten. Ein sch\\u00f6nes Bild f\\u00fcr einen Nutzer, der sich einem neuen Thema n\\u00e4hert.&quot;,\n        &quot;caption&quot;: &quot;Kathe auf der Pirsch&quot;,\n        &quot;credit&quot;: &quot;A. Slowinski&quot;,\n        &quot;title&quot;: &quot;Katze  auf der Pirsch&quot;,\n        &quot;width&quot;: 2560,\n        &quot;height&quot;: 1707,\n        &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-2048x1365.jpg 2048w&quot;\n    },\n    &quot;zitat&quot;: &quot;The Cat Astrophe came to New York. It was the year 1946. &quot;,\n    &quot;subline&quot;: &quot;L. M.&quot;,\n    &quot;background&quot;: &quot;&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;enableVideo&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;title&quot;: &quot;&quot;,\n    &quot;buttonText&quot;: &quot;Play Video&quot;,\n    &quot;displayType&quot;: &quot;row&quot;,\n    &quot;color&quot;: &quot;red&quot;,\n    &quot;bigZitat&quot;: false,\n    &quot;useBackground&quot;: false,\n    &quot;fullWithImage&quot;: false\n}\"><\/jgu-base-testimonial>\n\n<jgu-base-testimonial react-props=\"{\n    &quot;image&quot;: {\n        &quot;id&quot;: 113784,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg&quot;,\n        &quot;alt&quot;: &quot;Um den Marmorkopf eines Pferdes ranken Farne&quot;,\n        &quot;caption&quot;: &quot;Equus romanus&quot;,\n        &quot;description&quot;: &quot;ddd&quot;,\n        &quot;title&quot;: &quot;2019-02-03_20-marmor-pferdekopf&quot;,\n        &quot;width&quot;: 2560,\n        &quot;height&quot;: 1707,\n        &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-2048x1365.jpg 2048w&quot;\n    },\n    &quot;zitat&quot;: &quot;The man who has to do with the horse should know, with regard to this and all other necessary operations, that he ought to approach as little as possible from the head or the tail to perform them; for if the horse attempt to show vice he is master of the man in front and rear. But by approaching from the side he will get the greatest hold over the horse with the least risk of injury to himself.&lt;br&gt; &quot;,\n    &quot;subline&quot;: &quot;Xenophon&quot;,\n    &quot;background&quot;: &quot;&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;enableVideo&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;title&quot;: &quot;&quot;,\n    &quot;buttonText&quot;: &quot;Play Video&quot;,\n    &quot;displayType&quot;: &quot;row&quot;,\n    &quot;color&quot;: &quot;red&quot;,\n    &quot;bigZitat&quot;: false,\n    &quot;useBackground&quot;: false,\n    &quot;fullWithImage&quot;: false\n}\"><\/jgu-base-testimonial>\n\n<\/jgu-base-slider>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;index&quot;: &quot;Slider mit&quot;,\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;Numberbox&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n<jgu-base-slider react-props=\"{&quot;template&quot;:&quot;numberbox&quot;,&quot;perPage&quot;:3,&quot;slidesCount&quot;:3,&quot;responsiveSettings&quot;:{&quot;mobile&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;width&quot;:&quot;100%&quot;},&quot;tablet&quot;:{&quot;perPage&quot;:2,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;width&quot;:&quot;100%&quot;},&quot;desktop&quot;:{&quot;perPage&quot;:3,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;width&quot;:&quot;100%&quot;},&quot;desktop-xl&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;width&quot;:&quot;100%&quot;}},&quot;metadata&quot;:{&quot;name&quot;:&quot;Number&quot;},&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;scrollDistance&quot;:&quot;screen&quot;}\">\n    \n<jgu-base-numberbox react-props=\"{\n    &quot;title&quot;: &quot;Viel Auswahl&quot;,\n    &quot;subline&quot;: &quot;F\\u00fcr individuelle Websites&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;h2&quot;,\n        &quot;tag&quot;: &quot;h2.h2&quot;\n    },\n    &quot;number&quot;: &quot;5&quot;,\n    &quot;formatString&quot;: &quot;Es sind {number} Slidertypen&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;counting&quot;: false\n}\">\n    \n<\/jgu-base-numberbox>\n\n\n<jgu-base-numberbox react-props=\"{\n    &quot;title&quot;: &quot;Der Trennpunkt&quot;,\n    &quot;subline&quot;: &quot;kommt automatisch&quot;,\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;h2&quot;,\n        &quot;tag&quot;: &quot;h2.h2&quot;\n    },\n    &quot;number&quot;: &quot;100000&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;formatString&quot;: &quot;{number}&quot;,\n    &quot;counting&quot;: false\n}\">\n    \n<\/jgu-base-numberbox>\n\n\n<\/jgu-base-slider>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;index&quot;: &quot;Slider mit&quot;,\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;Video&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n<jgu-base-slider react-props=\"{&quot;template&quot;:&quot;video&quot;,&quot;perPage&quot;:3,&quot;slidesCount&quot;:3,&quot;responsiveSettings&quot;:{&quot;mobile&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;width&quot;:&quot;100%&quot;},&quot;tablet&quot;:{&quot;perPage&quot;:2,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;width&quot;:&quot;100%&quot;},&quot;desktop&quot;:{&quot;perPage&quot;:3,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;width&quot;:&quot;100%&quot;},&quot;desktop-xl&quot;:{&quot;perPage&quot;:1,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;width&quot;:&quot;100%&quot;}},&quot;metadata&quot;:{&quot;name&quot;:&quot;Number&quot;},&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;scrollDistance&quot;:&quot;screen&quot;}\">\n    \n<jgu-base-video react-props=\"{\n    &quot;title&quot;: &quot;ZDV-Info auf YouTube&quot;,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;youtube&quot;,\n        &quot;id&quot;: &quot;oRs6rCcCMi8&quot;,\n        &quot;poster&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/03\\\/thumbnails\\\/oRs6rCcCMi8.jpg&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    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;subline&quot;: &quot;&quot;,\n    &quot;showTitle&quot;: false,\n    &quot;buttonColor&quot;: &quot;dark&quot;\n}\">\n    \n<\/jgu-base-video>\n\n<jgu-base-video react-props=\"{\n    &quot;title&quot;: &quot;50 Jahre ZDV Panopto&quot;,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;panopto&quot;,\n        &quot;id&quot;: &quot;1e32d77d-4d2d-4bdb-8df8-b364006ad4f6&quot;,\n        &quot;poster&quot;: &quot;https:\\\/\\\/panopto-cache.zdv.net\\\/Panopto\\\/Content\\\/Sessions25\\\/8c596e90-f54c-4474-b131-b364006ad4f1\\\/7ebcd52e-7973-4039-ba82-b364006c621f_et\\\/thumbs\\\/slide0.jpg&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=1e32d77d-4d2d-4bdb-8df8-b364006ad4f6&amp;v=1&quot;\n    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;subline&quot;: &quot;&quot;,\n    &quot;showTitle&quot;: false,\n    &quot;buttonColor&quot;: &quot;dark&quot;\n}\">\n    \n<\/jgu-base-video>\n\n<jgu-base-video react-props=\"{\n    &quot;title&quot;: &quot;Vimeo - Feel the Gutenberg Spirit&quot;,\n    &quot;video&quot;: {\n        &quot;provider&quot;: &quot;vimeo&quot;,\n        &quot;id&quot;: &quot;763673566&quot;,\n        &quot;poster&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2026\\\/03\\\/thumbnails\\\/1533648378-a47525c92d749e0ffb8dc165aa539b95efafcc29b2a7387dfe7b397b728fc64e-d_640?region=us.jpg&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    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;subline&quot;: &quot;&quot;,\n    &quot;showTitle&quot;: false,\n    &quot;buttonColor&quot;: &quot;dark&quot;\n}\">\n    \n<\/jgu-base-video>\n\n<\/jgu-base-slider>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;index&quot;: &quot;Slider mit &quot;,\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;IdM oder Contact Card&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\">Das erste Element mit Standard. Das zweite mit &#8222;link to website if available&#8220;. Das dritte ist ein Kontact-Card-Block<\/p>\n\n\n<jgu-base-slider react-props=\"{&quot;template&quot;:&quot;idm-person&quot;,&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;perPage&quot;:4,&quot;scrollDistance&quot;:&quot;screen&quot;,&quot;responsiveSettings&quot;:{}}\">\n    \n<jgu-base-idm-person react-props=\"{\n    &quot;id&quot;: &quot;2952&quot;,\n    &quot;name&quot;: &quot;&quot;,\n    &quot;link&quot;: &quot;idm&quot;,\n    &quot;organizationId&quot;: 0,\n    &quot;roleId&quot;: 0,\n    &quot;skipDetails&quot;: [],\n    &quot;align&quot;: &quot;left&quot;,\n    &quot;color&quot;: &quot;default&quot;,\n    &quot;mode&quot;: &quot;edit&quot;,\n    &quot;linkType&quot;: &quot;idm&quot;\n}\">\n        \n<\/jgu-base-idm-person>\n\n\n<jgu-base-idm-person react-props=\"{\n    &quot;id&quot;: &quot;2952&quot;,\n    &quot;link&quot;: &quot;website&quot;,\n    &quot;name&quot;: &quot;&quot;,\n    &quot;organizationId&quot;: 0,\n    &quot;roleId&quot;: 0,\n    &quot;skipDetails&quot;: [],\n    &quot;align&quot;: &quot;left&quot;,\n    &quot;color&quot;: &quot;default&quot;,\n    &quot;mode&quot;: &quot;edit&quot;,\n    &quot;linkType&quot;: &quot;website&quot;\n}\">\n        \n<\/jgu-base-idm-person>\n\n\n<jgu-base-contactcard react-props=\"{\n    &quot;name&quot;: &quot;Dies ist eine Liste&quot;,\n    &quot;avatar&quot;: {\n        &quot;id&quot;: 116786,\n        &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait.png&quot;,\n        &quot;credit&quot;: &quot;JGU&quot;,\n        &quot;description&quot;: &quot;Ein Ersatzbild f\\u00fcr Layoutzwecke&quot;,\n        &quot;title&quot;: &quot;jgu-idm-portrait&quot;,\n        &quot;width&quot;: 3648,\n        &quot;height&quot;: 3648,\n        &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait.png 3648w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-300x300.png 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-1024x1024.png 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-150x150.png 150w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-768x768.png 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-1536x1536.png 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-2048x2048.png 2048w&quot;\n    },\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;actions&quot;: [],\n    &quot;color&quot;: &quot;default&quot;\n}\">\n    \n<jgu-base-listitem react-props=\"{\n    &quot;icon&quot;: &quot;lightbulb-solid&quot;,\n    &quot;title&quot;: &quot;Die Liste kann Untereinheiten enthalten.&lt;br&gt;Und jede Untereinheit kann ein Logo vorangestellt haben.&quot;,\n    &quot;uuid&quot;: &quot;1774511424288&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;showInActions&quot;: false,\n    &quot;allowNesting&quot;: true,\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;icon&quot;: &quot;thumbtack-solid&quot;,\n    &quot;title&quot;: &quot;Das kann auch f\\u00fcr ganz andere Zwecke praktisch sein.&quot;,\n    &quot;uuid&quot;: &quot;1774511466185&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;showInActions&quot;: false,\n    &quot;allowNesting&quot;: true,\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;icon&quot;: &quot;spinner-solid&quot;,\n    &quot;title&quot;: &quot;Personendaten sollte man hier nur im Notfall eingeben, denn Sie  m\\u00fcssen sich schriftlich die Einverst\\u00e4ndniserkl\\u00e4rung der Person einholen!&quot;,\n    &quot;uuid&quot;: &quot;1774511496370&quot;,\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;showInActions&quot;: false,\n    &quot;allowNesting&quot;: true,\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-contactcard>\n\n<\/jgu-base-slider>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;index&quot;: &quot;Das mu\\u00df nicht sein&quot;,\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;Zwei Slider in zwei Spalten nebeneinander&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\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-slider react-props=\"{&quot;template&quot;:&quot;teaserbox&quot;,&quot;perPage&quot;:7,&quot;slidesCount&quot;:7,&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;scrollDistance&quot;:&quot;screen&quot;,&quot;responsiveSettings&quot;:{}}\">\n    \n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\n\n<\/jgu-base-slider>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-slider react-props=\"{&quot;template&quot;:&quot;teaserbox&quot;,&quot;perPage&quot;:7,&quot;slidesCount&quot;:7,&quot;type&quot;:&quot;&quot;,&quot;useNumbers&quot;:false,&quot;scrollDistance&quot;:&quot;screen&quot;,&quot;responsiveSettings&quot;:{}}\">\n    \n<jgu-base-teaserbox react-props=\"{\n    &quot;headline&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\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;index&quot;: &quot;1&quot;,\n    &quot;title&quot;: &quot;2&quot;,\n    &quot;excerpt&quot;: &quot;3&quot;,\n    &quot;linkTitle&quot;: &quot;learn more&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;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>\n\n<\/jgu-base-slider>\n<\/div>\n<\/div>\n    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Direkt beim Anlegen entscheiden Sie sich f\u00fcr eine Vorlage: Die Standardanzeige Ihres Sliders passt sich automatisch an das Ger\u00e4t an: Auf gro\u00dfen Desktops werden vier Elemente angezeigt, auf kleineren Desktops drei, auf Tablets zwei und auf Smartphones nur eins. Das nennt man \u201aresponsiv\u2018 und bedeutet: Sie m\u00fcssen nichts extra einstellen. Im Editor ist Ihr Slider &hellip; <a href=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/slider\/\">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-1227","page","type-page","status-publish","hentry"],"content_raw":"<!-- wp:jgu\/pageheader {\"items\":[{\"box\":{\"index\":\"\",\"title\":\"Slider\",\"link\":{\"url\":\"\",\"title\":\"learn more\"}},\"color\":\"default\",\"image\":{\"url\":\"\"},\"imgCredit\":\"\",\"useVideo\":false,\"video\":false}],\"type\":\"small\"} \/-->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Slider neu anlegen\"} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Direkt beim Anlegen entscheiden Sie sich f\u00fcr eine Vorlage:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Teaser, <\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Testimonial, <\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Numberbox, <\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Video,<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li> Idm Person oder Contact Card<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Die Standardanzeige Ihres Sliders passt sich automatisch an das Ger\u00e4t an: Auf gro\u00dfen Desktops werden vier Elemente angezeigt, auf kleineren Desktops drei, auf Tablets zwei und auf Smartphones nur eins.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Das nennt man \u201aresponsiv\u2018 und bedeutet: Sie m\u00fcssen nichts extra einstellen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Im Editor ist Ihr Slider durch eine gestrichelte Linie und mit der Beschriftung \u201aEditor view only\u2018 gekennzeichnet. Die einzelnen Elemente Ihres Sliders finden Sie in der Slider-Liste.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h3\",\"classTag\":\"\",\"tag\":\"h3\"},\"heading\":\"Block-Einstellungen\"} \/-->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Pfeile: Damit verschieben Sie ein Slider-Element nach oben oder unten<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Pluszeichen: neues Element hinzuf\u00fcgen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Drei Punkte = Optionen<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h3\",\"classTag\":\"\",\"tag\":\"h3\"},\"heading\":\"Einstellungen in der Sidebar\"} \/-->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Anzahl der sichtbaren Slides<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Scrolldistanz<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Nummerierte Navigation anzeigen<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:jgu\/video {\"video\":{\"provider\":\"panopto\",\"id\":\"948bd128-aef4-4704-bc00-b404009a6ff7\",\"poster\":\"https:\/\/panopto-cache.zdv.net\/Panopto\/Content\/Sessions25\/50d6b39f-3925-4517-9348-b404009a6ff3\/694444e6-53a9-4c8c-ab82-b404009b0ff9_et\/thumbs\/slide136817.jpg\",\"buttonText\":\"Play Video\",\"l10n\":{\"playVideo\":\"\"},\"imgCredit\":\"\",\"url\":\"https:\/\/video.uni-mainz.de\/Panopto\/Pages\/Embed.aspx?id=948bd128-aef4-4704-bc00-b404009a6ff7\\u0026v=1\"}} \/-->\n\n<!-- wp:jgu\/section {\"color\":\"dark\",\"metadata\":{\"name\":\"Teaser\"}} -->\n<div class=\"jgu-bgsection bg bg-dark \"><div class=\"content padding-medium\"><!-- wp:jgu\/slider {\"template\":\"teaserbox\",\"slidesCount\":10,\"responsiveSettings\":{\"mobile\":{\"perPage\":1,\"arrows\":true,\"pagination\":true},\"tablet\":{\"perPage\":2,\"arrows\":true,\"pagination\":true},\"desktop\":{\"perPage\":3,\"arrows\":true,\"pagination\":true},\"desktop-xl\":{\"perPage\":4,\"arrows\":true,\"pagination\":true,\"width\":\"50%\"}}} -->\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"image\":{\"id\":113781,\"url\":null},\"title\":\"Slider mit Teasern\",\"excerpt\":\"Teasern Tea\u00b7ser\\u003cbr\\u003e\/\u02c8ti\u02d0z\u0250\/ bedeutet, mit wenigen Worten zum Weiterlesen verf\u00fchren oder die Neugier zu wecken. Fasse dich kurz!\\u003cbr\\u003e\\u003cbr\\u003eAudiolink\",\"link\":{\"url\":\"https:\/\/panopto-cache.zdv.net\/Panopto\/Content\/Sessions25\/df15d111-768e-455b-838d-b34600b02baa\/02b17b80-3037-4480-b556-b34600b02bb4-fe3a9fc0-c0ed-40fa-a0a2-b34600b083e7.mp4?invocationId=7b3012cc-3283-f011-a982-001dd8b722ad\"}} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"image\":{\"id\":113775,\"url\":null},\"title\":\"Test f\u00fcr Audio\"} \/-->\n<!-- \/wp:jgu\/slider --><\/div><\/div>\n<!-- \/wp:jgu\/section -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/heading {\"index\":\"Slider mit\",\"color\":\"default\",\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Testimonial\"} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/slider {\"template\":\"testimonials\",\"perPage\":1,\"responsiveSettings\":[],\"metadata\":{\"name\":\"Testimonial\"}} -->\n<!-- wp:jgu\/testimonials {\"image\":{\"id\":113775,\"url\":null},\"zitat\":\"Die Mindesth\u00f6he des Testimonial-Sliders ist betr\u00e4chtlich. Auch bei einem querformatigen Bild und einem sehr kurzen Text erscheint die Navigation erst weit unten drunter. Ein l\u00e4ngerer Text oder ein hochkantformatiges Foto ist also kein Problem.\",\"subline\":\"L. M.\",\"background\":\"\",\"fullWithImage\":true} \/-->\n\n<!-- wp:jgu\/testimonials {\"image\":{\"id\":113769,\"url\":null},\"zitat\":\"The Cat Astrophe came to New York. It was the year 1946. \",\"subline\":\"L. M.\",\"background\":\"\"} \/-->\n\n<!-- wp:jgu\/testimonials {\"image\":{\"id\":113784,\"url\":null},\"zitat\":\"The man who has to do with the horse should know, with regard to this and all other necessary operations, that he ought to approach as little as possible from the head or the tail to perform them; for if the horse attempt to show vice he is master of the man in front and rear. But by approaching from the side he will get the greatest hold over the horse with the least risk of injury to himself.\\u003cbr\\u003e \",\"subline\":\"Xenophon\",\"background\":\"\"} \/-->\n<!-- \/wp:jgu\/slider -->\n\n<!-- wp:jgu\/heading {\"index\":\"Slider mit\",\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Numberbox\"} \/-->\n\n<!-- wp:jgu\/slider {\"template\":\"numberbox\",\"perPage\":3,\"slidesCount\":3,\"responsiveSettings\":{\"mobile\":{\"perPage\":1,\"arrows\":true,\"pagination\":false,\"width\":\"100%\"},\"tablet\":{\"perPage\":2,\"arrows\":true,\"pagination\":false,\"width\":\"100%\"},\"desktop\":{\"perPage\":3,\"arrows\":true,\"pagination\":false,\"width\":\"100%\"},\"desktop-xl\":{\"perPage\":1,\"arrows\":true,\"pagination\":false,\"width\":\"100%\"}},\"metadata\":{\"name\":\"Number\"}} -->\n<!-- wp:jgu\/numberbox {\"title\":\"Viel Auswahl\",\"subline\":\"F\u00fcr individuelle Websites\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"h2\",\"tag\":\"h2.h2\"},\"number\":\"5\",\"formatString\":\"Es sind {number} Slidertypen\"} \/-->\n\n<!-- wp:jgu\/numberbox {\"title\":\"Der Trennpunkt\",\"subline\":\"kommt automatisch\",\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"h2\",\"tag\":\"h2.h2\"},\"number\":\"100000\"} \/-->\n<!-- \/wp:jgu\/slider -->\n\n<!-- wp:jgu\/heading {\"index\":\"Slider mit\",\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Video\"} \/-->\n\n<!-- wp:jgu\/slider {\"template\":\"video\",\"perPage\":3,\"slidesCount\":3,\"responsiveSettings\":{\"mobile\":{\"perPage\":1,\"arrows\":true,\"pagination\":false,\"width\":\"100%\"},\"tablet\":{\"perPage\":2,\"arrows\":true,\"pagination\":false,\"width\":\"100%\"},\"desktop\":{\"perPage\":3,\"arrows\":true,\"pagination\":false,\"width\":\"100%\"},\"desktop-xl\":{\"perPage\":1,\"arrows\":true,\"pagination\":false,\"width\":\"100%\"}},\"metadata\":{\"name\":\"Number\"}} -->\n<!-- wp:jgu\/video {\"title\":\"ZDV-Info auf YouTube\",\"video\":{\"provider\":\"youtube\",\"id\":\"oRs6rCcCMi8\",\"poster\":\"https:\/\/cms.zdv.uni-mainz.de\/wp-content\/uploads\/sites\/22\/2026\/03\/thumbnails\/oRs6rCcCMi8.jpg\",\"buttonText\":\"Play Video\",\"l10n\":{\"playVideo\":\"\"},\"imgCredit\":\"\"}} \/-->\n\n<!-- wp:jgu\/video {\"title\":\"50 Jahre ZDV Panopto\",\"video\":{\"provider\":\"panopto\",\"id\":\"1e32d77d-4d2d-4bdb-8df8-b364006ad4f6\",\"poster\":\"https:\/\/panopto-cache.zdv.net\/Panopto\/Content\/Sessions25\/8c596e90-f54c-4474-b131-b364006ad4f1\/7ebcd52e-7973-4039-ba82-b364006c621f_et\/thumbs\/slide0.jpg\",\"buttonText\":\"Play Video\",\"l10n\":{\"playVideo\":\"\"},\"imgCredit\":\"\",\"url\":\"https:\/\/video.uni-mainz.de\/Panopto\/Pages\/Embed.aspx?id=1e32d77d-4d2d-4bdb-8df8-b364006ad4f6\\u0026v=1\"}} \/-->\n\n<!-- wp:jgu\/video {\"title\":\"Vimeo - Feel the Gutenberg Spirit\",\"video\":{\"provider\":\"vimeo\",\"id\":\"763673566\",\"poster\":\"https:\/\/cms.zdv.uni-mainz.de\/wp-content\/uploads\/sites\/22\/2026\/03\/thumbnails\/1533648378-a47525c92d749e0ffb8dc165aa539b95efafcc29b2a7387dfe7b397b728fc64e-d_640?region=us.jpg\",\"buttonText\":\"Play Video\",\"l10n\":{\"playVideo\":\"\"},\"imgCredit\":\"\"}} \/-->\n<!-- \/wp:jgu\/slider -->\n\n<!-- wp:jgu\/heading {\"index\":\"Slider mit \",\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"IdM oder Contact Card\"} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Das erste Element mit Standard. Das zweite mit \"link to website if available\". Das dritte ist ein Kontact-Card-Block<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/slider {\"template\":\"idm-person\"} -->\n<!-- wp:jgu\/idm-person {\"id\":\"2952\"} \/-->\n\n<!-- wp:jgu\/idm-person {\"id\":\"2952\",\"link\":\"website\"} \/-->\n\n<!-- wp:jgu\/contact-card {\"name\":\"Dies ist eine Liste\",\"avatar\":{\"id\":116786,\"url\":null}} -->\n<!-- wp:jgu\/list-item {\"icon\":\"lightbulb-solid\",\"title\":\"Die Liste kann Untereinheiten enthalten.\\u003cbr\\u003eUnd jede Untereinheit kann ein Logo vorangestellt haben.\",\"uuid\":\"1774511424288\"} \/-->\n\n<!-- wp:jgu\/list-item {\"icon\":\"thumbtack-solid\",\"title\":\"Das kann auch f\u00fcr ganz andere Zwecke praktisch sein.\",\"uuid\":\"1774511466185\"} \/-->\n\n<!-- wp:jgu\/list-item {\"icon\":\"spinner-solid\",\"title\":\"Personendaten sollte man hier nur im Notfall eingeben, denn Sie  m\u00fcssen sich schriftlich die Einverst\u00e4ndniserkl\u00e4rung der Person einholen!\",\"uuid\":\"1774511496370\"} \/-->\n<!-- \/wp:jgu\/contact-card -->\n<!-- \/wp:jgu\/slider -->\n\n<!-- wp:jgu\/heading {\"index\":\"Das mu\u00df nicht sein\",\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Zwei Slider in zwei Spalten nebeneinander\"} \/-->\n\n<!-- wp:columns {\"className\":\"\"} -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/slider {\"template\":\"teaserbox\",\"perPage\":7,\"slidesCount\":7} -->\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n<!-- \/wp:jgu\/slider --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/slider {\"template\":\"teaserbox\",\"perPage\":7,\"slidesCount\":7} -->\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n\n<!-- wp:jgu\/teaserbox {\"headline\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"index\":\"1\",\"title\":\"2\",\"excerpt\":\"3\",\"linkTitle\":\"learn more\"} \/-->\n<!-- \/wp:jgu\/slider --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","_links":{"self":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1227","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=1227"}],"version-history":[{"count":15,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1227\/revisions"}],"predecessor-version":[{"id":119251,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/1227\/revisions\/119251"}],"wp:attachment":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/media?parent=1227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/categories?post=1227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/tags?post=1227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}