{"id":18269,"date":"2024-03-28T14:45:27","date_gmt":"2024-03-28T14:45:27","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?page_id=18269"},"modified":"2025-04-16T07:52:33","modified_gmt":"2025-04-16T07:52:33","slug":"agiles-projektmanagement","status":"publish","type":"page","link":"https:\/\/4allportal.com\/de\/agiles-projektmanagement","title":{"rendered":"Agiles Projektmanagement"},"content":{"rendered":"\n<section id=\"content-wrapper-block_802aba34d0f8ffd5f546798a7cc1ff99\" 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_802aba34d0f8ffd5f546798a7cc1ff99 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_802aba34d0f8ffd5f546798a7cc1ff99 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container--small px-0\">\n    \n        \n\n<h1 class=\"wp-block-heading has-text-align-center hero__headline mb-2\">Mehr Nutzen schaffen: Agile Entwicklung f\u00fcr einen schnelleren Impact<\/h1>\n\n\n\n<p><strong>Erfolgreiche Entwicklung eures Datenmanagement mit den zertifizierten Experten von 4ALLPORTAL<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">Zu Beginn eines Projekts wei\u00df man am wenigsten dar\u00fcber, wie sich die Anforderungen im Laufe der Zeit entwickeln werden. Deshalb setzen wir auf agiles Projektmanagement, bei dem Flexibilit\u00e4t, Zusammenarbeit und kontinuierliche Verbesserung im Mittelpunkt stehen. Statt starr an einem Plan festzuhalten, passen wir uns gemeinsam mit unseren Kunden an ver\u00e4nderte oder wachsende Anforderungen an.<\/p>\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\">\n    \n        \n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_2e61b8ea31d3ba503189d2cfa9ccde89 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_2e61b8ea31d3ba503189d2cfa9ccde89 {\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_2e61b8ea31d3ba503189d2cfa9ccde89\" 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\">Wir setzen auf agiles Projektmanagement&nbsp;<\/h2>\n\n\n\n<p>Agile Methoden zur Entwicklung sind der Schl\u00fcssel zu schnellem und effizientem Nutzen. Mit 4ALLPORTAL habt ihr einen Partner an eurer Seite, der euch auf dem Weg zu eurem Ziel unterst\u00fctzt.&nbsp;<\/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\">Iterative Vorgehensweise <\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p><span class=\"TextRun SCXW198319347 BCX0\" lang=\"DE-DE\" xml:lang=\"DE-DE\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW198319347 BCX0\">Flexibles Arbeiten in kurzen Iterationen zur Anpassung an neue Anforderungen. Diese k\u00f6nnen jederzeit ber\u00fccksichtigt und auch nach dem Go-Live im 4ALLPORTAL umgesetzt werden.<\/span><\/span><span class=\"EOP SCXW198319347 BCX0\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559685&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0}\">\u00a0<\/span><\/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\">Starre Vorgehensweise <\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p>Anpassungen an sich \u00e4ndernde Anforderungen sind schwierig und kostenintensiv, da die Anforderungen zu Projektbeginn detailliert definiert und festgehalten werden.<\/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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/adaptivity-agile-2.jpg\" alt=\"Sieh dir an wie sich die Adaptivity des agilen Projektmanagement entwickelt\" \/>\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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/adaptivity-waterfall-2.jpg\" alt=\"So entwickelt sich die Adaptivity mit Waterfall\" \/>\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:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_607e1251c3c8652070f477b91ac0fe94 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_607e1251c3c8652070f477b91ac0fe94 {\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_607e1251c3c8652070f477b91ac0fe94\" class=\"tabs-images position-relative section-pt light-grey   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\"><\/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\">H\u00f6herer Nutzen und schnellere Wirkung  <\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p><span class=\"TextRun SCXW126859502 BCX0\" lang=\"DE-DE\" xml:lang=\"DE-DE\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW126859502 BCX0\">Agile Teams liefern schnellere Ergebnisse, damit neue und wachsende Anforderungen so schnell wie m\u00f6glich in <\/span><span class=\"NormalTextRun SCXW126859502 BCX0\">Nutzen<\/span><span class=\"NormalTextRun SCXW126859502 BCX0\"> umgesetzt werden k\u00f6nnen.<\/span><\/span><span class=\"EOP SCXW126859502 BCX0\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559685&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0}\">\u00a0<\/span><\/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\">Geringerer Nutzen und sp\u00e4te Wirkung <\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p><span class=\"TextRun SCXW179549082 BCX0\" lang=\"DE-DE\" xml:lang=\"DE-DE\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW179549082 BCX0\">Bis zur Fertigstellung des Projekts vergehen oft mehrere Monate oder Jahre bis \u00fcberhaupt ein Nutzen entsteht.<\/span><\/span><span class=\"EOP SCXW179549082 BCX0\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559685&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0}\">\u00a0<\/span><\/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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/business-value-agile.jpg\" alt=\"So entwickelt sich dein Business Value mit der agilen Methode\" \/>\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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/business-value-waterfall.jpg\" alt=\"So entwickelt sich dein Business Value mit der Waterfall Methode\" \/>\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:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_b1a0e6097a7c7cd0ec6c72eb10fa5159 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_b1a0e6097a7c7cd0ec6c72eb10fa5159 {\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_b1a0e6097a7c7cd0ec6c72eb10fa5159\" 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\"><\/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\">Kein Risiko durch kontinuierliches Feedback <\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p><span class=\"TextRun SCXW17121401 BCX0\" lang=\"DE-DE\" xml:lang=\"DE-DE\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW17121401 BCX0\">Durch<\/span><span class=\"NormalTextRun SCXW17121401 BCX0\"> k<\/span><span class=\"NormalTextRun SCXW17121401 BCX0\">ontinuierliches Feedback <\/span><span class=\"NormalTextRun SCXW17121401 BCX0\">in der<\/span><span class=\"NormalTextRun SCXW17121401 BCX0\"> iterative<\/span><span class=\"NormalTextRun SCXW17121401 BCX0\">n<\/span><span class=\"NormalTextRun SCXW17121401 BCX0\"> Implementierung <\/span><span class=\"NormalTextRun SCXW17121401 BCX0\">zwischen <\/span><span class=\"NormalTextRun SCXW17121401 BCX0\">eurem Team und<\/span> <span class=\"NormalTextRun SCXW17121401 BCX0\">4ALLPORTAL <\/span><span class=\"NormalTextRun SCXW17121401 BCX0\">entsteht eine L\u00f6s<\/span><span class=\"NormalTextRun SCXW17121401 BCX0\">ung, die auf eure individuellen Bed\u00fcrfnisse zugeschnitten ist.<\/span><span class=\"NormalTextRun SCXW17121401 BCX0\"> Auch wenn sich Anforderungen erh\u00f6hen oder \u00e4ndern.<\/span><\/span><span class=\"EOP SCXW17121401 BCX0\" data-ccp-props=\"{}\">\u00a0<\/span><\/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\">Hohes Risiko durch fehlendes Feedback <\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p><span class=\"TextRun SCXW28355560 BCX0\" lang=\"DE-DE\" xml:lang=\"DE-DE\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW28355560 BCX0\">Da die Anforderungen im Voraus nicht vollst\u00e4ndig bekannt sein k\u00f6nnen, besteht ein hohes Risiko <\/span><span class=\"NormalTextRun SCXW28355560 BCX0\">nicht den gr\u00f6\u00dften Nutzen aus der L\u00f6sung zu ziehen<\/span><span class=\"NormalTextRun SCXW28355560 BCX0\">.<\/span><\/span><span class=\"EOP SCXW28355560 BCX0\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559685&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0}\">\u00a0<\/span><\/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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/risk-agile-1.jpg\" alt=\"Mit der agilen Methode h\u00e4ltst du dein Risiko gering\" \/>\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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/risk-waterfall.jpg\" alt=\"Mit Waterfall steigt das Risiko deines Projekts\" \/>\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:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_135fe78c28d4d3c1ab76c6121ad2632c {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_135fe78c28d4d3c1ab76c6121ad2632c {\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_135fe78c28d4d3c1ab76c6121ad2632c\" class=\"tabs-images position-relative section-pt light-grey   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\"><\/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\">Mehr Ressourcen und weniger Kosten  <\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p><span class=\"TextRun SCXW39619945 BCX0\" lang=\"DE-DE\" xml:lang=\"DE-DE\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW39619945 BCX0\">Regelm\u00e4\u00dfiges Feedback macht die Dokumentation genauer, was Zeit und Geld spart. Alle Beteiligten sind jederzeit \u00fcber den aktuellen Projektstand informiert.<\/span><\/span><span class=\"EOP SCXW39619945 BCX0\" data-ccp-props=\"{}\">\u00a0<\/span><\/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 Ressourcen und mehr Kosten <\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p><span class=\"TextRun SCXW105612156 BCX0\" lang=\"DE-DE\" xml:lang=\"DE-DE\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW105612156 BCX0\">Das statische Lastenheft kann zu Missverst\u00e4ndnissen zwischen dem Kunden und dem Team f\u00fchren.<\/span><span class=\"NormalTextRun SCXW105612156 BCX0\"> Fehlinformationen k\u00f6nnen so zu Fehlentwicklungen f\u00fchren und kost- oder <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW105612156 BCX0\">zeitspielig<\/span><span class=\"NormalTextRun SCXW105612156 BCX0\"> werden.<\/span><\/span><span class=\"EOP SCXW105612156 BCX0\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559685&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0}\">\u00a0<\/span><\/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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/visibility-agile.jpg\" alt=\"Schnellere Sichtbarkeit deines Projektes mit der agilen Projektmethode\" \/>\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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/visibility-waterfall.jpg\" alt=\"Mit Waterfall dauert es l\u00e4nger bis dein Projekt sichtbar ist\" \/>\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_8e70482a742f66f88d4b702f5e29c8aa\" 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_8e70482a742f66f88d4b702f5e29c8aa {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_8e70482a742f66f88d4b702f5e29c8aa {\n    padding-top: 30px;\n    padding-bottom: 30px;\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\">Kurzgesagt: Agile vs Waterfall<\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-dark-grey-color has-white-background-color has-text-color has-background has-fixed-layout\"><thead><tr><th><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">Vorgehensweise<\/mark><\/strong><\/th><th><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">Agile<\/mark><\/strong><\/th><th><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">Waterfall<\/mark><\/strong><\/th><\/tr><\/thead><tbody><tr><td><strong>Anf\u00e4nglicher Detaillierungsgrad<\/strong>&nbsp;<\/td><td>Gering bis mittel&nbsp;<\/td><td>Sehr detailliert&nbsp;<\/td><\/tr><tr><td><strong>Flexibilit\u00e4t<\/strong>&nbsp;<\/td><td>Hoch&nbsp;<\/td><td>Gering&nbsp;<\/td><\/tr><tr><td><strong>Zeitaufwand<\/strong>&nbsp;<\/td><td>Mittel&nbsp;<\/td><td>Hoch&nbsp;<\/td><\/tr><tr><td><strong>Kosten<\/strong>&nbsp;<\/td><td>Mittel&nbsp;<\/td><td>Hoch&nbsp;<\/td><\/tr><tr><td><strong>Nutzerfreundlichkeit<\/strong>&nbsp;<\/td><td>Hoch, da der Kunde regelm\u00e4\u00dfig Feedback geben kann&nbsp;<\/td><td>Niedrig, da der Kunde nicht in den Entwicklungsprozess eingebunden wird&nbsp;<\/td><\/tr><tr><td><strong>Transparenz<\/strong>&nbsp;<\/td><td>Hoch&nbsp;<\/td><td>Gering&nbsp;<\/td><\/tr><tr><td><strong>Risiko &amp; Skalierbarkeit&nbsp;<\/strong><\/td><td>Gering, da Anforderungen laufend angepasst werden k\u00f6nnen&nbsp;&nbsp;<\/td><td>Hoch, da Anforderungen sich \u00e4ndern k\u00f6nnen und das Lastenheft nicht mehr aktuell ist&nbsp;<\/td><\/tr><tr><td><strong>Update zum Projekterfolg&nbsp;<\/strong><\/td><td>Regelm\u00e4\u00dfig durch 2-4 Wochen Sprints&nbsp;&nbsp;<\/td><td>Nicht bis kaum m\u00f6glich&nbsp;&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section id=\"content-wrapper-block_2ee44fe7b4354083bee29dec5e187c5a\" 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_2ee44fe7b4354083bee29dec5e187c5a {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_2ee44fe7b4354083bee29dec5e187c5a {\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<p class=\"has-text-align-center has-large-font-size\">Agiles Projektmanagement f\u00fchrt zu mehr Flexibilit\u00e4t, Effizienz, Benutzerfreundlichkeit und geringeren Kosten.<\/p>\n\n\n  <\/div>\n<\/section>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #testimonial-slider-block_0117f8b62f5a7187548c528ef16e0dec {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #testimonial-slider-block_0117f8b62f5a7187548c528ef16e0dec {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<style>\n    .dark #testimonial-box .testimonial-box-inner {\n        background: rgba(255,255,255,0.05);\n        color: rgba(255,255,255,0.6);\n        min-height: 500px;\n        border-radius: 8px;\n        border: 1px solid rgba(255,255,255,0.2);\n    }\n   .light #testimonial-box .testimonial-box-inner,\n    #testimonial-box .testimonial-box-inner {\n        background: #F7F7F7;\n        color: #707070;\n        min-height: 500px;\n        border-radius: 8px;\n        border: 1px solid rgba(255,255,255,0.2);\n    }\n    #testimonial-box hr {\n        border: 0;\n        margin: 0;\n        width: 100%;\n        height: 1px;\n        background: #cdcdcd;\n        box-shadow: none !important;\n    }\n    #testimonial-box .testimonial-box-inner p {\n        font-size: 2.2rem;\n        font-weight: 500;\n        line-height: 1.6;\n    }\n    #testimonial-box .testimonial-box-text-container {\n        padding: 3rem 0 0 0;\n    }\n    @media screen and (min-width: 992px) {\n        #testimonial-box .testimonial-box-text-container {\n            padding: 0 0 0 10rem;\n        }\n    }\n    #testimonial-box .testimonial-box-text {\n        position: relative;\n        color: #707070;\n    }\n    #testimonial-box .testimonial-box-autor {\n        color: #707070;\n        font-size: 1.8rem !important;\n        font-weight: 400 !important;\n    }\n    #testimonial-box .testimonial-box-text:before {\n        content: \"\u201e\";\n        left: -13px;\n        position: absolute;\n    }\n    #testimonial-box .testimonial-box-text:after {\n        content: \"\u201d\";\n    }\n    #testimonial-box .testimonial-logo {\n        object-fit: contain;\n        height: 90px;\n        width: 100%;\n        max-width: 200px;\n        object-position: left;\n    }\n    #testimonial-box #testimonial-box .btn-light-grey {\n        color: #cdcdcd;\n        border: 1px solid #cdcdcd;\n        font-size: 1.4rem;\n    }\n    #testimonial-box .btn-light-grey:hover {\n        color: #333;\n        border: 1px solid #333;\n    }\n    #testimonial-box .btn-light-grey-solid {\n        background: #cdcdcd;\n        font-size: 1.4rem;\n        color: #FFF;\n        border: none;\n    }\n    #testimonial-box .btn-light-grey-solid:hover {\n       color: #333;\n    }\n    @media screen and (max-width: 390px) {\n        #testimonial-box .testimonial-box-inner p {\n            font-size: 1.8rem;\n            font-weight: 400;\n            line-height: 1.4;\n        }\n        #testimonial-box .testimonial-box-inner {\n            background: none !important;\n        }\n        #testimonial-box .testimonial-logo {\n            max-width: 200px;\n        }\n    }\n<\/style>\n<div id=\"testimonial-box\" class=\"testimonial-count-18269  | container\">\n    <div class=\"container p-0\">\n        <div class=\"testimonial-box-inner testimonial-18269 d-flex align-items-center | p-xs-0 p-sm-6\">\n\n                            <div>\n                                            <div class=\"row\">\n                            <div class=\"col-lg col-md-12 p-0 \">\n                                                                    <h3>\n                                        Durch professionelle Betreuung eine Vielzahl von Funktionalit\u00e4ten                                     <\/h3>\n                                    <div class=\"testimonial__spacer py-4 d-none d-sm-block\">\n                                        <hr>\n                                    <\/div>\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/teekanne-logo.svg\" class=\"testimonial-logo lazyload\" alt=\"Das Logo von Teekanne.\" title=\"\" \/>                            <\/div>\n                            <div class=\"col-lg-7 col-md-12 testimonial-box-text-container\">\n                                <p class=\"testimonial-box-text\">\n                                    Die umfassende L\u00f6sung von 4ALLPORTAL \u00fcberzeugte durch eine hohe Usability und eine Vielzahl von Funktionalit\u00e4ten. Zudem sch\u00e4tzten wir die professionelle Betreuung durch kompetente Ansprechpartner. Die Auswahl von 4ALLPORTAL wurde durch mehrere Faktoren gest\u00e4rkt, insbesondere durch die GS1-Kompatibilit\u00e4t, die f\u00fcr uns von entscheidender Bedeutung war.                                <\/p>\n                                <p class=\"testimonial-box-autor mt-2\">\n                                    Pascal Panzer,\n                                    <span class=\"testimonial-autor-position\">Corporate Process Manager &amp; Leiter SAP <\/span>                                <\/p>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n                                    <\/div>\n            <\/div>\n<\/div>\n\n<script>\n    window.addEventListener(\"load\", function () {\n        var testimonialBox = document.getElementById(\"testimonial-box\");\n        if (testimonialBox) {\n            var images = testimonialBox.querySelectorAll(\"img[src$='.svg']\");\n\n            for (var i = 0; i < images.length; i++) {\n                images[i].addEventListener(\"load\", function () {\n                    this.style.width = \"100%\";\n                    this.style.height = \"90px\";\n                });\n                \n                \/\/ Falls das Bild bereits im Cache geladen wurde\n                if (images[i].complete) {\n                    images[i].style.width = \"100%\";\n                    images[i].style.height = \"90px\";\n                }\n            }\n        }\n    });\n<\/script>\n\n\n  <\/div>\n<\/section>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section id=\"content-wrapper-block_2ee44fe7b4354083bee29dec5e187c5a\" 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_2ee44fe7b4354083bee29dec5e187c5a {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_2ee44fe7b4354083bee29dec5e187c5a {\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\">Ein Projektablauf mit 4ALLPORTAL<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Das 4ALLPORTAL Team hilft euch, den <strong>Nutzen eures Projektes zu sichern!<\/strong> Unsere zertifizierten OKR und SCRUM Experten helfen euch dabei.&nbsp;<\/p>\n\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_8e70482a742f66f88d4b702f5e29c8aa\" 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_8e70482a742f66f88d4b702f5e29c8aa {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_8e70482a742f66f88d4b702f5e29c8aa {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"846\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/Element-5.webp\" alt=\"\" class=\"wp-image-18440\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/Element-5.webp 1500w, https:\/\/4allportal.com\/wp-content\/uploads\/Element-5-300x169.webp 300w, https:\/\/4allportal.com\/wp-content\/uploads\/Element-5-1024x578.webp 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/Element-5-150x85.webp 150w, https:\/\/4allportal.com\/wp-content\/uploads\/Element-5-768x433.webp 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure><\/div>\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #ansprechpersonen {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #ansprechpersonen {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n\n<section id=\"ansprechpersonen\" 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\">Deine Ansprechpersonen<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Gerne besprechen wir die agile Umsetzung neuer Anforderungen an euer 4ALLPORTAL in einem pers\u00f6nlichen Gespr\u00e4ch.<\/p>\n\n\n  <\/header>\n\n  <style>\n.light .contact-person-card,\n.unset .contact-person-card {\n  width: 100%;\n  max-width: 42.75rem;\n  background: white;\n  border: none;\n}\n.dark .contact-person-card {\n  width: 100%;\n  max-width: 42.75rem;\n  background: rgba(255,255,255,0.1);\n  border: 1px solid rgba(255,255,255,0.2);\n}\n.contact-person-card__name {\n  line-height: 1;\n}\n.contact-person-card__img--frame {\n  height: 35rem;\n}\n.three-cards-contact {\n  grid-template-columns: repeat(3, 1fr);\n}\n.contact-person-card__name {\n  font-size: 2.4rem;\n}\n.three-cards-contact .contact-person-card__txt{\n    font-size: 1.75rem;\n}\n@media screen and (max-width: 768px) {\n  .contact-person-card__name {\n    font-size: 1.6rem;\n  }\n  .contact-person-card__img--frame {\n    height: 20rem;\n  }\n  .three-cards-contact .contact-person-card__txt{\n      margin-bottom:unset;\n  }\n}\n<\/style>\n<div class=\"container mobileslide px-1 px-lg-0\" style=\"overflow:hidden\">\n  <ul class=\"swiper-wrapper three-cards-contact container | d-grid list-unstyled mt-2 pb-2 gap-3\"\n    style=\"grid-auto-flow: column; grid-auto-columns: 1fr;\">\n\n    \n    <li class=\"swiper-slide contact-person-card | d-flex flex-column align-items-center box-sh h-100 rounded overflow-hidden\">\n\n    <div class=\"contact-person-card__img--frame w-100\" style=\"overflow: hidden;\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"333\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/help-ansprechpartner-tim-fischer.jpg\" class=\"contact-person-card__img w-100 h-100 o-fit--cover lazyload o-position--center\" alt=\"\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/help-ansprechpartner-tim-fischer.jpg 500w, https:\/\/4allportal.com\/wp-content\/uploads\/help-ansprechpartner-tim-fischer-300x200.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/help-ansprechpartner-tim-fischer-150x100.jpg 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" title=\"help-ansprechpartner-tim-fischer\" \/>  <\/div>\n  \n    <p class=\"contact-person-card__name | text-center px-3 px-md-5 mt-2\">\n    <strong>\n      Tim Fischer    <\/strong>\n  <\/p>\n  \n\n  \n\n    <div class=\"ps-3 pe-5 px-md-5 pb-2 mt-2\">\n\n    <a href=\"https:\/\/calendly.com\/4allportaltfi\/meeting-with-4allportal\" class=\"contact-person-card__link primary--link | d-flex text-uppercase m-0\" style=\"flex: 1 0 auto\" target=\"_blank\" rel=\"noopener\">\n      Termin buchen    <\/a>\n  <\/div>\n  \n<\/li>\n    \n    <li class=\"swiper-slide contact-person-card | d-flex flex-column align-items-center box-sh h-100 rounded overflow-hidden\">\n\n    <div class=\"contact-person-card__img--frame w-100\" style=\"overflow: hidden;\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/onboarding-managerin-4allportal.jpg\" class=\"contact-person-card__img w-100 h-100 o-fit--cover lazyload o-position--center\" alt=\"\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/\/onboarding-managerin-4allportal.jpg 600w, https:\/\/4allportal.com\/wp-content\/uploads\/\/onboarding-managerin-4allportal-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/\/onboarding-managerin-4allportal-150x150.jpg 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" title=\"\" \/>  <\/div>\n  \n    <p class=\"contact-person-card__name | text-center px-3 px-md-5 mt-2\">\n    <strong>\n      Damaris Brodnicki-Martinez    <\/strong>\n  <\/p>\n  \n\n  \n\n    <div class=\"ps-3 pe-5 px-md-5 pb-2 mt-2\">\n\n    <a href=\"https:\/\/calendly.com\/d-brodnicki-4allportal\/30min?text_color=333333&#038;primary_color=ff8200\" class=\"contact-person-card__link primary--link | d-flex text-uppercase m-0\" style=\"flex: 1 0 auto\" target=\"_blank\" rel=\"noopener\">\n      Termin buchen    <\/a>\n  <\/div>\n  \n<\/li>\n    \n    <li class=\"swiper-slide contact-person-card | d-flex flex-column align-items-center box-sh h-100 rounded overflow-hidden\">\n\n    <div class=\"contact-person-card__img--frame w-100\" style=\"overflow: hidden;\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/luca-derieth-square-web-DSC_6278-Bearbeitet.png\" class=\"contact-person-card__img w-100 h-100 o-fit--cover lazyload o-position--center\" alt=\"\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/luca-derieth-square-web-DSC_6278-Bearbeitet.png 600w, https:\/\/4allportal.com\/wp-content\/uploads\/luca-derieth-square-web-DSC_6278-Bearbeitet-300x300.png 300w, https:\/\/4allportal.com\/wp-content\/uploads\/luca-derieth-square-web-DSC_6278-Bearbeitet-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" title=\"luca-derieth-square-web-DSC_6278-Bearbeitet\" \/>  <\/div>\n  \n    <p class=\"contact-person-card__name | text-center px-3 px-md-5 mt-2\">\n    <strong>\n      Luca Derieth    <\/strong>\n  <\/p>\n  \n\n  \n\n    <div class=\"ps-3 pe-5 px-md-5 pb-2 mt-2\">\n\n    <a href=\"https:\/\/calendly.com\/l-derieth-4allportal\/30min?text_color=333333&#038;primary_color=ff8200\" class=\"contact-person-card__link primary--link | d-flex text-uppercase m-0\" style=\"flex: 1 0 auto\" target=\"_self\" rel=\"noopener\">\n      Termin buchen    <\/a>\n  <\/div>\n  \n<\/li>\n    \n  <\/ul>\n  <div class=\"personSwiper-pagination swiper-pagination d-block d-xl-none mt-1\"><\/div>\n<\/div>\n<script type=\"module\">\nconst contactPersonSwiper = new Swiper('.mobileslide', {\n  \/\/ Optional parameters\n  direction: 'horizontal',\n  slidesPerView: 1.2,\n  spaceBetween: 10,\n  centeredSlides: true,\n  loop: true,\n  navigation: {\n    enabled: false,\n  },\n  pagination: {\n    el: '.personSwiper-pagination',\n    type: 'bullets',\n    clickable: false,\n  },\n  breakpoints: {\n    390: {\n      slidesPerView: 1.25,\n      centeredSlides: true,\n      spaceBetween: 20,\n    },\n    768: {\n      slidesPerView: 2.5,\n      centeredSlides: true,\n      spaceBetween: 20,\n    },\n    992: {\n      slidesPerView: 3,\n      centeredSlides: false,\n      spaceBetween: 40,\n    }\n  }\n})\n<\/script>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":18478,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"product_categories":[],"customer_stage":[449],"class_list":["post-18269","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/18269","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=18269"}],"version-history":[{"count":0,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/18269\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media\/18478"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=18269"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/tags?post=18269"},{"taxonomy":"product_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/product_categories?post=18269"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=18269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}