{"id":32689,"date":"2025-11-26T11:03:18","date_gmt":"2025-11-26T11:03:18","guid":{"rendered":"https:\/\/darksn.de\/?page_id=32689"},"modified":"2026-07-03T13:36:52","modified_gmt":"2026-07-03T13:36:52","slug":"locations","status":"publish","type":"page","link":"https:\/\/darksn.de\/de\/locations\/","title":{"rendered":"Standorte"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"32689\" class=\"elementor elementor-32689\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5fd140 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d5fd140\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f112e18 elementor-widget elementor-widget-html\" data-id=\"f112e18\" 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    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n    #dloc {\r\n        --red: #e11d2a;\r\n        --red-2: #ff3b47;\r\n        --glow: rgba(255, 45, 60, .55);\r\n        --ink: #191218;\r\n        --muted: #6f6773;\r\n        --bg: #faf7f6;\r\n        --bg-2: #f2edee;\r\n        --line: #ebe4e6;\r\n        --card: #ffffff;\r\n        --ease: cubic-bezier(.22, .61, .28, 1);\r\n        --burg-0: #440f1e;\r\n        --burg-1: #7a1531;\r\n        --burg-2: #a71d3c;\r\n\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        color: var(--ink);\r\n        background: var(--bg);\r\n        -webkit-font-smoothing: antialiased;\r\n        text-rendering: optimizeLegibility;\r\n        overflow-x: clip;\r\n    }\r\n\r\n    #dloc *,\r\n    #dloc *::before,\r\n    #dloc *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    #dloc .dloc-display {\r\n        font-family: 'Space Grotesk', 'Inter', sans-serif;\r\n    }\r\n\r\n    #dloc .dloc-eyebrow {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-size: .74rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: .28em;\r\n        color: var(--red);\r\n    }\r\n\r\n    #dloc .dloc-eyebrow::before {\r\n        content: '';\r\n        width: 30px;\r\n        height: 2px;\r\n        background: var(--red);\r\n        border-radius: 2px;\r\n    }\r\n\r\n    #dloc .dloc-eyebrow--center {\r\n        justify-content: center;\r\n    }\r\n\r\n    #dloc .dloc-eyebrow--center::after {\r\n        content: '';\r\n        width: 30px;\r\n        height: 2px;\r\n        background: var(--red);\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* reveal-on-scroll *\/\r\n    #dloc .r {\r\n        opacity: 0;\r\n        transform: translateY(34px);\r\n        transition: opacity .8s var(--ease), transform .8s var(--ease);\r\n    }\r\n\r\n    #dloc .r.in {\r\n        opacity: 1;\r\n        transform: none;\r\n    }\r\n\r\n    @keyframes dloc-spin {\r\n        to {\r\n            transform: rotate(360deg);\r\n        }\r\n    }\r\n\r\n    @keyframes dloc-pulse {\r\n\r\n        0%,\r\n        100% {\r\n            opacity: .55;\r\n            transform: scale(1);\r\n        }\r\n\r\n        50% {\r\n            opacity: 1;\r\n            transform: scale(1.14);\r\n        }\r\n    }\r\n\r\n    @keyframes dloc-ping {\r\n        0% {\r\n            transform: scale(.4);\r\n            opacity: .55;\r\n        }\r\n\r\n        70% {\r\n            transform: scale(2.6);\r\n            opacity: 0;\r\n        }\r\n\r\n        100% {\r\n            transform: scale(2.6);\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes dloc-dash {\r\n        to {\r\n            stroke-dashoffset: -1000;\r\n        }\r\n    }\r\n\r\n    @keyframes dloc-travel {\r\n        to {\r\n            offset-distance: 100%;\r\n        }\r\n    }\r\n\r\n    @keyframes dloc-float {\r\n\r\n        0%,\r\n        100% {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        50% {\r\n            transform: translateY(-10px);\r\n        }\r\n    }\r\n\r\n    \/* ========================================================================\r\n     1) HERO\r\n     ======================================================================== *\/\r\n    #dloc .dloc-hero {\r\n        position: relative;\r\n        overflow: hidden;\r\n        background:\r\n            radial-gradient(120% 90% at 84% 20%, rgba(255, 70, 90, .26) 0%, transparent 50%),\r\n            radial-gradient(90% 120% at 0% 100%, rgba(0, 0, 0, .35) 0%, transparent 55%),\r\n            linear-gradient(122deg, var(--burg-0) 0%, var(--burg-1) 52%, var(--burg-2) 100%);\r\n        color: #fff;\r\n        padding: clamp(96px, 15vh, 170px) 6% clamp(84px, 12vh, 150px);\r\n    }\r\n\r\n    \/* faint dotted world grid in the hero *\/\r\n    #dloc .dloc-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: radial-gradient(rgba(255, 255, 255, .08) 1.4px, transparent 1.6px);\r\n        background-size: 34px 34px;\r\n        -webkit-mask-image: radial-gradient(120% 90% at 80% 30%, #000 0%, transparent 70%);\r\n        mask-image: radial-gradient(120% 90% at 80% 30%, #000 0%, transparent 70%);\r\n        z-index: 0;\r\n    }\r\n\r\n    #dloc .dloc-hero__inner {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #dloc .dloc-hero__eyebrow {\r\n        color: #ff9aa6;\r\n    }\r\n\r\n    #dloc .dloc-hero__eyebrow::before {\r\n        background: #ff9aa6;\r\n    }\r\n\r\n    #dloc .dloc-hero h1 {\r\n        font-weight: 700;\r\n        font-size: clamp(3.2rem, 8.5vw, 6.6rem);\r\n        line-height: .98;\r\n        letter-spacing: -.035em;\r\n        margin: 24px 0 22px;\r\n        color: #fff !important;\r\n    }\r\n\r\n    #dloc .dloc-hero h1 .dot {\r\n        color: var(--red-2);\r\n    }\r\n\r\n    #dloc .dloc-hero__lead {\r\n        font-size: clamp(1rem, 1.35vw, 1.22rem);\r\n        line-height: 1.7;\r\n        color: rgba(255, 255, 255, .74);\r\n        max-width: 50ch;\r\n    }\r\n\r\n    #dloc .dloc-hero__stats {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: clamp(28px, 5vw, 64px);\r\n        margin-top: 46px;\r\n    }\r\n\r\n    #dloc .dloc-hstat__n {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-weight: 700;\r\n        font-size: clamp(2rem, 3.4vw, 2.8rem);\r\n        letter-spacing: -.03em;\r\n        line-height: 1;\r\n    }\r\n\r\n    #dloc .dloc-hstat__n em {\r\n        font-style: normal;\r\n        color: var(--red-2);\r\n    }\r\n\r\n    #dloc .dloc-hstat__l {\r\n        margin-top: 8px;\r\n        font-size: .82rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: .16em;\r\n        color: rgba(255, 255, 255, .55);\r\n    }\r\n\r\n    \/* ========================================================================\r\n     2) OFFICES\r\n     ======================================================================== *\/\r\n    #dloc .dloc-offices {\r\n        padding: clamp(90px, 13vh, 160px) 6%;\r\n        background: var(--bg);\r\n    }\r\n\r\n    #dloc .dloc-offices__inner {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #dloc .dloc-offices__head {\r\n        max-width: 660px;\r\n        margin: 0 auto clamp(50px, 7vh, 84px);\r\n        text-align: center;\r\n    }\r\n\r\n    #dloc .dloc-offices__head h2 {\r\n        font-weight: 700;\r\n        letter-spacing: -.03em;\r\n        line-height: 1.06;\r\n        font-size: clamp(2.1rem, 4.4vw, 3.4rem);\r\n        margin: 18px 0 16px;\r\n    }\r\n\r\n    #dloc .dloc-offices__head p {\r\n        color: var(--muted);\r\n        line-height: 1.7;\r\n        font-size: clamp(1rem, 1.2vw, 1.12rem);\r\n    }\r\n\r\n    #dloc .dloc-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n        perspective: 1500px;\r\n    }\r\n\r\n    #dloc .dloc-card {\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: var(--card);\r\n        border: 1px solid var(--line);\r\n        border-radius: 22px;\r\n        padding: 36px 32px 30px;\r\n        box-shadow: 0 2px 6px rgba(25, 18, 24, .04), 0 26px 54px rgba(25, 18, 24, .06);\r\n        transform-style: preserve-3d;\r\n        transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);\r\n        overflow: hidden;\r\n    }\r\n\r\n    #dloc .dloc-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: 0;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, var(--red), #ff5a3c);\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform .5s var(--ease);\r\n    }\r\n\r\n    #dloc .dloc-card:hover {\r\n        border-color: #f0d9dc;\r\n        box-shadow: 0 4px 10px rgba(25, 18, 24, .05), 0 46px 90px rgba(25, 18, 24, .13);\r\n    }\r\n\r\n    #dloc .dloc-card:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    #dloc .dloc-card__top {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    #dloc .dloc-card__ic {\r\n        width: 58px;\r\n        height: 58px;\r\n        border-radius: 15px;\r\n        display: grid;\r\n        place-items: center;\r\n        color: var(--red);\r\n        background: linear-gradient(180deg, #fff, #fbeff0);\r\n        border: 1px solid #f3dde0;\r\n        box-shadow: 0 10px 22px rgba(225, 29, 42, .12);\r\n        transform: translateZ(40px);\r\n    }\r\n\r\n    #dloc .dloc-card__ic svg {\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n\r\n    #dloc .dloc-card__tag {\r\n        font-size: .68rem;\r\n        font-weight: 700;\r\n        letter-spacing: .12em;\r\n        text-transform: uppercase;\r\n        color: var(--red);\r\n        background: #fbeff0;\r\n        border: 1px solid #f3dde0;\r\n        padding: 7px 12px;\r\n        border-radius: 999px;\r\n        transform: translateZ(24px);\r\n    }\r\n\r\n    #dloc .dloc-card h3 {\r\n        font-weight: 700;\r\n        font-size: 1.32rem;\r\n        letter-spacing: -.01em;\r\n        line-height: 1.25;\r\n        margin-bottom: 12px;\r\n        transform: translateZ(28px);\r\n    }\r\n\r\n    #dloc .dloc-card__desc {\r\n        color: var(--muted);\r\n        line-height: 1.65;\r\n        font-size: .97rem;\r\n        transform: translateZ(16px);\r\n    }\r\n\r\n    #dloc .dloc-card__meta {\r\n        margin-top: 24px;\r\n        padding-top: 22px;\r\n        border-top: 1px solid var(--line);\r\n        display: grid;\r\n        gap: 14px;\r\n    }\r\n\r\n    #dloc .dloc-mrow {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n        font-size: .93rem;\r\n        line-height: 1.5;\r\n        color: var(--ink);\r\n    }\r\n\r\n    #dloc .dloc-mrow svg {\r\n        width: 17px;\r\n        height: 17px;\r\n        color: var(--red);\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n\r\n    #dloc .dloc-mrow a {\r\n        color: var(--ink);\r\n        text-decoration: none;\r\n        transition: color .25s var(--ease);\r\n    }\r\n\r\n    #dloc .dloc-mrow a:hover {\r\n        color: var(--red);\r\n    }\r\n\r\n    #dloc .dloc-card__dir {\r\n        margin-top: 24px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-weight: 600;\r\n        font-size: .9rem;\r\n        color: var(--red);\r\n        text-decoration: none;\r\n        align-self: flex-start;\r\n    }\r\n\r\n    #dloc .dloc-card__dir svg {\r\n        width: 15px;\r\n        height: 15px;\r\n        transition: transform .3s var(--ease);\r\n    }\r\n\r\n    #dloc .dloc-card__dir:hover svg {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* ========================================================================\r\n     3) MAP\r\n     ======================================================================== *\/\r\n    #dloc .dloc-map {\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: clamp(80px, 12vh, 150px) 6% clamp(90px, 13vh, 160px);\r\n        background: linear-gradient(180deg, var(--bg-2), var(--bg));\r\n    }\r\n\r\n    #dloc .dloc-map__head {\r\n        max-width: 660px;\r\n        margin: 0 auto clamp(40px, 6vh, 70px);\r\n        text-align: center;\r\n    }\r\n\r\n    #dloc .dloc-map__head h2 {\r\n        font-weight: 700;\r\n        letter-spacing: -.03em;\r\n        line-height: 1.06;\r\n        font-size: clamp(2rem, 4vw, 3rem);\r\n        margin-top: 16px;\r\n    }\r\n\r\n    #dloc .dloc-map__stage {\r\n        max-width: 1080px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        background:\r\n            radial-gradient(80% 90% at 50% 40%, rgba(255, 45, 60, .06), transparent 60%),\r\n            linear-gradient(160deg, #ffffff, #f5f1f3);\r\n        border: 1px solid var(--line);\r\n        border-radius: 26px;\r\n        box-shadow: 0 30px 70px rgba(25, 18, 24, .09);\r\n        padding: clamp(20px, 4vw, 40px);\r\n    }\r\n\r\n    #dloc .dloc-globe {\r\n        width: 100%;\r\n        height: auto;\r\n        overflow: visible;\r\n        display: block;\r\n    }\r\n\r\n    #dloc .dloc-globe .grid {\r\n        fill: none;\r\n        stroke: #e5e0e6;\r\n        stroke-width: 1.2;\r\n    }\r\n\r\n    #dloc .dloc-globe .grid-spin {\r\n        transform-origin: 500px 300px;\r\n        animation: dloc-spin 90s linear infinite;\r\n    }\r\n\r\n    #dloc .dloc-globe .land {\r\n        fill: #efe9ec;\r\n    }\r\n\r\n    #dloc .dloc-globe .arc {\r\n        fill: none;\r\n        stroke: var(--red);\r\n        stroke-width: 2.6;\r\n        stroke-linecap: round;\r\n        stroke-dasharray: 7 9;\r\n        filter: drop-shadow(0 0 5px var(--glow));\r\n        animation: dloc-dash 24s linear infinite;\r\n    }\r\n\r\n    #dloc .dloc-globe .traveler {\r\n        offset-path: path('M 415 232 Q 520 150 612 330');\r\n        offset-rotate: auto;\r\n        animation: dloc-travel 5s var(--ease) infinite;\r\n    }\r\n\r\n    #dloc .dloc-pin {\r\n        cursor: default;\r\n    }\r\n\r\n    #dloc .dloc-pin .ping {\r\n        transform-origin: center;\r\n        transform-box: fill-box;\r\n        fill: var(--red);\r\n        animation: dloc-ping 3s ease-out infinite;\r\n    }\r\n\r\n    #dloc .dloc-pin .dot {\r\n        fill: var(--red);\r\n        filter: drop-shadow(0 0 6px var(--glow));\r\n    }\r\n\r\n    #dloc .dloc-pin .dot-core {\r\n        fill: #fff;\r\n    }\r\n\r\n    #dloc .dloc-pin__label {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-weight: 700;\r\n        fill: var(--ink);\r\n        font-size: 19px;\r\n        letter-spacing: -.01em;\r\n    }\r\n\r\n    #dloc .dloc-pin__sub {\r\n        fill: var(--muted);\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    #dloc .dloc-map__legend {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 28px;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    #dloc .dloc-lg {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: .92rem;\r\n        color: var(--muted);\r\n    }\r\n\r\n    #dloc .dloc-lg b {\r\n        color: var(--ink);\r\n        font-weight: 600;\r\n    }\r\n\r\n    #dloc .dloc-lg i {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n        background: var(--red);\r\n        box-shadow: 0 0 8px var(--glow);\r\n    }\r\n\r\n    \/* ========================================================================\r\n     RESPONSIVE\r\n     ======================================================================== *\/\r\n    @media (max-width: 980px) {\r\n        #dloc .dloc-grid {\r\n            grid-template-columns: 1fr;\r\n            max-width: 480px;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n        #dloc .dloc-globe .dloc-pin__label {\r\n            font-size: 24px;\r\n        }\r\n\r\n        #dloc .dloc-globe .dloc-pin__sub {\r\n            font-size: 17px;\r\n        }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        #dloc .dloc-globe .grid-spin,\r\n        #dloc .dloc-globe .arc,\r\n        #dloc .dloc-globe .traveler,\r\n        #dloc .dloc-pin .ping {\r\n            animation: none;\r\n        }\r\n\r\n        #dloc .r {\r\n            opacity: 1;\r\n            transform: none;\r\n            transition: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"dloc\">\r\n\r\n    <!-- ============================ 1) HERO ============================ -->\r\n    <header class=\"dloc-hero\">\r\n        <div class=\"dloc-hero__inner\">\r\n\r\n            <h1 class=\"dloc-display r\">Standorte<span class=\"dot\">.<\/span><\/h1>\r\n            <p class=\"dloc-hero__lead r\">\r\n                One team, two countries, three companies. Wherever your business grows,\r\n                Darksn is close by \u2014 combining German engineering precision with the\r\n                energy of an international group.\r\n            <\/p>\r\n\r\n            <div class=\"dloc-hero__stats\">\r\n\r\n                <div class=\"r\" style=\"transition-delay:.12s\">\r\n                    <div class=\"dloc-hstat__n dloc-display\"><em>3<\/em> Companies<\/div>\r\n                    <div class=\"dloc-hstat__l\">One Darksn Group<\/div>\r\n                <\/div>\r\n                <div class=\"r\" style=\"transition-delay:.19s\">\r\n                    <div class=\"dloc-hstat__n dloc-display\"><em>80+<\/em> Experten kennen<\/div>\r\n                    <div class=\"dloc-hstat__l\">Across all teams<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- ======================= 2) FIND OUR OFFICES ======================= -->\r\n    <section class=\"dloc-offices\">\r\n        <div class=\"dloc-offices__inner\">\r\n            <div class=\"dloc-offices__head\">\r\n                <span class=\"dloc-eyebrow dloc-eyebrow--center r\">Finden Sie unsere B\u00fcros<\/span>\r\n                <h2 class=\"dloc-display r\">Three companies,<br>one shared vision.<\/h2>\r\n                <p class=\"r\">Each entity of the Darksn Group has its own focus \u2014 but they all work\r\n                    toward the same goal: delivering technology and creativity that move your business forward.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"dloc-grid\">\r\n\r\n                <!-- Darksn GmbH \u2014 Germany -->\r\n                <article class=\"dloc-card dloc-tilt r\">\r\n                    <div class=\"dloc-card__top\">\r\n                        <div class=\"dloc-card__ic\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M3 21h18M5 21V7l7-4 7 4v14\" \/>\r\n                                <path d=\"M9 21v-5h6v5\" \/>\r\n                                <path d=\"M9 10h.01M15 10h.01M9 13h.01M15 13h.01\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                    <h3>Darksn GmbH<\/h3>\r\n                    <p class=\"dloc-card__desc\">Our German headquarters. IT solutions, cloud services and strategic\r\n                        technology consulting for the Mittelstand across Germany.<\/p>\r\n                    <div class=\"dloc-card__meta\">\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 21s-7-6.3-7-11a7 7 0 0 1 14 0c0 4.7-7 11-7 11z\" \/>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"2.5\" \/>\r\n                            <\/svg>\r\n                            <span>Teinacher Stra\u00dfe 46<br>71634 Ludwigsburg, Germany<\/span>\r\n                        <\/div>\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path\r\n                                    d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.4-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z\" \/>\r\n                            <\/svg>\r\n                            <a href=\"tel: 4971412587291\">+49 7141 2587291<\/a>\r\n                        <\/div>\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" \/>\r\n                                <path d=\"M3 7l9 6 9-6\" \/>\r\n                            <\/svg>\r\n                            <a href=\"mailto:info@darksn.de\">info@darksn.de<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a class=\"dloc-card__dir\"\r\n                        href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Teinacher+Stra%C3%9Fe+46+71634+Ludwigsburg\"\r\n                        target=\"_blank\" rel=\"noopener\">\r\n                        Get directions\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"\r\n                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\" \/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <!-- Darksn Ltd. \u2014 Turkey  (ADRES-GUNCELLE) -->\r\n                <article class=\"dloc-card dloc-tilt r\" style=\"transition-delay:.1s\">\r\n                    <div class=\"dloc-card__top\">\r\n                        <div class=\"dloc-card__ic\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M3 21h18\" \/>\r\n                                <path d=\"M4 21V10l6 4V10l6 4V7l4 2v12\" \/>\r\n                                <path d=\"M4 10V6l3-2 3 2\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                    <h3>Darksn Ltd.<\/h3>\r\n                    <p class=\"dloc-card__desc\">Our Turkish entity \u2014 Technology, Industry &amp; Trade. Innovative\r\n                        business and technology solutions across Turkey and the region.<\/p>\r\n                    <div class=\"dloc-card__meta\">\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 21s-7-6.3-7-11a7 7 0 0 1 14 0c0 4.7-7 11-7 11z\" \/>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"2.5\" \/>\r\n                            <\/svg>\r\n                            <!-- ADRES-GUNCELLE: T\u00fcrkiye ofis adresini gir -->\r\n                            <span>T\u00fcrkiye Ofisi<br>\u0130stanbul, T\u00fcrkiye<\/span>\r\n                        <\/div>\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path\r\n                                    d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.4-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z\" \/>\r\n                            <\/svg>\r\n                            <!-- ADRES-GUNCELLE: T\u00fcrkiye telefonu -->\r\n                            <a href=\"mailto:info@darksn.de\">info@darksn.de<\/a>\r\n                        <\/div>\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" \/>\r\n                                <path d=\"M3 7l9 6 9-6\" \/>\r\n                            <\/svg>\r\n                            <a href=\"mailto:info@darksn.de\">info@darksn.de<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a class=\"dloc-card__dir\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Darksn+Istanbul\"\r\n                        target=\"_blank\" rel=\"noopener\">\r\n                        Get directions\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"\r\n                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\" \/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <!-- Darksn Agency \u2014 Digital (ADRES-GUNCELLE) -->\r\n                <article class=\"dloc-card dloc-tilt r\" style=\"transition-delay:.2s\">\r\n                    <div class=\"dloc-card__top\">\r\n                        <div class=\"dloc-card__ic\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 3l2.5 5 5.5.8-4 3.9.9 5.5L12 21l-4.9-2.8.9-5.5-4-3.9L9.5 8z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                    <h3>Darksn Agency<\/h3>\r\n                    <p class=\"dloc-card__desc\">Our creative arm. Digital marketing, branding and creative\r\n                        campaigns that grow brands in both markets and beyond.<\/p>\r\n                    <div class=\"dloc-card__meta\">\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 21s-7-6.3-7-11a7 7 0 0 1 14 0c0 4.7-7 11-7 11z\" \/>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"2.5\" \/>\r\n                            <\/svg>\r\n                            <!-- ADRES-GUNCELLE: Agency adresi -->\r\n                            <span>Ludwigsburg \u00b7 Stuttgart<br>Germany<\/span>\r\n                        <\/div>\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" \/>\r\n                                <path d=\"M3 7l9 6 9-6\" \/>\r\n                            <\/svg>\r\n                            <a href=\"mailto:info@darksn.de\">info@darksn.de<\/a>\r\n                        <\/div>\r\n                        <div class=\"dloc-mrow\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\r\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"9\" \/>\r\n                                <path\r\n                                    d=\"M3 12h18M12 3c2.6 2.4 4 5.6 4 9s-1.4 6.6-4 9c-2.6-2.4-4-5.6-4-9s1.4-6.6 4-9z\" \/>\r\n                            <\/svg>\r\n                            <a href=\"https:\/\/darksn.de\/de\/\" target=\"_blank\" rel=\"noopener\">darksn.de<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a class=\"dloc-card__dir\" href=\"\/de\/contact\/\">\r\n                        Contact the team\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"\r\n                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M5 12h14M13 6l6 6-6 6\" \/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========================= 3) MAP ========================= -->\r\n    <!-- <section class=\"dloc-map\">\r\n        <div class=\"dloc-map__head\">\r\n            <span class=\"dloc-eyebrow dloc-eyebrow--center r\">On The Map<\/span>\r\n            <h2 class=\"dloc-display r\">Connected across borders.<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"dloc-map__stage r\">\r\n            <svg class=\"dloc-globe\" viewBox=\"0 0 1000 600\" fill=\"none\" aria-hidden=\"true\">\r\n                \r\n                <g class=\"grid-spin\">\r\n                    <circle class=\"grid\" cx=\"500\" cy=\"300\" r=\"250\" \/>\r\n                    <ellipse class=\"grid\" cx=\"500\" cy=\"300\" rx=\"250\" ry=\"95\" \/>\r\n                    <ellipse class=\"grid\" cx=\"500\" cy=\"300\" rx=\"250\" ry=\"170\" \/>\r\n                    <ellipse class=\"grid\" cx=\"500\" cy=\"300\" rx=\"95\" ry=\"250\" \/>\r\n                    <ellipse class=\"grid\" cx=\"500\" cy=\"300\" rx=\"170\" ry=\"250\" \/>\r\n                    <line class=\"grid\" x1=\"250\" y1=\"300\" x2=\"750\" y2=\"300\" \/>\r\n                    <line class=\"grid\" x1=\"500\" y1=\"50\" x2=\"500\" y2=\"550\" \/>\r\n                <\/g>\r\n\r\n                \r\n                <path class=\"land\"\r\n                    d=\"M330 200 q40 -34 96 -20 q40 10 70 -6 q30 -16 58 6 q22 16 8 44 q-10 20 -44 22 q-40 2 -70 20 q-40 24 -86 8 q-46 -16 -46 -52 q0 -30 40 -42 z\"\r\n                    opacity=\".8\" \/>\r\n                <path class=\"land\"\r\n                    d=\"M560 320 q50 -20 104 -6 q46 12 84 -2 q26 -10 30 16 q4 24 -34 34 q-56 14 -96 30 q-44 18 -84 4 q-30 -12 -22 -44 q6 -26 42 -30 z\"\r\n                    opacity=\".7\" \/>\r\n\r\n                \r\n                <path class=\"arc\" d=\"M 415 232 Q 520 150 612 330\" \/>\r\n                <circle class=\"traveler\" r=\"5\" fill=\"#ff3b47\" filter=\"drop-shadow(0 0 6px rgba(255,45,60,.7))\" \/>\r\n\r\n                \r\n                <g class=\"dloc-pin\" transform=\"translate(415 232)\">\r\n                    <circle class=\"ping\" cx=\"0\" cy=\"0\" r=\"10\" \/>\r\n                    <circle class=\"dot\" cx=\"0\" cy=\"0\" r=\"9\" \/>\r\n                    <circle class=\"dot-core\" cx=\"0\" cy=\"0\" r=\"3.4\" \/>\r\n                    <text class=\"dloc-pin__label\" x=\"-2\" y=\"-26\">Ludwigsburg<\/text>\r\n                    <text class=\"dloc-pin__sub\" x=\"-2\" y=\"-8\">Germany \u00b7 Darksn GmbH<\/text>\r\n                <\/g>\r\n\r\n                \r\n                <g class=\"dloc-pin\" transform=\"translate(612 330)\">\r\n                    <circle class=\"ping\" cx=\"0\" cy=\"0\" r=\"10\" style=\"animation-delay:1.4s\" \/>\r\n                    <circle class=\"dot\" cx=\"0\" cy=\"0\" r=\"9\" \/>\r\n                    <circle class=\"dot-core\" cx=\"0\" cy=\"0\" r=\"3.4\" \/>\r\n                    <text class=\"dloc-pin__label\" x=\"14\" y=\"6\">\u0130stanbul<\/text>\r\n                    <text class=\"dloc-pin__sub\" x=\"14\" y=\"24\">T\u00fcrkiye \u00b7 Darksn Ltd.<\/text>\r\n                <\/g>\r\n            <\/svg>\r\n\r\n            <div class=\"dloc-map__legend\">\r\n                <span class=\"dloc-lg\"><i><\/i> <b>Darksn GmbH<\/b> \u2014 Ludwigsburg, DE<\/span>\r\n                <span class=\"dloc-lg\"><i><\/i> <b>Darksn Ltd.<\/b> \u2014 \u0130stanbul, TR<\/span>\r\n            <\/div>\r\n        <\/div> \r\n    <\/section>  -->\r\n\r\n<\/section>\r\n\r\n<script>\r\n    (function () {\r\n        var root = document.getElementById('dloc');\r\n        if (!root) return;\r\n        var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n        \/* reveal on scroll *\/\r\n        var reveal = root.querySelectorAll('.r');\r\n        if (!('IntersectionObserver' in window) || reduce) {\r\n            reveal.forEach(function (e) { e.classList.add('in'); });\r\n        } else {\r\n            var io = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (en) {\r\n                    if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); }\r\n                });\r\n            }, { threshold: 0.14, rootMargin: '0px 0px -8% 0px' });\r\n            reveal.forEach(function (e) { io.observe(e); });\r\n        }\r\n\r\n        \/* subtle 3D tilt on office cards (pointer devices only) *\/\r\n        var canHover = window.matchMedia && window.matchMedia('(hover: hover)').matches;\r\n        if (canHover && !reduce) {\r\n            root.querySelectorAll('.dloc-tilt').forEach(function (card) {\r\n                var raf = null;\r\n                card.addEventListener('pointermove', function (e) {\r\n                    if (raf) return;\r\n                    raf = requestAnimationFrame(function () {\r\n                        raf = null;\r\n                        var b = card.getBoundingClientRect();\r\n                        var px = (e.clientX - b.left) \/ b.width - 0.5;\r\n                        var py = (e.clientY - b.top) \/ b.height - 0.5;\r\n                        card.style.transform = 'rotateX(' + (-py * 5).toFixed(2) + 'deg) rotateY(' + (px * 6).toFixed(2) + 'deg) translateZ(4px)';\r\n                    });\r\n                });\r\n                card.addEventListener('pointerleave', function () { card.style.transform = ''; });\r\n            });\r\n        }\r\n    })();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Locations. One team, two countries, three companies. Wherever your business grows, Darksn is close by \u2014 combining German engineering precision with the energy of an international group. 3 Companies One Darksn Group 80+ Experts Across all teams Find Our Offices Three companies,one shared vision. Each entity of the Darksn Group has its own focus \u2014 but they all work toward the same goal: delivering technology and creativity that move your business forward. Darksn GmbH Our German headquarters. IT solutions, cloud services and strategic technology consulting for the Mittelstand across Germany. Teinacher Stra\u00dfe 4671634 Ludwigsburg, Germany +49 7141 2587291 info@darksn.de Get directions Darksn Ltd. Our Turkish entity \u2014 Technology, Industry &amp; Trade. Innovative business and technology solutions across Turkey and the region. T\u00fcrkiye Ofisi\u0130stanbul, T\u00fcrkiye info@darksn.de info@darksn.de Get directions Darksn Agency Our creative arm. Digital marketing, branding and creative campaigns that grow brands in both markets and beyond. Ludwigsburg \u00b7 StuttgartGermany info@darksn.de darksn.de Contact the team<\/p>","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":[35],"class_list":["post-32689","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/32689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/comments?post=32689"}],"version-history":[{"count":37,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/32689\/revisions"}],"predecessor-version":[{"id":34039,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/32689\/revisions\/34039"}],"wp:attachment":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/media?parent=32689"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/coauthors?post=32689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}