Komplexe Produkte einfach konfiguriert

<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;">Unter­neh­men, die hoch­in­di­vi­dua­li­sier­te Pro­duk­te fer­ti­gen, ken­nen das Pro­blem: Der Ver­trieb soll Pro­duk­te ver­kau­fen, die von der Pro­duk­ti­on erst frei­ge­ge­ben wer­den müs­sen. Gleich­zei­tig soll der Ver­triebs­mit­ar­bei­ter aber einen indi­vi­du­el­len Preis für das geplan­te Pro­dukt fest­le­gen. Der SAP-Vari­an­ten­kon­fi­gu­ra­tor löst die­ses Pro­blem, indem er den Infor­ma­ti­ons­aus­tausch über alle Abtei­lun­gen in einem Unter­neh­men hin­weg sicher­stellt. Im Video erfah­ren Sie, wie Sie als Mit­tel­ständ­ler vom zen­tra­len Zugriff auf alle rele­van­ten Infor­ma­tio­nen pro­fi­tie­ren.</p> <p style="text-align: left;">Haben Sie noch Fra­gen oder möch­ten mehr über den SAP-Vari­an­ten­kon­fi­gu­ra­tor wis­sen? Schrei­ben Sie<strong> <a href="https://innovabee.de/ansprechpartner/">uns</a>.&nbsp;</strong></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/aaFIGWJ_5BM" 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>