/* Property 1=Default */ /* Auto layout */ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 160px 80px 80px; position: absolute; width: 1440px; height: 912px; left: 20px; top: 20px; /* SectionHeader */ /* Auto layout */ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 0px; width: 1280px; height: 32px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Was wir machen */ width: 94px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; color: #000000; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; /* 01 / 04 */ width: 47px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; color: #919191; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; /* Frame 282 */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; width: 1280px; height: 640px; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Illustration */ width: 640px; height: 640px; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; /* Union */ position: absolute; width: nanpx; height: nanpx; left: infpx; top: infpx; background: #FFFFFF; transform: matrix(nan, nan, nan, nan, -nan, -nan); /* Illustration */ position: absolute; width: 640px; height: 640px; left: calc(50% - 640px/2); top: calc(50% - 640px/2); /* #3 outline big cube */ position: absolute; width: 480px; height: 240px; left: calc(50% - 480px/2); top: calc(50% - 240px/2 + 122px); border: 1px solid #000000; /* #2 outline medium cube */ position: absolute; width: 360px; height: 180px; left: calc(50% - 360px/2); top: calc(50% - 180px/2 + 24px); border: 1px solid #000000; /* #1 surface small cube */ position: absolute; width: 240px; height: 120px; left: calc(50% - 240px/2); top: calc(50% - 120px/2 - 116px); background: linear-gradient(132.36deg, #E0FF02 24.97%, #C5EBE2 40.45%, #CFCFCF 73.05%); border: 1px solid #000000; /* #1 extrusion small cube */ position: absolute; width: 240px; height: 720px; left: calc(50% - 240px/2); top: calc(50% - 720px/2 + 184px); /* Grau CF */ background: #CFCFCF; border: 1px solid #000000; /* #1 dots (edges) small cube */ position: absolute; width: 246px; height: 126px; left: 197px; top: 141px; /* Ellipse 80 */ position: absolute; width: 6px; height: 6px; left: 197px; top: 201px; background: #000000; /* Ellipse 81 */ position: absolute; width: 6px; height: 6px; left: 317px; top: 141px; background: #000000; /* Ellipse 82 */ position: absolute; width: 6px; height: 6px; left: 437px; top: 201px; background: #000000; /* Ellipse 83 */ position: absolute; width: 6px; height: 6px; left: 317px; top: 261px; background: #000000; /* #2 Front medium cube */ position: absolute; width: 360px; height: 630px; left: calc(50% - 360px/2); top: calc(50% - 630px/2 + 339px); background: #CFCFCF; border: 1px solid #000000; /* #3 Front big cube */ position: absolute; width: 480px; height: 840px; left: calc(50% - 480px/2); top: calc(50% - 840px/2 + 542px); background: #CFCFCF; border: 1px solid #000000; /* #2 dots (edges) medium cube */ position: absolute; width: 364px; height: 94px; left: 138px; top: 342px; /* Ellipse 80 */ position: absolute; width: 4px; height: 4px; left: 138px; top: 342px; background: #000000; /* Ellipse 82 */ position: absolute; width: 4px; height: 4px; left: 498px; top: 342px; background: #000000; /* Ellipse 83 */ position: absolute; width: 4px; height: 4px; left: 318px; top: 432px; background: #000000; /* #3 dots (edges) big cube */ position: absolute; width: 482px; height: 122px; left: 79px; top: 383px; /* Ellipse 82 */ position: absolute; width: 2px; height: 2px; left: 559px; top: 441px; background: #000000; /* Ellipse 83 */ position: absolute; width: 2px; height: 2px; left: 319px; top: 503px; background: #000000; /* Ellipse 128 */ position: absolute; width: 2px; height: 2px; left: 79px; top: 383px; background: #000000; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; width: 640px; height: 640px; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 1; flex-grow: 1; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 48px; gap: 24px; width: 640px; height: 640px; /* Hellgrau 85 */ background: #F8F8F8; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Frame 280 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; margin: 0 auto; width: 544px; height: 214px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Frame 205 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 544px; height: 54px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* DISCOVERY */ width: 544px; height: 42px; /* Heading/2 */ font-family: 'Geist'; font-style: normal; font-weight: 500; font-size: 32px; line-height: 130%; /* identical to box height, or 42px */ color: #000000; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Der Einstieg */ width: 544px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; /* Schwarz */ color: #000000; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Sie wollen mehr aus den Daten Ihrer Anlagen machen - und wissen nicht, wo Sie anfangen sollen? Das ist normal. Bevor wir irgendetwas versprechen, zeigen wir Ihnen in 2-4 Wochen, wo Ihre Daten den größten Hebel haben: ein bis zwei priorisierte Use Cases, ein belastbarer Business Case und eine klare Roadmap. Vor Ort, gemeinsam mit Ihren Leuten. */ width: 544px; height: 50px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 300; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; color: #484848; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Line */ box-sizing: border-box; width: 544px; height: 0px; border: 1px dashed #000000; /* Inside auto layout */ flex: none; order: 2; align-self: stretch; flex-grow: 0; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 8px; width: 544px; height: 38px; /* Inside auto layout */ flex: none; order: 3; align-self: stretch; flex-grow: 0; /* IHR VORTEIL */ width: 74px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; /* Dunkelgrau 25 */ color: #919191; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; /* Sie investieren sicher und kosteneffizient in einen Plan, der Ihre Daten Schritt für Schritt in echten Wettbewerbsvorteil verwandelt - ohne sich vorab festzulegen. */ width: 425px; height: 22px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 300; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; color: #484848; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; /* Frame */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; margin: 0 auto; width: 544px; height: 8px; border: 47.5px solid #F8F8F8; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* – */ width: 544px; height: 8px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; /* Weiß */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; /* Property 1=Variant2 */ /* Auto layout */ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 160px 80px 80px; position: absolute; width: 1440px; height: 912px; left: 20px; top: 852px; /* SectionHeader */ /* Auto layout */ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 0px; width: 1280px; height: 32px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Was wir machen */ width: 94px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; color: #000000; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; /* 02 / 04 */ width: 47px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; color: #919191; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; /* Frame 283 */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; width: 1280px; height: 640px; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Illustration */ width: 640px; height: 640px; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; /* Union */ position: absolute; width: nanpx; height: nanpx; left: infpx; top: infpx; background: #FFFFFF; transform: matrix(nan, nan, nan, nan, -nan, -nan); /* Illustration */ position: absolute; width: 640px; height: 640px; left: calc(50% - 640px/2); top: calc(50% - 640px/2); /* Group 179 */ position: absolute; width: 1069px; height: 246px; left: calc(50% - 1069px/2 + 0.5px); top: calc(50% - 246px/2 + 16px); /* Line 70 */ position: absolute; width: 468px; height: 0px; left: 387px; top: calc(50% - 0px/2 + 16.5px); border: 1px solid #000000; /* Group 156 */ position: absolute; width: 363px; height: 246px; left: calc(50% - 363px/2 + 6px); top: calc(50% - 246px/2 + 16px); /* Group 155 */ position: absolute; width: 363px; height: 246px; left: 144.5px; top: 213px; /* Group 124 */ position: absolute; width: 363px; height: 246px; left: calc(50% - 363px/2 + 6px); top: calc(50% - 246px/2 + 16px); /* Group 115 */ position: absolute; width: 363px; height: 246px; left: calc(50% - 363px/2 + 6px); top: calc(50% - 246px/2 + 16px); /* layer 5 */ position: absolute; width: 240px; height: 120px; left: 387.5px; top: 216px; border: 1px dashed #000000; transform: matrix(0, 1, 1, 0, 0, 0); /* layer 4 */ position: absolute; width: 240px; height: 120px; left: 327.5px; top: 216px; border: 1px dashed #000000; transform: matrix(0, 1, 1, 0, 0, 0); /* layer 3 */ position: absolute; width: 120px; height: 240px; left: 267.5px; top: 216px; /* Vector */ position: absolute; width: 240px; height: 120px; left: 267.5px; top: 216px; background: radial-gradient(50% 49.9% at 50% 50%, #CFCFCF 0%, #C5EBE2 50.28%, #E0FF02 100%); border: 1px solid #000000; transform: rotate(90deg); /* Group 175 */ position: absolute; width: 60px; height: 120px; left: 297.5px; top: 276px; /* Group 122 */ position: absolute; width: 60px; height: 120px; left: 297.5px; top: 276px; /* Vector */ position: absolute; width: 60px; height: 30px; left: 312.5px; top: 336px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 60px; height: 30px; left: 327.5px; top: 306px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 60px; height: 30px; left: 297.5px; top: 306px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 60px; height: 30px; left: 312.5px; top: 276px; border: 1px solid #000000; transform: rotate(-90deg); /* Group 123 */ position: absolute; width: 60px; height: 120px; left: 297.5px; top: 276px; /* Vector */ position: absolute; width: 30px; height: 15px; left: 320px; top: 336px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 30px; height: 15px; left: 320px; top: 366px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 30px; height: 15px; left: 327.5px; top: 321px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 28px; height: 14px; left: 343.5px; top: 322px; border: 1px solid #000000; transform: matrix(0, -1, -1, 0, 0, 0); /* Vector */ position: absolute; width: 30px; height: 15px; left: 312.5px; top: 321px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 30px; height: 15px; left: 297.5px; top: 321px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 30px; height: 15px; left: 320px; top: 306px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 30px; height: 15px; left: 320px; top: 276px; border: 1px solid #000000; transform: rotate(-90deg); /* dots layer 3 */ position: absolute; width: 62px; height: 242px; left: 326.5px; top: 215px; /* Ellipse 90 */ position: absolute; width: 2px; height: 2px; left: 326.5px; top: 215px; background: #000000; /* Ellipse 91 */ position: absolute; width: 2px; height: 2px; left: 386.5px; top: 335px; background: #000000; /* Ellipse 92 */ position: absolute; width: 2px; height: 2px; left: 326.5px; top: 455px; background: #000000; /* layer 2 */ position: absolute; width: 120px; height: 240px; left: 207.5px; top: 216px; /* Vector */ position: absolute; width: 240px; height: 120px; left: 207.5px; top: 216px; background: radial-gradient(45.72% 95% at 50% 0%, #E0FF02 26.66%, #C5EBE2 73.62%, #CFCFCF 100%); border: 1px solid #000000; transform: rotate(-90deg); /* Group 118 */ position: absolute; width: 60px; height: 120px; left: 237.5px; top: 276px; /* Group 122 */ position: absolute; width: 60px; height: 120px; left: 237.5px; top: 276px; /* Vector */ position: absolute; width: 60px; height: 30px; left: 252.5px; top: 336px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 60px; height: 30px; left: 267.5px; top: 306px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 60px; height: 30px; left: 237.5px; top: 306px; border: 1px solid #000000; transform: rotate(-90deg); /* Vector */ position: absolute; width: 60px; height: 30px; left: 252.5px; top: 276px; border: 1px solid #000000; transform: rotate(-90deg); /* dots layer 2 */ position: absolute; width: 126px; height: 244px; left: 203.5px; top: 214px; /* Ellipse 87 */ position: absolute; width: 4px; height: 4px; left: 265.5px; top: 214px; background: #000000; /* Ellipse 88 */ position: absolute; width: 4px; height: 4px; left: 325.5px; top: 334px; background: #000000; /* Ellipse 89 */ position: absolute; width: 4px; height: 4px; left: 266px; top: 454px; background: #000000; /* Ellipse 93 */ position: absolute; width: 8px; height: 8px; left: 203.5px; top: 332px; background: #000000; /* layer 1 */ position: absolute; width: 120px; height: 240px; left: 147.5px; top: 216px; /* Vector */ position: absolute; width: 240px; height: 120px; left: 147.5px; top: 216px; background: radial-gradient(52.08% 51.98% at 50% 50%, #C5EBE2 0%, #CFCFCF 100%); border: 1px solid #000000; transform: matrix(0, 1, 1, 0, 0, 0); /* Vector */ position: absolute; width: 120px; height: 60px; left: calc(50% - 120px/2 - 82.5px); top: calc(50% - 60px/2 - 14px); border: 1px solid #000000; transform: rotate(-90deg); /* dots layer 1 */ position: absolute; width: 126px; height: 246px; left: 144.5px; top: 213px; /* Ellipse 83 */ position: absolute; width: 6px; height: 6px; left: 144.5px; top: 333px; background: #000000; /* Ellipse 84 */ position: absolute; width: 6px; height: 6px; left: 204.5px; top: 213px; background: #000000; /* Ellipse 85 */ position: absolute; width: 6px; height: 6px; left: 264.5px; top: 333px; background: #000000; /* Ellipse 86 */ position: absolute; width: 6px; height: 6px; left: 204.5px; top: 453px; background: #000000; /* Ellipse 92 */ position: absolute; width: 6px; height: 12px; left: 205px; top: 330px; background: #000000; /* Line 75 */ position: absolute; width: 422px; height: 0px; left: -214px; top: calc(50% - 0px/2 + 16.5px); border: 1px solid #000000; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 0px; gap: 24px; width: 640px; height: 640px; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 1; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 48px; gap: 24px; margin: 0 auto; width: 640px; height: 640px; /* Hellgrau 85 */ background: #F8F8F8; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Frame 280 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; margin: 0 auto; width: 544px; height: 214px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Frame 205 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 544px; height: 54px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* DATENFUNDAMENT */ width: 544px; height: 42px; /* Heading/2 */ font-family: 'Geist'; font-style: normal; font-weight: 500; font-size: 32px; line-height: 130%; /* identical to box height, or 42px */ color: #000000; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Die Basis */ width: 544px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; /* Schwarz */ color: #000000; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Sie wollen mehr aus den Daten Ihrer Anlagen machen - und wissen nicht, wo Sie anfangen sollen? Das ist normal. Bevor wir irgendetwas versprechen, zeigen wir Ihnen in 2-4 Wochen, wo Ihre Daten den größten Hebel haben: ein bis zwei priorisierte Use Cases, ein belastbarer Business Case und eine klare Roadmap. Vor Ort, gemeinsam mit Ihren Leuten. */ width: 544px; height: 50px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 300; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; color: #484848; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Line */ box-sizing: border-box; width: 544px; height: 0px; border: 1px dashed #000000; /* Inside auto layout */ flex: none; order: 2; align-self: stretch; flex-grow: 0; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 8px; width: 544px; height: 38px; /* Inside auto layout */ flex: none; order: 3; align-self: stretch; flex-grow: 0; /* IHR VORTEIL */ width: 74px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; /* Dunkelgrau 25 */ color: #919191; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; /* Sie investieren sicher und kosteneffizient in einen Plan, der Ihre Daten Schritt für Schritt in echten Wettbewerbsvorteil verwandelt - ohne sich vorab festzulegen. */ width: 425px; height: 22px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 300; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; color: #484848; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; /* Frame */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; margin: 0 auto; width: 544px; height: 8px; border: 47.5px solid #F8F8F8; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* – */ width: 544px; height: 8px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; /* Weiß */ color: #FFFFFF; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; /* Property 1=Variant3 */ /* Auto layout */ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 160px 80px 80px; position: absolute; width: 1440px; height: 912px; left: 20px; top: 1764px; /* SectionHeader */ /* Auto layout */ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 0px; width: 1280px; height: 32px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Was wir machen */ width: 94px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; color: #000000; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; /* 03 / 04 */ width: 47px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; color: #919191; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; /* Frame 284 */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; width: 1280px; height: 640px; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Illustration */ width: 640px; height: 640px; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; /* Union */ position: absolute; width: nanpx; height: nanpx; left: infpx; top: infpx; background: #FFFFFF; transform: matrix(nan, nan, nan, nan, -nan, -nan); /* Illustration */ position: absolute; width: 640px; height: 640px; left: calc(50% - 640px/2); top: calc(50% - 640px/2); /* Group 155 */ position: absolute; width: 414.25px; height: 300px; left: calc(50% - 414.25px/2 + 0.12px); top: calc(50% - 300px/2); /* Frame 204 */ position: absolute; width: 402px; height: 300px; left: calc(50% - 402px/2 + 6.25px); top: calc(50% - 300px/2); /* Group 116 */ position: absolute; width: 210px; height: 300px; left: calc(50% - 210px/2 + 96.25px); top: calc(50% - 300px/2); /* Ellipse 64 */ position: absolute; width: 300px; height: 150px; left: 252.25px; top: 0px; border: 1px dashed #000000; transform: rotate(-90deg); /* Ellipse 65 */ position: absolute; width: 300px; height: 150px; left: 192.25px; top: 0px; border: 1px dashed #000000; transform: rotate(-90deg); /* target */ position: absolute; width: 150px; height: 300px; left: 132.25px; top: 0px; /* outline + fill */ position: absolute; width: 300px; height: 150px; left: 132.25px; top: 0px; background: linear-gradient(239.25deg, #E0FF02 4.82%, #C5EBE2 43.85%, #CFCFCF 81.19%); border: 1px solid #000000; box-shadow: inset 7.5px 12.5px 12.5px #E0FF02; transform: rotate(-90deg); /* middle circle */ position: absolute; width: 200px; height: 100px; left: 157.25px; top: 50px; border: 1px solid #000000; transform: rotate(-90deg); /* inner circle */ position: absolute; width: 100px; height: 50px; left: 182.25px; top: 100px; border: 1px solid #000000; transform: rotate(-90deg); /* Line 81 */ position: absolute; width: 50px; height: 0px; left: 208px; top: 50px; border: 1px solid #000000; transform: rotate(-90deg); /* Line 83 */ position: absolute; width: 26px; height: 0px; left: 232px; top: 149px; border: 1px solid #000000; transform: rotate(-180deg); /* Line 84 */ position: absolute; width: 25px; height: 0px; left: 156.75px; top: 149px; border: 1px solid #000000; transform: rotate(-180deg); /* Line 82 */ position: absolute; width: 50px; height: 0px; left: 208px; top: 200px; border: 1px solid #000000; transform: rotate(-90deg); /* Ellipse 79 */ position: absolute; width: 4px; height: 8px; left: 331.25px; top: calc(50% - 8px/2); background: #000000; /* arrow */ position: absolute; width: 222.25px; height: 35px; left: 113px; top: 302px; /* arrow outline */ position: absolute; width: 219.5px; height: 35px; left: 113px; top: 302px; border: 1px solid #000000; /* arrow top */ position: absolute; width: 4px; height: 2px; left: 331.25px; top: 318.5px; background: #000000; /* Ellipse 90 */ position: absolute; width: 6px; height: 6px; left: 216.25px; top: 316.5px; background: #000000; /* Ellipse 89 */ position: absolute; width: 4px; height: 4px; left: 179.25px; top: 317.5px; background: #000000; /* Ellipse 88 */ position: absolute; width: 2px; height: 2px; left: 146.25px; top: 318.5px; background: #000000; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 0px; gap: 24px; width: 640px; height: 640px; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 1; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 48px; gap: 24px; margin: 0 auto; width: 640px; height: 640px; /* Hellgrau 85 */ background: #F8F8F8; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Frame 280 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; margin: 0 auto; width: 544px; height: 214px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Frame 205 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 544px; height: 54px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* WENIGER AUSFÄLLE */ width: 544px; height: 42px; /* Heading/2 */ font-family: 'Geist'; font-style: normal; font-weight: 500; font-size: 32px; line-height: 130%; /* identical to box height, or 42px */ color: #000000; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Predictive Maintenance */ width: 544px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; /* Schwarz */ color: #000000; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Sie wollen mehr aus den Daten Ihrer Anlagen machen - und wissen nicht, wo Sie anfangen sollen? Das ist normal. Bevor wir irgendetwas versprechen, zeigen wir Ihnen in 2-4 Wochen, wo Ihre Daten den größten Hebel haben: ein bis zwei priorisierte Use Cases, ein belastbarer Business Case und eine klare Roadmap. Vor Ort, gemeinsam mit Ihren Leuten. */ width: 544px; height: 50px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 300; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; color: #484848; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Line */ box-sizing: border-box; width: 544px; height: 0px; border: 1px dashed #000000; /* Inside auto layout */ flex: none; order: 2; align-self: stretch; flex-grow: 0; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 8px; width: 544px; height: 38px; /* Inside auto layout */ flex: none; order: 3; align-self: stretch; flex-grow: 0; /* IHR VORTEIL */ width: 74px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; /* Dunkelgrau 25 */ color: #919191; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; /* Sie investieren sicher und kosteneffizient in einen Plan, der Ihre Daten Schritt für Schritt in echten Wettbewerbsvorteil verwandelt - ohne sich vorab festzulegen. */ width: 425px; height: 22px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 300; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; color: #484848; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; /* Frame */ /* Auto layout */ display: flex; flex-direction: row; align-items: flex-start; padding: 12px; margin: 0 auto; width: 544px; height: 74px; /* Hellgrau 50 */ background: #E7E7E7; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* KI & Machine Learning sind bei uns kein Selbstzweck.  Sie sind das Werkzeug, mit dem wir Ausfälle senken und Leistung steigern - nicht das Produkt. Wir lösen echte Probleme, statt Buzzwords zu produzieren. Unsere Lösungen bleiben nicht im Proof-of-Concept stecken, sondern schaffen Mehrwert im laufenden Betrieb. */ width: 520px; height: 50px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; /* Dunkelgrau 65 */ color: #484848; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; /* Property 1=Variant4 */ /* Auto layout */ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 160px 80px 80px; position: absolute; width: 1440px; height: 912px; left: 20px; top: 2790px; /* SectionHeader */ /* Auto layout */ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 0px; width: 1280px; height: 32px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Was wir machen */ width: 94px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; color: #000000; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; /* 04 / 04 */ width: 47px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; color: #919191; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; /* Frame 285 */ /* Auto layout */ display: flex; flex-direction: row; align-items: center; padding: 0px; width: 1280px; height: 640px; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Illustration */ width: 640px; height: 640px; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 0; flex-grow: 1; /* Union */ position: absolute; width: nanpx; height: nanpx; left: infpx; top: infpx; background: #FFFFFF; transform: matrix(nan, nan, nan, nan, -nan, -nan); /* Illustration */ position: absolute; width: 640px; height: 640px; left: calc(50% - 640px/2); top: calc(50% - 640px/2); /* Ellipse 64 */ position: absolute; width: 240px; height: 240px; left: 200px; top: 216.33px; border: 1px solid #000000; transform: rotate(-90deg); /* Line 72 */ position: absolute; width: 240px; height: 0px; left: 319px; top: 216.33px; border: 1px solid #000000; transform: rotate(90deg); /* Ellipse 66 */ position: absolute; width: 240px; height: 60px; left: 260px; top: 216.34px; border: 1px solid #000000; transform: rotate(-90deg); /* Ellipse 96 */ position: absolute; width: 4px; height: 4px; left: 317.5px; top: 454px; /* Schwarz */ background: #000000; transform: rotate(-90deg); /* Ellipse 97 */ position: absolute; width: 4px; height: 4px; left: 317.5px; top: 215px; /* Schwarz */ background: #000000; transform: rotate(-90deg); /* Ellipse 65 */ position: absolute; width: 240px; height: 60px; left: 320px; top: 216.34px; border: 1px solid #000000; transform: rotate(90deg); /* Group 180 */ position: absolute; width: 485px; height: 241.33px; left: -42px; top: 273px; /* Vector */ position: absolute; width: 240px; height: 120px; left: 200px; top: 276.34px; background: radial-gradient(50% 100% at 50% 50.01%, #CFCFCF 20.15%, #C5EBE2 49.41%, #E0FF02 90.11%); border: 1px solid #000000; transform: rotate(180deg); /* Ellipse 91 */ position: absolute; width: 6px; height: 6px; left: 316.5px; top: 273px; /* Schwarz */ background: #000000; transform: rotate(-90deg); /* Ellipse 92 */ position: absolute; width: 6px; height: 6px; left: 197px; top: 333px; /* Schwarz */ background: #000000; transform: rotate(-90deg); /* Ellipse 95 */ position: absolute; width: 4px; height: 4px; left: 298px; top: 339.33px; /* Schwarz */ background: #000000; transform: rotate(-90deg); /* Ellipse 93 */ position: absolute; width: 6px; height: 6px; left: 316.5px; top: 393px; /* Schwarz */ background: #000000; transform: rotate(-90deg); /* Line 73 */ position: absolute; width: 383.72px; height: 0px; left: -42px; top: 340.33px; border: 1px solid #000000; transform: rotate(153.03deg); /* Ellipse 74 */ box-sizing: border-box; position: absolute; width: 24px; height: 48px; left: 296px; top: 323.33px; border: 1px solid #000000; transform: rotate(-90deg); /* Ellipse 94 */ position: absolute; width: 6px; height: 6px; left: 437px; top: 333px; /* Schwarz */ background: #000000; transform: rotate(-90deg); /* rotational */ position: absolute; width: 540.78px; height: 540.69px; left: 52.32px; top: 50.33px; /* Ellipse 75 */ position: absolute; width: 484px; height: 484px; left: calc(50% - 484px/2 + 3px); top: calc(50% - 484px/2 + 1px); transform: rotate(-90deg); /* Ellipse 67 */ position: absolute; width: 483.61px; height: 241.8px; left: calc(50% - 483.61px/2 + 28.62px); top: calc(50% - 241.8px/2 - 148.77px); transform: rotate(-116.69deg); /* Ellipse 76 */ position: absolute; width: 483.75px; height: 241.88px; left: calc(50% - 483.75px/2 - 25.8px); top: calc(50% - 241.88px/2 - 97.61px); transform: rotate(152.48deg); /* Ellipse 96 */ position: absolute; width: 4px; height: 4px; left: 253px; top: 362px; /* Schwarz */ background: #000000; transform: rotate(-90deg); /* Frame */ /* Auto layout */ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 0px; gap: 24px; width: 640px; height: 640px; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 1; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 48px; gap: 24px; margin: 0 auto; width: 640px; height: 640px; /* Hellgrau 85 */ background: #F8F8F8; border: 1px solid #000000; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Frame 280 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px; margin: 0 auto; width: 544px; height: 214px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Frame 205 */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px; width: 544px; height: 54px; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* MEHR LEISTUNG */ width: 544px; height: 42px; /* Heading/2 */ font-family: 'Geist'; font-style: normal; font-weight: 500; font-size: 32px; line-height: 130%; /* identical to box height, or 42px */ color: #000000; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0; /* Asset Performance */ width: 544px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; /* Schwarz */ color: #000000; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Sie wollen mehr aus den Daten Ihrer Anlagen machen - und wissen nicht, wo Sie anfangen sollen? Das ist normal. Bevor wir irgendetwas versprechen, zeigen wir Ihnen in 2-4 Wochen, wo Ihre Daten den größten Hebel haben: ein bis zwei priorisierte Use Cases, ein belastbarer Business Case und eine klare Roadmap. Vor Ort, gemeinsam mit Ihren Leuten. */ width: 544px; height: 50px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 300; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; color: #484848; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* Line */ box-sizing: border-box; width: 544px; height: 0px; border: 1px dashed #000000; /* Inside auto layout */ flex: none; order: 2; align-self: stretch; flex-grow: 0; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 8px; width: 544px; height: 38px; /* Inside auto layout */ flex: none; order: 3; align-self: stretch; flex-grow: 0; /* IHR VORTEIL */ width: 74px; height: 8px; /* Mono/Label */ font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.01em; text-transform: uppercase; /* Dunkelgrau 25 */ color: #919191; /* Inside auto layout */ flex: none; order: 0; flex-grow: 0; /* Sie investieren sicher und kosteneffizient in einen Plan, der Ihre Daten Schritt für Schritt in echten Wettbewerbsvorteil verwandelt - ohne sich vorab festzulegen. */ width: 425px; height: 22px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 300; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; color: #484848; /* Inside auto layout */ flex: none; order: 1; flex-grow: 0; /* Frame */ /* Auto layout */ display: flex; flex-direction: column; align-items: flex-start; padding: 12px; gap: 12px; margin: 0 auto; width: 544px; height: 74px; /* Hellgrau 50 */ background: #E7E7E7; /* Inside auto layout */ flex: none; order: 1; align-self: stretch; flex-grow: 0; /* KI & Machine Learning sind bei uns kein Selbstzweck.  Sie sind das Werkzeug, mit dem wir Ausfälle senken und Leistung steigern - nicht das Produkt. Wir lösen echte Probleme, statt Buzzwords zu produzieren. Unsere Lösungen bleiben nicht im Proof-of-Concept stecken, sondern schaffen Mehrwert im laufenden Betrieb. */ width: 520px; height: 50px; /* Body/Description */ font-family: 'Geist'; font-style: normal; font-weight: 500; font-size: 11px; line-height: 130%; /* or 14px */ /* leading-trim and text-edge are draft CSS properties. Read more: https://drafts.csswg.org/css-inline-3/#leading-trim */ leading-trim: both; text-edge: cap; letter-spacing: 0.02em; /* Dunkelgrau 65 */ color: #484848; /* Inside auto layout */ flex: none; order: 0; align-self: stretch; flex-grow: 0;