{"id":1721,"date":"2023-03-10T11:54:41","date_gmt":"2023-03-10T11:54:41","guid":{"rendered":"https:\/\/infinigate.wpengine.com\/?page_id=1721"},"modified":"2026-10-18T17:38:15","modified_gmt":"2026-10-18T15:38:15","slug":"professionelle-konfigurations-und-installationsservices","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/ch\/services\/professionelle-konfigurations-und-installationsservices\/","title":{"rendered":"Professionelle Konfigurations- und Installationsservices\u00a0"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ig-profservices-hero\" id=\"profservices-top\" aria-labelledby=\"ig-profservices-hero-title\">\n\n  <style>\n\n    \/* =========================================================\n       PROFESSIONAL SERVICES\n       SECTION 01 \u00b7 HERO\n       PAGE ID 1721\n       ========================================================= *\/\n\n    .post-1721 > .site-main__header {\n      display: none !important;\n    }\n\n    body.page-id-1721 .ig-profservices-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-1721\n    .ig-profservices-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-profservices-hero,\n    .ig-profservices-hero * {\n      box-sizing: border-box;\n    }\n\n    .ig-profservices-hero {\n      --ig-blue: #153447;\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: 740px;\n\n      margin-left: calc(50% - 50vw) !important;\n\n      \/* WICHTIG: diese Seite braucht deutlich mehr Korrektur *\/\n      margin-top: -200px !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,.93) 32%,\n          rgba(7,37,52,.68) 52%,\n          rgba(7,37,52,.18) 76%,\n          rgba(7,37,52,.05) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IG_Sales_Navigator_ProfServices_Hero.jpg\")\n        center center \/ cover no-repeat;\n\n      font-family: \"Outfit\", serif;\n\n      color: #fff;\n    }\n\n    \/* GRID *\/\n\n    .ig-profservices-hero::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      opacity: .17;\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: 64px 64px;\n\n      mask-image:\n        linear-gradient(\n          90deg,\n          #000 0%,\n          #000 40%,\n          transparent 70%\n        );\n\n      pointer-events: none;\n    }\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-profservices-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: 740px;\n\n      margin: 0 auto;\n\n      padding:\n        180px\n        0\n        88px;\n    }\n\n    .ig-profservices-hero-content {\n      width: min(760px,100%);\n    }\n\n    \/* =========================================================\n       KICKER\n       ========================================================= *\/\n\n    .ig-profservices-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-profservices-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    \/* =========================================================\n       HEADLINE\n       ========================================================= *\/\n\n    .ig-profservices-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-profservices-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-profservices-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-profservices-hero-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       CTA\n       ========================================================= *\/\n\n    .ig-profservices-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n\n  margin-top: 31px;\n}\n\n.ig-profservices-hero-btn--secondary {\n  background: transparent;\n\n  border-color: rgba(255,255,255,.38);\n\n  color: #fff !important;\n}\n\n.ig-profservices-hero-btn--secondary:hover,\n.ig-profservices-hero-btn--secondary:focus-visible {\n  background: #fff;\n\n  border-color: #fff;\n\n  color: var(--ig-blue) !important;\n}\n\n    .ig-profservices-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-profservices-hero-btn:hover,\n    .ig-profservices-hero-btn:focus-visible {\n      transform: translateY(-2px);\n\n      background: var(--ig-coral);\n\n      color: #fff !important;\n    }\n\n    \/* =========================================================\n       BENEFITS\n       ========================================================= *\/\n\n    .ig-profservices-hero-benefits {\n      display: grid;\n\n      grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n      max-width: 780px;\n\n      margin-top: 42px;\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-profservices-hero-benefit {\n      padding:\n        18px\n        23px\n        18px\n        0;\n    }\n\n    .ig-profservices-hero-benefit +\n    .ig-profservices-hero-benefit {\n      padding-left: 23px;\n\n      border-left:\n        1px solid rgba(255,255,255,.10);\n    }\n\n    .ig-profservices-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-profservices-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-profservices-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-profservices-hero {\n        min-height: 700px;\n\n        background-position: 62% center;\n      }\n\n      .ig-profservices-hero-inner {\n        width:\n          min(100% - 44px,900px);\n\n        min-height: 700px;\n      }\n\n    }\n\n    @media (max-width: 680px) {\n\n      .ig-profservices-hero {\n        min-height: 700px;\n\n        margin-top: -110px !important;\n\n        background:\n          linear-gradient(\n            90deg,\n            rgba(3,17,26,.97) 0%,\n            rgba(5,27,40,.94) 58%,\n            rgba(7,37,52,.55) 100%\n          ),\n          url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IG_Sales_Navigator_ProfServices_Hero.jpg\")\n          65% center \/ cover no-repeat;\n      }\n\n      .ig-profservices-hero-inner {\n        width: calc(100% - 36px);\n\n        min-height: 700px;\n\n        padding:\n          150px\n          0\n          65px;\n      }\n\n      .ig-profservices-hero h1 {\n        font-size:\n          clamp(43px,13vw,60px);\n      }\n\n      .ig-profservices-hero-lead {\n        font-size: 19px;\n      }\n\n      .ig-profservices-hero-benefits {\n        grid-template-columns: 1fr;\n\n        margin-top: 34px;\n      }\n\n      .ig-profservices-hero-benefit,\n      .ig-profservices-hero-benefit +\n      .ig-profservices-hero-benefit {\n        padding:\n          13px\n          0;\n\n        border-left: 0;\n      }\n\n      .ig-profservices-hero-benefit +\n      .ig-profservices-hero-benefit {\n        border-top:\n          1px solid rgba(255,255,255,.08);\n      }\n\n      .ig-profservices-hero-chapter {\n        display: none;\n      }\n\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-profservices-hero-btn {\n        transition: none;\n      }\n\n    }\n\n  <\/style>\n\n  <div class=\"ig-profservices-hero-inner\">\n\n    <div class=\"ig-profservices-hero-content\">\n\n      <div class=\"ig-profservices-hero-kicker\">\n        Infinigate TechServices \u00b7 Professional Services\n      <\/div>\n\n      <h1 id=\"ig-profservices-hero-title\">\n        Von der Planung\n        <strong>bis zur Umsetzung.<\/strong>\n      <\/h1>\n\n      <p class=\"ig-profservices-hero-lead\">\n        Wir unterst\u00fctzen dich bei\n        <strong>Installation, Konfiguration und Integration<\/strong> \u2013\n        damit L\u00f6sungen sauber umgesetzt\n        und Kundenprojekte erfolgreich abgeschlossen werden.\n      <\/p>\n\n   <div class=\"ig-profservices-hero-actions\">\n\n  <a\n    class=\"ig-profservices-hero-btn\"\n    href=\"#profservices-services\">\n    Professional Services entdecken \u2192\n  <\/a>\n\n  <a\n    class=\"ig-profservices-hero-btn ig-profservices-hero-btn--secondary\"\n    href=\"https:\/\/www.infinigate.com\/ch\/support-formular-techservices\/\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\">\n    Support-Formular \u00f6ffnen \u2192\n  <\/a>\n\n<\/div>\n\n      <div class=\"ig-profservices-hero-benefits\" aria-label=\"Professional Services Vorteile\">\n\n        <div class=\"ig-profservices-hero-benefit\">\n\n          <span>\n            Implement\n          <\/span>\n\n          <strong>\n            L\u00f6sungen umsetzen\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"ig-profservices-hero-benefit\">\n\n          <span>\n            Integrate\n          <\/span>\n\n          <strong>\n            Systeme integrieren\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"ig-profservices-hero-benefit\">\n\n          <span>\n            Enable\n          <\/span>\n\n          <strong>\n            Wissen weitergeben\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ig-profservices-hero-chapter\">\n      Professional Services\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"ig-profservices-contact\" id=\"kontakt\" aria-labelledby=\"ig-profservices-contact-title\">\n\n  <style>\n\n    \/* =========================================================\n       PROFESSIONAL SERVICES\n       SECTION 04 \u00b7 CONTACT\n       PAGE ID 1721\n       ========================================================= *\/\n\n    .ig-profservices-contact,\n    .ig-profservices-contact * {\n      box-sizing: border-box;\n    }\n\n    .ig-profservices-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        92px\n        24px\n        46px;\n\n      background:\n        radial-gradient(\n          circle at 82% 22%,\n          rgba(88,185,232,.13),\n          transparent 27%\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    .ig-profservices-contact::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      opacity: .26;\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-profservices-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    \/* =========================================================\n       MAIN\n       ========================================================= *\/\n\n    .ig-profservices-contact-main {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,1.12fr)\n        minmax(330px,.88fr);\n\n      gap: 82px;\n      align-items: center;\n\n      padding-bottom: 68px;\n    }\n\n    \/* =========================================================\n       COPY\n       ========================================================= *\/\n\n    .ig-profservices-contact-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-profservices-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-profservices-contact h2 {\n      max-width: 760px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(44px,4.8vw,66px);\n\n      line-height: 1.03;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n    }\n\n    .ig-profservices-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-profservices-contact-lead {\n      max-width: 680px;\n\n      margin:\n        23px\n        0\n        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-profservices-contact-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       CONTACT PANEL\n       ========================================================= *\/\n\n    .ig-profservices-contact-panel {\n      position: relative;\n\n      padding:\n        35px\n        33px;\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,.05);\n\n      box-shadow:\n        0 22px 50px rgba(0,0,0,.12);\n    }\n\n    .ig-profservices-contact-panel::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: 33px;\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-profservices-contact-panel-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-profservices-contact-panel h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(27px,2.4vw,35px);\n\n      line-height: 1.18;\n      font-weight: 400;\n\n      letter-spacing: -.025em;\n    }\n\n    .ig-profservices-contact-panel p {\n      margin:\n        10px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.59);\n\n      font-size: 18px;\n      line-height: 1.45;\n      font-weight: 300;\n    }\n\n    \/* =========================================================\n       LINKS\n       ========================================================= *\/\n\n    .ig-profservices-contact-links {\n      display: grid;\n\n      gap: 10px;\n\n      margin-top: 26px;\n    }\n\n    .ig-profservices-contact-link {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 20px;\n\n      padding:\n        15px\n        0;\n\n      border-top:\n        1px solid rgba(255,255,255,.08);\n\n      color: #fff !important;\n\n      text-decoration: none !important;\n\n      transition:\n        padding .25s ease,\n        color .25s ease;\n    }\n\n    .ig-profservices-contact-link:last-child {\n      border-bottom:\n        1px solid rgba(255,255,255,.08);\n    }\n\n    .ig-profservices-contact-link:hover,\n    .ig-profservices-contact-link:focus-visible {\n      padding-left: 8px;\n\n      color: var(--ig-cyan) !important;\n    }\n\n    .ig-profservices-contact-link-main {\n      display: block;\n\n      font-size: 18px;\n      line-height: 1.4;\n      font-weight: 500;\n    }\n\n    .ig-profservices-contact-link-type {\n      display: block;\n\n      margin-top: 2px;\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: .1em;\n      text-transform: uppercase;\n    }\n\n    .ig-profservices-contact-arrow {\n      color: var(--ig-coral);\n\n      font-size: 21px;\n      line-height: 1;\n    }\n\n    \/* =========================================================\n       SUPPORT BUTTON\n       ========================================================= *\/\n\n    .ig-profservices-contact-support {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      margin-top: 24px;\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-profservices-contact-support:hover,\n    .ig-profservices-contact-support:focus-visible {\n      transform: translateY(-2px);\n\n      background: var(--ig-coral);\n\n      color: #fff !important;\n    }\n\n    \/* =========================================================\n       FOOT\n       ========================================================= *\/\n\n    .ig-profservices-contact-foot {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 30px;\n\n      padding-top: 26px;\n\n      border-top:\n        1px solid rgba(255,255,255,.08);\n\n      color:\n        rgba(255,255,255,.42);\n\n      font-size: 13px;\n      line-height: 1.4;\n      font-weight: 400;\n    }\n\n    .ig-profservices-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-profservices-contact-back:hover,\n    .ig-profservices-contact-back:focus-visible {\n      transform: translateX(-3px);\n\n      color: var(--ig-coral) !important;\n    }\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .ig-profservices-contact {\n        padding:\n          84px\n          22px\n          44px;\n      }\n\n      .ig-profservices-contact-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-profservices-contact-main {\n        grid-template-columns: 1fr;\n\n        gap: 44px;\n\n        padding-bottom: 58px;\n      }\n\n    }\n\n    @media (max-width: 680px) {\n\n      .ig-profservices-contact {\n        padding:\n          70px\n          18px\n          38px;\n      }\n\n      .ig-profservices-contact-inner {\n        width: 100%;\n      }\n\n      .ig-profservices-contact-lead {\n        font-size: 19px;\n      }\n\n      .ig-profservices-contact-panel {\n        padding:\n          29px\n          24px;\n      }\n\n      .ig-profservices-contact-support {\n        width: 100%;\n      }\n\n      .ig-profservices-contact-foot {\n        flex-direction: column;\n        align-items: flex-start;\n\n        gap: 14px;\n      }\n\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-profservices-contact-link,\n      .ig-profservices-contact-support,\n      .ig-profservices-contact-back {\n        transition: none;\n      }\n\n      .ig-profservices-contact-support:hover,\n      .ig-profservices-contact-back:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n  <div class=\"ig-profservices-contact-inner\">\n\n    <div class=\"ig-profservices-contact-main\">\n\n      <!-- LEFT -->\n\n      <div>\n\n        <div class=\"ig-profservices-contact-kicker\">\n          N\u00e4chster Schritt\n        <\/div>\n\n        <h2 id=\"ig-profservices-contact-title\">\n          Du hast ein Projekt?\n          <strong>Lass uns die Umsetzung planen.<\/strong>\n        <\/h2>\n\n        <p class=\"ig-profservices-contact-lead\">\n          Ob Installation, Konfiguration,\n          Integration oder Review:\n          <strong>Unser TechServices-Team unterst\u00fctzt dich\n          dort, wo zus\u00e4tzliche technische Ressourcen gebraucht werden.<\/strong>\n        <\/p>\n\n      <\/div>\n\n      <!-- RIGHT -->\n\n      <aside class=\"ig-profservices-contact-panel\" aria-label=\"Kontakt Professional Services\">\n\n        <span class=\"ig-profservices-contact-panel-label\">\n          Professional Services Team\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-profservices-contact-links\">\n\n          <a class=\"ig-profservices-contact-link\" href=\"#kontakt-formular\">\n\n            <span>\n\n              <span class=\"ig-profservices-contact-link-main\"> Kontaktformular \u00f6ffnen <\/span>\n\n              <span class=\"ig-profservices-contact-link-type\"> Anfrage senden <\/span>\n\n            <\/span>\n\n            <span class=\"ig-profservices-contact-arrow\" aria-hidden=\"true\">\n              \u2192\n            <\/span>\n\n          <\/a><a class=\"ig-profservices-contact-link\" href=\"mailto:support@infinigate.ch\">\n\n            <span>\n\n              <span class=\"ig-profservices-contact-link-main\">\n                support@infinigate.ch\n              <\/span>\n\n              <span class=\"ig-profservices-contact-link-type\">\n                E-Mail\n              <\/span>\n\n            <\/span>\n\n            <span class=\"ig-profservices-contact-arrow\" aria-hidden=\"true\">\n              \u2192\n            <\/span>\n\n          <\/a>\n\n          <a class=\"ig-profservices-contact-link\" href=\"tel:+41417990101\">\n\n            <span>\n\n              <span class=\"ig-profservices-contact-link-main\">\n                +41 41 799 01 01\n              <\/span>\n\n              <span class=\"ig-profservices-contact-link-type\">\n                Telefon\n              <\/span>\n\n            <\/span>\n\n            <span class=\"ig-profservices-contact-arrow\" aria-hidden=\"true\">\n              \u2192\n            <\/span>\n\n          <\/a>\n\n        <\/div>\n\n        <a class=\"ig-profservices-contact-support\" href=\"https:\/\/www.infinigate.com\/ch\/support-formular-techservices\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Support-Formular \u00f6ffnen \u2192\n        <\/a>\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\/1721#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'>Instagram<\/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=119e83bc2c05384c5c5421b55f30fb86' \/>\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='kLE8CSJD0FbVb85QFilys54K4rL4dCOrIO5ckotB4euO+swWou39jK3VAsFCQHL0kMjbwdlZn9IEoCXdVomPvOPRjiNKHd5qoi60RYa+GHCgKhE=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_339' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcIjc1Y2IxOGUzYjM2ZTQ0Y2RiYTNmMGUzOTQzNzRjYTA5XCIsXCI2NGM4MDlkOWQzZmZjMjhmYWRmZjNlZTIxYzY1NGEwNFwiLFwiZDc4MDNkZjc5MWVmMWVhNTA2NjkwYmY2ZTRmOWFiMGNcIl0sXCJnZm9ybV90aGVtZVwiOlwiNzdmMTNiNDg2NGNjNjZmODA0YThkMWZlNDYwNTI3MThcIixcImdmb3JtX3N0eWxlX3NldHRpbmdzXCI6XCJlOGRjMGI1OTEzYWNlNzdkMGQ4NTlmMDM1MDI4MGNjZVwiLFwiZm9ybV9pZFwiOlwiMmFiM2FlMjk5ODFiNGE3OTBlZGU1ZDY5MWU5MjY5NzRcIixcInVybFwiOlwiZjg0ZmRmNjFkZjJiZWU0ZDEzMzc4YTI5NDdiNWVmMDdcIixcInN0YXRlX3RpbWVzdGFtcFwiOlwiYTFhM2FiMTU3NDJkNGJjYTBjMWE3MzVjNmRkNTVhOGVcIn0iLCI1ZTE1Mjg4NzQ4MjI0ZDZiNGNlNzI0NjgwNzZmYWIwYiIsMTc5NDI5MTg0NV0=' \/>\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-profservices-services\"\n  id=\"profservices-services\"\n  aria-labelledby=\"ig-profservices-services-title\">\n\n  <style>\n\n    \/* =========================================================\n       PROFESSIONAL SERVICES\n       SECTION 02 \u00b7 LEISTUNGEN\n       PAGE ID 1721\n       ========================================================= *\/\n\n    .ig-profservices-services,\n    .ig-profservices-services * {\n      box-sizing: border-box;\n    }\n\n    .ig-profservices-services {\n      --ig-blue: #153447;\n      --ig-coral: #ed5740;\n      --ig-cyan: #58b9e8;\n      --ig-text: #65757c;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n\n      padding:\n        102px\n        24px\n        108px;\n\n      overflow: hidden;\n\n      background:\n        radial-gradient(\n          circle at 87% 12%,\n          rgba(88,185,232,.07),\n          transparent 25%\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    .ig-profservices-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-profservices-services-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.82fr)\n        minmax(0,1.18fr);\n\n      gap: 80px;\n      align-items: end;\n\n      margin-bottom: 56px;\n    }\n\n    .ig-profservices-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-profservices-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-profservices-services h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size:\n        clamp(43px,4.7vw,62px);\n\n      line-height: 1.04;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n    }\n\n    .ig-profservices-services h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: #1d1e1f;\n\n      font-weight: 500;\n    }\n\n    .ig-profservices-services-lead {\n      max-width: 700px;\n\n      margin: 0;\n\n      color: var(--ig-text);\n\n      font-size: 21px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-profservices-services-lead strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       SERVICE LIST\n       ========================================================= *\/\n\n    .ig-profservices-services-list {\n      border-top:\n        1px solid rgba(21,52,71,.11);\n    }\n\n    .ig-profservices-services-item {\n      display: grid;\n\n      grid-template-columns:\n        82px\n        minmax(250px,.78fr)\n        minmax(0,1.22fr);\n\n      gap: 28px;\n      align-items: start;\n\n      padding:\n        28px\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-profservices-services-item:hover {\n      padding-left: 18px;\n      padding-right: 18px;\n\n      background:\n        rgba(21,52,71,.03);\n    }\n\n    \/* NUMBER *\/\n\n    .ig-profservices-services-number {\n      color:\n        rgba(21,52,71,.11);\n\n      font-size: 42px;\n      line-height: 1;\n      font-weight: 500;\n\n      letter-spacing: -.05em;\n    }\n\n    \/* TITLE *\/\n\n    .ig-profservices-services-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: .11em;\n      text-transform: uppercase;\n    }\n\n    .ig-profservices-services-item:nth-child(even)\n    .ig-profservices-services-title span {\n      color: #318caf;\n    }\n\n    .ig-profservices-services-title h3 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: 26px;\n      line-height: 1.22;\n      font-weight: 500;\n\n      letter-spacing: -.025em;\n    }\n\n    \/* COPY *\/\n\n    .ig-profservices-services-copy p {\n      margin: 0;\n\n      color: #68777e;\n\n      font-size: 19px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-profservices-services-copy strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n    \/* =========================================================\n       EXTRA STRIP\n       ========================================================= *\/\n\n    .ig-profservices-services-extra {\n      display: grid;\n\n      grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n      margin-top: 48px;\n\n      overflow: hidden;\n\n      border-radius: 18px;\n\n      background:\n        linear-gradient(\n          105deg,\n          #071d2a,\n          #153447\n        );\n\n      color: #fff;\n    }\n\n    .ig-profservices-services-extra-item {\n      padding:\n        27px\n        30px;\n    }\n\n    .ig-profservices-services-extra-item +\n    .ig-profservices-services-extra-item {\n      border-left:\n        1px solid rgba(255,255,255,.08);\n    }\n\n    .ig-profservices-services-extra-label {\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: .11em;\n      text-transform: uppercase;\n    }\n\n    .ig-profservices-services-extra-item:nth-child(2)\n    .ig-profservices-services-extra-label {\n      color: var(--ig-cyan);\n    }\n\n    .ig-profservices-services-extra-item strong {\n      display: block;\n\n      color: #fff;\n\n      font-size: 19px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n    .ig-profservices-services-extra-item p {\n      margin:\n        6px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.60);\n\n      font-size: 16px;\n      line-height: 1.45;\n      font-weight: 300;\n    }\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .ig-profservices-services {\n        padding:\n          88px\n          22px\n          94px;\n      }\n\n      .ig-profservices-services-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-profservices-services-head {\n        grid-template-columns: 1fr;\n\n        gap: 26px;\n      }\n\n      .ig-profservices-services-item {\n        grid-template-columns:\n          66px\n          minmax(0,1fr);\n\n        gap: 20px;\n      }\n\n      .ig-profservices-services-copy {\n        grid-column:\n          2 \/ 3;\n      }\n\n      .ig-profservices-services-extra {\n        grid-template-columns: 1fr;\n      }\n\n      .ig-profservices-services-extra-item +\n      .ig-profservices-services-extra-item {\n        border-left: 0;\n\n        border-top:\n          1px solid rgba(255,255,255,.08);\n      }\n\n    }\n\n    @media (max-width: 680px) {\n\n      .ig-profservices-services {\n        padding:\n          72px\n          18px\n          78px;\n      }\n\n      .ig-profservices-services-inner {\n        width: 100%;\n      }\n\n      .ig-profservices-services-lead {\n        font-size: 19px;\n      }\n\n      .ig-profservices-services-item {\n        grid-template-columns:\n          46px\n          minmax(0,1fr);\n\n        gap: 14px;\n\n        padding:\n          24px\n          4px;\n      }\n\n      .ig-profservices-services-item:hover {\n        padding-left: 4px;\n        padding-right: 4px;\n      }\n\n      .ig-profservices-services-number {\n        font-size: 30px;\n      }\n\n      .ig-profservices-services-title h3 {\n        font-size: 23px;\n      }\n\n      .ig-profservices-services-copy p {\n        font-size: 18px;\n      }\n\n      .ig-profservices-services-extra-item {\n        padding:\n          24px\n          25px;\n      }\n\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-profservices-services-item {\n        transition: none;\n      }\n\n    }\n\n  <\/style>\n\n  <div class=\"ig-profservices-services-inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"ig-profservices-services-head\">\n\n      <div>\n\n        <div class=\"ig-profservices-services-kicker\">\n          Unsere Leistungen\n        <\/div>\n\n        <h2 id=\"ig-profservices-services-title\">\n          Umsetzung,\n          <strong>die funktioniert.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"ig-profservices-services-lead\">\n        Wenn im Projekt zus\u00e4tzliche technische Ressourcen fehlen,\n        unterst\u00fctzen wir dich dort,\n        <strong>wo Planung in konkrete Umsetzung \u00fcbergeht.<\/strong>\n      <\/p>\n\n    <\/header>\n\n    <!-- =====================================================\n         SERVICES\n         ===================================================== -->\n\n    <div class=\"ig-profservices-services-list\">\n\n      <!-- 01 -->\n\n      <article class=\"ig-profservices-services-item\">\n\n        <span class=\"ig-profservices-services-number\">\n          01\n        <\/span>\n\n        <div class=\"ig-profservices-services-title\">\n\n          <span>\n            Assess\n          <\/span>\n\n          <h3>\n            Bestandsaufnahme &amp; Konzeptionierung\n          <\/h3>\n\n        <\/div>\n\n        <div class=\"ig-profservices-services-copy\">\n\n          <p>\n            Wir analysieren bestehende Umgebungen\n            und schaffen eine belastbare Grundlage,\n            <strong>bevor neue L\u00f6sungen integriert werden.<\/strong>\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 02 -->\n\n      <article class=\"ig-profservices-services-item\">\n\n        <span class=\"ig-profservices-services-number\">\n          02\n        <\/span>\n\n        <div class=\"ig-profservices-services-title\">\n\n          <span>\n            Implement\n          <\/span>\n\n          <h3>\n            Installation, Konfiguration &amp; Integration\n          <\/h3>\n\n        <\/div>\n\n        <div class=\"ig-profservices-services-copy\">\n\n          <p>\n            Wir unterst\u00fctzen bei Installation,\n            Konfiguration und Integration \u2013\n            <strong>remote oder direkt im Kundenprojekt.<\/strong>\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 03 -->\n\n      <article class=\"ig-profservices-services-item\">\n\n        <span class=\"ig-profservices-services-number\">\n          03\n        <\/span>\n\n        <div class=\"ig-profservices-services-title\">\n\n          <span>\n            Enable\n          <\/span>\n\n          <h3>\n            Wissenstransfer\n          <\/h3>\n\n        <\/div>\n\n        <div class=\"ig-profservices-services-copy\">\n\n          <p>\n            Im Rahmen des Rollouts vermitteln wir\n            das notwendige Know-how,\n            damit <strong>du und dein Kunde die L\u00f6sung\n            sicher weiterbetreiben k\u00f6nnt.<\/strong>\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- 04 -->\n\n      <article class=\"ig-profservices-services-item\">\n\n        <span class=\"ig-profservices-services-number\">\n          04\n        <\/span>\n\n        <div class=\"ig-profservices-services-title\">\n\n          <span>\n            Review\n          <\/span>\n\n          <h3>\n            Produkt Review\n          <\/h3>\n\n        <\/div>\n\n        <div class=\"ig-profservices-services-copy\">\n\n          <p>\n            Wir pr\u00fcfen die Implementierung,\n            dokumentieren die Ergebnisse\n            und zeigen <strong>m\u00f6gliches Optimierungspotenzial<\/strong> auf.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- =====================================================\n         EXTRA\n         ===================================================== -->\n\n    <div class=\"ig-profservices-services-extra\">\n\n      <div class=\"ig-profservices-services-extra-item\">\n\n        <span class=\"ig-profservices-services-extra-label\">\n          Projects\n        <\/span>\n\n        <strong>\n          Projektbezogene Abrechnung\n        <\/strong>\n\n        <p>\n          Umfang und Aufwand werden passend\n          zum konkreten Projekt definiert.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"ig-profservices-services-extra-item\">\n\n        <span class=\"ig-profservices-services-extra-label\">\n          Flexible\n        <\/span>\n\n        <strong>\n          Stundenpakete\n        <\/strong>\n\n        <p>\n          F\u00fcr wiederkehrende kleinere Aufgaben\n          k\u00f6nnen Leistungen flexibel abgerufen werden.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"ig-profservices-services-extra-item\">\n\n        <span class=\"ig-profservices-services-extra-label\">\n          Remote Hands\n        <\/span>\n\n        <strong>\n          Unterst\u00fctzung vor Ort\n        <\/strong>\n\n        <p>\n          Zus\u00e4tzliche technische Ressourcen\n          f\u00fcr Installation und Projektumsetzung.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Infinigate TechServices \u00b7 Professional Services Von der Planung bis zur Umsetzung. Wir unterst\u00fctzen dich bei Installation, Konfiguration und Integration \u2013&hellip;<\/p>\n","protected":false},"author":13,"featured_media":26806,"parent":851,"menu_order":45,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[639],"class_list":["post-1721","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"lang":"de","translations":{"de":1721,"en":6401},"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\/1721","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\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/comments?post=1721"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/1721\/revisions"}],"predecessor-version":[{"id":27369,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/1721\/revisions\/27369"}],"up":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/851"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media\/26806"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media?parent=1721"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/folder?post=1721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}