{"id":42795,"date":"2026-05-21T13:54:52","date_gmt":"2026-05-21T13:54:52","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?post_type=solutions&#038;p=42795"},"modified":"2026-05-21T13:53:18","modified_gmt":"2026-05-21T13:53:18","slug":"it-leiter-und-entwickler","status":"publish","type":"solutions","link":"https:\/\/4allportal.com\/de\/loesungen\/user\/it-leiter-und-entwickler","title":{"rendered":"IT Leiter und Entwickler"},"content":{"rendered":"\n<style>\n@media screen and (min-width: 391px) {\n  #hero-block_ee0ab3cfcc816c25273aa1055e185a69 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #hero-block_ee0ab3cfcc816c25273aa1055e185a69 {\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_ee0ab3cfcc816c25273aa1055e185a69\" 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\u00dcr IT &amp; Entwickler<\/mark><\/h1>\n\n\n\n<h2 class=\"wp-block-heading h1\">Volle Kontrolle \u00fcber Daten, Systeme und Integrationen<\/h2>\n\n\n\n<p class=\"has-text-align-left hero__text mt-2 has-dark-grey-color has-text-color\">Integriere 4ALLPORTAL in deine bestehende Systemlandschaft und verwalte komplexe Stamm- und Produktdaten in einer zentralen Plattform. Definiere deine Datenmodelle, steuere Zugriffe bis ins Detail und verbinde Systeme flexibel \u00fcber APIs \u2013 f\u00fcr skalierbare und zukunftssichere Setups.<\/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=\"512\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/digital-asset-management-fuer-admins-768x512.jpg\" class=\"o-fit--contain not-lazyloaded rounded\" alt=\"Gl\u00fccklicher IT Mitarbeiter arbeitet mit DAM Software\" loading=\"eager\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/digital-asset-management-fuer-admins-768x512.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/digital-asset-management-fuer-admins-300x200.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/digital-asset-management-fuer-admins-1024x683.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/digital-asset-management-fuer-admins-150x100.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/digital-asset-management-fuer-admins-1536x1024.jpg 1536w, https:\/\/4allportal.com\/wp-content\/uploads\/digital-asset-management-fuer-admins.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_70e21dd07673d362f03ca14a1c511872 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #customer-logo-bar-block_70e21dd07673d362f03ca14a1c511872 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"customer-logo-bar-block_70e21dd07673d362f03ca14a1c511872\" 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\/warner-bros-discovery-logo.svg\" alt=\"Warner Bros. Discovery\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-2\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/ProSiebenSat.1_Media_SE_Logo.svg\" alt=\"ProSiebenSat.1 Media SE\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-3\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/citizen-logo.svg\" alt=\"Citizen\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-4\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/teekanne-logo.svg\" alt=\"Teekanne\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-5\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bofrost-e1707125810736.png\" alt=\"bofrost*\" \/>\n                                    <\/li>\n                        <\/ul>\n            <\/div>\n<\/section>\n\n\n<section id=\"start\" class=\"content-wrapper position-relative\"\n  style=\"background: #333333; 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_50b9d4c9dd34df91e8d919ad1aa823ff\" 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_50b9d4c9dd34df91e8d919ad1aa823ff {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_50b9d4c9dd34df91e8d919ad1aa823ff {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container--medium px-0\">\n    \n        \n\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color\">Granulare Zugriffskontrolle und sichere Freigabeprozesse<\/h2>\n\n\n\n<p class=\"has-text-align-center\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-white-color\">Steuere genau, wer auf welche Daten zugreifen darf und welche Inhalte freigegeben werden. So beh\u00e4ltst du die Kontrolle \u00fcber sensible Daten und erf\u00fcllst Compliance-Anforderungen \u2013 auch bei komplexen Strukturen.<\/mark><\/p>\n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #content-squares-block_4249a44d3625a9cab49fb633054fb340 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-squares-block_4249a44d3625a9cab49fb633054fb340 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"content-squares-block_4249a44d3625a9cab49fb633054fb340\" 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\/lizenzen-verwalten.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Zugriffskontrolle<\/h3>\n                <p>Steuere exakt, wer auf welche Daten zugreifen darf \u2013 bis auf Ebene einzelner Inhalte, Module oder Projekte.<\/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\/freigabe-automation.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Freigabeprozesse<\/h3>\n                <p>Definiere klare Freigabelogiken, damit Inhalte nur nach gepr\u00fcften Prozessen ver\u00f6ffentlicht 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>Rollen &amp; Berechtigungen<\/h3>\n                <p>Verwalte Nutzer, Teams und externe Partner mit granularen Rollen und individuell steuerbaren Rechten.<\/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\/usergruppen-verwalten.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Automatisierung<\/h3>\n                <p>Automatisiere Nutzerverwaltung und Rechtevergabe, um wiederkehrende Aufgaben effizient zu steuern.<\/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_eebcdee36a9c7e3cd836e201b00aa1da\" 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_eebcdee36a9c7e3cd836e201b00aa1da {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_eebcdee36a9c7e3cd836e201b00aa1da {\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_a2837a26a12fa35c30db24fa4a07cbad {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_a2837a26a12fa35c30db24fa4a07cbad {\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_a2837a26a12fa35c30db24fa4a07cbad\" 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\">Flexible Hosting-Optionen und volle Kontrolle \u00fcber deine Infrastruktur<\/mark><\/h2>\n\n\n\n<p>Entscheide selbst, wo und wie du 4ALLPORTAL betreibst \u2013 in der Cloud, auf eigenen Servern oder in hybriden Setups. So passt sich die Plattform an deine IT-Strategie und Sicherheitsanforderungen an.<\/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\">Cloud, On-Premise &amp; Hybrid<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Betreibe 4ALLPORTAL in der Cloud, auf deiner eigenen Infrastruktur oder in hybriden Setups \u2013 je nach Anforderungen an Sicherheit, Integration und Kontrolle.<\/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\">Flexible Serverstandorte<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">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-3\" data-bs-toggle=\"tab\" href=\"#tabs-3\">\n                                \n                                                            <h3 class=\"h5\">Hochverf\u00fcgbarkeit<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Eine stabile Systemarchitektur sorgt f\u00fcr einen zuverl\u00e4ssigen Betrieb \u2013 auch bei hoher Last und komplexen Anforderungen.<\/p>\n<\/div>\n                        <\/li>\n                                                <li class=\"nav-item position-relative\">\n                            <a class=\"nav-link\" id=\"tabs-4\" data-bs-toggle=\"tab\" href=\"#tabs-4\">\n                                \n                                                            <h3 class=\"h5\">Skalierbare Infrastruktur<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Die Plattform w\u00e4chst mit deinen Anforderungen und l\u00e4sst sich flexibel in bestehende Systemlandschaften integrieren.<\/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-top\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/waehlen-sie-on-premise-oder-cloud-beim-4allportal.jpg\" alt=\"Beim 4ALLPORTAL k\u00f6nnen sie zwischen einer Cloud oder On-Premise-L\u00f6sung w\u00e4hlen\" \/>\n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__screenshot fadeIn orientation-top\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/on-premise-oder-cloud.svg\" alt=\"W\u00e4hle zwischen On-Premise oder einer Cloud L\u00f6sung\" \/>\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: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/tuev-geprueftes-rechenzentrum.jpg\" alt=\"Das Rechenzentrum wurde von dem T\u00dcV Saarland gepr\u00fcft\" \/>\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\/jederzeit-verfuegbar.jpg\" alt=\"Mit der hohen Ausfallsicherheit kannst du dich jederzeit auf das 4ALLPORTAL DAM verlassen\" \/>\n                        \n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-4\" 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;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-on-premise-managed-server-e1665402323624-1.jpg\" alt=\"\" \/>\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_3b2c46bc5f22ccca69b798f63e2b0d03\" class=\"content-wrapper position-relative\"\n  style=\"background: #000000; padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #content-wrapper-block_3b2c46bc5f22ccca69b798f63e2b0d03 {\n    padding-top: 70px;\n    padding-bottom: 50px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_3b2c46bc5f22ccca69b798f63e2b0d03 {\n    padding-top: 70px;\n    padding-bottom: 50px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_e588bd1d0f6f3484777dcb6e086232af\" 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_e588bd1d0f6f3484777dcb6e086232af {\n    padding-top: 90px;\n    padding-bottom: 90px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_e588bd1d0f6f3484777dcb6e086232af {\n    padding-top: 90px;\n    padding-bottom: 90px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<h2 class=\"wp-block-heading has-text-align-center mb-2\">Kl\u00e4rt, ob 4ALLPORTAL zu eurer Systemlandschaft passt<\/h2>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #lets-talk-cta-block_0e0a87eaee0f6917a528c30bb13ad5ca {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #lets-talk-cta-block_0e0a87eaee0f6917a528c30bb13ad5ca {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<div id=\"lets-talk-cta-block_0e0a87eaee0f6917a528c30bb13ad5ca\" class=\"lets-talk-cta | p-0 \">\n    <div class=\"container rounded d-flex flex-column flex-column-md-reverse flex-column-sm-reverse flex-column-xs-reverse position-relative\">\n       \n      <!-- Swiper -->\n            <div class=\"swiper lets-talk-swiper rounded\">\n        <div class=\"swiper-wrapper\">\n                      <div class=\"swiper-slide rounded\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/lets-talk-expertenteam.png\" alt=\"\"><\/div>\n                      <div class=\"swiper-slide rounded\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/lets-talk-dominic-vieregge.png\" alt=\"\"><\/div>\n                      <div class=\"swiper-slide rounded\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/lets-talk-daniel-wuendisch-1.png\" alt=\"\"><\/div>\n                  <\/div>\n        <div class=\"autoplay-progress\">\n          <svg viewBox=\"0 0 48 48\">\n            <circle cx=\"24\" cy=\"24\" r=\"20\"><\/circle>\n          <\/svg>\n          <span><\/span>\n        <\/div>\n      <\/div>\n           \n        \n      <div class=\"slider-content\">\n        <div class=\"d-lg-flex align-items-center flex-md-wrap flex-sm-wrap flex-sm-wrap p-4 position-relative\">\n              <div class=\"col-lg-6 col-md-12\">\n                  \n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-41c84f968b3a286ebf0aacf3a58b8526\">In einem kurzen Austausch schauen wir uns eure aktuelle Systemlandschaft an und geben euch direktes Feedback zu Integration, Datenstruktur und Sicherheit.<\/p>\n\n\n\n<div id=\"list-block-block_1e89d5b683851320d7af5431e2f25ab2\" class=\"list-block | w-100 d-grid mt-0\" style=\"grid-template-columns: repeat(1, 1fr); column-gap: 4rem;\">\n\n<style>\n  #list-block-block_1e89d5b683851320d7af5431e2f25ab2 .list-block__list li {\n    color: white;\n  }\n\n  #list-block-block_1e89d5b683851320d7af5431e2f25ab2 ul.list-block__list li::before {\n    background-image: url(\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/list-check-white.svg\") !important;\n  }\n\n  @media screen (max-width:992px) {\n      .content-wrapper .wp-container-3,.content-wrapper .wp-block-columns {\n          gap:0 !important\n      }\n      .content-wrapper #list-block-block_1e89d5b683851320d7af5431e2f25ab2, .content-wrapper .wp-block-columns #list-block-block_1e89d5b683851320d7af5431e2f25ab2{\n          padding-right:0;\n      }\n  }\n  <\/style>\n  \n\n<ul class=\"wp-block-list list-block__list\">\n<li class=\"has-white-color has-text-color has-link-color wp-elements-48351e6d7b9c1d1d54fae5def3d73b7a\">Austausch mit Experten zu Architektur, Sicherheit und Integration<\/li>\n\n\n\n<li class=\"has-white-color has-text-color has-link-color wp-elements-bf0808255621da656db9e72dbfa6e915\">Einsch\u00e4tzung eurer aktuellen Systemlandschaft und Optimierungspotenziale<\/li>\n\n\n\n<li class=\"has-white-color has-text-color has-link-color wp-elements-e7a347f56c8bb6c0ea2599dd3da71fdd\">Best Practices aus \u00fcber 100 Projekten<\/li>\n\n\n\n<li>Reduzierung von Entwicklungsaufwand durch flexible Systemstruktur<\/li>\n\n\n\n<li class=\"has-white-color has-text-color has-link-color wp-elements-a53f28b29740a2e75037a1ee590aa6cf\">Automatisch generierte API-Endpunkte f\u00fcr eigene Module<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n                  <div class=\"buttons\">\n                  <!-- Calendly link widget begin -->\n                  <link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\n                    <script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" type=\"text\/javascript\" async><\/script>\n                                          <!-- Calendly Deutsch -->\n                      <a class=\"btn btn--primary\" href=\"\" onclick=\"Calendly.initPopupWidget({url: 'https:\/\/calendly.com\/d\/cn64-564-4xy\/sprich-mit-unseren-experten?hide_gdpr_banner=1&#038;text_color=333333&#038;primary_color=ff8200'});return false;\"><span class=\"material-symbols-outlined\">calendar_add_on<\/span> Let&#8217;s talk!<\/a>\n                                      <!-- Calendly link widget end -->\n                  <\/div>\n              <\/div>\n          <\/div>\n      <\/div>\n    <\/div>\n<\/div>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<!-- Initialize Swiper -->\n<script>\n  const progressCircle = document.querySelector(\".autoplay-progress svg\");\n  const progressContent = document.querySelector(\".autoplay-progress span\");\n  var swiper = new Swiper(\".lets-talk-swiper\", {\n    spaceBetween: 30,\n    centeredSlides: true,\n    effect: 'fade',\n    loop: true,\n    autoplay: {\n      delay: 5000,\n      disableOnInteraction: false\n    },\n    on: {\n      autoplayTimeLeft(s, time, progress) {\n        progressCircle.style.setProperty(\"--progress\", 1 - progress);\n        progressContent.textContent = `${Math.ceil(time \/ 1500)}s`;\n      }\n    }\n  });\n<\/script>\n\n\n  <\/div>\n<\/section>\n\n\n<p><\/p>\n","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":[618],"class_list":["post-42795","solutions","type-solutions","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42795","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\/42795\/revisions"}],"predecessor-version":[{"id":42799,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42795\/revisions\/42799"}],"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=42795"}],"wp:term":[{"taxonomy":"solutions_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions_categories?post=42795"},{"taxonomy":"product_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/product_categories?post=42795"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=42795"},{"taxonomy":"persona_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/persona_categories?post=42795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}