{"id":2465,"date":"2022-06-24T16:40:25","date_gmt":"2022-06-24T14:40:25","guid":{"rendered":"https:\/\/staging.u-experten.de?page_id=2465"},"modified":"2023-02-21T17:07:29","modified_gmt":"2023-02-21T16:07:29","slug":"insights-archive","status":"publish","type":"page","link":"https:\/\/staging.u-experten.de\/en\/insights\/insights-archive\/","title":{"rendered":"Insights &#8211; Archive"},"content":{"rendered":"<div data-block-name=\"hero\" data-block-top x-data=\"hero\" class=\"relative pt-56 ph:pt-32\" x-bind:class=\"additionalBottomSpacing ? 'pb-[264px] ph:pb-[220px]' : 'pb-30 ph:pb-14'\" x-argh:animate-long=\"false\">\n    <div x-show=\"animateLong\" x-cloak x-ref=\"animatedImage\" x-bind=\"animatedImage\" class=\"absolute top-1\/2 left-1\/2 overflow-hidden bg-cover bg-center -translate-x-1\/2 -translate-y-1\/2 ease-hero\"><\/div>\n\n            <div x-ref=\"slider\" x-cloak class=\"swiper-container absolute inset-0 overflow-hidden\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide relative\">\n                        <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2022\/06\/services-smart-products-uexperten.webp)\">\n                                                            <div class=\"absolute inset-0\" style=\"background-color: rgba(78,33,84,0.7)\"><\/div>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n\n                    <\/div>\n    \n    <div x-show=\"isReady\" x-cloak class=\"absolute inset-0 -bottom-full overflow-hidden pointer-events-none\">\n        <div x-bind=\"circle1\" class=\"absolute top-1\/4 left-1\/2 border border-orange rounded-full ease-hero before:block before:pt-full\"><\/div>\n        <div x-bind=\"circle2\" class=\"absolute top-1\/4 left-1\/2 border border-orange rounded-full ease-hero before:block before:pt-full\"><\/div>\n        <div x-bind=\"circle3\" class=\"absolute top-1\/4 left-1\/2 border border-orange rounded-full ease-hero before:block before:pt-full\"><\/div>\n    <\/div>\n\n    <div class=\"wrapper pointer-events-buttons relative\">\n        <div x-ref=\"innerBlocks\" x-cloak class=\"prose max-w-[560px]\" x-bind:class=\"animateLong ? 'prose-animate-2' : 'prose-animate-1'\">\n            \n\n<p>INSIGHTS<\/p>\n\n\n\n<h1 class=\"has-fz-80-font-size wp-block-heading\"><strong>INSIGHTS \u2013 ARCHIVE<\/strong><\/h1>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>All our contirbutions to IoT and Smart Products<\/p>\n\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<div\n    data-block-name=\"section\"\n    data-block-top\n    x-data=\"section\"\n    x-bind=\"root\"\n    x-argh:background-color=\"'turqouise'\"\n    x-argh:custom-background-color=\"''\"\n    x-argh:padding-top=\"120\"\n    x-argh:padding-bottom=\"120\"\n    x-argh:wrapper-max-width=\"'1296px'\"\n    x-argh:vertical-spacing=\"56\"\n    x-argh:overflow=\"'visible'\"\n    id=\"\"\n    data-gradient-start=\"false\"\n    data-gradient-start-color=\"#4E2154\"\n    data-gradient-end=\"false\"\n    data-gradient-end-color=\"#192239\"\n    style=\"--column-gap: 86px\"\n>\n    <div class=\"wrapper wrapper-default\">\n        <div x-ref=\"innerBlocks\" x-bind=\"innerBlocks\">\n            \n<div data-block-name=\"archive\" x-data=\"archive\" x-argh:show-load-more-button=\"true\">\n    <div class=\"mb-14 ph:mb-10\">\n        <select x-model=\"category\" x-on:change=\"onChangeCategory()\" class=\"select-raw ph:w-full h-[46px] ph:h-14 px-8 bg-transparent border border-blue rounded-full font-narrow text-16 ph:text-24 transition\" x-bind:class=\"isLoading &#038;&#038; 'pointer-events-none opacity-40'\">\n            <option value=\"\">All articles<\/option>\n                                                <option value=\"13\">Releases<\/option>\n                                                                <option value=\"15\">Statements<\/option>\n                                                                <option value=\"17\">Talk<\/option>\n                                    <\/select>\n    <\/div>\n    <div x-ref=\"articles\" class=\"grid grid-cols-3 tl:grid-cols-2 ph:grid-cols-1 gap-6\">\n                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'download'\"\n    x-argh:ref=\"'4146'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    \n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2024\/02\/SusTech_en.webp)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\"><\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">06.02.2024<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Sustainable Technologies 2024<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        More about sustainable technologies\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n            <\/button>                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'download'\"\n    x-argh:ref=\"'3559'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    \n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2023\/03\/Trendreport_Super_Apps_EN.jpg)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\">Releases<\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">22.03.2023<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Trend report Super Apps<\/p>\n                            <p class=\"mt-2 ph:mt-4 ph:text-12 tracking-wide\">A super app is a mobile application that provides a variety of seemingly unrelated services \u2026<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        Download PDF\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n            <\/button>                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'download'\"\n    x-argh:ref=\"'3555'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    \n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2023\/03\/Trendreport_Seamless-Connectivity.jpg)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\">Releases<\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">22.03.2023<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Trend report Seamless Connectivity<\/p>\n                            <p class=\"mt-2 ph:mt-4 ph:text-12 tracking-wide\">Seamless connectivity describes connection between two or more smart devices in an easy and hassle-free manner \u2026<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        Download PDF\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n            <\/button>                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'download'\"\n    x-argh:ref=\"'3455'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    \n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2023\/03\/Trendreport_Metaverse_EN-1-724x1024.jpg)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\">Releases<\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">09.03.2023<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Trend report metaverse<\/p>\n                            <p class=\"mt-2 ph:mt-4 ph:text-12 tracking-wide\">The Metaverse is a future technology that can strengthen customer loyalty and increase sales. Set up professionally, the Metaverse is a great virtual space for location-independent customer contact, for clear product presentations, for the co-working of product developers, sales people and customers and so much more. We see a lot of potential in the Metaverse, which we summarized in our trend report.<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        Download PDF\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n            <\/button>                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'download'\"\n    x-argh:ref=\"'3184'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    \n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2023\/01\/Trendreport_IoT-Payments-724x1024.jpg)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\">Releases<\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">23.01.2023<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Trend report IoT payments<\/p>\n                            <p class=\"mt-2 ph:mt-4 ph:text-12 tracking-wide\">IoT Payments (IoTP) are real-time, data-driven payments that does not involve the buyer making a purchase decision.<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        Download PDF\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n            <\/button>                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'download'\"\n    x-argh:ref=\"'3223'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    \n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2023\/01\/Whitepaper_WebSummit-2022.jpg)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\">Releases<\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">22.01.2023<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Whitepaper WebSummit 2022<\/p>\n                            <p class=\"mt-2 ph:mt-4 ph:text-12 tracking-wide\">Define your eco system strategy!<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        Download PDF\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n            <\/button>                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'video'\"\n    x-argh:ref=\"'https:\/\/www.youtube.com\/watch?v=9k6ZsiYCaTI'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    data-video\n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2022\/09\/Vorstellung-Christian-Merk-1024x619.jpg)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\">Statements<\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">20.12.2022<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Christian Merk, Manager Consulting: Vorstellung<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        watch video\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n                    <div data-video class=\"absolute inset-0 hidden justify-between items-end p-12 ph:p-8\">\n                <p class=\"max-w-[440px] font-narrow font-strong group-hover:text-orange group-focus:text-orange text-48 ph:text-16 leading-[1.2] uppercase transition duration-300\">Christian Merk, Manager Consulting: Vorstellung<\/p>\n                <span class=\"inline-flex opacity-60\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-18 ph:w-12 h-18 ph:h-12 flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i class=\"icon-play m-auto pl-0.5 text-24 ph:text-16\"><\/i>\n                    <\/span>\n                <\/span>\n            <\/div>\n            <\/button>                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'video'\"\n    x-argh:ref=\"'https:\/\/www.youtube.com\/watch?v=kA6T0vQcC_Q'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    data-video\n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2022\/09\/LONG-U-Experten-Vorstellung-Alexander-W.-Jonke-1024x619.jpg)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\">Statements<\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">13.12.2022<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Alexander W. Jonke: Vorstellung<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        watch video\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n                    <div data-video class=\"absolute inset-0 hidden justify-between items-end p-12 ph:p-8\">\n                <p class=\"max-w-[440px] font-narrow font-strong group-hover:text-orange group-focus:text-orange text-48 ph:text-16 leading-[1.2] uppercase transition duration-300\">Alexander W. Jonke: Vorstellung<\/p>\n                <span class=\"inline-flex opacity-60\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-18 ph:w-12 h-18 ph:h-12 flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i class=\"icon-play m-auto pl-0.5 text-24 ph:text-16\"><\/i>\n                    <\/span>\n                <\/span>\n            <\/div>\n            <\/button>                    <button\n    data-block-name=\"article-card\"\n    x-data=\"articleCard\"\n    x-argh:type=\"'video'\"\n    x-argh:ref=\"'https:\/\/www.youtube.com\/watch?v=PRM99FhCLsE'\"\n    x-bind=\"root\"\n    x-cloak\n    class=\"group relative flex flex-col min-h-[520px] ph:min-h-[396px] overflow-hidden bg-white\/30 rounded text-left\"\n    \n    data-video\n>\n            <div x-bind=\"image\" class=\"absolute top-0 inset-x-0 overflow-hidden after:absolute after:inset-0 after:bg-blue\/20\">\n            <div class=\"absolute inset-0 bg-cover bg-center group-hover:scale-110 group-focus:scale-110 transition duration-300\" style=\"background-image: url(https:\/\/staging.u-experten.de\/wp-content\/uploads\/2022\/09\/LONG-U-Experten-Vorstellung-Markus-Ernst-1024x619.jpg)\"><\/div>\n        <\/div>\n\n        <div data-top class=\"shrink-0 relative flex flex-col justify-end items-start h-[240px] max-h-full ph:h-[186px] px-8 ph:px-6 py-6\">\n            <strong class=\"flex items-center h-6 p-2 bg-white rounded-4 text-blue text-12 tracking-wide\">Statements<\/strong>\n            <strong x-show=\"type === 'link'\" x-cloak class=\"mt-2 mb-6 font-narrow text-48 ph:text-32\">06.12.2022<\/strong>\n        <\/div>\n\n        <div data-bottom x-bind=\"bottom\" class=\"relative flex-1 flex flex-col p-8 ph:p-6\">\n            <p class=\"font-narrow font-strong group-hover:text-orange group-focus:text-orange text-24 ph:text-16 leading-[1.2] uppercase transition duration-300\">Markus Ernst, Head of Research &amp; Development: Vorstellung<\/p>\n                        <div class=\"mt-auto pt-4 pointer-events-none\">\n                <span class=\"inline-flex items-center space-x-4 ph:space-x-3\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-12 ph:w-[36px] h-12 ph:h-[36px] flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i x-bind=\"ctaIcon\" class=\"m-auto\"><\/i>\n                    <\/span>\n                    <span class=\"font-narrow font-bold ph:text-12\">\n                        watch video\n                    <\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n\n                    <div data-video class=\"absolute inset-0 hidden justify-between items-end p-12 ph:p-8\">\n                <p class=\"max-w-[440px] font-narrow font-strong group-hover:text-orange group-focus:text-orange text-48 ph:text-16 leading-[1.2] uppercase transition duration-300\">Markus Ernst, Head of Research &amp; Development: Vorstellung<\/p>\n                <span class=\"inline-flex opacity-60\" x-bind=\"cta\">\n                    <span class=\"shrink-0 w-18 ph:w-12 h-18 ph:h-12 flex rounded-full\" x-bind=\"ctaCircle\">\n                        <i class=\"icon-play m-auto pl-0.5 text-24 ph:text-16\"><\/i>\n                    <\/span>\n                <\/span>\n            <\/div>\n            <\/button>            <\/div>\n    <div x-show=\"showLoadMoreButton\" x-on:click=\"load(page + 1)\" class=\"flex flex-col items-center ph:items-stretch mt-14 ph:mt-10 transition\" x-bind:class=\"isLoading &#038;&#038; 'pointer-events-none opacity-40'\">\n        <button\n    data-block-name=\"button\"\n    x-data=\"button\"\n    x-bind=\"simpleRoot\"\n    x-argh:size=\"'base'\"\n    x-argh:color=\"'blue'\"\n    x-argh:custom-color=\"''\"\n    x-argh:arrow-color=\"''\"\n    x-argh:arrow-position=\"'left'\"\n    class=\"group relative inline-flex items-center transition-all duration-300\"\n    \n    type=\"button\"\n    data-block-id=\"block_62b5cca838cad\"\n>\n    <style>\n        \n            <\/style>\n\n            <span x-bind=\"simpleInner\" class=\"w-full px-12 py-1 group-hover:!bg-transparent group-focus:!bg-transparent border rounded-full font-narrow text-24 transition-all duration-300\">\n            Load more\n        <\/span>\n    <\/button>    <\/div>\n<\/div>\n\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":1375,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages\/2465"}],"collection":[{"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/comments?post=2465"}],"version-history":[{"count":8,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages\/2465\/revisions"}],"predecessor-version":[{"id":2576,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages\/2465\/revisions\/2576"}],"up":[{"embeddable":true,"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/pages\/1375"}],"wp:attachment":[{"href":"https:\/\/staging.u-experten.de\/en\/wp-json\/wp\/v2\/media?parent=2465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}