<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 { 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 h1 { font-family: 'Mona Sans', 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', 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; } .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 p { font-size: 19px; } .custom-container { padding: 40px 40px 40px 40px; } } @media (max-width: 479px) { .offset-block { padding-left: 15px; } .blog-content h1 { font-size: 38px; } .blog-content h2 { font-size: 32px; } .blog-content h3 { font-size: 22px; } .blog-content p { font-size: 20px; } .custom-container { padding: 15px 15px 15px 15px; } } </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;"> <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"> <p style="font-size: 20px; line-height: 1.2; color: #000000; font-family: 'Mona Sans', sans-serif; font-weight: 500; font-style: normal; margin: 0 0 1rem 0; text-align: left;">SAP Fiori steht für das Design der modernen SAP-Benutzeroberfläche in Unternehmensanwendungen. Egal ob PC, Tablet oder Smartphone – die Responsive-Design-Oberfläche passt sich an jedes Gerät an und vereinfacht die Abläufe im Unternehmen. Für das Design wurde SAP mit dem begehrten Red Dot Design Award ausgezeichnet. Ende des Jahres wird die neue Generation SAP Fiori 2.0 mit zahlreichen weiteren Vorteilen verfügbar sein.</p> </div></div> <div class="column"> <div class="column"> <figure style="text-align: center; margin: 1.5rem 0;"><a href="#" class="w-inline-block w-lightbox" style="display: block; width: 100%;"><img src="https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc214e7eb232eb4d1fbe69_SAP-Fiori-1.png" alt="Innovabee SAP" class="blog-img-00356e8b-8568-4ca1-980f-4d3dffe97dd1" style="max-width: 100%; width: 100%; border-radius: 8px; display: inline-block; object-fit: contain;"><script type="application/json" class="w-json">{"items":[{"type":"image","url":"https://cdn.prod.website-files.com/68ffbb1d2a6455e8202f8d3e/69dc214e7eb232eb4d1fbe69_SAP-Fiori-1.png"}],"group":"blog-lightbox"}</script></a><figcaption style="font-size: 0.875rem; line-height: 1.5; margin-top: 0.5rem 0 0 0; color: #000000; font-weight: 500; font-style: normal; font-family: 'Mona Sans', sans-serif; text-align: center;">Innovabee SAP</figcaption></figure> </div></div> </div> <div class="offset-block"> <p style="font-size: 1.25rem; line-height: 1.6; color: #000000; font-family: 'Mona Sans', sans-serif; font-weight: 700; font-style: normal; margin: 0 0 1rem 0; text-align: left;">SAP Fiori 2.0 ist Ihr Assistent — damit Sie sich auf die wichtigen Aufgaben konzentrieren können</p> <p style="font-size: 20px; line-height: 1.2; color: #000000; font-family: 'Mona Sans', sans-serif; font-weight: 500; font-style: normal; margin: 0 0 1rem 0; text-align: left;">Anhand der Rolle des Mitarbeiters realisiert SAP Fiori 2.0 künftige Aufgaben und stellt Daten über verschiedene Systeme und Geräte bereit – in Echtzeit und zugeschnitten auf die jeweilige Situation. SAP Fiori 2.0 ist somit Ihr Assistent, aktiv bei der Bearbeitung von Aufgaben unterstützt, Sie an wichtige Aufgaben erinnert und Kontextinformationen zur schnellen Bearbeitung bereitstellt.</p> <p style="font-size: 1.25rem; line-height: 1.6; color: #000000; font-family: 'Mona Sans', sans-serif; font-weight: 700; font-style: normal; margin: 0 0 1rem 0; text-align: left;">Mit SAP Fiori 2.0 haben Sie alle relevanten Daten und Aufgaben im Blick</p> <p style="font-size: 20px; line-height: 1.2; color: #000000; font-family: 'Mona Sans', sans-serif; font-weight: 500; font-style: normal; margin: 0 0 1rem 0; text-align: left;">Sie können alle relevanten Aufgaben rollenbasiert, prozessbezogen und komfortabel in einer einzigen modernen Benutzeroberfläche erledigen. Das Video zeigt das Oberflächenkonzept mit dem virtuell dreigeteilten Bildschirm. Im Zentrum stehen Kacheln mit Kennzahlen Ihres Aufgabenbereichs. Durch einen Klick gelangen Sie direkt in die Anwendung, können Entwicklungen analysieren und Aufgaben erledigen, z.B. neue Kundenaufträge erfassen. Im Notification-Bereich auf der rechten Seite werden Sie mit relevanten Informationen versorgt und können diese sofort bearbeiten. Im Home-Bereich auf der linken Seite können Sie personalisiert Apps einfügen, z.B. die Anzeige wichtiger Termine. SAP Fiori ist damit Ihr Begleiter für alle Aufgaben – zu jeder Zeit, an jedem Ort.</p> </div> </div> </section> </div>