{"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<style>\n@media screen and (min-width: 391px) {\n  #testimonial-slider-block_65c738f18202737cb94a19a1facb5aa8 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #testimonial-slider-block_65c738f18202737cb94a19a1facb5aa8 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<div id=\"testimonial-compact\" \n     class=\"testimonial-count-15459  | container\"\n     role=\"region\"\n     aria-label=\"Kundenstimmen\">\n\n    <div class=\"container-fluid p-0\">\n        <div class=\"testimonial-box-inner testimonial-15459 d-flex align-items-center\">\n\n            \n                <div >\n\n                    \n                        <figure class=\"row g-0 m-0\">\n\n                            <!-- Linke Spalte: Logo + Facts oder Titel -->\n                            <div class=\"col-lg col-md-12 p-sm-0 d-lg-flex flex-column justify-content-between\">\n\n                                                                    <img decoding=\"async\" width=\"150\" height=\"56\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/AFP-Website-Logo-1-e1664972816624-150x56.png\" class=\"testimonial-logo lazyload\" alt=\"afp Marketing GmbH\" loading=\"lazy\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/AFP-Website-Logo-1-e1664972816624-150x56.png 150w, https:\/\/4allportal.com\/wp-content\/uploads\/AFP-Website-Logo-1-e1664972816624.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" title=\"\" \/>                                \n                                                                    <h3 class=\"h4\">Zielgerichtetes System mit erstklassiger Suchfunktion und digitalen Workflow-Unterst\u00fctzungen<\/h3>\n                                \n                            <\/div>\n\n                            <!-- Rechte Spalte: Quote + Autor -->\n                            <div class=\"col-lg col-md-12 testimonial-box-text-container\">\n\n                                <blockquote cite=\"\/de\/success-stories\/afp-marketing\" class=\"m-0 p-0\">\n                                    <p class=\"testimonial-box-text\">\n                                        Das Hauptziel bestand darin, ein System anzuschaffen, das eine Bilddatenbank mit richtig guter Suchfunktion bietet und digitale Workflows unterst\u00fctzt. Eine schnelle und \u00fcbersichtliche Vorschau der Dateien, nach denen man sucht, sollte ebenfalls enthalten sein.                                     <\/p>\n                                <\/blockquote>\n\n                                <figcaption class=\"testimonial-box-autor d-flex align-items-center pt-2\">\n                                                                        <div>\n                                        <b>Anne Mette Alfken<\/b><br>\n                                        <span class=\"testimonial-autor-position\">\n                                            Pflege der Onlineshops                                            , afp Marketing GmbH                                        <\/span>\n                                    <\/div>\n                                <\/figcaption>\n\n                                \n                            <\/div>\n\n                        <\/figure>\n\n                                        \n                <\/div>\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    window.addEventListener(\"load\", function () {\n        var testimonialBox = document.getElementById(\"testimonial-compact\");\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\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}]}}