{"id":21842,"date":"2022-09-26T12:04:51","date_gmt":"2022-09-26T12:04:51","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/overview-services-2"},"modified":"2025-09-15T13:32:00","modified_gmt":"2025-09-15T13:32:00","slug":"overview-services","status":"publish","type":"page","link":"https:\/\/4allportal.com\/de\/service","title":{"rendered":"Overview: Services"},"content":{"rendered":"\n<style>\n@media screen and (min-width: 391px) {\n  #hero-block_53a61dcb68544220212b72f264e3f95c {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #hero-block_53a61dcb68544220212b72f264e3f95c {\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_53a61dcb68544220212b72f264e3f95c\" 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-0\">\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<h2 class=\"wp-block-heading has-text-align-left hero__headline mb-2\">4ALLPORTAL Service<\/h2>\n\n\n\n<p class=\"has-text-align-left hero__text mt-2\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-white-color\">4ALLPORTAL ist mehr als eine DAM- oder PIM-Software. Mit 4ALLPORTAL erhalten Sie die volle Leistung eines Teams mit \u00fcber 20 Jahren Erfahrung, eine hoch skalierbare L\u00f6sung, die sich an Ihre Bed\u00fcrfnisse anpasst, und ein Netzwerk von internationalen Partnern in Kombination mit einem Service Level Agreement (SLA) und sicheren, ausfallsicheren Servern in Deutschland.<\/mark><\/p>\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\">\n    <img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/4allportal-services-768x512.jpg\" class=\"o-fit--contain not-lazyloaded rounded\" alt=\"Markenentwicklung definieren\" loading=\"eager\" srcset=\"https:\/\/4allportal.com\/wp-content\/uploads\/4allportal-services-768x512.jpg 768w, https:\/\/4allportal.com\/wp-content\/uploads\/4allportal-services-300x200.jpg 300w, https:\/\/4allportal.com\/wp-content\/uploads\/4allportal-services-1024x683.jpg 1024w, https:\/\/4allportal.com\/wp-content\/uploads\/4allportal-services-150x100.jpg 150w, https:\/\/4allportal.com\/wp-content\/uploads\/4allportal-services-1536x1024.jpg 1536w, https:\/\/4allportal.com\/wp-content\/uploads\/4allportal-services.jpg 1600w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"Markenentwicklung definieren\" \/>\n          <ul class=\"badges d-flex\">\n                      <li>\n              <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/top-rated-pim-badge-omr-reviews-2025.svg\" alt=\"Top rated PIM on OMR Reviews\" \/>\n            <\/li>\n                                <li>\n              <img decoding=\"async\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/omr-dam-leader.svg\" alt=\"OMR Leader \u2013 Digital Asset Management\" \/>\n            <\/li>\n                <\/ul>\n      <\/div>\n  <\/div>  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_2f5e50b979d7826804eb592fecda4b1d\" 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_2f5e50b979d7826804eb592fecda4b1d {\n    padding-top: 60px;\n    padding-bottom: 60px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_2f5e50b979d7826804eb592fecda4b1d {\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  #usp-container-block_dd16ab3e8ada76774a0eef3da9fa8530 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #usp-container-block_dd16ab3e8ada76774a0eef3da9fa8530 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<section id=\"usp-container-block_dd16ab3e8ada76774a0eef3da9fa8530\" class=\"usp-container position-relative section-pt\">\n\n  <header class=\"container--medium px-3 mb-3\">\n    \n\n<h2 class=\"wp-block-heading has-text-align-center usp-container__headline mb-2\">Lerne 4ALLPORTAL kennen<\/h2>\n\n\n\n<p class=\"has-text-align-center usp-container__text mt-2\"><\/p>\n\n\n  <\/header>\n\n  <style>\n.usp-wrap ul {\n  display: grid;\n  grid-template-columns: 100%;\n  grid-auto-rows: 1fr;\n  gap: 2rem;\n  padding-top: 1rem !important;\n}\n.usp-wrap {\n    margin-top: 0 !important;\n}\n.usp-wrap .number {\n  margin: 0 auto 0 auto;\n}\n.usp-wrap .text-center {\n  text-align: center;\n}\n@media (max-width: 767px) {\n    .usp-wrap ul {\n        grid-auto-rows: min-content;\n    }\n    .usp-wrap.container{overflow:visible!important}\n}\n\n@media (min-width: 768px) {\n  .usp-wrap ul {\n    grid-template-columns: repeat(2, 48%);\n  }\n}\n\n@media (min-width: 1200px) {\n  .usp-wrap ul {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n.usp-wrap .icon-card {\n  display: grid;\n  grid-template-rows: 100px auto;\n}\n\n<\/style>\n<div id=\"usp-container-block_dd16ab3e8ada76774a0eef3da9fa8530-cards-no-global\"\n  class=\"usp-wrap container position-relative\" style=\"overflow: hidden;\">\n\n  <ul class=\"list-unstyled py-1 py-md-4 w-100 gap-3\">\n    \n            <li class=\"icon-card no-global rounded glass dark | py-2 \">\n                                <div class=\"icon-card__icon--frame mb-3 number\">\n                    <!-- 4AP ICON SVG-->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28.96\" height=\"28.96\" viewBox=\"0 0 28.96 28.96\">\n                      <path id=\"_4allportal-icon\" data-name=\"4allportal-icon\"\n                        d=\"M33.66,4.7H4.7V33.66H33.66V19.8l-2.474,1.27V31.142H7.2V7.217H31.186V17.286l-5.779,2.342L19.169,8.9,9.647,29.26l13.134-6.085,2.408,5.45,4.137-2.32L26.5,21.445,33.66,18.14V4.7ZM16.082,23.372,19.388,15.4l2.474,5.647Z\"\n                        transform=\"translate(-4.7 -4.7)\" fill=\"#FFF\" \/>\n                    <\/svg>\n                  <\/div>\n                            \n              <div class=\"icon-cards__content-wrapper d-flex flex-column\">\n                <h4 class=\"icon-card__title | text-center mb-md-2\">\n                  01 Anforderungen                <\/h4>\n                <div class=\"icon-card__txt | text-center\">\n                  <p>Gemeinsam mit Ihnen definieren wir die technischen und prozessualen Anforderungen.<\/p>\n                <\/div>\n              <\/div>\n                  <\/li>\n              <li class=\"icon-card no-global rounded glass dark | py-2 \">\n                                <div class=\"icon-card__icon--frame mb-3 number\">\n                    <!-- 4AP ICON SVG-->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28.96\" height=\"28.96\" viewBox=\"0 0 28.96 28.96\">\n                      <path id=\"_4allportal-icon\" data-name=\"4allportal-icon\"\n                        d=\"M33.66,4.7H4.7V33.66H33.66V19.8l-2.474,1.27V31.142H7.2V7.217H31.186V17.286l-5.779,2.342L19.169,8.9,9.647,29.26l13.134-6.085,2.408,5.45,4.137-2.32L26.5,21.445,33.66,18.14V4.7ZM16.082,23.372,19.388,15.4l2.474,5.647Z\"\n                        transform=\"translate(-4.7 -4.7)\" fill=\"#FFF\" \/>\n                    <\/svg>\n                  <\/div>\n                            \n              <div class=\"icon-cards__content-wrapper d-flex flex-column\">\n                <h4 class=\"icon-card__title | text-center mb-md-2\">\n                  02 Insights                <\/h4>\n                <div class=\"icon-card__txt | text-center\">\n                  <p>In einer Live-Demo erhalten Sie einen Einblick in die vielf\u00e4ltigen Funktionen Ihres individuellen 4ALLPORTALs.<\/p>\n                <\/div>\n              <\/div>\n                  <\/li>\n              <li class=\"icon-card no-global rounded glass dark | py-2 \">\n                                <div class=\"icon-card__icon--frame mb-3 number\">\n                    <!-- 4AP ICON SVG-->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28.96\" height=\"28.96\" viewBox=\"0 0 28.96 28.96\">\n                      <path id=\"_4allportal-icon\" data-name=\"4allportal-icon\"\n                        d=\"M33.66,4.7H4.7V33.66H33.66V19.8l-2.474,1.27V31.142H7.2V7.217H31.186V17.286l-5.779,2.342L19.169,8.9,9.647,29.26l13.134-6.085,2.408,5.45,4.137-2.32L26.5,21.445,33.66,18.14V4.7ZM16.082,23.372,19.388,15.4l2.474,5.647Z\"\n                        transform=\"translate(-4.7 -4.7)\" fill=\"#FFF\" \/>\n                    <\/svg>\n                  <\/div>\n                            \n              <div class=\"icon-cards__content-wrapper d-flex flex-column\">\n                <h4 class=\"icon-card__title | text-center mb-md-2\">\n                  03 Test                <\/h4>\n                <div class=\"icon-card__txt | text-center\">\n                  <p>Wir geben Ihrem Team 14+ Tage Zugang zu dem ma\u00dfgeschneiderten Testsystem, um alle Funktionen selbst auszuprobieren.<\/p>\n                <\/div>\n              <\/div>\n                  <\/li>\n              <li class=\"icon-card no-global rounded glass dark | py-2 hidden-card d-lg-block d-none\">\n                                <div class=\"icon-card__icon--frame mb-3 number\">\n                    <!-- 4AP ICON SVG-->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28.96\" height=\"28.96\" viewBox=\"0 0 28.96 28.96\">\n                      <path id=\"_4allportal-icon\" data-name=\"4allportal-icon\"\n                        d=\"M33.66,4.7H4.7V33.66H33.66V19.8l-2.474,1.27V31.142H7.2V7.217H31.186V17.286l-5.779,2.342L19.169,8.9,9.647,29.26l13.134-6.085,2.408,5.45,4.137-2.32L26.5,21.445,33.66,18.14V4.7ZM16.082,23.372,19.388,15.4l2.474,5.647Z\"\n                        transform=\"translate(-4.7 -4.7)\" fill=\"#FFF\" \/>\n                    <\/svg>\n                  <\/div>\n                            \n              <div class=\"icon-cards__content-wrapper d-flex flex-column\">\n                <h4 class=\"icon-card__title | text-center mb-md-2\">\n                  04 Implementation                <\/h4>\n                <div class=\"icon-card__txt | text-center\">\n                  <p>Ausgiebig getestet und alle Fragen gekl\u00e4rt? Wir beginnen mit der Anpassung Ihres 4ALLPORTALs. Wir werden uns so schnell wie m\u00f6glich an die Umsetzung machen.<\/p>\n                <\/div>\n              <\/div>\n                  <\/li>\n              <li class=\"icon-card no-global rounded glass dark | py-2 hidden-card d-lg-block d-none\">\n                                <div class=\"icon-card__icon--frame mb-3 number\">\n                    <!-- 4AP ICON SVG-->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28.96\" height=\"28.96\" viewBox=\"0 0 28.96 28.96\">\n                      <path id=\"_4allportal-icon\" data-name=\"4allportal-icon\"\n                        d=\"M33.66,4.7H4.7V33.66H33.66V19.8l-2.474,1.27V31.142H7.2V7.217H31.186V17.286l-5.779,2.342L19.169,8.9,9.647,29.26l13.134-6.085,2.408,5.45,4.137-2.32L26.5,21.445,33.66,18.14V4.7ZM16.082,23.372,19.388,15.4l2.474,5.647Z\"\n                        transform=\"translate(-4.7 -4.7)\" fill=\"#FFF\" \/>\n                    <\/svg>\n                  <\/div>\n                            \n              <div class=\"icon-cards__content-wrapper d-flex flex-column\">\n                <h4 class=\"icon-card__title | text-center mb-md-2\">\n                  05 Go-Live                <\/h4>\n                <div class=\"icon-card__txt | text-center\">\n                  <p>Das individuell konfigurierte System geht live und ist einsatzbereit. Ihr 4ALLPORTAL-Ansprechpartner hilft Ihnen, Ihre DAM- und PIM-L\u00f6sung von nun an auf dem neuesten Stand zu halten.<\/p>\n                <\/div>\n              <\/div>\n                  <\/li>\n              <li class=\"icon-card no-global rounded glass dark | py-2 hidden-card d-lg-block d-none\">\n                                <div class=\"icon-card__icon--frame mb-3 number\">\n                    <!-- 4AP ICON SVG-->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28.96\" height=\"28.96\" viewBox=\"0 0 28.96 28.96\">\n                      <path id=\"_4allportal-icon\" data-name=\"4allportal-icon\"\n                        d=\"M33.66,4.7H4.7V33.66H33.66V19.8l-2.474,1.27V31.142H7.2V7.217H31.186V17.286l-5.779,2.342L19.169,8.9,9.647,29.26l13.134-6.085,2.408,5.45,4.137-2.32L26.5,21.445,33.66,18.14V4.7ZM16.082,23.372,19.388,15.4l2.474,5.647Z\"\n                        transform=\"translate(-4.7 -4.7)\" fill=\"#FFF\" \/>\n                    <\/svg>\n                  <\/div>\n                            \n              <div class=\"icon-cards__content-wrapper d-flex flex-column\">\n                <h4 class=\"icon-card__title | text-center mb-md-2\">\n                  06 Partnerschaft                <\/h4>\n                <div class=\"icon-card__txt | text-center\">\n                  <p>Durch unsere langj\u00e4hrige Partnerschaft und die kontinuierliche Weiterentwicklung Ihrer L\u00f6sung stellen wir sicher, dass Ihre Systeme skalierbar, flexibel und zukunftssicher bleiben.<\/p>\n                <\/div>\n              <\/div>\n                  <\/li>\n        <\/ul>\n  \n        <div class=\"w-100 mt-1\">\n          <button id=\"usp_show_more_2\" class=\"btn btn--secondary d-inline-block d-lg-none w-100\" style=\"padding: 1rem 3rem; font-family: 'Jost'; font-size: 16px;\">Alle anzeigen<\/button>\n      <\/div>\n  <\/div>    \n                <script type=\"module\">\n            if(window.innerWidth < 768)\n            {\n                if(document.querySelector('#icon_card_4')){\n                    const icon_cards = [...document.querySelector('#usp-container-block_dd16ab3e8ada76774a0eef3da9fa8530').querySelectorAll('.icon-card')]\n                    document.querySelector('#usp_show_more_2').addEventListener('click',()=>{\n                    for(let i = 4;i<icon_cards.length;i++){\n                        icon_cards[i].classList.remove('d-none')\n                    }\n                        document.querySelector('#usp_show_more_2').classList.add('d-none')\n                    })\n                }\n            }\n        <\/script>\n    <\/section>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_1547a2a77e0b5b52774ef55488e78b69\" 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_1547a2a77e0b5b52774ef55488e78b69 {\n    padding-top: 60px;\n    padding-bottom: 0px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_1547a2a77e0b5b52774ef55488e78b69 {\n    padding-top: 30px;\n    padding-bottom: 0px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"text-transform:none\">Hersteller. Implementierer. Entwickler. Berater.<\/h2>\n\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #text-image-screenshot-block_d5845129bec501ea98cc3683e7374781 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #text-image-screenshot-block_d5845129bec501ea98cc3683e7374781 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n  \n<section class=\"container mb-5\">\n    <div id=\"text-image-screenshot-block_d5845129bec501ea98cc3683e7374781\" class=\"container text-image-screenshot dark row align-items-center justify-content-center \">\n        <div class=\"p-between col-12 col-md-6\">\n            \n\n<h2 class=\"wp-block-heading mb-2\">Umsetzung<\/h2>\n\n\n\n<p>Neben dem hauseigenen Implementierungsteam arbeitet 4ALLPORTAL in Projekten auch mit ausgew\u00e4hlten, erfahrenen Partnern weltweit zusammen, die Sie bei der Einf\u00fchrung, Konfiguration und Wartung der Software unterst\u00fctzen.<\/p>\n\n\n\n<p>Ein erfahrenes Projektteam und ein fester Ansprechpartner auf der Herstellerseite helfen Ihnen, ein effizientes Datei- und Datenmanagement aufzubauen.<\/p>\n\n\n        <\/div>\n        <div class=\"text-image-screenshot__content rounded col-12 col-md-6 p-between p-0 mt-2 glass overflow-hidden\">\n                                                        <img decoding=\"async\" class=\"text-image-screenshot__image orientation-image-box-bottom-right\" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/implementation-4allportal.jpg\" alt=\"Implementation von 4ALLPORTAL\" \/>\n                    \n                                            \n<style>\n.sl-icon-wrap {\n    color: #FFF;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    z-index: 10;\n    bottom: 2rem;\n    left: 2rem;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    pointer-events: none;\n}\n\n.text-image-screenshot__content:hover .sl-icon-wrap {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n<\/style>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n<style>\n@media screen and (min-width: 391px) {\n  #text-image-screenshot-block_e5e3eb509b562c01840aed7c05b14933 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #text-image-screenshot-block_e5e3eb509b562c01840aed7c05b14933 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n  \n<section class=\"container mb-5\">\n    <div id=\"text-image-screenshot-block_e5e3eb509b562c01840aed7c05b14933\" class=\"container text-image-screenshot dark row align-items-center justify-content-center flex-row-reverse \">\n        <div class=\"p-between col-12 col-md-6\">\n            \n\n<h2 class=\"wp-block-heading mb-2\">Anpassung der Software<\/h2>\n\n\n\n<p>Damit Sie alle M\u00f6glichkeiten von 4ALLPORTAL f\u00fcr Ihre Zwecke optimal nutzen k\u00f6nnen, entwickeln wir f\u00fcr Sie ma\u00dfgeschneiderte Integrationen und Konnektoren sowie individuelle Workflows nach Ihren Anforderungen.<\/p>\n\n\n\n<p>4ALLPORTAL bietet eine Reihe von Schnittstellen, die durch Partner und Kundenw\u00fcnsche st\u00e4ndig optimiert und erweitert werden. Wenn Ihr Team bereits eine Branchenl\u00f6sung einsetzt und diese an Ihr eigenes 4ALLPORTAL angebunden werden soll, ist dies \u00fcber unsere Schnittstellen problemlos m\u00f6glich.<\/p>\n\n\n\n<p>Lernen Sie in Schulungen oder Dokumentationen, wie Sie Ihr 4ALLPORTAL selbst weiterentwickeln k\u00f6nnen. Alternativ steht hinter Ihrem 4ALLPORTAL immer ein erfahrenes Entwicklerteam, das neue Anforderungen f\u00fcr Sie umsetzen kann.<\/p>\n\n\n        <\/div>\n        <div class=\"text-image-screenshot__content rounded col-12 col-md-6 p-between p-0 mt-2 glass overflow-hidden\">\n                                                        <img decoding=\"async\" class=\"text-image-screenshot__image orientation-image-box-bottom-right\" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/datenmodell.jpg\" alt=\"Datenmodell\" \/>\n                    \n                                            \n<style>\n.sl-icon-wrap {\n    color: #FFF;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    z-index: 10;\n    bottom: 2rem;\n    left: 2rem;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: opacity 0.3s ease, transform 0.3s ease;\n    pointer-events: none;\n}\n\n.text-image-screenshot__content:hover .sl-icon-wrap {\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n}\n<\/style>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"content-wrapper-block_11e575320fc672fca034b41c0e0f40ac\" 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_11e575320fc672fca034b41c0e0f40ac {\n    padding-top: 60px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_11e575320fc672fca034b41c0e0f40ac {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_c5d230bb80eb082df4d8909d2ece2649 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_c5d230bb80eb082df4d8909d2ece2649 {\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_c5d230bb80eb082df4d8909d2ece2649\" class=\"tabs-images position-relative section-pt dark   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\">Mehrere Hosting-Optionen<\/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\">On-Premise<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p>Mit einer privaten, unternehmenseigenen On-Premise-L\u00f6sung haben Sie die volle Kontrolle \u00fcber Ihre eigenen Daten. Die Einhaltung von Datenschutzbestimmungen und die damit verbundene Sicherheit sind oft die Gr\u00fcnde f\u00fcr einen eigenen Server. Auch die flexiblen M\u00f6glichkeiten, die Software nach eigenen W\u00fcnschen anzupassen und zu erweitern, sprechen meist f\u00fcr eine On-Premise-L\u00f6sung. Wenn Ihr Unternehmen bereits \u00fcber eine ausgereifte IT-Infrastruktur und die entsprechende Hardware verf\u00fcgt, installieren wir 4ALLPORTAL gerne auf Ihren eigenen Servern. \u00d6ffentliche Einrichtungen und Verwaltungen unterliegen aufgrund der Arbeit mit hochsensiblen Daten strengen Richtlinien. Sie setzen daher seit vielen Jahren auf den On-Premise-Ansatz. Durch die regelm\u00e4\u00dfige Teilnahme an Ausschreibungen kennt 4ALLPORTAL bereits die Anforderungen und Probleme der \u00f6ffentlichen Verwaltung.<\/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\">Cloud<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p>In der Cloud speichern Sie Ihre digitalen Medien ausfallsicher auf unseren Servern in Deutschland und stellen sie im Gegensatz zu einer On-Premise-L\u00f6sung nicht nur das Produkt, sondern auch die dazugeh\u00f6rigen Dienstleistungen zur Verf\u00fcgung. Die Anfangsinvestition ist relativ gering und der Dienstleister \u00fcbernimmt den Betrieb der Serverinfrastruktur. Auch Anpassungen des Speicherplatzes sind problemlos m\u00f6glich.<\/p>\n<\/div>\n                        <\/li>\n                                            <\/ul>\n                                    <\/div>\n                \n            <div class=\"tab-content tabs-images-content rounded col-12 col-md-6 tab-p p-0 overflow-hidden glass-without-padding\">\n                                \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image \" style=\"object-position: bottom left;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/waehlen-sie-on-premise-oder-cloud-beim-4allportal.jpg\" alt=\"Beim 4ALLPORTAL k\u00f6nnen sie zwischen einer Cloud oder On-Premise-L\u00f6sung w\u00e4hlen\" \/>\n                        \n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-2\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image \" style=\"object-position: bottom left;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/cloud-hosting-options.jpeg\" alt=\"Cloud Hosting Optionen \" \/>\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<style>\n@media screen and (min-width: 391px) {\n  #usp-container-block_ed5b07381c9718efa45a3403e90e1c13 {\n    padding-top: 60px;\n    padding-bottom: 60px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #usp-container-block_ed5b07381c9718efa45a3403e90e1c13 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n<section id=\"usp-container-block_ed5b07381c9718efa45a3403e90e1c13\" class=\"usp-container position-relative section-pt\">\n\n  <header class=\"container--medium px-3 mb-3\">\n    \n\n<h2 class=\"wp-block-heading has-text-align-center usp-container__headline mb-2\" style=\"text-transform:none\">4ALLPORTAL als Partner<\/h2>\n\n\n  <\/header>\n\n  <style>\n.usp-wrap ul {\n  display: grid;\n  grid-template-columns: 100%;\n  grid-auto-rows: 1fr;\n  gap: 2rem;\n  padding-top: 1rem !important;\n}\n.usp-wrap {\n    margin-top: 0 !important;\n}\n.usp-wrap .number {\n  margin: 0 auto 0 auto;\n}\n@media (max-width: 767px) {\n    .usp-wrap ul {\n        grid-auto-rows: min-content;\n    }\n    .usp-wrap.container{overflow:visible!important}\n}\n\n@media (min-width: 768px) {\n  .usp-wrap ul {\n    grid-template-columns: repeat(2, 48%);\n  }\n}\n\n@media (min-width: 1200px) {\n  .usp-wrap ul {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n.usp-wrap .icon-card {\n  display: grid;\n  grid-template-rows: 100px auto;\n}\n\n<\/style>\n<div id=\"usp-container-block_ed5b07381c9718efa45a3403e90e1c13-columns\" class=\"usp-wrap container position-relative\">\n\n  <ul class=\"list-unstyled py-1 py-md-4 w-100 gap-3\">\n\n    \n    \n<li id=\"icon_card_0\" class=\"icon-card | rounded glass dark  p-3 \">\n\n    <div class=\"icon-card__icon--frame mb-3 number\" style=\"background: #FF8200\">\n        <svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t\tviewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n<path fill=\"#FFFFFF\" d=\"M34.72,0.53H0.28v33.94h34.43V18.24l-2.95,1.48v11.81H3.23V3.48h28.53v11.81l-6.85,2.72L17.5,5.45L6.19,29.31\n\tl15.61-7.13l2.84,6.39l4.92-2.71l-3.36-5.7l8.53-3.9V0.53z M13.81,22.42l3.94-9.35l2.94,6.61L13.81,22.42z\"\/>\n<\/svg>      <\/div>\n      <div class=\"icon-cars__content-wrapper d-flex flex-column\">\n      <h4 class=\"icon-card__title | text-center mb-md-2\">\n          Community und Developer-Bereich      <\/h4>\n\n      <div class=\"icon-card__txt | text-center\">\n        \nTauschen Sie sich mit der 4ALLPORTAL Community aus, erhalten exklusiven Zugang zur Partner-E-Learning-Area oder dem Handbuch und der umfassenden Dokumentation im Developer-Bereich.\n      <\/div>\n    <\/div>\n\n  \n<\/li>    \n    \n<li id=\"icon_card_1\" class=\"icon-card | rounded glass dark  p-3 \">\n\n    <div class=\"icon-card__icon--frame mb-3 number\" style=\"background: #FF8200\">\n        <svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t\tviewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n<path fill=\"#FFFFFF\" d=\"M34.72,0.53H0.28v33.94h34.43V18.24l-2.95,1.48v11.81H3.23V3.48h28.53v11.81l-6.85,2.72L17.5,5.45L6.19,29.31\n\tl15.61-7.13l2.84,6.39l4.92-2.71l-3.36-5.7l8.53-3.9V0.53z M13.81,22.42l3.94-9.35l2.94,6.61L13.81,22.42z\"\/>\n<\/svg>      <\/div>\n      <div class=\"icon-cars__content-wrapper d-flex flex-column\">\n      <h4 class=\"icon-card__title | text-center mb-md-2\">\n          Erfahrung mit Ausschreibungen\u00a0      <\/h4>\n\n      <div class=\"icon-card__txt | text-center\">\n        \nUnser Vertriebsteam nimmt regelm\u00e4\u00dfig an Ausschreibungen teil und bringt eine Menge Erfahrung mit.&nbsp;&nbsp;\n      <\/div>\n    <\/div>\n\n  \n<\/li>    \n    \n<li id=\"icon_card_2\" class=\"icon-card | rounded glass dark  p-3 \">\n\n    <div class=\"icon-card__icon--frame mb-3 number\" style=\"background: #FF8200\">\n        <svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t\tviewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n<path fill=\"#FFFFFF\" d=\"M34.72,0.53H0.28v33.94h34.43V18.24l-2.95,1.48v11.81H3.23V3.48h28.53v11.81l-6.85,2.72L17.5,5.45L6.19,29.31\n\tl15.61-7.13l2.84,6.39l4.92-2.71l-3.36-5.7l8.53-3.9V0.53z M13.81,22.42l3.94-9.35l2.94,6.61L13.81,22.42z\"\/>\n<\/svg>      <\/div>\n      <div class=\"icon-cars__content-wrapper d-flex flex-column\">\n      <h4 class=\"icon-card__title | text-center mb-md-2\">\n          Flexibel und skalierbar      <\/h4>\n\n      <div class=\"icon-card__txt | text-center\">\n        \nVielz\u00e4hlige Module und Connectoren bieten eine hohe Anpassbarkeit der Software, um Ihre ganz individuellen Workflows so effizient wie m\u00f6glich zu gestalten.\n      <\/div>\n    <\/div>\n\n  \n<\/li>    \n    \n<li id=\"icon_card_3\" class=\"icon-card | rounded glass dark  p-3 d-none d-lg-grid\">\n\n    <div class=\"icon-card__icon--frame mb-3 number\" style=\"background: #FF8200\">\n        <svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t\tviewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n<path fill=\"#FFFFFF\" d=\"M34.72,0.53H0.28v33.94h34.43V18.24l-2.95,1.48v11.81H3.23V3.48h28.53v11.81l-6.85,2.72L17.5,5.45L6.19,29.31\n\tl15.61-7.13l2.84,6.39l4.92-2.71l-3.36-5.7l8.53-3.9V0.53z M13.81,22.42l3.94-9.35l2.94,6.61L13.81,22.42z\"\/>\n<\/svg>      <\/div>\n      <div class=\"icon-cars__content-wrapper d-flex flex-column\">\n      <h4 class=\"icon-card__title | text-center mb-md-2\">\n          Continuous Integration      <\/h4>\n\n      <div class=\"icon-card__txt | text-center\">\n        \nSchnelle Feature-Releases und Bug-fixes mit der modernen Entwicklungsmethode.\n      <\/div>\n    <\/div>\n\n  \n<\/li>    \n    \n<li id=\"icon_card_4\" class=\"icon-card | rounded glass dark  p-3 d-none d-lg-grid\">\n\n    <div class=\"icon-card__icon--frame mb-3 number\" style=\"background: #FF8200\">\n        <svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t\tviewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n<path fill=\"#FFFFFF\" d=\"M34.72,0.53H0.28v33.94h34.43V18.24l-2.95,1.48v11.81H3.23V3.48h28.53v11.81l-6.85,2.72L17.5,5.45L6.19,29.31\n\tl15.61-7.13l2.84,6.39l4.92-2.71l-3.36-5.7l8.53-3.9V0.53z M13.81,22.42l3.94-9.35l2.94,6.61L13.81,22.42z\"\/>\n<\/svg>      <\/div>\n      <div class=\"icon-cars__content-wrapper d-flex flex-column\">\n      <h4 class=\"icon-card__title | text-center mb-md-2\">\n          Roadmap      <\/h4>\n\n      <div class=\"icon-card__txt | text-center\">\n        \nSehen Sie, welche neuen Features und Integrationen in Planung sind und wann Sie ver\u00f6ffentlicht werden.\n      <\/div>\n    <\/div>\n\n  \n<\/li>    \n    \n<li id=\"icon_card_5\" class=\"icon-card | rounded glass dark  p-3 d-none d-lg-grid\">\n\n    <div class=\"icon-card__icon--frame mb-3 number\" style=\"background: #FF8200\">\n        <svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\t\tviewBox=\"0 0 35 35\" style=\"enable-background:new 0 0 35 35;\" xml:space=\"preserve\">\n<path fill=\"#FFFFFF\" d=\"M34.72,0.53H0.28v33.94h34.43V18.24l-2.95,1.48v11.81H3.23V3.48h28.53v11.81l-6.85,2.72L17.5,5.45L6.19,29.31\n\tl15.61-7.13l2.84,6.39l4.92-2.71l-3.36-5.7l8.53-3.9V0.53z M13.81,22.42l3.94-9.35l2.94,6.61L13.81,22.42z\"\/>\n<\/svg>      <\/div>\n      <div class=\"icon-cars__content-wrapper d-flex flex-column\">\n      <h4 class=\"icon-card__title | text-center mb-md-2\">\n          Gr\u00fcne Server in Deutschland      <\/h4>\n\n      <div class=\"icon-card__txt | text-center\">\n        \nSpeichern Sie Ihre Daten auf T\u00dcV-gepr\u00fcften Servern mit h\u00f6chstens Sicherheitsstandards und ausschlie\u00dflich verwendetem \u00d6ko-Strom.\n      <\/div>\n    <\/div>\n\n  \n<\/li>    \n\n  <\/ul>\n            <div class=\"w-100 mt-1\">\n            <button id=\"usp_show_more\" class=\"btn btn--secondary d-lg-none w-100\" style=\"padding: 0.5rem 3rem;font-family: 'Jost';font-size: 16px\">Alle anzeigen<\/button>\n        <\/div>\n    <\/div>    \n            <script type=\"module\">\n            if(window.innerWidth < 768)\n            {\n                if(document.querySelector('#icon_card_2')){\n                    const icon_cards = [...document.querySelector('#usp-container-block_ed5b07381c9718efa45a3403e90e1c13').querySelectorAll('.icon-card')]\n                    document.querySelector('#usp_show_more').addEventListener('click',()=>{\n                    for(let i = 3;i<icon_cards.length;i++){\n                        icon_cards[i].classList.remove('d-none')\n                    }\n                        document.querySelector('#usp_show_more').classList.add('d-none')\n                    })\n                }\n            }\n        <\/script>\n        <\/section>\n\n\n<section id=\"content-wrapper-block_5d758dfdbd6bf14441e75c6c396014cc\" 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_5d758dfdbd6bf14441e75c6c396014cc {\n    padding-top: 0px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_5d758dfdbd6bf14441e75c6c396014cc {\n    padding-top: 0px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container px-0\">\n    \n        \n\n<style>\n@media screen and (min-width: 391px) {\n  #tabs-images-block_c49fbdba3bf75d58abbd11b139489a1d {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #tabs-images-block_c49fbdba3bf75d58abbd11b139489a1d {\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_c49fbdba3bf75d58abbd11b139489a1d\" class=\"tabs-images position-relative section-pt dark   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\">DAM und PIM Beratung<\/h2>\n\n\n\n<p class=\"has-text-align-left\">Jedes Unternehmen hat seine spezifischen Anforderungen in Bezug auf Schnittstellen, Anzahl der Benutzer, Speicherplatz und Modulauswahl. Damit Sie ein passendes Angebot erhalten, f\u00fchren wir im Vorfeld ein pers\u00f6nliches Bedarfsgespr\u00e4ch mit Ihnen.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Damit Ihr Team das volle Potenzial von 4ALLPORTAL aussch\u00f6pfen und das Projekt effizient umgesetzt werden kann, besprechen wir gemeinsam Metadaten, Erweiterungen und Funktionen von 4ALLPORTAL.<\/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\">Ihr pers\u00f6nlicher Ansprechpartner bei 4ALLPORTAL<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p>Ein pers\u00f6nlicher Ansprechpartner steht Ihnen vor und auch nach dem Go-Live Ihres Systems zur Verf\u00fcgung. Sei es f\u00fcr einen zwanglosen Austausch oder eine Demo zu neuen Funktionen: Der Experte steht Ihnen f\u00fcr alle Fragen rund um Ihre L\u00f6sung zur Verf\u00fcgung.<\/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\">Service Level Agreements (SLA)<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p>Zus\u00e4tzlich zu unseren Lizenzmodellen erhalten Sie unser Service Level Agreement (SLA) als Garantie f\u00fcr einen reibungslosen Support. Dies gilt f\u00fcr die 4ALLPORTAL Software und den 4ALLPORTAL Cloud Service. In allen Lizenzmodellen ist die Basisversion des SLAs enthalten. Erweiterte Supportleistungen k\u00f6nnen nach individueller Vereinbarung hinzugebucht werden.<\/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\">Support<\/h3>\n                            <\/a>\n                            <div class=\"tab-link-description\"><p>Unsere operative Abteilung sorgt f\u00fcr den reibungslosen und stabilen Betrieb Ihres pers\u00f6nlichen 4ALLPORTALs. Sie versorgen Sie mit wichtigen Updates und gew\u00fcnschten Upgrades. Im Falle einer St\u00f6rung sind sie so schnell wie m\u00f6glich vor Ort und k\u00fcmmern sich um die Fehlersuche.<\/p>\n<\/div>\n                        <\/li>\n                                            <\/ul>\n                                    <\/div>\n                \n            <div class=\"tab-content tabs-images-content rounded col-12 col-md-6 tab-p p-0 overflow-hidden glass-without-padding\">\n                                \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-1\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image \" style=\"object-position: bottom right;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/beratung-4allportal-scaled.jpg\" alt=\"\" \/>\n                        \n                                                                    <\/div>\n                   \n                                    <div class=\"tab-pane tab-images-tab-pannel fade  \" id=\"tabs-2\" data-duration=\"8\">\n                        \n                        \n                        \n\n                        \n                        \n                                                    <img decoding=\"async\" class=\"tabs-images__image \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/beratung-4allportal-scaled.jpg\" alt=\"\" \/>\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 \" style=\"object-position: top;\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/beratung-4allportal-scaled.jpg\" alt=\"\" \/>\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"product_categories":[],"customer_stage":[],"class_list":["post-21842","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/21842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/comments?post=21842"}],"version-history":[{"count":0,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/pages\/21842\/revisions"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=21842"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/tags?post=21842"},{"taxonomy":"product_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/product_categories?post=21842"},{"taxonomy":"customer_stage","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/customer_stage?post=21842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}