{"id":3952,"date":"2022-09-08T09:43:08","date_gmt":"2022-09-08T09:43:08","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?post_type=industries&#038;p=3952"},"modified":"2026-05-21T06:28:38","modified_gmt":"2026-05-21T06:28:38","slug":"dam-fuer-bildung-ngo-oeffentliches","status":"publish","type":"industries","link":"https:\/\/4allportal.com\/de\/branchen\/dam-fuer-bildung-ngo-oeffentliches","title":{"rendered":"Bildung, NGO, \u00d6ffentliches"},"content":{"rendered":"\n<style>\n@media screen and (min-width: 391px) {\n  #hero-block_4a0a3a8397e480ca3f233e48304a40b8 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #hero-block_4a0a3a8397e480ca3f233e48304a40b8 {\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_4a0a3a8397e480ca3f233e48304a40b8\" class=\"hero | position-relative section-pt section-pb\"\n  style=\" overflow: hidden;  background:   \">\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 has-text-align-left preheadline\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">DAM f\u00fcr Bildung, \u00f6ffentliche Einrichtungen und NGOs<\/mark><\/h1>\n\n\n\n<h2 class=\"wp-block-heading h1\">Dokumente und Inhalte zentral, sicher und jederzeit zug\u00e4nglich<\/h2>\n\n\n\n<p>Wenn Dateien, Bilder und Informationen \u00fcber Systeme und Abteilungen verteilt sind, fehlt der \u00dcberblick und die Zusammenarbeit wird aufwendig. Verwalte Inhalte zentral, steuere Zugriffe gezielt und erm\u00f6gliche eine sichere Zusammenarbeit \u00fcber Teams und Organisationen hinweg.<\/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=\"\/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=\"432\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/software-fuer-bildung-1-768x432.jpg\" class=\"o-fit--contain not-lazyloaded rounded\" alt=\"lementary Classroom of Diverse Children Listening Attentively to their Teacher Giving Lesson. Brilliant Young Kids in School Writing in Exercise Notebooks, Taking Test and Exams. Children Learning\" loading=\"eager\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/software-fuer-bildung-1-768x432.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/software-fuer-bildung-1-300x169.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/software-fuer-bildung-1-1024x576.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/software-fuer-bildung-1-150x84.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/software-fuer-bildung-1-1536x864.jpg 1536w, https:\/\/4allportal.com\/wp-content\/uploads\/software-fuer-bildung-1.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_71bd03a2aee7f41134b911e9461d5dce {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #customer-logo-bar-block_71bd03a2aee7f41134b911e9461d5dce {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"customer-logo-bar-block_71bd03a2aee7f41134b911e9461d5dce\" 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\/wwf-logo.svg\" alt=\"wwf logo\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-2\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/heinrich-heine-uni-logo-e1714634373561.png\" alt=\"heinrich-heine-uni-logo\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-3\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/isas-logo-1.png\" alt=\"ISAS Logo\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-4\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bethel-logo.svg\" alt=\"Bethel\" \/>\n                                    <\/li>\n                        <\/ul>\n            <\/div>\n<\/section>\n\n\n<section id=\"start\" class=\"content-wrapper position-relative\"\n  style=\"background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%); padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #start {\n    padding-top: 90px;\n    padding-bottom: 60px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #start {\n    padding-top: 90px;\n    padding-bottom: 60px;\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_5d12640b8336c3e9e9e949fc0cab1074 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_5d12640b8336c3e9e9e949fc0cab1074 {\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_5d12640b8336c3e9e9e949fc0cab1074\" class=\"tabs-images position-relative section-pt dark   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-white-color\">Das sch\u00e4tzen Organisationen besonders<\/mark><\/h2>\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\">Datenschutz und Hosting nach deinen Vorgaben<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">DSGVO-konform, auf zertifizierten Servern, in deiner eigenen Infrastruktur oder als hybrides Setup \u2013 du entscheidest, wo deine Daten liegen und wie sie verarbeitet werden.<\/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\">Strukturierte Daten\u00fcbernahme<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">\u00dcberf\u00fchre bestehende Daten aus Altsystemen in eine klare Struktur \u2013 ohne Informationsverlust und ohne manuelle Nacharbeit.<\/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\">Erfahrung mit \u00f6ffentlichen Anforderungen<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Profitiere von Erfahrung mit Ausschreibungen, Vergaben und komplexen Entscheidungsprozessen in \u00f6ffentlichen Organisationen. <a href=\"https:\/\/4allportal.com\/de\/ausschreibungen\">Reiche deinen Anforderungskatalog direkt hier ein.<\/a><\/p>\n<\/div>\n                        <\/li>\n                                            <\/ul>\n                                    <\/div>\n                \n            <div class=\"tab-content tabs-images-content rounded col-12 col-md-6 tab-p p-0 overflow-hidden glass-without-padding\">\n                                \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  has-screenshot  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-bottom-left\" style=\"object-position: 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-right\" 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\/zusammenarbeit-als-implementierungspartner.jpg\" alt=\"Implementierungs- und Technologiepartner f\u00fcr DAM und PIM\" \/>\n                        \n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-3\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/ausschreibungen-dam-software.jpg\" alt=\"Claudia ist deine Ansprechpartnerin f\u00fcr Ausschreibungen beim 4ALLPORTAL\" \/>\n                        \n                                                                    <\/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:90px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-white-color\">F\u00fcr sichere und nachhaltige Datenverwaltung<\/mark><\/h2>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-white-color\">Klare Strukturen, kontrollierte Zugriffe und ein System, das sich in bestehende Anforderungen einf\u00fcgt.<\/mark><\/p>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #content-squares-block_795263e79207bb5a5ea554c8d4c38e18 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-squares-block_795263e79207bb5a5ea554c8d4c38e18 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"content-squares-block_795263e79207bb5a5ea554c8d4c38e18\" class=\"content-squares content_small 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-3\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-und-pim-in-einer-software-2.svg\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>DAM, PIM, MDM  <\/h3>\n                <p>Nutze das 4ALLPORTAL so, wie du es brauchst. Nach einem Anforderungsworkshop beraten wir dich zu den vielf\u00e4ltigen Erweiterungsm\u00f6glichkeiten, um deine Prozesse zu optimieren und zu automatisieren. Die flexiblen Konfigurationsm\u00f6glichkeiten und Erweiterungen zeigen wir dir bereits in der Angebotsphase im Detail.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-3\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/kundenspezifische-entwicklung.svg\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Kundenspezifische Entwicklung <\/h3>\n                <p> Das 4ALLPORTAL passt sich stets flexibel an individuelle Workflows an &#8211; auch mit kundenspezifischen Entwicklungen durch uns oder einen unserer Partner. Die bereits im Standard enthaltene RESTful API bietet Schnittstellen zu vielen Drittsystemen.  <\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-3\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/persoenliche-ansprechpartner.svg\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Pers\u00f6nlicher Kontakt <\/h3>\n                <p>Nach der Einf\u00fchrung von 4ALLPORTAL ber\u00e4t dich dein pers\u00f6nlicher Customer Success Manager bei der weiteren Optimierung deiner Arbeitsabl\u00e4ufe, bei der Unterst\u00fctzung deiner Mitarbeiter oder bei der Einf\u00fchrung neuer Funktionen.   <\/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_3d63485e9490abb42e235ef2913353c5\" 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_3d63485e9490abb42e235ef2913353c5 {\n    padding-top: 90px;\n    padding-bottom: 0px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_3d63485e9490abb42e235ef2913353c5 {\n    padding-top: 90px;\n    padding-bottom: 0px;\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\">DAM f\u00fcr Bildung, \u00f6ffentlicher Dienst und NGO<\/h2>\n\n\n<div id=\"3952\" class=\"py-3 text-center storylane\">\n                        <div>\n                <script src=\"https:\/\/js.storylane.io\/js\/v1\/storylane.js\"><\/script>\n                <div class=\"sl-embed\" \n\n                style=\"position:relative;padding-bottom:calc(56.23% + 27px);width:100%;height:0;transform:scale(1)\">\n                    <iframe class=\"sl-demo\" src=\"https:\/\/4allportal.storylane.io\/demo\/6k0bycbpvxo7\" name=\"sl-embed\" allow=\"fullscreen\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(63,95,172,0.35);box-shadow: 0px 0px 18px rgba(26, 19, 72, 0.15);border-radius:10px;box-sizing:border-box;\"><\/iframe>\n                <\/div>\n            <\/div>\n\n                    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_02332d36bf62df5fd0ee066ef403668e\" 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_02332d36bf62df5fd0ee066ef403668e {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_02332d36bf62df5fd0ee066ef403668e {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #demo-footer-cta-block_a38206e1796ce3692a926a4284e11800 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_a38206e1796ce3692a926a4284e11800 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<style>\n    .demo-footer-cta {\n        color: #FFF;\n        border-bottom: 1px solid #707070;\n        padding-top: 90px !important;\n        padding-bottom: 0 !important;\n        background: rgb(49,49,49);\n        background: -moz-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: -webkit-linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        background: linear-gradient(180deg, rgba(49,49,49,1) 0%, rgba(0,0,0,1) 100%);\n        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#313131\",endColorstr=\"#000000\",GradientType=1);\n    }\n    .demo-footer-cta .preheadline {\n        color: #ff8200 !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a {\n        border: 1px solid #FFF !important;\n        color: #FFF !important;\n    }\n    .demo-footer-cta .wp-block-button.is-style-outline > a:hover {\n        border: 1px solid var(--orange) !important;\n        color: var(--orange) !important;\n    }\n\n    .demo-footer-cta.dark h2,\n    .demo-footer-cta.dark h3,\n    .demo-footer-cta.dark p,\n    body .body-container.light .demo-footer-cta.dark h2,\n    body .body-container.light .demo-footer-cta.dark h3,\n    body .body-container.light .demo-footer-cta.dark p {\n        color: var(--white) !important;\n    }\n    .body-container.dark .demo-footer-cta {\n        background: none;\n    }\n    .demo-footer-cta h2 {\n        color: #FFF;\n        font-weight: 500;\n    }\n    .demo-footer-cta-screenshot {\n        width: 100%;\n        position: relative;\n        display: flex;\n        align-items: end;\n    }\n    .demo-footer-cta-screenshot > img {\n        width: 100%;\n        height: auto;\n        display: block;\n        opacity: 0.85;\n        padding-right: 5rem;\n        padding-left: 5rem;\n    }\n    .demo-footer-cta .list-block ul {\n        margin: 2rem 0 0 0;\n        display: flex;\n        justify-content: space-around !important;\n    }\n    .demo-footer-cta .wp-block-buttons {\n        margin: 3rem 0 3rem 0;\n    }\n    @media screen and (min-width: 1434px) {\n        .container-parallax {\n            width: 1434px;\n            margin: auto;\n        }\n    }\n    @media screen and (max-width: 1433px) {\n        .container-parallax {\n            width: 100%;\n            padding: 0 5%;\n            margin: auto;\n        }\n    }\n    \n    @media screen and (min-width: 768px) {\n        .demo-footer-cta-screenshot {\n            min-height: 45vh;\n        }\n        .parallax-layer {\n            position: absolute;\n        }\n        .parallax-layer > img {\n            width: 100%; \n            height: auto; \n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(60px);\n            transition: 0.6s ease-in;\n        }\n        .parallax-layer.active > img {\n            width: 100%; \n            height: auto; \n            opacity: 1;\n            visibility: visible;\n            transform: translateY(10px);\n            transition: 0.6s ease-in-out;\n        }\n        #layer1 {\n            width: 230px;\n            height: auto;\n            right: 0;\n            top: 20%;\n            border-radius: 8px;\n        }\n        #layer2 {\n            width: 200px;\n            left: 0;\n            top: 25%;\n            border-radius: 8px;\n        }\n        #layer3 {\n            width: 240px;\n            right: 40%;\n            top: 40%;\n            border-radius: 8px;\n        }\n    }\n    @media screen and (max-width: 768px) {\n        .parallax-layer {\n            display: none;\n        }\n        .demo-footer-cta .list-block ul {\n            flex-wrap: wrap;\n        }\n    }\n    @media screen and (max-width: 576px) {\n        .demo-footer-cta .list-block ul{\n            display: block;\n            text-align: center;\n        }\n        .demo-footer-cta ul.list-block__list li {\n            padding: 5rem 0 0 0;\n            display: block;\n            margin-bottom: 2.5rem;\n        }\n        .demo-footer-cta ul.list-block__list li::before {\n            left: 0;\n            top: 1.25rem;\n            right: 0;\n            margin: auto;\n        }\n        .demo-footer-cta-screenshot > img {\n            padding-right: 1.5rem;\n            padding-left: 1.5rem;\n        }\n    }\n<\/style>\n\n<section id=\"demo-footer-cta-block_a38206e1796ce3692a926a4284e11800\" class=\"demo-footer-cta | dark\">\n    <div class=\"container-parallax px-0\">\n           <div class=\"container\">\n           \n\n<h2 class=\"wp-block-heading has-text-align-center\">Erkunde die Plattform selbst oder erhalte eine individuelle Demo<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Starte eine interaktive Produkttour und klicke dich selbst durch das System oder buche eine pers\u00f6nliche Demo, um zu sehen, wie 4ALLPORTAL zu eurem Setup und euren Prozessen passt.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/de\/tour\/dam-and-pim\">Produkttour starten<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/demo-anfrage\" style=\"border-radius:35px\">Individuelle Demo erhalten<\/a><\/div>\n<\/div>\n\n\n           <\/div>\n        <div class=\"container-fluid\">\n            <div class=\"demo-footer-cta-screenshot parallax-container\">\n                <!-- <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\"> -->\n\n                                        <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-screenshot.png\" alt=\"\">\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer1\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-1.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer2\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-2.png\" alt=\"\"><\/div>\n                        <div class=\"parallax-layer b-sh d-none d-sm-none d-md-none d-lg-block\" id=\"layer3\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/footer-parallax-element-3.png\" alt=\"\"><\/div>\n                                        \n            <\/div>\n        <\/div>\n    <\/div> \n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n    var buttonLink = document.querySelector('.demo-footer-cta .wp-block-button__link');\n    var parallaxLayers = document.querySelectorAll('.parallax-layer');\n\n    buttonLink.addEventListener('mouseover', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.add('active');\n        });\n    });\n\n    buttonLink.addEventListener('mouseout', function () {\n        parallaxLayers.forEach(function (layer) {\n            layer.classList.remove('active');\n        });\n    });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":19603,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"industry_categories":[613],"customer_stage":[450],"class_list":["post-3952","industries","type-industries","status-publish","has-post-thumbnail","hentry","industry_categories-oeffentliche-verwaltung"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/industries\/3952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/industries"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/industries"}],"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\/industries\/3952\/revisions"}],"predecessor-version":[{"id":42327,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/industries\/3952\/revisions\/42327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media\/19603"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=3952"}],"wp:term":[{"taxonomy":"industry_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/industry_categories?post=3952"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=3952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}