{"id":2660,"date":"2024-03-21T15:08:32","date_gmt":"2024-03-21T14:08:32","guid":{"rendered":"http:\/\/courpack.de\/?page_id=2660"},"modified":"2026-07-10T08:30:57","modified_gmt":"2026-07-10T08:30:57","slug":"datenintegration","status":"publish","type":"page","link":"https:\/\/darksn.de\/datenintegration\/","title":{"rendered":"Data Integration"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"2660\" class=\"elementor elementor-2660\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2b217f82 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"2b217f82\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-49df5e31\" data-id=\"49df5e31\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1bbccc69 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1bbccc69\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">data integration<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3513d3a0\" data-id=\"3513d3a0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-7147b38 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7147b38\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51a7af8 elementor-widget elementor-widget-html\" data-id=\"51a7af8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    *,\r\n    *::before,\r\n    *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    :root {\r\n        --red: #d62b2b;\r\n        --dark: #1a1a1a;\r\n        --muted: #6b7280;\r\n        --border: #e5e7eb;\r\n        --light: #f4f6f8;\r\n        --font: 'Segoe UI', system-ui, Arial, sans-serif;\r\n    }\r\n\r\n    .di {\r\n        font-family: var(--font);\r\n        color: var(--dark);\r\n    }\r\n\r\n    .di-con {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n    }\r\n\r\n    \/* Scroll reveal *\/\r\n    .sr {\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n        transition: opacity .65s ease, transform .65s ease;\r\n    }\r\n\r\n    .srl {\r\n        opacity: 0;\r\n        transform: translateX(-28px);\r\n        transition: opacity .65s ease, transform .65s ease;\r\n    }\r\n\r\n    .srr {\r\n        opacity: 0;\r\n        transform: translateX(28px);\r\n        transition: opacity .65s ease, transform .65s ease;\r\n    }\r\n\r\n    .sr.go,\r\n    .srl.go,\r\n    .srr.go {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n    .d1 {\r\n        transition-delay: .10s !important;\r\n    }\r\n\r\n    .d2 {\r\n        transition-delay: .20s !important;\r\n    }\r\n\r\n    .d3 {\r\n        transition-delay: .30s !important;\r\n    }\r\n\r\n    .d4 {\r\n        transition-delay: .40s !important;\r\n    }\r\n\r\n    .d5 {\r\n        transition-delay: .50s !important;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       DI-1  Data Integration Intro\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #di1 {\r\n        padding: 100px 0;\r\n        background: #fff;\r\n    }\r\n\r\n    .di1-grid {\r\n        display: grid;\r\n        grid-template-columns: 46% 1fr;\r\n        gap: 72px;\r\n        align-items: start;\r\n    }\r\n\r\n    .di1-imgs {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n    }\r\n\r\n    .di1-img {\r\n        width: 100%;\r\n        aspect-ratio: 4\/3;\r\n        object-fit: cover;\r\n        display: block;\r\n        background: #e5e7eb;\r\n    }\r\n\r\n    .di1-label {\r\n        font-size: .68rem;\r\n        font-weight: 700;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        color: var(--muted);\r\n        margin-bottom: 24px;\r\n        display: block;\r\n    }\r\n\r\n    .di1-h1 {\r\n        font-size: 1.75rem;\r\n        font-weight: 900;\r\n        color: var(--dark);\r\n        line-height: 1.3;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .di1-p {\r\n        font-size: .9rem;\r\n        color: var(--muted);\r\n        line-height: 1.8;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .di1-h2 {\r\n        font-size: 1.35rem;\r\n        font-weight: 900;\r\n        color: var(--red);\r\n        line-height: 1.35;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       DI-2  CRM Integration\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #di2 {\r\n        padding: 100px 0;\r\n        background: var(--light);\r\n    }\r\n\r\n    .di2-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 72px;\r\n        align-items: center;\r\n    }\r\n\r\n    .di2-label {\r\n        font-size: .68rem;\r\n        font-weight: 700;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        color: var(--muted);\r\n        margin-bottom: 24px;\r\n        display: block;\r\n    }\r\n\r\n    .di2-h2 {\r\n        font-size: 1.55rem;\r\n        font-weight: 900;\r\n        color: var(--dark);\r\n        line-height: 1.3;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .di2-p {\r\n        font-size: .9rem;\r\n        color: var(--muted);\r\n        line-height: 1.8;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .di2-checks {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .di2-check {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-size: .9rem;\r\n        font-weight: 700;\r\n        color: var(--dark);\r\n    }\r\n\r\n    .di2-check svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        flex-shrink: 0;\r\n        fill: none;\r\n        stroke: var(--red);\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        background: #fff;\r\n        border: 2px solid var(--red);\r\n        padding: 3px;\r\n    }\r\n\r\n    .di2-cta {\r\n        display: inline-block;\r\n        padding: 14px 32px;\r\n        background: var(--red);\r\n        color: #fff;\r\n        font-size: .85rem;\r\n        font-weight: 800;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        text-decoration: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        transition: background .25s;\r\n    }\r\n\r\n    .di2-cta:hover {\r\n        background: #b01f1f;\r\n    }\r\n\r\n    .di2-icons {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 2px;\r\n        background: var(--border);\r\n        border: 1px solid var(--border);\r\n    }\r\n\r\n    .di2-icon {\r\n        background: #fff;\r\n        padding: 28px 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 12px;\r\n        transition: background .25s;\r\n        cursor: default;\r\n    }\r\n\r\n    .di2-icon:hover {\r\n        background: #fafafa;\r\n    }\r\n\r\n    .di2-icon svg {\r\n        width: 40px;\r\n        height: 40px;\r\n        fill: none;\r\n        stroke: var(--red);\r\n        stroke-width: 1.4;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .di2-icon-lbl {\r\n        font-size: .82rem;\r\n        font-weight: 700;\r\n        color: var(--dark);\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       DI-3  Banner \u2014 Maintaining More\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #di3 {\r\n        padding: 80px 0;\r\n        background: #fff;\r\n        border-top: 1px solid var(--border);\r\n        border-bottom: 1px solid var(--border);\r\n        text-align: center;\r\n    }\r\n\r\n    .di3-text {\r\n        font-size: 1.3rem;\r\n        font-weight: 900;\r\n        color: var(--dark);\r\n        letter-spacing: -.3px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .di3-text::before,\r\n    .di3-text::after {\r\n        content: ' \\\\ ';\r\n        color: var(--red);\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       DI-4  Strategic Approach\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #di4 {\r\n        padding: 100px 0;\r\n        background: var(--light);\r\n    }\r\n\r\n    .di4-grid {\r\n        display: grid;\r\n        grid-template-columns: 44% 1fr;\r\n        gap: 72px;\r\n        align-items: center;\r\n    }\r\n\r\n    .di4-img-wrap {\r\n        position: relative;\r\n    }\r\n\r\n    .di4-img {\r\n        width: 100%;\r\n        aspect-ratio: 4\/3;\r\n        object-fit: cover;\r\n        display: block;\r\n        background: #e5e7eb;\r\n    }\r\n\r\n    .di4-label {\r\n        font-size: .68rem;\r\n        font-weight: 700;\r\n        letter-spacing: 3px;\r\n        text-transform: uppercase;\r\n        color: var(--muted);\r\n        margin-bottom: 20px;\r\n        display: block;\r\n    }\r\n\r\n    .di4-h2 {\r\n        font-size: 1.55rem;\r\n        font-weight: 900;\r\n        color: var(--red);\r\n        line-height: 1.3;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .di4-p {\r\n        font-size: .9rem;\r\n        color: var(--muted);\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       DI-5  Three Dark Service Cards\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #di5 {\r\n        padding: 80px 0;\r\n        background: #fff;\r\n    }\r\n\r\n    .di5-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 0;\r\n    }\r\n\r\n    .di5-card {\r\n        background: var(--dark);\r\n        padding: 48px 36px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        transition: background .3s;\r\n    }\r\n\r\n    .di5-card:not(:last-child) {\r\n        border-right: 1px solid rgba(255, 255, 255, .08);\r\n    }\r\n\r\n    .di5-card:hover {\r\n        background: #222;\r\n    }\r\n\r\n    .di5-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 3px;\r\n        height: 0;\r\n        background: var(--red);\r\n        transition: height .4s cubic-bezier(.19, 1, .22, 1);\r\n    }\r\n\r\n    .di5-card:hover::after {\r\n        height: 100%;\r\n    }\r\n\r\n    .di5-img-wrap {\r\n        aspect-ratio: 16\/9;\r\n        overflow: hidden;\r\n        background: #333;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .di5-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform .6s ease;\r\n    }\r\n\r\n    .di5-card:hover .di5-img {\r\n        transform: scale(1.04);\r\n    }\r\n\r\n    .di5-h3,\r\n    #di5 h3,\r\n    #di5 .di5-h3 {\r\n        font-size: 1.15rem !important;\r\n        font-weight: 900 !important;\r\n        letter-spacing: .5px !important;\r\n        text-transform: uppercase !important;\r\n        color: #ffffff !important;\r\n        line-height: 1.4 !important;\r\n        text-shadow: 0 2px 8px rgba(0,0,0,.6) !important;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    .di5-p,\r\n    #di5 p,\r\n    #di5 .di5-p {\r\n        font-size: .85rem !important;\r\n        color: rgba(255, 255, 255, .88) !important;\r\n        line-height: 1.8 !important;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       DI-6  Methods Wheel\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #di6 {\r\n        padding: 100px 0;\r\n        background: var(--light);\r\n    }\r\n\r\n    .di6-head {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .di6-h2 {\r\n        font-size: 2rem;\r\n        font-weight: 900;\r\n        color: var(--dark);\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .di6-wheel-wrap {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 40px;\r\n    }\r\n\r\n    .di6-wheel {\r\n        position: relative;\r\n        width: 380px;\r\n        height: 380px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .di6-center {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 120px;\r\n        height: 120px;\r\n        border-radius: 50%;\r\n        background: #3b82f6;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        font-size: .78rem;\r\n        font-weight: 900;\r\n        color: #fff;\r\n        line-height: 1.3;\r\n        z-index: 2;\r\n        cursor: default;\r\n        box-shadow: 0 0 0 8px rgba(59, 130, 246, .15);\r\n    }\r\n\r\n    .di6-node {\r\n        position: absolute;\r\n        width: 90px;\r\n        height: 90px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: .72rem;\r\n        font-weight: 900;\r\n        color: #fff;\r\n        text-align: center;\r\n        cursor: pointer;\r\n        transition: transform .25s, box-shadow .25s;\r\n        user-select: none;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .di6-node:hover,\r\n    .di6-node.active {\r\n        transform: scale(1.12);\r\n        box-shadow: 0 8px 32px rgba(0, 0, 0, .25);\r\n    }\r\n\r\n    \/* Positions: pentagon around center *\/\r\n    .di6-n1 {\r\n        background: #ef4444;\r\n        top: 0px;\r\n        left: 50%;\r\n        margin-left: -45px;\r\n    }\r\n\r\n    \/* top \u2014 ETL *\/\r\n    .di6-n2 {\r\n        background: #8b5cf6;\r\n        top: 50%;\r\n        margin-top: -45px;\r\n        left: 12px;\r\n    }\r\n\r\n    \/* left \u2014 Propagation *\/\r\n    .di6-n3 {\r\n        background: #22c55e;\r\n        top: 50%;\r\n        margin-top: -45px;\r\n        right: 12px;\r\n    }\r\n\r\n    \/* right \u2014 ELT *\/\r\n    .di6-n4 {\r\n        background: #f59e0b;\r\n        bottom: 0;\r\n        left: 50%;\r\n        margin-left: -45px;\r\n    }\r\n\r\n    \/* bottom \u2014 Virtualization *\/\r\n\r\n    \/* Connecting lines via SVG *\/\r\n    .di6-svg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    .di6-svg line {\r\n        stroke: #d1d5db;\r\n        stroke-width: 1.5;\r\n        stroke-dasharray: 4 4;\r\n    }\r\n\r\n    .di6-hint {\r\n        text-align: center;\r\n        font-size: .85rem;\r\n        color: var(--muted);\r\n    }\r\n\r\n    .di6-hint strong {\r\n        display: block;\r\n        font-size: 1rem;\r\n        font-weight: 800;\r\n        color: var(--dark);\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .di6-panel {\r\n        width: 100%;\r\n        max-width: 560px;\r\n        background: #fff;\r\n        border: 1px solid var(--border);\r\n        padding: 32px 28px;\r\n        display: none;\r\n        animation: fadeUp .35s ease;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .di6-panel.show {\r\n        display: block;\r\n    }\r\n\r\n    .di6-panel-title {\r\n        font-size: 1.1rem;\r\n        font-weight: 900;\r\n        color: var(--dark);\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .di6-panel-desc {\r\n        font-size: .88rem;\r\n        color: var(--muted);\r\n        line-height: 1.8;\r\n    }\r\n\r\n    @keyframes fadeUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(10px);\r\n        }\r\n\r\n        to {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       DI-7  Deployment Models\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    #di7 {\r\n        padding: 100px 0;\r\n        background: #fff;\r\n    }\r\n\r\n    .di7-head {\r\n        text-align: center;\r\n        margin-bottom: 56px;\r\n    }\r\n\r\n    .di7-h2 {\r\n        font-size: 2rem;\r\n        font-weight: 900;\r\n        color: var(--dark);\r\n    }\r\n\r\n    .di7-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        border: 1px solid var(--border);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .di7-col {\r\n        border-right: 1px solid var(--border);\r\n        opacity: 0;\r\n        transform: translateY(24px);\r\n        transition: opacity .65s ease, transform .65s ease;\r\n    }\r\n\r\n    .di7-col:last-child {\r\n        border-right: none;\r\n    }\r\n\r\n    .di7-col.go {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n    .di7-col:nth-child(2).go {\r\n        transition-delay: .12s;\r\n    }\r\n\r\n    .di7-col:nth-child(3).go {\r\n        transition-delay: .24s;\r\n    }\r\n\r\n    .di7-colhead {\r\n        padding: 22px 28px;\r\n        text-align: center;\r\n        font-size: .95rem;\r\n        font-weight: 900;\r\n        color: #fff;\r\n        letter-spacing: .5px;\r\n    }\r\n\r\n    .di7-col:nth-child(1) .di7-colhead {\r\n        background: #2563eb;\r\n    }\r\n\r\n    .di7-col:nth-child(2) .di7-colhead {\r\n        background: #16a34a;\r\n    }\r\n\r\n    .di7-col:nth-child(3) .di7-colhead {\r\n        background: #0891b2;\r\n    }\r\n\r\n    .di7-body {\r\n        padding: 28px;\r\n    }\r\n\r\n    .di7-block {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .di7-block:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .di7-bt {\r\n        font-size: .8rem;\r\n        font-weight: 900;\r\n        color: var(--dark);\r\n        margin-bottom: 7px;\r\n        text-transform: uppercase;\r\n        letter-spacing: .5px;\r\n    }\r\n\r\n    .di7-bd {\r\n        font-size: .8rem;\r\n        color: var(--muted);\r\n        line-height: 1.7;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       Responsive\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media(max-width: 1024px) {\r\n        .di1-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 48px;\r\n        }\r\n\r\n        .di1-imgs {\r\n            flex-direction: row;\r\n        }\r\n\r\n        .di1-img {\r\n            aspect-ratio: 1\/1;\r\n        }\r\n\r\n        .di4-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 48px;\r\n        }\r\n    }\r\n\r\n    @media(max-width: 900px) {\r\n        .di2-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 48px;\r\n        }\r\n\r\n        .di5-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .di5-card:not(:last-child) {\r\n            border-right: none;\r\n            border-bottom: 1px solid rgba(255, 255, 255, .08);\r\n        }\r\n\r\n        .di7-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .di7-col {\r\n            border-right: none;\r\n            border-bottom: 1px solid var(--border);\r\n        }\r\n    }\r\n\r\n    @media(max-width: 640px) {\r\n        .di-con {\r\n            padding: 0 20px;\r\n        }\r\n\r\n        #di1,\r\n        #di2,\r\n        #di4,\r\n        #di5,\r\n        #di6,\r\n        #di7 {\r\n            padding: 72px 0;\r\n        }\r\n\r\n        .di1-h1 {\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        .di2-h2,\r\n        .di4-h2 {\r\n            font-size: 1.25rem;\r\n        }\r\n\r\n        .di2-icons {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        .di6-wheel {\r\n            width: 280px;\r\n            height: 280px;\r\n        }\r\n\r\n        .di6-center {\r\n            width: 90px;\r\n            height: 90px;\r\n            font-size: .68rem;\r\n        }\r\n\r\n        .di6-node {\r\n            width: 70px;\r\n            height: 70px;\r\n            font-size: .65rem;\r\n        }\r\n\r\n        .di6-n1 {\r\n            margin-left: -35px;\r\n        }\r\n\r\n        .di6-n2 {\r\n            margin-top: -35px;\r\n            left: 4px;\r\n        }\r\n\r\n        .di6-n3 {\r\n            margin-top: -35px;\r\n            right: 4px;\r\n        }\r\n\r\n        .di6-n4 {\r\n            margin-left: -35px;\r\n        }\r\n\r\n        .di7-h2,\r\n        .di6-h2 {\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .di1-imgs {\r\n            flex-direction: column;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DI-1 \u2014 Data Integration Intro\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"di1\" class=\"di\" aria-label=\"Data Integration Introduction\">\r\n    <div class=\"di-con\">\r\n        <div class=\"di1-grid\">\r\n\r\n            <div class=\"di1-imgs srl\">\r\n                <img decoding=\"async\" class=\"di1-img\"\r\n                    src=\"https:\/\/darksn.de\/wp-content\/uploads\/2024\/04\/integrated-semiconductor-microchip-2023-11-27-05-30-49-utc-1-scaled-1.jpg\"\r\n                    alt=\"Data integration circuit board visualization\" loading=\"lazy\">\r\n                <img decoding=\"async\" class=\"di1-img\"\r\n                    src=\"https:\/\/darksn.de\/wp-content\/uploads\/2024\/04\/blue-motherboard-closeup-2023-11-27-05-26-49-utc-scaled-1.jpg\"\r\n                    alt=\"Data integration technology\" loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div>\r\n                <span class=\"di1-label sr\">Data Integration<\/span>\r\n                <h1 class=\"di1-h1 sr d1\">During Data Integration, Data From Different Sources Is Merged, Combined And\r\n                    Stored In A Suitable Format.<\/h1>\r\n                <p class=\"di1-p sr d2\">Integrated data helps companies make more accurate and informed decisions.<\/p>\r\n                <h2 class=\"di1-h2 sr d3\">Incorrect Decisions Caused By Inconsistent Or Incomplete Data Are Minimized.\r\n                <\/h2>\r\n                <p class=\"di1-p sr d4\">Data integration speeds up access to data and optimizes the data analysis\r\n                    process. This increases the efficiency of companies.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DI-2 \u2014 CRM Integration (dsca design)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<style>\r\n    .dsca-section {\r\n        background: #f4f5f8;\r\n        padding: 100px 40px 120px;\r\n        font-family: 'Segoe UI', system-ui, Arial, sans-serif;\r\n        overflow: hidden;\r\n    }\r\n    .dsca-wrap {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 72px;\r\n        align-items: center;\r\n    }\r\n    .dsca-left { opacity: 0; transform: translateX(-32px); transition: opacity .8s ease, transform .8s ease; }\r\n    .dsca-left.dsca-in { opacity: 1; transform: none; }\r\n    .dsca-eyebrow { display: inline-flex; align-items: flex-start; gap: 10px; margin-bottom: 22px; }\r\n    .dsca-eyebrow-bar { flex-shrink: 0; margin-top: 7px; width: 26px; height: 2px; background: #e8261a; }\r\n    .dsca-eyebrow-text { font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: #e8261a; line-height: 1.55; }\r\n    #dsca-heading { font-size: clamp(18px, 2vw, 25px); font-weight: 800; color: #111; line-height: 1.32; letter-spacing: -.02em; margin: 0 0 18px; }\r\n    .dsca-desc { font-size: 14.5px; color: #666; line-height: 1.82; margin: 0 0 28px; }\r\n    .dsca-checks { list-style: none; padding: 0; margin: 0 0 34px; display: flex; flex-direction: column; gap: 12px; }\r\n    .dsca-checks li { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; color: #222; }\r\n    .dsca-checks li::before {\r\n        content: '';\r\n        flex-shrink: 0;\r\n        width: 22px; height: 22px;\r\n        border-radius: 6px;\r\n        background: #e8261a url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5 11.5l4 4 8-8' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'\/%3E%3C\/svg%3E\") center\/contain no-repeat;\r\n    }\r\n    .dsca-btn { display: inline-block; background: #e8261a; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; padding: 16px 38px; border-radius: 4px; box-shadow: 0 6px 22px rgba(232,38,26,.32); transition: background .25s, transform .2s, box-shadow .25s; }\r\n    .dsca-btn:hover { background: #c0200f; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(232,38,26,.44); }\r\n\r\n    .dsca-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }\r\n    .dsca-card { background: #fff; border-radius: 16px; padding: 24px 14px 22px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; border: 1px solid rgba(0,0,0,.07); opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease, box-shadow .3s, border-color .3s; }\r\n    .dsca-card.dsca-in { opacity: 1; transform: none; }\r\n    .dsca-card.dsca-fa.dsca-in { animation: dsca-float-a 4s .55s ease-in-out infinite; }\r\n    .dsca-card.dsca-fb.dsca-in { animation: dsca-float-b 3.6s .55s ease-in-out infinite; }\r\n    .dsca-card.dsca-fc.dsca-in { animation: dsca-float-c 4.4s .55s ease-in-out infinite; }\r\n    @keyframes dsca-float-a { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }\r\n    @keyframes dsca-float-b { 0%,100%{transform:translateY(-4px)} 50%{transform:translateY(5px)} }\r\n    @keyframes dsca-float-c { 0%,100%{transform:translateY(0)} 55%{transform:translateY(-6px)} }\r\n    .dsca-card:hover { box-shadow: 0 8px 28px rgba(232,38,26,.12); border-color: rgba(232,38,26,.28); }\r\n    .dsca-icon { width: 46px; height: 46px; color: #e8261a; transition: transform .3s; }\r\n    .dsca-card:hover .dsca-icon { transform: scale(1.14); }\r\n    .dsca-card-label { font-size: 12.5px; font-weight: 700; color: #111; line-height: 1.3; }\r\n\r\n    .dsca-bridge { display: flex; align-items: center; justify-content: center; }\r\n    .dsca-bridge-track { width: 2px; height: 60px; background: linear-gradient(180deg, rgba(232,38,26,0) 0%, rgba(232,38,26,.4) 50%, rgba(232,38,26,0) 100%); border-radius: 2px; position: relative; overflow: hidden; }\r\n    .dsca-bridge-dot { width: 6px; height: 6px; border-radius: 50%; background: #e8261a; position: absolute; left: 50%; transform: translateX(-50%); }\r\n    .dsca-bridge-top .dsca-bridge-dot    { animation: dsca-dot-down 1.8s ease-in-out infinite; }\r\n    .dsca-bridge-bottom .dsca-bridge-dot { animation: dsca-dot-up 1.8s ease-in-out infinite .9s; }\r\n    @keyframes dsca-dot-down { 0%{top:-6px;opacity:0} 15%{opacity:1} 85%{opacity:1} 100%{top:calc(100% + 6px);opacity:0} }\r\n    @keyframes dsca-dot-up   { 0%{top:calc(100% + 6px);opacity:0} 15%{opacity:1} 85%{opacity:1} 100%{top:-6px;opacity:0} }\r\n\r\n    .dsca-center-outer { position: relative; border-radius: 22px; padding: 3px; overflow: hidden; background: #0d0d0d; }\r\n    .dsca-center-ring  { position: absolute; inset: 0; background: conic-gradient(from 0deg, #e8261a 0deg, #ff6a3d 70deg, rgba(255,255,255,.04) 140deg, rgba(255,255,255,.04) 210deg, #7b5cff 280deg, #e8261a 360deg); animation: dsca-spin 3s linear infinite; }\r\n    @keyframes dsca-spin { to { transform: rotate(360deg); } }\r\n    .dsca-center-inner { position: relative; z-index: 1; background: #0d0d0d; border-radius: 19px; padding: 32px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }\r\n    .dsca-logo-img { width: 116px; height: auto; display: block; animation: dsca-logo-pulse 2.8s ease-in-out infinite; }\r\n    @keyframes dsca-logo-pulse { 0%,100%{filter:drop-shadow(0 0 6px rgba(232,38,26,.25))} 50%{filter:drop-shadow(0 0 20px rgba(232,38,26,.6))} }\r\n    .dsca-center-tag { font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.35); }\r\n\r\n    @media(max-width:960px) {\r\n        .dsca-wrap { grid-template-columns: 1fr; gap: 60px; }\r\n        .dsca-grid { max-width: 460px; margin: 0 auto; }\r\n    }\r\n    @media(max-width:500px) {\r\n        .dsca-section { padding: 72px 18px 90px; }\r\n        .dsca-grid { gap: 7px; }\r\n        .dsca-card { padding: 16px 8px 14px; }\r\n        .dsca-icon { width: 36px; height: 36px; }\r\n        .dsca-card-label { font-size: 10.5px; }\r\n        .dsca-logo-img { width: 82px; }\r\n    }\r\n    @media(prefers-reduced-motion:reduce) {\r\n        .dsca-left,.dsca-card { transition: opacity .01s !important; animation: none !important; }\r\n        .dsca-left.dsca-in,.dsca-card.dsca-in { opacity:1 !important; transform:none !important; }\r\n        .dsca-center-ring,.dsca-logo-img { animation: none !important; }\r\n        .dsca-bridge-dot { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"di2\" class=\"dsca-section\" aria-labelledby=\"dsca-heading\">\r\n    <div class=\"dsca-wrap\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"dsca-left\" id=\"dscaLeft\">\r\n            <div class=\"dsca-eyebrow\">\r\n                <div class=\"dsca-eyebrow-bar\"><\/div>\r\n                <span class=\"dsca-eyebrow-text\">Providing Companies With Flexibility And Improved Performance<\/span>\r\n            <\/div>\r\n            <h2 id=\"dsca-heading\">The Integration Of Data Into Customer Relationship Management (CRM) Systems Enables More Comprehensive Management Of Customer Data.<\/h2>\r\n            <p class=\"dsca-desc\">Data integration helps companies to improve their risk management processes by bringing together data from different sources.<\/p>\r\n            <ul class=\"dsca-checks\" role=\"list\">\r\n                <li>Flexibility &amp; Cost Savings<\/li>\r\n                <li>Business Continuity<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/darksn.de\/contact\/\" class=\"dsca-btn\" aria-label=\"Contact us about Data Integration\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <!-- RIGHT: Hub grid -->\r\n        <div>\r\n            <div class=\"dsca-grid\" aria-label=\"Data Integration service areas\">\r\n\r\n                <!-- Row 1 -->\r\n                <article class=\"dsca-card dsca-fa\" id=\"dscaC1\">\r\n                    <svg class=\"dsca-icon\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <path d=\"M8 7h16a3 3 0 013 3v9a3 3 0 01-3 3H14l-5 5v-5H8a3 3 0 01-3-3V10a3 3 0 013-3z\"\/>\r\n                        <path d=\"M30 10h8a3 3 0 013 3v6a3 3 0 01-3 3h-3l-3 3v-3h-2\"\/>\r\n                    <\/svg>\r\n                    <span class=\"dsca-card-label\">Interaction<\/span>\r\n                <\/article>\r\n\r\n                <div class=\"dsca-bridge dsca-bridge-top\" aria-hidden=\"true\">\r\n                    <div class=\"dsca-bridge-track\"><div class=\"dsca-bridge-dot\"><\/div><\/div>\r\n                <\/div>\r\n\r\n                <article class=\"dsca-card dsca-fb\" id=\"dscaC2\">\r\n                    <svg class=\"dsca-icon\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <rect x=\"6\" y=\"8\"  width=\"22\" height=\"8\" rx=\"2\"\/>\r\n                        <rect x=\"6\" y=\"20\" width=\"22\" height=\"8\" rx=\"2\"\/>\r\n                        <circle cx=\"24\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/>\r\n                        <circle cx=\"24\" cy=\"24\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/>\r\n                        <path d=\"M35 16v16M35 16l-4 4M35 16l4 4\"\/>\r\n                    <\/svg>\r\n                    <span class=\"dsca-card-label\">Data Transmission<\/span>\r\n                <\/article>\r\n\r\n                <!-- Row 2 -->\r\n                <article class=\"dsca-card dsca-fc\" id=\"dscaC3\">\r\n                    <svg class=\"dsca-icon\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <path d=\"M36 8a8 8 0 00-8.5 10.5L10 36.5a2.5 2.5 0 003.5 3.5l18-17.5A8 8 0 1036 8z\"\/>\r\n                        <circle cx=\"34\" cy=\"12\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\r\n                    <\/svg>\r\n                    <span class=\"dsca-card-label\">Repair<\/span>\r\n                <\/article>\r\n\r\n                <!-- Center: Darksn logo -->\r\n                <div class=\"dsca-center-outer\" aria-label=\"Darksn Strategic IT-Solutions\">\r\n                    <div class=\"dsca-center-ring\" aria-hidden=\"true\"><\/div>\r\n                    <div class=\"dsca-center-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/logo-darksn-beyaz-e1725367666713.png\" alt=\"Darksn GmbH \u2013 Strategic IT-Solutions\" class=\"dsca-logo-img\" width=\"116\" loading=\"lazy\">\r\n                        <span class=\"dsca-center-tag\">Strategic IT<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <article class=\"dsca-card dsca-fc\" id=\"dscaC4\">\r\n                    <svg class=\"dsca-icon\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <polyline points=\"5 34 14 22 21 27 30 15 40 8\"\/>\r\n                        <polyline points=\"32 8 40 8 40 16\"\/>\r\n                        <line x1=\"5\" y1=\"40\" x2=\"41\" y2=\"40\"\/>\r\n                    <\/svg>\r\n                    <span class=\"dsca-card-label\">Optimization<\/span>\r\n                <\/article>\r\n\r\n                <!-- Row 3 -->\r\n                <article class=\"dsca-card dsca-fb\" id=\"dscaC5\">\r\n                    <svg class=\"dsca-icon\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <path d=\"M23 4a11 11 0 00-11 11c0 8.5 11 21 11 21s11-12.5 11-21A11 11 0 0023 4z\"\/>\r\n                        <circle cx=\"23\" cy=\"15\" r=\"4\"\/>\r\n                        <path d=\"M10 42h26\" stroke-dasharray=\"3 3\"\/>\r\n                    <\/svg>\r\n                    <span class=\"dsca-card-label\">Route Guidance<\/span>\r\n                <\/article>\r\n\r\n                <div class=\"dsca-bridge dsca-bridge-bottom\" aria-hidden=\"true\">\r\n                    <div class=\"dsca-bridge-track\"><div class=\"dsca-bridge-dot\"><\/div><\/div>\r\n                <\/div>\r\n\r\n                <article class=\"dsca-card dsca-fa\" id=\"dscaC6\">\r\n                    <svg class=\"dsca-icon\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <polygon points=\"25 4 7 26 22 26 21 42 39 20 24 20 25 4\"\/>\r\n                    <\/svg>\r\n                    <span class=\"dsca-card-label\">Fuse<\/span>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n    (function () {\r\n        var ioLeft = new IntersectionObserver(function (e) {\r\n            if (e[0].isIntersecting) { document.getElementById('dscaLeft').classList.add('dsca-in'); ioLeft.disconnect(); }\r\n        }, { threshold: 0.15 });\r\n        var leftEl = document.getElementById('dscaLeft');\r\n        if (leftEl) ioLeft.observe(leftEl);\r\n\r\n        var cards  = ['dscaC1','dscaC2','dscaC3','dscaC4','dscaC5','dscaC6'];\r\n        var delays = [0.08, 0.18, 0.24, 0.24, 0.34, 0.44];\r\n        var ioC = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('dsca-in'); ioC.unobserve(e.target); } });\r\n        }, { threshold: 0.1 });\r\n        cards.forEach(function (id, i) {\r\n            var el = document.getElementById(id);\r\n            if (!el) return;\r\n            el.style.transitionDelay = delays[i] + 's';\r\n            ioC.observe(el);\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DI-3 \u2014 Banner\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"di3\" class=\"di\" aria-label=\"Maintaining More Service\">\r\n    <div class=\"di-con\">\r\n        <p class=\"di3-text sr\">Maintaining More Service, Capturing The Future<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DI-4 \u2014 Strategic Approach\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"di4\" class=\"di\" aria-label=\"Strategic Approach\">\r\n    <div class=\"di-con\">\r\n        <div class=\"di4-grid\">\r\n\r\n            <div class=\"di4-img-wrap srl\">\r\n                <img decoding=\"async\" class=\"di4-img\" src=\"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/5039055_45210-scaled.jpg\"\r\n                    alt=\"Data warehouse and server infrastructure\" loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div>\r\n                <span class=\"di4-label srr\">Companies Offer Flexibility And Improved Performance<\/span>\r\n                <h2 class=\"di4-h2 srr d1\">Strategic Approach For Companies That Draw Their Strength From Diversity.<\/h2>\r\n                <p class=\"di4-p srr d2\">Integrated data supports companies' strategic planning processes and helps them\r\n                    to make forecasts for the future.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DI-5 \u2014 Three Dark Service Cards\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"di5\" class=\"di\" aria-label=\"Data Integration Services\">\r\n    <div class=\"di5-grid\">\r\n\r\n        <article class=\"di5-card sr\">\r\n            <div class=\"di5-img-wrap\">\r\n                <img decoding=\"async\" class=\"di5-img\" src=\"https:\/\/darksn.de\/wp-content\/uploads\/2024\/09\/26477283_data-scaled-1.jpg\"\r\n                    loading=\"lazy\">\r\n            <\/div>\r\n            <h3 class=\"di5-h3\">Data Integration<br>Consulting<\/h3>\r\n            <p class=\"di5-p\">Our consulting services are designed to optimize your current data infrastructure or build\r\n                a new, efficient integration system from the ground up. We'll design a flexible, cost-effective solution\r\n                architecture, recommend the best tools, and establish a secure, compliant data management framework.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"di5-card sr d2\">\r\n            <div class=\"di5-img-wrap\">\r\n                <img decoding=\"async\" class=\"di5-img\" src=\"https:\/\/darksn.de\/wp-content\/uploads\/2024\/09\/2807760_18135-scaled-1.jpg\"\r\n                    alt=\"Data Integration Implementation\" loading=\"lazy\">\r\n            <\/div>\r\n            <h3 class=\"di5-h3\">Data Integration<br>Implementation<\/h3>\r\n            <p class=\"di5-p\">Whether you need to set-up and customize a data integration platform or develop custom\r\n                software components like ETL pipelines and APIs, we have you covered. We can also implement a\r\n                comprehensive data warehousing and analytics system tailored to your unique requirements.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"di5-card sr d3\">\r\n            <div class=\"di5-img-wrap\">\r\n                <img decoding=\"async\" class=\"di5-img\" src=\"https:\/\/darksn.de\/wp-content\/uploads\/2024\/09\/11668630_20945231-scaled-1.jpg\"\r\n                    alt=\"Data Integration Support\" loading=\"lazy\">\r\n            <\/div>\r\n            <h3 class=\"di5-h3\">Data Integration<br>Support<\/h3>\r\n            <p class=\"di5-p\">Our support services ensure the long-term stability of your data integration solution,\r\n                addressing troubleshooting needs and evolving the system as requirements change. We also monitor and\r\n                streamline data quality management processes to maintain data accuracy and consistency.<\/p>\r\n        <\/article>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DI-6 \u2014 Methods Wheel\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"di6\" class=\"di\" aria-label=\"Data Integration Methods\">\r\n    <div class=\"di-con\">\r\n        <header class=\"di6-head\">\r\n            <h2 class=\"di6-h2 sr\">Data Integration Methods<\/h2>\r\n        <\/header>\r\n\r\n        <div class=\"di6-wheel-wrap\">\r\n            <div class=\"di6-wheel\" role=\"group\" aria-label=\"Integration method selector\">\r\n                <!-- Connecting lines -->\r\n                <svg class=\"di6-svg\" viewBox=\"0 0 380 380\" aria-hidden=\"true\">\r\n                    <line x1=\"190\" y1=\"45\" x2=\"190\" y2=\"130\" \/>\r\n                    <line x1=\"57\" y1=\"190\" x2=\"130\" y2=\"190\" \/>\r\n                    <line x1=\"250\" y1=\"190\" x2=\"323\" y2=\"190\" \/>\r\n                    <line x1=\"190\" y1=\"250\" x2=\"190\" y2=\"335\" \/>\r\n                <\/svg>\r\n\r\n                <div class=\"di6-center\" aria-label=\"Data Integration center\">Data<br>Integration<\/div>\r\n\r\n                <button class=\"di6-node di6-n1\" data-method=\"etl\" aria-pressed=\"false\">ETL<\/button>\r\n                <button class=\"di6-node di6-n2\" data-method=\"propagation\" aria-pressed=\"false\">Propagation<\/button>\r\n                <button class=\"di6-node di6-n3\" data-method=\"elt\" aria-pressed=\"false\">ELT<\/button>\r\n                <button class=\"di6-node di6-n4\" data-method=\"virtualization\"\r\n                    aria-pressed=\"false\">Virtualization<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"di6-hint\" id=\"di6Hint\">\r\n                <strong>Select A Method To Learn More<\/strong>\r\n                Click on one of the integration methods in the wheel above to see detailed information.\r\n            <\/div>\r\n\r\n            <div class=\"di6-panel\" id=\"di6Panel\" role=\"region\" aria-live=\"polite\">\r\n                <h3 class=\"di6-panel-title\" id=\"di6PanelTitle\"><\/h3>\r\n                <p class=\"di6-panel-desc\" id=\"di6PanelDesc\"><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DI-7 \u2014 Deployment Models\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"di7\" class=\"di\" aria-label=\"Data Integration Deployment Models\">\r\n    <div class=\"di-con\">\r\n        <header class=\"di7-head\">\r\n            <h2 class=\"di7-h2 sr\">Data Integration Deployment Models<\/h2>\r\n        <\/header>\r\n        <div class=\"di7-grid\">\r\n\r\n            <div class=\"di7-col\">\r\n                <div class=\"di7-colhead\">On-Premises<\/div>\r\n                <div class=\"di7-body\">\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">Best for<\/p>\r\n                        <p class=\"di7-bd\">Legacy systems that are difficult to integrate in a cloud environment or\r\n                            organizations with strict data hosting policies (e.g., healthcare, defense).<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">What you pay for<\/p>\r\n                        <p class=\"di7-bd\">Software licenses (e.g., Informatica, Oracle Data Integrator), hardware, and\r\n                            IT resources for setup and maintenance.<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">Common challenge<\/p>\r\n                        <p class=\"di7-bd\">Scalability limitations due to the need for additional hardware.<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">How we solve it<\/p>\r\n                        <p class=\"di7-bd\">We provision bare-metal servers to increase processing power and use\r\n                            solid-state drives and in-memory caching to reduce latency.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"di7-col\">\r\n                <div class=\"di7-colhead\">Cloud<\/div>\r\n                <div class=\"di7-body\">\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">Best for<\/p>\r\n                        <p class=\"di7-bd\">Handling growing data volumes, enabling easy access for distributed teams, and\r\n                            leveraging cloud platforms for data analytics, machine learning, and AI.<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">What you pay for<\/p>\r\n                        <p class=\"di7-bd\">Subscription fees (e.g., AWS Glue) and cloud resource consumption based on\r\n                            usage, along with IT resources for maintenance.<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">Common challenge<\/p>\r\n                        <p class=\"di7-bd\">Vendor lock-in.<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">How we solve it<\/p>\r\n                        <p class=\"di7-bd\">By using common data formats (e.g., JSON, XML) for cross-cloud portability and\r\n                            incorporating open source tools to avoid dependency on specific cloud vendors.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"di7-col\">\r\n                <div class=\"di7-colhead\">Hybrid (Cloud + On-Premises)<\/div>\r\n                <div class=\"di7-body\">\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">Best for<\/p>\r\n                        <p class=\"di7-bd\">Companies looking to gradually move from on-premises to cloud infrastructure\r\n                            or those needing to retain some data on-premises due to security or regulatory concerns.<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">What you pay for<\/p>\r\n                        <p class=\"di7-bd\">Costs associated with both on-premises and cloud solutions, along with IT\r\n                            support for implementation and maintenance.<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">Common challenge<\/p>\r\n                        <p class=\"di7-bd\">Data consistency between cloud and on-premises systems.<\/p>\r\n                    <\/div>\r\n                    <div class=\"di7-block\">\r\n                        <p class=\"di7-bt\">How we solve it<\/p>\r\n                        <p class=\"di7-bd\">We implement replication and synchronization strategies to maintain consistent\r\n                            data updates across both environments.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function () {\r\n\r\n        \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n        var obs = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) {\r\n                if (e.isIntersecting) { e.target.classList.add('go'); obs.unobserve(e.target); }\r\n            });\r\n        }, { threshold: 0.1 });\r\n        document.querySelectorAll('.sr, .srl, .srr').forEach(function (el) { obs.observe(el); });\r\n\r\n        \/* \u2500\u2500 Deployment models stagger \u2500\u2500 *\/\r\n        var colObs = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) {\r\n                if (e.isIntersecting) { e.target.classList.add('go'); colObs.unobserve(e.target); }\r\n            });\r\n        }, { threshold: 0.08 });\r\n        document.querySelectorAll('.di7-col').forEach(function (el) { colObs.observe(el); });\r\n\r\n        \/* \u2500\u2500 Methods wheel \u2500\u2500 *\/\r\n        var methods = {\r\n            etl: {\r\n                title: 'ETL \u2014 Extract, Transform, Load',\r\n                desc: 'ETL is the traditional approach where data is extracted from source systems, transformed to fit the target schema, and then loaded into a data warehouse. It is ideal for structured data and complex transformations that must occur before loading.'\r\n            },\r\n            propagation: {\r\n                title: 'Data Propagation',\r\n                desc: 'Data propagation continuously replicates changes from source systems to target systems in near real-time. It is well-suited for keeping multiple databases synchronized and ensuring data consistency across distributed systems.'\r\n            },\r\n            elt: {\r\n                title: 'ELT \u2014 Extract, Load, Transform',\r\n                desc: 'ELT loads raw data into the target system first and then performs transformations using the power of the destination platform. It leverages cloud data warehouse capabilities for faster ingestion and flexible, on-demand transformation.'\r\n            },\r\n            virtualization: {\r\n                title: 'Data Virtualization',\r\n                desc: 'Data virtualization creates a unified, virtual data layer that allows applications to access and query data from multiple sources without physically moving it. It reduces data redundancy and enables real-time access to distributed data.'\r\n            }\r\n        };\r\n\r\n        var nodes = document.querySelectorAll('.di6-node');\r\n        var hint = document.getElementById('di6Hint');\r\n        var panel = document.getElementById('di6Panel');\r\n        var pTitle = document.getElementById('di6PanelTitle');\r\n        var pDesc = document.getElementById('di6PanelDesc');\r\n        var active = null;\r\n\r\n        nodes.forEach(function (btn) {\r\n            btn.addEventListener('click', function () {\r\n                var key = btn.getAttribute('data-method');\r\n                if (active === key) {\r\n                    btn.classList.remove('active');\r\n                    btn.setAttribute('aria-pressed', 'false');\r\n                    panel.classList.remove('show');\r\n                    hint.style.display = '';\r\n                    active = null;\r\n                    return;\r\n                }\r\n                nodes.forEach(function (n) { n.classList.remove('active'); n.setAttribute('aria-pressed', 'false'); });\r\n                btn.classList.add('active');\r\n                btn.setAttribute('aria-pressed', 'true');\r\n                pTitle.textContent = methods[key].title;\r\n                pDesc.textContent = methods[key].desc;\r\n                hint.style.display = 'none';\r\n                panel.classList.add('show');\r\n                active = key;\r\n            });\r\n        });\r\n\r\n    })();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b7455a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0b7455a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13d2c51 elementor-widget elementor-widget-html\" data-id=\"13d2c51\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"csh-hero\" id=\"cloud-hero\">\r\n\r\n    <style>\r\n        #cloud-hero {\r\n            --csh-bg-1: #0b0b0c;\r\n            --csh-bg-2: #171210;\r\n            --csh-red: #ff3b2f;\r\n            --csh-red-dark: #c2241a;\r\n            --csh-red-light: #ff8a73;\r\n            --csh-ink: #f6f2ee;\r\n            --csh-ink-dim: rgba(246, 242, 238, .62);\r\n            --csh-line: rgba(255, 255, 255, .09);\r\n\r\n            position: relative;\r\n            isolation: isolate;\r\n            overflow: hidden;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            background:\r\n                radial-gradient(85% 140% at 82% 50%, rgba(255, 59, 47, .12), transparent 60%),\r\n                linear-gradient(165deg, var(--csh-bg-2) 0%, var(--csh-bg-1) 55%, #060606 100%);\r\n            font-family: 'Space Grotesk', Arial, sans-serif;\r\n            color: var(--csh-ink);\r\n        }\r\n\r\n        #cloud-hero * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Space+Grotesk:wght@400;500;600&display=swap');\r\n\r\n        \/* ---------- fine structural grid + grain (premium texture, no clip-art) ---------- *\/\r\n        #cloud-hero .csh-grid {\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n            background-image:\r\n                linear-gradient(var(--csh-line) 1px, transparent 1px),\r\n                linear-gradient(90deg, var(--csh-line) 1px, transparent 1px);\r\n            background-size: 64px 64px;\r\n            mask-image: radial-gradient(60% 90% at 60% 50%, #000 0%, transparent 75%);\r\n            opacity: .3;\r\n        }\r\n\r\n        #cloud-hero .csh-grain {\r\n            position: absolute;\r\n            inset: -10%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n            opacity: .4;\r\n            mix-blend-mode: overlay;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'\/%3E%3C\/svg%3E\");\r\n        }\r\n\r\n        \/* ---------- layout (tek s\u00fctun, ince\/geni\u015f banner) ---------- *\/\r\n        #cloud-hero .csh-wrap {\r\n            position: relative;\r\n            z-index: 3;\r\n            width: 100%;\r\n            max-width: 1320px;\r\n            margin: 0 auto;\r\n            padding: clamp(52px, 8vw, 92px) clamp(24px, 6vw, 72px);\r\n        }\r\n\r\n        #cloud-hero .csh-copy {\r\n            max-width: 780px;\r\n        }\r\n\r\n        #cloud-hero h1.csh-title {\r\n            font-family: 'Bricolage Grotesque', Arial, sans-serif;\r\n            font-weight: 700;\r\n            font-size: clamp(1.9rem, 2.6vw + 1rem, 3.2rem);\r\n            line-height: 1.1;\r\n            letter-spacing: -0.01em;\r\n            margin: 0 0 28px;\r\n            color: var(--csh-ink);\r\n        }\r\n\r\n        #cloud-hero h1.csh-title .csh-accent {\r\n            background: linear-gradient(95deg, var(--csh-red-light), var(--csh-red) 55%, var(--csh-red-dark));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n        }\r\n\r\n        #cloud-hero h1.csh-title .csh-line {\r\n            display: block;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #cloud-hero h1.csh-title .csh-line span {\r\n            display: inline-block;\r\n            transform: translateY(112%);\r\n            opacity: 0;\r\n            animation: cshRise .85s cubic-bezier(.2, .8, .2, 1) forwards;\r\n        }\r\n\r\n        #cloud-hero h1.csh-title .csh-line:nth-child(1) span {\r\n            animation-delay: .15s;\r\n        }\r\n\r\n        #cloud-hero h1.csh-title .csh-line:nth-child(2) span {\r\n            animation-delay: .30s;\r\n        }\r\n\r\n        #cloud-hero h1.csh-title .csh-line:nth-child(3) span {\r\n            animation-delay: .45s;\r\n        }\r\n\r\n        @keyframes cshRise {\r\n            to {\r\n                transform: translateY(0);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* ---------- CTA ---------- *\/\r\n        #cloud-hero .csh-cta {\r\n            position: relative;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 17px 30px;\r\n            border: 0;\r\n            border-radius: 6px;\r\n            font-family: 'Space Grotesk', Arial, sans-serif;\r\n            font-weight: 600;\r\n            font-size: .86rem;\r\n            letter-spacing: .14em;\r\n            text-transform: uppercase;\r\n            color: #fff;\r\n            text-decoration: none;\r\n            background: linear-gradient(135deg, var(--csh-red) 0%, var(--csh-red-dark) 100%);\r\n            box-shadow: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 14px 30px -10px rgba(255, 59, 47, .55);\r\n            overflow: hidden;\r\n            isolation: isolate;\r\n            cursor: pointer;\r\n            opacity: 0;\r\n            animation: cshFadeUp .8s ease forwards;\r\n            animation-delay: .7s;\r\n            transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease;\r\n        }\r\n\r\n        @keyframes cshFadeUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(14px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        #cloud-hero .csh-cta::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: -60%;\r\n            width: 40%;\r\n            height: 100%;\r\n            background: linear-gradient(115deg, transparent, rgba(255, 255, 255, .35), transparent);\r\n            transform: skewX(-20deg);\r\n            transition: left .65s ease;\r\n            z-index: 1;\r\n        }\r\n\r\n        #cloud-hero .csh-cta:hover::before {\r\n            left: 130%;\r\n        }\r\n\r\n        #cloud-hero .csh-cta:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 20px 38px -10px rgba(255, 59, 47, .65);\r\n        }\r\n\r\n        #cloud-hero .csh-cta:focus-visible {\r\n            outline: 2px solid var(--csh-red-light);\r\n            outline-offset: 3px;\r\n        }\r\n\r\n        #cloud-hero .csh-cta svg {\r\n            width: 15px;\r\n            height: 15px;\r\n            flex: none;\r\n            transition: transform .35s cubic-bezier(.2, .8, .2, 1);\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        #cloud-hero .csh-cta:hover svg {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        #cloud-hero .csh-cta span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* ---------- responsive ---------- *\/\r\n        @media (max-width:560px) {\r\n            #cloud-hero .csh-wrap {\r\n                padding-block: 44px;\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            #cloud-hero * {\r\n                animation-duration: .001s !important;\r\n                animation-delay: 0s !important;\r\n                transition: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n\r\n    <div class=\"csh-wrap\">\r\n        <div class=\"csh-copy\">\r\n            <h1 class=\"csh-title\">\r\n                <span class=\"csh-line\"><span>Commitment to True Project Success\r\n                    <\/span><\/span>\r\n\r\n                <span class=\"csh-line\"><span><\/span><\/span>\r\n            <\/h1>\r\n\r\n            <a href=\"https:\/\/darksn.de\/contact\/\" class=\"csh-cta\">\r\n                <span>Contact Us<\/span>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                    <path d=\"M5 12h14\" \/>\r\n                    <path d=\"M13 5l7 7-7 7\" \/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bba6b20 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"bba6b20\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b00aba elementor-widget elementor-widget-html\" data-id=\"7b00aba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tailwindcss\/2.2.19\/tailwind.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <style>\n        .seo-content-wrapper {\n            background: #ffffff;\n            min-height: 100vh;\n            padding: 2rem 0;\n        }\n\n        .content-container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .seo-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2rem;\n        }\n\n        .seo-section {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            border: 1px solid #dee2e6;\n            border-radius: 15px;\n            padding: 2rem;\n            color: #333333;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        .seo-section:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n            border-color: #ef4444;\n        }\n\n        .seo-section h2 {\n            color: #1a1a1a;\n            font-size: 1.25rem;\n            font-weight: bold;\n            margin-bottom: 1rem;\n            border-bottom: 2px solid #ef4444;\n            padding-bottom: 0.5rem;\n            line-height: 1.4;\n        }\n\n        .seo-section p {\n            line-height: 1.8;\n            color: #495057;\n            margin-bottom: 1rem;\n            flex-grow: 1;\n        }\n\n        .highlight {\n            color: #ef4444 !important;\n            font-weight: 600 !important;\n        }\n\n        .ui-tech-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n            margin-top: 1rem;\n        }\n\n        .ui-tech-tag {\n            display: inline-block;\n            padding: 0.5rem 1rem;\n            background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);\n            color: #ffffff !important;\n            text-decoration: none;\n            border-radius: 25px;\n            font-size: 0.875rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .ui-tech-tag:hover {\n            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);\n            color: #ffffff;\n        }\n\n        @media (max-width: 768px) {\n            .seo-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .ui-tech-tags {\n                justify-content: center;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"seo-content-wrapper\">\n        <div class=\"content-container\">\n            <div class=\"seo-grid\">\n                <div class=\"seo-section\">\n                    <h2>1. Data Integration Services in Stuttgart, Ludwigsburg, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, Nuremberg, and Munich<\/h2>\n                    <p>In economically strong regions such as Stuttgart, Ludwigsburg, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, Nuremberg, and Munich, efficient data integration is becoming increasingly important. Companies need to reliably and securely combine data from various sources \u2014 whether cloud-based or on-premises. Darksn supports you in implementing modern data integration strategies tailored to your region and industry.<\/p>\n                    <div class=\"ui-tech-tags\">\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/data-integration\/\">Data Integration<\/a>\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/data-solutions\/\">Data Solutions<\/a>\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/iot-cloud-integration\/\">Cloud Integration<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"seo-section\">\n                    <h2>2. ETL and ELT Technologies for Structured Data Flows<\/h2>\n                    <p>For building automated data pipelines, we use market-leading technologies such as:<\/p>\n                    <p>\u2022 Apache NiFi (graphical data flow management)<\/p>\n                    <p>\u2022 Talend Data Integration (open-source ETL solution)<\/p>\n                    <p>\u2022 Azure Data Factory, AWS Glue, Google Dataflow (cloud-native ELT\/ETL platforms)<\/p>\n                    <p>These tools enable reliable connection of ERP, CRM, and third-party systems \u2014 ideal for companies in cities like Mannheim or Freiburg.<\/p>\n                    <div class=\"ui-tech-tags\">\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/understanding-crm-how-darksn-helps-businesses-manage-customer-relationships-effectively\/\">CRM Processes<\/a>\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/microsoftazure\/\">Azure Data Factory<\/a>\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/amazon-web-services\/\">AWS Glue<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"seo-section\">\n                    <h2>3. API-Based Integration and Hybrid Connections<\/h2>\n                    <p>Using modern API management platforms, diverse systems can be flexibly integrated. Platforms include:<\/p>\n                    <p>\u2022 MuleSoft Anypoint Platform<\/p>\n                    <p>\u2022 Boomi by Dell Technologies<\/p>\n                    <p>This allows us to realize multi-cloud integrations, microservices connections, and SaaS linkages \u2014 especially relevant in innovation hubs like Munich and Karlsruhe.<\/p>\n                    <div class=\"ui-tech-tags\">\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/api-development\/\">API Development<\/a>\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/multi-cloud-management\/\">Multi-Cloud Integrations<\/a>\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/saas\/\">SaaS Integration<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"seo-section\">\n                    <h2>4. Real-Time Data Processing with Kafka, Pub\/Sub & Co.<\/h2>\n                    <p>For event-based data integration and streaming, we rely on:<\/p>\n                    <p>\u2022 Apache Kafka & Confluent<\/p>\n                    <p>\u2022 Google Pub\/Sub<\/p>\n                    <p>\u2022 AWS Kinesis<\/p>\n                    <p>\u2022 Azure Event Hubs<\/p>\n                    <p>These solutions are ideal for companies with high data volumes \u2014 e.g., in Frankfurt or Nuremberg.<\/p>\n                <\/div>\n\n                <div class=\"seo-section\">\n                    <h2>5. Data Quality, Security & Governance<\/h2>\n                    <p>Reliable integration starts with clean data. Our tools and methods include:<\/p>\n                    <p>\u2022 Talend Data Quality, OpenRefine (for clean data foundation)<\/p>\n                    <p>\u2022 Informatica MDM, SAP MDG (for master data management)<\/p>\n                    <p>\u2022 GDPR-compliant access control & encryption with Azure, Google Cloud, AWS<\/p>\n                    <p>This guarantees integrity, protection, and transparency of your data landscape \u2014 also in Ludwigsburg or Heidelberg.<\/p>\n                    <div class=\"ui-tech-tags\">\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/what-is-sap-and-how-darksn-simplifies-sap-integration-for-your-business\/\">SAP<\/a>\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/data-governance\/\">Data Governance<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"seo-section\">\n                    <h2>6. Your Partner for Scalable Data Integration: Darksn<\/h2>\n                    <p>As a specialist in data architecture, Darksn helps companies throughout Southern Germany build robust and future-proof integration solutions \u2014 whether for reporting, BI, IoT, or analytics.<\/p>\n                    <p>From Stuttgart to Munich \u2014 we integrate your data reliably, securely, and efficiently.<\/p>\n                    <div class=\"ui-tech-tags\">\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/security-consultation\/\">Security Consultation<\/a>\n                        <a class=\"ui-tech-tag\" href=\"https:\/\/darksn.de\/business-intelligence\/\">Business Intelligence<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>data integration Data Integration During Data Integration, Data From Different Sources Is Merged, Combined And Stored In A Suitable Format. Integrated data helps companies make more accurate and informed decisions. Incorrect Decisions Caused By Inconsistent Or Incomplete Data Are Minimized. Data integration speeds up access to data and optimizes the data analysis process. This increases the efficiency of companies. Providing Companies With Flexibility And Improved Performance The Integration Of Data Into Customer Relationship Management (CRM) Systems Enables More Comprehensive Management Of Customer Data. Data integration helps companies to improve their risk management processes by bringing together data from different sources. Flexibility &amp; Cost Savings Business Continuity Contact Us Interaction Data Transmission Repair Strategic IT Optimization Route Guidance Fuse Maintaining More Service, Capturing The Future Companies Offer Flexibility And Improved Performance Strategic Approach For Companies That Draw Their Strength From Diversity. Integrated data supports companies&#8217; strategic planning processes and helps them to make forecasts for the future. Data IntegrationConsulting Our consulting services are designed to optimize your current data infrastructure or build a new, efficient integration system from the ground up. We&#8217;ll design a flexible, cost-effective solution architecture, recommend the best tools, and establish a secure, compliant data management framework. Data IntegrationImplementation Whether you need to set-up and customize a data integration platform or develop custom software components like ETL pipelines and APIs, we have you covered. We can also implement a comprehensive data warehousing and analytics system tailored to your unique requirements. Data IntegrationSupport Our support services ensure the long-term stability of your data integration solution, addressing troubleshooting needs and evolving the system as requirements change. We also monitor and streamline data quality management processes to maintain data accuracy and consistency. Data Integration Methods DataIntegration ETL Propagation ELT Virtualization Select A Method To Learn More Click on one of the integration methods in the wheel above to see detailed information. Data Integration Deployment Models On-Premises Best for Legacy systems that are difficult to integrate in a cloud environment or organizations with strict data hosting policies (e.g., healthcare, defense). What you pay for Software licenses (e.g., Informatica, Oracle Data Integrator), hardware, and IT resources for setup and maintenance. Common challenge Scalability limitations due to the need for additional hardware. How we solve it We provision bare-metal servers to increase processing power and use solid-state drives and in-memory caching to reduce latency. Cloud Best for Handling growing data volumes, enabling easy access for distributed teams, and leveraging cloud platforms for data analytics, machine learning, and AI. What you pay for Subscription fees (e.g., AWS Glue) and cloud resource consumption based on usage, along with IT resources for maintenance. Common challenge Vendor lock-in. How we solve it By using common data formats (e.g., JSON, XML) for cross-cloud portability and incorporating open source tools to avoid dependency on specific cloud vendors. Hybrid (Cloud + On-Premises) Best for Companies looking to gradually move from on-premises to cloud infrastructure or those needing to retain some data on-premises due to security or regulatory concerns. What you pay for Costs associated with both on-premises and cloud solutions, along with IT support for implementation and maintenance. Common challenge Data consistency between cloud and on-premises systems. How we solve it We implement replication and synchronization strategies to maintain consistent data updates across both environments. Commitment to True Project Success Contact Us 1. Data Integration Services in Stuttgart, Ludwigsburg, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, Nuremberg, and Munich In economically strong regions such as Stuttgart, Ludwigsburg, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, Nuremberg, and Munich, efficient data integration is becoming increasingly important. Companies need to reliably and securely combine data from various sources \u2014 whether cloud-based or on-premises. Darksn supports you in implementing modern data integration strategies tailored to your region and industry. Data Integration Data Solutions Cloud Integration 2. ETL and ELT Technologies for Structured Data Flows For building automated data pipelines, we use market-leading technologies such as: \u2022 Apache NiFi (graphical data flow management) \u2022 Talend Data Integration (open-source ETL solution) \u2022 Azure Data Factory, AWS Glue, Google Dataflow (cloud-native ELT\/ETL platforms) These tools enable reliable connection of ERP, CRM, and third-party systems \u2014 ideal for companies in cities like Mannheim or Freiburg. CRM Processes Azure Data Factory AWS Glue 3. API-Based Integration and Hybrid Connections Using modern API management platforms, diverse systems can be flexibly integrated. Platforms include: \u2022 MuleSoft Anypoint Platform \u2022 Boomi by Dell Technologies This allows us to realize multi-cloud integrations, microservices connections, and SaaS linkages \u2014 especially relevant in innovation hubs like Munich and Karlsruhe. API Development Multi-Cloud Integrations SaaS Integration 4. Real-Time Data Processing with Kafka, Pub\/Sub &#038; Co. For event-based data integration and streaming, we rely on: \u2022 Apache Kafka &#038; Confluent \u2022 Google Pub\/Sub \u2022 AWS Kinesis \u2022 Azure Event Hubs These solutions are ideal for companies with high data volumes \u2014 e.g., in Frankfurt or Nuremberg. 5. Data Quality, Security &#038; Governance Reliable integration starts with clean data. Our tools and methods include: \u2022 Talend Data Quality, OpenRefine (for clean data foundation) \u2022 Informatica MDM, SAP MDG (for master data management) \u2022 GDPR-compliant access control &#038; encryption with Azure, Google Cloud, AWS This guarantees integrity, protection, and transparency of your data landscape \u2014 also in Ludwigsburg or Heidelberg. SAP Data Governance 6. Your Partner for Scalable Data Integration: Darksn As a specialist in data architecture, Darksn helps companies throughout Southern Germany build robust and future-proof integration solutions \u2014 whether for reporting, BI, IoT, or analytics. From Stuttgart to Munich \u2014 we integrate your data reliably, securely, and efficiently. Security Consultation Business Intelligence<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"coauthors":[],"class_list":["post-2660","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/2660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/comments?post=2660"}],"version-history":[{"count":17,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/2660\/revisions"}],"predecessor-version":[{"id":33716,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/2660\/revisions\/33716"}],"wp:attachment":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/media?parent=2660"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/coauthors?post=2660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}