{"id":8052,"date":"2024-09-19T14:49:38","date_gmt":"2024-09-19T12:49:38","guid":{"rendered":"https:\/\/www.infinigate.com\/ch\/?page_id=8052"},"modified":"2026-10-18T17:38:18","modified_gmt":"2026-10-18T15:38:18","slug":"technischer-presales","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/ch\/technischer-presales\/","title":{"rendered":"Technischer Presales"},"content":{"rendered":"\n<div class=\"wp-block-group ig-presales-page-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ig-presales-hero\" id=\"presales-top\" aria-labelledby=\"ig-presales-hero-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       TECHNISCHER PRE-SALES\n       SECTION 01 \u00b7 HERO\n       PAGE ID 8052\n       ========================================================= *\/\n\n    body.page-id-8052 .ig-presales-page-wrap {\n      position: relative !important;\n\n      width: 100vw !important;\n      max-width: 100vw !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n\n      padding: 0 !important;\n\n      gap: 0 !important;\n      row-gap: 0 !important;\n\n      overflow: visible !important;\n    }\n\n    body.page-id-8052\n    .ig-presales-page-wrap > .wp-block-html {\n      width: 100% !important;\n      max-width: none !important;\n\n      margin: 0 !important;\n      margin-block-start: 0 !important;\n      margin-block-end: 0 !important;\n\n      padding: 0 !important;\n    }\n\n    .ig-presales-hero,\n    .ig-presales-hero * {\n      box-sizing: border-box;\n    }\n\n    .ig-presales-hero {\n      --ig-blue: #153447;\n      --ig-dark: #061824;\n      --ig-coral: #ed5740;\n      --ig-cyan: #58b9e8;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      min-height: 760px;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-top: -315px !important;\n\n      overflow: hidden;\n\n      background:\n        linear-gradient(\n          90deg,\n          rgba(3,17,26,.97) 0%,\n          rgba(5,27,40,.94) 31%,\n          rgba(7,37,52,.74) 50%,\n          rgba(7,37,52,.24) 72%,\n          rgba(7,37,52,.08) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IG_Sales_Navigator_PreSales_Hero_1.jpg\")\n        center center \/ cover no-repeat;\n\n      font-family: \"Outfit\", serif;\n\n      color: #fff;\n    }\n\n    \/* =========================================================\n       SUBTLE GRID\n       ========================================================= *\/\n\n    .ig-presales-hero::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      opacity: .19;\n\n      background-image:\n        linear-gradient(\n          rgba(255,255,255,.035) 1px,\n          transparent 1px\n        ),\n        linear-gradient(\n          90deg,\n          rgba(255,255,255,.035) 1px,\n          transparent 1px\n        );\n\n      background-size:\n        64px 64px;\n\n      mask-image:\n        linear-gradient(\n          90deg,\n          #000 0%,\n          #000 38%,\n          transparent 70%\n        );\n\n      pointer-events: none;\n    }\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-presales-hero-inner {\n      position: relative;\n      z-index: 2;\n\n      display: flex;\n      align-items: flex-end;\n\n      width:\n        min(1380px, calc(100% - 64px));\n\n      min-height: 760px;\n\n      margin: 0 auto;\n\n      padding:\n        165px\n        0\n        92px;\n    }\n\n    \/* =========================================================\n       COPY\n       ========================================================= *\/\n\n    .ig-presales-hero-content {\n      width: min(760px,100%);\n    }\n\n    .ig-presales-hero-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 20px;\n\n      color: var(--ig-cyan);\n\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-hero-kicker::before {\n      content: \"\";\n\n      width: 46px;\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n    .ig-presales-hero h1 {\n      max-width: 760px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(52px,6vw,82px);\n\n      line-height: .98;\n      font-weight: 300;\n\n      letter-spacing: -.045em;\n    }\n\n    .ig-presales-hero h1 strong {\n      display: block;\n\n      margin-top: 7px;\n\n      color: var(--ig-coral);\n\n      font-weight: 500;\n    }\n\n    .ig-presales-hero-lead {\n      max-width: 690px;\n\n      margin:\n        27px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.76);\n\n      font-size: 21px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-hero-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       CTA\n       ========================================================= *\/\n\n    .ig-presales-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n\n      gap: 12px;\n\n      margin-top: 31px;\n    }\n\n    .ig-presales-hero-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      gap: 9px;\n\n      min-height: 48px;\n\n      padding:\n        .8em\n        1.5em;\n\n      border:\n        1px solid var(--ig-coral);\n\n      border-radius: 6px;\n\n      background: #fff;\n\n      color: var(--ig-coral) !important;\n\n      font-size: 18px;\n      line-height: 28px;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      transition:\n        background-color .25s ease,\n        color .25s ease,\n        transform .25s ease;\n    }\n\n    .ig-presales-hero-btn:hover,\n    .ig-presales-hero-btn:focus-visible {\n      transform: translateY(-2px);\n\n      background: var(--ig-coral);\n\n      color: #fff !important;\n    }\n\n    .ig-presales-hero-btn:focus-visible {\n      outline:\n        3px solid rgba(237,87,64,.30);\n\n      outline-offset: 4px;\n    }\n\n    \/* =========================================================\n       BENEFITS\n       ========================================================= *\/\n\n    .ig-presales-hero-benefits {\n      display: grid;\n\n      grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n      gap: 0;\n\n      max-width: 780px;\n\n      margin-top: 43px;\n\n      border-top:\n        1px solid rgba(255,255,255,.11);\n\n      border-bottom:\n        1px solid rgba(255,255,255,.11);\n    }\n\n    .ig-presales-hero-benefit {\n      padding:\n        18px\n        23px\n        18px\n        0;\n    }\n\n    .ig-presales-hero-benefit +\n    .ig-presales-hero-benefit {\n      padding-left: 23px;\n\n      border-left:\n        1px solid rgba(255,255,255,.10);\n    }\n\n    .ig-presales-hero-benefit span {\n      display: block;\n\n      margin-bottom: 4px;\n\n      color: var(--ig-cyan);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .10em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-hero-benefit strong {\n      display: block;\n\n      color: #fff;\n\n      font-size: 17px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       CHAPTER\n       ========================================================= *\/\n\n    .ig-presales-hero-chapter {\n      position: absolute;\n\n      right: 0;\n      bottom: 34px;\n\n      color:\n        rgba(255,255,255,.33);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .ig-presales-hero {\n        min-height: 720px;\n\n        background-position: 62% center;\n      }\n\n      .ig-presales-hero-inner {\n        width:\n          min(100% - 44px,900px);\n\n        min-height: 720px;\n\n        padding:\n          150px\n          0\n          80px;\n      }\n\n      .ig-presales-hero-content {\n        max-width: 680px;\n      }\n\n    }\n\n    @media (max-width: 680px) {\n\n      .ig-presales-hero {\n        min-height: 720px;\n\n        margin-top: -280px !important;\n\n        background:\n          linear-gradient(\n            90deg,\n            rgba(3,17,26,.97) 0%,\n            rgba(5,27,40,.93) 55%,\n            rgba(7,37,52,.58) 100%\n          ),\n          url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IG_Sales_Navigator_PreSales_Hero_1.jpg\")\n          62% center \/ cover no-repeat;\n      }\n\n      .ig-presales-hero-inner {\n        width: calc(100% - 36px);\n\n        min-height: 720px;\n\n        padding:\n          140px\n          0\n          70px;\n      }\n\n      .ig-presales-hero h1 {\n        font-size:\n          clamp(44px,13vw,60px);\n      }\n\n      .ig-presales-hero-lead {\n        font-size: 19px;\n      }\n\n      .ig-presales-hero-benefits {\n        grid-template-columns: 1fr;\n\n        margin-top: 34px;\n      }\n\n      .ig-presales-hero-benefit,\n      .ig-presales-hero-benefit +\n      .ig-presales-hero-benefit {\n        padding:\n          14px\n          0;\n\n        border-left: 0;\n      }\n\n      .ig-presales-hero-benefit +\n      .ig-presales-hero-benefit {\n        border-top:\n          1px solid rgba(255,255,255,.08);\n      }\n\n      .ig-presales-hero-chapter {\n        display: none;\n      }\n\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-presales-hero-btn {\n        transition: none;\n      }\n\n      .ig-presales-hero-btn:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n  <div class=\"ig-presales-hero-inner\">\n\n    <div class=\"ig-presales-hero-content\">\n\n      <div class=\"ig-presales-hero-kicker\">\n        Infinigate TechServices \u00b7 Pre-Sales\n      <\/div>\n\n      <h1 id=\"ig-presales-hero-title\">\n        Von der Kundenanforderung\n        <strong>zur richtigen L\u00f6sung.<\/strong>\n      <\/h1>\n\n      <p class=\"ig-presales-hero-lead\">\n        Wir unterst\u00fctzen dich bei\n        <strong>Analyse, Architektur, Produktauswahl und PoC<\/strong> \u2013\n        damit aus einer technischen Anforderung\n        ein \u00fcberzeugendes Kundenprojekt wird.\n      <\/p>\n\n      <div class=\"ig-presales-hero-actions\">\n\n        <a class=\"ig-presales-hero-btn\" href=\"#presales-services\">\n          Pre-Sales entdecken \u2192\n        <\/a>\n\n      <\/div>\n\n      <div class=\"ig-presales-hero-benefits\" aria-label=\"Pre-Sales Vorteile\">\n\n        <div class=\"ig-presales-hero-benefit\">\n\n          <span>\n            Analyse\n          <\/span>\n\n          <strong>\n            Anforderungen verstehen\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"ig-presales-hero-benefit\">\n\n          <span>\n            Design\n          <\/span>\n\n          <strong>\n            L\u00f6sungen richtig planen\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"ig-presales-hero-benefit\">\n\n          <span>\n            Validation\n          <\/span>\n\n          <strong>\n            Entscheidungen absichern\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ig-presales-hero-chapter\">\n      Technischer Pre-Sales\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"ig-presales-contact\" id=\"kontakt\" aria-labelledby=\"ig-presales-contact-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       TECHNISCHER PRE-SALES\n       SECTION 06 \u00b7 CONTACT\n       PAGE ID 8052\n       ========================================================= *\/\n\n    .ig-presales-contact,\n    .ig-presales-contact * {\n      box-sizing: border-box;\n    }\n\n    .ig-presales-contact {\n      --ig-blue: #153447;\n      --ig-dark: #071d2a;\n      --ig-coral: #ed5740;\n      --ig-cyan: #58b9e8;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n\n      overflow: hidden;\n\n      padding:\n        108px\n        24px\n        52px;\n\n      background:\n        radial-gradient(\n          circle at 80% 22%,\n          rgba(88,185,232,.14),\n          transparent 27%\n        ),\n        radial-gradient(\n          circle at 18% 84%,\n          rgba(237,87,64,.07),\n          transparent 22%\n        ),\n        linear-gradient(\n          145deg,\n          #04131d 0%,\n          #071d2a 44%,\n          #153447 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: #fff;\n    }\n\n    .ig-presales-contact::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      opacity: .3;\n\n      background-image:\n        linear-gradient(\n          rgba(255,255,255,.025) 1px,\n          transparent 1px\n        ),\n        linear-gradient(\n          90deg,\n          rgba(255,255,255,.025) 1px,\n          transparent 1px\n        );\n\n      background-size:\n        64px 64px;\n\n      pointer-events: none;\n    }\n\n    .ig-presales-contact-inner {\n      position: relative;\n      z-index: 2;\n\n      width:\n        min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n    }\n\n    .ig-presales-contact-main {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,1.12fr)\n        minmax(340px,.88fr);\n\n      gap: 90px;\n      align-items: center;\n\n      padding-bottom: 76px;\n    }\n\n    .ig-presales-contact-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 19px;\n\n      color: var(--ig-cyan);\n\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-contact-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n    .ig-presales-contact h2 {\n      max-width: 820px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(45px,5vw,68px);\n\n      line-height: 1.03;\n      font-weight: 300;\n\n      letter-spacing: -.042em;\n    }\n\n    .ig-presales-contact h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: var(--ig-coral);\n\n      font-weight: 500;\n    }\n\n    .ig-presales-contact-lead {\n      max-width: 730px;\n\n      margin:\n        25px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.68);\n\n      font-size: 21px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-contact-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    .ig-presales-contact-panel {\n      position: relative;\n\n      padding:\n        37px\n        35px;\n\n      overflow: hidden;\n\n      border:\n        1px solid rgba(255,255,255,.10);\n\n      border-radius: 20px;\n\n      background:\n        rgba(255,255,255,.055);\n\n      box-shadow:\n        0 22px 50px rgba(0,0,0,.12);\n\n      backdrop-filter:\n        blur(8px);\n    }\n\n    .ig-presales-contact-panel::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: 34px;\n\n      width: 58px;\n      height: 4px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n    .ig-presales-contact-panel-label {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: var(--ig-coral);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-contact-panel h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(28px,2.5vw,36px);\n\n      line-height: 1.18;\n      font-weight: 400;\n\n      letter-spacing: -.025em;\n    }\n\n    .ig-presales-contact-panel p {\n      margin:\n        10px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.61);\n\n      font-size: 18px;\n      line-height: 1.48;\n      font-weight: 300;\n    }\n\n    .ig-presales-contact-links {\n      display: grid;\n\n      gap: 10px;\n\n      margin-top: 28px;\n    }\n\n    .ig-presales-contact-link {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 20px;\n\n      padding:\n        16px\n        0;\n\n      border-bottom:\n        1px solid rgba(255,255,255,.09);\n\n      color: #fff !important;\n\n      text-decoration: none !important;\n\n      transition:\n        padding .28s ease,\n        color .28s ease;\n    }\n\n    .ig-presales-contact-link:first-child {\n      border-top:\n        1px solid rgba(255,255,255,.09);\n    }\n\n    .ig-presales-contact-link:hover,\n    .ig-presales-contact-link:focus-visible {\n      padding-left: 8px;\n\n      color: var(--ig-cyan) !important;\n    }\n\n    .ig-presales-contact-link-main {\n      display: block;\n\n      font-size: 18px;\n      line-height: 1.4;\n      font-weight: 500;\n    }\n\n    .ig-presales-contact-link-type {\n      display: block;\n\n      margin-top: 2px;\n\n      color:\n        rgba(255,255,255,.44);\n\n      font-size: 11px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      letter-spacing: .10em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-contact-arrow {\n      color: var(--ig-coral);\n\n      font-size: 21px;\n      line-height: 1;\n    }\n\n    .ig-presales-contact-foot {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 30px;\n\n      padding-top: 27px;\n\n      border-top:\n        1px solid rgba(255,255,255,.08);\n\n      color:\n        rgba(255,255,255,.43);\n\n      font-size: 13px;\n      line-height: 1.4;\n      font-weight: 400;\n    }\n\n    .ig-presales-contact-back {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 9px;\n\n      color:\n        rgba(255,255,255,.72) !important;\n\n      font-size: 14px;\n      line-height: 1.4;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      transition:\n        color .25s ease,\n        transform .25s ease;\n    }\n\n    .ig-presales-contact-back:hover,\n    .ig-presales-contact-back:focus-visible {\n      transform: translateX(-3px);\n\n      color: var(--ig-coral) !important;\n    }\n\n    @media (max-width: 980px) {\n\n      .ig-presales-contact {\n        padding:\n          92px\n          22px\n          46px;\n      }\n\n      .ig-presales-contact-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-presales-contact-main {\n        grid-template-columns: 1fr;\n\n        gap: 48px;\n\n        padding-bottom: 62px;\n      }\n\n    }\n\n    @media (max-width: 680px) {\n\n      .ig-presales-contact {\n        padding:\n          74px\n          18px\n          40px;\n      }\n\n      .ig-presales-contact-inner {\n        width: 100%;\n      }\n\n      .ig-presales-contact-lead {\n        font-size: 19px;\n      }\n\n      .ig-presales-contact-panel {\n        padding:\n          31px\n          25px;\n      }\n\n      .ig-presales-contact-foot {\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 15px;\n      }\n\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-presales-contact-link,\n      .ig-presales-contact-back {\n        transition: none;\n      }\n\n      .ig-presales-contact-back:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n  <div class=\"ig-presales-contact-inner\">\n\n    <div class=\"ig-presales-contact-main\">\n\n      <div>\n\n        <div class=\"ig-presales-contact-kicker\">\n          N\u00e4chster Schritt\n        <\/div>\n\n        <h2 id=\"ig-presales-contact-title\">\n          Du hast ein Kundenprojekt?\n          <strong>Hol uns fr\u00fch dazu.<\/strong>\n        <\/h2>\n\n        <p class=\"ig-presales-contact-lead\">\n          Ob Anforderungsanalyse, Architektur,\n          Produktauswahl oder PoC:\n          <strong>Unser Pre-Sales-Team unterst\u00fctzt dich,\n          bevor technische Risiken zum Problem werden.<\/strong>\n        <\/p>\n\n      <\/div>\n\n      <aside class=\"ig-presales-contact-panel\" aria-label=\"Kontakt Pre-Sales TechServices\">\n\n        <span class=\"ig-presales-contact-panel-label\">\n          TechServices Schweiz\n        <\/span>\n\n        <h3>\n          Direkt zu unserem Team.\n        <\/h3>\n\n        <p>\n          Kurzer Weg, direkte technische Unterst\u00fctzung.\n        <\/p>\n\n        <div class=\"ig-presales-contact-links\">\n\n          <a class=\"ig-presales-contact-link\" href=\"#kontakt-formular\">\n\n            <span>\n\n              <span class=\"ig-presales-contact-link-main\"> Kontaktformular \u00f6ffnen <\/span>\n\n              <span class=\"ig-presales-contact-link-type\"> Anfrage senden <\/span>\n\n            <\/span>\n\n            <span class=\"ig-presales-contact-arrow\" aria-hidden=\"true\">\n              \u2192\n            <\/span>\n\n          <\/a><a class=\"ig-presales-contact-link\" href=\"mailto:support@infinigate.ch\">\n\n            <span>\n\n              <span class=\"ig-presales-contact-link-main\">\n                support@infinigate.ch\n              <\/span>\n\n              <span class=\"ig-presales-contact-link-type\">\n                E-Mail\n              <\/span>\n\n            <\/span>\n\n            <span class=\"ig-presales-contact-arrow\" aria-hidden=\"true\">\n              \u2192\n            <\/span>\n\n          <\/a>\n\n          <a class=\"ig-presales-contact-link\" href=\"tel:+41417990101\">\n\n            <span>\n\n              <span class=\"ig-presales-contact-link-main\">\n                +41 41 799 01 01\n              <\/span>\n\n              <span class=\"ig-presales-contact-link-type\">\n                Telefon\n              <\/span>\n\n            <\/span>\n\n            <span class=\"ig-presales-contact-arrow\" aria-hidden=\"true\">\n              \u2192\n            <\/span>\n\n          <\/a>\n\n        <\/div>\n\n      <\/aside>\n\n    <\/div>\n\n    \n\n  <\/div>\n\n<\/section>\n\n\n\n<div class=\"ig-ts-form\" id=\"kontakt-formular\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Kontaktformular TechServices\"><style>.ig-ts-form{display:none;position:fixed;inset:0;z-index:2147483000;padding:6vh 16px;overflow-y:auto;background:rgba(6,24,36,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:\"Outfit\",sans-serif}\n.ig-ts-form:target{display:block}\nbody:has(.ig-ts-form:target){overflow:hidden}\n.ig-ts-bg{position:fixed;inset:0;cursor:default}\n.ig-ts-panel{position:relative;width:min(760px,100%);margin:0 auto;background:#fff;border-radius:24px;padding:clamp(28px,4vw,48px);box-shadow:0 30px 80px rgba(0,0,0,.35);animation:igtsin .35s cubic-bezier(.22,1,.36,1)}\n@keyframes igtsin{from{opacity:0;transform:translateY(16px)}}\n.ig-ts-x{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;background:#EEF2F6;color:#153447!important;display:grid;place-items:center;font-size:24px;line-height:1;text-decoration:none!important;z-index:2}\n.ig-ts-x:hover{background:#ED5740;color:#fff!important}\n.ig-ts-kick{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ED5740;margin-bottom:6px}\n.ig-ts-kick::before{content:\"\";width:30px;height:2px;background:linear-gradient(90deg,#ED5740,#009FC7)}\n.ig-ts-form .gform_title{font-size:clamp(26px,2.6vw,34px);font-weight:500;color:#153447;letter-spacing:-.02em;margin:0 0 18px;padding-right:48px}\n@media (prefers-reduced-motion:reduce){.ig-ts-panel{animation:none}}<\/style><a class=\"ig-ts-bg\" href=\"#_\" aria-hidden=\"true\" tabindex=\"-1\"><\/a><div class=\"ig-ts-panel\"><a class=\"ig-ts-x\" href=\"#_\" aria-label=\"Formular schliessen\">\u00d7<\/a><div class=\"ig-ts-kick\">TechServices<\/div>\n\n\n<script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_339' ><div id='gf_339' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">Kontaktiere unser TechServices<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>\u201e<span class=\"gfield_required gfield_required_asterisk\">*<\/span>\u201c zeigt erforderliche Felder an<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_339' id='gform_339'  action='\/ch\/wp-json\/wp\/v2\/pages\/8052#gf_339' data-formid='339' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_339' class='gform_fields top_label form_sublabel_above description_above validation_below' data-column-layout='fill'><div id=\"field_339_32\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"><label id='gfield_label_339_32' class='gfield_label gform-field-label' for='input_339_32'><span class='gform-field-label__text'>LinkedIn<\/span><\/label><div class='gfield_description' id='gfield_description_339_32'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_32' id='input_339_32' type='text' value='' autocomplete='new-password'\/><\/div><\/div><div id=\"field_339_13\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"7e65b8af\" data-field-span=\"12\"><label id='gfield_label_339_13' class='gfield_label gform-field-label' for='input_339_13'><span class='gform-field-label__text'>Firma<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_13' id='input_339_13' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><fieldset id=\"field_339_9\" class=\"gfield gfield--type-name gfield--input-type-name gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"8bc828fd\" data-field-span=\"12\"><legend id='gfield_label_339_9' class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Name<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_339_9'>\n                            \n                            <span id='input_339_9_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <label for='input_339_9_3' id='input_339_9_3_label' class='gform-field-label gform-field-label--type-sub '>Vorname<\/label>\n                                                    <input type='text' name='input_9.3' id='input_339_9_3' value=''   aria-required='true'     aria-labelledby=\"input_339_9_3_label gfield_label_339_9\"\/>\n                                                <\/span>\n                            \n                            <span id='input_339_9_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                            <label for='input_339_9_6' id='input_339_9_6_label' class='gform-field-label gform-field-label--type-sub '>Nachname<\/label>\n                                                            <input type='text' name='input_9.6' id='input_339_9_6' value=''   aria-required='true'     \/>\n                                                        <\/span>\n                            \n                        <\/div><\/fieldset><div id=\"field_339_16\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--phone-format-international gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"27aa78ed\" data-field-span=\"6\"><label id='gfield_label_339_16' class='gfield_label gform-field-label' for='input_339_16'><span class='gform-field-label__text'>Telefon<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_phone'><input name='input_16' id='input_339_16' type='tel' value='' class='large'   aria-required=\"true\" aria-invalid=\"false\"    \/><\/div><\/div><div id=\"field_339_3\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"27aa78ed\" data-field-span=\"6\"><label id='gfield_label_339_3' class='gfield_label gform-field-label' for='input_339_3'><span class='gform-field-label__text'>Email<\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_3' id='input_339_3' type='email' value='' class='large'     aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_339_31\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"192d2dd9\" data-field-span=\"12\"><label id='gfield_label_339_31' class='gfield_label gform-field-label' for='input_339_31'><span class='gform-field-label__text'>Deine Nachricht an uns<\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_31' id='input_339_31' class='textarea small'      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_339' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Absenden<\/button> <input type='hidden' name='gform_ajax' value='form_id=339&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=38fbbecfd902686e3b793a48745740d4' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_339' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_339' id='gform_theme_339' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_339' id='gform_style_settings_339' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_339' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='339' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='0d42gweNS\/OMzNSJp+grN8HKW9KYCUPe2RViGgSadSvpyw0kSemKUseSVEbkrd+J6NX5s6Mzp0KckLzImjzJZJ3h+rPVWQpk4+\/iHFBwoUA0UMY=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_339' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcImVmMzhmNWNkNTI2Y2U5YjkzOWQ4ZmYxMzZhY2QwZGE2XCIsXCI1OTE1YTBiNDZlOTAzNTRjYjA4NDk5YWUxNWM5MzkwMFwiLFwiYjc5NzYyNGJjNTU1YTE3MDk4MTg2ZGNhY2UxMmRlZTJcIl0sXCJnZm9ybV90aGVtZVwiOlwiZDFiZmRjM2JkYjVjMWIxZDg3MmVmMjMwNDBlYjA3MjdcIixcImdmb3JtX3N0eWxlX3NldHRpbmdzXCI6XCI4ZGViODcxNjBiYTQ1NTM2NTkxNTkxOGM1OGQxNGI4ZVwiLFwiZm9ybV9pZFwiOlwiYmU3ODkwMGJkN2ViYzUyOGU1ZmU0MTg5OTBmYjlmODRcIixcInVybFwiOlwiZjg5NDU1NjQ2NjRjYzY4MWM0NmFmZWI4NmE0NGU4MGZcIixcInN0YXRlX3RpbWVzdGFtcFwiOlwiNTczNzI1ODE0OTVlMGY1ODFlYTg2ZGM2OWI5YjQ3MDZcIn0iLCJjNGY2MzhhNzdkNzlkZGY1NzM2Y2JlNGVjMDJhMjEwNSIsMTc5MzQ0MzA0NV0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_339' id='gform_target_page_number_339' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_339' id='gform_source_page_number_339' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_339' id='gform_ajax_frame_339' title='Dieser iframe enth\u00e4lt die erforderliche Logik um Gravity Forms Formulare mit AJAX zu handhaben.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {jQuery('#gform_ajax_frame_339').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_339');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_339').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_339').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_339').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_339').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_339').offset().top - mt); }, 50 );var current_page = jQuery('#gform_source_page_number_339').val();jQuery(document).trigger('gform_page_loaded', [339, current_page]);window['gf_submitting_339'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_339').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_339').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [339]);if(window.gform && gform.pagination && gform.pagination.removePageQueryArg){gform.pagination.removePageQueryArg(339);}window['gf_submitting_339'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_339').text());}else{jQuery('#gform_339').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"339\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_339\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_339\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_339\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 339, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n\n\n\n<\/div><\/div>\n\n\n\n<section\n  class=\"ig-presales-services\"\n  id=\"presales-services\"\n  aria-labelledby=\"ig-presales-services-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       TECHNISCHER PRE-SALES\n       SECTION 02 \u00b7 SERVICES\n       PAGE ID 8052\n       ========================================================= *\/\n\n    .ig-presales-services,\n    .ig-presales-services * {\n      box-sizing: border-box;\n    }\n\n    .ig-presales-services {\n      --ig-blue: #153447;\n      --ig-coral: #ed5740;\n      --ig-cyan: #58b9e8;\n      --ig-text: #607078;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n\n      overflow: hidden;\n\n      padding:\n        112px\n        24px\n        118px;\n\n      background:\n        radial-gradient(\n          circle at 88% 16%,\n          rgba(88,185,232,.07),\n          transparent 26%\n        ),\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f5f8f9 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: var(--ig-blue);\n    }\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-presales-services-inner {\n      position: relative;\n      z-index: 2;\n\n      width:\n        min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n    }\n\n    \/* =========================================================\n       HEADER\n       ========================================================= *\/\n\n    .ig-presales-services-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.86fr)\n        minmax(0,1.14fr);\n\n      gap: 88px;\n      align-items: end;\n\n      margin-bottom: 64px;\n    }\n\n    .ig-presales-services-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: var(--ig-coral);\n\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-services-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n    .ig-presales-services h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size:\n        clamp(44px,4.7vw,64px);\n\n      line-height: 1.04;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n    }\n\n    .ig-presales-services h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: #1d1e1f;\n\n      font-weight: 500;\n    }\n\n    .ig-presales-services-lead {\n      max-width: 700px;\n\n      margin: 0;\n\n      color: var(--ig-text);\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-services-lead strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       SERVICE LIST\n       ========================================================= *\/\n\n    .ig-presales-services-list {\n      border-top:\n        1px solid rgba(21,52,71,.11);\n    }\n\n    .ig-presales-services-item {\n      display: grid;\n\n      grid-template-columns:\n        88px\n        minmax(230px,.72fr)\n        minmax(0,1.28fr);\n\n      gap: 30px;\n      align-items: start;\n\n      padding:\n        30px\n        7px;\n\n      border-bottom:\n        1px solid rgba(21,52,71,.11);\n\n      transition:\n        padding .28s ease,\n        background-color .28s ease;\n    }\n\n    .ig-presales-services-item:hover {\n      padding-left: 18px;\n      padding-right: 18px;\n\n      background:\n        rgba(21,52,71,.03);\n    }\n\n    .ig-presales-services-number {\n      color:\n        rgba(21,52,71,.11);\n\n      font-size: 44px;\n      line-height: 1;\n      font-weight: 500;\n\n      letter-spacing: -.05em;\n    }\n\n    .ig-presales-services-title span {\n      display: block;\n\n      margin-bottom: 7px;\n\n      color: var(--ig-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .11em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-services-item:nth-child(even)\n    .ig-presales-services-title span {\n      color: #318caf;\n    }\n\n    .ig-presales-services-title h3 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: 27px;\n      line-height: 1.22;\n      font-weight: 500;\n\n      letter-spacing: -.025em;\n    }\n\n    .ig-presales-services-copy p {\n      margin: 0;\n\n      color: #66777f;\n\n      font-size: 19px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-services-copy strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       BOTTOM\n       ========================================================= *\/\n\n    .ig-presales-services-bottom {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.8fr)\n        minmax(0,1.2fr);\n\n      gap: 64px;\n      align-items: center;\n\n      margin-top: 52px;\n\n      padding:\n        39px\n        40px;\n\n      border-radius: 20px;\n\n      background:\n        linear-gradient(\n          105deg,\n          #071d2a,\n          #153447\n        );\n\n      color: #fff;\n    }\n\n    .ig-presales-services-bottom-label {\n      display: block;\n\n      margin-bottom: 7px;\n\n      color: var(--ig-coral);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-services-bottom h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(29px,2.8vw,40px);\n\n      line-height: 1.15;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n    .ig-presales-services-bottom p {\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.67);\n\n      font-size: 20px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-services-bottom strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .ig-presales-services {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-presales-services-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-presales-services-head,\n      .ig-presales-services-bottom {\n        grid-template-columns: 1fr;\n\n        gap: 27px;\n      }\n\n      .ig-presales-services-item {\n        grid-template-columns:\n          68px\n          minmax(0,1fr);\n\n        gap: 20px;\n      }\n\n      .ig-presales-services-copy {\n        grid-column:\n          2 \/ 3;\n      }\n\n    }\n\n    @media (max-width: 680px) {\n\n      .ig-presales-services {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-presales-services-inner {\n        width: 100%;\n      }\n\n      .ig-presales-services-lead {\n        font-size: 20px;\n      }\n\n      .ig-presales-services-item {\n        grid-template-columns:\n          48px\n          minmax(0,1fr);\n\n        gap: 14px;\n\n        padding:\n          25px\n          4px;\n      }\n\n      .ig-presales-services-item:hover {\n        padding-left: 4px;\n        padding-right: 4px;\n      }\n\n      .ig-presales-services-number {\n        font-size: 31px;\n      }\n\n      .ig-presales-services-title h3 {\n        font-size: 24px;\n      }\n\n      .ig-presales-services-copy p {\n        font-size: 18px;\n      }\n\n      .ig-presales-services-bottom {\n        padding:\n          30px\n          25px;\n      }\n\n      .ig-presales-services-bottom p {\n        font-size: 19px;\n      }\n\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-presales-services-item {\n        transition: none;\n      }\n\n    }\n\n  <\/style>\n\n  <div class=\"ig-presales-services-inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"ig-presales-services-head\">\n\n      <div>\n\n        <div class=\"ig-presales-services-kicker\">\n          Pre-Sales Unterst\u00fctzung\n        <\/div>\n\n        <h2 id=\"ig-presales-services-title\">\n          Was wir f\u00fcr dich\n          <strong>\u00fcbernehmen.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"ig-presales-services-lead\">\n        Vom ersten Kundenbedarf bis zur technischen Entscheidung:\n        <strong>Wir erg\u00e4nzen dein Team dort,\n        wo zus\u00e4tzliche Expertise gebraucht wird.<\/strong>\n      <\/p>\n\n    <\/header>\n\n    <!-- =====================================================\n         SERVICES\n         ===================================================== -->\n\n    <div class=\"ig-presales-services-list\">\n\n      <!-- 01 -->\n\n      <article class=\"ig-presales-services-item\">\n\n        <span class=\"ig-presales-services-number\">\n          01\n        <\/span>\n\n        <div class=\"ig-presales-services-title\">\n\n          <span>\n            Analyse\n          <\/span>\n\n          <h3>\n            Anforderungen verstehen\n          <\/h3>\n\n        <\/div>\n\n        <div class=\"ig-presales-services-copy\">\n\n          <p>\n            Wir analysieren die technischen Anforderungen,\n            bestehende Infrastruktur und Rahmenbedingungen \u2013\n            damit von Anfang an klar ist,\n            <strong>was die L\u00f6sung wirklich leisten muss.<\/strong>\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 02 -->\n\n      <article class=\"ig-presales-services-item\">\n\n        <span class=\"ig-presales-services-number\">\n          02\n        <\/span>\n\n        <div class=\"ig-presales-services-title\">\n\n          <span>\n            Architecture\n          <\/span>\n\n          <h3>\n            L\u00f6sung entwerfen\n          <\/h3>\n\n        <\/div>\n\n        <div class=\"ig-presales-services-copy\">\n\n          <p>\n            Gemeinsam entwickeln wir das passende L\u00f6sungsdesign \u2013\n            von Produktauswahl und Architektur\n            bis zur Integration in die bestehende Umgebung.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 03 -->\n\n      <article class=\"ig-presales-services-item\">\n\n        <span class=\"ig-presales-services-number\">\n          03\n        <\/span>\n\n        <div class=\"ig-presales-services-title\">\n\n          <span>\n            Review\n          <\/span>\n\n          <h3>\n            Konzept pr\u00fcfen\n          <\/h3>\n\n        <\/div>\n\n        <div class=\"ig-presales-services-copy\">\n\n          <p>\n            Unsere Produktspezialisten pr\u00fcfen bestehende Konzepte\n            und helfen dir dabei,\n            <strong>L\u00fccken, Risiken und Optimierungspotenzial<\/strong>\n            fr\u00fchzeitig zu erkennen.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 04 -->\n\n      <article class=\"ig-presales-services-item\">\n\n        <span class=\"ig-presales-services-number\">\n          04\n        <\/span>\n\n        <div class=\"ig-presales-services-title\">\n\n          <span>\n            Validation\n          <\/span>\n\n          <h3>\n            Entscheidung absichern\n          <\/h3>\n\n        <\/div>\n\n        <div class=\"ig-presales-services-copy\">\n\n          <p>\n            Mit Teststellungen, Evaluierungen und PoCs\n            kannst du L\u00f6sungen vor der Umsetzung validieren \u2013\n            begleitet von unserem technischen Team.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- =====================================================\n         BOTTOM\n         ===================================================== -->\n\n    <div class=\"ig-presales-services-bottom\">\n\n      <div>\n\n        <span class=\"ig-presales-services-bottom-label\">\n          Technische Expertise\n        <\/span>\n\n        <h3>\n          Du bleibst beim Kunden.\n          Wir st\u00e4rken dich dahinter.\n        <\/h3>\n\n      <\/div>\n\n      <p>\n        Unsere Rolle ist nicht, dein Kundengespr\u00e4ch zu \u00fcbernehmen,\n        sondern <strong>dein Team technisch so zu unterst\u00fctzen,\n        dass du sicher entscheiden und verkaufen kannst.<\/strong>\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-presales-process\"\n  id=\"presales-process\"\n  aria-labelledby=\"ig-presales-process-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       TECHNISCHER PRE-SALES\n       SECTION 03 \u00b7 PROCESS\n       PAGE ID 8052\n       ========================================================= *\/\n\n    .ig-presales-process,\n    .ig-presales-process * {\n      box-sizing: border-box;\n    }\n\n    .ig-presales-process {\n      --ig-blue: #153447;\n      --ig-dark: #071d2a;\n      --ig-deep: #04131d;\n      --ig-coral: #ed5740;\n      --ig-cyan: #58b9e8;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n\n      overflow: hidden;\n\n      padding:\n        112px\n        24px\n        118px;\n\n      background:\n        radial-gradient(\n          circle at 84% 15%,\n          rgba(88,185,232,.12),\n          transparent 28%\n        ),\n        radial-gradient(\n          circle at 14% 88%,\n          rgba(237,87,64,.07),\n          transparent 24%\n        ),\n        linear-gradient(\n          145deg,\n          #04131d 0%,\n          #071d2a 46%,\n          #153447 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: #fff;\n    }\n\n    \/* =========================================================\n       BACKGROUND GRID\n       ========================================================= *\/\n\n    .ig-presales-process::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      opacity: .28;\n\n      background-image:\n        linear-gradient(\n          rgba(255,255,255,.025) 1px,\n          transparent 1px\n        ),\n        linear-gradient(\n          90deg,\n          rgba(255,255,255,.025) 1px,\n          transparent 1px\n        );\n\n      background-size:\n        60px 60px;\n\n      pointer-events: none;\n    }\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-presales-process-inner {\n      position: relative;\n      z-index: 2;\n\n      width:\n        min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n    }\n\n    \/* =========================================================\n       HEADER\n       ========================================================= *\/\n\n    .ig-presales-process-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.86fr)\n        minmax(0,1.14fr);\n\n      gap: 88px;\n      align-items: end;\n\n      margin-bottom: 76px;\n    }\n\n    .ig-presales-process-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: var(--ig-cyan);\n\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-process-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n    .ig-presales-process h2 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(44px,4.7vw,64px);\n\n      line-height: 1.04;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n    }\n\n    .ig-presales-process h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: var(--ig-coral);\n\n      font-weight: 500;\n    }\n\n    .ig-presales-process-lead {\n      max-width: 700px;\n\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.66);\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-process-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       JOURNEY\n       ========================================================= *\/\n\n    .ig-presales-process-journey {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        repeat(6,minmax(0,1fr));\n\n      gap: 0;\n\n      padding-top: 56px;\n    }\n\n    .ig-presales-process-line {\n      position: absolute;\n\n      top: 24px;\n      left: 7%;\n      right: 7%;\n\n      height: 2px;\n\n      overflow: hidden;\n\n      background:\n        rgba(255,255,255,.10);\n    }\n\n    .ig-presales-process-line::after {\n      content: \"\";\n\n      position: absolute;\n\n      left: -24%;\n      top: 0;\n\n      width: 24%;\n      height: 100%;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          var(--ig-cyan) 25%,\n          #fff 50%,\n          var(--ig-coral) 78%,\n          transparent\n        );\n\n      box-shadow:\n        0 0 14px rgba(88,185,232,.45);\n\n      animation:\n        ig-presales-process-flow\n        7s\n        linear\n        infinite;\n    }\n\n    @keyframes ig-presales-process-flow {\n\n      from {\n        transform: translateX(0);\n      }\n\n      to {\n        transform: translateX(520%);\n      }\n\n    }\n\n    \/* =========================================================\n       STEP\n       ========================================================= *\/\n\n    .ig-presales-process-step {\n      position: relative;\n\n      min-height: 280px;\n\n      padding:\n        58px\n        20px\n        24px;\n\n      border-left:\n        1px solid rgba(255,255,255,.06);\n\n      transition:\n        background-color .28s ease,\n        transform .28s ease;\n    }\n\n    .ig-presales-process-step:first-of-type {\n      border-left: 0;\n    }\n\n    .ig-presales-process-step:hover,\n    .ig-presales-process-step:focus-within {\n      transform: translateY(-5px);\n\n      background:\n        rgba(255,255,255,.035);\n    }\n\n    \/* =========================================================\n       NODE\n       ========================================================= *\/\n\n    .ig-presales-process-node {\n      position: absolute;\n\n      top: -24px;\n      left: 50%;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 48px;\n      height: 48px;\n\n      transform:\n        translateX(-50%);\n\n      border:\n        1px solid rgba(88,185,232,.26);\n\n      border-radius: 50%;\n\n      background: #0a2938;\n\n      color: var(--ig-cyan);\n\n      font-size: 12px;\n      line-height: 1;\n      font-weight: 600;\n\n      box-shadow:\n        0 0 0 8px rgba(88,185,232,.04),\n        0 0 24px rgba(88,185,232,.14);\n\n      transition:\n        background-color .25s ease,\n        color .25s ease,\n        border-color .25s ease,\n        transform .25s ease;\n    }\n\n    .ig-presales-process-step:hover\n    .ig-presales-process-node,\n    .ig-presales-process-step:focus-within\n    .ig-presales-process-node {\n      transform:\n        translateX(-50%)\n        scale(1.1);\n\n      border-color:\n        rgba(237,87,64,.42);\n\n      background: var(--ig-coral);\n\n      color: #fff;\n    }\n\n    \/* =========================================================\n       COPY\n       ========================================================= *\/\n\n    .ig-presales-process-label {\n      display: block;\n\n      margin-bottom: 7px;\n\n      color: var(--ig-cyan);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .11em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-process-step:nth-child(even)\n    .ig-presales-process-label {\n      color: var(--ig-coral);\n    }\n\n    .ig-presales-process-step h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: 21px;\n      line-height: 1.25;\n      font-weight: 500;\n\n      letter-spacing: -.02em;\n    }\n\n    .ig-presales-process-step p {\n      margin:\n        10px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.58);\n\n      font-size: 16px;\n      line-height: 1.48;\n      font-weight: 300;\n\n      transition:\n        color .25s ease;\n    }\n\n    .ig-presales-process-step:hover p,\n    .ig-presales-process-step:focus-within p {\n      color:\n        rgba(255,255,255,.80);\n    }\n\n    \/* =========================================================\n       MICRO RESULT\n       ========================================================= *\/\n\n    .ig-presales-process-result {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 7px;\n\n      margin-top: 16px;\n\n      color:\n        rgba(255,255,255,.42);\n\n      font-size: 11px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      letter-spacing: .07em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-process-result::before {\n      content: \"\";\n\n      width: 6px;\n      height: 6px;\n\n      border-radius: 50%;\n\n      background: var(--ig-coral);\n    }\n\n    \/* =========================================================\n       BOTTOM\n       ========================================================= *\/\n\n    .ig-presales-process-bottom {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.78fr)\n        minmax(0,1.22fr);\n\n      gap: 64px;\n      align-items: center;\n\n      margin-top: 68px;\n\n      padding:\n        40px\n        40px;\n\n      border:\n        1px solid rgba(255,255,255,.08);\n\n      border-radius: 20px;\n\n      background:\n        rgba(255,255,255,.04);\n    }\n\n    .ig-presales-process-bottom-label {\n      display: block;\n\n      margin-bottom: 7px;\n\n      color: var(--ig-coral);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-process-bottom h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(29px,2.8vw,40px);\n\n      line-height: 1.15;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n    .ig-presales-process-bottom p {\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.65);\n\n      font-size: 20px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-process-bottom strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 1180px) {\n\n      .ig-presales-process-journey {\n        grid-template-columns:\n          repeat(3,minmax(0,1fr));\n\n        row-gap: 38px;\n\n        padding-top: 20px;\n      }\n\n      .ig-presales-process-line {\n        display: none;\n      }\n\n      .ig-presales-process-step:nth-child(4) {\n        border-left: 0;\n      }\n\n    }\n\n    @media (max-width: 980px) {\n\n      .ig-presales-process {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-presales-process-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-presales-process-head,\n      .ig-presales-process-bottom {\n        grid-template-columns: 1fr;\n\n        gap: 27px;\n      }\n\n    }\n\n    @media (max-width: 680px) {\n\n      .ig-presales-process {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-presales-process-inner {\n        width: 100%;\n      }\n\n      .ig-presales-process-lead {\n        font-size: 20px;\n      }\n\n      .ig-presales-process-journey {\n        grid-template-columns: 1fr;\n\n        gap: 4px;\n      }\n\n      .ig-presales-process-step,\n      .ig-presales-process-step:first-of-type,\n      .ig-presales-process-step:nth-child(4) {\n        min-height: 0;\n\n        padding:\n          26px\n          0\n          28px\n          68px;\n\n        border-left:\n          1px solid rgba(255,255,255,.09);\n      }\n\n      .ig-presales-process-step:hover,\n      .ig-presales-process-step:focus-within {\n        transform: none;\n      }\n\n      .ig-presales-process-node {\n        top: 27px;\n        left: -24px;\n\n        width: 44px;\n        height: 44px;\n\n        transform: none;\n      }\n\n      .ig-presales-process-step:hover\n      .ig-presales-process-node,\n      .ig-presales-process-step:focus-within\n      .ig-presales-process-node {\n        transform: scale(1.08);\n      }\n\n      .ig-presales-process-bottom {\n        margin-top: 50px;\n\n        padding:\n          30px\n          25px;\n      }\n\n      .ig-presales-process-bottom p {\n        font-size: 19px;\n      }\n\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-presales-process-line::after {\n        animation: none;\n      }\n\n      .ig-presales-process-step,\n      .ig-presales-process-node,\n      .ig-presales-process-step p {\n        transition: none;\n      }\n\n      .ig-presales-process-step:hover,\n      .ig-presales-process-step:focus-within {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n  <div class=\"ig-presales-process-inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"ig-presales-process-head\">\n\n      <div>\n\n        <div class=\"ig-presales-process-kicker\">\n          Projektbegleitung\n        <\/div>\n\n        <h2 id=\"ig-presales-process-title\">\n          Von der Anforderung\n          <strong>bis zur Entscheidung.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"ig-presales-process-lead\">\n        Pre-Sales begleitet dich nicht nur bei einer einzelnen Frage.\n        <strong>Wir unterst\u00fctzen entlang des gesamten technischen\n        Entscheidungsprozesses.<\/strong>\n      <\/p>\n\n    <\/header>\n\n    <!-- =====================================================\n         JOURNEY\n         ===================================================== -->\n\n    <div class=\"ig-presales-process-journey\">\n\n      <div\n        class=\"ig-presales-process-line\"\n        aria-hidden=\"true\">\n      <\/div>\n\n      <!-- 01 -->\n\n      <article class=\"ig-presales-process-step\">\n\n        <span class=\"ig-presales-process-node\">\n          01\n        <\/span>\n\n        <span class=\"ig-presales-process-label\">\n          Analyse\n        <\/span>\n\n        <h3>\n          Anforderungen kl\u00e4ren\n        <\/h3>\n\n        <p>\n          Kundenbedarf, Umgebung und technische\n          Rahmenbedingungen verstehen.\n        <\/p>\n\n        <span class=\"ig-presales-process-result\">\n          Klare Ausgangslage\n        <\/span>\n\n      <\/article>\n\n      <!-- 02 -->\n\n      <article class=\"ig-presales-process-step\">\n\n        <span class=\"ig-presales-process-node\">\n          02\n        <\/span>\n\n        <span class=\"ig-presales-process-label\">\n          Design\n        <\/span>\n\n        <h3>\n          L\u00f6sung entwickeln\n        <\/h3>\n\n        <p>\n          Technologie und Architektur passend\n          zur Anforderung zusammenstellen.\n        <\/p>\n\n        <span class=\"ig-presales-process-result\">\n          L\u00f6sungsdesign\n        <\/span>\n\n      <\/article>\n\n      <!-- 03 -->\n\n      <article class=\"ig-presales-process-step\">\n\n        <span class=\"ig-presales-process-node\">\n          03\n        <\/span>\n\n        <span class=\"ig-presales-process-label\">\n          Review\n        <\/span>\n\n        <h3>\n          Konzept pr\u00fcfen\n        <\/h3>\n\n        <p>\n          Risiken, L\u00fccken und Optimierungspotenzial\n          fr\u00fchzeitig erkennen.\n        <\/p>\n\n        <span class=\"ig-presales-process-result\">\n          Technische Sicherheit\n        <\/span>\n\n      <\/article>\n\n      <!-- 04 -->\n\n      <article class=\"ig-presales-process-step\">\n\n        <span class=\"ig-presales-process-node\">\n          04\n        <\/span>\n\n        <span class=\"ig-presales-process-label\">\n          Test\n        <\/span>\n\n        <h3>\n          L\u00f6sung evaluieren\n        <\/h3>\n\n        <p>\n          Produkte oder Systeme vorab\n          praktisch testen und bewerten.\n        <\/p>\n\n        <span class=\"ig-presales-process-result\">\n          Praxischeck\n        <\/span>\n\n      <\/article>\n\n      <!-- 05 -->\n\n      <article class=\"ig-presales-process-step\">\n\n        <span class=\"ig-presales-process-node\">\n          05\n        <\/span>\n\n        <span class=\"ig-presales-process-label\">\n          PoC\n        <\/span>\n\n        <h3>\n          Proof of Concept\n        <\/h3>\n\n        <p>\n          Von Qualifizierung und Setup bis\n          zur technischen Begleitung des PoC.\n        <\/p>\n\n        <span class=\"ig-presales-process-result\">\n          Entscheidung absichern\n        <\/span>\n\n      <\/article>\n\n      <!-- 06 -->\n\n      <article class=\"ig-presales-process-step\">\n\n        <span class=\"ig-presales-process-node\">\n          06\n        <\/span>\n\n        <span class=\"ig-presales-process-label\">\n          Handover\n        <\/span>\n\n        <h3>\n          N\u00e4chsten Schritt planen\n        <\/h3>\n\n        <p>\n          Resultate besprechen und die technische\n          Umsetzung vorbereiten.\n        <\/p>\n\n        <span class=\"ig-presales-process-result\">\n          Projekt bereit\n        <\/span>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- =====================================================\n         BOTTOM\n         ===================================================== -->\n\n    <div class=\"ig-presales-process-bottom\">\n\n      <div>\n\n        <span class=\"ig-presales-process-bottom-label\">\n          Technical confidence\n        <\/span>\n\n        <h3>\n          Mehr Sicherheit vor\n          der Umsetzung.\n        <\/h3>\n\n      <\/div>\n\n      <p>\n        Je fr\u00fcher technische Fragen gekl\u00e4rt werden,\n        desto geringer das Risiko im Projekt.\n        <strong>Pre-Sales schafft Klarheit,\n        bevor Aufwand und Kosten entstehen.<\/strong>\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-presales-business\"\n  id=\"presales-business\"\n  aria-labelledby=\"ig-presales-business-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       TECHNISCHER PRE-SALES\n       SECTION 04 \u00b7 PARTNER BUSINESS\n       PAGE ID 8052\n       ========================================================= *\/\n\n    .ig-presales-business,\n    .ig-presales-business * {\n      box-sizing: border-box;\n    }\n\n    .ig-presales-business {\n      --ig-blue: #153447;\n      --ig-coral: #ed5740;\n      --ig-cyan: #58b9e8;\n      --ig-text: #607078;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n\n      overflow: hidden;\n\n      padding:\n        112px\n        24px\n        118px;\n\n      background:\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f5f8f9 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: var(--ig-blue);\n    }\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-presales-business-inner {\n      position: relative;\n      z-index: 2;\n\n      width:\n        min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n    }\n\n    \/* =========================================================\n       HEADER\n       ========================================================= *\/\n\n    .ig-presales-business-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.84fr)\n        minmax(0,1.16fr);\n\n      gap: 88px;\n      align-items: end;\n\n      margin-bottom: 68px;\n    }\n\n    .ig-presales-business-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: var(--ig-coral);\n\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-business-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n    .ig-presales-business h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size:\n        clamp(44px,4.7vw,64px);\n\n      line-height: 1.04;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n    }\n\n    .ig-presales-business h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: #1d1e1f;\n\n      font-weight: 500;\n    }\n\n    .ig-presales-business-lead {\n      max-width: 700px;\n\n      margin: 0;\n\n      color: var(--ig-text);\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-business-lead strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       MAIN\n       ========================================================= *\/\n\n    .ig-presales-business-layout {\n      display: grid;\n\n      grid-template-columns:\n        minmax(330px,.72fr)\n        minmax(0,1.28fr);\n\n      gap: 78px;\n      align-items: start;\n    }\n\n    \/* =========================================================\n       LEFT STATEMENT\n       ========================================================= *\/\n\n    .ig-presales-business-statement {\n      position: sticky;\n\n      top: 120px;\n\n      padding:\n        38px\n        35px;\n\n      border-radius: 22px;\n\n      background:\n        radial-gradient(\n          circle at 86% 14%,\n          rgba(88,185,232,.15),\n          transparent 31%\n        ),\n        linear-gradient(\n          145deg,\n          #071d2a 0%,\n          #153447 100%\n        );\n\n      color: #fff;\n\n      box-shadow:\n        0 22px 50px rgba(21,52,71,.11);\n    }\n\n    .ig-presales-business-statement-label {\n      display: block;\n\n      margin-bottom: 9px;\n\n      color: var(--ig-coral);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-business-statement h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(31px,3vw,43px);\n\n      line-height: 1.13;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n    .ig-presales-business-statement p {\n      margin:\n        18px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.66);\n\n      font-size: 19px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-business-statement strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       IMPACT LIST\n       ========================================================= *\/\n\n    .ig-presales-business-impact {\n      border-top:\n        1px solid rgba(21,52,71,.11);\n    }\n\n    .ig-presales-business-item {\n      display: grid;\n\n      grid-template-columns:\n        74px\n        minmax(210px,.72fr)\n        minmax(0,1.28fr);\n\n      gap: 28px;\n      align-items: start;\n\n      padding:\n        29px\n        0;\n\n      border-bottom:\n        1px solid rgba(21,52,71,.11);\n\n      transition:\n        padding .28s ease,\n        background-color .28s ease;\n    }\n\n    .ig-presales-business-item:hover {\n      padding-left: 14px;\n      padding-right: 14px;\n\n      background:\n        rgba(21,52,71,.025);\n    }\n\n    .ig-presales-business-number {\n      color:\n        rgba(21,52,71,.11);\n\n      font-size: 39px;\n      line-height: 1;\n      font-weight: 500;\n\n      letter-spacing: -.05em;\n    }\n\n    .ig-presales-business-title span {\n      display: block;\n\n      margin-bottom: 6px;\n\n      color: var(--ig-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .1em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-business-item:nth-child(even)\n    .ig-presales-business-title span {\n      color: #318caf;\n    }\n\n    .ig-presales-business-title h3 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: 25px;\n      line-height: 1.25;\n      font-weight: 500;\n\n      letter-spacing: -.02em;\n    }\n\n    .ig-presales-business-copy p {\n      margin: 0;\n\n      color: #68777e;\n\n      font-size: 18px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-presales-business-copy strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       TESTIMONIAL\n       ========================================================= *\/\n\n    .ig-presales-business-proof {\n      display: grid;\n\n      grid-template-columns:\n        150px\n        minmax(0,1fr);\n\n      gap: 34px;\n      align-items: center;\n\n      margin-top: 58px;\n\n      padding:\n        34px\n        38px;\n\n      border:\n        1px solid rgba(21,52,71,.08);\n\n      border-radius: 18px;\n\n      background: #eef3f5;\n    }\n\n    .ig-presales-business-proof-label {\n      color: var(--ig-coral);\n\n      font-size: 11px;\n      line-height: 1.3;\n      font-weight: 600;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    .ig-presales-business-proof blockquote {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: 21px;\n      line-height: 1.48;\n      font-weight: 300;\n\n      letter-spacing: -.01em;\n    }\n\n    .ig-presales-business-proof cite {\n      display: block;\n\n      margin-top: 10px;\n\n      color: #718087;\n\n      font-size: 14px;\n      line-height: 1.4;\n      font-style: normal;\n      font-weight: 400;\n    }\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 1050px) {\n\n      .ig-presales-business-layout {\n        grid-template-columns: 1fr;\n\n        gap: 46px;\n      }\n\n      .ig-presales-business-statement {\n        position: relative;\n        top: auto;\n      }\n\n    }\n\n    @media (max-width: 980px) {\n\n      .ig-presales-business {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-presales-business-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-presales-business-head {\n        grid-template-columns: 1fr;\n\n        gap: 27px;\n      }\n\n    }\n\n    @media (max-width: 680px) {\n\n      .ig-presales-business {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-presales-business-inner {\n        width: 100%;\n      }\n\n      .ig-presales-business-lead {\n        font-size: 20px;\n      }\n\n      .ig-presales-business-statement {\n        padding:\n          31px\n          25px;\n      }\n\n      .ig-presales-business-item {\n        grid-template-columns:\n          48px\n          minmax(0,1fr);\n\n        gap: 14px;\n\n        padding:\n          25px\n          0;\n      }\n\n      .ig-presales-business-copy {\n        grid-column:\n          2 \/ 3;\n      }\n\n      .ig-presales-business-number {\n        font-size: 31px;\n      }\n\n      .ig-presales-business-proof {\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n\n        padding:\n          28px\n          24px;\n      }\n\n      .ig-presales-business-proof blockquote {\n        font-size: 19px;\n      }\n\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-presales-business-item {\n        transition: none;\n      }\n\n    }\n\n  <\/style>\n\n  <div class=\"ig-presales-business-inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"ig-presales-business-head\">\n\n      <div>\n\n        <div class=\"ig-presales-business-kicker\">\n          Partner Business\n        <\/div>\n\n        <h2 id=\"ig-presales-business-title\">\n          Technische Unterst\u00fctzung,\n          <strong>die dein Gesch\u00e4ft st\u00e4rkt.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"ig-presales-business-lead\">\n        Gute Pre-Sales-Unterst\u00fctzung reduziert nicht nur\n        technisches Risiko. Sie hilft dir auch dabei,\n        <strong>sicherer zu beraten und bessere\n        Kundenentscheidungen vorzubereiten.<\/strong>\n      <\/p>\n\n    <\/header>\n\n    <!-- =====================================================\n         MAIN\n         ===================================================== -->\n\n    <div class=\"ig-presales-business-layout\">\n\n      <!-- LEFT -->\n\n      <aside class=\"ig-presales-business-statement\">\n\n        <span class=\"ig-presales-business-statement-label\">\n          Dein Vorteil\n        <\/span>\n\n        <h3>\n          Mehr technische Tiefe,\n          ohne alles selbst aufbauen zu m\u00fcssen.\n        <\/h3>\n\n        <p>\n          Du bleibst Ansprechpartner f\u00fcr deinen Kunden.\n          <strong>Infinigate erg\u00e4nzt dich mit Produktexpertise,\n          Architekturwissen und technischer Erfahrung.<\/strong>\n        <\/p>\n\n      <\/aside>\n\n      <!-- RIGHT -->\n\n      <div class=\"ig-presales-business-impact\">\n\n        <!-- 01 -->\n\n        <article class=\"ig-presales-business-item\">\n\n          <span class=\"ig-presales-business-number\">\n            01\n          <\/span>\n\n          <div class=\"ig-presales-business-title\">\n\n            <span>\n              Confidence\n            <\/span>\n\n            <h3>\n              Sicherer beraten\n            <\/h3>\n\n          <\/div>\n\n          <div class=\"ig-presales-business-copy\">\n\n            <p>\n              Zus\u00e4tzliche technische Expertise hilft dir,\n              Anforderungen schneller einzuordnen und\n              <strong>die passende L\u00f6sung klar zu positionieren.<\/strong>\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- 02 -->\n\n        <article class=\"ig-presales-business-item\">\n\n          <span class=\"ig-presales-business-number\">\n            02\n          <\/span>\n\n          <div class=\"ig-presales-business-title\">\n\n            <span>\n              Sales\n            <\/span>\n\n            <h3>\n              Besser argumentieren\n            <\/h3>\n\n          <\/div>\n\n          <div class=\"ig-presales-business-copy\">\n\n            <p>\n              Technische USPs und konkrete Kundennutzen\n              lassen sich im Verkaufsgespr\u00e4ch\n              verst\u00e4ndlicher und \u00fcberzeugender darstellen.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- 03 -->\n\n        <article class=\"ig-presales-business-item\">\n\n          <span class=\"ig-presales-business-number\">\n            03\n          <\/span>\n\n          <div class=\"ig-presales-business-title\">\n\n            <span>\n              Opportunity\n            <\/span>\n\n            <h3>\n              Mehr Potenzial erkennen\n            <\/h3>\n\n          <\/div>\n\n          <div class=\"ig-presales-business-copy\">\n\n            <p>\n              Gemeinsam identifizieren wir sinnvolle\n              <strong>Upsell- und Cross-Sell-M\u00f6glichkeiten<\/strong>\n              innerhalb des Kundenprojekts.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- 04 -->\n\n        <article class=\"ig-presales-business-item\">\n\n          <span class=\"ig-presales-business-number\">\n            04\n          <\/span>\n\n          <div class=\"ig-presales-business-title\">\n\n            <span>\n              Customer Engagement\n            <\/span>\n\n            <h3>\n              Kunden gemeinsam \u00fcberzeugen\n            <\/h3>\n\n          <\/div>\n\n          <div class=\"ig-presales-business-copy\">\n\n            <p>\n              Bei Bedarf unterst\u00fctzen wir auch bei\n              technischen Pr\u00e4sentationen, Demos,\n              Workshops oder Kundenterminen.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =====================================================\n         PROOF\n         ===================================================== -->\n\n    <div class=\"ig-presales-business-proof\">\n\n      <div class=\"ig-presales-business-proof-label\">\n        Aus der Praxis\n      <\/div>\n\n      <blockquote>\n        \u00abVielen Dank f\u00fcr die Unterst\u00fctzung bei unserer technischen\n        Evaluierung, die ich nur in den h\u00f6chsten T\u00f6nen loben kann.\n        So eine hervorragende Leistung habe ich noch von keinem\n        anderen Distributor erlebt.\u00bb\n\n        <cite>\n          Stefan Kiessing \u00b7 Schweikert GmbH\n        <\/cite>\n      <\/blockquote>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Infinigate TechServices \u00b7 Pre-Sales Von der Kundenanforderung zur richtigen L\u00f6sung. Wir unterst\u00fctzen dich bei Analyse, Architektur, Produktauswahl und PoC \u2013&hellip;<\/p>\n","protected":false},"author":43,"featured_media":26795,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[639],"class_list":["post-8052","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"lang":"de","translations":{"de":8052},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Infinigate | Switzerland","distributor_original_site_url":"https:\/\/www.infinigate.com\/ch","push-errors":false,"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/8052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/comments?post=8052"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/8052\/revisions"}],"predecessor-version":[{"id":27371,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/8052\/revisions\/27371"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media\/26795"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media?parent=8052"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/folder?post=8052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}