{"id":42810,"date":"2026-05-21T14:29:46","date_gmt":"2026-05-21T14:29:46","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?post_type=solutions&#038;p=42810"},"modified":"2026-06-30T15:06:26","modified_gmt":"2026-06-30T15:06:26","slug":"produktmanager","status":"publish","type":"solutions","link":"https:\/\/4allportal.com\/de\/loesungen\/user\/produktmanager","title":{"rendered":"Produktmanager"},"content":{"rendered":"\n<style>\n@media screen and (min-width: 391px) {\n  #hero-block_5cf69348b5da413d10245cf06fc34614 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #hero-block_5cf69348b5da413d10245cf06fc34614 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<style>\n\n\np:first-of-type + h1 {\n  margin: 0 !important;\n}\np.hero__headline {\n  font-size: 1.4rem;\n  text-transform: uppercase;\n  margin: 0 !important;\n}\n\n.hero_background>svg {\n  position:absolute;\n    bottom:0;\n}\n\n<\/style>\n\n\n<section id=\"hero-block_5cf69348b5da413d10245cf06fc34614\" class=\"hero | position-relative section-pt section-pb\"\n  style=\" overflow: hidden;  background: #ffffff  \">\n\n  <div class=\"hero_background | position-absolute top-0 end-0 bottom-0 start-0\"\n    style=\"\">\n      <\/div>\n\n\n  <div class=\"container position-relative\">\n    \n\n<div class=\"row g-3\">\n  <div class=\"hero_content | col-12 col-xl-6 d-flex flex-column justify-content-center pe-xxl-8\">\n    <div>\n      \n\n<h1 class=\"wp-block-heading preheadline\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">PIM &amp; DAM f\u00fcr PRoduktmanager<\/mark><\/h1>\n\n\n\n<h2 class=\"wp-block-heading h1 has-dark-grey-color has-text-color\">Schluss mit Excel-Chaos und verteilten Produktdaten<\/h2>\n\n\n\n<p class=\"has-text-align-left hero__text mt-2 has-dark-grey-color has-text-color\">Zentralisiere deine Produktinformationen in einem System und bringe neue Produkte schneller auf den Markt \u2013 ohne manuelle Umwege. Verwalte Varianten, Bundles und mehrsprachige Inhalte strukturiert und halte deine Daten \u00fcber alle Kan\u00e4le hinweg konsistent.<\/p>\n\n\n\n<div class=\"wp-block-buttons has-light-bg 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\/demo-anfrage\" style=\"border-radius:35px\">Demo buchen<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#start\" style=\"border-radius:35px\">Mehr erfahren<\/a><\/div>\n<\/div>\n\n\n    <\/div>\n\n      <\/div>\n\n\n    <div class=\"hero_img | rounded col-12 col-xl-6 d-flex align-items-center  justify-content-start justify-content-xl-end mt-2 mt-xxl-0 gap-3\">\n    <img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"541\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/vorteile-eines-dam-systems-fuer-produktmanager-768x541.jpg\" class=\"o-fit--contain not-lazyloaded rounded\" alt=\"Mit der HIlfe eines DAM Systems arbeitest du als Produktmanager noch effektiver\" loading=\"eager\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/vorteile-eines-dam-systems-fuer-produktmanager-768x541.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/vorteile-eines-dam-systems-fuer-produktmanager-300x212.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/vorteile-eines-dam-systems-fuer-produktmanager-1024x722.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/vorteile-eines-dam-systems-fuer-produktmanager-150x106.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/vorteile-eines-dam-systems-fuer-produktmanager-1536x1083.jpg 1536w, https:\/\/4allportal.com\/wp-content\/uploads\/vorteile-eines-dam-systems-fuer-produktmanager.jpg 1600w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\" \/>\n      <\/div>\n  <\/div>  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #customer-logo-bar-block_489a2627b9d77b19c5f667e99f6af9b5 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #customer-logo-bar-block_489a2627b9d77b19c5f667e99f6af9b5 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"customer-logo-bar-block_489a2627b9d77b19c5f667e99f6af9b5\" 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  \">\n                            <li class=\"col img-counter-1\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/Phoenix_Contact_Logo.png\" alt=\"Phoenic Contact\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-2\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bofrost-e1707125810736.png\" alt=\"bofrost*\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-3\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/teekanne-logo.svg\" alt=\"Teekanne\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-4\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/warner-bros-discovery-logo.svg\" alt=\"Warner Bros. Discovery\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-5\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/BOMAG_201x_logo.svg\" alt=\"BOMAG\" \/>\n                                    <\/li>\n                        <\/ul>\n            <\/div>\n<\/section>\n\n\n<section id=\"start\" class=\"content-wrapper position-relative\"\n  style=\"background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #start {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #start {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<section id=\"content-wrapper-block_58d1800b1dd70d0f6fed732ae233fd02\" 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_58d1800b1dd70d0f6fed732ae233fd02 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_58d1800b1dd70d0f6fed732ae233fd02 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container--small px-0\">\n    \n        \n\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color\">Zentrale Produktdaten statt Excel-Chaos und Abstimmungen<\/h2>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">Arbeite mit einer gemeinsamen Datenbasis f\u00fcr alle Produktinformationen und bringe neue Produkte schneller auf den Markt \u2013 ohne manuelle Umwege und verteilte Systeme.<\/p>\n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #content-squares-block_919f08b5be15058cda7697bad2c5c845 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-squares-block_919f08b5be15058cda7697bad2c5c845 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"content-squares-block_919f08b5be15058cda7697bad2c5c845\" class=\"content-squares content_large layout_dark | py-4 text-center\">\n  <div class=\"container\">\n    <div class=\"row row-flex flex-md-wrap g-0\">\n    \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/nutze-tools-fuer-produktmanager.svg\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Produktplanung\u202f<\/h3>\n                <p>Plane neue Produkte nicht mehr in Excel, E-Mails und verschiedenen Tools. Arbeite in einem zentralen System, in dem alle Informationen, Varianten und Inhalte zusammenlaufen.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/approval-workflows-with-software.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Schnelle Abstimmung<\/h3>\n                <p>Keine wochenlangen E-Mail-Ketten und kein Hinterherlaufen f\u00fcr Freigaben mehr. Klare Workflows sorgen daf\u00fcr, dass Produkte schneller gepr\u00fcft und freigegeben werden.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/rechte-von-nutzern-verwalten.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Klare Zugriffskontrolle<\/h3>\n                <p>Steuere genau, wer auf welche Produktdaten zugreifen und sie bearbeiten darf \u2013 auch \u00fcber Teams, Standorte und externe Partner hinweg.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/gewaehre-zugriff-auf-deine-produkte-mit-erp-systemen.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Direkte Anbindung an ERP-Systeme<\/h3>\n                <p>Nutze bestehende Daten aus ERP-Systemen wie SAP direkt, statt sie manuell zu \u00fcbertragen oder doppelt zu pflegen.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n    \n\n      \n    <\/div>\n<\/section>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_0076a294a866b4bd330bd1376c3ab859\" 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_0076a294a866b4bd330bd1376c3ab859 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_0076a294a866b4bd330bd1376c3ab859 {\n    padding-top: 100px;\n    padding-bottom: 100px;\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_e948d5ea36723cad48ed0a6ae1f6ed60 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_e948d5ea36723cad48ed0a6ae1f6ed60 {\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_e948d5ea36723cad48ed0a6ae1f6ed60\" class=\"tabs-images position-relative section-pt light-orange   row justify-content-between flex-row-reverse  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\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-darkest-grey-color\">Konsistente und vollst\u00e4ndige Produktdaten statt Datenchaos<\/mark><\/h2>\n\n\n\n<p>Schaffe eine zentrale Datenbasis, in der alle Produktinformationen zusammenlaufen und jederzeit aktuell und verl\u00e4sslich sind.<\/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                                                            <h3 class=\"h5\">Zentrale Datenbasis<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Speichere Produktdaten, Medien und \u00dcbersetzungen nicht mehr in verschiedenen Systemen, sondern an einem Ort \u2013 strukturiert und jederzeit verf\u00fcgbar.<\/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                                                            <h3 class=\"h5\">Ein vollst\u00e4ndiger Datensatz f\u00fcr jedes Produkt<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">F\u00fchre alle Informationen zu einem zentralen Datensatz zusammen und vermeide Duplikate, Inkonsistenzen und veraltete Inhalte.<\/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                                                            <h3 class=\"h5\">Klare Zugriffskontrolle<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Steuere genau, wer Daten sehen, bearbeiten oder freigeben darf \u2013 bis auf Ebene einzelner Felder und \u00fcber alle Teams hinweg.<\/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                                \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: left center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/zentrale-datenspeicherung-mit-product-information-management.jpg\" alt=\"Mit einem Product Information Management speicherst du alle Daten zentral\" \/>\n                        \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: top left;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/vorteile-von-product-information-management-fuer-e-commerce-1.png\" alt=\"Entdecke alle Vorteile von Product Information Management f\u00fcr die Branche E-Commerce\" \/>\n                        \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 center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/rollen-und-benutzerrechte-1.png\" alt=\"Manage alle Rollen- und Rechte in dieser \u00dcbersicht\" \/>\n                        \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<\/script>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_7af88c121bf332fe8abffa8d62b27543 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_7af88c121bf332fe8abffa8d62b27543 {\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_7af88c121bf332fe8abffa8d62b27543\" class=\"tabs-images position-relative section-pt light-orange   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\">Weniger manuelle Arbeit, mehr Zeit f\u00fcr das Wesentliche<\/h2>\n\n\n\n<p>Reduziere den Aufwand f\u00fcr wiederkehrende Aufgaben und Abstimmungen. Automatisiere Prozesse und entlaste deine Teams im Alltag.<\/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                                                            <h3 class=\"h5\">Schneller zum Ziel<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Finde Dateien und Produktinformationen sofort, statt lange zu suchen. Pflege Daten zentral und vermeide doppelte Arbeit.<\/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                                                            <h3 class=\"h5\">Weniger Abstimmungsaufwand<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Beende E-Mail-Ketten und manuelle Freigaben. Klare Workflows sorgen daf\u00fcr, dass Feedback schneller umgesetzt und Produkte schneller freigegeben werden.<\/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                                                            <h3 class=\"h5\">Skalierbar mit deinem Unternehmen<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Passe das System an neue Anforderungen an und nutze es standort\u00fcbergreifend \u2013 ohne zus\u00e4tzliche Komplexit\u00e4t.<\/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                                \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: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-und-pim-in-einer-software-1.png\" alt=\"DAM und PIM in einer Software\" \/>\n                        \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: top left;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/aufgaben-erstellen-am-asset.png\" alt=\"Stimme dich schneller und besser in deinem Team ab\" \/>\n                        \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\/skaliere-dein-4allportal.png\" alt=\"Skaliere dein 4ALLPORTAL mit dem Erweitern von Modulen\" \/>\n                        \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<\/script>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_37464e8d511dfbcb5c22a643332e50d0 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_37464e8d511dfbcb5c22a643332e50d0 {\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_37464e8d511dfbcb5c22a643332e50d0\" class=\"tabs-images position-relative section-pt light-orange   row justify-content-between flex-row-reverse  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\">Alle Kan\u00e4le aus einer zentralen Datenbasis bedienen<\/h2>\n\n\n\n<p>Spiele Produktdaten, Medien und Inhalte automatisch in alle relevanten Kan\u00e4le aus \u2013 ohne manuelle Anpassungen.<\/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                                                            <h3 class=\"h5\">Direkte Anbindung an Shop und CMS<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Ver\u00f6ffentliche Produkte inklusive Bilder, Datenbl\u00e4tter und Beschreibungen in einem Schritt \u2013 ohne doppelte Pflege.<\/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                                                            <h3 class=\"h5\">Automatisierte Datenbl\u00e4tter<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Erstelle Datenbl\u00e4tter direkt aus deinen Produktdaten, statt sie manuell zu pflegen oder neu zu gestalten.<\/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                                                            <h3 class=\"h5\">Skalierbare Katalogproduktion<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Erstelle mehrsprachige Kataloge und Printmaterialien auf Basis deiner Daten \u2013 auch bei komplexen Anforderungen.<\/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                                \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: bottom left;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/seo-ready-images-marketing-automation.png\" alt=\"Bilder f\u00fcr SEO automatisieren\" \/>\n                        \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: top left;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/automatisches-generieren-von-datenblaettern.png\" alt=\"Automatisches generieren\" \/>\n                        \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 center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/automatische-katalog-erstellung.png\" alt=\"Katalogerstellung mit Easycatalog oder priint:suite\" \/>\n                        \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<\/script>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_f8fa7c2801bd0a361adc35f02c1639fc\" class=\"content-wrapper position-relative\"\n  style=\"background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #content-wrapper-block_f8fa7c2801bd0a361adc35f02c1639fc {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_f8fa7c2801bd0a361adc35f02c1639fc {\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  #testimonial-slider-block_91fbce7a8e44be23443e23d797a6cde1 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #testimonial-slider-block_91fbce7a8e44be23443e23d797a6cde1 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"testimonial-slider-42810\" \n         class=\"container testimonial-slider | position-relative section-pt section-pb dark\"\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\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">KUNDENSTIMMEN<\/mark><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color\">Das begeistert <br>Top Brands an ALLPORTAL<\/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\/reviews\/\">Alle Reviews<\/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                      <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\/Phoenix_Contact_Logo_white.png\" \n                     alt=\"Ph\u00f6nix Contact GmbH &amp; Co. KG\"\n                     loading=\"lazy\">\n                          <\/div>\n\n            <blockquote cite=\"https:\/\/4allportal.com\/de\/success-stories\/phoenix-contact\">\n              <p>Mit 4ALLPORTAL sehen wir alle Dokumente und Sprachversionen auf einen Blick. Das spart Zeit und reduziert Abstimmungen erheblich.<\/p>\n            <\/blockquote>\n\n            <figcaption class=\"d-flex author\">\n                            <p>\n                <b>Barbara Brand<\/b><br>\n                Administration und Application Owner                                  <br><a href=\"https:\/\/4allportal.com\/de\/success-stories\/phoenix-contact\" class=\"primary-link\">Erfolgsgeschichte lesen<\/a>\n                              <\/p>\n            <\/figcaption>\n\n          <\/figure>\n        <\/div>\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\" class=\"primary-link\">Erfolgsgeschichte lesen<\/a>\n                              <\/p>\n            <\/figcaption>\n\n          <\/figure>\n        <\/div>\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 haben wir uns f\u00fcr die Zukunft bestens aufgestellt: Das Rechtemanagement f\u00fcr Stockfotos, Eigenkreationen und Partnerfotos ist jetzt optimal gel\u00f6st.<\/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=\"Dominic Brezinski\"\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\" class=\"primary-link\">Erfolgsgeschichte lesen<\/a>\n                              <\/p>\n            <\/figcaption>\n\n          <\/figure>\n        <\/div>\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\" class=\"primary-link\">Erfolgsgeschichte lesen<\/a>\n                              <\/p>\n            <\/figcaption>\n\n          <\/figure>\n        <\/div>\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\" class=\"primary-link\">Erfolgsgeschichte lesen<\/a>\n                              <\/p>\n            <\/figcaption>\n\n          <\/figure>\n        <\/div>\n        \n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  document.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});\n<\/script>\n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #accordion-block_c0214768ef0abf9183df462969ab73e9 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #accordion-block_c0214768ef0abf9183df462969ab73e9 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<section id=\"accordion-block_c0214768ef0abf9183df462969ab73e9\" class=\"faq accordion light section-pt section-pb\">\n        <div class=\"container\">\n        <div class=\"d-grid\">\n          <div>\n              \n\n<p class=\"has-text-align-left preheadline\">FAQ<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufig gestellte Fragen<\/h2>\n\n\n          <\/div>\n          <div>\n                  <div class=\"accordion row col-12 mx-auto\" id=\"accordion-block_c0214768ef0abf9183df462969ab73e9_block\">\n        <div class=\"accordion-item px-0\">\n      <h3 class=\"accordion-header\" id=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-1\">\n        <button\n          class=\"accordion-button collapsed h3 h4 w-100 py-2 d-flex justify-content-between align-items-center\"\n          type=\"button\"\n          data-bs-toggle=\"collapse\"\n          data-bs-target=\"#accordion-block_c0214768ef0abf9183df462969ab73e9colapse-1\"\n          aria-expanded=\"false\"\n          aria-controls=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-1\">\n          Wie konsolidiert ein Product Manager Produktdaten aus ERP, Excel und Lieferantensystemen?        <\/button>\n      <\/h3>\n      <div \n        id=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-1\" \n        class=\"accordion-collapse collapse \"\n        data-bs-parent=\"#accordion-block_c0214768ef0abf9183df462969ab73e9_block\"\n        aria-labelledby=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-1\">\n        <div class=\"accordion-body\">\n          <p>4ALLPORTAL PIM \u00fcbernimmt ERP-Daten automatisch, gleicht Lieferantendaten ab und verwaltet Varianten, \u00dcbersetzungen und kanalspezifische Ausspielung in einem System. medizinfuchs konsolidiert \u00fcber 350.000 Produkte von mehr als 200 Versandapotheken in 4ALLPORTAL.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\"accordion-item px-0\">\n      <h3 class=\"accordion-header\" id=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-2\">\n        <button\n          class=\"accordion-button collapsed h3 h4 w-100 py-2 d-flex justify-content-between align-items-center\"\n          type=\"button\"\n          data-bs-toggle=\"collapse\"\n          data-bs-target=\"#accordion-block_c0214768ef0abf9183df462969ab73e9colapse-2\"\n          aria-expanded=\"false\"\n          aria-controls=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-2\">\n          Wie hilft 4ALLPORTAL bei der Arbeit mit Lieferantendaten?        <\/button>\n      <\/h3>\n      <div \n        id=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-2\" \n        class=\"accordion-collapse collapse \"\n        data-bs-parent=\"#accordion-block_c0214768ef0abf9183df462969ab73e9_block\"\n        aria-labelledby=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-2\">\n        <div class=\"accordion-body\">\n          <p>4ALLPORTAL normalisiert Lieferantendaten automatisch, identifiziert Dubletten und reichert mit internen Standards an. medizinfuchs verbessert damit die Datenqualit\u00e4t von \u00fcber 350.000 Produkten \u2013 mit weniger Aufwand als zuvor.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\"accordion-item px-0\">\n      <h3 class=\"accordion-header\" id=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-3\">\n        <button\n          class=\"accordion-button collapsed h3 h4 w-100 py-2 d-flex justify-content-between align-items-center\"\n          type=\"button\"\n          data-bs-toggle=\"collapse\"\n          data-bs-target=\"#accordion-block_c0214768ef0abf9183df462969ab73e9colapse-3\"\n          aria-expanded=\"false\"\n          aria-controls=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-3\">\n          Wie verwaltet 4ALLPORTAL komplexe Produktvarianten?        <\/button>\n      <\/h3>\n      <div \n        id=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-3\" \n        class=\"accordion-collapse collapse \"\n        data-bs-parent=\"#accordion-block_c0214768ef0abf9183df462969ab73e9_block\"\n        aria-labelledby=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-3\">\n        <div class=\"accordion-body\">\n          <p>Wenn neue Produktkategorien entstehen, wartet ihr bei den meisten Systemen auf Entwicklerkapazit\u00e4ten. In 4ALLPORTAL konfiguriert ihr neue Strukturen selbst: Varianten, Bundles, Zubeh\u00f6rbeziehungen \u2013 ohne Programmieraufwand, ohne Ticket-Backlog. Das System w\u00e4chst mit euren Produktanforderungen mit. bofrost* hat 21 PIM-Module selbst konfiguriert \u2013 f\u00fcr 4.500 Rezepte, 400 Markenbilder und 11 L\u00e4nder.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\"accordion-item px-0\">\n      <h3 class=\"accordion-header\" id=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-4\">\n        <button\n          class=\"accordion-button collapsed h3 h4 w-100 py-2 d-flex justify-content-between align-items-center\"\n          type=\"button\"\n          data-bs-toggle=\"collapse\"\n          data-bs-target=\"#accordion-block_c0214768ef0abf9183df462969ab73e9colapse-4\"\n          aria-expanded=\"false\"\n          aria-controls=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-4\">\n          Wie unterst\u00fctzt 4ALLPORTAL den Digitalen Produktpass (DPP) ab 2027?        <\/button>\n      <\/h3>\n      <div \n        id=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-4\" \n        class=\"accordion-collapse collapse \"\n        data-bs-parent=\"#accordion-block_c0214768ef0abf9183df462969ab73e9_block\"\n        aria-labelledby=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-4\">\n        <div class=\"accordion-body\">\n          <p>4ALLPORTAL stellt die datenstrukturelle Grundlage bereit: zentrale Produktdatenverwaltung, Versionierung und API-gest\u00fctzte Weiterleitung.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\"accordion-item px-0\">\n      <h3 class=\"accordion-header\" id=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-5\">\n        <button\n          class=\"accordion-button collapsed h3 h4 w-100 py-2 d-flex justify-content-between align-items-center\"\n          type=\"button\"\n          data-bs-toggle=\"collapse\"\n          data-bs-target=\"#accordion-block_c0214768ef0abf9183df462969ab73e9colapse-5\"\n          aria-expanded=\"false\"\n          aria-controls=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-5\">\n          Kann 4ALLPORTAL KI f\u00fcr die Produktdaten-Anreicherung nutzen?        <\/button>\n      <\/h3>\n      <div \n        id=\"accordion-block_c0214768ef0abf9183df462969ab73e9colapse-5\" \n        class=\"accordion-collapse collapse \"\n        data-bs-parent=\"#accordion-block_c0214768ef0abf9183df462969ab73e9_block\"\n        aria-labelledby=\"accordion-block_c0214768ef0abf9183df462969ab73e9accordion-heading-5\">\n        <div class=\"accordion-body\">\n          <p>Ja, integrierte KI f\u00fcr automatisches Tagging, Textgenerierung aus Produktattributen und KI-gest\u00fctzte \u00dcbersetzung.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n      <\/div>\n          <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #demo-footer-cta-block_64cace11484698fe655fffd7d78c030c {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_64cace11484698fe655fffd7d78c030c {\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_64cace11484698fe655fffd7d78c030c\" class=\"demo-footer-cta | dark\">\n    <div class=\"container-parallax px-0\">\n           <div class=\"container\">\n           \n\n<h2 class=\"wp-block-heading has-text-align-center\">Erkunde die Plattform selbst oder erhalte eine individuelle Demo<\/h2>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color\">Starte eine interaktive Produkttour und klicke dich selbst durch das System oder buche eine pers\u00f6nliche Demo, um zu sehen, wie 4ALLPORTAL zu eurem Setup und euren Prozessen passt.<\/p>\n\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 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/de\/tour\/dam-und-pim\">Produkttour starten<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/demo-anfrage\">Individuelle Demo erhalten<\/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":"","protected":false},"author":3,"featured_media":0,"parent":42772,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"solutions_categories":[],"product_categories":[433,505],"customer_stage":[450],"persona_categories":[],"class_list":["post-42810","solutions","type-solutions","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/solutions"}],"author":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":2,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42810\/revisions"}],"predecessor-version":[{"id":43738,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42810\/revisions\/43738"}],"up":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42772"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=42810"}],"wp:term":[{"taxonomy":"solutions_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions_categories?post=42810"},{"taxonomy":"product_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/product_categories?post=42810"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=42810"},{"taxonomy":"persona_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/persona_categories?post=42810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}