{"id":32689,"date":"2025-11-26T11:03:18","date_gmt":"2025-11-26T11:03:18","guid":{"rendered":"https:\/\/darksn.de\/?page_id=32689"},"modified":"2025-12-17T10:51:35","modified_gmt":"2025-12-17T10:51:35","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<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Our Offices - DARKSN<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n    <style>\n        * { box-sizing: border-box; margin: 0; padding: 0; }\n        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #222; background: #f8f9fa; }\n\n        \/* Hero Section *\/\n        .hero {\n            background: url('https:\/\/darksn.de\/wp-content\/uploads\/2025\/06\/cloud-computing-data-management-concept-scaled.jpg') center center\/cover no-repeat;\n            background-size: cover;\n            color: white;\n            min-height: 60vh;\n            display: flex;\n            align-items: center;\n            padding: 80px 40px 60px;\n            position: relative;\n            overflow: hidden;\n        }\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: rgba(0,0,0,0.55);\n            z-index: 1;\n        }\n        .hero-content {\n            max-width: 1100px;\n            margin: 0 auto;\n            width: 100%;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n        .hero-content h1 {\n            font-size: 40px;\n            font-weight: 700;\n            color: #ffffff;\n            text-align: left;\n        }\n\n        .leaflet-bottom{\n            display: none;\n        }\n\n        @media (max-width: 768px) {\n            .hero {\n                padding: 60px 30px 50px;\n                min-height: 35vh;\n            }\n\n            .hero-content h1 {\n                font-size: 32px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero {\n                padding: 50px 20px 40px;\n            }\n\n            .hero-content h1 {\n                font-size: 28px;\n            }\n        }\n\n        \/* Map Section *\/\n        .map-section {\n            background: #ffffff;\n            padding: 100px 0;\n            position: relative;\n        }\n\n        .map-container-wrapper {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        .map-intro {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .map-intro h2 {\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: #1a1a1a;\n            margin-bottom: 20px;\n        }\n\n        .map-intro p {\n            font-size: 1.2rem;\n            color: #666;\n            max-width: 800px;\n            margin: 0 auto;\n            line-height: 1.8;\n        }\n\n        .companies-section {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-bottom: 60px;\n            max-width: 1200px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .company-card {\n            background: #ffffff;\n            border: 2px solid #e9ecef;\n            border-radius: 12px;\n            padding: 30px;\n            text-align: center;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .company-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n            border-color: #ff0000;\n        }\n\n        .company-card h3 {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #1a1a1a;\n            margin-bottom: 15px;\n        }\n\n        .company-card p {\n            font-size: 1rem;\n            color: #666;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .company-icon {\n            font-size: 2.5rem;\n            color: #ff0000;\n            margin-bottom: 20px;\n        }\n\n        .employee-count {\n            margin-top: auto;\n            padding-top: 20px;\n            border-top: 2px solid #e9ecef;\n            text-align: center;\n        }\n\n        .country-employees {\n            display: inline-block;\n            font-size: 0.95rem;\n            font-weight: 700;\n            color: #ff0000;\n            background: #fff5f5;\n            padding: 8px 16px;\n            border-radius: 20px;\n            border: 1px solid #ffcccc;\n        }\n\n        @media (max-width: 768px) {\n            .companies-section {\n                grid-template-columns: 1fr;\n                gap: 20px;\n                margin-bottom: 40px;\n            }\n\n            .company-card {\n                padding: 25px 20px;\n            }\n\n            .company-card h3 {\n                font-size: 1.3rem;\n            }\n        }\n\n        .map-container {\n            position: relative;\n            width: 100%;\n            height: 600px;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n        }\n\n        .map-container iframe {\n            width: 100%;\n            height: 100%;\n            border: 0;\n        }\n\n        #map {\n            width: 100%;\n            height: 100%;\n            border-radius: 20px;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        @media (max-width: 768px) {\n            .map-section {\n                padding: 60px 0;\n            }\n\n            .map-container-wrapper {\n                padding: 0 20px;\n            }\n\n            .map-intro h2 {\n                font-size: 2rem;\n            }\n\n            .map-intro p {\n                font-size: 1.1rem;\n            }\n\n            .map-container {\n                height: 400px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <h1>Standorte<\/h1>\n        <\/div>\n    <\/section>\n\n    <!-- Map Section -->\n    <section class=\"map-section\">\n        <div class=\"map-container-wrapper\">\n            <div class=\"map-intro\">\n                <h2>Finden Sie unsere B\u00fcros<\/h2>\n                <p>Wir sind an zwei strategischen Standorten in Europa vertreten. Klicken Sie auf die Markierungen unten, um detaillierte Kontaktinformationen zu jedem B\u00fcro zu erhalten.<\/p>\n            <\/div>\n\n            <!-- Companies Section -->\n            <div class=\"companies-section\">\n                <div class=\"company-card\">\n                    <div class=\"company-icon\">\n                        <i class=\"fas fa-laptop-code\"><\/i>\n                    <\/div>\n                    <h3>Darksn IT Solutions<\/h3>\n                    <p>Umfassende IT-L\u00f6sungen und strategische Technologieberatung in Deutschland und der T\u00fcrkei.<\/p>\n                    <div class=\"employee-count\">\n                        <span class=\"country-employees\">50+ members<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"company-card\">\n                    <div class=\"company-icon\">\n                        <i class=\"fas fa-digital-tachograph\"><\/i>\n                    <\/div>\n                    <h3>Darksn Digital Agency<\/h3>\n                    <p>Digitales Marketing, kreative Dienstleistungen und Markenentwicklungsl\u00f6sungen f\u00fcr Unternehmen in beiden L\u00e4ndern.<\/p>\n                <\/div>\n                <div class=\"company-card\">\n                    <div class=\"company-icon\">\n                        <i class=\"fas fa-industry\"><\/i>\n                    <\/div>\n                    <h3>Darksn Technology Industry Trade Limited Company<\/h3>\n                    <p>Technologie-Industriel\u00f6sungen und Handelsdienstleistungen, die innovative Gesch\u00e4ftsl\u00f6sungen in Deutschland und der T\u00fcrkei bieten.<\/p>\n                    <div class=\"employee-count\">\n                        <span class=\"country-employees\">30+ members<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"map-container\">\n                <div id=\"map\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n    <script>\n        \/\/ OpenStreetMap ile \u00fccretsiz harita - API key gerektirmez\n        const map = L.map('map').setView([47.5, 10.0], 5);\n\n        \/\/ OpenStreetMap tile layer\n        L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n            attribution: '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors',\n            maxZoom: 19\n        }).addTo(map);\n\n        \/\/ Ludwigsburg - \u0130ki Ofis (ayn\u0131 lokasyon)\n        const ludwigsburgMarker = L.marker([48.8966, 9.1919]).addTo(map);\n        ludwigsburgMarker.bindPopup(`\n            <div style=\"padding: 10px;\">\n                <h3 style=\"margin: 0 0 15px 0; color: #ff0000;\">\ud83c\udde9\ud83c\uddea Ludwigsburg, Germany<\/h3>\n                <div style=\"border-top: 1px solid #eee; padding-top: 15px; margin-bottom: 15px;\">\n                    <h4 style=\"margin: 0 0 10px 0; color: #333;\">DARKSN Strategic IT-Solutions<\/h4>\n                    <p style=\"margin: 5px 0;\"><strong>Phone:<\/strong> +49 7141 2587291<\/p>\n                    <p style=\"margin: 5px 0;\"><strong>Email:<\/strong> info@darksn.de<\/p>\n                <\/div>\n                <div style=\"border-top: 1px solid #eee; padding-top: 15px;\">\n                    <h4 style=\"margin: 0 0 10px 0; color: #333;\">DARKSN Digital Agency<\/h4>\n                    <p style=\"margin: 5px 0;\"><strong>Phone:<\/strong> +49 7141 2587291<\/p>\n                    <p style=\"margin: 5px 0;\"><strong>Email:<\/strong> info@darksn.de<\/p>\n                <\/div>\n            <\/div>\n        `);\n\n        \/\/ \u0130stanbul Ofisi\n        const istanbulMarker = L.marker([41.0082, 28.9784]).addTo(map);\n        istanbulMarker.bindPopup(`\n            <div style=\"padding: 10px;\">\n                <h3 style=\"margin: 0 0 10px 0; color: #ff0000;\">\ud83c\uddf9\ud83c\uddf7 Istanbul Office<\/h3>\n                <p style=\"margin: 5px 0;\"><strong>Address:<\/strong><br>Istanbul, Turkey<\/p>\n                <p style=\"margin: 5px 0;\"><strong>Email:<\/strong> info@darksn.tr<\/p>\n            <\/div>\n        `);\n\n        \/\/ T\u00fcm ofisleri kapsayan g\u00f6r\u00fcn\u00fcm\n        const group = new L.featureGroup([ludwigsburgMarker, istanbulMarker]);\n        map.fitBounds(group.getBounds().pad(0.3));\n    <\/script>\n<\/body>\n<\/html>\n\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>Our Offices &#8211; DARKSN Locations Find Our Offices We operate from two strategic locations across Europe. Click on the markers below to see detailed contact information for each office. Darksn IT Solutions Comprehensive IT solutions and strategic technology consulting services across Germany and Turkey. 50+ members Darksn Digital Agency Digital marketing, creative services, and brand development solutions for businesses in both countries. Darksn Technology Industry Trade Limited Company Technology industry solutions and trade services providing innovative business solutions in Germany and Turkey. 30+ members<\/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":34,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/32689\/revisions"}],"predecessor-version":[{"id":33272,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/32689\/revisions\/33272"}],"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}]}}