<style> /* Webflow Blog Styles */ :root { --content-max-width: 1500px; --bg-color: #ffffff; --font-sans: Inter, sans-serif; --font-display: 'Mona Sans', sans-serif; --font-sans-stretch: normal; --font-display-stretch: normal; } .blog-content { font-family: var(--font-sans); font-stretch: var(--font-sans-stretch); color: #000000; line-height: 1.2; } figcaption, .video-caption { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 0.875rem; font-weight: 500; font-style: normal; color: #000000; line-height: 1.5; letter-spacing: 0; margin: 0.5rem 0 0 0; text-align: center; } /* Image Widths and Galleries */ .offset-block { padding-left: 50px; } .blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 { font-family: var(--font-display); font-stretch: var(--font-display-stretch); } .blog-content p a, .blog-content li a, .blog-content .text-link { color: #f0567f; text-decoration: underline; font-weight: 500; transition: color 0.2s ease; } .blog-content p a:hover, .blog-content li a:hover, .blog-content .text-link:hover { color: #f0567f; } .blog-content h1 { font-family: 'Mona Sans Expanded', sans-serif; font-stretch: 125%; font-size: 48px; line-height: 1.2; margin: 0 0 1rem 0; color: #000000; font-weight: 700; letter-spacing: 0; } .blog-content h2 { font-family: 'Mona Sans Expanded', sans-serif; font-stretch: 125%; font-size: 36px; line-height: 1.2; margin: 0 0 0.75rem 0; color: #000000; font-weight: 500; letter-spacing: 0; } .blog-content h3 { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 26px; line-height: 1.2; margin: 0 0 0.5rem 0; color: #000000; font-weight: 700; letter-spacing: 0; } .blog-content h4 { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 23px; line-height: 1.1; margin: 0 0 0.75rem 0; color: #000000; font-weight: 700; letter-spacing: 0; } .blog-content h5 { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 23px; line-height: 1.1; margin: 0 0 0.75rem 0; color: #000000; font-weight: 700; letter-spacing: 0; } .blog-content h6 { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 20px; line-height: 1.2; margin: 0 0 0.75rem 0; color: #000000; font-weight: 700; letter-spacing: 0; } .blog-content .kpi-text { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 2.125rem; line-height: 1.2; margin: 0 0 1rem 0; color: #000000; font-weight: 700; text-align: center; } .blog-content p { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 20px; margin: 0 0 1rem 0; line-height: 1.2; color: #000000; font-weight: 500; } .blog-content .text-bodyBold { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 20px; margin: 0 0 1rem 0; line-height: 1.2; color: #000000; font-weight: 700; } .blog-content ul { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 20px; margin: 0 0 1rem 0; line-height: 1.2; color: #000000; font-weight: 500; } .blog-content p a, .blog-content li a, .blog-content h1 a, .blog-content h2 a, .blog-content h3 a, .blog-content h4 a { color: #f0567f; text-decoration: underline; font-weight: 500; transition: all 0.2s ease-in-out; } .blog-content p a:hover, .blog-content li a:hover, .blog-content h1 a:hover, .blog-content h2 a:hover, .blog-content h3 a:hover, .blog-content h4 a:hover { color: #f0567f; } .blog-content blockquote { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 22px; font-style: italic; font-weight: 400; border-left: 0px solid #0066cc; background-color: #f2f5f8; padding: 0px; margin: 1.5rem 0; color: #000000; } .blog-content q { font-family: 'Mona Sans', sans-serif; font-stretch: normal; font-size: 20px; font-style: italic; font-weight: 400; border-left: 0px solid #94a3b8; background-color: #f2f5f8; padding: 0px; quotes: "«" "»" "‹" "›"; color: #000000; } .custom-container { max-width: var(--content-max-width); margin: 0 auto; padding: 60px 60px 70px 70px; } .custom-button:hover { background-color: #fdc300 !important; color: #000000 !important; transform: scale(1.03) !important; } .faq-item { border: 1px solid #e0e0e0; border-radius: 8px; padding: 15px; margin-bottom: 1rem; } .faq-question { font-weight: bold; color: #1a1a1a; margin-bottom: 0.5rem; } .faq-answer { color: #333333; } .box-style-standard { background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; color: #333333; margin: 1.5rem 0; } .box-style-info { background-color: #eff6ff; border: 1px solid #3b82f6; border-radius: 8px; padding: 20px; color: #1e40af; margin: 1.5rem 0; } .box-style-warning { background-color: #fffbeb; border: 1px solid #f59e0b; border-radius: 8px; padding: 20px; color: #92400e; margin: 1.5rem 0; } @media (max-width: 991px) { .offset-block { padding-left: 20px; } .blog-content h1 { font-size: 44px; } .blog-content h2 { font-size: 34px; } .blog-content h3 { font-size: 24px; } .blog-content h4 { font-size: 22px; } .blog-content h5 { font-size: 22px; } .blog-content h6 { font-size: 19px; } .blog-content p { font-size: 18px; } .blog-content .text-bodyBold { font-size: 18px; } .blog-content ul { font-size: 19px; } .blog-content .kpi-text { font-size: 1.8rem; } .blog-content blockquote { font-size: 21px; } .blog-content q { font-size: 19px; } figcaption, .video-caption { font-size: 0.875rem; } .custom-container { padding: 40px 40px 40px 40px; } } @media (max-width: 767px) { .offset-block { padding-left: 15px; } .blog-content h1 { font-size: 38px; } .blog-content h2 { font-size: 28px; } .blog-content h3 { font-size: 22px; } .blog-content h4 { font-size: 21px; } .blog-content h5 { font-size: 21px; } .blog-content h6 { font-size: 18px; } .blog-content p { font-size: 16px; } .blog-content .text-bodyBold { font-size: 16px; } .blog-content ul { font-size: 18px; } .blog-content .kpi-text { font-size: 1.5rem; } .blog-content blockquote { font-size: 20px; } .blog-content q { font-size: 18px; } figcaption, .video-caption { font-size: 0.875rem; } .custom-container { padding: 15px 15px 15px 15px; } } /* Blog Lightbox */ .blog-lightbox-trigger { text-decoration: none !important; } .blog-lightbox-trigger img { transition: opacity 0.2s ease; } .blog-lightbox-trigger:hover img { opacity: 0.85; } .blog-lightbox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 99999; display: flex; align-items: center; justify-content: center; cursor: zoom-out; animation: blogLbFadeIn 0.2s ease; } .blog-lightbox-overlay img { max-width: 90vw; max-height: 90vh; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); object-fit: contain; } @keyframes blogLbFadeIn { from { opacity: 0; } to { opacity: 1; } } </style> <div class="blog-content"> <section style="background-color: #f2f5f8; width: 100%; margin-top: 0px; margin-bottom: 20px;"> <div class="custom-container" style="background-color: transparent;"> <blockquote style="border-left-color: #0066cc; background-color: #f2f5f8; text-align: left;">Das Arbeiten mit SAP S/4HANA Finance bringt für mich bei der Alltagsarbeit viele Vorteile. Kritische Sachverhalte werden frühzeitig aufgezeigt und können dadurch schnell behoben werden. Bei Mahnungen sind es beispielsweise nur drei Klicks vom SAP-Einstiegsbildschirm im Fiori Launchpad bis zu der Transaktion, die dann direkt bearbeitet werden kann. Bereits auf der SAP-Startseite meines SAP Fiori Launchpads sehe ich aufgrund meiner Kennzahlen, wo Handlungsbedarf besteht.<div style="margin-top: 8px; font-size: 0.875em; font-style: normal; font-weight: bold;">Axel Haag</div></blockquote> </div> </section> <section style="background-color: #f2f5f8; width: 100%; margin-top: 0px; margin-bottom: 20px;"> <div class="custom-container" style="background-color: transparent;"> <div class="grid-cols-2" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin: 2rem 0;"> <div class="column"> <div class="column"> <figure style="text-align: center; margin: 1.5rem 0;"><a href="https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40ce0ba0c2251af9fe58_Insight-to-action_1.png" class="blog-lightbox-trigger" onclick="event.preventDefault();var o=document.createElement('div');o.className='blog-lightbox-overlay';o.innerHTML='<img src=&quot;https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40ce0ba0c2251af9fe58_Insight-to-action_1.png&quot; alt=&quot;&quot;>';o.onclick=function(){this.remove()};document.body.appendChild(o)" style="display: block; cursor: zoom-in;"><img src="https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40ce0ba0c2251af9fe58_Insight-to-action_1.png" alt="Nach dem Anklicken der Kachel sehe ich, welche Beträge bei den unterschiedlichen Mahnstufen noch ausstehen." class="blog-img-027d9c64-032b-46ee-9601-f82484c80f36" style="max-width: 100%; width: 100%; height: auto; border-radius: 8px; display: block; margin: 0 auto;"></a><figcaption>Nach dem Anklicken der Kachel sehe ich, welche Beträge bei den unterschiedlichen Mahnstufen noch ausstehen.</figcaption></figure> </div></div> <div class="column"> <div class="column"> <figure style="text-align: center; margin: 1.5rem 0;"><a href="https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40d650c620bc183ed88d_Insight-to-action_2.png" class="blog-lightbox-trigger" onclick="event.preventDefault();var o=document.createElement('div');o.className='blog-lightbox-overlay';o.innerHTML='<img src=&quot;https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40d650c620bc183ed88d_Insight-to-action_2.png&quot; alt=&quot;&quot;>';o.onclick=function(){this.remove()};document.body.appendChild(o)" style="display: block; cursor: zoom-in;"><img src="https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40d650c620bc183ed88d_Insight-to-action_2.png" alt="Ein weiterer Klick zeigt mir die Auflistung der Debitoren, sodass ich weiß, bei welchen Kunden die überfälligen Zahlungen ausstehen." class="blog-img-971719ce-1101-4ef8-b71e-615fe286139b" style="max-width: 100%; width: 100%; height: auto; border-radius: 8px; display: block; margin: 0 auto;"></a><figcaption>Ein weiterer Klick zeigt mir die Auflistung der Debitoren, sodass ich weiß, bei welchen Kunden die überfälligen Zahlungen ausstehen.</figcaption></figure> </div></div> </div> <div class="grid-cols-2" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin: 2rem 0;"> <div class="column"> <div class="column"> <figure style="text-align: center; margin: 1.5rem 0;"><a href="https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40d85c757cc4f1ca63d3_Insight-to-action_3-1.png" class="blog-lightbox-trigger" onclick="event.preventDefault();var o=document.createElement('div');o.className='blog-lightbox-overlay';o.innerHTML='<img src=&quot;https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40d85c757cc4f1ca63d3_Insight-to-action_3-1.png&quot; alt=&quot;&quot;>';o.onclick=function(){this.remove()};document.body.appendChild(o)" style="display: block; cursor: zoom-in;"><img src="https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc40d85c757cc4f1ca63d3_Insight-to-action_3-1.png" alt="Ein erneuter Klick zeigt mir die offenen Posten. Ich kann direkt die Transaktion bearbeiten oder z.B. per Workflow an den Verantwortlichen delegieren." class="blog-img-1f89159f-e3e8-47af-ba60-9f0a282c8019" style="max-width: 100%; width: 100%; height: auto; border-radius: 8px; display: block; margin: 0 auto;"></a><figcaption>Ein erneuter Klick zeigt mir die offenen Posten. Ich kann direkt die Transaktion bearbeiten oder z.B. per Workflow an den Verantwortlichen delegieren.</figcaption></figure> </div></div> <div class="column"> <div class="column"> </div></div> </div> </div> </section> </div>