{"id":42803,"date":"2026-05-21T13:58:12","date_gmt":"2026-05-21T13:58:12","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?post_type=solutions&#038;p=42803"},"modified":"2026-05-21T13:58:42","modified_gmt":"2026-05-21T13:58:42","slug":"marketing-manager","status":"publish","type":"solutions","link":"https:\/\/4allportal.com\/de\/loesungen\/user\/marketing-manager","title":{"rendered":"Marketing Manager"},"content":{"rendered":"\n<style>\n@media screen and (min-width: 391px) {\n  #hero-block_729649d6fa9e77e4b2b78c32a7b77425 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #hero-block_729649d6fa9e77e4b2b78c32a7b77425 {\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_729649d6fa9e77e4b2b78c32a7b77425\" class=\"hero | position-relative section-pt section-pb\"\n  style=\" overflow: hidden;  background: #ffffff  \">\n\n  <div class=\"hero_background | position-absolute top-0 end-0 bottom-0 start-0\"\n    style=\"\">\n      <\/div>\n\n\n  <div class=\"container position-relative\">\n    \n\n<div class=\"row g-3\">\n  <div class=\"hero_content | col-12 col-xl-6 d-flex flex-column justify-content-center pe-xxl-8\">\n    <div>\n      \n\n<h1 class=\"wp-block-heading preheadline\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">DAM &amp; PIM F\u00dcR marketing manager<\/mark><\/h1>\n\n\n\n<h2 class=\"wp-block-heading h1 has-dark-grey-color has-text-color\">Schluss mit der Suche nach Dateien und endlosen Abstimmungen<\/h2>\n\n\n\n<p class=\"has-text-align-left hero__text mt-2 has-dark-grey-color has-text-color\">Kein Medienchaos, keine Versionskonflikte und keine \u201emenschliche Suchmaschine\u201c mehr. Gib deinem Team sofort Zugriff auf die richtigen Inhalte \u2013 damit du nicht st\u00e4ndig Dateien hin- und herschicken musst.<\/p>\n\n\n\n<div class=\"wp-block-buttons has-light-bg is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/4allportal.com\/de\/demo-anfrage\" style=\"border-radius:35px\">Demo buchen<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#start\" style=\"border-radius:35px\">Mehr erfahren<\/a><\/div>\n<\/div>\n\n\n    <\/div>\n\n      <\/div>\n\n\n    <div class=\"hero_img | rounded col-12 col-xl-6 d-flex align-items-center  justify-content-start justify-content-xl-end mt-2 mt-xxl-0 gap-3\">\n    <img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-marketing-teams-768x512.jpg\" class=\"o-fit--contain not-lazyloaded rounded\" alt=\"Digital Asset Management f\u00fcr Marketing und Sales Manager\" loading=\"eager\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-marketing-teams-768x512.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-marketing-teams-300x200.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-marketing-teams-1024x683.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-marketing-teams-150x100.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-marketing-teams-1536x1024.jpg 1536w, https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-marketing-teams.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_b557eca4140948a630ac702d8338b3e8 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #customer-logo-bar-block_b557eca4140948a630ac702d8338b3e8 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"customer-logo-bar-block_b557eca4140948a630ac702d8338b3e8\" 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\/Phoenix_Contact_Logo.png\" alt=\"Phoenic Contact\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-2\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/bofrost-e1707125810736.png\" alt=\"bofrost*\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-3\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/teekanne-logo.svg\" alt=\"Teekanne\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-4\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/warner-bros-discovery-logo.svg\" alt=\"Warner Bros. Discovery\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-5\">\n                                            <img decoding=\"async\"   src=\"https:\/\/4allportal.com\/wp-content\/uploads\/BOMAG_201x_logo.svg\" alt=\"BOMAG\" \/>\n                                    <\/li>\n                            <li class=\"col img-counter-6\">\n                                    <\/li>\n                        <\/ul>\n            <\/div>\n<\/section>\n\n\n<section id=\"start\" class=\"content-wrapper position-relative\"\n  style=\"background: #333333; padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #start {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #start {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<h2 class=\"wp-block-heading has-text-align-center has-white-color has-text-color\">Zusammenarbeit ohne Abstimmungschaos<\/h2>\n\n\n\n<section id=\"content-wrapper-block_17f495aacf9579d677abeba8a8a904af\" 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_17f495aacf9579d677abeba8a8a904af {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_17f495aacf9579d677abeba8a8a904af {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container--small px-0\">\n    \n        \n\n<p class=\"has-text-align-center\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-white-color\">Arbeite mit deinem Team und externen Partnern in einem System statt \u00fcber E-Mails, Ordner und Einzell\u00f6sungen \u2013 und bringe Kampagnen schneller live.<\/mark><\/p>\n\n\n  <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #content-squares-block_7fb43f9a809e8adc4ca6251f26f0a181 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-squares-block_7fb43f9a809e8adc4ca6251f26f0a181 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"content-squares-block_7fb43f9a809e8adc4ca6251f26f0a181\" 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\/produktivitaet-foerdern.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Schneller Content erstellen<\/h3>\n                <p>Erstelle Inhalte gemeinsam in einem System, statt Dateien hin- und herzuschicken oder in verschiedenen Tools zu arbeiten.<\/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\/approval-workflows-with-software.png\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Schnelle Freigaben<\/h3>\n                <p>Keine wochenlangen E-Mail-Ketten und kein Hinterherlaufen mehr. Klare Workflows sorgen daf\u00fcr, dass Inhalte schneller gepr\u00fcft und freigegeben werden.<\/p>\n                \n                            <\/div>\n      <\/div>\n\n   \n            <div class=\"content-square rounded col-12 col-lg-6 columns-4\">\n            <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/rollen-und-rechte-management.svg\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Klare Zugriffskontrolle<\/h3>\n                <p>Steuere genau, wer auf welche Inhalte zugreifen und sie nutzen darf \u2013 auch \u00fcber Teams, Standorte und externe Partner hinweg.<\/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\/konvertierung-von-dateiformaten.svg\" alt=\"\">\n            <div class=\"content-squares-inner\">\n                \n                <h3>Weniger manuelle Arbeit<\/h3>\n                <p>Automatisiere wiederkehrende Aufgaben wie Formatanpassungen, Datenpflege oder Bereitstellung von Inhalten f\u00fcr andere Systeme.<\/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_aaae5de954e5cc72187cc860d8aae8f6\" 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_aaae5de954e5cc72187cc860d8aae8f6 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_aaae5de954e5cc72187cc860d8aae8f6 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_18ecbd7d94e4eb676cea1c3d291540bc {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_18ecbd7d94e4eb676cea1c3d291540bc {\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_18ecbd7d94e4eb676cea1c3d291540bc\" class=\"tabs-images position-relative section-pt light-orange   row justify-content-between flex-row-reverse  section-pb\">\n        <div class=\"blur blur-orange-gradient-60\"><\/div>\n        <div class=\"tab-p py-1 col-12 rounded col-md-6\">\n            \n\n<h2 class=\"wp-block-heading tabs-images__headline\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-darkest-grey-color\">Weniger Zeitdruck. Mehr planbare Projekte<\/mark><\/h2>\n\n\n\n<p>Beende Last-Minute-Stress und endlose Abstimmungen. Mit klaren Prozessen und zentralen Daten bringst du Projekte schneller und strukturierter zum Abschluss.<\/p>\n\n\n                                <ul class=\"nav nav-tabs\" id=\"myTabs\">\n                                            <li class=\"nav-item position-relative\">\n                            <a class=\"nav-link\" id=\"tabs-1\" data-bs-toggle=\"tab\" href=\"#tabs-1\">\n                                \n                                                            <h3 class=\"h5\">Strukturierte Projektabl\u00e4ufe<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Arbeite mehrere Projekte parallel, ohne den \u00dcberblick zu verlieren oder st\u00e4ndig nachfassen zu m\u00fcssen.<\/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\">Einfache Zusammenarbeit<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Keine E-Mail-Ketten und kein Versionschaos mehr. Arbeite mit Kollegen und externen Partnern direkt in einem System.<\/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\">Schnellere Freigaben<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Verk\u00fcrze Abstimmungsprozesse und bringe Inhalte schneller live \u2013 ohne lange Diskussionen oder Verz\u00f6gerungen.<\/p>\n<\/div>\n                        <\/li>\n                                            <\/ul>\n                                    <\/div>\n                \n            <div class=\"tab-content tabs-images-content rounded col-12 col-md-6 tab-p p-0 overflow-hidden glass-without-padding\">\n                                \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/digital-asset-management-fuer-sales-und-marketing.jpg\" alt=\"Digital Asset Management f\u00fcr Sales und Marketing\" \/>\n                        \n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-2\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dam-fuer-konzerne.jpg\" alt=\"4ALLPORTAL \u2013 DAM f\u00fcr Konzerne\" \/>\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\/einfache-kommunikation-mit-dam-software.jpg\" alt=\"Einfache Kommunikation und Freigabeprozesse innerhalb der DAM Software\" \/>\n                        \n                                                                    <\/div>\n                   \n                            <\/div>\n                 <\/section>\n\n<script>\n\n\n                        \ndocument.addEventListener('DOMContentLoaded', function () {\n        var tabsContainers = document.querySelectorAll('.tabs-images');\n\n        tabsContainers.forEach(function (container) {\n            \/\/ Setze den ersten Tab als aktiv\n            var firstNavLink = container.querySelector('.tabs-images .nav-tabs .nav-link:first-child');\n            if (firstNavLink) {\n                firstNavLink.classList.add('active');\n            }\n\n            \/\/ Setze den ersten Tab als aktiv\n            var firstNavItem = container.querySelector('.tabs-images .nav-tabs .nav-item:first-child');\n            if (firstNavItem) {\n                firstNavItem.classList.add('active');\n            }\n\n            \/\/ Zeige den Inhalt des ersten Tabs\n            var firstTabPane = container.querySelector('.tabs-images-content .tab-images-tab-pannel:first-child');\n            if (firstTabPane) {\n                firstTabPane.classList.add('show', 'active');\n            }\n        });  \n    });\n\n    document.addEventListener('DOMContentLoaded', function () {\n      var tabsContainers = document.querySelectorAll('.tabs-images');\n\n      tabsContainers.forEach(function (container) {\n        var navLinks = container.querySelectorAll('.tabs-images .nav-link');\n        var tabPanes = container.querySelectorAll('.tab-images-tab-pannel');\n\n        navLinks.forEach(function (link, index) {\n          link.addEventListener('click', function (event) {\n            event.preventDefault();\n\n            \/\/ Entferne die Klasse \"active\" von allen Links und ihren Elternelementen\n            navLinks.forEach(function (otherLink) {\n              otherLink.classList.remove('active');\n              var parentNavItem = otherLink.closest('.tabs-images .nav-item');\n              if (parentNavItem) {\n                parentNavItem.classList.remove('active');\n              }\n            });\n\n            \/\/ F\u00fcge die Klasse \"active\" zum angeklickten Link und seinem Elternelement hinzu\n            link.classList.toggle('active');\n            var parentNavItem = link.closest('.tabs-images .nav-item');\n            if (parentNavItem) {\n              parentNavItem.classList.toggle('active');\n            }\n\n            \/\/ Entferne die Klassen \"show\" und \"active\" von allen Panes\n            tabPanes.forEach(function (pane) {\n              pane.classList.remove('show', 'active');\n            });\n\n            \/\/ F\u00fcge die Klassen \"show\" und \"active\" zum entsprechenden Pane hinzu\n            tabPanes[index].classList.toggle('show');\n            tabPanes[index].classList.toggle('active');\n          });\n        });\n      });\n    });\n    \n\n\n<\/script>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_aaae5de954e5cc72187cc860d8aae8f6\" 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_aaae5de954e5cc72187cc860d8aae8f6 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_aaae5de954e5cc72187cc860d8aae8f6 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_f6342c72bc4cde1c6075c81de621380e {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_f6342c72bc4cde1c6075c81de621380e {\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_f6342c72bc4cde1c6075c81de621380e\" class=\"tabs-images position-relative section-pt light-orange   row justify-content-between  section-pb\">\n        <div class=\"blur blur-orange-gradient-60\"><\/div>\n        <div class=\"tab-p py-1 col-12 rounded col-md-6\">\n            \n\n<h2 class=\"wp-block-heading tabs-images__headline\">Finde Inhalte sofort statt lange zu suchen<\/h2>\n\n\n\n<p>Beende das Medienchaos aus Ordnern, Laufwerken und Einzell\u00f6sungen. Jeder findet die richtigen Dateien in Sekunden \u2013 ohne andere fragen zu m\u00fcssen.<\/p>\n\n\n                                <ul class=\"nav nav-tabs\" id=\"myTabs\">\n                                            <li class=\"nav-item position-relative\">\n                            <a class=\"nav-link\" id=\"tabs-1\" data-bs-toggle=\"tab\" href=\"#tabs-1\">\n                                \n                                                            <h3 class=\"h5\">Zentrale Suche<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Durchsuche alle Inhalte an einem Ort, statt in verschiedenen Systemen oder Ablagen nach Dateien zu suchen.<\/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\">Inhalte einfach teilen<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Teile gro\u00dfe Datenmengen mit Kollegen, Kunden oder Partnern \u2013 ohne manuelles Hochladen oder Umwege.<\/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\">Klare Zugriffskontrolle<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Steuere genau, wer Inhalte sehen, bearbeiten oder nutzen darf \u2013 und vermeide Fehler und Risiken.<\/p>\n<\/div>\n                        <\/li>\n                                            <\/ul>\n                                    <\/div>\n                \n            <div class=\"tab-content tabs-images-content rounded col-12 col-md-6 tab-p p-0 overflow-hidden glass-without-padding\">\n                                \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/finde-deine-dateien.png\" alt=\"Finde deine Dateien\" \/>\n                        \n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-2\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/via-e-ticket-teilen.png\" alt=\"Schreibe eine Nachricht via eTicket\" \/>\n                        \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-bottom-left\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/01-aktuellste-version-finden.jpg\" alt=\"Habe immer die aktuellste Version deiner Dateien griffbereit\" \/>\n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__screenshot fadeIn orientation-top-right\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/03-rollenmanagement.jpg\" alt=\"Verwalte die Rollen deiner Nutzer\" \/>\n                                                                    <\/div>\n                   \n                            <\/div>\n                 <\/section>\n\n<script>\n\n\n                        \ndocument.addEventListener('DOMContentLoaded', function () {\n        var tabsContainers = document.querySelectorAll('.tabs-images');\n\n        tabsContainers.forEach(function (container) {\n            \/\/ Setze den ersten Tab als aktiv\n            var firstNavLink = container.querySelector('.tabs-images .nav-tabs .nav-link:first-child');\n            if (firstNavLink) {\n                firstNavLink.classList.add('active');\n            }\n\n            \/\/ Setze den ersten Tab als aktiv\n            var firstNavItem = container.querySelector('.tabs-images .nav-tabs .nav-item:first-child');\n            if (firstNavItem) {\n                firstNavItem.classList.add('active');\n            }\n\n            \/\/ Zeige den Inhalt des ersten Tabs\n            var firstTabPane = container.querySelector('.tabs-images-content .tab-images-tab-pannel:first-child');\n            if (firstTabPane) {\n                firstTabPane.classList.add('show', 'active');\n            }\n        });  \n    });\n\n    document.addEventListener('DOMContentLoaded', function () {\n      var tabsContainers = document.querySelectorAll('.tabs-images');\n\n      tabsContainers.forEach(function (container) {\n        var navLinks = container.querySelectorAll('.tabs-images .nav-link');\n        var tabPanes = container.querySelectorAll('.tab-images-tab-pannel');\n\n        navLinks.forEach(function (link, index) {\n          link.addEventListener('click', function (event) {\n            event.preventDefault();\n\n            \/\/ Entferne die Klasse \"active\" von allen Links und ihren Elternelementen\n            navLinks.forEach(function (otherLink) {\n              otherLink.classList.remove('active');\n              var parentNavItem = otherLink.closest('.tabs-images .nav-item');\n              if (parentNavItem) {\n                parentNavItem.classList.remove('active');\n              }\n            });\n\n            \/\/ F\u00fcge die Klasse \"active\" zum angeklickten Link und seinem Elternelement hinzu\n            link.classList.toggle('active');\n            var parentNavItem = link.closest('.tabs-images .nav-item');\n            if (parentNavItem) {\n              parentNavItem.classList.toggle('active');\n            }\n\n            \/\/ Entferne die Klassen \"show\" und \"active\" von allen Panes\n            tabPanes.forEach(function (pane) {\n              pane.classList.remove('show', 'active');\n            });\n\n            \/\/ F\u00fcge die Klassen \"show\" und \"active\" zum entsprechenden Pane hinzu\n            tabPanes[index].classList.toggle('show');\n            tabPanes[index].classList.toggle('active');\n          });\n        });\n      });\n    });\n    \n\n\n<\/script>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_aaae5de954e5cc72187cc860d8aae8f6\" 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_aaae5de954e5cc72187cc860d8aae8f6 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_aaae5de954e5cc72187cc860d8aae8f6 {\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_348ea5955ec7df091b58c9e9ad25fef8 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_348ea5955ec7df091b58c9e9ad25fef8 {\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_348ea5955ec7df091b58c9e9ad25fef8\" class=\"tabs-images position-relative section-pt light-orange   row justify-content-between flex-row-reverse  section-pb\">\n        <div class=\"blur blur-orange-gradient-60\"><\/div>\n        <div class=\"tab-p py-1 col-12 rounded col-md-6\">\n            \n\n<h2 class=\"wp-block-heading\">Wiederkehrende Aufgaben einfach automatisieren<\/h2>\n\n\n\n<p>Reduziere manuelle Arbeit und spare Zeit bei t\u00e4glichen Aufgaben. Automatisiere Prozesse, die sonst unn\u00f6tig Zeit kosten.<\/p>\n\n\n                                <ul class=\"nav nav-tabs\" id=\"myTabs\">\n                                            <li class=\"nav-item position-relative\">\n                            <a class=\"nav-link\" id=\"tabs-1\" data-bs-toggle=\"tab\" href=\"#tabs-1\">\n                                \n                                                            <h3 class=\"h5\">Direkte CMS-Integration<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">\u00dcbertrage Inhalte automatisiert in Website oder Shop \u2013 inklusive Formaten, Aufl\u00f6sungen und Metadaten.<\/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\">Automatisierte Erstellung von Inhalten<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Erstelle Datenbl\u00e4tter und Marketingmaterialien direkt aus deinen Daten, statt sie manuell aufzubauen.<\/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\">Stapelverarbeitung<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p class=\"p1\">Bearbeite gro\u00dfe Mengen an Bildern gleichzeitig und automatisiere Aufgaben wie Konvertierung, Zuschnitt oder Metadatenpflege.<\/p>\n<\/div>\n                        <\/li>\n                                            <\/ul>\n                                    <\/div>\n                \n            <div class=\"tab-content tabs-images-content rounded col-12 col-md-6 tab-p p-0 overflow-hidden glass-without-padding\">\n                                \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: left center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/seo-ready-images-marketing-automation.png\" alt=\"Bilder f\u00fcr SEO automatisieren\" \/>\n                        \n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-2\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image orientation-image-box-top\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/automatisches-generieren-von-datenblaettern.png\" alt=\"Automatisches generieren\" \/>\n                        \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-bottom-right\" style=\"object-position: center center;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/03-einheitlicher-marken-auftritt-in-allen-kanaelen.jpg\" alt=\"Automate many work steps with the mass change\" \/>\n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__screenshot fadeIn orientation-top-left\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/automatisierte-workflows.svg\" alt=\"Erleichtere dir deinen Arbeitsalltag mit unseren automatisierten Workflows\" \/>\n                                                                    <\/div>\n                   \n                            <\/div>\n                 <\/section>\n\n<script>\n\n\n                        \ndocument.addEventListener('DOMContentLoaded', function () {\n        var tabsContainers = document.querySelectorAll('.tabs-images');\n\n        tabsContainers.forEach(function (container) {\n            \/\/ Setze den ersten Tab als aktiv\n            var firstNavLink = container.querySelector('.tabs-images .nav-tabs .nav-link:first-child');\n            if (firstNavLink) {\n                firstNavLink.classList.add('active');\n            }\n\n            \/\/ Setze den ersten Tab als aktiv\n            var firstNavItem = container.querySelector('.tabs-images .nav-tabs .nav-item:first-child');\n            if (firstNavItem) {\n                firstNavItem.classList.add('active');\n            }\n\n            \/\/ Zeige den Inhalt des ersten Tabs\n            var firstTabPane = container.querySelector('.tabs-images-content .tab-images-tab-pannel:first-child');\n            if (firstTabPane) {\n                firstTabPane.classList.add('show', 'active');\n            }\n        });  \n    });\n\n    document.addEventListener('DOMContentLoaded', function () {\n      var tabsContainers = document.querySelectorAll('.tabs-images');\n\n      tabsContainers.forEach(function (container) {\n        var navLinks = container.querySelectorAll('.tabs-images .nav-link');\n        var tabPanes = container.querySelectorAll('.tab-images-tab-pannel');\n\n        navLinks.forEach(function (link, index) {\n          link.addEventListener('click', function (event) {\n            event.preventDefault();\n\n            \/\/ Entferne die Klasse \"active\" von allen Links und ihren Elternelementen\n            navLinks.forEach(function (otherLink) {\n              otherLink.classList.remove('active');\n              var parentNavItem = otherLink.closest('.tabs-images .nav-item');\n              if (parentNavItem) {\n                parentNavItem.classList.remove('active');\n              }\n            });\n\n            \/\/ F\u00fcge die Klasse \"active\" zum angeklickten Link und seinem Elternelement hinzu\n            link.classList.toggle('active');\n            var parentNavItem = link.closest('.tabs-images .nav-item');\n            if (parentNavItem) {\n              parentNavItem.classList.toggle('active');\n            }\n\n            \/\/ Entferne die Klassen \"show\" und \"active\" von allen Panes\n            tabPanes.forEach(function (pane) {\n              pane.classList.remove('show', 'active');\n            });\n\n            \/\/ F\u00fcge die Klassen \"show\" und \"active\" zum entsprechenden Pane hinzu\n            tabPanes[index].classList.toggle('show');\n            tabPanes[index].classList.toggle('active');\n          });\n        });\n      });\n    });\n    \n\n\n<\/script>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_31580255c404d544d7d0091eb892bfd4\" class=\"content-wrapper position-relative\"\n  style=\"background: #000000; padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #content-wrapper-block_31580255c404d544d7d0091eb892bfd4 {\n    padding-top: 70px;\n    padding-bottom: 50px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_31580255c404d544d7d0091eb892bfd4 {\n    padding-top: 70px;\n    padding-bottom: 50px;\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_d80dee177d39084cf831b733b72bf684 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #testimonial-slider-block_d80dee177d39084cf831b733b72bf684 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n<section id=\"42803\" \n         class=\"container testimonial-slider | position-relative section-pt section-pb dark\"\n         aria-label=\"Kundenstimmen\">\n\n  <div class=\"blur blur-orange-gradient-60\" aria-hidden=\"true\"><\/div>  \n  \n  <div class=\"testimonial-slider-container position-relative\">\n    <div class=\"row align-items-center\" style=\"width: 100%;\">\n      \n      <div class=\"col-12 col-lg-3\" style=\"flex: 0 0 auto;\">\n        \n\n<p class=\"preheadline\">Das sagen unsere Kunden<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-19b92facd412e3af6584aa1bb95d54ca\">Erfahrungen, die f\u00fcr sich sprechen<br><\/h2>\n\n\n        <div class=\"swiper--navigation\" aria-label=\"Slider Navigation\">\n          <button class=\"swiper-button-prev\" aria-label=\"Vorheriges Testimonial\"><\/button>\n          <button class=\"swiper-button-next\" aria-label=\"N\u00e4chstes Testimonial\"><\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"col-12 col-lg-9\">\n        <div class=\"swiper-container overflow-hidden\">\n          <div class=\"swiper testimonial-slider-design-two\"\n               role=\"region\" \n               aria-label=\"Testimonial Slider\">\n            \n            <div class=\"swiper-wrapper\">\n              \n              \n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/leonardo-glaskoch-logo.svg\" \n                               alt=\"Leonardo\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/leonardo\">\n                        <p>Die Suche nach Dateien war schwierig, viele hochwertige Bilder blieben ungenutzt. Deshalb haben wir uns f\u00fcr 4ALLPORTAL als geeignete DAM-Software entschieden.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                <p>\n                          <b>Oliver Kleine<\/b><br>\n                          Gesch\u00e4ftsf\u00fchrung                                                      <br><a href=\"\/de\/success-stories\/leonardo\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/warner-bros-logo-white.svg\" \n                               alt=\"Warner Bros. Discovery\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/warner-bros-discovery\">\n                        <p>Die Integration von 4ALLPORTAL in unsere Programmplanung spart 30 % Zeit im Bilddatenmanagement und bedeutet einen Quantensprung f\u00fcr unsere Workflows.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                <p>\n                          <b>Matthias Wiediger<\/b><br>\n                          Projektmanager                                                      <br><a href=\"\/de\/success-stories\/warner-bros-discovery\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/CEWE_logo_white.svg\" \n                               alt=\"Cewe\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/cewe\">\n                        <p>Mit 4ALLPORTAL haben wir uns f\u00fcr die Zukunft bestens aufgestellt: Das Rechtemanagement f\u00fcr Stockfotos, Eigenkreationen und Partnerfotos ist jetzt optimal gel\u00f6st.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                  <img decoding=\"async\" class=\"mr-2\" \n                               src=\"https:\/\/4allportal.com\/wp-content\/uploads\/dominic-brenzinski-cewe-mediaassets.1-150x150.jpg\" \n                               alt=\"\"\n                               loading=\"lazy\"\n                               width=\"60\"\n                               height=\"60\">\n                                                <p>\n                          <b>Dominic Brezinski<\/b><br>\n                          Leiter CEWE MediaAssets                                                       <br><a href=\"\/de\/success-stories\/cewe\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                \n                  <div class=\"swiper-slide rounded glass p-0\" role=\"listitem\">\n                    <figure class=\"testimonial-content d-grid p-4 m-0\">\n                     \n                      <div class=\"logo\">\n                                                  <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/reddot-logo-white.png\" \n                               alt=\"Red Dot Design\"\n                               loading=\"lazy\">\n                                              <\/div>\n\n                      <blockquote cite=\"\/de\/success-stories\/red-dot-design-award\">\n                        <p>Kurz gesagt hat uns die Modularit\u00e4t und Skalierbarkeit \u00fcberzeugt, mit der man im System arbeiten kann.<\/p>\n                      <\/blockquote>\n\n                      <figcaption class=\"d-flex author\">\n                                                  <img decoding=\"async\" class=\"mr-2\" \n                               src=\"https:\/\/4allportal.com\/wp-content\/uploads\/siegfried_schneider-1-150x100.jpg\" \n                               alt=\"Siegfried Schneider | Red Dot Design\"\n                               loading=\"lazy\"\n                               width=\"60\"\n                               height=\"60\">\n                                                <p>\n                          <b>Siegfried Schneider<\/b><br>\n                          CMO                                                      <br><a href=\"\/de\/success-stories\/red-dot-design-award\" \n                                   class=\"primary-link\">\n                              Erfolgsgeschichte lesen                            <\/a>\n                                                  <\/p>\n                      <\/figcaption>\n\n                    <\/figure>\n                  <\/div>\n\n                                \n              \n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script type=\"text\/javascript\" src=\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/js\/swiper-bundle.min.js\"><\/script>\n\n<!-- <script>\n  var swiper = new Swiper(\".testimonial-slider-design-two\", {\n    navigation: {\n        nextEl: \".testimonial-slider .swiper-button-next\",\n        prevEl: \".testimonial-slider .swiper-button-prev\",\n      },\n    breakpoints: {\n        640: {\n          slidesPerView: 1,\n          spaceBetween: 30,\n          gap: 30,\n        },\n        1024: {\n          slidesPerView: 2,\n          spaceBetween: 30,\n          gap: 30,\n        },\n    },\n  });\n<\/script> -->\n<script>\ndocument.querySelectorAll(\".testimonial-slider-design-two\").forEach(function(el) {\n  new Swiper(el, {\n    navigation: {\n      nextEl: el.closest(\".testimonial-slider\").querySelector(\".swiper-button-next\"),\n      prevEl: el.closest(\".testimonial-slider\").querySelector(\".swiper-button-prev\"),\n    },\n    breakpoints: {\n      640: { slidesPerView: 1, spaceBetween: 30 },\n      1024: { slidesPerView: 2, spaceBetween: 30 },\n    },\n  });\n});\n<\/script>\n\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_1cfa32fe8ac8090dbc5abbf9e8cd9c7b\" 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_1cfa32fe8ac8090dbc5abbf9e8cd9c7b {\n    padding-top: 90px;\n    padding-bottom: 90px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_1cfa32fe8ac8090dbc5abbf9e8cd9c7b {\n    padding-top: 90px;\n    padding-bottom: 90px;\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  #lets-talk-cta-block_62f6b80a37a5333801dcacb9b4e4f8e6 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #lets-talk-cta-block_62f6b80a37a5333801dcacb9b4e4f8e6 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<div id=\"lets-talk-cta-block_62f6b80a37a5333801dcacb9b4e4f8e6\" class=\"lets-talk-cta | p-0 \">\n    <div class=\"container rounded d-flex flex-column flex-column-md-reverse flex-column-sm-reverse flex-column-xs-reverse position-relative\">\n       \n      <!-- Swiper -->\n            <div class=\"swiper lets-talk-swiper rounded\">\n        <div class=\"swiper-wrapper\">\n                      <div class=\"swiper-slide rounded\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/lets-talk-expertenteam.png\" alt=\"\"><\/div>\n                      <div class=\"swiper-slide rounded\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/lets-talk-dominic-vieregge.png\" alt=\"\"><\/div>\n                      <div class=\"swiper-slide rounded\"><img decoding=\"async\" class=\"rounded\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/lets-talk-daniel-wuendisch-e1722331255707.png\" alt=\"\"><\/div>\n                  <\/div>\n        <div class=\"autoplay-progress\">\n          <svg viewBox=\"0 0 48 48\">\n            <circle cx=\"24\" cy=\"24\" r=\"20\"><\/circle>\n          <\/svg>\n          <span><\/span>\n        <\/div>\n      <\/div>\n           \n        \n      <div class=\"slider-content\">\n        <div class=\"d-lg-flex align-items-center flex-md-wrap flex-sm-wrap flex-sm-wrap p-4 position-relative\">\n              <div class=\"col-lg-6 col-md-12\">\n                  \n\n<h2 class=\"wp-block-heading has-text-align-left has-white-color has-text-color\">Finde heraus, wie du Inhalte schneller findest und deine Workflows beschleunigst<\/h2>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-light-grey-color\">In einem kurzen Gespr\u00e4ch erf\u00e4hrst du, wie du dein Medienchaos in den Griff bekommst, Abstimmungen reduzierst und deinem Team sofort Zugriff auf die richtigen Inhalte gibst \u2013 basierend auf deinem aktuellen Setup.<\/mark><\/p>\n\n\n\n<div id=\"list-block-block_8d7330730952f3c99b5de5e5093f8f54\" class=\"list-block | w-100 d-grid mt-0\" style=\"grid-template-columns: repeat(1, 1fr); column-gap: 4rem;\">\n\n<style>\n  #list-block-block_8d7330730952f3c99b5de5e5093f8f54 .list-block__list li {\n    color: white;\n  }\n\n  #list-block-block_8d7330730952f3c99b5de5e5093f8f54 ul.list-block__list li::before {\n    background-image: url(\"https:\/\/4allportal.com\/wp-content\/themes\/website-theme\/assets\/img\/list-check-white.svg\") !important;\n  }\n\n  @media screen (max-width:992px) {\n      .content-wrapper .wp-container-3,.content-wrapper .wp-block-columns {\n          gap:0 !important\n      }\n      .content-wrapper #list-block-block_8d7330730952f3c99b5de5e5093f8f54, .content-wrapper .wp-block-columns #list-block-block_8d7330730952f3c99b5de5e5093f8f54{\n          padding-right:0;\n      }\n  }\n  <\/style>\n  \n\n<ul class=\"wp-block-list list-block__list\">\n<li>Kostenloser Austausch mit einem Experten, der dir Best Practices zeigt<\/li>\n\n\n\n<li>Direktes Feedback zu deinem aktuellen Setup und deinen Prozessen<\/li>\n\n\n\n<li>Konkrete Tipps und Insights aus vergleichbaren Projekten<\/li>\n\n\n\n<li>Eine passende, skalierbare L\u00f6sung statt 0815-Software<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n                  <div class=\"buttons\">\n                  <!-- Calendly link widget begin -->\n                  <link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\n                    <script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" type=\"text\/javascript\" async><\/script>\n                                          <!-- Calendly Deutsch -->\n                      <a class=\"btn btn--primary\" href=\"\" onclick=\"Calendly.initPopupWidget({url: 'https:\/\/calendly.com\/d\/cn64-564-4xy\/sprich-mit-unseren-experten?hide_gdpr_banner=1&#038;text_color=333333&#038;primary_color=ff8200'});return false;\"><span class=\"material-symbols-outlined\">calendar_add_on<\/span> Let&#8217;s talk!<\/a>\n                                      <!-- Calendly link widget end -->\n                  <\/div>\n              <\/div>\n          <\/div>\n      <\/div>\n    <\/div>\n<\/div>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<!-- Initialize Swiper -->\n<script>\n  const progressCircle = document.querySelector(\".autoplay-progress svg\");\n  const progressContent = document.querySelector(\".autoplay-progress span\");\n  var swiper = new Swiper(\".lets-talk-swiper\", {\n    spaceBetween: 30,\n    centeredSlides: true,\n    effect: 'fade',\n    loop: true,\n    autoplay: {\n      delay: 5000,\n      disableOnInteraction: false\n    },\n    on: {\n      autoplayTimeLeft(s, time, progress) {\n        progressCircle.style.setProperty(\"--progress\", 1 - progress);\n        progressContent.textContent = `${Math.ceil(time \/ 1500)}s`;\n      }\n    }\n  });\n<\/script>\n\n\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":42772,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"solutions_categories":[],"product_categories":[433],"customer_stage":[450],"persona_categories":[615],"class_list":["post-42803","solutions","type-solutions","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/solutions"}],"author":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":2,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42803\/revisions"}],"predecessor-version":[{"id":42806,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42803\/revisions\/42806"}],"up":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions\/42772"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=42803"}],"wp:term":[{"taxonomy":"solutions_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/solutions_categories?post=42803"},{"taxonomy":"product_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/product_categories?post=42803"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=42803"},{"taxonomy":"persona_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/persona_categories?post=42803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}