<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;"> <div class="offset-block"> <p style="text-align: left;">ESG-Report­ing, CSRD, EU-Taxo­no­mie – all die­se The­men gewin­nen immer mehr an Bedeu­tung für Unter­neh­men. Die SAP bie­tet ein umfas­sen­des Port­fo­lio an Lösun­gen, mit denen mit­tel­stän­di­sche Unter­neh­men ihre Nach­hal­tig­keit ver­bes­sern kön­nen. Sie unter­stüt­zen dabei, den CO2-Fuß­ab­druck zu sen­ken, Emis­sio­nen zu redu­zie­ren, Lie­fer­ket­ten zu opti­mie­ren und Umwelt­auf­la­gen zu erfül­len.</p> <p style="text-align: left;">Im Rah­men des Sus­taina­bi­li­ty-Talks stel­len Chris­ti­an Dei­ni­ger, CEO bei Inno­v­a­bee und Laris­sa But­ler, Con­sul­tant und Sus­taina­bi­li­ty-Exper­tin bei Inno­v­a­bee, die wich­tigs­ten SAP-Lösun­gen für Nach­hal­tig­keit vor und erläu­tern, wie Sie sie gewinn­brin­gend ein­set­zen.</p> <p style="text-align: left;">In unse­rem <a href="https://www.innovabee.de/blog/sap-sustainability">Blog-Beitrag</a> erhal­ten Sie noch mehr Infos zu unse­ren SAP-Sus­taina­bi­li­ty-Lösun­gen.</p> </div> <div style="text-align: center;"><div style="position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; border-radius: 8px; margin: 1.5rem 0;"> <iframe src="https://www.youtube-nocookie.com/embed/bpIitUG0S04?si=JHsnvIvcW0zhBadh" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div></div> </div> </section> </div>