{"id":31221,"date":"2025-10-06T16:00:22","date_gmt":"2025-10-06T16:00:22","guid":{"rendered":"https:\/\/darksn.de\/?page_id=31221"},"modified":"2026-07-10T08:30:46","modified_gmt":"2026-07-10T08:30:46","slug":"bewegtbildproduktion","status":"publish","type":"page","link":"https:\/\/darksn.de\/bewegtbildproduktion\/","title":{"rendered":"Moving Image Production"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n\n \n \n Moving Image Production - Digital Media & Web Development<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #0a0a0a !important;\n }\n\n \/* Hero Section *\/\n .hero {\n text-align: center;\n padding: 300px 0 60px;\n color: white;\n margin: 0;\n position: relative;\n overflow: hidden;\n width: 100%;\n left: 0;\n right: 0;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background:\n radial-gradient(circle at 20% 80%, rgba(255, 0, 0, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(204, 0, 0, 0.1) 0%, transparent 50%),\n url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"%23FF0000\" stroke-width=\"0.5\" opacity=\"0.3\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\n opacity: 0.8;\n }\n\n .hero::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(255, 0, 0, 0.1) 50%, transparent 70%);\n animation: shimmer 3s ease-in-out infinite;\n }\n\n @keyframes shimmer {\n\n 0%,\n 100% {\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 25px;\n font-weight: 700;\n color: #ffffff;\n text-shadow: 0 0 30px rgba(255, 255, 255, 0.5);\n }\n\n .subtitle {\n font-size: 1.3rem;\n opacity: 0.9;\n font-weight: 300;\n margin-bottom: 30px;\n }\n\n .hero-cta {\n display: inline-block;\n background: linear-gradient(135deg, #FF0000 0%, #cc0000 100%);\n color: white !important;\n padding: 16px 35px;\n border-radius: 50px;\n text-decoration: none !important;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(255, 0, 0, 0.3);\n }\n\n .hero-cta:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(255, 0, 0, 0.4);\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.5rem;\n }\n }\n\n \/* Intro Section *\/\n .intro-section {\n padding: 150px 0;\n position: relative;\n overflow: hidden;\n background: radial-gradient(circle at 30% 20%, rgba(255, 0, 0, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.03) 0%, transparent 50%);\n }\n\n .intro-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n .intro-header {\n text-align: center;\n margin-bottom: 120px;\n position: relative;\n }\n\n .intro-header::before {\n content: '';\n position: absolute;\n top: -100px;\n left: 50%;\n transform: translateX(-50%);\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(255, 0, 0, 0.08), transparent);\n border-radius: 50%;\n animation: headerGlow 20s ease-in-out infinite;\n }\n\n @keyframes headerGlow {\n\n 0%,\n 100% {\n opacity: 0.05;\n transform: scale(1) rotate(0deg);\n }\n\n 50% {\n opacity: 0.15;\n transform: scale(1.3) rotate(180deg);\n }\n }\n\n .intro-header h2 {\n font-size: 5.5rem;\n color: #FFFFFF;\n font-weight: 900;\n margin-bottom: 40px;\n animation: titleFloat 12s ease-in-out infinite;\n letter-spacing: -0.04em;\n background: #FFFFFF;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes titleFloat {\n\n 0%,\n 100% {\n transform: translateY(0px) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-20px) rotate(1deg);\n }\n }\n\n .intro-header p {\n font-size: 2.2rem;\n color: #B8C5D6;\n font-weight: 400;\n max-width: 1100px;\n margin: 0 auto;\n line-height: 1.6;\n opacity: 0.9;\n }\n\n .video-universe {\n position: relative;\n min-height: 800px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .universe-center {\n position: relative;\n width: 200px;\n height: 200px;\n z-index: 3;\n }\n\n .center-core {\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, #FF0000, #cc0000);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 4rem;\n color: white;\n position: relative;\n animation: corePulse 4s ease-in-out infinite;\n cursor: pointer;\n transition: all 0.4s ease;\n }\n\n .center-core:hover {\n transform: scale(1.1);\n box-shadow: 0 0 50px rgba(255, 0, 0, 0.6);\n }\n\n .center-core::before {\n content: '';\n position: absolute;\n top: -20px;\n left: -20px;\n right: -20px;\n bottom: -20px;\n background: radial-gradient(circle, rgba(255, 0, 0, 0.3), transparent);\n border-radius: 50%;\n animation: coreGlow 6s ease-in-out infinite;\n }\n\n @keyframes corePulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n @keyframes coreGlow {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.8; transform: scale(1.2); }\n }\n\n .universe-orbits {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 800px;\n height: 800px;\n }\n\n .orbit-ring {\n position: absolute;\n border: 2px solid rgba(255, 0, 0, 0.2);\n border-radius: 50%;\n animation: orbitRotate 20s linear infinite;\n }\n\n .orbit-ring:nth-child(1) {\n width: 300px;\n height: 300px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation-duration: 20s;\n }\n\n .orbit-ring:nth-child(2) {\n width: 600px;\n height: 600px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation-duration: 30s;\n animation-direction: reverse;\n }\n\n @keyframes orbitRotate {\n from { transform: translate(-50%, -50%) rotate(0deg); }\n to { transform: translate(-50%, -50%) rotate(360deg); }\n }\n\n .orbit-element {\n position: absolute;\n width: 60px;\n height: 60px;\n background: rgba(255, 255, 255, 0.1);\n border: 2px solid rgba(255, 0, 0, 0.4);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: #FF0000;\n cursor: pointer;\n transition: all 0.4s ease;\n animation: elementFloat 8s ease-in-out infinite;\n }\n\n .orbit-element:hover {\n background: rgba(255, 0, 0, 0.2);\n border-color: #FF0000;\n transform: scale(1.2);\n box-shadow: 0 0 30px rgba(255, 0, 0, 0.6);\n }\n\n @keyframes elementFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n .element-1 {\n top: -30px;\n left: 50%;\n transform: translateX(-50%);\n animation-delay: 0s;\n }\n\n .element-2 {\n top: 50%;\n right: -30px;\n transform: translateY(-50%);\n animation-delay: -2s;\n }\n\n .element-3 {\n bottom: -30px;\n left: 50%;\n transform: translateX(-50%);\n animation-delay: -4s;\n }\n\n .element-4 {\n top: 50%;\n left: -30px;\n transform: translateY(-50%);\n animation-delay: -6s;\n }\n\n .element-5 {\n top: 20%;\n right: 20%;\n animation-delay: -1s;\n }\n\n .element-6 {\n bottom: 20%;\n left: 20%;\n animation-delay: -3s;\n }\n\n .element-7 {\n top: 20%;\n left: 20%;\n animation-delay: -5s;\n }\n\n .element-8 {\n bottom: 20%;\n right: 20%;\n animation-delay: -7s;\n }\n\n .universe-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n z-index: 1;\n }\n\n .particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(255, 0, 0, 0.6);\n border-radius: 50%;\n animation: particleFloat 12s linear infinite;\n }\n\n .particle:nth-child(1) { top: 10%; left: 10%; animation-delay: 0s; }\n .particle:nth-child(2) { top: 20%; right: 15%; animation-delay: -3s; }\n .particle:nth-child(3) { bottom: 30%; left: 20%; animation-delay: -6s; }\n .particle:nth-child(4) { top: 60%; right: 25%; animation-delay: -9s; }\n .particle:nth-child(5) { bottom: 70%; left: 30%; animation-delay: -12s; }\n\n @keyframes particleFloat {\n 0% {\n transform: translateY(0px) translateX(0px);\n opacity: 0;\n }\n 25% {\n opacity: 1;\n }\n 75% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) translateX(50px);\n opacity: 0;\n }\n }\n\n .universe-info {\n position: absolute;\n bottom: -100px;\n left: 50%;\n transform: translateX(-50%);\n text-align: center;\n z-index: 4;\n }\n\n .info-text {\n font-size: 1.2rem;\n color: #B8C5D6;\n max-width: 800px;\n line-height: 1.6;\n opacity: 0.8;\n }\n\n \/* Responsive Intro *\/\n @media (max-width: 1200px) {\n .intro-header h2 {\n font-size: 4.5rem;\n }\n \n .universe-orbits {\n width: 700px;\n height: 700px;\n }\n \n .orbit-ring:nth-child(1) {\n width: 250px;\n height: 250px;\n }\n \n .orbit-ring:nth-child(2) {\n width: 500px;\n height: 500px;\n }\n }\n\n @media (max-width: 768px) {\n .intro-section {\n padding: 100px 0;\n }\n \n .intro-header h2 {\n font-size: 3rem;\n }\n \n .intro-header p {\n font-size: 1.5rem;\n }\n \n .video-universe {\n min-height: 600px;\n }\n \n .universe-orbits {\n width: 600px;\n height: 600px;\n }\n \n .orbit-ring:nth-child(1) {\n width: 200px;\n height: 200px;\n }\n \n .orbit-ring:nth-child(2) {\n width: 400px;\n height: 400px;\n }\n \n .center-core {\n width: 150px;\n height: 150px;\n font-size: 3rem;\n }\n \n .orbit-element {\n width: 50px;\n height: 50px;\n font-size: 1.2rem;\n }\n \n .universe-info {\n bottom: -80px;\n }\n \n .info-text {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 480px) {\n .intro-header h2 {\n font-size: 2.5rem;\n }\n \n .intro-header p {\n font-size: 1.2rem;\n }\n \n .stage-content h3 {\n font-size: 1.3rem;\n }\n \n .stage-content p {\n font-size: 0.9rem;\n }\n\n \/* Small mobile floating elements adjustment *\/\n .floating-element {\n width: 40px;\n height: 40px;\n font-size: 1rem;\n }\n\n .element-1 { top: 10%; left: 10%; }\n .element-2 { top: 45%; right: 10%; }\n .element-3 { bottom: 30%; left: 25%; }\n .element-4 { top: 18%; right: 15%; }\n .element-5 { top: 22%; left: 45%; }\n .element-6 { top: 6%; left: 75%; }\n .element-7 { top: 14%; right: 45%; }\n .element-8 { top: 65%; right: 25%; }\n .element-9 { top: 72%; left: 10%; }\n .element-10 { top: 65%; right: 15%; }\n }\n\n @media (max-width: 360px) {\n \/* Extra small mobile optimization *\/\n .floating-element {\n width: 35px;\n height: 35px;\n font-size: 0.9rem;\n }\n\n .element-1 { top: 8%; left: 12%; }\n .element-2 { top: 42%; right: 12%; }\n .element-3 { bottom: 35%; left: 30%; }\n .element-4 { top: 20%; right: 18%; }\n .element-5 { top: 25%; left: 40%; }\n .element-6 { top: 4%; left: 70%; }\n .element-7 { top: 16%; right: 40%; }\n .element-8 { top: 60%; right: 20%; }\n .element-9 { top: 70%; left: 12%; }\n .element-10 { top: 62%; right: 18%; }\n }\n\n \/* Hizmetlerimiz Section *\/\n .services-section {\n padding: 150px 0;\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);\n position: relative;\n overflow: hidden;\n }\n\n .services-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"dots\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"%23FF0000\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23dots)\"\/><\/svg>');\n opacity: 0.3;\n }\n\n .services-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n .services-header {\n text-align: center;\n margin-bottom: 100px;\n }\n\n .services-header h2 {\n font-size: 4.5rem;\n color: #FFFFFF;\n font-weight: 900;\n margin-bottom: 25px;\n background: linear-gradient(135deg, #FFFFFF 0%, #B8C5D6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .services-header p {\n font-size: 1.5rem;\n color: #B8C5D6;\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n .services-content {\n display: flex;\n flex-direction: column;\n gap: 120px;\n }\n\n \/* Video Types *\/\n .video-types h3 {\n font-size: 2.5rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 50px;\n text-align: center;\n }\n\n .types-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n }\n\n .type-item {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n padding: 40px 30px;\n text-align: center;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n width: 300px;\n height: 300px;\n }\n\n .type-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.1), transparent);\n transition: left 0.6s ease;\n }\n\n .type-item:hover::before {\n left: 100%;\n }\n\n .type-item:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 0, 0, 0.3);\n box-shadow: 0 20px 40px rgba(255, 0, 0, 0.2);\n }\n\n .type-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #FF0000, #cc0000);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n font-size: 2rem;\n color: white;\n position: relative;\n }\n\n .type-icon::after {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(135deg, #FF0000, #cc0000);\n border-radius: 50%;\n z-index: -1;\n opacity: 0.3;\n animation: iconPulse 3s ease-in-out infinite;\n }\n\n @keyframes iconPulse {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.1); }\n }\n\n .type-item h4 {\n font-size: 1.5rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .type-item p {\n font-size: 1rem;\n color: #B8C5D6;\n line-height: 1.5;\n }\n\n \/* Equipment Showcase *\/\n .equipment-showcase h3 {\n font-size: 2.5rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 50px;\n text-align: center;\n }\n\n .equipment-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n }\n\n .equipment-item {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n padding: 40px 30px;\n text-align: center;\n transition: all 0.4s ease;\n position: relative;\n }\n\n .equipment-item:hover {\n transform: translateY(-8px);\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 0, 0, 0.3);\n box-shadow: 0 15px 35px rgba(255, 0, 0, 0.2);\n }\n\n .equipment-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #FF0000, #cc0000);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n font-size: 1.8rem;\n color: white;\n }\n\n .equipment-item h4 {\n font-size: 1.4rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .equipment-item p {\n font-size: 1rem;\n color: #B8C5D6;\n line-height: 1.5;\n margin-bottom: 20px;\n }\n\n .equipment-specs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .equipment-specs span {\n background: rgba(255, 0, 0, 0.1);\n color: #FFFFFF;\n padding: 6px 12px;\n border-radius: 15px;\n font-size: 0.9rem;\n font-weight: 500;\n border: 1px solid rgba(255, 0, 0, 0.2);\n }\n\n \/* Process Timeline *\/\n .process-timeline h3 {\n font-size: 2.5rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 50px;\n text-align: center;\n }\n\n .timeline-container {\n position: relative;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .timeline-line {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.5), transparent);\n transform: translateY(-50%);\n }\n\n .timeline-step {\n display: flex;\n align-items: center;\n margin-bottom: 60px;\n position: relative;\n }\n\n .timeline-step:nth-child(even) {\n flex-direction: row-reverse;\n }\n\n .step-marker {\n position: relative;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #FF0000, #cc0000);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n flex-shrink: 0;\n }\n\n .step-number {\n font-size: 1.5rem;\n font-weight: 900;\n color: white;\n }\n\n .step-pulse {\n position: absolute;\n top: -5px;\n left: -5px;\n right: -5px;\n bottom: -5px;\n border: 2px solid rgba(255, 0, 0, 0.3);\n border-radius: 50%;\n animation: stepPulse 4s ease-in-out infinite;\n }\n\n @keyframes stepPulse {\n 0% { opacity: 0; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.1); }\n 100% { opacity: 0; transform: scale(1.2); }\n }\n\n .step-content {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 20px;\n padding: 30px;\n margin: 0 30px;\n flex: 1;\n transition: all 0.4s ease;\n }\n\n .step-content:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 0, 0, 0.3);\n transform: translateY(-5px);\n }\n\n .step-content h4 {\n font-size: 1.5rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .step-content p {\n font-size: 1rem;\n color: #B8C5D6;\n line-height: 1.5;\n margin-bottom: 20px;\n }\n\n .step-details {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n .step-details span {\n background: rgba(255, 0, 0, 0.1);\n color: #FFFFFF;\n padding: 6px 12px;\n border-radius: 15px;\n font-size: 0.9rem;\n font-weight: 500;\n border: 1px solid rgba(255, 0, 0, 0.2);\n }\n\n \/* Responsive Services *\/\n @media (max-width: 1200px) {\n .types-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n place-items: center;\n }\n \n .equipment-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n }\n \n .services-header h2 {\n font-size: 3.5rem;\n }\n }\n\n @media (max-width: 768px) {\n .services-section {\n padding: 100px 0;\n }\n \n .services-header h2 {\n font-size: 2.5rem;\n }\n \n .services-header p {\n font-size: 1.2rem;\n }\n \n .types-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n place-items: center;\n }\n \n .equipment-grid {\n grid-template-columns: 1fr;\n gap: 25px;\n }\n \n .timeline-step {\n flex-direction: column !important;\n text-align: center;\n margin-bottom: 40px;\n }\n \n .step-content {\n margin: 20px 0 0 0;\n }\n \n .timeline-line {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n .services-header h2 {\n font-size: 2rem;\n }\n \n .services-header p {\n font-size: 1rem;\n }\n \n .video-types h3,\n .equipment-showcase h3,\n .process-timeline h3 {\n font-size: 2rem;\n }\n \n .type-item,\n .equipment-item {\n padding: 30px 20px;\n }\n \n .step-content {\n padding: 25px 20px;\n }\n }\n\n \/* Technology & Why Us Combined Section *\/\n .tech-why-section {\n padding: 150px 0;\n background: linear-gradient(135deg, #000000 0%, #0a0a0a 50%, #000000 100%);\n position: relative;\n overflow: hidden;\n }\n\n .tech-why-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"circuit\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><path d=\"M 0 10 L 20 10 M 10 0 L 10 20\" fill=\"none\" stroke=\"%23FF0000\" stroke-width=\"0.3\" opacity=\"0.2\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23circuit)\"\/><\/svg>');\n opacity: 0.4;\n }\n\n .tech-why-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n .tech-why-header {\n text-align: center;\n margin-bottom: 100px;\n }\n\n .tech-why-header h2 {\n font-size: 4.5rem;\n color: #FFFFFF;\n font-weight: 900;\n margin-bottom: 25px;\n background: linear-gradient(135deg, #FFFFFF 0%, #B8C5D6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .tech-why-header p {\n font-size: 1.5rem;\n color: #B8C5D6;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n .tech-why-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: start;\n }\n\n \/* Technology Side *\/\n .technology-side h3 {\n font-size: 2.8rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 50px;\n text-align: center;\n }\n\n .tech-categories {\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n .tech-category {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 25px;\n padding: 35px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .tech-category::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.1), transparent);\n transition: left 0.6s ease;\n }\n\n .tech-category:hover::before {\n left: 100%;\n }\n\n .tech-category:hover {\n transform: translateY(-8px);\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 0, 0, 0.3);\n box-shadow: 0 20px 40px rgba(255, 0, 0, 0.2);\n }\n\n .tech-category-header {\n display: flex;\n align-items: center;\n gap: 20px;\n margin-bottom: 25px;\n }\n\n .tech-category-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #FF0000, #cc0000);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: white;\n position: relative;\n }\n\n .tech-category-icon::after {\n content: '';\n position: absolute;\n top: -3px;\n left: -3px;\n right: -3px;\n bottom: -3px;\n background: linear-gradient(135deg, #FF0000, #cc0000);\n border-radius: 50%;\n z-index: -1;\n opacity: 0.3;\n animation: techIconPulse 3s ease-in-out infinite;\n }\n\n @keyframes techIconPulse {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.1); }\n }\n\n .tech-category-title {\n font-size: 1.8rem;\n color: #FFFFFF !important;\n font-weight: 700;\n }\n\n .tech-specs {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .tech-spec {\n background: rgba(255, 0, 0, 0.15);\n color: #FFFFFF;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.95rem;\n font-weight: 500;\n border: 1px solid rgba(255, 0, 0, 0.3);\n transition: all 0.3s ease;\n }\n\n .tech-spec:hover {\n background: rgba(255, 0, 0, 0.25);\n transform: scale(1.05);\n }\n\n \/* Why Us Side *\/\n .why-us-side h3 {\n font-size: 2.8rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 50px;\n text-align: center;\n }\n\n .why-us-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .why-us-item {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 25px;\n padding: 30px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .why-us-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: linear-gradient(180deg, #FF0000, #cc0000);\n transform: scaleY(0);\n transition: transform 0.4s ease;\n }\n\n .why-us-item:hover::before {\n transform: scaleY(1);\n }\n\n .why-us-item:hover {\n transform: translateX(10px);\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 0, 0, 0.3);\n }\n\n .why-us-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #FF0000, #cc0000);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n font-size: 1.3rem;\n color: white;\n }\n\n .why-us-item h4 {\n font-size: 1.4rem;\n color: #FFFFFF;\n font-weight: 700;\n margin-bottom: 15px;\n }\n\n .why-us-item p {\n font-size: 1rem;\n color: #B8C5D6;\n line-height: 1.6;\n }\n\n \/* Responsive Tech & Why *\/\n @media (max-width: 1200px) {\n .tech-why-content {\n gap: 60px;\n }\n \n .tech-why-header h2 {\n font-size: 3.5rem;\n }\n }\n\n @media (max-width: 768px) {\n .tech-why-section {\n padding: 100px 0;\n }\n \n .tech-why-content {\n grid-template-columns: 1fr;\n gap: 60px;\n }\n \n .tech-why-header h2 {\n font-size: 2.5rem;\n }\n \n .tech-why-header p {\n font-size: 1.2rem;\n }\n \n .technology-side h3,\n .why-us-side h3 {\n font-size: 2.2rem;\n }\n }\n\n @media (max-width: 480px) {\n .tech-why-header h2 {\n font-size: 2rem;\n }\n \n .tech-category,\n .why-us-item {\n padding: 25px 20px;\n }\n \n .tech-category-title {\n font-size: 1.5rem;\n }\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 150px 0;\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);\n position: relative;\n overflow: hidden;\n }\n\n .cta-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n }\n\n .cta-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n }\n\n .cta-particles {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n }\n\n .cta-particle {\n position: absolute;\n width: 6px;\n height: 6px;\n background: rgba(255, 0, 0, 0.4);\n border-radius: 50%;\n animation: ctaFlow 8s linear infinite;\n }\n\n .cta-particle:nth-child(1) { top: 10%; left: 10%; animation-delay: 0s; }\n .cta-particle:nth-child(2) { top: 20%; right: 15%; animation-delay: -2s; }\n .cta-particle:nth-child(3) { bottom: 30%; left: 20%; animation-delay: -4s; }\n .cta-particle:nth-child(4) { top: 60%; right: 25%; animation-delay: -6s; }\n .cta-particle:nth-child(5) { bottom: 70%; left: 30%; animation-delay: -8s; }\n\n @keyframes ctaFlow {\n 0% {\n transform: translateY(0px) translateX(0px);\n opacity: 0;\n }\n 25% {\n opacity: 1;\n }\n 75% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) translateX(50px);\n opacity: 0;\n }\n }\n\n .cta-grid {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n }\n\n .cta-grid-line {\n position: absolute;\n background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.1), transparent);\n animation: lineRotate 20s linear infinite;\n }\n\n .cta-grid-line:nth-child(1) {\n top: 20%;\n left: 0;\n right: 0;\n height: 1px;\n animation-delay: 0s;\n }\n\n .cta-grid-line:nth-child(2) {\n top: 0;\n bottom: 0;\n left: 30%;\n width: 1px;\n animation-delay: -7s;\n }\n\n .cta-grid-line:nth-child(3) {\n bottom: 30%;\n left: 0;\n right: 0;\n height: 1px;\n animation-delay: -14s;\n }\n\n @keyframes lineRotate {\n 0% { opacity: 0; transform: scaleX(0); }\n 50% { opacity: 1; transform: scaleX(1); }\n 100% { opacity: 0; transform: scaleX(0); }\n }\n\n .cta-content {\n text-align: center;\n position: relative;\n z-index: 3;\n }\n\n .cta-header h2 {\n font-size: 4.5rem;\n color: #FFFFFF;\n font-weight: 900;\n margin-bottom: 25px;\n background: linear-gradient(135deg, #FFFFFF 0%, #B8C5D6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .cta-header p {\n font-size: 1.5rem;\n color: #B8C5D6;\n max-width: 700px;\n margin: 0 auto 60px;\n line-height: 1.6;\n }\n\n .cta-stats {\n display: flex;\n justify-content: center;\n gap: 80px;\n margin-bottom: 60px;\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-size: 3.5rem;\n color: #FF0000;\n font-weight: 900;\n margin-bottom: 10px;\n text-shadow: 0 0 20px rgba(255, 0, 0, 0.5);\n }\n\n .stat-label {\n font-size: 1.1rem;\n color: #B8C5D6;\n font-weight: 500;\n }\n\n .cta-actions {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .cta-button {\n display: inline-block;\n padding: 18px 40px;\n border-radius: 50px;\n text-decoration: none !important;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button.primary {\n background: linear-gradient(135deg, #FF0000 0%, #cc0000 100%);\n color: white;\n box-shadow: 0 10px 30px rgba(255, 0, 0, 0.3);\n }\n\n .cta-button.primary:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(255, 0, 0, 0.4);\n }\n\n .cta-button.secondary {\n background: transparent;\n color: #FFFFFF;\n border: 2px solid rgba(255, 255, 255, 0.3);\n backdrop-filter: blur(10px);\n }\n\n .cta-button.secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: #FFFFFF;\n transform: translateY(-5px);\n }\n\n .cta-features {\n display: flex;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n gap: 12px;\n color: #B8C5D6;\n font-size: 1rem;\n }\n\n .feature-item i {\n color: #FF0000;\n font-size: 1.2rem;\n }\n\n \/* Responsive CTA *\/\n @media (max-width: 1200px) {\n .cta-header h2 {\n font-size: 3.5rem;\n }\n \n .cta-stats {\n gap: 60px;\n }\n \n .stat-number {\n font-size: 3rem;\n }\n }\n\n @media (max-width: 768px) {\n .cta-section {\n padding: 100px 0;\n }\n \n .cta-header h2 {\n font-size: 2.5rem;\n }\n \n .cta-header p {\n font-size: 1.2rem;\n margin-bottom: 40px;\n }\n \n .cta-stats {\n flex-direction: column;\n gap: 30px;\n margin-bottom: 40px;\n }\n \n .cta-actions {\n flex-direction: column;\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .cta-features {\n gap: 25px;\n }\n }\n\n @media (max-width: 480px) {\n .cta-header h2 {\n font-size: 2rem;\n }\n \n .cta-header p {\n font-size: 1rem;\n }\n \n .stat-number {\n font-size: 2.5rem;\n }\n \n .cta-button {\n padding: 16px 30px;\n font-size: 1rem;\n }\n }\n <\/style>\n <\/head>\n\n<body>\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1>Moving Image Production<\/h1>\n <p class=\"subtitle\">Professional Video Production from Concept to Post-Production for Your Brand<\/p>\n <a href=\"https:\/\/darksn.de\/contact\/\" class=\"hero-cta\">Request a Consultation Now<\/a>\n <\/div>\n <\/section>\n\n <!-- Intro Section -->\n <section class=\"intro-section\">\n <div class=\"intro-container\">\n <div class=\"intro-header\">\n <h2>Film Production Masterpiece<\/h2>\n <p>From the first idea to the final cut \u2013 we create compelling stories that captivate your audience.<\/p>\n <\/div>\n\n <div class=\"video-universe\">\n <div class=\"universe-center\">\n <div class=\"center-core\">\n <i class=\"fas fa-play\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"universe-orbits\">\n <div class=\"orbit-ring\">\n <div class=\"orbit-element element-1\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <\/div>\n <div class=\"orbit-element element-2\">\n <i class=\"fas fa-camera\"><\/i>\n <\/div>\n <div class=\"orbit-element element-3\">\n <i class=\"fas fa-cut\"><\/i>\n <\/div>\n <div class=\"orbit-element element-4\">\n <i class=\"fas fa-play-circle\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"orbit-ring\">\n <div class=\"orbit-element element-5\">\n <i class=\"fas fa-film\"><\/i>\n <\/div>\n <div class=\"orbit-element element-6\">\n <i class=\"fas fa-video\"><\/i>\n <\/div>\n <div class=\"orbit-element element-7\">\n <i class=\"fas fa-microphone\"><\/i>\n <\/div>\n <div class=\"orbit-element element-8\">\n <i class=\"fas fa-magic\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"universe-particles\">\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <\/div>\n \n <div class=\"universe-info\">\n <p class=\"info-text\">In the world of video production, every element rotates in its own orbit. The central play button initiates the entire process, while the surrounding orbits represent different stages of production. This dynamic system demonstrates the perfect harmony of creativity and technology.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Hizmetlerimiz Section -->\n <section class=\"services-section\">\n <div class=\"services-container\">\n <div class=\"services-header\">\n <h2>Our Services<\/h2>\n <p>Our professional video production processes and technologies we use<\/p>\n <\/div>\n \n <div class=\"services-content\">\n <!-- Video Types -->\n <div class=\"video-types\">\n <h3>Video Types<\/h3>\n <div class=\"types-grid\">\n <div class=\"type-item\">\n <div class=\"type-icon\">\n <i class=\"fas fa-tv\"><\/i>\n <\/div>\n <h4>Advertising<\/h4>\n <p>Commercials for television and digital platforms<\/p>\n <\/div>\n \n <div class=\"type-item\">\n <div class=\"type-icon\">\n <i class=\"fas fa-building\"><\/i>\n <\/div>\n <h4>Corporate<\/h4>\n <p>Company introduction and corporate communication videos<\/p>\n <\/div>\n \n <div class=\"type-item\">\n <div class=\"type-icon\">\n <i class=\"fas fa-share-alt\"><\/i>\n <\/div>\n <h4>Social Media<\/h4>\n <p>Custom content for Instagram, TikTok, and YouTube<\/p>\n <\/div>\n \n <div class=\"type-item\">\n <div class=\"type-icon\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n <\/div>\n <h4>Event<\/h4>\n <p>Recording of concerts, conferences, and special events<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Equipment Showcase -->\n <div class=\"equipment-showcase\">\n <h3>Equipment & Technology<\/h3>\n <div class=\"equipment-grid\">\n <div class=\"equipment-item\">\n <div class=\"equipment-icon\">\n <i class=\"fas fa-camera\"><\/i>\n <\/div>\n <h4>Camera Systems<\/h4>\n <p>4K, 8K, and drone camera technologies<\/p>\n <div class=\"equipment-specs\">\n <span>Sony FX9<\/span>\n <span>DJI Inspire<\/span>\n <span>RED Komodo<\/span>\n <\/div>\n <\/div>\n \n <div class=\"equipment-item\">\n <div class=\"equipment-icon\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <\/div>\n <h4>Lighting Systems<\/h4>\n <p>Professional studio and outdoor lighting<\/p>\n <div class=\"equipment-specs\">\n <span>ARRI SkyPanel<\/span>\n <span>Profoto B10<\/span>\n <span>LED Panels<\/span>\n <\/div>\n <\/div>\n \n <div class=\"equipment-item\">\n <div class=\"equipment-icon\">\n <i class=\"fas fa-microphone\"><\/i>\n <\/div>\n <h4>Audio Equipment<\/h4>\n <p>High-quality sound recording and mixing systems<\/p>\n <div class=\"equipment-specs\">\n <span>Sennheiser MKH<\/span>\n <span>Zoom H6<\/span>\n <span>Sound Devices<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Process Timeline -->\n <div class=\"process-timeline\">\n <h3>Production Process<\/h3>\n <div class=\"timeline-container\">\n <div class=\"timeline-line\"><\/div>\n \n <div class=\"timeline-step\">\n <div class=\"step-marker\">\n <span class=\"step-number\">01<\/span>\n <div class=\"step-pulse\"><\/div>\n <\/div>\n <div class=\"step-content\">\n <h4>Pre-Production<\/h4>\n <p>Concept development, storyboard, and planning<\/p>\n <div class=\"step-details\">\n <span>Script Writing<\/span>\n <span>Storyboarding<\/span>\n <span>Location Scouting<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"timeline-step\">\n <div class=\"step-marker\">\n <span class=\"step-number\">02<\/span>\n <div class=\"step-pulse\"><\/div>\n <\/div>\n <div class=\"step-content\">\n <h4>Production<\/h4>\n <p>Filming, lighting, and sound recording<\/p>\n <div class=\"step-details\">\n <span>Camera Operation<\/span>\n <span>Lighting Setup<\/span>\n <span>Sound Recording<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"timeline-step\">\n <div class=\"step-marker\">\n <span class=\"step-number\">03<\/span>\n <div class=\"step-pulse\"><\/div>\n <\/div>\n <div class=\"step-content\">\n <h4>Post-Production<\/h4>\n <p>Editing, color grading, and final export<\/p>\n <div class=\"step-details\">\n <span>Video Editing<\/span>\n <span>Color Grading<\/span>\n <span>Final Export<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Technology & Why Us Combined Section -->\n <section class=\"tech-why-section\">\n <div class=\"tech-why-container\">\n <div class=\"tech-why-header\">\n <h2>Technology & Why Choose Us?<\/h2>\n <p>Latest technologies and reasons why you should choose us<\/p>\n <\/div>\n \n <div class=\"tech-why-content\">\n <!-- Technology Side -->\n <div class=\"technology-side\">\n <h3>Technology Stack<\/h3>\n <div class=\"tech-categories\">\n <div class=\"tech-category\">\n <div class=\"tech-category-header\">\n <div class=\"tech-category-icon\">\n <i class=\"fas fa-camera\"><\/i>\n <\/div>\n <h4 class=\"tech-category-title\">Camera Systems<\/h4>\n <\/div>\n <div class=\"tech-specs\">\n <span class=\"tech-spec\">4K Ultra HD<\/span>\n <span class=\"tech-spec\">8K Resolution<\/span>\n <span class=\"tech-spec\">Drone Footage<\/span>\n <span class=\"tech-spec\">Gimbal Stabilization<\/span>\n <\/div>\n <\/div>\n \n <div class=\"tech-category\">\n <div class=\"tech-category-header\">\n <div class=\"tech-category-icon\">\n <i class=\"fas fa-laptop-code\"><\/i>\n <\/div>\n <h4 class=\"tech-category-title\">Software Stack<\/h4>\n <\/div>\n <div class=\"tech-specs\">\n <span class=\"tech-spec\">Adobe Creative Suite<\/span>\n <span class=\"tech-spec\">DaVinci Resolve<\/span>\n <span class=\"tech-spec\">Final Cut Pro<\/span>\n <span class=\"tech-spec\">After Effects<\/span>\n <\/div>\n <\/div>\n \n <div class=\"tech-category\">\n <div class=\"tech-category-header\">\n <div class=\"tech-category-icon\">\n <i class=\"fas fa-microchip\"><\/i>\n <\/div>\n <h4 class=\"tech-category-title\">Professional Equipment<\/h4>\n <\/div>\n <div class=\"tech-specs\">\n <span class=\"tech-spec\">Professional Lighting<\/span>\n <span class=\"tech-spec\">High-End Audio<\/span>\n <span class=\"tech-spec\">Green Screen Setup<\/span>\n <span class=\"tech-spec\">Motion Control<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Why Us Side -->\n <div class=\"why-us-side\">\n <h3>Why Us?<\/h3>\n <div class=\"why-us-grid\">\n <div class=\"why-us-item\">\n <div class=\"why-us-icon\">\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <h4>Quality Guarantee<\/h4>\n <p>We strive for excellence in every project, delivering the highest standards in video production.<\/p>\n <\/div>\n \n <div class=\"why-us-item\">\n <div class=\"why-us-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <h4>On-Time Delivery<\/h4>\n <p>We stick to project deadlines. We promise delivery dates and keep them.<\/p>\n <\/div>\n \n <div class=\"why-us-item\">\n <div class=\"why-us-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h4>Expert Team<\/h4>\n <p>Work with an experienced and professional team. We assign the most suitable experts for each project.<\/p>\n <\/div>\n \n <div class=\"why-us-item\">\n <div class=\"why-us-icon\">\n <i class=\"fas fa-heart\"><\/i>\n <\/div>\n <h4>Customer Satisfaction<\/h4>\n <p>We guarantee 100% customer satisfaction. No client has been dissatisfied.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"cta-container\">\n <div class=\"cta-background\">\n <div class=\"cta-particles\">\n <div class=\"cta-particle\"><\/div>\n <div class=\"cta-particle\"><\/div>\n <div class=\"cta-particle\"><\/div>\n <div class=\"cta-particle\"><\/div>\n <div class=\"cta-particle\"><\/div>\n <\/div>\n <div class=\"cta-grid\">\n <div class=\"cta-grid-line\"><\/div>\n <div class=\"cta-grid-line\"><\/div>\n <div class=\"cta-grid-line\"><\/div>\n <\/div>\n <\/div>\n \n <div class=\"cta-content\">\n <div class=\"cta-header\">\n <h2>Let's Start Your Video Production Project<\/h2>\n <p>Turn your dream video into reality with our professional team.<\/p>\n <\/div>\n \n <div class=\"cta-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">500+<\/div>\n <div class=\"stat-label\">Completed Projects<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">98%<\/div>\n <div class=\"stat-label\">Customer Satisfaction<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Support<\/div>\n <\/div>\n <\/div>\n \n <div class=\"cta-actions\">\n <a href=\"https:\/\/darksn.de\/contact\/\" class=\"cta-button primary\">Free Consultation<\/a>\n <a href=\"https:\/\/darksn.de\/references\/\" class=\"cta-button secondary\">View Our Portfolio<\/a>\n <\/div>\n \n <div class=\"cta-features\">\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Free Initial Meeting<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Fast Delivery<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Revision Rights<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4ff088 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d4ff088\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3625e1 elementor-widget elementor-widget-html\" data-id=\"e3625e1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Bewegtbildproduktion SEO Section -->\n<section class=\"creative-seo-section\">\n <div class=\"seo-page-container\">\n <div class=\"seo-two-column\">\n <h1 class=\"seo-page-title\">Moving Image Production in Stuttgart, Ludwigsburg, Frankfurt & More<\/h1>\n\n <div class=\"seo-intro-section\">\n <p class=\"seo-text\">Moving Image Production Services in Stuttgart, Ludwigsburg, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg.<\/p>\n <p class=\"seo-text\">As a leading digital agency in Germany, our team specializes in video production to create high-quality videos that boost audience engagement, increase brand awareness, and deliver measurable results through SEO & social media campaigns. Especially in Ludwigsburg, we have completed numerous successful projects that significantly enhance brand visibility. Our methods are also applied in Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg.<\/p>\n <\/div>\n\n <div class=\"seo-content-section\">\n <h2 class=\"seo-section-heading\">Ludwigsburg as Core Location for Video Production<\/h2>\n <p class=\"seo-text\">In Ludwigsburg, we focus on delivering video production for local businesses at the highest level. Through high-quality videos and strategic SEO & social media campaigns, we continuously increase audience engagement in Ludwigsburg and surrounding cities. Each production in Ludwigsburg is tested multiple times, optimized, and adapted for various platforms.<\/p>\n <\/div>\n\n <div class=\"seo-content-section\">\n <h2 class=\"seo-section-heading\">Innovative Moving Image Concepts in Ludwigsburg<\/h2>\n <p class=\"seo-text\">In Ludwigsburg, we develop creative concepts that combine stunning designs, memorable visuals, and impactful campaigns. Our video production in Ludwigsburg includes:<\/p>\n <ul class=\"seo-list\">\n <li class=\"seo-list-item\">Storytelling for audience engagement<\/li>\n <li class=\"seo-list-item\">Motion graphics and animations for brand awareness<\/li>\n <li class=\"seo-list-item\">Multichannel optimization for SEO & social media campaigns<\/li>\n <\/ul>\n <p class=\"seo-text\">These methods are also successfully applied in Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg.<\/p>\n \n <div class=\"seo-tags-container\">\n <a href=\"https:\/\/darksn.de\/storytelling-copywriting\/\" class=\"seo-tag\">Storytelling<\/a>\n <a href=\"https:\/\/darksn.de\/editing-motion-graphics\/\" class=\"seo-tag\">Motion Graphics<\/a>\n <a href=\"https:\/\/darksn.de\/multichannel-campaigns\/\" class=\"seo-tag\">Multichannel Optimization<\/a>\n <a href=\"https:\/\/darksn.de\/social-media-strategy\/\" class=\"seo-tag\">Social Media Campaigns<\/a>\n <a href=\"https:\/\/darksn.de\/search-engine-optimization-seo-2\" class=\"seo-tag\">SEO Campaigns<\/a>\n <\/div>\n <\/div>\n\n <div class=\"seo-content-section\">\n <h2 class=\"seo-section-heading\">Ludwigsburg Case Studies<\/h2>\n <p class=\"seo-text\">Our video production projects in Ludwigsburg include:<\/p>\n <ul class=\"seo-list\">\n <li class=\"seo-list-item\">Corporate films for local businesses<\/li>\n <li class=\"seo-list-item\">Product videos with high-quality production for maximum audience engagement<\/li>\n <li class=\"seo-list-item\">Social media clips integrating SEO & social media campaigns<\/li>\n <li class=\"seo-list-item\">Event videos for trade shows and local brands<\/li>\n <\/ul>\n <p class=\"seo-text\">Each project in Ludwigsburg is optimized at least twice to ensure continuous growth in audience engagement and brand awareness.<\/p>\n \n <div class=\"seo-tags-container\">\n <a href=\"https:\/\/darksn.de\/image-product-videos\/\" class=\"seo-tag\">Corporate Films & Product Videos<\/a>\n <a href=\"https:\/\/darksn.de\/social-media-strategy\/\" class=\"seo-tag\">Social Media Clips<\/a>\n <a href=\"https:\/\/darksn.de\/trade-show-event-communication\/\" class=\"seo-tag\">Event Videos<\/a>\n <a href=\"https:\/\/darksn.de\/conversion-optimization\/\" class=\"seo-tag\">Audience Engagement<\/a>\n <\/div>\n <\/div>\n\n <div class=\"seo-content-section\">\n <h2 class=\"seo-section-heading\">Post-Production & Editing in Ludwigsburg<\/h2>\n <p class=\"seo-text\">In Ludwigsburg, we handle color grading, sound design, motion graphics, and final editing. Using our video production tools, we ensure high-quality videos achieve maximum impact. Ludwigsburg remains a central hub for repeated campaigns, while Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg also benefit from the same best practices.<\/p>\n \n <div class=\"seo-tags-container\">\n <a href=\"https:\/\/darksn.de\/editing-motion-graphics\/\" class=\"seo-tag\">Color Grading<\/a>\n <a href=\"https:\/\/darksn.de\/editing-motion-graphics\/\" class=\"seo-tag\">Motion Graphics<\/a>\n <a href=\"https:\/\/darksn.de\/web-analytics-tracking\/\" class=\"seo-tag\">Maximum Impact<\/a>\n <\/div>\n <\/div>\n\n <div class=\"seo-content-section\">\n <h2 class=\"seo-section-heading\">Continuous Optimization & ROI Tracking in Ludwigsburg<\/h2>\n <p class=\"seo-text\">Our iterative strategy in Ludwigsburg includes:<\/p>\n <ul class=\"seo-list\">\n <li class=\"seo-list-item\">Video production performance tracking<\/li>\n <li class=\"seo-list-item\">High-quality video A\/B testing<\/li>\n <li class=\"seo-list-item\">Audience engagement analysis<\/li>\n <li class=\"seo-list-item\">SEO & social media campaign optimization<\/li>\n <\/ul>\n <p class=\"seo-text\">These best practices are implemented in all other cities as well to ensure consistent brand communication.<\/p>\n \n <div class=\"seo-tags-container\">\n <a href=\"https:\/\/darksn.de\/web-analytics-tracking\/\" class=\"seo-tag\">Performance Tracking<\/a>\n <a href=\"https:\/\/darksn.de\/conversion-optimization\/\" class=\"seo-tag\">A\/B Testing<\/a>\n <a href=\"https:\/\/darksn.de\/social-media-strategy\/\" class=\"seo-tag\">Engagement Analysis<\/a>\n <a href=\"https:\/\/darksn.de\/search-engine-optimization-seo-2\" class=\"seo-tag\">SEO Optimization<\/a>\n <a href=\"https:\/\/darksn.de\/brand-communication-strategy\/\" class=\"seo-tag\">Brand Communication<\/a>\n <\/div>\n <\/div>\n\n <div class=\"seo-content-section\">\n <h2 class=\"seo-section-heading\">Local Focus: Ludwigsburg and All Major German Cities<\/h2>\n <p class=\"seo-text\">Whether your business operates in Ludwigsburg, Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, or Augsburg, our video production services guarantee high-quality videos, strong audience engagement, increased brand awareness, and integrated SEO & social media campaigns. Ludwigsburg remains the central hub for repeated, optimized campaigns.<\/p>\n <\/div>\n\n <div class=\"seo-content-section\">\n <h2 class=\"seo-section-heading\">Benefits of Our Moving Image Production<\/h2>\n <ul class=\"seo-list\">\n <li class=\"seo-list-item\">Ludwigsburg: Highest audience engagement through repeated video production<\/li>\n <li class=\"seo-list-item\">Creation of high-quality videos for multichannel applications<\/li>\n <li class=\"seo-list-item\">Integration with SEO & social media campaigns for maximum impact<\/li>\n <li class=\"seo-list-item\">Continuous optimization and performance tracking in Ludwigsburg and all other cities<\/li>\n <li class=\"seo-list-item\">Strengthening of brand awareness in Ludwigsburg, Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n <style>\n\/* Creative SEO Section *\/\n.creative-seo-section {\n padding: 120px 0;\n background: #0a0a0a;\n position: relative;\n overflow: hidden;\n }\n\n .seo-page-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px;\n }\n\n .seo-two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n margin: 40px 0;\n }\n\n .seo-page-title {\n font-size: 2.8rem;\n color: #ffffff;\n text-align: center;\n border-bottom: 3px solid #F93825;\n padding-bottom: 20px;\n background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n grid-column: 1 \/ -1;\n font-weight: 700;\n}\n\n.seo-intro-section {\n grid-column: 1 \/ -1;\n padding: 30px;\n backdrop-filter: blur(10px);\n margin-bottom: 40px;\n }\n\n .seo-section-heading {\n font-size: 1.6rem;\n margin: 30px 0 20px 0;\n color: #ffffff !important;\n border-left: 4px solid #F93825;\n padding-left: 15px;\n font-weight: 600;\n }\n\n .seo-text {\n font-size: 1rem;\n margin-bottom: 20px;\n line-height: 1.7;\n color: #cccccc;\n text-align: justify;\n }\n\n .seo-list {\n margin: 20px 0;\n padding-left: 25px;\n }\n\n .seo-list-item {\n font-size: 1rem;\n margin-bottom: 12px;\n line-height: 1.6;\n color: #cccccc;\n position: relative;\n }\n\n .seo-list-item::marker {\n color: #F93825;\n }\n\n .seo-content-section {\n padding: 30px;\n backdrop-filter: blur(10px);\n transition: all 0.4s ease;\n }\n\n .seo-content-section .seo-section-heading {\n margin-top: 0;\n }\n\n .seo-conclusion {\n background: linear-gradient(135deg, rgba(249, 56, 37, 0.15) 0%, rgba(233, 30, 99, 0.1) 100%);\n padding: 40px;\n border-radius: 20px;\n border: 2px solid #F93825;\n grid-column: 1 \/ -1;\n position: relative;\n overflow: hidden;\n }\n\n .seo-conclusion::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"seo-dots\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"%23F93825\" opacity=\"0.2\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23seo-dots)\"\/><\/svg>');\n opacity: 0.3;\n }\n\n .seo-conclusion .seo-section-heading {\n border: none;\n padding: 0;\n margin-bottom: 20px;\n color: #ffffff;\n font-size: 2rem;\n position: relative;\n z-index: 2;\n }\n\n .seo-conclusion .seo-text {\n position: relative;\n z-index: 2;\n color: #ffffff;\n font-size: 1.1rem;\n }\n\n \/* Tags (simple, clean, matches current dark theme) *\/\n .seo-tags-container {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .seo-tag {\n display: inline-block;\n padding: 6px 12px;\n border: 1px solid #F93825 !important;\n border-radius: 999px;\n color: #ffffff !important;\n text-decoration: none !important;\n background: transparent;\n transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;\n font-size: 1rem !important;\n }\n\n .seo-tag:hover {\n background: #F93825;\n color: #ffffff;\n transform: translateY(-1px);\n text-decoration: none;\n }\n\n\/* Responsive Design *\/\n @media (max-width: 768px) {\n .creative-seo-section {\n padding: 80px 0;\n }\n\n .seo-page-container {\n padding: 20px 15px;\n }\n\n .seo-two-column {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .seo-page-title {\n font-size: 2.2rem;\n margin-bottom: 30px;\n }\n \n .seo-section-heading {\n font-size: 1.4rem;\n }\n\n .seo-content-section {\n padding: 20px;\n }\n\n .seo-conclusion {\n padding: 30px 20px;\n }\n \n .seo-text, .seo-list-item {\n font-size: 0.95rem;\n }\n }\n\n @media (max-width: 480px) {\n .seo-page-title {\n font-size: 1.8rem;\n }\n\n .seo-section-heading {\n font-size: 1.2rem;\n }\n\n .seo-content-section {\n padding: 15px;\n }\n\n .seo-conclusion {\n padding: 25px 15px;\n }\n }\n <\/style>\n\t\t<\/div>\n\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>Moving Image Production – Digital Media & Web Development Moving Image Production Professional Video Production from Concept to Post-Production for Your Brand Request a Consultation Now Film Production Masterpiece From the first idea to the final cut \u2013 we create compelling stories that captivate your audience. In the world of video production, every element rotates in its own orbit. The central play button initiates the entire process, while the surrounding orbits represent different stages of production. This dynamic system demonstrates the perfect harmony of creativity and technology. Our Services Our professional video production processes and technologies we use Video Types Advertising Commercials for television and digital platforms Corporate Company introduction and corporate communication videos Social Media Custom content for Instagram, TikTok, and YouTube Event Recording of concerts, conferences, and special events Equipment & Technology Camera Systems 4K, 8K, and drone camera technologies Sony FX9 DJI Inspire RED Komodo Lighting Systems Professional studio and outdoor lighting ARRI SkyPanel Profoto B10 LED Panels Audio Equipment High-quality sound recording and mixing systems Sennheiser MKH Zoom H6 Sound Devices Production Process 01 Pre-Production Concept development, storyboard, and planning Script Writing Storyboarding Location Scouting 02 Production Filming, lighting, and sound recording Camera Operation Lighting Setup Sound Recording 03 Post-Production Editing, color grading, and final export Video Editing Color Grading Final Export Technology & Why Choose Us? Latest technologies and reasons why you should choose us Technology Stack Camera Systems 4K Ultra HD 8K Resolution Drone Footage Gimbal Stabilization Software Stack Adobe Creative Suite DaVinci Resolve Final Cut Pro After Effects Professional Equipment Professional Lighting High-End Audio Green Screen Setup Motion Control Why Us? Quality Guarantee We strive for excellence in every project, delivering the highest standards in video production. On-Time Delivery We stick to project deadlines. We promise delivery dates and keep them. Expert Team Work with an experienced and professional team. We assign the most suitable experts for each project. Customer Satisfaction We guarantee 100% customer satisfaction. No client has been dissatisfied. Let’s Start Your Video Production Project Turn your dream video into reality with our professional team. 500+ Completed Projects 98% Customer Satisfaction 24\/7 Support Free Consultation View Our Portfolio Free Initial Meeting Fast Delivery Revision Rights Moving Image Production in Stuttgart, Ludwigsburg, Frankfurt & More Moving Image Production Services in Stuttgart, Ludwigsburg, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg. As a leading digital agency in Germany, our team specializes in video production to create high-quality videos that boost audience engagement, increase brand awareness, and deliver measurable results through SEO & social media campaigns. Especially in Ludwigsburg, we have completed numerous successful projects that significantly enhance brand visibility. Our methods are also applied in Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg. Ludwigsburg as Core Location for Video Production In Ludwigsburg, we focus on delivering video production for local businesses at the highest level. Through high-quality videos and strategic SEO & social media campaigns, we continuously increase audience engagement in Ludwigsburg and surrounding cities. Each production in Ludwigsburg is tested multiple times, optimized, and adapted for various platforms. Innovative Moving Image Concepts in Ludwigsburg In Ludwigsburg, we develop creative concepts that combine stunning designs, memorable visuals, and impactful campaigns. Our video production in Ludwigsburg includes: Storytelling for audience engagement Motion graphics and animations for brand awareness Multichannel optimization for SEO & social media campaigns These methods are also successfully applied in Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg. Storytelling Motion Graphics Multichannel Optimization Social Media Campaigns SEO Campaigns Ludwigsburg Case Studies Our video production projects in Ludwigsburg include: Corporate films for local businesses Product videos with high-quality production for maximum audience engagement Social media clips integrating SEO & social media campaigns Event videos for trade shows and local brands Each project in Ludwigsburg is optimized at least twice to ensure continuous growth in audience engagement and brand awareness. Corporate Films & Product Videos Social Media Clips Event Videos Audience Engagement Post-Production & Editing in Ludwigsburg In Ludwigsburg, we handle color grading, sound design, motion graphics, and final editing. Using our video production tools, we ensure high-quality videos achieve maximum impact. Ludwigsburg remains a central hub for repeated campaigns, while Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg also benefit from the same best practices. Color Grading Motion Graphics Maximum Impact Continuous Optimization & ROI Tracking in Ludwigsburg Our iterative strategy in Ludwigsburg includes: Video production performance tracking High-quality video A\/B testing Audience engagement analysis SEO & social media campaign optimization These best practices are implemented in all other cities as well to ensure consistent brand communication. Performance Tracking A\/B Testing Engagement Analysis SEO Optimization Brand Communication Local Focus: Ludwigsburg and All Major German Cities Whether your business operates in Ludwigsburg, Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, or Augsburg, our video production services guarantee high-quality videos, strong audience engagement, increased brand awareness, and integrated SEO & social media campaigns. Ludwigsburg remains the central hub for repeated, optimized campaigns. Benefits of Our Moving Image Production Ludwigsburg: Highest audience engagement through repeated video production Creation of high-quality videos for multichannel applications Integration with SEO & social media campaigns for maximum impact Continuous optimization and performance tracking in Ludwigsburg and all other cities Strengthening of brand awareness in Ludwigsburg, Stuttgart, Frankfurt, Mannheim, Karlsruhe, Heidelberg, Freiburg, N\u00fcrnberg, M\u00fcnchen, W\u00fcrzburg, K\u00f6ln, Dortmund, Leipzig, Berlin, D\u00fcsseldorf, Heilbronn, and Augsburg<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"coauthors":[35],"class_list":["post-31221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/31221","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=31221"}],"version-history":[{"count":13,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/31221\/revisions"}],"predecessor-version":[{"id":31802,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/31221\/revisions\/31802"}],"wp:attachment":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/media?parent=31221"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/coauthors?post=31221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}