{"id":2808,"date":"2024-03-21T22:27:54","date_gmt":"2024-03-21T21:27:54","guid":{"rendered":"http:\/\/courpack.de\/?page_id=2808"},"modified":"2026-07-10T08:30:55","modified_gmt":"2026-07-10T08:30:55","slug":"warum-wir","status":"publish","type":"page","link":"https:\/\/darksn.de\/warum-wir\/","title":{"rendered":"Why Choose Us?"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"2808\" class=\"elementor elementor-2808\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fd68c7e elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"fd68c7e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-182fba1\" data-id=\"182fba1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-29c3539 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"29c3539\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">why choose us ?<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7815869\" data-id=\"7815869\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-48330e9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"48330e9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2cd39a elementor-widget elementor-widget-html\" data-id=\"c2cd39a\" 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  .why-us-section {\r\n    font-family: 'Outfit', sans-serif;\r\n    background: #fafafa;\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .shape-divider {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100px;\r\n    background: \r\n      linear-gradient(-45deg, transparent 25%, #fafafa 25%, #fafafa 50%, transparent 50%, transparent 75%, #fafafa 75%);\r\n    background-size: 40px 40px;\r\n  }\r\n\r\n  .why-us-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .section-subtitle {\r\n    color: #ff0000;\r\n    font-size: 1.1em;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    margin-bottom: 15px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards;\r\n  }\r\n\r\n  .section-title {\r\n    font-size: 2.8em;\r\n    color: #1a1a1a;\r\n    margin-bottom: 25px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards 0.2s;\r\n  }\r\n\r\n  .section-description {\r\n    font-size: 1.2em;\r\n    color: #666;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards 0.4s;\r\n  }\r\n\r\n  .features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin-top: 60px;\r\n  }\r\n\r\n  .feature-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards;\r\n  }\r\n\r\n  .feature-card:nth-child(1) { animation-delay: 0.6s; }\r\n  .feature-card:nth-child(2) { animation-delay: 0.8s; }\r\n  .feature-card:nth-child(3) { animation-delay: 1s; }\r\n  .feature-card:nth-child(4) { animation-delay: 1.2s; }\r\n  .feature-card:nth-child(5) { animation-delay: 1.4s; }\r\n  .feature-card:nth-child(6) { animation-delay: 1.6s; }\r\n\r\n  .feature-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(45deg, transparent, rgba(255,0,0,0.03));\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .feature-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .feature-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .feature-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: rgba(255,0,0,0.1);\r\n    border-radius: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .feature-card:hover .feature-icon {\r\n    transform: scale(1.1);\r\n    background: #ff0000;\r\n  }\r\n\r\n  .feature-icon i {\r\n    font-size: 24px;\r\n    color: #ff0000;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .feature-card:hover .feature-icon i {\r\n    color: white;\r\n  }\r\n\r\n  .feature-title {\r\n    font-size: 1.4em;\r\n    color: #1a1a1a;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .feature-description {\r\n    font-size: 1em;\r\n    color: #666;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .metrics-banner {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-top: 80px;\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards 1.8s;\r\n  }\r\n\r\n  .metric-item {\r\n    text-align: center;\r\n  }\r\n\r\n  .metric-value {\r\n    font-size: 2.5em;\r\n    font-weight: 700;\r\n    color: #ff0000;\r\n    margin-bottom: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 5px;\r\n  }\r\n\r\n  .metric-value i {\r\n    font-size: 0.7em;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .metric-label {\r\n    font-size: 1.1em;\r\n    color: #666;\r\n  }\r\n\r\n  @keyframes fadeUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .features-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .features-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .metrics-banner {\r\n      flex-direction: column;\r\n      gap: 30px;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: 2.2em;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"why-us-section\">\r\n  <div class=\"shape-divider\"><\/div>\r\n  <div class=\"why-us-container\">\r\n    <div class=\"section-header\">\r\n      <div class=\"section-subtitle\">Why Choose Us?<\/div>\r\n      <h2 class=\"section-title\">Elevate Your Business with Next-Gen Solutions<\/h2>\r\n      <p class=\"section-description\">\r\n        We combine cutting-edge technology with industry expertise to deliver innovative solutions that drive your business forward.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"features-grid\">\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fas fa-brain\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">AI Integration<\/h3>\r\n        <p class=\"feature-description\">\r\n          Harness the power of artificial intelligence to automate processes and gain valuable insights.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fas fa-shield-alt\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">Advanced Security<\/h3>\r\n        <p class=\"feature-description\">\r\n          Protect your digital assets with our state-of-the-art security protocols and monitoring.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fas fa-tachometer-alt\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">High Performance<\/h3>\r\n        <p class=\"feature-description\">\r\n          Experience lightning-fast performance with our optimized infrastructure solutions.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fas fa-cloud\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">Cloud Solutions<\/h3>\r\n        <p class=\"feature-description\">\r\n          Scale your business effortlessly with our enterprise-grade cloud infrastructure.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fas fa-clock\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">24\/7 Support<\/h3>\r\n        <p class=\"feature-description\">\r\n          Round-the-clock technical support to ensure your systems run smoothly.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fas fa-sync\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"feature-title\">Fast Integration<\/h3>\r\n        <p class=\"feature-description\">\r\n          Seamless integration with your existing systems for quick deployment.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"metrics-banner\">\r\n      <div class=\"metric-item\">\r\n        <div class=\"metric-value\">98<i class=\"fas fa-percentage\"><\/i><\/div>\r\n        <div class=\"metric-label\">Client Satisfaction<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"metric-item\">\r\n        <div class=\"metric-value\">100<i class=\"fas fa-plus\"><\/i><\/div>\r\n        <div class=\"metric-label\">Global Clients<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"metric-item\">\r\n        <div class=\"metric-value\">12<i class=\"fas fa-plus\"><\/i><\/div>\r\n        <div class=\"metric-label\">Years Experience<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"metric-item\">\r\n        <div class=\"metric-value\">24\/7<\/div>\r\n        <div class=\"metric-label\">Support Available<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c93cfa4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c93cfa4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f248860 elementor-widget elementor-widget-html\" data-id=\"f248860\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .references-section {\n      font-family: 'Outfit', sans-serif;\n      background: #fafafa;\n      padding: 100px 0;\n      position: relative;\n    }\n  \n    .references-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n  \n    .references-header {\n      text-align: center;\n      margin-bottom: 70px;\n    }\n  \n    .references-subtitle {\n      color: #ff0000;\n      font-size: 1.1em;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      margin-bottom: 15px;\n      opacity: 0;\n      animation: fadeUp 0.6s ease forwards;\n    }\n  \n    .references-title {\n      font-size: 2.8em;\n      color: #1a1a1a;\n      margin-bottom: 25px;\n      opacity: 0;\n      animation: fadeUp 0.6s ease forwards 0.2s;\n    }\n  \n    .references-description {\n      font-size: 1.2em;\n      color: #666;\n      max-width: 800px;\n      margin: 0 auto;\n      opacity: 0;\n      animation: fadeUp 0.6s ease forwards 0.4s;\n    }\n  \n    .logo-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 30px;\n      margin-top: 50px;\n    }\n  \n    .logo-item {\n      background: white;\n      border-radius: 15px;\n      padding: 30px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      opacity: 0;\n      animation: fadeScale 0.6s ease forwards;\n      position: relative;\n      overflow: hidden;\n    }\n  \n    .logo-item:nth-child(1) { animation-delay: 0.4s; }\n    .logo-item:nth-child(2) { animation-delay: 0.5s; }\n    .logo-item:nth-child(3) { animation-delay: 0.6s; }\n    .logo-item:nth-child(4) { animation-delay: 0.7s; }\n    .logo-item:nth-child(5) { animation-delay: 0.8s; }\n    .logo-item:nth-child(6) { animation-delay: 0.9s; }\n    .logo-item:nth-child(7) { animation-delay: 1.0s; }\n    .logo-item:nth-child(8) { animation-delay: 1.1s; }\n  \n    .logo-item:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    }\n  \n    .logo-item::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg, transparent, rgba(255,0,0,0.03), transparent);\n      transform: translateX(-100%);\n      transition: transform 0.6s ease;\n    }\n  \n    .logo-item:hover::before {\n      transform: translateX(100%);\n    }\n  \n    .logo-image {\n      width: 100%;\n      height: 120px;\n      object-fit: contain;\n      transition: transform 0.3s ease;\n    }\n  \n    .logo-item:hover .logo-image {\n      transform: scale(1.05);\n    }\n\n    .carousel-container {\n      position: relative;\n      overflow: hidden;\n      margin-top: 50px;\n    }\n\n    .carousel-wrapper {\n      display: flex;\n      transition: transform 0.5s ease;\n    }\n\n    .carousel-slide {\n      min-width: 100%;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 30px;\n    }\n\n    .carousel-nav {\n      display: flex;\n      justify-content: center;\n      gap: 20px;\n      margin-top: 40px;\n    }\n\n    .carousel-btn {\n      background: white;\n      border: 2px solid #ff0000;\n      color: #ff0000;\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      font-size: 1.2em;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .carousel-btn:hover {\n      background: #ff0000;\n      color: white;\n    }\n\n    .carousel-dots {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n      margin-top: 30px;\n    }\n\n    .dot {\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      background: #ddd;\n      cursor: pointer;\n      transition: all 0.3s ease;\n    }\n\n    .dot.active {\n      background: #ff0000;\n      width: 30px;\n      border-radius: 6px;\n    }\n  \n    .reference-stats {\n      display: flex;\n      justify-content: center;\n      gap: 60px;\n      margin-top: 80px;\n      padding-top: 60px;\n      border-top: 1px solid #eee;\n      opacity: 0;\n      animation: fadeUp 0.6s ease forwards 1.2s;\n    }\n  \n    .stat-item {\n      text-align: center;\n    }\n  \n    .stat-value {\n      font-size: 3em;\n      color: #ff0000;\n      font-weight: 700;\n      margin-bottom: 10px;\n    }\n  \n    .stat-label {\n      color: #666;\n      font-size: 1.1em;\n    }\n  \n    @keyframes fadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n  \n    @keyframes fadeScale {\n      from {\n        opacity: 0;\n        transform: scale(0.9);\n      }\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n  \n    @media (max-width: 1200px) {\n      .logo-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n\n      .carousel-slide {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n  \n    @media (max-width: 768px) {\n      .logo-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .carousel-slide {\n        grid-template-columns: repeat(2, 1fr);\n      }\n  \n      .references-title {\n        font-size: 2.2em;\n      }\n  \n      .reference-stats {\n        flex-direction: column;\n        gap: 30px;\n      }\n\n      .carousel-btn {\n        width: 40px;\n        height: 40px;\n        font-size: 1em;\n      }\n    }\n  \n    @media (max-width: 480px) {\n      .logo-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .carousel-slide {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n  \n  <div class=\"references-section\">\n    <div class=\"references-container\">\n      <div class=\"references-header\">\n        <div class=\"references-subtitle\">Our References<\/div>\n        <h2 class=\"references-title\">Trusted by Leading Companies<\/h2>\n        <p class=\"references-description\">\n          We're proud to work with a diverse range of clients across various industries, delivering innovative IT solutions that drive success.\n        <\/p>\n      <\/div>\n  \n      <div class=\"carousel-container\">\n        <div class=\"carousel-wrapper\" id=\"carouselWrapper\"><\/div>\n      <\/div>\n\n      <div class=\"carousel-nav\">\n        <button class=\"carousel-btn\" id=\"prevBtn\">\u2039<\/button>\n        <button class=\"carousel-btn\" id=\"nextBtn\">\u203a<\/button>\n      <\/div>\n\n      <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    const references = [\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2025\/07\/references-sayafi-icin-1.jpg\", title: \"Praxis Dr. Baumg\u00e4rtel\", link: \"https:\/\/praxisdrbaumgaertel.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/klm-zentrum.png\", title: \"KLM Zentrum GMBH\", link: \"https:\/\/klm-zentrum.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/vitalhane-print.png\", title: \"VitalHane\", link: \"https:\/\/vitalhane.de\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/luxsplex-print.png\", title: \"Luxsplex\", link: \"https:\/\/luxsplex.de\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2025\/06\/denk-elektro-1.png\", title: \"DENK Elektro GmbH\", link: \"https:\/\/denk-elektro.de\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2025\/06\/Website-Mockups-elektrotechnik-sk-1.png\", title: \"Elektrotechnik SK\", link: \"https:\/\/elektrotechnik-sk.com\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/shc.png\", title: \"Sauer Human Capital GmbH\", link: \"https:\/\/shc-personal.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2025\/09\/dynamische-motors.png\", title: \"Dynasty Motors GMBH\", link: \"https:\/\/dynasty-motors.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2025\/09\/Fruchtmeister.png\", title: \"Fruchtmeister\", link: \"https:\/\/fruchtmeister.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/RH-GEBAUTECHNIK.png\", title: \"RH Rohrbau und Geb\u00e4udetechnik GmbH\", link: \"https:\/\/rh-gebaeudetechnik.com\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/BAU.png\", title: \"Alt Projektbau GmbH\", link: \"https:\/\/alt-projektbau.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/xfactor.png\", title: \"xFactor Trade GmbH\", link: \"https:\/\/xfactor-gmbh.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2025\/07\/Instagram-Mockupss.png\", title: \"Dynasty Motors GmbH\", link: \"https:\/\/trust-vehicle-69.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/top-profi-bau.png\", title: \"Top Profi Projektbau Group GmbH\", link: \"https:\/\/top-profi-projekt-bau-group.com\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/hausetechnik.png\", title: \"Haustechnik SK GmbH\", link: \"https:\/\/haustechnik-sk.com\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/fallin01.png\", title: \"Fallin\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/trust-vehicle-69.png\", title: \"Trust Vehicle 69 GmbH\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/autoarena-vs.png\", title: \"AutoArena Bad D\u00fcrrheim\", link: \"https:\/\/autoarena-vs.de\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/ganussfabrik.png\", title: \"Genussfabrik-Online\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/pollyrubber.png\", title: \"Polyrubber Technology\", link: \"https:\/\/polyrubber.de\/\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/gurtes.png\", title: \"G\u00fcrtes Ltd Company\" },\n      { img: \"https:\/\/darksn.de\/wp-content\/uploads\/2024\/11\/karaoglu-kaucuk.png\", title: \"Karao\u011flu Kau\u00e7uk\" }\n    ];\n\n    const itemsPerSlide = 4;\n    let currentSlide = 0;\n    const totalSlides = Math.ceil(references.length \/ itemsPerSlide);\n\n    function createCarousel() {\n      const wrapper = document.getElementById('carouselWrapper');\n      wrapper.innerHTML = '';\n\n      for (let i = 0; i < totalSlides; i++) {\n        const slide = document.createElement('div');\n        slide.className = 'carousel-slide';\n        \n        const startIdx = i * itemsPerSlide;\n        const endIdx = Math.min(startIdx + itemsPerSlide, references.length);\n        \n        for (let j = startIdx; j < endIdx; j++) {\n          const ref = references[j];\n          const logoItem = document.createElement('div');\n          logoItem.className = 'logo-item';\n          logoItem.style.animationDelay = `${0.4 + (j - startIdx) * 0.1}s`;\n          \n          if (ref.link) {\n            logoItem.style.cursor = 'pointer';\n            logoItem.onclick = () => window.open(ref.link, '_blank');\n          }\n          \n          logoItem.innerHTML = `<img decoding=\"async\" src=\"${ref.img}\" alt=\"${ref.title}\" class=\"logo-image\">`;\n          slide.appendChild(logoItem);\n        }\n        \n        wrapper.appendChild(slide);\n      }\n\n      createDots();\n      updateCarousel();\n    }\n\n    function createDots() {\n      const dotsContainer = document.getElementById('carouselDots');\n      dotsContainer.innerHTML = '';\n      \n      for (let i = 0; i < totalSlides; i++) {\n        const dot = document.createElement('div');\n        dot.className = 'dot';\n        if (i === 0) dot.classList.add('active');\n        dot.onclick = () => goToSlide(i);\n        dotsContainer.appendChild(dot);\n      }\n    }\n\n    function updateCarousel() {\n      const wrapper = document.getElementById('carouselWrapper');\n      wrapper.style.transform = `translateX(-${currentSlide * 100}%)`;\n      \n      const dots = document.querySelectorAll('.dot');\n      dots.forEach((dot, index) => {\n        if (index === currentSlide) {\n          dot.classList.add('active');\n        } else {\n          dot.classList.remove('active');\n        }\n      });\n    }\n\n    function nextSlide() {\n      currentSlide = (currentSlide + 1) % totalSlides;\n      updateCarousel();\n    }\n\n    function prevSlide() {\n      currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n      updateCarousel();\n    }\n\n    function goToSlide(index) {\n      currentSlide = index;\n      updateCarousel();\n    }\n\n    document.getElementById('nextBtn').addEventListener('click', nextSlide);\n    document.getElementById('prevBtn').addEventListener('click', prevSlide);\n\n    \/\/ Auto-play carousel\n    setInterval(nextSlide, 5000);\n\n    \/\/ Initialize carousel\n    createCarousel();\n  <\/script>\n  \n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-267932d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"267932d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10b609d elementor-widget elementor-widget-html\" data-id=\"10b609d\" 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  .team-section {\r\n    font-family: 'Outfit', sans-serif;\r\n    background: linear-gradient(to right, #fafafa, white);\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: \r\n      linear-gradient(45deg, #ff000008 25%, transparent 25%), \r\n      linear-gradient(-45deg, #ff000008 25%, transparent 25%),\r\n      linear-gradient(45deg, transparent 75%, #ff000008 75%),\r\n      linear-gradient(-45deg, transparent 75%, #ff000008 75%);\r\n    background-size: 20px 20px;\r\n    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\r\n  }\r\n\r\n  .team-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    position: relative;\r\n  }\r\n\r\n  .team-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n  }\r\n\r\n  .team-subtitle {\r\n    color: #ff0000;\r\n    font-size: 1.1em;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    margin-bottom: 15px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards;\r\n  }\r\n\r\n  .team-title {\r\n    font-size: 2.8em;\r\n    color: #1a1a1a;\r\n    margin-bottom: 25px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards 0.2s;\r\n  }\r\n\r\n  .team-description {\r\n    font-size: 1.2em;\r\n    color: #666;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards 0.4s;\r\n  }\r\n\r\n  .expertise-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin: 50px 0;\r\n  }\r\n\r\n  .expertise-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n    opacity: 0;\r\n    animation: fadeScale 0.6s ease forwards;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .expertise-card:nth-child(1) { animation-delay: 0.6s; }\r\n  .expertise-card:nth-child(2) { animation-delay: 0.7s; }\r\n  .expertise-card:nth-child(3) { animation-delay: 0.8s; }\r\n\r\n  .expertise-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .expertise-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: rgba(255,0,0,0.1);\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .expertise-card:hover .expertise-icon {\r\n    background: #ff0000;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .expertise-icon i {\r\n    font-size: 30px;\r\n    color: #ff0000;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .expertise-card:hover .expertise-icon i {\r\n    color: white;\r\n  }\r\n\r\n  .expertise-title {\r\n    font-size: 1.5em;\r\n    color: #1a1a1a;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .expertise-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .expertise-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n    color: #666;\r\n  }\r\n\r\n  .expertise-item i {\r\n    color: #ff0000;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .stats-wrapper {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 50px;\r\n    margin-top: 80px;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    opacity: 0;\r\n    animation: fadeUp 0.6s ease forwards 1s;\r\n  }\r\n\r\n  .stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  .stat-item {\r\n    text-align: center;\r\n    padding: 20px;\r\n  }\r\n\r\n  .stat-icon {\r\n    font-size: 40px;\r\n    color: #ff0000;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: 2.5em;\r\n    color: #1a1a1a;\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .stat-label {\r\n    color: #666;\r\n    font-size: 1.1em;\r\n  }\r\n\r\n  @keyframes fadeUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes fadeScale {\r\n    from {\r\n      opacity: 0;\r\n      transform: scale(0.9);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .expertise-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .stats-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .expertise-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .team-title {\r\n      font-size: 2.2em;\r\n    }\r\n\r\n    .stats-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"team-section\">\r\n  <div class=\"pattern-bg\"><\/div>\r\n  <div class=\"team-container\">\r\n    <div class=\"team-header\">\r\n      <div class=\"team-subtitle\">Our Expertise<\/div>\r\n      <h2 class=\"team-title\">Expert Teams & Specialized Solutions<\/h2>\r\n      <p class=\"team-description\">\r\n        Our dedicated teams of specialists bring deep expertise and proven experience across key technology domains.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"expertise-grid\">\r\n      <div class=\"expertise-card\">\r\n        <div class=\"expertise-icon\">\r\n          <i class=\"fas fa-cloud\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"expertise-title\">Cloud & Infrastructure<\/h3>\r\n        <ul class=\"expertise-list\">\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Cloud Architecture Design<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Migration Services<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>DevOps Implementation<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Infrastructure Optimization<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"expertise-card\">\r\n        <div class=\"expertise-icon\">\r\n          <i class=\"fas fa-shield-alt\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"expertise-title\">Security & Compliance<\/h3>\r\n        <ul class=\"expertise-list\">\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Security Assessment<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Threat Protection<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Compliance Management<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Identity & Access Control<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"expertise-card\">\r\n        <div class=\"expertise-icon\">\r\n          <i class=\"fas fa-code\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"expertise-title\">Software Development<\/h3>\r\n        <ul class=\"expertise-list\">\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Custom Applications<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>API Integration<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Mobile Solutions<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Web Development<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stats-wrapper\">\r\n      <div class=\"stats-grid\">\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-icon\">\r\n            <i class=\"fas fa-users\"><\/i>\r\n          <\/div>\r\n          <div class=\"stat-number\">4+<\/div>\r\n          <div class=\"stat-label\">Locations<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-icon\">\r\n            <i class=\"fas fa-certificate\"><\/i>\r\n          <\/div>\r\n          <div class=\"stat-number\">60+<\/div>\r\n          <div class=\"stat-label\">Certification<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-icon\">\r\n            <i class=\"fas fa-clock\"><\/i>\r\n          <\/div>\r\n          <div class=\"stat-number\">8+<\/div>\r\n          <div class=\"stat-label\">Languages <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stat-item\">\r\n          <div class=\"stat-icon\">\r\n            <i class=\"fas fa-project-diagram\"><\/i>\r\n          <\/div>\r\n          <div class=\"stat-number\">90+<\/div>\r\n          <div class=\"stat-label\">Projects Completed<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a52ea90 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a52ea90\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f869c5a elementor-widget elementor-widget-html\" data-id=\"f869c5a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    .contact-section {\n      font-family: 'Outfit', sans-serif;\n      background: #fafafa;\n      padding: 100px 0;\n      position: relative;\n      overflow: hidden;\n    }\n  \n    .diagonal-pattern {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0.03;\n      background: repeating-linear-gradient(\n        45deg,\n        #ff0000,\n        #ff0000 1px,\n        transparent 1px,\n        transparent 15px\n      );\n    }\n  \n    .contact-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 20px;\n      position: relative;\n    }\n  \n    .contact-header {\n      text-align: center;\n      margin-bottom: 70px;\n    }\n  \n    .contact-subtitle {\n      color: #ff0000;\n      font-size: 1.1em;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      margin-bottom: 15px;\n      opacity: 0;\n      animation: fadeUp 0.6s ease forwards;\n    }\n  \n    .contact-title {\n      font-size: 2.8em;\n      color: #1a1a1a;\n      margin-bottom: 25px;\n      opacity: 0;\n      animation: fadeUp 0.6s ease forwards 0.2s;\n    }\n  \n    .contact-description {\n      font-size: 1.2em;\n      color: #666;\n      max-width: 800px;\n      margin: 0 auto;\n      opacity: 0;\n      animation: fadeUp 0.6s ease forwards 0.4s;\n    }\n  \n    .contact-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 50px;\n      margin-top: 50px;\n    }\n  \n    .contact-info {\n      opacity: 0;\n      animation: fadeRight 0.6s ease forwards 0.6s;\n    }\n  \n    .info-group {\n      margin-bottom: 40px;\n    }\n  \n    .info-title {\n      font-size: 1.4em;\n      color: #1a1a1a;\n      margin-bottom: 20px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n  \n    .info-title i {\n      color: #ff0000;\n    }\n  \n    .info-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n  \n    .info-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 15px;\n      margin-bottom: 20px;\n      padding: 20px;\n      background: white;\n      border-radius: 15px;\n      transition: all 0.3s ease;\n    }\n  \n    .info-item:hover {\n      transform: translateX(10px);\n      box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n    }\n  \n    .info-icon {\n      width: 40px;\n      height: 40px;\n      background: rgba(255,0,0,0.1);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #ff0000;\n      flex-shrink: 0;\n    }\n  \n    .info-content {\n      flex-grow: 1;\n    }\n  \n    .info-label {\n      font-size: 1.1em;\n      color: #1a1a1a;\n      margin-bottom: 5px;\n    }\n  \n    .info-text {\n      color: #666;\n      line-height: 1.6;\n    }\n  \n    .social-links {\n      display: flex;\n      gap: 15px;\n      margin-top: 30px;\n    }\n  \n    .social-link {\n      width: 45px;\n      height: 45px;\n      background: white;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #1a1a1a;\n      font-size: 1.2em;\n      transition: all 0.3s ease;\n      text-decoration: none;\n    }\n  \n    .social-link:hover {\n      background: #ff0000;\n      color: white;\n      transform: translateY(-5px);\n      box-shadow: 0 10px 20px rgba(255,0,0,0.2);\n    }\n  \n    .contact-form {\n      background: white;\n      padding: 40px;\n      border-radius: 20px;\n      box-shadow: 0 15px 30px rgba(0,0,0,0.05);\n      opacity: 0;\n      animation: fadeLeft 0.6s ease forwards 0.8s;\n    }\n  \n    .form-group {\n      margin-bottom: 25px;\n    }\n  \n    .form-label {\n      display: block;\n      margin-bottom: 10px;\n      color: #1a1a1a;\n      font-weight: 500;\n    }\n  \n    .form-input {\n      width: 100%;\n      padding: 15px;\n      border: 2px solid #eee;\n      border-radius: 10px;\n      font-family: inherit;\n      font-size: 1em;\n      transition: all 0.3s ease;\n    }\n  \n    .form-input:focus {\n      border-color: #ff0000;\n      outline: none;\n      box-shadow: 0 5px 15px rgba(255,0,0,0.1);\n    }\n  \n    textarea.form-input {\n      min-height: 150px;\n      resize: vertical;\n    }\n  \n    .privacy-checkbox {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      margin-bottom: 20px;\n      font-size: 0.9em;\n      color: #666;\n    }\n  \n    .privacy-checkbox input {\n      margin-top: 4px;\n    }\n  \n    .privacy-checkbox a {\n      color: #ff0000;\n      text-decoration: none;\n    }\n  \n    .privacy-checkbox a:hover {\n      text-decoration: underline;\n    }\n  \n    .form-button {\n      width: 100%;\n      padding: 18px;\n      background: #ff0000;\n      color: white;\n      border: none;\n      border-radius: 12px;\n      font-size: 1.1em;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n  \n    .form-button:hover {\n      background: #cc0000;\n      transform: translateY(-3px);\n      box-shadow: 0 10px 20px rgba(255,0,0,0.2);\n    }\n  \n    .form-button::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,255,255,0.2), transparent);\n      transition: 0.5s;\n    }\n  \n    .form-button:hover::before {\n      left: 100%;\n    }\n  \n    @keyframes fadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n  \n    @keyframes fadeRight {\n      from {\n        opacity: 0;\n        transform: translateX(-30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n  \n    @keyframes fadeLeft {\n      from {\n        opacity: 0;\n        transform: translateX(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n  \n    @media (max-width: 992px) {\n      .contact-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n    }\n  \n    @media (max-width: 768px) {\n      .contact-title {\n        font-size: 2.2em;\n      }\n      \n      .info-item {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n  \n      .social-links {\n        justify-content: center;\n      }\n    }\n  <\/style>\n  \n  <div class=\"contact-section\">\n    <div class=\"diagonal-pattern\"><\/div>\n    <div class=\"contact-container\">\n      <div class=\"contact-header\">\n        <div class=\"contact-subtitle\">Get in Touch<\/div>\n        <h2 class=\"contact-title\">Let's Connect<\/h2>\n        <p class=\"contact-description\">\n          Ready to transform your business? Contact us now and let's discuss how we can help you achieve your goals.\n        <\/p>\n      <\/div>\n  \n      <div class=\"contact-grid\">\n        <div class=\"contact-info\">\n          <div class=\"info-group\">\n            <h3 class=\"info-title\">\n              <i class=\"fas fa-map-marker-alt\"><\/i>\n              Contact Information\n            <\/h3>\n            <ul class=\"info-list\">\n              <li class=\"info-item\">\n                <div class=\"info-icon\">\n                  <i class=\"fas fa-map-marker-alt\"><\/i>\n                <\/div>\n                <div class=\"info-content\">\n                  <div class=\"info-label\">Visit Us<\/div>\n                  <div class=\"info-text\">Teinacher Str. 46\/A, 71634 Ludwigsburg, Germany<\/div>\n                <\/div>\n              <\/li>\n              <li class=\"info-item\">\n                <div class=\"info-icon\">\n                  <i class=\"fas fa-envelope\"><\/i>\n                <\/div>\n                <div class=\"info-content\">\n                  <div class=\"info-label\">Email Us<\/div>\n                  <div class=\"info-text\">info@darksn.de<\/div>\n                <\/div>\n              <\/li>\n              <li class=\"info-item\">\n                <div class=\"info-icon\">\n                  <i class=\"fas fa-phone-alt\"><\/i>\n                <\/div>\n                <div class=\"info-content\">\n                  <div class=\"info-label\">Call Us<\/div>\n                  <div class=\"info-text\">+49 7141 2587291<\/div>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n  \n          \n  \n          <div class=\"social-links\">\n            <a href=\"https:\/\/x.com\/darksn_internat\" class=\"social-link\" target=\"_blank\">\n              <i class=\"fab fa-x-twitter\"><\/i>\n            <\/a>\n            <a href=\"https:\/\/www.instagram.com\/darksn_international\/\" class=\"social-link\" target=\"_blank\">\n              <i class=\"fab fa-instagram\"><\/i>\n            <\/a>\n            <a href=\"https:\/\/www.youtube.com\/@DarksnGmbH\" class=\"social-link\" target=\"_blank\">\n              <i class=\"fab fa-youtube\"><\/i>\n            <\/a>\n          <\/div>\n        <\/div>\n  \n        <div class=\"contact-form\">\n          <div style=\"text-align: center; padding: 60px 40px;\">\n            <h3 style=\"font-size: 1.8em; color: #1a1a1a; margin-bottom: 20px;\">Ready to Get Started?<\/h3>\n            <p style=\"font-size: 1.1em; color: #666; margin-bottom: 40px; line-height: 1.6;\">\n              Visit our contact page to send us a message and let's discuss how we can help you achieve your goals.\n            <\/p>\n            <a href=\"https:\/\/darksn.de\/contact\/\" class=\"form-button\" style=\"display: inline-block; color: #fff; text-decoration: none; width: auto; padding: 18px 50px;\">\n              Go to Contact Page\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>why choose us ? Why Choose Us? Elevate Your Business with Next-Gen Solutions We combine cutting-edge technology with industry expertise to deliver innovative solutions that drive your business forward. AI Integration Harness the power of artificial intelligence to automate processes and gain valuable insights. Advanced Security Protect your digital assets with our state-of-the-art security protocols and monitoring. High Performance Experience lightning-fast performance with our optimized infrastructure solutions. Cloud Solutions Scale your business effortlessly with our enterprise-grade cloud infrastructure. 24\/7 Support Round-the-clock technical support to ensure your systems run smoothly. Fast Integration Seamless integration with your existing systems for quick deployment. 98 Client Satisfaction 100 Global Clients 12 Years Experience 24\/7 Support Available Our References Trusted by Leading Companies We&#8217;re proud to work with a diverse range of clients across various industries, delivering innovative IT solutions that drive success. \u2039 \u203a Our Expertise Expert Teams &#038; Specialized Solutions Our dedicated teams of specialists bring deep expertise and proven experience across key technology domains. Cloud &#038; Infrastructure Cloud Architecture Design Migration Services DevOps Implementation Infrastructure Optimization Security &#038; Compliance Security Assessment Threat Protection Compliance Management Identity &#038; Access Control Software Development Custom Applications API Integration Mobile Solutions Web Development 4+ Locations 60+ Certification 8+ Languages 90+ Projects Completed Get in Touch Let&#8217;s Connect Ready to transform your business? Contact us now and let&#8217;s discuss how we can help you achieve your goals. Contact Information Visit Us Teinacher Str. 46\/A, 71634 Ludwigsburg, Germany Email Us info@darksn.de Call Us +49 7141 2587291 Ready to Get Started? Visit our contact page to send us a message and let&#8217;s discuss how we can help you achieve your goals. Go to Contact Page<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"coauthors":[],"class_list":["post-2808","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/2808","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=2808"}],"version-history":[{"count":17,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/2808\/revisions"}],"predecessor-version":[{"id":34044,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/pages\/2808\/revisions\/34044"}],"wp:attachment":[{"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/media?parent=2808"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/darksn.de\/wp-json\/wp\/v2\/coauthors?post=2808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}