{"id":4206,"date":"2022-09-08T15:53:36","date_gmt":"2022-09-08T15:53:36","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?page_id=4206"},"modified":"2026-08-17T11:55:39","modified_gmt":"2026-08-17T11:55:39","slug":"ueber-uns","status":"publish","type":"page","link":"https:\/\/4allportal.com\/de\/ueber-uns","title":{"rendered":"Allgemein: \u00dcber uns"},"content":{"rendered":"\n<section id=\"content-wrapper-block_1996cee1e0b9f73d364d19c30509c81e\" 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_1996cee1e0b9f73d364d19c30509c81e {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_1996cee1e0b9f73d364d19c30509c81e {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0 position-relative\" style=\"z-index: 2;\">\n    \n        \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading preheadline\">\u00fcber 4allportal<\/h1>\n\n\n\n<h2 class=\"wp-block-heading h1 has-white-color has-text-color\">Software f\u00fcr Unternehmen mit komplexen Daten<\/h2>\n\n\n\n<p class=\"has-white-color has-text-color\">Wir sind ein Softwareunternehmen aus Deutschland und entwickeln seit \u00fcber 20 Jahren L\u00f6sungen f\u00fcr Unternehmen, die ihre Daten strukturiert verwalten und nutzen wollen. Von der zentralen Organisation von Medien bis hin zur Verwaltung komplexer, globaler Produkt- und Stammdaten \u00fcber alle Systeme hinweg. Unsere Plattform wird in langfristigen und anspruchsvollen Projekten erfolgreich eingesetzt.<\/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 is-style-fill\"><a class=\"wp-block-button__link has-white-color has-orange-background-color has-text-color has-background wp-element-button\" href=\"#start\" style=\"border-radius:35px\">Lerne uns kennen<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/gebaeude-4allportal-edited-2-1024x1024.jpg\" alt=\"4ALLPORTAL Geb\u00e4ude\" class=\"wp-image-25220\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/gebaeude-4allportal-edited-2-1024x1024.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/gebaeude-4allportal-edited-2-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/gebaeude-4allportal-edited-2-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/gebaeude-4allportal-edited-2-768x767.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/gebaeude-4allportal-edited-2.jpg 1202w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n  <\/div>\n<\/section>\n\n\n<section id=\"start\" class=\"content-wrapper position-relative\"\n  style=\" padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #start {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #start {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0 position-relative\" style=\"z-index: 2;\">\n    \n        \n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #text-image-block_da1768e7c262909a07318791ab10a41e {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #text-image-block_da1768e7c262909a07318791ab10a41e {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<style>\n\tsection {\n\t\toverflow-x: inherit !important;\n\t}\nsection.text-image {\n    \/*padding-top: 3.5rem !important;*\/\n    \/*padding-top: 4rem !important;*\/\n  overflow-x: visible !important;\n}\n\n.text-image__text--container *+p {\n  margin-top: 2.25rem;\n}\n\n.text-image .card-container__headline{\n    margin-bottom:20px;\n    word-break: break-word;\n}\n@media (min-width: 768px) {\n  .text-image {\n    \/*padding-top: 9rem !important;*\/\n  }\n}\n<\/style>\n\n<section id=\"text-image-block_da1768e7c262909a07318791ab10a41e\" class=\"text-image text-image-block_da1768e7c262909a07318791ab10a41e\">\n  <div class=\"standard | container w-100 gap-1\">\n\n  <div class=\"row px-lg-1 flex-row\">\n\n        <div class=\"text-image__img--frame | position-relative col-12 col-lg-6 p-0 d-flex justify-content-\">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"774\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/kunden-4allportal-1-768x774.jpg\" class=\"text-image__img o-fit--cover o-position--center w-100\" alt=\"\" style=\"height:auto;\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/kunden-4allportal-1-768x774.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/kunden-4allportal-1-298x300.jpg 298w, https:\/\/4allportal.com\/wp-content\/uploads\/kunden-4allportal-1-1016x1024.jpg 1016w, https:\/\/4allportal.com\/wp-content\/uploads\/kunden-4allportal-1-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/kunden-4allportal-1-1524x1536.jpg 1524w, https:\/\/4allportal.com\/wp-content\/uploads\/kunden-4allportal-1.jpg 1588w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" title=\"\">\n       \n          <\/div>\n\n    <div\n      class=\"text-image__text--container | mt-2 mt-lg-0 col-12 col-lg-6 d-flex flex-column justify-content-center\">\n        <div class=\"px-0 ps-lg-6 \">\n      \n\n<h2 class=\"wp-block-heading\">\u00dcber 20 Jahre Erfahrung mit Datenprojekten<\/h2>\n\n\n\n<p>Seit 2001 begleiten wir Unternehmen dabei, ihre Produkt-, Medien- und Stammdaten strukturiert zu verwalten und \u00fcber Systeme hinweg nutzbar zu machen. 4ALLPORTAL wird heute von Unternehmen weltweit eingesetzt \u2013 von mittelst\u00e4ndischen Teams bis hin zu internationalen Organisationen mit komplexen, globalen Datenstrukturen.<\/p>\n\n\n        <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/section>\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #text-image-screenshot-block_802b8119d8784116b248b2ee89059cc2 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #text-image-screenshot-block_802b8119d8784116b248b2ee89059cc2 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n  \n<section class=\"container mb-5\">\n    <div id=\"text-image-screenshot-block_802b8119d8784116b248b2ee89059cc2\" class=\"container text-image-screenshot light-grey row align-items-center justify-content-center \">\n        <div class=\"p-between col-12 col-md-6\">\n            \n\n<h2 class=\"wp-block-heading\">Feste Ansprechpartner statt wechselnder Kontakte<\/h2>\n\n\n\n<p>Du arbeitest von Anfang an mit festen Ansprechpartnern, die dein Projekt und deine Anforderungen kennen. Von der ersten Beratung bis zur Weiterentwicklung bleibst du im direkten Austausch und erh\u00e4ltst schnelle, verl\u00e4ssliche Unterst\u00fctzung.<\/p>\n\n\n        <\/div>\n        <div class=\"text-image-screenshot__content rounded col-12 col-md-6 p-between p-0 mt-2 glass overflow-hidden\">\n                                                        <img decoding=\"async\" class=\"text-image-screenshot__image orientation-image-box-bottom-right\" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/persoenliche-betreuung.jpg\" alt=\"\">\n                    \n                                            \n<style>\n.sl-icon-wrap {\n    color: #FFF;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    z-index: 10;\n    bottom: 2rem;\n    left: 2rem;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    pointer-events: none;\n}\n\n.text-image-screenshot__content:hover .sl-icon-wrap {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n<\/style>\n  \n                      \n        <\/div>\n    <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #text-image-screenshot-block_f88406a21acfa7333690456e423ce907 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #text-image-screenshot-block_f88406a21acfa7333690456e423ce907 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n  \n<section class=\"container mb-5\">\n    <div id=\"text-image-screenshot-block_f88406a21acfa7333690456e423ce907\" class=\"container text-image-screenshot light-grey row align-items-center justify-content-center flex-row-reverse \">\n        <div class=\"p-between col-12 col-md-6\">\n            \n\n<h2 class=\"wp-block-heading\">Software, die sich an deine Anforderungen anpasst<\/h2>\n\n\n\n<p>Statt dich in starre Systeme zu zwingen, passt sich 4ALLPORTAL an deine Prozesse und Datenstrukturen an. So kannst du deine Produkt-, Medien- und Stammdaten genau so verwalten und nutzen, wie es in deinem Unternehmen erforderlich ist.<\/p>\n\n\n\n<p><\/p>\n\n\n        <\/div>\n        <div class=\"text-image-screenshot__content rounded col-12 col-md-6 p-between p-0 mt-2 glass overflow-hidden\">\n                                                        <img decoding=\"async\" class=\"text-image-screenshot__image orientation-image-box-bottom-left\" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/team-zusammenhalt.jpg\" alt=\"Erfolgreiche Zusammenarbeit bei der Einf\u00fchrung eines DAM-Systems\" \/>\n                    \n                                            \n<style>\n.sl-icon-wrap {\n    color: #FFF;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    z-index: 10;\n    bottom: 2rem;\n    left: 2rem;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    pointer-events: none;\n}\n\n.text-image-screenshot__content:hover .sl-icon-wrap {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n<\/style>\n  \n                      \n        <\/div>\n    <\/div>\n<\/section>\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_644dd6ccb039492f9b62afeaa011633b {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_644dd6ccb039492f9b62afeaa011633b {\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_644dd6ccb039492f9b62afeaa011633b\" class=\"tabs-images position-relative section-pt light-grey   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\">Darauf kannst du dich verlassen<\/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                                                            <h3 class=\"h5\">Entwickelt in Deutschland. International im Einsatz<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Unsere Software wird in Deutschland entwickelt und weltweit eingesetzt. Du entscheidest, wo deine Daten gehostet werden \u2013 in Europa, den USA oder auf deiner eigenen Infrastruktur.<\/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\">Internationale Projekte mit festen Ansprechpartnern<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Gemeinsam mit unseren Partnern setzen wir Projekte \u00fcber L\u00e4ndergrenzen hinweg um. Gleichzeitig hast du immer einen festen Ansprechpartner bei 4ALLPORTAL.<\/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\">Verl\u00e4ssliche Zusammenarbeit \u00fcber Standorte hinweg<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Von der Einf\u00fchrung bis zur Weiterentwicklung begleiten wir dich mit klaren Prozessen und direkter Kommunikation \u2013 auch in komplexen Projektstrukturen.<\/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  has-screenshot  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n                             \n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-bottom-left\" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-made-in-germany.jpg\" alt=\"Softwareentwicklung made in Germany\" \/>\n                        \n                             \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__screenshot fadeIn orientation-top-right\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/made-in-germany.svg\" alt=\"Made in Germany\" \/>\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\/partner-4allportal.jpg\" alt=\"Wir sind mit einer Vielzahl von Partnern vernetzt\" \/>\n                        \n                             \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: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/ausschreibungen-dam-software.jpg\" alt=\"Claudia ist deine Ansprechpartnerin f\u00fcr Ausschreibungen beim 4ALLPORTAL\" \/>\n                        \n                             \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<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #contact-person-block_0f97481654f4459c1017a9e40cd05e63 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #contact-person-block_0f97481654f4459c1017a9e40cd05e63 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n\n<section id=\"contact-person-block_0f97481654f4459c1017a9e40cd05e63\" class=\"contact-person position-relative\"\n  style=\"background: \">\n\n  <header class=\"container--medium\">\n    \n\n<h2 class=\"wp-block-heading has-text-align-center contact-person__headline mb-2\">Kontaktpersonen Element<\/h2>\n\n\n\n<p class=\"has-text-align-center contact-person__txt\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.\u00a0<\/p>\n\n\n  <\/header>\n\n  <style>\n.contact-cards__part-four {\n  grid-template-columns: 100%;\n  gap: 3rem;\n}\n\n.light .contact-person-card--horizontal,\n.unset .contact-person-card--horizontal {\n  display: flex;\n  flex-direction: column;\n  grid-template-columns: 0.75fr 1fr;\n  background: white;\n  border: none;\n}\n.dark .contact-person-card--horizontal  {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: rgba(255,255,255,0.1);\n  border: 1px solid rgba(255,255,255,0.2);\n}\n.contact-person-card--horizontal__img--frame {\n  aspect-ratio: 260 \/ 230;\n  overflow: hidden;\n}\n.contact-person-card--horizontal:hover .card__img--frame {\n  background: white;\n}\n@media screen and (min-width: 768px) {\n\n  .light .contact-person-card--horizontal,\n  .unset .contact-person-card--horizontal {\n    display: grid;\n    grid-template-columns: 0.75fr 1fr;\n    background: white;\n    border: none;\n  }\n  .dark .contact-person-card--horizontal {\n    display: grid;\n      grid-template-columns: 0.75fr 1fr;\n    background: rgba(255,255,255,0.1);\n    border: 1px solid rgba(255,255,255,0.2);\n  }\n\n    .contact-person-card--horizontal__name {\n        font-size: 2.4rem;\n    }\n\n    .contact-cards__part-four .contact-person-card--horizontal__txt{\n        font-size: 1.75rem;\n    }\n\n}\n\n@media (min-width: 992px) {\n  .contact-cards__part-four {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n.contact-cards__part-four .blur {\n  left: -400px;\n  bottom: -200px;\n  z-index: 0;\n  \n}\n<\/style>\n\n\n<ul class=\"container | contact-cards__part-four list-unstyled mt-4 pb-6 d-grid px-2 px-md-0\">\n<div class=\"blur blur-orange-gradient-60\"><\/div>  \n\n  \n  <li class=\"contact-person-card--horizontal | w-100 box-sh rounded overflow-hidden\">\n\n    <div class=\"contact-person-card--horizontal__img--frame w-100 h-100\" style=\"overflow: hidden\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/daniel-wuendisch-square-web-DSC_6377.webp\" class=\"contact-person-card--horizontal__img d-block w-100 h-100 o-fit--cover lazyload o-position--center\" alt=\"\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/daniel-wuendisch-square-web-DSC_6377.webp 600w, https:\/\/4allportal.com\/wp-content\/uploads\/daniel-wuendisch-square-web-DSC_6377-300x300.webp 300w, https:\/\/4allportal.com\/wp-content\/uploads\/daniel-wuendisch-square-web-DSC_6377-150x150.webp 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" title=\"Daniel W\u00fcndisch\">  <\/div>\n  \n\n  <div\n    class=\"contact-person-card--horizontal--horizontal__txt--wrapper | px-2 py-3 d-flex flex-column justify-content-between\">\n\n    <div>\n            <p class=\"contact-person-card--horizontal__name\">\n        <strong>\n          Vorname Nachname        <\/strong>\n      <\/p>\n      \n\n            <p class=\"contact-person-card--horizontal__txt \" style=\"flex: 1 0 auto;\">\n        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.       <\/p>\n          <\/div>\n\n    \n  <\/div>\n\n\n<\/li>\n\n\n  \n  <li class=\"contact-person-card--horizontal | w-100 box-sh rounded overflow-hidden\">\n\n    <div class=\"contact-person-card--horizontal__img--frame w-100 h-100\" style=\"overflow: hidden\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-768x768.jpg\" class=\"contact-person-card--horizontal__img d-block w-100 h-100 o-fit--cover lazyload o-position--center\" alt=\"\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-768x768.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-1024x1024.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-1536x1536.jpg 1536w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-2048x2048.jpg 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" title=\"Melina Siedenhans\">  <\/div>\n  \n\n  <div\n    class=\"contact-person-card--horizontal--horizontal__txt--wrapper | px-2 py-3 d-flex flex-column justify-content-between\">\n\n    <div>\n            <p class=\"contact-person-card--horizontal__name\">\n        <strong>\n          Vorname Nachname        <\/strong>\n      <\/p>\n      \n\n            <p class=\"contact-person-card--horizontal__txt \" style=\"flex: 1 0 auto;\">\n        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.       <\/p>\n          <\/div>\n\n    \n  <\/div>\n\n\n<\/li>\n\n\n  \n  <li class=\"contact-person-card--horizontal | w-100 box-sh rounded overflow-hidden\">\n\n    <div class=\"contact-person-card--horizontal__img--frame w-100 h-100\" style=\"overflow: hidden\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/daniel-wuendisch-square-web-DSC_6377.webp\" class=\"contact-person-card--horizontal__img d-block w-100 h-100 o-fit--cover lazyload o-position--center\" alt=\"\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/daniel-wuendisch-square-web-DSC_6377.webp 600w, https:\/\/4allportal.com\/wp-content\/uploads\/daniel-wuendisch-square-web-DSC_6377-300x300.webp 300w, https:\/\/4allportal.com\/wp-content\/uploads\/daniel-wuendisch-square-web-DSC_6377-150x150.webp 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" title=\"Daniel W\u00fcndisch\">  <\/div>\n  \n\n  <div\n    class=\"contact-person-card--horizontal--horizontal__txt--wrapper | px-2 py-3 d-flex flex-column justify-content-between\">\n\n    <div>\n            <p class=\"contact-person-card--horizontal__name\">\n        <strong>\n          Vorname Nachname        <\/strong>\n      <\/p>\n      \n\n            <p class=\"contact-person-card--horizontal__txt \" style=\"flex: 1 0 auto;\">\n        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.       <\/p>\n          <\/div>\n\n    \n  <\/div>\n\n\n<\/li>\n\n\n  \n  <li class=\"contact-person-card--horizontal | w-100 box-sh rounded overflow-hidden\">\n\n    <div class=\"contact-person-card--horizontal__img--frame w-100 h-100\" style=\"overflow: hidden\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-768x768.jpg\" class=\"contact-person-card--horizontal__img d-block w-100 h-100 o-fit--cover lazyload o-position--center\" alt=\"\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-768x768.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-1024x1024.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-1536x1536.jpg 1536w, https:\/\/4allportal.com\/wp-content\/uploads\/melina-siedenhans-hr-4allportal-2048x2048.jpg 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" title=\"Melina Siedenhans\">  <\/div>\n  \n\n  <div\n    class=\"contact-person-card--horizontal--horizontal__txt--wrapper | px-2 py-3 d-flex flex-column justify-content-between\">\n\n    <div>\n            <p class=\"contact-person-card--horizontal__name\">\n        <strong>\n          Vorname Nachname        <\/strong>\n      <\/p>\n      \n\n            <p class=\"contact-person-card--horizontal__txt \" style=\"flex: 1 0 auto;\">\n        Test      <\/p>\n          <\/div>\n\n    \n  <\/div>\n\n\n<\/li>\n\n\n  <\/ul>\n<\/section>\n\n\n<section id=\"content-wrapper-block_2cce052a82d4065210644c51a5de565a\" 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_2cce052a82d4065210644c51a5de565a {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_2cce052a82d4065210644c51a5de565a {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0 position-relative\" style=\"z-index: 2;\">\n    \n        \n\n<style>\n@media screen and (min-width: 391px) {\n  #testimonial-slider-block_2d3f00be43cb398ea6ff8643cabf3502 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #testimonial-slider-block_2d3f00be43cb398ea6ff8643cabf3502 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"testimonial-slider-4206\" \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\">Das sagen unsere Kunden<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-10a2c2c5901087d09e0c809f811bfaf2\">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                      <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=\"https:\/\/4allportal.com\/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=\"https:\/\/4allportal.com\/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\/bofrost-logo-white.svg\" \n                     alt=\"bofrost*\"\n                     loading=\"lazy\">\n                          <\/div>\n\n            <blockquote cite=\"https:\/\/4allportal.com\/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=\"https:\/\/4allportal.com\/de\/success-stories\/bofrost\" 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\/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\" 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=\"https:\/\/4allportal.com\/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=\"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=\"https:\/\/4allportal.com\/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\/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\" 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>","protected":false},"excerpt":{"rendered":"","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":[433,505],"customer_stage":[450],"class_list":["post-4206","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/4206","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=4206"}],"version-history":[{"count":4,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/4206\/revisions"}],"predecessor-version":[{"id":44885,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/4206\/revisions\/44885"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=4206"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/tags?post=4206"},{"taxonomy":"product_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/product_categories?post=4206"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=4206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}