{"id":15459,"date":"2024-02-05T08:26:59","date_gmt":"2024-02-05T08:26:59","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?post_type=industries&#038;p=15459"},"modified":"2026-05-21T06:42:51","modified_gmt":"2026-05-21T06:42:51","slug":"dam-software-fuer-agenturen","status":"publish","type":"industries","link":"https:\/\/4allportal.com\/de\/branchen\/dam-software-fuer-agenturen","title":{"rendered":"Agenturen"},"content":{"rendered":"\n<style>\n@media screen and (min-width: 391px) {\n  #hero-block_8dcc4b5c4fe57c25c87c281da831bb76 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #hero-block_8dcc4b5c4fe57c25c87c281da831bb76 {\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_8dcc4b5c4fe57c25c87c281da831bb76\" 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 Agenturen<\/mark><\/h1>\n\n\n\n<h2 class=\"wp-block-heading h1\">Inhalte sauber nach Kunden und Projekten strukturieren<\/h2>\n\n\n\n<p>Wenn Inhalte, Freigaben und Dateien \u00fcber Kunden und Tools verteilt sind, entsteht Chaos. Organisiere alles in klar getrennten Kunden- und Projektstrukturen \u2013 mit definierten Freigaben, klaren Versionen und voller Kontrolle \u00fcber Nutzung und Rechte.<\/p>\n\n\n\n<div class=\"wp-block-buttons has-light-bg is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/demo-anfrage\" style=\"border-radius:35px\">Demo buchen<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#start\" style=\"border-radius:35px\">Mehr erfahren<\/a><\/div>\n<\/div>\n\n\n    <\/div>\n\n      <\/div>\n\n\n    <div class=\"hero_img | rounded col-12 col-xl-6 d-flex align-items-center  justify-content-start justify-content-xl-end mt-2 mt-xxl-0 gap-3\">\n    <img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bessere-collaboraton-fuer-agenturen.1-768x768.jpg\" class=\"o-fit--contain not-lazyloaded rounded\" alt=\"Bessere Collaboration f\u00fcr Agenturen mit Digital Asset Management\" loading=\"eager\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/bessere-collaboraton-fuer-agenturen.1-768x768.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/bessere-collaboraton-fuer-agenturen.1-300x300.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/bessere-collaboraton-fuer-agenturen.1-1024x1024.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/bessere-collaboraton-fuer-agenturen.1-150x150.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/bessere-collaboraton-fuer-agenturen.1-1536x1536.jpg 1536w, https:\/\/4allportal.com\/wp-content\/uploads\/bessere-collaboraton-fuer-agenturen.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_eb24ab9c1ecef9cdcf0a0d182249c42d {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #customer-logo-bar-block_eb24ab9c1ecef9cdcf0a0d182249c42d {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"customer-logo-bar-block_eb24ab9c1ecef9cdcf0a0d182249c42d\" 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\/die-bildbeschaffer-logo-e1707124323547.png\" alt=\"Die Bildbeschaffer Logo\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-2\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/AFP-Website-Logo-1-e1664972816624.png\" alt=\"afp marketing gmbh\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-3\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/scanlitho-logo-e1707124348141.png\" alt=\"scanlitho logo\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-4\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/mediengruppe-oberfranken-logo-e1707124375164.png\" alt=\"Mediengruppe Oberfranken\" \/>\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_91b26f6933cb0ff8df034e4b6f984c93 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_91b26f6933cb0ff8df034e4b6f984c93 {\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_91b26f6933cb0ff8df034e4b6f984c93\" 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 Agenturen 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\">Inhalte je Kunde und Projekt sauber organisieren<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Inhalte sind oft \u00fcber Kunden, Tools und Ordner verteilt. Mit klaren Kunden- und Projektstrukturen verwaltest du nicht nur Dateien zentral, sondern auch den Kontext dahinter \u2013 und findest sofort, worum es in einem Projekt geht.<\/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\">Freigaben deutlich beschleunigen<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Abstimmungen ziehen sich durch E-Mails, Kommentare und endlose Feedbackschleifen. Verwalte Feedback, Korrekturen und Freigaben an einem Ort und halte Projekte ohne Verz\u00f6gerungen in Bewegung.<\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559731&quot;:720,&quot;335559740&quot;:276}\">\u00a0<\/span><\/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\">Sicher mit Kunden und Partnern zusammenarbeiten<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Externe Zusammenarbeit wird schnell un\u00fcbersichtlich. Gib Kunden und Partnern gezielten Zugriff auf Projekte und Inhalte, steuere Freigaben zentral und behalte jederzeit die Kontrolle.<\/p>\n<\/div>\n                        <\/li>\n                                            <\/ul>\n                                    <\/div>\n                \n            <div class=\"tab-content tabs-images-content rounded col-12 col-md-6 tab-p p-0 overflow-hidden glass-without-padding\">\n                                \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  has-screenshot  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top-left\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/arbeite-in-der-agentur-besser-zusammen.jpg\" alt=\"Finde alle Dateien an einem Ort\" \/>\n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__screenshot fadeIn orientation-bottom-right\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/02-docke-deine-tools-an-das-4allportal-system.svg.svg\" alt=\"Pushe deine Dateien direkt zum richtigen Channel\" \/>\n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  has-screenshot  \" id=\"tabs-2\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top-left\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/einfachere-korrekturschleifen-fuer-agenturen.jpg\" alt=\"Verk\u00fcrze die Korrekturschleifen innerhalb deiner Agentur\" \/>\n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__screenshot fadeIn orientation-bottom-right\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/korrekurschleifen-verkuerzen.png\" alt=\"Verk\u00fcrze die Korrekturschleifen deiner Projekte\" \/>\n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  has-screenshot  \" id=\"tabs-3\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top-left\" style=\"object-position: top center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bessere-zusammenarbeit-mit-externen.jpg\" alt=\"F\u00fcr eine bessere Zusammenarbeit mit Externen\" \/>\n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__screenshot fadeIn orientation-bottom-right\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/einfache-zusammenarbeit-mit-dam.png\" alt=\"Einfache Zusammenarbeit mit DAM\" \/>\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\">W\u00e4chst mit eurer Agentur<\/mark><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-white-color\">Mehr Kunden, mehr Projekte, mehr Content \u2013 ohne dass Prozesse, Tools oder Abstimmungen zum Flaschenhals werden.<\/mark><\/p>\n<\/div>\n<\/div>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #content-squares-block_90257bee2a3b4669826acfdd5c80b5fc {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-squares-block_90257bee2a3b4669826acfdd5c80b5fc {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"content-squares-block_90257bee2a3b4669826acfdd5c80b5fc\" class=\"content-squares content_large layout_dark | py-4 text-center\">\n  <div class=\"container\">\n    <div class=\"row row-flex flex-md-wrap g-0\">\n    \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/lizenzen-verwalten.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Rechte und Lizenzen im Griff<\/h3>\n                <p>Verwalte Nutzungsrechte zentral und vermeide rechtliche Risiken bei der Verwendung von Bildern und Inhalten.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bild.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Deine Tools nahtlos verbinden<\/h3>\n                <p>Integriere CMS, Cloud und weitere Tools in eine zentrale Plattform \u2013 statt zwischen Systemen zu wechseln und den \u00dcberblick zu verlieren.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/teilen-grosser-dateien.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Gro\u00dfe Dateien einfach teilen<\/h3>\n                <p>Teile gro\u00dfe Dateien direkt und ohne Umwege. Kein WeTransfer, keine Upload-Wartezeiten \u2013 deine Inhalte sind sofort verf\u00fcgbar.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/faster-time-to-market.svg\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Skalieren ohne Chaos<\/h3>\n                <p>Wachse mit mehr Kunden, Projekten und Medien, ohne Struktur oder Kontrolle zu verlieren.\r\n\r\n \r\n\r\n <\/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_d122478ddbe5d038996e0d4013a2316f\" 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_d122478ddbe5d038996e0d4013a2316f {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_d122478ddbe5d038996e0d4013a2316f {\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_866e5ee30b4270863c2a8eeaf1b9395f {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #demo-footer-cta-block_866e5ee30b4270863c2a8eeaf1b9395f {\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_866e5ee30b4270863c2a8eeaf1b9395f\" 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=\"https:\/\/4allportal.com\/de\/tour\/dam-pim\" style=\"border-radius:35px\">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":15622,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"industry_categories":[459],"customer_stage":[450],"class_list":["post-15459","industries","type-industries","status-publish","has-post-thumbnail","hentry","industry_categories-agentur"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/industries\/15459","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":3,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/industries\/15459\/revisions"}],"predecessor-version":[{"id":42616,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/industries\/15459\/revisions\/42616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media\/15622"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=15459"}],"wp:term":[{"taxonomy":"industry_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/industry_categories?post=15459"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=15459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}