{"id":2808,"date":"2024-03-21T22:27:54","date_gmt":"2024-03-21T21:27:54","guid":{"rendered":"http:\/\/courpack.de\/?page_id=2808"},"modified":"2025-11-19T11:13:19","modified_gmt":"2025-11-19T11:13:19","slug":"why-choose-us","status":"publish","type":"page","link":"https:\/\/darksn.de\/de\/warum-uns-wahlen\/","title":{"rendered":"Warum Wir?"},"content":{"rendered":"<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\">Warum uns w\u00e4hlen?<\/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\">Warum Wir?<\/div>\r\n      <h2 class=\"section-title\">Verbessern Sie Ihr Gesch\u00e4ft mit L\u00f6sungen der n\u00e4chsten Generation<\/h2>\r\n      <p class=\"section-description\">\r\n        Wir kombinieren Spitzentechnologie mit Branchenkenntnissen, um innovative L\u00f6sungen anzubieten, die Ihr Unternehmen voranbringen.\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\">KI-Integration<\/h3>\r\n        <p class=\"feature-description\">\r\n          Nutzen Sie die M\u00f6glichkeiten der k\u00fcnstlichen Intelligenz, um Prozesse zu automatisieren und wertvolle Erkenntnisse zu gewinnen.\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\">Erweiterte Sicherheit<\/h3>\r\n        <p class=\"feature-description\">\r\n          Sch\u00fctzen Sie Ihre digitalen Werte mit unseren hochmodernen Sicherheitsprotokollen und \u00dcberwachungsfunktionen.\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\">Hohe Leistung<\/h3>\r\n        <p class=\"feature-description\">\r\n          Erleben Sie blitzschnelle Leistung mit unseren optimierten Infrastrukturl\u00f6sungen.\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-L\u00f6sungen<\/h3>\r\n        <p class=\"feature-description\">\r\n          Skalieren Sie Ihr Unternehmen m\u00fchelos mit unserer unternehmenstauglichen Cloud-Infrastruktur.\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 Unterst\u00fctzung<\/h3>\r\n        <p class=\"feature-description\">\r\n          Technischer Support rund um die Uhr f\u00fcr einen reibungslosen Betrieb Ihrer Systeme.\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\">Schnelle Integration<\/h3>\r\n        <p class=\"feature-description\">\r\n          Nahtlose Integration in Ihre bestehenden Systeme f\u00fcr eine schnelle Bereitstellung.\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\">Kundenzufriedenheit<\/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\">Globale Kunden<\/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\">Jahre Erfahrung<\/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\">Unterst\u00fctzung verf\u00fcgbar<\/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\">Unsere Referenzen<\/div>\n        <h2 class=\"references-title\">F\u00fchrende Unternehmen vertrauen auf uns<\/h2>\n        <p class=\"references-description\">\n          Wir sind stolz darauf, mit einer Vielzahl von Kunden aus unterschiedlichen Branchen zusammenzuarbeiten und innovative IT-L\u00f6sungen zu liefern, die den Erfolg f\u00f6rdern.\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\">Unser Fachwissen<\/div>\r\n      <h2 class=\"team-title\">Expertenteams &amp; spezialisierte L\u00f6sungen<\/h2>\r\n      <p class=\"team-description\">\r\n        Unsere engagierten Spezialistenteams verf\u00fcgen \u00fcber fundiertes Fachwissen und bew\u00e4hrte Erfahrung in wichtigen Technologiebereichen.\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\">Wolke &amp; Infrastruktur<\/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>Entwurf einer Cloud-Architektur<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Migrationsdienste<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>DevOps-Implementierung<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Optimierung der Infrastruktur<\/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\">Sicherheit &amp; 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>Bewertung der Sicherheit<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Schutz vor Bedrohungen<\/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>Identit\u00e4ts- und Zugangskontrolle<\/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-Entwicklung<\/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>Kundenspezifische Anwendungen<\/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 L\u00f6sungen<\/span>\r\n          <\/li>\r\n          <li class=\"expertise-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span>Webentwicklung<\/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\">Standorte<\/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\">Abgeschlossene Projekte<\/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\">Kontakt aufnehmen<\/div>\n        <h2 class=\"contact-title\">Verbinden wir uns<\/h2>\n        <p class=\"contact-description\">\n          Sind Sie bereit, Ihr Unternehmen zu ver\u00e4ndern? Nehmen Sie jetzt Kontakt mit uns auf und lassen Sie uns besprechen, wie wir Ihnen helfen k\u00f6nnen, Ihre Ziele zu erreichen.\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              Kontaktinformationen\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\">Besuchen Sie uns<\/div>\n                  <div class=\"info-text\">Teinacher Str. 46\/A, 71634 Ludwigsburg, Deutschland<\/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\">E-Mail<\/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\">Rufen Sie uns an<\/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;\">Bereit loszulegen?<\/h3>\n            <p style=\"font-size: 1.1em; color: #666; margin-bottom: 40px; line-height: 1.6;\">\n              Besuchen Sie unsere Kontaktseite, um uns eine Nachricht zu senden, und lassen Sie uns besprechen, wie wir Ihnen helfen k\u00f6nnen, Ihre Ziele zu erreichen.\n            <\/p>\n            <a href=\"https:\/\/darksn.de\/de\/kontakt\/\" class=\"form-button\" style=\"display: inline-block; color: #fff; text-decoration: none; width: auto; padding: 18px 50px;\">\n              Zur Kontaktseite\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>","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>","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\/de\/wp-json\/wp\/v2\/pages\/2808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/comments?post=2808"}],"version-history":[{"count":16,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/2808\/revisions"}],"predecessor-version":[{"id":32618,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/pages\/2808\/revisions\/32618"}],"wp:attachment":[{"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/media?parent=2808"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/darksn.de\/de\/wp-json\/wp\/v2\/coauthors?post=2808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}