{"id":1804,"date":"2022-07-26T13:18:21","date_gmt":"2022-07-26T13:18:21","guid":{"rendered":"https:\/\/fourallportal.wpengine.com\/?page_id=1804"},"modified":"2026-05-06T13:53:12","modified_gmt":"2026-05-06T13:53:12","slug":"startseite","status":"publish","type":"page","link":"https:\/\/4allportal.com\/de","title":{"rendered":"00 Startseite"},"content":{"rendered":"\n<style>\n@media screen and (min-width: 391px) {\n  #keyframe-slider-block_f231d080d21296eaefd2bee6603990a5 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #keyframe-slider-block_f231d080d21296eaefd2bee6603990a5 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"keyframe-slider-block_f231d080d21296eaefd2bee6603990a5\" class=\"keyframe-slider | p-0 m-0 hero d-flex flex-wrap align-items-center position-relative \">\n        <div class=\"blur blur-orange-gradient-100\"><\/div>\n        <div class=\"blur blur-grey-gradient-40\"><\/div>\n    <div class=\"container position-relative\">\n        <div class=\"row g-0\">\n            <div class=\"hero_content | col-lg-6 co-12 d-flex flex-column justify-content-center pe-xxl-8\">\n\n                \n                <!-- Linke Sektion mit InnerBlocks -->\n                \n\n<p class=\"has-text-align-left preheadline\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">DAM &amp; PIM f\u00fcr B2B-Hersteller<\/mark><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-left hero__headline h1 mb-2 color-white has-white-color has-text-color\">Deine zentrale Plattform f\u00fcr Produktinhalte<\/h1>\n\n\n\n<p class=\"has-text-align-left hero__text mt-1 color-white has-medium-font-size\">Verwalte Medien sowie Produktdaten zentral und automatisiere die Ausspielung auf Knopfdruck \u2013 sicher gehostet in Deutschland.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"https:\/\/4allportal.com\/de\/demo-anfrage\">Demo buchen<\/a><\/div>\n<\/div>\n\n\n            \n        <button \n            onclick=\"Storylane.Play({\n                type: 'popup', \n                demo_type: 'image', \n                width: 4028, \n                height: 2684, \n                scale: '0.95', \n                demo_url: 'https:\/\/4allportal.storylane.io\/demo\/jidotroltsee?embed=popup', \n                padding_bottom: 'calc(66.63% + 25px)'\n            })\" \n            class=\"btn btn--secondary my-2\" \n            style=\"cursor:pointer;\">\n            <span class=\"material-symbols-outlined\">play_circle<\/span> \n            Produkttour starten        <\/button>\n\n        <\/div>\n\n\n            <\/div>\n        <\/div>      \n    <\/div>\n\n    \n    <div class=\"col-lg-6 d-lg-block d-none keyframe-slider-container\">\n        <!-- Rechte Sektion mit InnerBlocks -->\n        <div class=\"w-100\">\n            <!-- Swiper -->\n                            <div class=\"swiper keyframeslider keyframeSlider-keyframe-slider-block_f231d080d21296eaefd2bee6603990a5\">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"keyframeslider--image-container grid-container\">\n\n                                    <div class=\"item item-1 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/nutriscore.svg\" alt=\"\" style=\"width: 50%; position: absolute; top: ; right: -30px; bottom: 20px; left:;\">\n                                                                            <\/div>\n                                    <div class=\"item item-2 animation-image\">\n                                                                        <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"\" alt=\"\" style=\"width: 0%; position: absolute; top: ; right: ; bottom: ; left:;\">\n                                                                            <\/div>\n\n                                                                            <div class=\"item item-3 animation-image\" >\n                                                                                            <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/allergens.svg\" alt=\"\" style=\"width: 50%; position: absolute; top: 30%; right: ; bottom: ; left:0;\">\n                                                                                    <\/div>\n                                                                        <!-- Zweite Reihe -->\n                                    <div class=\"item item-4 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"\" alt=\"\" style=\"width: 0%; position: absolute; top: ; right: ; bottom: ; left:;\">\n                                                                            <\/div>\n                                    <div class=\"item item-5 main-image\">\n                                        <!-- Place for Main Image -->\n                                        <div class=\"keyframeslider--main-image\">\n                                                                                            <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/lebensmittel-industrie.png\" alt=\"\" \/>\n                                                                                <\/div>\n                                    <\/div>\n                                    <div class=\"item item-6 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"\" alt=\"\" style=\"width: 0%; position: absolute; top: ; right: ; bottom: ; left:;\">\n                                                                            <\/div>\n                                    <!-- Dritte Reihe -->\n                                    <div class=\"item item-7 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/ingredients.svg\" alt=\"\" style=\"width: 65%; position: absolute; top: -20%; right: 0; bottom: ; left:;\">\n                                                                            <\/div>\n                                    <div class=\"item item-8 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"\" alt=\"\" style=\"width: 0%; position: absolute; top: ; right: ; bottom: ; left:;\">\n                                                                            <\/div>\n                                    <div class=\"item item-9 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/preperation-steps.svg\" alt=\"\" style=\"width: 60%; position: absolute; top: -45%; right: ; bottom: ; left:0;\">\n                                                                            <\/div>\n\n\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"keyframeslider--image-container grid-container\">\n\n                                    <div class=\"item item-1 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/article-number.svg\" alt=\"\" style=\"width: 50%; position: absolute; top: 50%; right: -20%; bottom: ; left:;\">\n                                                                            <\/div>\n                                    <div class=\"item item-2 animation-image\">\n                                                                        <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/shop.svg\" alt=\"\" style=\"width: 40%; position: absolute; top: ; right: 0; bottom: 0; left:;\">\n                                                                            <\/div>\n\n                                                                            <div class=\"item item-3 animation-image\" >\n                                                                                            <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/brake-types.svg\" alt=\"\" style=\"width: 50%; position: absolute; top: 10%; right: ; bottom: ; left:0;\">\n                                                                                    <\/div>\n                                                                        <!-- Zweite Reihe -->\n                                    <div class=\"item item-4 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/stock.svg\" alt=\"\" style=\"width: 50%; position: absolute; top: 0; right: 0; bottom: ; left:;\">\n                                                                            <\/div>\n                                    <div class=\"item item-5 main-image\">\n                                        <!-- Place for Main Image -->\n                                        <div class=\"keyframeslider--main-image\">\n                                                                                            <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/product-bike.png\" alt=\"\" \/>\n                                                                                <\/div>\n                                    <\/div>\n                                    <div class=\"item item-6 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"\" alt=\"\" style=\"width: 0%; position: absolute; top: ; right: ; bottom: ; left:;\">\n                                                                            <\/div>\n                                    <!-- Dritte Reihe -->\n                                    <div class=\"item item-7 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/manage-components.png\" alt=\"\" style=\"width: 70%; position: absolute; top: -50%; right: 0; bottom: ; left:;\">\n                                                                            <\/div>\n                                    <div class=\"item item-8 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/cms-connection.svg\" alt=\"\" style=\"width: 40%; position: absolute; top: 0; right: ; bottom: ; left:-5%;\">\n                                                                            <\/div>\n                                    <div class=\"item item-9 animation-image\">\n                                                                                    <img fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/translate-easy.svg\" alt=\"\" style=\"width: 60%; position: absolute; top: -200px; right: ; bottom: ; left:0;\">\n                                                                            <\/div>\n\n\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <div class=\"swiper-pagination\"><\/div>\n                <\/div>\n            \n        <\/div>\n      <\/div>\n\n<\/section>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n    var swiper = new Swiper(\".keyframeSlider-keyframe-slider-block_f231d080d21296eaefd2bee6603990a5\", {\n      spaceBetween: 30,\n      centeredSlides: true,\n      effect: 'fade',\n      autoplay: {\n        delay: 5500,\n        disableOnInteraction: false,\n      },\n    });\n  <\/script>\n\n\n<p class=\"has-text-align-center preheadline\">Trusted by 100.000+ users<\/p>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #customer-logo-bar-block_5adbbe047377d0c0fe7ae2961833cb81 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #customer-logo-bar-block_5adbbe047377d0c0fe7ae2961833cb81 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"customer-logo-bar-block_5adbbe047377d0c0fe7ae2961833cb81\" class=\"customer-logo-bar | p-0 m-0\">\n    <div class=\"container container--medium px-1 px-md-0 m-md-auto d-md-grid py-2\">\n    \n            \n\n                    <ul class=\"customer-logo-bar-container row list-unstyled  colored-logos   transparent-logos \">\n                            <li class=\"col img-counter-1\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/Phoenix_Contact_Logo_white.png\" alt=\"Phoenix Contact\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-2\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bofrost-logo-white.svg\" alt=\"\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-3\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/warner-bros-logo-white.svg\" alt=\"Warner Bros Discovery\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-4\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/teekanne-logo-white.svg\" alt=\"\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-5\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/prosieben-logo-white.svg\" alt=\"\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-6\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/schindler-logo-white-1.svg\" alt=\"Schindler Logo\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-7\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/reddot-logo-white.png\" alt=\"Red Dot Design\" \/>\n                                    <\/li>\n                        <\/ul>\n            <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_d850d8ec4bfe53a820f76cc0cb432041\" class=\"content-wrapper position-relative\"\n  style=\" padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #content-wrapper-block_d850d8ec4bfe53a820f76cc0cb432041 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_d850d8ec4bfe53a820f76cc0cb432041 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_59955d4a5b5f68f3fc58d91cf6cc4905 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_59955d4a5b5f68f3fc58d91cf6cc4905 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<style>\n    .tabs-images.autoplay .timer-container {\n        position: absolute;\n        right: 15px;\n        top: 15px;\n    }\n    .tabs-images.autoplay .tab-content.show.active .timer {\n        width: 30px;\n        height: 30px;\n        stroke-width: 4px;\n        stroke-dasharray: 125.66;\n        stroke-dashoffset: 0;\n        animation: timer 14s linear forwards;\n        animation: timer  linear forwards;\n    }\n    .tabs-images.autoplay .timer {\n        stroke-dasharray: 125.66;\n        stroke-dashoffset: 125.66;\n        animation: timer 14s linear forwards;\n        animation: timer  linear forwards;\n    }\n    .tabs-images.autoplay.paused .timer {\n        animation-play-state: paused;\n    }\n    @keyframes timer {\n        to {\n            stroke-dashoffset: 0;\n        }\n    }\n    .nav-link {\n        display: flex;\n        align-items: center;\n    }\n    .tabs-images .blur {\n        left: -20%;\n        top: 10%;\n    }\n    .tabs-images.flex-row-reverse .blur {\n        right: -20%;\n        top: 10%;\n    }\n    .tab-pane.has-video {\n        padding: 5% 0 0 5%;\n        height: 100%;\n    }\n    .tabs-images video {\n        width: 100%;\n        height: 100%;\n        border-left: 1px solid rgba(255,255,255,0.2);\n        border-top: 1px solid rgba(255,255,255,0.2);\n        border-radius: 8px 0 0 8px;\n        object-fit: cover;\n        object-position: top left;\n    }\n    .pause-button {\n        position: absolute;\n        bottom: 10px;\n        left: 10px;\n        z-index: 10;\n        background-color: #ff8200;\n        color: #fff;\n        border: none;\n        border-radius: 50%;\n        width: 35px;\n        height: 35px;\n        cursor: pointer;\n        font-size: 14px;\n        transition: background-color 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .pause-button:hover {\n        background-color: #ff8200;\n    }\n    .pause-button.paused {\n        background-color: #ff8200;\n    }\n    .pause-button.paused:hover {\n        background-color: #ff8200;\n    }\n    .pause-button .play-icon {\n        display: none;\n    }\n    .pause-button.paused .play-icon {\n        display: inline;\n    }\n    .pause-button .pause-icon {\n        display: inline;\n    }\n    .pause-button.paused .pause-icon {\n        display: none;\n    }\n@media screen and (min-width: 962px) {\n    .tabs-images.autoplay .nav-item.active .nav-link::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background-color: #ff8200;\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 5s linear;\n    }\n    .tabs-images.autoplay .nav-item.active.nav-link.active::after {\n        transform: scaleX(1);\n    }\n    .tabs-images.autoplay .nav-item.active .timer-fill-container {\n        position: relative;\n        width: 100%;\n        height: 2px;\n        background-color: #eee;\n        transition: all 0.5s;\n    }\n    .tabs-images.autoplay .nav-item.active .timer-fill {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        background-color: #ff8200;\n        transition: all 0.5s;\n        animation: fill 8s linear forwards;\n        box-shadow: 0 1px 20px var(--orange);\n    }\n    .tabs-images.autoplay.paused .nav-item.active .timer-fill {\n        animation-play-state: paused;\n    }\n    @keyframes fill {\n        to {\n            width: 100%;\n        }\n    }\n}\n@media screen and (max-width: 961px) {\n    .tabs-images.autoplay .timer-fill, .tabs-images.autoplay .timer-fill-container, .tabs-images.autoplay .nav-item.active .timer-fill {\n        display: none;\n        height: 0px;\n        opacity: 0;\n        visibility: hidden;\n    }\n}\n<\/style>\n<section id=\"tabs-images-block_59955d4a5b5f68f3fc58d91cf6cc4905\" class=\"tabs-images position-relative section-pt dark has-numbers autoplay  row justify-content-between  section-pb\">\n        <div class=\"blur blur-orange-gradient-60\"><\/div>\n        <div class=\"tab-p py-1 col-12 rounded col-md-6\">\n            \n\n<h2 class=\"wp-block-heading tabs-images__headline\"><br>Der zentrale Ort f\u00fcr alle, die t\u00e4glich mit Medien und Produktdaten arbeiten<br><br><\/h2>\n\n\n\n<p><\/p>\n\n\n                                <ul class=\"nav nav-tabs\" id=\"myTabs\">\n                                            <li class=\"nav-item position-relative\">\n                            <a class=\"nav-link\" id=\"tabs-1\" data-bs-toggle=\"tab\" href=\"#tabs-1\">\n                                \n                                                            <div class=\"number number-left-aligend\">\n                                1                                <\/div>\n                                                            <h3 class=\"h5\">Alles an einem Ort. Immer aktuell.<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Alle Bilder, Videos und Produktinformationen sind zentral gespeichert und f\u00fcr alle Teams sofort verf\u00fcgbar. Statt Daten in verschiedenen Systemen zu suchen, findest du alles in Sekunden wieder.<\/p>\n<\/div>\n                        <\/li>\n                                                <li class=\"nav-item position-relative\">\n                            <a class=\"nav-link\" id=\"tabs-2\" data-bs-toggle=\"tab\" href=\"#tabs-2\">\n                                \n                                                            <div class=\"number number-left-aligend\">\n                                2                                <\/div>\n                                                            <h3 class=\"h5\">Komplexe Daten einfach verwalten<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Ob verschiedene Sprachen, Produktvarianten oder zusammengeh\u00f6rige Artikel. Du kannst deine Daten flexibel strukturieren und pflegen, ohne den \u00dcberblick zu verlieren.<\/p>\n<\/div>\n                        <\/li>\n                                                <li class=\"nav-item position-relative\">\n                            <a class=\"nav-link\" id=\"tabs-3\" data-bs-toggle=\"tab\" href=\"#tabs-3\">\n                                \n                                                            <div class=\"number number-left-aligend\">\n                                3                                <\/div>\n                                                            <h3 class=\"h5\">Inhalte in allen Kan\u00e4len nutzen<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Nutze deine Medien und Produktdaten \u00fcberall dort, wo du sie brauchst. Auf deiner Website, im Shop oder in anderen Systemen. So bleiben Inhalte konsistent und Fehler werden reduziert.<\/p>\n<\/div>\n                        <\/li>\n                                            <\/ul>\n                                    <\/div>\n                \n            <div class=\"tab-content tabs-images-content rounded col-12 col-md-6 tab-p p-0 overflow-hidden glass-without-padding\">\n                                    <button class=\"pause-button\" id=\"pauseTabs\">\n                        <span class=\"pause-icon\">\u23f8<\/span>\n                        <span class=\"play-icon\">\u25b6<\/span>\n                    <\/button>\n                                \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: top left;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/suchfunktion-mit-vielen-filtern.png\" alt=\"Mit den Filtern des 4ALLPORTAL DAM kommst du noch schneller ans Ziel\" \/>\n                        \n                                                                            <div class=\"timer-container\">\n                                <svg width=\"35\" height=\"35\">\n                                    <circle cx=\"15\" cy=\"15\" r=\"12\" stroke=\"#FF8200\" stroke-width=\"3\" fill=\"none\" class=\"timer\"><\/circle>\n                                <\/svg>\n                            <\/div>\n                                            <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-2\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: left center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/produkt-workflows-abbilden.png\" alt=\"Bilde deine individuellen Produktworkflows ab\" \/>\n                        \n                                                                            <div class=\"timer-container\">\n                                <svg width=\"35\" height=\"35\">\n                                    <circle cx=\"15\" cy=\"15\" r=\"12\" stroke=\"#FF8200\" stroke-width=\"3\" fill=\"none\" class=\"timer\"><\/circle>\n                                <\/svg>\n                            <\/div>\n                                            <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-3\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: top left;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/print-automation-fuer-magazine.png\" alt=\"Nutze unsere Integrationen f\u00fcr starke Print Automationen\" \/>\n                        \n                                                                            <div class=\"timer-container\">\n                                <svg width=\"35\" height=\"35\">\n                                    <circle cx=\"15\" cy=\"15\" r=\"12\" stroke=\"#FF8200\" stroke-width=\"3\" fill=\"none\" class=\"timer\"><\/circle>\n                                <\/svg>\n                            <\/div>\n                                            <\/div>\n                   \n                            <\/div>\n                 <\/section>\n\n<script>\n\n\n                        \ndocument.addEventListener('DOMContentLoaded', function () {\n        var tabsContainers = document.querySelectorAll('.tabs-images');\n\n        tabsContainers.forEach(function (container) {\n            \/\/ Setze den ersten Tab als aktiv\n            var firstNavLink = container.querySelector('.tabs-images .nav-tabs .nav-link:first-child');\n            if (firstNavLink) {\n                firstNavLink.classList.add('active');\n            }\n\n            \/\/ Setze den ersten Tab als aktiv\n            var firstNavItem = container.querySelector('.tabs-images .nav-tabs .nav-item:first-child');\n            if (firstNavItem) {\n                firstNavItem.classList.add('active');\n            }\n\n            \/\/ Zeige den Inhalt des ersten Tabs\n            var firstTabPane = container.querySelector('.tabs-images-content .tab-images-tab-pannel:first-child');\n            if (firstTabPane) {\n                firstTabPane.classList.add('show', 'active');\n            }\n        });  \n    });\n\n    document.addEventListener('DOMContentLoaded', function () {\n      var tabsContainers = document.querySelectorAll('.tabs-images');\n\n      tabsContainers.forEach(function (container) {\n        var navLinks = container.querySelectorAll('.tabs-images .nav-link');\n        var tabPanes = container.querySelectorAll('.tab-images-tab-pannel');\n\n        navLinks.forEach(function (link, index) {\n          link.addEventListener('click', function (event) {\n            event.preventDefault();\n\n            \/\/ Entferne die Klasse \"active\" von allen Links und ihren Elternelementen\n            navLinks.forEach(function (otherLink) {\n              otherLink.classList.remove('active');\n              var parentNavItem = otherLink.closest('.tabs-images .nav-item');\n              if (parentNavItem) {\n                parentNavItem.classList.remove('active');\n              }\n            });\n\n            \/\/ F\u00fcge die Klasse \"active\" zum angeklickten Link und seinem Elternelement hinzu\n            link.classList.toggle('active');\n            var parentNavItem = link.closest('.tabs-images .nav-item');\n            if (parentNavItem) {\n              parentNavItem.classList.toggle('active');\n            }\n\n            \/\/ Entferne die Klassen \"show\" und \"active\" von allen Panes\n            tabPanes.forEach(function (pane) {\n              pane.classList.remove('show', 'active');\n            });\n\n            \/\/ F\u00fcge die Klassen \"show\" und \"active\" zum entsprechenden Pane hinzu\n            tabPanes[index].classList.toggle('show');\n            tabPanes[index].classList.toggle('active');\n          });\n        });\n      });\n    });\n    \n\n\n    document.addEventListener('DOMContentLoaded', function () {\n        var tabsContainers = document.querySelectorAll('.tabs-images');\n        tabsContainers.forEach(function (container) {\n            var navLinks = container.querySelectorAll('.tabs-images .nav-link');\n            var tabPanes = container.querySelectorAll('.tab-images-tab-pannel');\n            var pauseBtn = container.querySelector('#pauseTabs');\n            var currentIndex = 0;\n            var timer;\n            var paused = false;\n\n            function switchTab(index) {\n                \/\/ Pause and reset all videos\n                tabPanes.forEach(function (pane) {\n                    var video = pane.querySelector('video');\n                    if (video) {\n                        video.pause();\n                        video.currentTime = 0;\n                    }\n                });\n                \n                navLinks.forEach(function (link) {\n                    link.classList.remove('active');\n                    var parentNavItem = link.closest('.tabs-images .nav-item');\n                    if (parentNavItem) {\n                        parentNavItem.classList.remove('active');\n                    }\n                });\n                tabPanes.forEach(function (pane) {\n                    pane.classList.remove('show', 'active');\n                });\n                \n                var activeLink = navLinks[index];\n                var activePane = tabPanes[index];\n                \n                if (activeLink) activeLink.classList.add('active');\n                if (activeLink?.closest('.tabs-images .nav-item')) {\n                    activeLink.closest('.tabs-images .nav-item').classList.add('active');\n                }\n                if (activePane) {\n                    activePane.classList.add('show', 'active');\n                    var currentVideo = activePane.querySelector('video');\n                    if (currentVideo && !paused) {\n                        currentVideo.play();\n                    }\n                }\n            }\n\n            function nextTab() {\n                if (!paused) {\n                    currentIndex = (currentIndex + 1) % navLinks.length;\n                    switchTab(currentIndex);\n                    startTimer();\n                }\n            }\n\n            function startTimer() {\n    clearTimeout(timer);\n\n    if (paused) return;\n\n    var activePane = tabPanes[currentIndex];\n    var duration = activePane.getAttribute('data-duration');\n    var delay = 8000; \/\/ Fallback auf 8 Sekunden\n\n    if (duration && !isNaN(duration) && duration > 0) {\n        delay = duration * 1000;\n    }\n\n    \/\/ Timer-Animation neu setzen\n    var timerCircle = activePane.querySelector('.timer');\n    if (timerCircle) {\n        timerCircle.style.animation = 'none'; \/\/ Reset Animation\n        \/\/ Trigger Reflow, um Animation zur\u00fcckzusetzen\n        void timerCircle.offsetWidth;\n        timerCircle.style.animation = `timer ${delay \/ 1000}s linear forwards`;\n    }\n\n    timer = setTimeout(nextTab, delay);\n}\n\n\n            function pauseAllVideos() {\n                tabPanes.forEach(function(pane) {\n                    var video = pane.querySelector('video');\n                    if (video) {\n                        video.pause();\n                    }\n                });\n            }\n\n            function resumeCurrentVideo() {\n                var activePane = tabPanes[currentIndex];\n                var video = activePane.querySelector('video');\n                if (video) {\n                    video.play();\n                }\n            }\n\n            \/\/ Initialize first tab\n            switchTab(currentIndex);\n            startTimer();\n\n            \/\/ Handle manual tab clicks\n            navLinks.forEach(function (link, index) {\n                link.addEventListener('click', function (event) {\n                    event.preventDefault();\n                    clearTimeout(timer);\n                    currentIndex = index;\n\n                    \/\/ Autoplay fortsetzen, falls pausiert wurde\n                    if (paused) {\n                        paused = false;\n                        if (pauseBtn) {\n                            pauseBtn.classList.remove('paused');\n                        }\n                        container.classList.remove('paused');\n                    }\n\n                    switchTab(currentIndex);\n                    startTimer();\n                });\n\n            });\n\n            \/\/ Handle pause button\n            if (pauseBtn) {\n                pauseBtn.addEventListener('click', function () {\n                    paused = !paused;\n                    pauseBtn.classList.toggle('paused', paused);\n                    container.classList.toggle('paused', paused);\n                    \n                    if (paused) {\n                        clearTimeout(timer);\n                        pauseAllVideos();\n                    } else {\n                        resumeCurrentVideo();\n                        startTimer();\n                    }\n                });\n            }\n        });\n    });\n<\/script>\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #trust-badges-slider-block_d15019c8431f70c991d1f27db89b4b67 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #trust-badges-slider-block_d15019c8431f70c991d1f27db89b4b67 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<style>\n  .trust-badges-slider img {\n    max-height: 130px;\n    width: 100%;\n    object-fit: contain;\n  }\n  .trust-badges-slider li {\n    flex-basis: 25%;\n  }\n  .trust-badges-slider .badges {\n    flex: 1;\n  }\n  .trust-badges-slide h3 {\n    color: green;\n  }\n  .trust-badges-slider .wp-block-buttons {\n    padding-bottom: 0;\n  }\n\n  @media screen and (max-width: 768px) {\n    .trust-badges-container {\n      background: var(--darkgrey);\n      padding: 3rem;\n      border-radius: 8px;\n    }\n    .trust-badges-container .mt {\n      margin-top: 2rem;\n    }\n    .trust-badges-container .wp-block-buttons {\n      padding-top: 2rem;\n      padding-bottom: 0 !important;\n    }\n    .trust-badges-container .wp-block-buttons {\n      align-items: center;\n      display: block;\n    }\n  }\n\n  @media screen and (max-width: 991px) {\n  .trust-badges-container .row {\n    flex-direction: column-reverse;\n  }\n  .trust-badges-container .text-container {\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  .trust-badges-container .text-container .wp-block-buttons {\n    display: block;\n  }\n}\n\n<\/style>\n\n<section id=\"trust-badges-slider-block_d15019c8431f70c991d1f27db89b4b67\" class=\"trust-badges-slider | section-pt section-pb\">\n    <div class=\"container container--medium p-0\">\n        <div class=\"trust-badges-container\">\n        <div class=\"row\">\n\n                          <div class=\"col-lg-8 col-12 mt-sm-2 mt-md-2\">\n                                    <ul class=\"list-unstyled badges d-flex align-items-center justify-content-arround  gap-2\">\n                                            <li><img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/omr-reviews-badge-digital-asset-management-2026-1.svg\" alt=\"\" style=\"max-height:  130px;\"><\/li>\n                                                <li><img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/omr-reviews-badge-pim-watchlist-2026-1.svg\" alt=\"\" style=\"max-height:  130px;\"><\/li>\n                                                <li><img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/omr-reviews-badge-top-100-tools-in-dach-2026.svg\" alt=\"\" style=\"max-height:  130px;\"><\/li>\n                                                <li><img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/trusted_award_best_mam-1.png\" alt=\"\" style=\"max-height:  130px;\"><\/li>\n                                                <li><img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/crozdesk-happiest-users-badge.1.webp\" alt=\"\" style=\"max-height:  130px;\"><\/li>\n                                            <\/ul>\n                                <\/div>\n              <div class=\"col-1 d-none d-lg-block\"><\/div>\n              <div class=\"text-container col-lg-3 col-12 d-flex justify-content-end flex-column mt mb-2 mb-md-0\">\n\n                  \n\n<h2 class=\"wp-block-heading tabs-images__headline\">Warum 4ALLPORTAL<\/h2>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #variable-btn-block_8885e669a7b2df3c9f50969ead829312 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #variable-btn-block_8885e669a7b2df3c9f50969ead829312 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<style>\n    .variable-btn.aligncenter {\n        display: flex;\n        justify-content: center;\n    }\n<\/style>\n<div id=\"variable-btn-block_8885e669a7b2df3c9f50969ead829312\" class=\"variable-btn buttons\">\n    <div class=\"d-flex\">\n        <a href=\"\/de\/why-4allportal\"\n           target=\"\"\n           rel=\"noopener\"\n           class=\"btn btn--primary\">\n            Entdecke warum        <\/a>\n    <\/div>\n<\/div>\n\n\n\n              <\/div>\n            \n        <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\n<section id=\"cta-banner-block_42e34888cafef56465e9a6b5a5cbc729\" class=\"cta-banner dark picture d-flex section-pt section-pb align-items-center position-relative\" style=\"min-height: 35rem; overflow: hidden;\">\n\n  \n<style>\n@media screen and (min-width: 391px) {\n  #cta-banner-block_42e34888cafef56465e9a6b5a5cbc729 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #cta-banner-block_42e34888cafef56465e9a6b5a5cbc729 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n  <style>\n  .overlay__img--frame {\n    position: absolute;\n    z-index: -1;\n    overflow: hidden;\n    opacity: 0.1;\n    width: 100%;\n  }\n  <\/style>\n\n  \n<div class=\"container rounded position-relative glass p-0\">\n  <div class=\"blur blur-orange-gradient-60\"><\/div>  \n  <div class=\"row\">\n    <article class=\"col-12 col-lg-6 d-inline-flex justify-content-center flex-column\">\n        <div class=\"inner p-4\">\n        \n\n<p class=\"has-text-align-left preheadline\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">KI, die deine Content-Prozesse automatisiert<\/mark><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Von der Suche bis zum fertigen Produkttext<\/h2>\n\n\n\n<p class=\"has-text-align-left mt-2\">Finde Bilder und Inhalte sofort, verschlagworte Assets automatisch, erkenne Dubletten und erstelle Produkttexte sowie \u00dcbersetzungen. Reduziere manuelle Arbeit und halte deine Daten in DAM und PIM konsistent.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/ki-features-dam-pim\">KI-Funktionen entdecken<\/a><\/div>\n<\/div>\n\n\n        <\/div>\n    <\/article>\n    <div class=\"col-12 col-lg-6\">\n                <div class=\"cta-banner__picture__img--frame\">\n          <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/KI-Tagging-1.webp\" class=\"call-to-action__img o-fit--cover o-position--top-left\" alt=\"KI-Tagging mit dem smarten 4ALLPORTAL DAM\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/KI-Tagging-1.webp 800w, https:\/\/4allportal.com\/wp-content\/uploads\/KI-Tagging-1-300x300.webp 300w, https:\/\/4allportal.com\/wp-content\/uploads\/KI-Tagging-1-150x150.webp 150w, https:\/\/4allportal.com\/wp-content\/uploads\/KI-Tagging-1-768x768.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" title=\"\" \/>        <\/div>\n            <\/div>\n  <\/div>\n<\/div><\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #teaser-target-groups-block_f60da02a00730858f56efd241b562af9 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #teaser-target-groups-block_f60da02a00730858f56efd241b562af9 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n\n<section id=\"teaser-target-groups-block_f60da02a00730858f56efd241b562af9\" class=\"teaser-target-groups | section-pt section-pb\">\n    <div class=\"blur blur-orange-gradient\"><\/div>\n    <div class=\"container\">\n        <div class=\"w-100 w-lg-75\">\n            <h2>Struktur f\u00fcr Medien und Produktdaten. Mehr Produktivit\u00e4t im Team.<\/h2>\n        <\/div>\n        <div class=\"row py-5\">\n            <div class=\"col-lg-5 col-12\">\n                                    <div thumbsSlider=\"\" class=\"swiper thumbSwiper\">\n                        <div class=\"swiper-wrapper\">\n                                                            <div class=\"swiper-slide\">\n                                                                            <img decoding=\"async\" class=\"not-lazyloaded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/person-2.jpg\" alt=\"\" \/>\n                                                                    <\/div>\n                                                            <div class=\"swiper-slide\">\n                                                                            <img decoding=\"async\" class=\"not-lazyloaded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/person-1.jpg\" alt=\"\" \/>\n                                                                    <\/div>\n                                                            <div class=\"swiper-slide\">\n                                                                            <img decoding=\"async\" class=\"not-lazyloaded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/person-3.jpg\" alt=\"\" \/>\n                                                                    <\/div>\n                                                    <\/div>\n                        <div class=\"swiper--navigation\">\n                            <div class=\"swiper-button-prev material-symbols-outlined\"><\/div>\n                            <div class=\"swiper-button-next material-symbols-outlined\"><\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"col-lg-7 col-12 mt-4 mt-lg-0\">\n                <div style=\"--swiper-navigation-color: #fff; --swiper-pagination-color: #fff\" class=\"swiper swiperContent\">\n                    <div class=\"swiper-wrapper\">\n                                                                                    <div class=\"swiper-slide\">\n                                    <article class=\"content\">\n                                        <h3>Marketing Manager<\/h3>\n                                        <p class=\"p1\">Schluss mit der Suche in Ordnern. Finde Stockfotos, Produktbilder und Grafiken in Sekunden mit smarten Filtern. Wandle Dateien direkt ins passende Format um und nutze sie sofort in deinen Kan\u00e4len.<\/p>\n\n                                                                                    <a class=\"primary-link\" href=\"https:\/\/4allportal.com\/de\/loesungen\/user\/marketing-manager-und-sales-manager\" target=\"_self\">Entdecke alle Marketer &amp; Sales L\u00f6sungen<\/a>\n                                                                            <\/article>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <article class=\"content\">\n                                        <h3>Produktmanager<\/h3>\n                                        <p class=\"p1\">Keine endlosen Excel-Listen und manuelle Datenpflege mehr. Verwalte alle Produktdaten, \u00dcbersetzungen und Assets an einem Ort, behalte die Kontrolle \u00fcber Berechtigungen und reduziere Fehler \u00fcber dein gesamtes Produktsortiment hinweg.<\/p>\n\n                                                                                    <a class=\"primary-link\" href=\"https:\/\/4allportal.com\/de\/loesungen\/user\/produktmanager\" target=\"_self\">Entdecke alle L\u00f6sungen f\u00fcr Produktmanager<\/a>\n                                                                            <\/article>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <article class=\"content\">\n                                        <h3>IT-Leiter und Entwickler<\/h3>\n                                        <p class=\"p1\">Reduziere manuelle Prozesse und behalte die volle Kontrolle \u00fcber deine Daten und Systeme. Automatisiere Workflows, steuere Zugriffe und Freigaben zentral und minimiere Compliance-Risiken. Ob Cloud oder On-Premises, deine Infrastruktur bleibt sicher, skalierbar und unter deiner Kontrolle.<\/p>\n\n                                                                                    <a class=\"primary-link\" href=\"\/de\/loesungen\/user\/it-leiter-und-entwickler\" target=\"_self\">Entdecke L\u00f6sungen f\u00fcr IT-Manager<\/a>\n                                                                            <\/article>\n                                <\/div>\n                                                                        <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n        var swiper = new Swiper(\".thumbSwiper\", {\n            spaceBetween: 10,\n            slidesPerView: 4,\n            freeMode: true,\n            watchSlidesProgress: true,\n            autoplay: {\n                delay: 6500,\n                disableOnInteraction: false,\n            },\n        });\n    \n        var swiper2 = new Swiper(\".swiperContent\", {\n            spaceBetween: 10,\n            navigation: {\n                nextEl: \".swiper-button-next\",\n                prevEl: \".swiper-button-prev\",\n            },\n            thumbs: {\n                swiper: swiper,\n            },\n            autoplay: {\n                delay: 6500,\n                disableOnInteraction: false,\n            },\n        });\n    \n        \/\/ Pausiere Autoplay beim Hovern f\u00fcr swiper\n        swiper.el.addEventListener('mouseenter', () => {\n            swiper.autoplay.stop();\n        });\n        swiper.el.addEventListener('mouseleave', () => {\n            swiper.autoplay.start();\n        });\n    \n        \/\/ Pausiere Autoplay beim Hovern f\u00fcr swiper2\n        swiper2.el.addEventListener('mouseenter', () => {\n            swiper2.autoplay.stop();\n        });\n        swiper2.el.addEventListener('mouseleave', () => {\n            swiper2.autoplay.start();\n        });\n    <\/script>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #teaser-industries-block_0290b04ec40931e5a7d3247f126ca92a {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #teaser-industries-block_0290b04ec40931e5a7d3247f126ca92a {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<section class=\"teaser-industry layout-dark position-relative section-pb\">\n<div class=\"blur blur-grey-gradient-60\"><\/div>\n    <div class=\"container position-relative\">\n       <article class=\"mb-2\">\n            \n\n<p class=\"preheadline\">F\u00fcr Alle Branchen<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left h1\">L\u00f6sungen f\u00fcr jeden Use Case<\/h2>\n\n\n       <\/article>\n\n       \n<ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\n            <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link active\" \n                    id=\"tab-3662-tab\" \n                    data-bs-toggle=\"tab\"\n                    data-bs-target=\"#tab-3662\" \n                    type=\"button\" role=\"tab\"\n                    aria-controls=\"tab-3662\" \n                    aria-selected=\"true\">\n\n                                    <span class=\"material-symbols-outlined\"> factory <\/span>                \n                Hersteller            <\/button>\n        <\/li>\n            <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link \" \n                    id=\"tab-3956-tab\" \n                    data-bs-toggle=\"tab\"\n                    data-bs-target=\"#tab-3956\" \n                    type=\"button\" role=\"tab\"\n                    aria-controls=\"tab-3956\" \n                    aria-selected=\"false\">\n\n                                    <span class=\"material-symbols-outlined\"> storefront <\/span>                \n                Einzelhandel            <\/button>\n        <\/li>\n            <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link \" \n                    id=\"tab-3959-tab\" \n                    data-bs-toggle=\"tab\"\n                    data-bs-target=\"#tab-3959\" \n                    type=\"button\" role=\"tab\"\n                    aria-controls=\"tab-3959\" \n                    aria-selected=\"false\">\n\n                                    <span class=\"material-symbols-outlined\"> movie <\/span>                \n                Medien &amp; Entertainment            <\/button>\n        <\/li>\n            <li class=\"nav-item\" role=\"presentation\">\n            <button class=\"nav-link \" \n                    id=\"tab-15540-tab\" \n                    data-bs-toggle=\"tab\"\n                    data-bs-target=\"#tab-15540\" \n                    type=\"button\" role=\"tab\"\n                    aria-controls=\"tab-15540\" \n                    aria-selected=\"false\">\n\n                                    <span class=\"material-symbols-outlined\"> shopping_cart <\/span>                \n                E-Commerce            <\/button>\n        <\/li>\n    <\/ul>\n\n    <div class=\"tab-content rounded glass p-0\" id=\"myTabContent\">\n                    <div class=\"tab-pane fade show active\" \n                 id=\"tab-3662\" \n                 role=\"tabpanel\" \n                 aria-labelledby=\"tab-3662-tab\">\n                <div class=\"row flex-column-reverse flex-lg-row\">\n                    <div class=\"col-12 col-lg-6 d-flex align-items-center\">\n                        <div class=\"inner\">\n                            <h3>Hersteller<\/h3>\n                            <p>Verwalte Produktdaten, technische Informationen und Medien zentral und stelle sicher, dass alle Teams mit dem gleichen aktuellen Stand arbeiten \u2013 unabh\u00e4ngig davon, welche Produkte du herstellst.<\/p>\n\n                                                            <ul class=\"list with-check-icon\">\n                                                                            <li>Zentrale Verwaltung von Produktdaten, technischen Dokumenten und Medien<\/li>\n                                                                            <li>Schnellere Markteinf\u00fchrung durch automatisierte Prozesse und klare Workflows<\/li>\n                                                                            <li>Konsistente Ausspielung von Produktinformationen \u00fcber alle Kan\u00e4le und M\u00e4rkte hinweg<\/li>\n                                                                    <\/ul>\n                            \n                            <div class=\"buttons\">\n                                <a class=\"btn btn--secondary\"\n                                   href=\"https:\/\/4allportal.com\/de\/branchen\/pim-und-dam-fuer-hersteller\">\n                                    Alle Branchenfunktionen entdecken                                <\/a>\n                            <\/div> \n                        <\/div>\n                    <\/div>\n                    <div class=\"col-12 col-lg-6\">\n                        <div class=\"img-container position-relative\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1600\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/branche-hersteller.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Find the perfect DAM as a Manufacturer\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/branche-hersteller.jpg 1600w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-hersteller-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-hersteller-1024x1024.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-hersteller-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-hersteller-768x768.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-hersteller-1536x1536.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" title=\"\" \/>                            \n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"tab-pane fade \" \n                 id=\"tab-3956\" \n                 role=\"tabpanel\" \n                 aria-labelledby=\"tab-3956-tab\">\n                <div class=\"row flex-column-reverse flex-lg-row\">\n                    <div class=\"col-12 col-lg-6 d-flex align-items-center\">\n                        <div class=\"inner\">\n                            <h3>Einzelhandel<\/h3>\n                            <p><span class=\"NormalTextRun SCXW244246490 BCX0\">Optimiere und aktualisiere Produktkataloge s\u00e4mtlicher Marken f\u00fcr alle Vertriebsregionen an einem Ort. Durch die zentrale Organisation von Produktfotos, Verpackungsdesigns und<\/span><span class=\"NormalTextRun SCXW244246490 BCX0\"> Marketingmaterialien wird der Zugriff und die globale Verteilung von Produktinformationen <\/span><span class=\"NormalTextRun SCXW244246490 BCX0\">drastisch vereinfacht, was sich wiederum positiv auf die <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW244246490 BCX0\">Product<\/span><span class=\"NormalTextRun SCXW244246490 BCX0\"> Experience<\/span><span class=\"NormalTextRun SCXW244246490 BCX0\"> im Omnichannel Commerce auswirkt.<\/span><span class=\"NormalTextRun SCXW244246490 BCX0\">\u00a0<\/span><\/p>\n\n                                                            <ul class=\"list with-check-icon\">\n                                                                            <li>Zentralisierte Produktdatenverwaltung  <\/li>\n                                                                            <li>Konsistente Produktdarstellung \u00fcber alle Kan\u00e4le<\/li>\n                                                                            <li>Optimierte Kundenerlebnisse<\/li>\n                                                                    <\/ul>\n                            \n                            <div class=\"buttons\">\n                                <a class=\"btn btn--secondary\"\n                                   href=\"https:\/\/4allportal.com\/de\/branchen\/pim-und-dam-fuer-einzelhandel\">\n                                    Alle Branchenfunktionen entdecken                                <\/a>\n                            <\/div> \n                        <\/div>\n                    <\/div>\n                    <div class=\"col-12 col-lg-6\">\n                        <div class=\"img-container position-relative\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1600\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/branche-einzelhandel.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Kombiniere dein Einzelhandel Business mit der richtigen DAM Software\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/branche-einzelhandel.jpg 1600w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-einzelhandel-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-einzelhandel-1024x1024.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-einzelhandel-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-einzelhandel-768x768.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-einzelhandel-1536x1536.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" title=\"\" \/>                            \n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"tab-pane fade \" \n                 id=\"tab-3959\" \n                 role=\"tabpanel\" \n                 aria-labelledby=\"tab-3959-tab\">\n                <div class=\"row flex-column-reverse flex-lg-row\">\n                    <div class=\"col-12 col-lg-6 d-flex align-items-center\">\n                        <div class=\"inner\">\n                            <h3>Medien &amp; Entertainment<\/h3>\n                            <p>Verwalte gro\u00dfe Mengen an Medien und Inhalten zentral und stelle schnellen Zugriff, klare Rechte und eine konsistente Nutzung \u00fcber alle Teams und Kan\u00e4le sicher.<\/p>\n\n                                                            <ul class=\"list with-check-icon\">\n                                                                            <li>Zentrale Verwaltung von Bildern, Videos und kreativen Inhalten<\/li>\n                                                                            <li>Konsistente Ausspielung \u00fcber Plattformen, Produktionen und Kampagnen<\/li>\n                                                                            <li>Effiziente Zusammenarbeit in dynamischen kreativen Prozessen<\/li>\n                                                                    <\/ul>\n                            \n                            <div class=\"buttons\">\n                                <a class=\"btn btn--secondary\"\n                                   href=\"https:\/\/4allportal.com\/de\/branchen\/pim-und-dam-fuer-medien-und-entertainment\">\n                                    Alle Branchenfunktionen entdecken                                <\/a>\n                            <\/div> \n                        <\/div>\n                    <\/div>\n                    <div class=\"col-12 col-lg-6\">\n                        <div class=\"img-container position-relative\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/branche-medien-und-entertainment.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Die passende DAM Software f\u00fcr die Branche Medien und Entertainment\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/branche-medien-und-entertainment.jpg 800w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-medien-und-entertainment-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-medien-und-entertainment-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/branche-medien-und-entertainment-768x768.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" title=\"\" \/>                            \n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"tab-pane fade \" \n                 id=\"tab-15540\" \n                 role=\"tabpanel\" \n                 aria-labelledby=\"tab-15540-tab\">\n                <div class=\"row flex-column-reverse flex-lg-row\">\n                    <div class=\"col-12 col-lg-6 d-flex align-items-center\">\n                        <div class=\"inner\">\n                            <h3>E-Commerce<\/h3>\n                            <p>Verwalte alle produktbezogenen Daten zentral und stelle sicher, dass sie automatisch korrekt und konsistent in allen Kan\u00e4len ausgespielt werden. So reduzierst du manuellen Aufwand, vermeidest Fehler und bringst Produkte schneller in den Verkauf.<\/p>\n\n                                                            <ul class=\"list with-check-icon\">\n                                                                            <li>Zentrale und konsistente Produktdatenverwaltung<\/li>\n                                                                            <li>Automatisierte Ausspielung \u00fcber alle Kan\u00e4le und M\u00e4rkte<\/li>\n                                                                            <li>H\u00f6here Conversion durch vollst\u00e4ndige und korrekte Daten<\/li>\n                                                                    <\/ul>\n                            \n                            <div class=\"buttons\">\n                                <a class=\"btn btn--secondary\"\n                                   href=\"https:\/\/4allportal.com\/de\/branchen\/pim-und-dam-fuer-e-commerce\">\n                                    Alle Branchenfunktionen entdecken                                <\/a>\n                            <\/div> \n                        <\/div>\n                    <\/div>\n                    <div class=\"col-12 col-lg-6\">\n                        <div class=\"img-container position-relative\">\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1600\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-e-commerce.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"DAM f\u00fcr E-Commerce Branche\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-e-commerce.jpg 1600w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-e-commerce-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-e-commerce-1024x1024.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-e-commerce-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-e-commerce-768x768.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-e-commerce-1536x1536.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" title=\"\" \/>                            \n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n                        <a class=\"to-overview-page primary-link\" href=\"https:\/\/4allportal.com\/de\/branchen\" target=\"_self\">Alle Branchen anzeigen<\/a>\n            \n    <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #testimonial-slider-block_a57aa00c3eed2355996b480feb1e24be {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #testimonial-slider-block_a57aa00c3eed2355996b480feb1e24be {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"1804\" \n         class=\"container testimonial-slider | position-relative section-pt section-pb unset\"\n         aria-label=\"Kundenstimmen\">\n\n  <div class=\"blur blur-orange-gradient-60\" aria-hidden=\"true\"><\/div>  \n  \n  <div class=\"testimonial-slider-container position-relative\">\n    <div class=\"row align-items-center\" style=\"width: 100%;\">\n      \n      <div class=\"col-12 col-lg-3\" style=\"flex: 0 0 auto;\">\n        \n\n<p class=\"preheadline\">Das sagen unsere Kunden<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Erfahrungen, die f\u00fcr sich sprechen<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/success-stories\">Alle Success Stories lesen<\/a><\/div>\n<\/div>\n\n\n        <div class=\"swiper--navigation\" aria-label=\"Slider Navigation\">\n          <button class=\"swiper-button-prev\" aria-label=\"Vorheriges Testimonial\"><\/button>\n          <button class=\"swiper-button-next\" aria-label=\"N\u00e4chstes Testimonial\"><\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"col-12 col-lg-9\">\n        <div class=\"swiper-container overflow-hidden\">\n          <div class=\"swiper testimonial-slider-design-two\"\n               role=\"region\" \n               aria-label=\"Testimonial Slider\">\n            \n            <div class=\"swiper-wrapper\">\n              \n              \n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/warner-bros-logo-white.svg\" \n                               alt=\"Warner Bros. Discovery\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/warner-bros-discovery\">\n                        <p>Die Integration von 4ALLPORTAL in unsere Programmplanung spart 30 % Zeit im Bilddatenmanagement und bedeutet einen Quantensprung f\u00fcr unsere Workflows.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                <p>\n                          <b>Matthias Wiediger<\/b><br>\n                          Projektmanager                                                      <br><a href=\"\/de\/success-stories\/warner-bros-discovery\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bofrost-logo-white.svg\" \n                               alt=\"bofrost*\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/bofrost\">\n                        <p>Wir haben 21 PIM-Module realisiert und Kernprozesse optimiert. \u00dcber 130.000 Assets, 400 Markenbilder und 4.500 Rezepte stehen produktbezogen  jederzeit zur Verf\u00fcgung.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                  <img decoding=\"async\" class=\"mr-2\" \n                               src=\"https:\/\/4allportal.com\/wp-content\/uploads\/Thomas_2-scaled-e1714997663759-150x144.jpg\" \n                               alt=\"bofrost* Projektmanager Thomas Borkowski\"\n                               loading=\"lazy\"\n                               width=\"60\"\n                               height=\"60\">\n                                                <p>\n                          <b>Thomas Borkowski<\/b><br>\n                          Projektmanager                                                      <br><a href=\"\/de\/success-stories\/bofrost\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/teekanne-logo-white.svg\" \n                               alt=\"Teekanne GmbH &amp; Co. KG \"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/teekanne\">\n                        <p>Die ordnerbasierte Verschlagwortung erleichtert die Suche enorm, da Informationen nicht manuell gepflegt werden m\u00fcssen \u2013 ein gro\u00dfer Vorteil bei vielen Bilddaten.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                <p>\n                          <b>Pascal Panzer<\/b><br>\n                          Corporate Process Manager &amp; Leiter SAP                                                       <br><a href=\"\/de\/success-stories\/teekanne\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/CEWE_logo_white.svg\" \n                               alt=\"Cewe\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/cewe\">\n                        <p>Mit 4ALLPORTAL nutzen wir Synergien optimal: Alle CEWE-Standorte arbeiten mit dem DAM. K\u00fcnftig sollen auch Drittsysteme Bilder direkt aus 4ALLPORTAL beziehen.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                  <img decoding=\"async\" class=\"mr-2\" \n                               src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dominic-brenzinski-cewe-mediaassets.1-150x150.jpg\" \n                               alt=\"\"\n                               loading=\"lazy\"\n                               width=\"60\"\n                               height=\"60\">\n                                                <p>\n                          <b>Dominic Brezinski<\/b><br>\n                          Leiter CEWE MediaAssets                                                      <br><a href=\"\/de\/success-stories\/cewe\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/hermann-ultraschall-logo-white.svg\" \n                               alt=\"Herrmann Ultraschalltechnik GmbH &amp; Co. KG\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/success-stories\/manufacturers\/herrmann-ultraschalltechnik\">\n                        <p>Die Single Source of Truth vereinfacht die Kollaboration, spart Zeit, sichert aktuelle Daten, verbessert Transparenz, Effizienz und unterst\u00fctzt mit granularer Suche und Freigabeworkflows.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                <p>\n                          <b>Christoph Schlittenhardt<\/b><br>\n                          Content Marketer                                                      <br><a href=\"\/success-stories\/manufacturers\/herrmann-ultraschalltechnik\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/hunkeler-logo-white.png\" \n                               alt=\"Hunkeler\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/hunkeler\">\n                        <p>Die Zusammenarbeit mit 4ALLPORTAL ist reibungslos, das System schnell in Nutzung. Dank intuitiver Bedienung sparen wir 50 % Zeit bei der Asset-Suche. Ein schneller ROI!<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                <p>\n                          <b>Matthias Annaheim<\/b><br>\n                          Digital Marketing Manager                                                      <br><a href=\"\/de\/success-stories\/hunkeler\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/rheinhessen-touristik-white.svg\" \n                               alt=\"Rheinhessen-Touristik GmbH\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"https:\/\/4allportal.com\/de\/success-stories\/rheinhessen-touristik\">\n                        <p>Mit der neuen Uploaderfunktion k\u00f6nnen wir jetzt Inhalte unserer Partnerst\u00fctzpunkte ganz unkompliziert in unser System integrieren \u2013 ein echter Gamechanger f\u00fcr unsere Zusammenarbeit.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                  <img decoding=\"async\" class=\"mr-2\" \n                               src=\"https:\/\/4allportal.com\/wp-content\/uploads\/silas-150x115.jpg\" \n                               alt=\"\"\n                               loading=\"lazy\"\n                               width=\"60\"\n                               height=\"60\">\n                                                <p>\n                          <b>Silas Landeck<\/b><br>\n                          Onlinemarketing-Manager                                                      <br><a href=\"https:\/\/4allportal.com\/de\/success-stories\/rheinhessen-touristik\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/reddot-logo-white.png\" \n                               alt=\"Red Dot Design\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/red-dot-design-award\">\n                        <p>Kurz gesagt hat uns die Modularit\u00e4t und Skalierbarkeit \u00fcberzeugt, mit der man im System arbeiten kann.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                  <img decoding=\"async\" class=\"mr-2\" \n                               src=\"https:\/\/4allportal.com\/wp-content\/uploads\/siegfried_schneider-1-150x100.jpg\" \n                               alt=\"Siegfried Schneider | Red Dot Design\"\n                               loading=\"lazy\"\n                               width=\"60\"\n                               height=\"60\">\n                                                <p>\n                          <b>Siegfried Schneider<\/b><br>\n                          CMO                                                      <br><a href=\"\/de\/success-stories\/red-dot-design-award\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/schindler-logo-white.svg\" \n                               alt=\"Schindler\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/schindler-ag\">\n                        <p>Wir suchten ein schnelles DAM mit Indesign-Anbindung und ohne User-Lizenzen \u2013 und fanden es mit 4ALLPORTAL. Auch der pers\u00f6nliche Kontakt und Support sind \u00fcberzeugend.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                <p>\n                          <b>Sven Feurer<\/b><br>\n                          Brand Manager                                                      <br><a href=\"\/de\/success-stories\/schindler-ag\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                                \n              \n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script type=\"text\/javascript\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/js\/swiper-bundle.min.js\"><\/script>\n\n<!-- <script>\n  var swiper = new Swiper(\".testimonial-slider-design-two\", {\n    navigation: {\n        nextEl: \".testimonial-slider .swiper-button-next\",\n        prevEl: \".testimonial-slider .swiper-button-prev\",\n      },\n    breakpoints: {\n        640: {\n          slidesPerView: 1,\n          spaceBetween: 30,\n          gap: 30,\n        },\n        1024: {\n          slidesPerView: 2,\n          spaceBetween: 30,\n          gap: 30,\n        },\n    },\n  });\n<\/script> -->\n<script>\ndocument.querySelectorAll(\".testimonial-slider-design-two\").forEach(function(el) {\n  new Swiper(el, {\n    navigation: {\n      nextEl: el.closest(\".testimonial-slider\").querySelector(\".swiper-button-next\"),\n      prevEl: el.closest(\".testimonial-slider\").querySelector(\".swiper-button-prev\"),\n    },\n    breakpoints: {\n      640: { slidesPerView: 1, spaceBetween: 30 },\n      1024: { slidesPerView: 2, spaceBetween: 30 },\n    },\n  });\n});\n<\/script>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #demo-footer-cta-block_cd77afd93cec19568064c22a64d09e92 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_cd77afd93cec19568064c22a64d09e92 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<style>\n    .demo-footer-cta {\n        color: #FFF;\n        border-bottom: 1px solid #707070;\n        padding-top: 90px !important;\n        padding-bottom: 0 !important;\n        background: rgb(49,49,49);\n        background: -moz-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: -webkit-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#313131\",endColorstr=\"#000000\",GradientType=1);\n    }\n    .demo-footer-cta .preheadline {\n        color: #ff8200 !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a {\n        border: 1px solid #FFF !important;\n        color: #FFF !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a:hover {\n        border: 1px solid var(--orange) !important;\n        color: var(--orange) !important;\n    }\n\n    .demo-footer-cta.dark h2,\n    .demo-footer-cta.dark h3,\n    .demo-footer-cta.dark p,\n    body .body-container.light .demo-footer-cta.dark h2,\n    body .body-container.light .demo-footer-cta.dark h3,\n    body .body-container.light .demo-footer-cta.dark p {\n        color: var(--white) !important;\n    }\n    .body-container.dark .demo-footer-cta {\n        background: none;\n    }\n    .demo-footer-cta h2 {\n        color: #FFF;\n        font-weight: 500;\n    }\n    .demo-footer-cta-screenshot {\n        width: 100%;\n        position: relative;\n        display: flex;\n        align-items: end;\n    }\n    .demo-footer-cta-screenshot > img {\n        width: 100%;\n        height: auto;\n        display: block;\n        opacity: 0.85;\n        padding-right: 5rem;\n        padding-left: 5rem;\n    }\n    .demo-footer-cta .list-block ul {\n        margin: 2rem 0 0 0;\n        display: flex;\n        justify-content: space-around !important;\n    }\n    .demo-footer-cta .wp-block-buttons {\n        margin: 3rem 0 3rem 0;\n    }\n    @media screen and (min-width: 1434px) {\n        .container-parallax {\n            width: 1434px;\n            margin: auto;\n        }\n    }\n    @media screen and (max-width: 1433px) {\n        .container-parallax {\n            width: 100%;\n            padding: 0 5%;\n            margin: auto;\n        }\n    }\n    \n    @media screen and (min-width: 768px) {\n        .demo-footer-cta-screenshot {\n            min-height: 45vh;\n        }\n        .parallax-layer {\n            position: absolute;\n        }\n        .parallax-layer > img {\n            width: 100%; \n            height: auto; \n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(60px);\n            transition: 0.6s ease-in;\n        }\n        .parallax-layer.active > img {\n            width: 100%; \n            height: auto; \n            opacity: 1;\n            visibility: visible;\n            transform: translateY(10px);\n            transition: 0.6s ease-in-out;\n        }\n        #layer1 {\n            width: 230px;\n            height: auto;\n            right: 0;\n            top: 20%;\n            border-radius: 8px;\n        }\n        #layer2 {\n            width: 200px;\n            left: 0;\n            top: 25%;\n            border-radius: 8px;\n        }\n        #layer3 {\n            width: 240px;\n            right: 40%;\n            top: 40%;\n            border-radius: 8px;\n        }\n    }\n    @media screen and (max-width: 768px) {\n        .parallax-layer {\n            display: none;\n        }\n        .demo-footer-cta .list-block ul {\n            flex-wrap: wrap;\n        }\n    }\n    @media screen and (max-width: 576px) {\n        .demo-footer-cta .list-block ul{\n            display: block;\n            text-align: center;\n        }\n        .demo-footer-cta ul.list-block__list li {\n            padding: 5rem 0 0 0;\n            display: block;\n            margin-bottom: 2.5rem;\n        }\n        .demo-footer-cta ul.list-block__list li::before {\n            left: 0;\n            top: 1.25rem;\n            right: 0;\n            margin: auto;\n        }\n        .demo-footer-cta-screenshot > img {\n            padding-right: 1.5rem;\n            padding-left: 1.5rem;\n        }\n    }\n<\/style>\n\n<section id=\"demo-footer-cta-block_cd77afd93cec19568064c22a64d09e92\" class=\"demo-footer-cta | dark\">\n    <div class=\"container-parallax px-0\">\n           <div class=\"container\">\n           \n\n<p class=\"has-text-align-center preheadline has-orange-color has-text-color\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">Produkttour<\/mark><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center h2\">Erlebe 4ALLPORTAL im Sneak Peek<\/h2>\n\n\n\n<div id=\"list-block-block_8da9ca1dc183d4283a7e0da93378310b\" class=\"list-block | w-100 d-grid mt-0\" style=\"grid-template-columns: repeat(1, 1fr); column-gap: 4rem;\">\n\n<style>\n  #list-block-block_8da9ca1dc183d4283a7e0da93378310b .list-block__list li {\n    color: white;\n  }\n\n  #list-block-block_8da9ca1dc183d4283a7e0da93378310b ul.list-block__list li::before {\n    background-image: url(\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/list-check-white.svg\") !important;\n  }\n\n  @media screen (max-width:992px) {\n      .content-wrapper .wp-container-3,.content-wrapper .wp-block-columns {\n          gap:0 !important\n      }\n      .content-wrapper #list-block-block_8da9ca1dc183d4283a7e0da93378310b, .content-wrapper .wp-block-columns #list-block-block_8da9ca1dc183d4283a7e0da93378310b{\n          padding-right:0;\n      }\n  }\n  <\/style>\n  \n\n<ul class=\"wp-block-list list-block__list\">\n<li>Erkunde die 4ALLPORTAL Systemoberfl\u00e4che&nbsp;<\/li>\n\n\n\n<li>Beispiele f\u00fcr verschiedene Branchen<\/li>\n\n\n\n<li>Einblicke in Third-Party Intergrationen<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/de\/tour\/dam-und-pim\">Produkttour starten<\/a><\/div>\n<\/div>\n\n\n           <\/div>\n        <div class=\"container-fluid\">\n            <div class=\"demo-footer-cta-screenshot parallax-container\">\n                <!-- <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\"> -->\n\n                                        <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\">\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer1\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-1.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer2\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-2.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer3\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-3.png\" alt=\"\"><\/div>\n                                        \n            <\/div>\n        <\/div>\n    <\/div> \n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n    var buttonLink = document.querySelector('.demo-footer-cta .wp-block-button__link');\n    var parallaxLayers = document.querySelectorAll('.parallax-layer');\n\n    buttonLink.addEventListener('mouseover', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.add('active');\n        });\n    });\n\n    buttonLink.addEventListener('mouseout', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.remove('active');\n        });\n    });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Trusted by 100.000+ users<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"product_categories":[],"customer_stage":[521],"class_list":["post-1804","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/1804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/comments?post=1804"}],"version-history":[{"count":3,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/1804\/revisions"}],"predecessor-version":[{"id":42413,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/1804\/revisions\/42413"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=1804"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/tags?post=1804"},{"taxonomy":"product_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/product_categories?post=1804"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=1804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}