{"id":26729,"date":"2026-09-22T11:33:26","date_gmt":"2026-09-22T09:33:26","guid":{"rendered":"https:\/\/www.infinigate.com\/ch\/?page_id=26729"},"modified":"2026-09-22T14:12:34","modified_gmt":"2026-09-22T12:12:34","slug":"awareness-services","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/ch\/awareness-services\/","title":{"rendered":"Awareness Services"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-custom-css is-layout-constrained wp-block-group-is-layout-constrained wp-custom-css-7cf64e58\">\n<section class=\"ig-awareness-hero\" id=\"awareness-start\" aria-labelledby=\"ig-awareness-hero-title\">\n\n  <style>\n\n\/* =========================================================\n   WORDPRESS PAGE \/ FULLWIDTH FIX\n   PAGE ID 26729\n   ========================================================= *\/\n\nbody.page-id-26729 .ig-awareness-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\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\nbody.page-id-26729\n.ig-awareness-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\n\/* WordPress Seitentitel entfernen *\/\n\n.post-26729 > .site-main__header {\n  display: none !important;\n}\n\n    \/* =========================================================\n       ROOT\n       ========================================================= *\/\n\n   .ig-awareness-hero,\n.ig-awareness-hero * {\n  box-sizing: border-box;\n}\n\n.ig-awareness-hero {\n  --ig-blue: #153447;\n  --ig-dark: #061b28;\n  --ig-deep: #04131d;\n  --ig-coral: #ed5740;\n  --ig-cyan: #55d7cf;\n\n  position: relative;\n  isolation: isolate;\n\n  width: 100vw !important;\n  max-width: none !important;\n\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: 0 !important;\n\n  \/*\n   * Hero unter das bestehende Website-Men\u00fc ziehen\n   *\/\n  margin-top: -205px !important;\n\n  min-height: 760px;\n\n  overflow: hidden;\n\n  display: flex;\n  align-items: stretch;\n\n  font-family: \"Outfit\", serif;\n  color: #fff;\n\n  background:\n    #061b28\n    url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IG_Sales_Navigator_Awareness_Hero_1.jpg\")\n    center center \/ cover no-repeat;\n}\n\n\n    \/* =========================================================\n       MASK EXISTING LEFT-SIDE TEXT FROM SOURCE IMAGE\n       ========================================================= *\/\n\n    .ig-awareness-hero::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      z-index: 1;\n\n      background:\n        linear-gradient(\n          90deg,\n          rgba(4,19,29,1) 0%,\n          rgba(4,19,29,.99) 25%,\n          rgba(4,19,29,.96) 39%,\n          rgba(4,19,29,.79) 50%,\n          rgba(4,19,29,.34) 62%,\n          rgba(4,19,29,.05) 79%\n        );\n    }\n\n\n    \/* =========================================================\n       BOTTOM DEPTH\n       ========================================================= *\/\n\n    .ig-awareness-hero::after {\n      content: \"\";\n\n      position: absolute;\n\n      left: 0;\n      right: 0;\n      bottom: 0;\n\n      z-index: 1;\n\n      height: 220px;\n\n      background:\n        linear-gradient(\n          180deg,\n          transparent,\n          rgba(3,17,26,.64)\n        );\n\n      pointer-events: none;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-awareness-hero-inner {\n      position: relative;\n      z-index: 3;\n\n      width: min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n\n      display: flex;\n      align-items: center;\n\n      padding:\n       200px\n        0\n        92px;\n    }\n\n    .ig-awareness-hero-copy {\n      width: min(700px, 56%);\n    }\n\n\n    \/* =========================================================\n       KICKER\n       ========================================================= *\/\n\n    .ig-awareness-hero-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 13px;\n\n      margin-bottom: 24px;\n\n      color: var(--ig-cyan);\n\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-hero-kicker::before {\n      content: \"\";\n\n      width: 48px;\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n\n    \/* =========================================================\n       HEADLINE\n       ========================================================= *\/\n\n    .ig-awareness-hero h1 {\n      max-width: 720px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(48px,5.5vw,72px);\n      line-height: 1.02;\n      font-weight: 300;\n\n      letter-spacing: -.045em;\n    }\n\n    .ig-awareness-hero h1 strong {\n      display: block;\n\n      margin-top: 4px;\n\n      color: var(--ig-coral);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       LEAD\n       ========================================================= *\/\n\n    .ig-awareness-hero-lead {\n      max-width: 640px;\n\n      margin:\n        25px\n        0\n        0;\n\n      color: rgba(255,255,255,.78);\n\n      font-size: 21px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-hero-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CTA\n       ========================================================= *\/\n\n    .ig-awareness-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n\n      gap: 14px;\n\n      margin-top: 31px;\n    }\n\n    .ig-awareness-hero-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      gap: .5em;\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: var(--ig-coral);\n\n      color: #fff !important;\n\n      font-family: \"Outfit\", serif;\n\n      font-size: 18px;\n      line-height: 28px;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .3s ease,\n        background-color .3s ease,\n        border-color .3s ease,\n        color .3s ease;\n    }\n\n    .ig-awareness-hero-cta:hover,\n    .ig-awareness-hero-cta:focus-visible {\n      transform: translateY(-2px);\n\n      background: #fff;\n      border-color: #fff;\n\n      color: var(--ig-coral) !important;\n    }\n\n    .ig-awareness-hero-cta:focus-visible {\n      outline:\n        3px solid rgba(85,215,207,.35);\n\n      outline-offset: 3px;\n    }\n\n\n    \/* =========================================================\n       BENEFITS\n       ========================================================= *\/\n\n    .ig-awareness-hero-benefits {\n      display: flex;\n      flex-wrap: wrap;\n\n      gap: 0;\n\n      margin-top: 48px;\n    }\n\n    .ig-awareness-hero-benefit {\n      position: relative;\n\n      min-width: 175px;\n\n      padding:\n        0\n        26px;\n\n      border-right:\n        1px solid rgba(85,215,207,.30);\n    }\n\n    .ig-awareness-hero-benefit:first-child {\n      padding-left: 0;\n    }\n\n    .ig-awareness-hero-benefit:last-child {\n      border-right: 0;\n    }\n\n    .ig-awareness-hero-benefit span {\n      display: block;\n\n      margin-bottom: 4px;\n\n      color: var(--ig-cyan);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .10em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-hero-benefit strong {\n      display: block;\n\n      max-width: 170px;\n\n      color: #fff;\n\n      font-size: 17px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CHAPTER MARKER\n       ========================================================= *\/\n\n    .ig-awareness-hero-chapter {\n      position: absolute;\n\n      z-index: 4;\n\n      right: max(32px, calc((100vw - 1380px) \/ 2));\n      bottom: 38px;\n\n      display: flex;\n      align-items: center;\n\n      gap: 10px;\n\n      color: rgba(255,255,255,.52);\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    .ig-awareness-hero-chapter::before {\n      content: \"\";\n\n      width: 28px;\n      height: 1px;\n\n      background: var(--ig-coral);\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 1180px) {\n\n      .ig-awareness-hero {\n        min-height: 700px;\n\n        background-position: 58% center;\n      }\n\n      .ig-awareness-hero-copy {\n        width: 61%;\n      }\n\n    }\n\n\n    @media (max-width: 980px) {\n\n      .ig-awareness-hero {\n        min-height: 760px;\n\n        background-position: 65% center;\n      }\n\n      .ig-awareness-hero::before {\n        background:\n          linear-gradient(\n            90deg,\n            rgba(4,19,29,1) 0%,\n            rgba(4,19,29,.98) 47%,\n            rgba(4,19,29,.76) 67%,\n            rgba(4,19,29,.26) 100%\n          );\n      }\n\n      .ig-awareness-hero-inner {\n        width: min(100% - 44px,900px);\n\n        padding:\n          138px\n          0\n          90px;\n      }\n\n      .ig-awareness-hero-copy {\n        width: 67%;\n      }\n\n      .ig-awareness-hero-benefit {\n        min-width: 155px;\n\n        padding:\n          0\n          19px;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-awareness-hero {\n        min-height: 760px;\n\n        align-items: flex-end;\n\n        background-position: 70% center;\n      }\n\n      .ig-awareness-hero::before {\n        background:\n          linear-gradient(\n            180deg,\n            rgba(4,19,29,.18) 0%,\n            rgba(4,19,29,.48) 26%,\n            rgba(4,19,29,.94) 54%,\n            rgba(4,19,29,1) 100%\n          );\n      }\n\n      .ig-awareness-hero-inner {\n        width: calc(100% - 36px);\n\n        align-items: flex-end;\n\n        padding:\n          240px\n          0\n          68px;\n      }\n\n      .ig-awareness-hero-copy {\n        width: 100%;\n      }\n\n      .ig-awareness-hero h1 {\n        font-size:\n          clamp(42px,12vw,56px);\n      }\n\n      .ig-awareness-hero-lead {\n        font-size: 19px;\n      }\n\n      .ig-awareness-hero-benefits {\n        display: grid;\n\n        grid-template-columns: 1fr;\n\n        gap: 14px;\n\n        margin-top: 35px;\n      }\n\n      .ig-awareness-hero-benefit,\n      .ig-awareness-hero-benefit:first-child {\n        min-width: 0;\n\n        padding:\n          0\n          0\n          13px;\n\n        border-right: 0;\n\n        border-bottom:\n          1px solid rgba(85,215,207,.18);\n      }\n\n      .ig-awareness-hero-benefit:last-child {\n        padding-bottom: 0;\n        border-bottom: 0;\n      }\n\n      .ig-awareness-hero-benefit strong {\n        max-width: none;\n      }\n\n      .ig-awareness-hero-chapter {\n        display: none;\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-awareness-hero-cta {\n        transition: none;\n      }\n\n      .ig-awareness-hero-cta:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <!-- =======================================================\n       HERO CONTENT\n       ======================================================= -->\n\n  <div class=\"ig-awareness-hero-inner\">\n\n    <div class=\"ig-awareness-hero-copy\">\n\n\n      <div class=\"ig-awareness-hero-kicker\">\n        Infinigate TechServices\n      <\/div>\n\n\n      <h1 id=\"ig-awareness-hero-title\">\n        Security Awareness,\n        <strong>die Menschen erreicht.<\/strong>\n      <\/h1>\n\n\n      <p class=\"ig-awareness-hero-lead\">\n        Security beginnt nicht nur bei Technologie.\n        <strong>Sie beginnt bei den Menschen, die t\u00e4glich damit arbeiten.<\/strong>\n        Mit Trainings, Workshops, Phishing-Simulationen\n        und digitalen Lernformaten machen wir Security\n        verst\u00e4ndlich und im Alltag anwendbar.\n      <\/p>\n\n\n      <div class=\"ig-awareness-hero-actions\">\n\n        <a class=\"ig-awareness-hero-cta\" href=\"#awareness-services\">\n          Awareness Services entdecken \u2192\n        <\/a>\n\n      <\/div>\n\n\n      <div class=\"ig-awareness-hero-benefits\" aria-label=\"Vorteile der Awareness Services\">\n\n\n        <div class=\"ig-awareness-hero-benefit\">\n\n          <span>\n            Awareness\n          <\/span>\n\n          <strong>\n            Menschen sensibilisieren\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"ig-awareness-hero-benefit\">\n\n          <span>\n            Prevention\n          <\/span>\n\n          <strong>\n            Risiken fr\u00fcher erkennen\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"ig-awareness-hero-benefit\">\n\n          <span>\n            Security Culture\n          <\/span>\n\n          <strong>\n            Sicherer zusammenarbeiten\n          <\/strong>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"ig-awareness-hero-chapter\" aria-hidden=\"true\">\n    Awareness Services\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-awareness-challenge\"\n  id=\"awareness-challenge\"\n  aria-labelledby=\"ig-awareness-challenge-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       AWARENESS SERVICES\n       SECTION 02 \u00b7 THE HUMAN FACTOR\n       PAGE ID 26729\n       ========================================================= *\/\n\n    .ig-awareness-challenge,\n    .ig-awareness-challenge * {\n      box-sizing: border-box;\n    }\n\n    .ig-awareness-challenge {\n      --ig-blue: #153447;\n      --ig-coral: #ed5740;\n      --ig-cyan: #55bfc4;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: 0 !important;\n\n      overflow: hidden;\n\n      padding:\n        112px\n        24px\n        118px;\n\n      background:\n        radial-gradient(\n          circle at 92% 8%,\n          rgba(85,191,196,.08),\n          transparent 25%\n        ),\n        radial-gradient(\n          circle at 5% 92%,\n          rgba(237,87,64,.05),\n          transparent 24%\n        ),\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f6f9fa 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: var(--ig-blue);\n    }\n\n\n    \/* =========================================================\n       DECORATION\n       ========================================================= *\/\n\n    .ig-awareness-challenge::before {\n      content: \"\";\n\n      position: absolute;\n\n      right: -180px;\n      top: -220px;\n\n      width: 580px;\n      height: 580px;\n\n      border:\n        1px solid rgba(85,191,196,.055);\n\n      border-radius: 50%;\n\n      box-shadow:\n        0 0 0 80px rgba(85,191,196,.012),\n        0 0 0 160px rgba(85,191,196,.007);\n\n      pointer-events: none;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-awareness-challenge-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    \/* =========================================================\n       HEAD\n       ========================================================= *\/\n\n    .ig-awareness-challenge-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.87fr)\n        minmax(0,1.13fr);\n\n      gap: 82px;\n      align-items: end;\n\n      margin-bottom: 57px;\n    }\n\n    .ig-awareness-challenge-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-awareness-challenge-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-awareness-challenge h2 {\n      max-width: 720px;\n\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size:\n        clamp(42px,4.5vw,60px);\n\n      line-height: 1.05;\n      font-weight: 300;\n\n      letter-spacing: -.038em;\n    }\n\n    .ig-awareness-challenge h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: #181d1f;\n\n      font-weight: 500;\n    }\n\n    .ig-awareness-challenge-lead {\n      max-width: 700px;\n\n      margin: 0;\n\n      color: #607078;\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-challenge-lead strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       SCENARIO GRID\n       ========================================================= *\/\n\n    .ig-awareness-challenge-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(4,minmax(0,1fr));\n\n      gap: 16px;\n    }\n\n\n    \/* =========================================================\n       SCENARIO CARD\n       ========================================================= *\/\n\n    .ig-awareness-challenge-card {\n      position: relative;\n\n      min-height: 330px;\n\n      padding:\n        30px\n        27px;\n\n      overflow: hidden;\n\n      border:\n        1px solid rgba(21,52,71,.08);\n\n      border-radius: 19px;\n\n      background:\n        rgba(255,255,255,.92);\n\n      box-shadow:\n        0 14px 36px rgba(21,52,71,.045);\n\n      transition:\n        transform .32s ease,\n        border-color .32s ease,\n        box-shadow .32s ease;\n    }\n\n    .ig-awareness-challenge-card:hover {\n      transform: translateY(-6px);\n\n      border-color:\n        rgba(85,191,196,.22);\n\n      box-shadow:\n        0 22px 46px rgba(21,52,71,.08);\n    }\n\n    .ig-awareness-challenge-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: 27px;\n\n      width: 48px;\n      height: 4px;\n\n      border-radius:\n        0 0 4px 4px;\n\n      background: var(--ig-cyan);\n    }\n\n    .ig-awareness-challenge-card:nth-child(even)::before {\n      background: var(--ig-coral);\n    }\n\n\n    \/* =========================================================\n       CARD NUMBER\n       ========================================================= *\/\n\n    .ig-awareness-challenge-number {\n      display: block;\n\n      margin-bottom: 34px;\n\n      color:\n        rgba(21,52,71,.09);\n\n      font-size: 52px;\n      line-height: 1;\n      font-weight: 500;\n\n      letter-spacing: -.05em;\n    }\n\n\n    \/* =========================================================\n       CARD COPY\n       ========================================================= *\/\n\n    .ig-awareness-challenge-label {\n      display: block;\n\n      margin-bottom: 7px;\n\n      color: var(--ig-cyan);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .11em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-challenge-card:nth-child(even)\n    .ig-awareness-challenge-label {\n      color: var(--ig-coral);\n    }\n\n    .ig-awareness-challenge-card h3 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: 27px;\n      line-height: 1.25;\n      font-weight: 500;\n\n      letter-spacing: -.025em;\n    }\n\n    .ig-awareness-challenge-card p {\n      margin:\n        12px\n        0\n        0;\n\n      color: #68777e;\n\n      font-size: 19px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       CLOSING PANEL\n       ========================================================= *\/\n\n    .ig-awareness-challenge-statement {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.72fr)\n        minmax(0,1.28fr);\n\n      gap: 70px;\n      align-items: center;\n\n      margin-top: 30px;\n\n      padding:\n        42px\n        40px;\n\n      overflow: hidden;\n\n      border-radius: 20px;\n\n      background:\n        radial-gradient(\n          circle at 92% 18%,\n          rgba(85,191,196,.17),\n          transparent 27%\n        ),\n        linear-gradient(\n          110deg,\n          #071d2a 0%,\n          #153447 68%,\n          #173a46 100%\n        );\n\n      box-shadow:\n        0 20px 48px rgba(21,52,71,.12);\n\n      color: #fff;\n    }\n\n    .ig-awareness-challenge-statement::before {\n      content: \"\";\n\n      position: absolute;\n\n      left: 0;\n      top: 0;\n      bottom: 0;\n\n      width: 4px;\n\n      background:\n        linear-gradient(\n          180deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n    .ig-awareness-challenge-statement-label {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: var(--ig-cyan);\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-awareness-challenge-statement h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(30px,3vw,42px);\n\n      line-height: 1.15;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n    .ig-awareness-challenge-statement h3 strong {\n      display: block;\n\n      margin-top: 4px;\n\n      font-weight: 500;\n    }\n\n    .ig-awareness-challenge-statement p {\n      max-width: 700px;\n\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.70);\n\n      font-size: 21px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-challenge-statement p strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       NEXT INDICATOR\n       ========================================================= *\/\n\n    .ig-awareness-challenge-next {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 9px;\n\n      margin-top: 19px;\n\n      color: var(--ig-coral);\n\n      font-size: 13px;\n      line-height: 1.3;\n      font-weight: 600;\n\n      letter-spacing: .06em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-challenge-next::after {\n      content: \"\u2193\";\n\n      font-size: 17px;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 1180px) {\n\n      .ig-awareness-challenge-grid {\n        grid-template-columns:\n          repeat(2,minmax(0,1fr));\n      }\n\n    }\n\n\n    @media (max-width: 980px) {\n\n      .ig-awareness-challenge {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-awareness-challenge-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-awareness-challenge-head,\n      .ig-awareness-challenge-statement {\n        grid-template-columns: 1fr;\n\n        gap: 28px;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-awareness-challenge {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-awareness-challenge-inner {\n        width: 100%;\n      }\n\n      .ig-awareness-challenge-lead {\n        font-size: 20px;\n      }\n\n      .ig-awareness-challenge-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ig-awareness-challenge-card {\n        min-height: 0;\n\n        padding:\n          27px\n          23px;\n      }\n\n      .ig-awareness-challenge-card h3 {\n        font-size: 25px;\n      }\n\n      .ig-awareness-challenge-card p {\n        font-size: 19px;\n      }\n\n      .ig-awareness-challenge-statement {\n        padding:\n          31px\n          25px;\n      }\n\n      .ig-awareness-challenge-statement p {\n        font-size: 19px;\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-awareness-challenge-card {\n        transition: none;\n      }\n\n      .ig-awareness-challenge-card:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"ig-awareness-challenge-inner\">\n\n\n    <!-- =====================================================\n         HEAD\n         ===================================================== -->\n\n    <header class=\"ig-awareness-challenge-head\">\n\n      <div>\n\n        <div class=\"ig-awareness-challenge-kicker\">\n          The human factor\n        <\/div>\n\n        <h2 id=\"ig-awareness-challenge-title\">\n          Technologie kann viel sch\u00fctzen.\n          <strong>Aber nicht jede Entscheidung treffen.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"ig-awareness-challenge-lead\">\n        Security-Technologien erkennen und blockieren viele Gefahren.\n        Trotzdem gibt es im Arbeitsalltag immer wieder Situationen,\n        in denen <strong>Menschen selbst entscheiden m\u00fcssen,\n        ob etwas vertrauensw\u00fcrdig ist.<\/strong>\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         SCENARIOS\n         ===================================================== -->\n\n    <div class=\"ig-awareness-challenge-grid\">\n\n\n      <!-- 01 -->\n\n      <article class=\"ig-awareness-challenge-card\">\n\n        <span class=\"ig-awareness-challenge-number\">\n          01\n        <\/span>\n\n        <span class=\"ig-awareness-challenge-label\">\n          Phishing\n        <\/span>\n\n        <h3>\n          Ist diese Nachricht wirklich echt?\n        <\/h3>\n\n        <p>\n          Gef\u00e4lschte Nachrichten wirken oft vertraut.\n          Mitarbeitende m\u00fcssen Absender, Inhalt und Aufforderung\n          richtig einsch\u00e4tzen k\u00f6nnen.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 02 -->\n\n      <article class=\"ig-awareness-challenge-card\">\n\n        <span class=\"ig-awareness-challenge-number\">\n          02\n        <\/span>\n\n        <span class=\"ig-awareness-challenge-label\">\n          Links &amp; Anh\u00e4nge\n        <\/span>\n\n        <h3>\n          Klicken \u2013 oder lieber pr\u00fcfen?\n        <\/h3>\n\n        <p>\n          Ein einziger Link oder Anhang kann eine Entscheidung\n          verlangen, bevor technische Schutzmechanismen\n          vollst\u00e4ndig greifen.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 03 -->\n\n      <article class=\"ig-awareness-challenge-card\">\n\n        <span class=\"ig-awareness-challenge-number\">\n          03\n        <\/span>\n\n        <span class=\"ig-awareness-challenge-label\">\n          Social Engineering\n        <\/span>\n\n        <h3>\n          Wem kann ich vertrauen?\n        <\/h3>\n\n        <p>\n          Angriffe zielen nicht nur auf Systeme.\n          Sie nutzen auch Hilfsbereitschaft, Zeitdruck\n          und vermeintliche Autorit\u00e4t.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 04 -->\n\n      <article class=\"ig-awareness-challenge-card\">\n\n        <span class=\"ig-awareness-challenge-number\">\n          04\n        <\/span>\n\n        <span class=\"ig-awareness-challenge-label\">\n          Information\n        <\/span>\n\n        <h3>\n          Was darf ich teilen?\n        <\/h3>\n\n        <p>\n          Sensible Informationen brauchen einen bewussten Umgang \u2013\n          im B\u00fcro, unterwegs und in der digitalen Zusammenarbeit.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         STATEMENT\n         ===================================================== -->\n\n    <div class=\"ig-awareness-challenge-statement\">\n\n      <div>\n\n        <span class=\"ig-awareness-challenge-statement-label\">\n          Awareness that works\n        <\/span>\n\n        <h3>\n          Wissen ist gut.\n          <strong>Sicheres Verhalten ist besser.<\/strong>\n        <\/h3>\n\n      <\/div>\n\n\n      <div>\n\n        <p>\n          Genau hier setzen unsere Awareness Services an:\n          Wir machen reale Risiken verst\u00e4ndlich,\n          trainieren typische Alltagssituationen und helfen,\n          <strong>Security zu einem Teil des t\u00e4glichen Handelns\n          zu machen.<\/strong>\n        <\/p>\n\n        <div\n          class=\"ig-awareness-challenge-next\"\n          aria-hidden=\"true\">\n          Unsere Awareness Services\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-awareness-services\"\n  id=\"awareness-services\"\n  aria-labelledby=\"ig-awareness-services-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       AWARENESS SERVICES\n       SECTION 03 \u00b7 WHAT YOU CAN SELL\n       PAGE ID 26729\n       ========================================================= *\/\n\n    .ig-awareness-services,\n    .ig-awareness-services * {\n      box-sizing: border-box;\n    }\n\n    .ig-awareness-services {\n      --ig-blue: #153447;\n      --ig-dark: #071d2a;\n      --ig-deep: #061824;\n      --ig-coral: #ed5740;\n      --ig-cyan: #55bfc4;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: 0 !important;\n\n      overflow: hidden;\n\n      padding:\n        112px\n        24px\n        118px;\n\n      background:\n        radial-gradient(\n          circle at 88% 10%,\n          rgba(85,191,196,.13),\n          transparent 24%\n        ),\n        radial-gradient(\n          circle at 8% 92%,\n          rgba(237,87,64,.07),\n          transparent 25%\n        ),\n        linear-gradient(\n          180deg,\n          #061824 0%,\n          #0a2637 52%,\n          #0d3041 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: #fff;\n    }\n\n\n    \/* =========================================================\n       BACKGROUND DETAIL\n       ========================================================= *\/\n\n    .ig-awareness-services::before {\n      content: \"\";\n\n      position: absolute;\n\n      right: -170px;\n      top: -190px;\n\n      width: 560px;\n      height: 560px;\n\n      border:\n        1px solid rgba(255,255,255,.04);\n\n      border-radius: 50%;\n\n      box-shadow:\n        0 0 0 80px rgba(85,191,196,.010),\n        0 0 0 160px rgba(85,191,196,.006);\n\n      pointer-events: none;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-awareness-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    \/* =========================================================\n       HEAD\n       ========================================================= *\/\n\n    .ig-awareness-services-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.8fr)\n        minmax(0,1.2fr);\n\n      gap: 82px;\n      align-items: end;\n\n      margin-bottom: 54px;\n    }\n\n    .ig-awareness-services-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-awareness-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-awareness-services h2 {\n      max-width: 720px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(42px,4.5vw,60px);\n\n      line-height: 1.05;\n      font-weight: 300;\n\n      letter-spacing: -.038em;\n    }\n\n    .ig-awareness-services 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-awareness-services-lead {\n      max-width: 700px;\n\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.68);\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-services-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       SERVICE GRID\n       ========================================================= *\/\n\n    .ig-awareness-services-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(6,minmax(0,1fr));\n\n      gap: 17px;\n    }\n\n\n    \/* =========================================================\n       CARD\n       ========================================================= *\/\n\n    .ig-awareness-service-card {\n      position: relative;\n\n      min-height: 345px;\n\n      padding:\n        31px\n        28px;\n\n      overflow: hidden;\n\n      border:\n        1px solid rgba(255,255,255,.09);\n\n      border-radius: 19px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.075),\n          rgba(255,255,255,.025)\n        );\n\n      box-shadow:\n        0 15px 38px rgba(0,0,0,.08);\n\n      transition:\n        transform .32s ease,\n        border-color .32s ease,\n        background-color .32s ease,\n        box-shadow .32s ease;\n    }\n\n    .ig-awareness-service-card:hover {\n      transform: translateY(-7px);\n\n      border-color:\n        rgba(85,191,196,.23);\n\n      background:\n        rgba(255,255,255,.075);\n\n      box-shadow:\n        0 24px 48px rgba(0,0,0,.15);\n    }\n\n    .ig-awareness-service-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: 28px;\n\n      width: 50px;\n      height: 4px;\n\n      border-radius:\n        0 0 4px 4px;\n\n      background: var(--ig-cyan);\n    }\n\n    .ig-awareness-service-card:nth-child(even)::before {\n      background: var(--ig-coral);\n    }\n\n\n    \/* =========================================================\n       GRID SPANS\n       ========================================================= *\/\n\n    .ig-awareness-service-card--campaign {\n      grid-column: span 2;\n    }\n\n    .ig-awareness-service-card--workshop {\n      grid-column: span 2;\n    }\n\n    .ig-awareness-service-card--training {\n      grid-column: span 2;\n    }\n\n    .ig-awareness-service-card--lms {\n      grid-column: span 3;\n    }\n\n    .ig-awareness-service-card--phishing {\n      grid-column: span 3;\n    }\n\n\n    \/* =========================================================\n       NUMBER\n       ========================================================= *\/\n\n    .ig-awareness-service-number {\n      display: block;\n\n      margin-bottom: 38px;\n\n      color:\n        rgba(255,255,255,.10);\n\n      font-size: 55px;\n      line-height: 1;\n      font-weight: 500;\n\n      letter-spacing: -.05em;\n    }\n\n\n    \/* =========================================================\n       LABEL\n       ========================================================= *\/\n\n    .ig-awareness-service-label {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: var(--ig-cyan);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .11em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-service-card:nth-child(even)\n    .ig-awareness-service-label {\n      color: var(--ig-coral);\n    }\n\n\n    \/* =========================================================\n       TITLE + COPY\n       ========================================================= *\/\n\n    .ig-awareness-service-card h3 {\n      max-width: 500px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(27px,2.5vw,34px);\n\n      line-height: 1.18;\n      font-weight: 500;\n\n      letter-spacing: -.026em;\n    }\n\n    .ig-awareness-service-card p {\n      max-width: 570px;\n\n      margin:\n        13px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.62);\n\n      font-size: 19px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       BUSINESS TAG\n       ========================================================= *\/\n\n    .ig-awareness-service-business {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 8px;\n\n      margin-top: 23px;\n\n      padding:\n        7px\n        10px;\n\n      border:\n        1px solid rgba(85,191,196,.15);\n\n      border-radius: 7px;\n\n      background:\n        rgba(85,191,196,.055);\n\n      color: #89d8d9;\n\n      font-size: 12px;\n      line-height: 1.3;\n      font-weight: 500;\n    }\n\n    .ig-awareness-service-card:nth-child(even)\n    .ig-awareness-service-business {\n      border-color:\n        rgba(237,87,64,.17);\n\n      background:\n        rgba(237,87,64,.06);\n\n      color: #f39a8d;\n    }\n\n\n    \/* =========================================================\n       PARTNER PANEL\n       ========================================================= *\/\n\n    .ig-awareness-services-partner {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.75fr)\n        minmax(0,1.25fr);\n\n      gap: 65px;\n      align-items: center;\n\n      margin-top: 30px;\n\n      padding:\n        43px\n        40px;\n\n      border:\n        1px solid rgba(255,255,255,.09);\n\n      border-radius: 20px;\n\n      background:\n        linear-gradient(\n          110deg,\n          rgba(255,255,255,.07),\n          rgba(255,255,255,.025)\n        );\n    }\n\n    .ig-awareness-services-partner-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-awareness-services-partner h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(30px,3vw,42px);\n\n      line-height: 1.15;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n    .ig-awareness-services-partner h3 strong {\n      display: block;\n\n      margin-top: 4px;\n\n      font-weight: 500;\n    }\n\n    .ig-awareness-services-partner-copy {\n      max-width: 720px;\n    }\n\n    .ig-awareness-services-partner-copy p {\n      margin: 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-awareness-services-partner-copy strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       PARTNER FLOW\n       ========================================================= *\/\n\n    .ig-awareness-services-flow {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n\n      gap: 9px 11px;\n\n      margin-top: 21px;\n    }\n\n    .ig-awareness-services-flow span {\n      padding:\n        7px\n        10px;\n\n      border:\n        1px solid rgba(255,255,255,.09);\n\n      border-radius: 7px;\n\n      background:\n        rgba(255,255,255,.035);\n\n      color:\n        rgba(255,255,255,.72);\n\n      font-size: 13px;\n      line-height: 1.3;\n      font-weight: 500;\n    }\n\n    .ig-awareness-services-flow i {\n      color: var(--ig-coral);\n\n      font-size: 16px;\n      line-height: 1;\n\n      font-style: normal;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 1180px) {\n\n      .ig-awareness-services-grid {\n        grid-template-columns:\n          repeat(2,minmax(0,1fr));\n      }\n\n      .ig-awareness-service-card--campaign,\n      .ig-awareness-service-card--workshop,\n      .ig-awareness-service-card--training,\n      .ig-awareness-service-card--lms,\n      .ig-awareness-service-card--phishing {\n        grid-column: auto;\n      }\n\n    }\n\n\n    @media (max-width: 980px) {\n\n      .ig-awareness-services {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-awareness-services-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-awareness-services-head,\n      .ig-awareness-services-partner {\n        grid-template-columns: 1fr;\n\n        gap: 28px;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-awareness-services {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-awareness-services-inner {\n        width: 100%;\n      }\n\n      .ig-awareness-services-lead {\n        font-size: 20px;\n      }\n\n      .ig-awareness-services-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ig-awareness-service-card {\n        min-height: 0;\n\n        padding:\n          27px\n          23px;\n      }\n\n      .ig-awareness-service-card p {\n        font-size: 19px;\n      }\n\n      .ig-awareness-services-partner {\n        padding:\n          31px\n          25px;\n      }\n\n      .ig-awareness-services-partner-copy p {\n        font-size: 19px;\n      }\n\n      .ig-awareness-services-flow {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .ig-awareness-services-flow i {\n        transform: rotate(90deg);\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-awareness-service-card {\n        transition: none;\n      }\n\n      .ig-awareness-service-card:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"ig-awareness-services-inner\">\n\n\n    <!-- =====================================================\n         HEAD\n         ===================================================== -->\n\n    <header class=\"ig-awareness-services-head\">\n\n      <div>\n\n        <div class=\"ig-awareness-services-kicker\">\n          What you can sell\n        <\/div>\n\n        <h2 id=\"ig-awareness-services-title\">\n          Awareness als Service.\n          <strong>Modular. Konkret. Verkaufbar.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"ig-awareness-services-lead\">\n        Nicht jeder Kunde braucht dasselbe Programm.\n        Deshalb lassen sich die Awareness Services\n        <strong>passend zur Organisation, Zielgruppe und Ausgangslage\n        zusammenstellen.<\/strong>\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         SERVICE GRID\n         ===================================================== -->\n\n    <div class=\"ig-awareness-services-grid\">\n\n\n      <!-- 01 -->\n\n      <article\n        class=\"ig-awareness-service-card ig-awareness-service-card--campaign\">\n\n        <span class=\"ig-awareness-service-number\">\n          01\n        <\/span>\n\n        <span class=\"ig-awareness-service-label\">\n          Awareness Campaign\n        <\/span>\n\n        <h3>\n          Individuelle Awareness-Kampagne\n        <\/h3>\n\n        <p>\n          Gemeinsam wird festgelegt, wie eine Awareness-Initiative\n          zeitlich, organisatorisch und inhaltlich zum jeweiligen\n          Unternehmen passt.\n        <\/p>\n\n        <span class=\"ig-awareness-service-business\">\n          Individuell planbar\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 02 -->\n\n      <article\n        class=\"ig-awareness-service-card ig-awareness-service-card--workshop\">\n\n        <span class=\"ig-awareness-service-number\">\n          02\n        <\/span>\n\n        <span class=\"ig-awareness-service-label\">\n          Live Workshop\n        <\/span>\n\n        <h3>\n          Themen gemeinsam erarbeiten\n        <\/h3>\n\n        <p>\n          Kleine Gruppen arbeiten gezielt an relevanten\n          Security-Themen und \u00fcbertragen sie auf konkrete\n          Situationen im Unternehmen.\n        <\/p>\n\n        <span class=\"ig-awareness-service-business\">\n          Interaktiv &amp; praxisnah\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 03 -->\n\n      <article\n        class=\"ig-awareness-service-card ig-awareness-service-card--training\">\n\n        <span class=\"ig-awareness-service-number\">\n          03\n        <\/span>\n\n        <span class=\"ig-awareness-service-label\">\n          Live Training\n        <\/span>\n\n        <h3>\n          Wissen verst\u00e4ndlich vermitteln\n        <\/h3>\n\n        <p>\n          Speziell ausgebildete Trainer vermitteln Inhalte\n          verst\u00e4ndlich, interaktiv und passend zur jeweiligen\n          Zielgruppe.\n        <\/p>\n\n        <span class=\"ig-awareness-service-business\">\n          Gef\u00fchrtes Lernen\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 04 -->\n\n      <article\n        class=\"ig-awareness-service-card ig-awareness-service-card--lms\">\n\n        <span class=\"ig-awareness-service-number\">\n          04\n        <\/span>\n\n        <span class=\"ig-awareness-service-label\">\n          Digital Learning\n        <\/span>\n\n        <h3>\n          Digitale Lernplattform\n        <\/h3>\n\n        <p>\n          Awareness-Inhalte k\u00f6nnen \u00fcber ein\n          Learning-Management-System erg\u00e4nzt und in einen\n          kontinuierlichen Lernprozess integriert werden.\n        <\/p>\n\n        <span class=\"ig-awareness-service-business\">\n          Skalierbar &amp; wiederholbar\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 05 -->\n\n      <article\n        class=\"ig-awareness-service-card ig-awareness-service-card--phishing\">\n\n        <span class=\"ig-awareness-service-number\">\n          05\n        <\/span>\n\n        <span class=\"ig-awareness-service-label\">\n          Phishing Simulation\n        <\/span>\n\n        <h3>\n          Verhalten realistisch trainieren\n        <\/h3>\n\n        <p>\n          Geplante Phishing-Simulationen schaffen realit\u00e4tsnahe\n          Lernsituationen und helfen dabei, verd\u00e4chtige Nachrichten\n          im Alltag besser zu erkennen.\n        <\/p>\n\n        <span class=\"ig-awareness-service-business\">\n          Lernen durch Erfahrung\n        <\/span>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PARTNER BUSINESS\n         ===================================================== -->\n\n    <div class=\"ig-awareness-services-partner\">\n\n      <div>\n\n        <span class=\"ig-awareness-services-partner-label\">\n          Partner Opportunity\n        <\/span>\n\n        <h3>\n          Nicht nur Training verkaufen.\n          <strong>Einen Prozess begleiten.<\/strong>\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"ig-awareness-services-partner-copy\">\n\n        <p>\n          Awareness eignet sich besonders dort,\n          wo Kunden Security nicht als einmalige Massnahme,\n          sondern als kontinuierliche Aufgabe verstehen.\n          <strong>Die einzelnen Services lassen sich kombinieren\n          und \u00fcber die Zeit weiterentwickeln.<\/strong>\n        <\/p>\n\n\n        <div\n          class=\"ig-awareness-services-flow\"\n          aria-label=\"Awareness Prozess\">\n\n          <span>\n            Bedarf verstehen\n          <\/span>\n\n          <i aria-hidden=\"true\">\n            \u2192\n          <\/i>\n\n          <span>\n            Programm definieren\n          <\/span>\n\n          <i aria-hidden=\"true\">\n            \u2192\n          <\/i>\n\n          <span>\n            Mitarbeitende trainieren\n          <\/span>\n\n          <i aria-hidden=\"true\">\n            \u2192\n          <\/i>\n\n          <span>\n            Awareness weiterf\u00fchren\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-awareness-process\"\n  id=\"awareness-process\"\n  aria-labelledby=\"ig-awareness-process-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       AWARENESS SERVICES\n       SECTION 04 \u00b7 PROCESS\n       PAGE ID 26729\n       ========================================================= *\/\n\n    .ig-awareness-process,\n    .ig-awareness-process * {\n      box-sizing: border-box;\n    }\n\n    .ig-awareness-process {\n      --ig-blue: #153447;\n      --ig-coral: #ed5740;\n      --ig-cyan: #55bfc4;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: 0 !important;\n\n      overflow: hidden;\n\n      padding: 112px 24px 118px;\n\n      background:\n        radial-gradient(\n          circle at 90% 10%,\n          rgba(85,191,196,.07),\n          transparent 25%\n        ),\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f7faf9 100%\n        );\n\n      font-family: \"Outfit\", serif;\n      color: var(--ig-blue);\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-awareness-process-inner {\n      position: relative;\n      z-index: 2;\n\n      width: min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n    }\n\n\n    \/* =========================================================\n       HEAD\n       ========================================================= *\/\n\n    .ig-awareness-process-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.85fr)\n        minmax(0,1.15fr);\n\n      gap: 80px;\n      align-items: end;\n\n      margin-bottom: 58px;\n    }\n\n    .ig-awareness-process-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-awareness-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-awareness-process h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: clamp(42px,4.5vw,60px);\n      line-height: 1.05;\n      font-weight: 300;\n\n      letter-spacing: -.038em;\n    }\n\n    .ig-awareness-process h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: #181d1f;\n      font-weight: 500;\n    }\n\n    .ig-awareness-process-lead {\n      max-width: 680px;\n\n      margin: 0;\n\n      color: #607078;\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-process-lead strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       PROCESS LINE\n       ========================================================= *\/\n\n    .ig-awareness-process-flow {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        repeat(5,minmax(0,1fr));\n\n      gap: 15px;\n    }\n\n    .ig-awareness-process-flow::before {\n      content: \"\";\n\n      position: absolute;\n\n      left: 9%;\n      right: 9%;\n      top: 38px;\n\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-cyan),\n          rgba(85,191,196,.35),\n          var(--ig-coral)\n        );\n\n      z-index: 0;\n    }\n\n\n    \/* =========================================================\n       STEP\n       ========================================================= *\/\n\n    .ig-awareness-process-step {\n      position: relative;\n      z-index: 2;\n    }\n\n    .ig-awareness-process-marker {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 76px;\n      height: 76px;\n\n      margin: 0 auto 22px;\n\n      border:\n        1px solid rgba(85,191,196,.20);\n\n      border-radius: 50%;\n\n      background: #fff;\n\n      color: var(--ig-cyan);\n\n      font-size: 14px;\n      line-height: 1;\n      font-weight: 600;\n\n      box-shadow:\n        0 10px 26px rgba(21,52,71,.06);\n    }\n\n    .ig-awareness-process-step:last-child\n    .ig-awareness-process-marker {\n      border-color:\n        rgba(237,87,64,.22);\n\n      color: var(--ig-coral);\n    }\n\n\n    \/* =========================================================\n       STEP CARD\n       ========================================================= *\/\n\n    .ig-awareness-process-card {\n      min-height: 210px;\n\n      padding:\n        25px\n        22px;\n\n      border:\n        1px solid rgba(21,52,71,.08);\n\n      border-radius: 17px;\n\n      background:\n        rgba(255,255,255,.92);\n\n      box-shadow:\n        0 12px 32px rgba(21,52,71,.045);\n    }\n\n    .ig-awareness-process-card span {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: var(--ig-cyan);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .10em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-process-step:last-child\n    .ig-awareness-process-card span {\n      color: var(--ig-coral);\n    }\n\n    .ig-awareness-process-card 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-awareness-process-card p {\n      margin:\n        10px\n        0\n        0;\n\n      color: #66747b;\n\n      font-size: 19px;\n      line-height: 1.45;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       CLOSING\n       ========================================================= *\/\n\n    .ig-awareness-process-bottom {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.72fr)\n        minmax(0,1.28fr);\n\n      gap: 60px;\n      align-items: center;\n\n      margin-top: 32px;\n\n      padding:\n        39px\n        40px;\n\n      border-radius: 20px;\n\n      background:\n        linear-gradient(\n          108deg,\n          #0a2938 0%,\n          #153447 70%,\n          #173a45 100%\n        );\n\n      color: #fff;\n\n      box-shadow:\n        0 18px 44px rgba(21,52,71,.10);\n    }\n\n    .ig-awareness-process-bottom-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-awareness-process-bottom h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(30px,3vw,40px);\n      line-height: 1.16;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n    .ig-awareness-process-bottom h3 strong {\n      font-weight: 500;\n    }\n\n    .ig-awareness-process-bottom p {\n      margin: 0;\n\n      color: rgba(255,255,255,.68);\n\n      font-size: 21px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-process-bottom p strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 1180px) {\n\n      .ig-awareness-process-flow {\n        grid-template-columns:\n          repeat(2,minmax(0,1fr));\n      }\n\n      .ig-awareness-process-flow::before {\n        display: none;\n      }\n\n      .ig-awareness-process-step:last-child {\n        grid-column: 1 \/ -1;\n      }\n\n    }\n\n\n    @media (max-width: 980px) {\n\n      .ig-awareness-process {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-awareness-process-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-awareness-process-head,\n      .ig-awareness-process-bottom {\n        grid-template-columns: 1fr;\n\n        gap: 28px;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-awareness-process {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-awareness-process-inner {\n        width: 100%;\n      }\n\n      .ig-awareness-process-lead {\n        font-size: 20px;\n      }\n\n      .ig-awareness-process-flow {\n        grid-template-columns: 1fr;\n      }\n\n      .ig-awareness-process-step:last-child {\n        grid-column: auto;\n      }\n\n      .ig-awareness-process-step {\n        display: grid;\n\n        grid-template-columns:\n          58px\n          minmax(0,1fr);\n\n        gap: 14px;\n      }\n\n      .ig-awareness-process-marker {\n        width: 54px;\n        height: 54px;\n\n        margin: 0;\n      }\n\n      .ig-awareness-process-card {\n        min-height: 0;\n\n        padding:\n          22px\n          20px;\n      }\n\n      .ig-awareness-process-card h3 {\n        font-size: 23px;\n      }\n\n      .ig-awareness-process-bottom {\n        padding:\n          29px\n          25px;\n      }\n\n      .ig-awareness-process-bottom p {\n        font-size: 19px;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"ig-awareness-process-inner\">\n\n\n    <!-- HEAD -->\n\n    <header class=\"ig-awareness-process-head\">\n\n      <div>\n\n        <div class=\"ig-awareness-process-kicker\">\n          So l\u00e4uft es\n        <\/div>\n\n        <h2 id=\"ig-awareness-process-title\">\n          Klarer Prozess.\n          <strong>Kein kompliziertes Projekt.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"ig-awareness-process-lead\">\n        Vom ersten Gespr\u00e4ch bis zur Umsetzung:\n        <strong>Infinigate begleitet den gesamten Awareness-Prozess.<\/strong>\n      <\/p>\n\n    <\/header>\n\n\n    <!-- PROCESS -->\n\n    <div class=\"ig-awareness-process-flow\">\n\n\n      <!-- 01 -->\n\n      <div class=\"ig-awareness-process-step\">\n\n        <div class=\"ig-awareness-process-marker\">\n          01\n        <\/div>\n\n        <div class=\"ig-awareness-process-card\">\n\n          <span>\n            Analyse\n          <\/span>\n\n          <h3>\n            Bedarf verstehen\n          <\/h3>\n\n          <p>\n            Zielgruppe, Risiken und Ausgangslage kl\u00e4ren.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n\n      <div class=\"ig-awareness-process-step\">\n\n        <div class=\"ig-awareness-process-marker\">\n          02\n        <\/div>\n\n        <div class=\"ig-awareness-process-card\">\n\n          <span>\n            Konzept\n          <\/span>\n\n          <h3>\n            Programm festlegen\n          <\/h3>\n\n          <p>\n            Passende Formate und Themen ausw\u00e4hlen.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n\n      <div class=\"ig-awareness-process-step\">\n\n        <div class=\"ig-awareness-process-marker\">\n          03\n        <\/div>\n\n        <div class=\"ig-awareness-process-card\">\n\n          <span>\n            Kick-off\n          <\/span>\n\n          <h3>\n            Gemeinsam starten\n          <\/h3>\n\n          <p>\n            Ablauf, Rollen und n\u00e4chste Schritte definieren.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n\n      <div class=\"ig-awareness-process-step\">\n\n        <div class=\"ig-awareness-process-marker\">\n          04\n        <\/div>\n\n        <div class=\"ig-awareness-process-card\">\n\n          <span>\n            Umsetzung\n          <\/span>\n\n          <h3>\n            Awareness durchf\u00fchren\n          <\/h3>\n\n          <p>\n            Training, Workshops oder Simulationen umsetzen.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n\n      <div class=\"ig-awareness-process-step\">\n\n        <div class=\"ig-awareness-process-marker\">\n          05\n        <\/div>\n\n        <div class=\"ig-awareness-process-card\">\n\n          <span>\n            Weiterf\u00fchren\n          <\/span>\n\n          <h3>\n            Awareness verankern\n          <\/h3>\n\n          <p>\n            Inhalte wiederholen und gezielt weiterentwickeln.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"ig-awareness-process-bottom\">\n\n      <div>\n\n        <span class=\"ig-awareness-process-bottom-label\">\n          Partner + Infinigate\n        <\/span>\n\n        <h3>\n          Du bringst den Kunden.\n          <strong>Wir unterst\u00fctzen bei der Umsetzung.<\/strong>\n        <\/h3>\n\n      <\/div>\n\n\n      <p>\n        <strong>Kein eigenes Awareness-Team n\u00f6tig.<\/strong>\n        Infinigate unterst\u00fctzt bei Planung,\n        Durchf\u00fchrung und Weiterentwicklung.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"ig-awareness-signals\" id=\"awareness-signals\" aria-labelledby=\"ig-awareness-signals-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       AWARENESS SERVICES\n       SECTION 05 \u00b7 CUSTOMER SIGNALS\n       PAGE ID 26729\n       ========================================================= *\/\n\n    .ig-awareness-signals,\n    .ig-awareness-signals * {\n      box-sizing: border-box;\n    }\n\n    .ig-awareness-signals {\n      --ig-blue: #153447;\n      --ig-dark: #071d2a;\n      --ig-deep: #061824;\n      --ig-coral: #ed5740;\n      --ig-cyan: #55bfc4;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: 0 !important;\n\n      overflow: hidden;\n\n      padding:\n        112px\n        24px\n        118px;\n\n      background:\n        radial-gradient(\n          circle at 82% 42%,\n          rgba(85,191,196,.11),\n          transparent 28%\n        ),\n        radial-gradient(\n          circle at 15% 88%,\n          rgba(237,87,64,.06),\n          transparent 25%\n        ),\n        linear-gradient(\n          180deg,\n          #071d2a 0%,\n          #0a2938 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: #fff;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-awareness-signals-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    \/* =========================================================\n       HEAD\n       ========================================================= *\/\n\n    .ig-awareness-signals-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.92fr)\n        minmax(0,1.08fr);\n\n      gap: 85px;\n      align-items: end;\n\n      margin-bottom: 54px;\n    }\n\n    .ig-awareness-signals-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-awareness-signals-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-awareness-signals h2 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size:\n        clamp(42px,4.5vw,60px);\n\n      line-height: 1.05;\n      font-weight: 300;\n\n      letter-spacing: -.038em;\n    }\n\n    .ig-awareness-signals 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-awareness-signals-lead {\n      max-width: 690px;\n\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.67);\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-signals-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       MAIN GRID\n       ========================================================= *\/\n\n    .ig-awareness-signals-layout {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.9fr)\n        minmax(520px,1.1fr);\n\n      gap: 58px;\n      align-items: center;\n    }\n\n\n    \/* =========================================================\n       SIGNAL LIST\n       ========================================================= *\/\n\n    .ig-awareness-signals-list {\n      display: grid;\n      gap: 12px;\n    }\n\n    .ig-awareness-signal {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        54px\n        minmax(0,1fr);\n\n      gap: 18px;\n      align-items: center;\n\n      padding:\n        20px\n        20px;\n\n      border:\n        1px solid rgba(255,255,255,.08);\n\n      border-radius: 15px;\n\n      background:\n        rgba(255,255,255,.035);\n\n      transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease;\n    }\n\n    .ig-awareness-signal:hover {\n      transform: translateX(7px);\n\n      border-color:\n        rgba(85,191,196,.24);\n\n      background:\n        rgba(255,255,255,.065);\n    }\n\n    .ig-awareness-signal:nth-child(even):hover {\n      border-color:\n        rgba(237,87,64,.23);\n    }\n\n\n    \/* =========================================================\n       SIGNAL NUMBER\n       ========================================================= *\/\n\n    .ig-awareness-signal-number {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 46px;\n      height: 46px;\n\n      border:\n        1px solid rgba(85,191,196,.22);\n\n      border-radius: 50%;\n\n      background:\n        rgba(85,191,196,.055);\n\n      color: var(--ig-cyan);\n\n      font-size: 12px;\n      line-height: 1;\n      font-weight: 600;\n    }\n\n    .ig-awareness-signal:nth-child(even)\n    .ig-awareness-signal-number {\n      border-color:\n        rgba(237,87,64,.23);\n\n      background:\n        rgba(237,87,64,.06);\n\n      color: var(--ig-coral);\n    }\n\n\n    \/* =========================================================\n       SIGNAL COPY\n       ========================================================= *\/\n\n    .ig-awareness-signal h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: 22px;\n      line-height: 1.25;\n      font-weight: 500;\n\n      letter-spacing: -.018em;\n    }\n\n    .ig-awareness-signal p {\n      margin:\n        4px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.58);\n\n      font-size: 18px;\n      line-height: 1.45;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       RADAR\n       ========================================================= *\/\n\n    .ig-awareness-radar-wrap {\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 570px;\n    }\n\n    .ig-awareness-radar {\n      position: relative;\n\n      width: min(520px,100%);\n      aspect-ratio: 1 \/ 1;\n\n      border:\n        1px solid rgba(85,191,196,.11);\n\n      border-radius: 50%;\n\n      background:\n        radial-gradient(\n          circle,\n          rgba(85,191,196,.055) 0%,\n          rgba(85,191,196,.018) 46%,\n          transparent 70%\n        );\n\n      box-shadow:\n        inset 0 0 65px rgba(85,191,196,.025),\n        0 30px 70px rgba(0,0,0,.12);\n    }\n\n\n    \/* =========================================================\n       RADAR RINGS\n       ========================================================= *\/\n\n    .ig-awareness-radar-ring {\n      position: absolute;\n\n      top: 50%;\n      left: 50%;\n\n      border:\n        1px solid rgba(85,191,196,.11);\n\n      border-radius: 50%;\n\n      transform:\n        translate(-50%,-50%);\n    }\n\n    .ig-awareness-radar-ring--1 {\n      width: 78%;\n      height: 78%;\n    }\n\n    .ig-awareness-radar-ring--2 {\n      width: 56%;\n      height: 56%;\n    }\n\n    .ig-awareness-radar-ring--3 {\n      width: 34%;\n      height: 34%;\n    }\n\n\n    \/* =========================================================\n       RADAR AXIS\n       ========================================================= *\/\n\n    .ig-awareness-radar::before,\n    .ig-awareness-radar::after {\n      content: \"\";\n\n      position: absolute;\n\n      z-index: 0;\n\n      background:\n        rgba(85,191,196,.08);\n    }\n\n    .ig-awareness-radar::before {\n      top: 50%;\n      left: 10%;\n      right: 10%;\n\n      height: 1px;\n    }\n\n    .ig-awareness-radar::after {\n      top: 10%;\n      bottom: 10%;\n      left: 50%;\n\n      width: 1px;\n    }\n\n\n   \/* =========================================================\n   RADAR SWEEP\n   ========================================================= *\/\n\n.ig-awareness-radar-sweep {\n  position: absolute;\n\n  top: 50%;\n  left: 50%;\n\n  width: 48%;\n  height: 48%;\n\n  z-index: 1;\n\n  \/*\n   * Drehpunkt = innere Ecke im Radarzentrum\n   *\/\n  transform-origin: 0 0;\n\n  \/*\n   * Der Keil zeigt vom Zentrum nach aussen.\n   *\/\n  clip-path:\n    polygon(\n      0 0,\n      100% 0,\n      100% 100%\n    );\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(85,191,196,.34) 0%,\n      rgba(85,191,196,.18) 25%,\n      rgba(85,191,196,.07) 52%,\n      rgba(85,191,196,0) 78%\n    );\n\n  filter:\n    drop-shadow(\n      0 0 18px rgba(85,191,196,.08)\n    );\n\n  animation:\n    ig-awareness-radar-spin\n    9s\n    linear\n    infinite;\n\n  pointer-events: none;\n}\n\n\n@keyframes ig-awareness-radar-spin {\n\n  from {\n    transform: rotate(180deg);\n  }\n\n  to {\n    transform: rotate(540deg);\n  }\n\n}\n\n    \/* =========================================================\n       CENTER\n       ========================================================= *\/\n\n    .ig-awareness-radar-center {\n      position: absolute;\n\n      top: 50%;\n      left: 50%;\n\n      z-index: 4;\n\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n\n      width: 150px;\n      height: 150px;\n\n      transform:\n        translate(-50%,-50%);\n\n      border:\n        1px solid rgba(255,255,255,.12);\n\n      border-radius: 50%;\n\n      background:\n        rgba(7,29,42,.86);\n\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n\n      box-shadow:\n        0 20px 50px rgba(0,0,0,.18);\n    }\n\n    .ig-awareness-radar-center span {\n      color: var(--ig-cyan);\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-awareness-radar-center strong {\n      margin-top: 6px;\n\n      color: #fff;\n\n      font-size: 25px;\n      line-height: 1.15;\n      font-weight: 500;\n\n      text-align: center;\n    }\n\n\n    \/* =========================================================\n       DOTS\n       ========================================================= *\/\n\n    .ig-awareness-radar-dot {\n      position: absolute;\n      z-index: 3;\n\n      width: 13px;\n      height: 13px;\n\n      border-radius: 50%;\n\n      background: var(--ig-cyan);\n\n      box-shadow:\n        0 0 0 7px rgba(85,191,196,.08),\n        0 0 22px rgba(85,191,196,.45);\n\n      animation:\n        ig-awareness-radar-pulse\n        3.4s\n        ease-in-out\n        infinite;\n    }\n\n    .ig-awareness-radar-dot:nth-of-type(even) {\n      background: var(--ig-coral);\n\n      box-shadow:\n        0 0 0 7px rgba(237,87,64,.08),\n        0 0 22px rgba(237,87,64,.40);\n    }\n\n    .ig-awareness-radar-dot--1 {\n      top: 20%;\n      left: 39%;\n\n      animation-delay: 0s;\n    }\n\n    .ig-awareness-radar-dot--2 {\n      top: 32%;\n      right: 19%;\n\n      animation-delay: .6s;\n    }\n\n    .ig-awareness-radar-dot--3 {\n      bottom: 23%;\n      right: 30%;\n\n      animation-delay: 1.2s;\n    }\n\n    .ig-awareness-radar-dot--4 {\n      bottom: 29%;\n      left: 19%;\n\n      animation-delay: 1.8s;\n    }\n\n    .ig-awareness-radar-dot--5 {\n      top: 31%;\n      left: 18%;\n\n      animation-delay: 2.4s;\n    }\n\n    @keyframes ig-awareness-radar-pulse {\n\n      0%,\n      100% {\n        opacity: .55;\n\n        transform: scale(.85);\n      }\n\n      45% {\n        opacity: 1;\n\n        transform: scale(1.25);\n      }\n\n    }\n\n\n    \/* =========================================================\n       LABELS\n       ========================================================= *\/\n\n    .ig-awareness-radar-label {\n      position: absolute;\n      z-index: 4;\n\n      padding:\n        7px\n        10px;\n\n      border:\n        1px solid rgba(255,255,255,.08);\n\n      border-radius: 7px;\n\n      background:\n        rgba(7,29,42,.72);\n\n      color:\n        rgba(255,255,255,.72);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n    }\n\n    .ig-awareness-radar-label--1 {\n      top: 12%;\n      left: 29%;\n    }\n\n    .ig-awareness-radar-label--2 {\n      top: 26%;\n      right: 3%;\n    }\n\n    .ig-awareness-radar-label--3 {\n      bottom: 13%;\n      right: 20%;\n    }\n\n    .ig-awareness-radar-label--4 {\n      bottom: 21%;\n      left: 3%;\n    }\n\n    .ig-awareness-radar-label--5 {\n      top: 23%;\n      left: 2%;\n    }\n\n\n    \/* =========================================================\n       BOTTOM SALES HINT\n       ========================================================= *\/\n\n    .ig-awareness-signals-bottom {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 28px;\n\n      margin-top: 42px;\n\n      padding-top: 28px;\n\n      border-top:\n        1px solid rgba(255,255,255,.08);\n    }\n\n    .ig-awareness-signals-bottom-label {\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-awareness-signals-bottom p {\n      max-width: 900px;\n\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.64);\n\n      font-size: 20px;\n      line-height: 1.45;\n      font-weight: 300;\n\n      text-align: right;\n    }\n\n    .ig-awareness-signals-bottom strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 1100px) {\n\n      .ig-awareness-signals-layout {\n        grid-template-columns: 1fr;\n      }\n\n      .ig-awareness-radar-wrap {\n        min-height: 520px;\n      }\n\n    }\n\n\n    @media (max-width: 980px) {\n\n      .ig-awareness-signals {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-awareness-signals-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-awareness-signals-head {\n        grid-template-columns: 1fr;\n\n        gap: 28px;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-awareness-signals {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-awareness-signals-inner {\n        width: 100%;\n      }\n\n      .ig-awareness-signals-lead {\n        font-size: 20px;\n      }\n\n      .ig-awareness-signal {\n        grid-template-columns:\n          46px\n          minmax(0,1fr);\n\n        gap: 13px;\n\n        padding:\n          17px\n          16px;\n      }\n\n      .ig-awareness-signal-number {\n        width: 40px;\n        height: 40px;\n      }\n\n      .ig-awareness-signal h3 {\n        font-size: 20px;\n      }\n\n      .ig-awareness-signal p {\n        font-size: 17px;\n      }\n\n      .ig-awareness-radar-wrap {\n        min-height: 390px;\n      }\n\n      .ig-awareness-radar {\n        width: 360px;\n        max-width: 100%;\n      }\n\n      .ig-awareness-radar-center {\n        width: 118px;\n        height: 118px;\n      }\n\n      .ig-awareness-radar-center strong {\n        font-size: 20px;\n      }\n\n      .ig-awareness-radar-label {\n        font-size: 10px;\n\n        padding:\n          5px\n          7px;\n      }\n\n      .ig-awareness-signals-bottom {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .ig-awareness-signals-bottom p {\n        text-align: left;\n\n        font-size: 18px;\n      }\n\n    }\n\n\n    \/* =========================================================\n       REDUCED MOTION\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-awareness-radar-sweep,\n      .ig-awareness-radar-dot {\n        animation: none;\n      }\n\n      .ig-awareness-signal {\n        transition: none;\n      }\n\n      .ig-awareness-signal:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"ig-awareness-signals-inner\">\n\n\n    <!-- =====================================================\n         HEAD\n         ===================================================== -->\n\n    <header class=\"ig-awareness-signals-head\">\n\n      <div>\n\n        <div class=\"ig-awareness-signals-kicker\">\n          Customer Signals\n        <\/div>\n\n        <h2 id=\"ig-awareness-signals-title\">\n          Wann solltest du\n          <strong>Awareness ansprechen?<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"ig-awareness-signals-lead\">\n        Du brauchst keine komplizierte Bedarfsanalyse.\n        <strong>Einige Kundensignale reichen f\u00fcr den Einstieg.<\/strong>\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         MAIN\n         ===================================================== -->\n\n    <div class=\"ig-awareness-signals-layout\">\n\n\n      <!-- LEFT \u00b7 SIGNALS -->\n\n      <div class=\"ig-awareness-signals-list\">\n\n\n        <!-- 01 -->\n\n        <article class=\"ig-awareness-signal\">\n\n          <span class=\"ig-awareness-signal-number\">\n            01\n          <\/span>\n\n          <div>\n\n            <h3>\n              Phishing ist regelm\u00e4ssig ein Thema\n            <\/h3>\n\n            <p>\n              Verd\u00e4chtige Nachrichten f\u00fchren immer wieder zu Unsicherheit.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 02 -->\n\n        <article class=\"ig-awareness-signal\">\n\n          <span class=\"ig-awareness-signal-number\">\n            02\n          <\/span>\n\n          <div>\n\n            <h3>\n              Audit oder Compliance steht an\n            <\/h3>\n\n            <p>\n              Awareness soll strukturiert und nachvollziehbar werden.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 03 -->\n\n        <article class=\"ig-awareness-signal\">\n\n          <span class=\"ig-awareness-signal-number\">\n            03\n          <\/span>\n\n          <div>\n\n            <h3>\n              Kein klares Awareness-Programm\n            <\/h3>\n\n            <p>\n              Schulungen passieren nur punktuell oder gar nicht.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 04 -->\n\n        <article class=\"ig-awareness-signal\">\n\n          <span class=\"ig-awareness-signal-number\">\n            04\n          <\/span>\n\n          <div>\n\n            <h3>\n              Hybrides Arbeiten erh\u00f6ht das Risiko\n            <\/h3>\n\n            <p>\n              Mitarbeitende arbeiten ausserhalb der klassischen Umgebung.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 05 -->\n\n        <article class=\"ig-awareness-signal\">\n\n          <span class=\"ig-awareness-signal-number\">\n            05\n          <\/span>\n\n          <div>\n\n            <h3>\n              Security soll langfristig verankert werden\n            <\/h3>\n\n            <p>\n              Der Kunde sucht mehr als eine einmalige Schulung.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- RIGHT \u00b7 RADAR -->\n\n      <div class=\"ig-awareness-radar-wrap\" aria-label=\"Customer Signal Radar\">\n\n\n        <div class=\"ig-awareness-radar\">\n\n\n          <!-- rings -->\n\n          <span class=\"ig-awareness-radar-ring ig-awareness-radar-ring--1\" aria-hidden=\"true\">\n          <\/span>\n\n          <span class=\"ig-awareness-radar-ring ig-awareness-radar-ring--2\" aria-hidden=\"true\">\n          <\/span>\n\n          <span class=\"ig-awareness-radar-ring ig-awareness-radar-ring--3\" aria-hidden=\"true\">\n          <\/span>\n\n\n          <!-- sweep -->\n\n          <span class=\"ig-awareness-radar-sweep\" aria-hidden=\"true\">\n          <\/span>\n\n\n          <!-- center -->\n\n          <div class=\"ig-awareness-radar-center\">\n\n            <span>\n              Customer\n            <\/span>\n\n            <strong>\n              Signals\n            <\/strong>\n\n          <\/div>\n\n\n          <!-- dots -->\n\n          <span class=\"ig-awareness-radar-dot ig-awareness-radar-dot--1\" aria-hidden=\"true\">\n          <\/span>\n\n          <span class=\"ig-awareness-radar-dot ig-awareness-radar-dot--2\" aria-hidden=\"true\">\n          <\/span>\n\n          <span class=\"ig-awareness-radar-dot ig-awareness-radar-dot--3\" aria-hidden=\"true\">\n          <\/span>\n\n          <span class=\"ig-awareness-radar-dot ig-awareness-radar-dot--4\" aria-hidden=\"true\">\n          <\/span>\n\n          <span class=\"ig-awareness-radar-dot ig-awareness-radar-dot--5\" aria-hidden=\"true\">\n          <\/span>\n\n\n          <!-- labels -->\n\n          <span class=\"ig-awareness-radar-label ig-awareness-radar-label--1\">\n            Phishing\n          <\/span>\n\n          <span class=\"ig-awareness-radar-label ig-awareness-radar-label--2\">\n            Compliance\n          <\/span>\n\n          <span class=\"ig-awareness-radar-label ig-awareness-radar-label--3\">\n            Security Culture\n          <\/span>\n\n          <span class=\"ig-awareness-radar-label ig-awareness-radar-label--4\">\n            Training Gap\n          <\/span>\n\n          <span class=\"ig-awareness-radar-label ig-awareness-radar-label--5\">\n            Remote Work\n          <\/span>\n\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SALES HINT\n         ===================================================== -->\n\n    <div class=\"ig-awareness-signals-bottom\">\n\n      <span class=\"ig-awareness-signals-bottom-label\">\n        Sales Hint\n      <\/span>\n\n      <p>\n        Erkennst du eines dieser Signale?\n        <strong>Dann lohnt sich das Gespr\u00e4ch \u00fcber Awareness.<\/strong>\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-awareness-business\"\n  id=\"awareness-business\"\n  aria-labelledby=\"ig-awareness-business-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       AWARENESS SERVICES\n       SECTION 06 \u00b7 PARTNER BUSINESS\n       PAGE ID 26729\n       ========================================================= *\/\n\n    .ig-awareness-business,\n    .ig-awareness-business * {\n      box-sizing: border-box;\n    }\n\n    .ig-awareness-business {\n      --ig-blue: #153447;\n      --ig-coral: #ed5740;\n      --ig-cyan: #55bfc4;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: 0 !important;\n\n      overflow: hidden;\n\n      padding: 112px 24px 118px;\n\n      background:\n        radial-gradient(\n          circle at 88% 12%,\n          rgba(85,191,196,.07),\n          transparent 24%\n        ),\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f7faf9 100%\n        );\n\n      font-family: \"Outfit\", serif;\n      color: var(--ig-blue);\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-awareness-business-inner {\n      position: relative;\n      z-index: 2;\n\n      width: min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n    }\n\n\n    \/* =========================================================\n       HEAD\n       ========================================================= *\/\n\n    .ig-awareness-business-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.88fr)\n        minmax(0,1.12fr);\n\n      gap: 82px;\n      align-items: end;\n\n      margin-bottom: 58px;\n    }\n\n    .ig-awareness-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-awareness-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-awareness-business h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: clamp(42px,4.5vw,60px);\n      line-height: 1.05;\n      font-weight: 300;\n\n      letter-spacing: -.038em;\n    }\n\n    .ig-awareness-business h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: #181d1f;\n\n      font-weight: 500;\n    }\n\n    .ig-awareness-business-lead {\n      max-width: 680px;\n\n      margin: 0;\n\n      color: #607078;\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-business-lead strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       BUSINESS PATH\n       ========================================================= *\/\n\n    .ig-awareness-business-path {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n      gap: 18px;\n    }\n\n\n    \/* =========================================================\n       CARD\n       ========================================================= *\/\n\n    .ig-awareness-business-card {\n      position: relative;\n\n      min-height: 330px;\n\n      padding:\n        33px\n        30px;\n\n      overflow: hidden;\n\n      border:\n        1px solid rgba(21,52,71,.08);\n\n      border-radius: 19px;\n\n      background: #fff;\n\n      box-shadow:\n        0 14px 36px rgba(21,52,71,.055);\n\n      transition:\n        transform .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n    }\n\n    .ig-awareness-business-card:hover {\n      transform: translateY(-6px);\n\n      border-color:\n        rgba(85,191,196,.20);\n\n      box-shadow:\n        0 22px 48px rgba(21,52,71,.09);\n    }\n\n    .ig-awareness-business-card:nth-child(2):hover {\n      border-color:\n        rgba(237,87,64,.20);\n    }\n\n\n    \/* =========================================================\n       NUMBER\n       ========================================================= *\/\n\n    .ig-awareness-business-number {\n      display: block;\n\n      margin-bottom: 42px;\n\n      color:\n        rgba(21,52,71,.08);\n\n      font-size: 64px;\n      line-height: .9;\n      font-weight: 500;\n\n      letter-spacing: -.06em;\n    }\n\n\n    \/* =========================================================\n       LABEL\n       ========================================================= *\/\n\n    .ig-awareness-business-label {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 8px;\n\n      margin-bottom: 10px;\n\n      color: var(--ig-cyan);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .11em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-business-card:nth-child(2)\n    .ig-awareness-business-label {\n      color: var(--ig-coral);\n    }\n\n    .ig-awareness-business-label::before {\n      content: \"\";\n\n      width: 28px;\n      height: 2px;\n\n      background: currentColor;\n    }\n\n\n    \/* =========================================================\n       COPY\n       ========================================================= *\/\n\n    .ig-awareness-business-card h3 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: 31px;\n      line-height: 1.18;\n      font-weight: 500;\n\n      letter-spacing: -.025em;\n    }\n\n    .ig-awareness-business-card p {\n      margin:\n        14px\n        0\n        0;\n\n      color: #66757c;\n\n      font-size: 19px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       BUSINESS RESULT\n       ========================================================= *\/\n\n    .ig-awareness-business-result {\n      position: absolute;\n\n      left: 30px;\n      right: 30px;\n      bottom: 29px;\n\n      display: flex;\n      align-items: center;\n\n      gap: 9px;\n\n      padding-top: 18px;\n\n      border-top:\n        1px solid rgba(21,52,71,.08);\n\n      color: var(--ig-blue);\n\n      font-size: 14px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n    .ig-awareness-business-result::before {\n      content: \"\u2192\";\n\n      color: var(--ig-coral);\n\n      font-size: 18px;\n      line-height: 1;\n    }\n\n\n    \/* =========================================================\n       FLOW BETWEEN CARDS\n       ========================================================= *\/\n\n    .ig-awareness-business-arrow {\n      position: absolute;\n\n      z-index: 5;\n\n      top: 50%;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 42px;\n      height: 42px;\n\n      transform: translate(-50%,-50%);\n\n      border:\n        1px solid rgba(21,52,71,.09);\n\n      border-radius: 50%;\n\n      background: #fff;\n\n      color: var(--ig-coral);\n\n      font-size: 18px;\n      line-height: 1;\n\n      box-shadow:\n        0 8px 20px rgba(21,52,71,.08);\n    }\n\n    .ig-awareness-business-arrow--1 {\n      left: 33.33%;\n    }\n\n    .ig-awareness-business-arrow--2 {\n      left: 66.66%;\n    }\n\n\n    \/* =========================================================\n       BOTTOM STATEMENT\n       ========================================================= *\/\n\n    .ig-awareness-business-bottom {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.72fr)\n        minmax(0,1.28fr);\n\n      gap: 60px;\n      align-items: center;\n\n      margin-top: 32px;\n\n      padding:\n        41px\n        40px;\n\n      border-radius: 20px;\n\n      background:\n        linear-gradient(\n          110deg,\n          #071d2a 0%,\n          #153447 68%,\n          #173c48 100%\n        );\n\n      color: #fff;\n\n      box-shadow:\n        0 20px 48px rgba(21,52,71,.12);\n    }\n\n    .ig-awareness-business-bottom-label {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: var(--ig-cyan);\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-awareness-business-bottom h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(30px,3vw,42px);\n      line-height: 1.15;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n    .ig-awareness-business-bottom h3 strong {\n      display: block;\n\n      margin-top: 4px;\n\n      color: var(--ig-coral);\n\n      font-weight: 500;\n    }\n\n    .ig-awareness-business-bottom p {\n      margin: 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-awareness-business-bottom p strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .ig-awareness-business {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-awareness-business-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-awareness-business-head,\n      .ig-awareness-business-bottom {\n        grid-template-columns: 1fr;\n\n        gap: 28px;\n      }\n\n      .ig-awareness-business-path {\n        grid-template-columns: 1fr;\n      }\n\n      .ig-awareness-business-arrow {\n        display: none;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-awareness-business {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-awareness-business-inner {\n        width: 100%;\n      }\n\n      .ig-awareness-business-lead {\n        font-size: 20px;\n      }\n\n      .ig-awareness-business-card {\n        min-height: 300px;\n\n        padding:\n          28px\n          24px;\n      }\n\n      .ig-awareness-business-result {\n        left: 24px;\n        right: 24px;\n        bottom: 24px;\n      }\n\n      .ig-awareness-business-bottom {\n        padding:\n          30px\n          25px;\n      }\n\n      .ig-awareness-business-bottom p {\n        font-size: 19px;\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-awareness-business-card {\n        transition: none;\n      }\n\n      .ig-awareness-business-card:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"ig-awareness-business-inner\">\n\n\n    <!-- =====================================================\n         HEAD\n         ===================================================== -->\n\n    <header class=\"ig-awareness-business-head\">\n\n      <div>\n\n        <div class=\"ig-awareness-business-kicker\">\n          Partner Business\n        <\/div>\n\n        <h2 id=\"ig-awareness-business-title\">\n          Aus einem Training\n          <strong>kann mehr Gesch\u00e4ft entstehen.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"ig-awareness-business-lead\">\n        Awareness eignet sich als Einstieg beim Kunden \u2013\n        und kann Schritt f\u00fcr Schritt\n        <strong>zu einem laufenden Service ausgebaut werden.<\/strong>\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         BUSINESS PATH\n         ===================================================== -->\n\n    <div class=\"ig-awareness-business-path\">\n\n\n      <!-- 01 -->\n\n      <article class=\"ig-awareness-business-card\">\n\n        <span class=\"ig-awareness-business-number\">\n          01\n        <\/span>\n\n        <span class=\"ig-awareness-business-label\">\n          Einstieg\n        <\/span>\n\n        <h3>\n          Gespr\u00e4ch \u00f6ffnen\n        <\/h3>\n\n        <p>\n          Mit einem konkreten Awareness-Bedarf beim Kunden starten.\n        <\/p>\n\n        <div class=\"ig-awareness-business-result\">\n          Einfacher Einstieg ins Security-Gespr\u00e4ch\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 02 -->\n\n      <article class=\"ig-awareness-business-card\">\n\n        <span class=\"ig-awareness-business-number\">\n          02\n        <\/span>\n\n        <span class=\"ig-awareness-business-label\">\n          Ausbau\n        <\/span>\n\n        <h3>\n          Services kombinieren\n        <\/h3>\n\n        <p>\n          Workshops, Trainings, LMS und Simulationen erg\u00e4nzen.\n        <\/p>\n\n        <div class=\"ig-awareness-business-result\">\n          Mehr Leistung pro Kundenprojekt\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 03 -->\n\n      <article class=\"ig-awareness-business-card\">\n\n        <span class=\"ig-awareness-business-number\">\n          03\n        <\/span>\n\n        <span class=\"ig-awareness-business-label\">\n          Wiederkehrend\n        <\/span>\n\n        <h3>\n          Awareness weiterf\u00fchren\n        <\/h3>\n\n        <p>\n          Inhalte regelm\u00e4ssig erneuern und erneut trainieren.\n        <\/p>\n\n        <div class=\"ig-awareness-business-result\">\n          Potenzial f\u00fcr laufendes Gesch\u00e4ft\n        <\/div>\n\n      <\/article>\n\n\n      <!-- FLOW ARROWS -->\n\n      <span\n        class=\"ig-awareness-business-arrow ig-awareness-business-arrow--1\"\n        aria-hidden=\"true\">\n        \u2192\n      <\/span>\n\n      <span\n        class=\"ig-awareness-business-arrow ig-awareness-business-arrow--2\"\n        aria-hidden=\"true\">\n        \u2192\n      <\/span>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM\n         ===================================================== -->\n\n    <div class=\"ig-awareness-business-bottom\">\n\n      <div>\n\n        <span class=\"ig-awareness-business-bottom-label\">\n          Your customer. Our expertise.\n        <\/span>\n\n        <h3>\n          Du entwickelst die Kundenbeziehung.\n          <strong>Infinigate liefert die Expertise dazu.<\/strong>\n        <\/h3>\n\n      <\/div>\n\n\n      <p>\n        Von der ersten Idee bis zur Durchf\u00fchrung:\n        <strong>Unsere TechServices unterst\u00fctzen dich dort,\n        wo zus\u00e4tzliche Ressourcen oder Know-how gebraucht werden.<\/strong>\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-awareness-techservices\"\n  id=\"techservices\"\n  aria-labelledby=\"ig-awareness-techservices-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       AWARENESS SERVICES\n       SECTION 07 \u00b7 TECHSERVICES CROSS-SELL\n       PAGE ID 26729\n       ========================================================= *\/\n\n    .ig-awareness-techservices,\n    .ig-awareness-techservices * {\n      box-sizing: border-box;\n    }\n\n    .ig-awareness-techservices {\n      --ig-blue: #153447;\n      --ig-dark: #071d2a;\n      --ig-coral: #ed5740;\n      --ig-cyan: #55bfc4;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: 0 !important;\n\n      overflow: hidden;\n\n      padding: 112px 24px 118px;\n\n      background:\n        radial-gradient(\n          circle at 92% 5%,\n          rgba(85,191,196,.07),\n          transparent 24%\n        ),\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f5f8f9 100%\n        );\n\n      font-family: \"Outfit\", serif;\n      color: var(--ig-blue);\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-awareness-techservices-inner {\n      position: relative;\n      z-index: 2;\n\n      width: min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n    }\n\n\n    \/* =========================================================\n       HEAD\n       ========================================================= *\/\n\n    .ig-awareness-techservices-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.9fr)\n        minmax(0,1.1fr);\n\n      gap: 82px;\n      align-items: end;\n\n      margin-bottom: 55px;\n    }\n\n    .ig-awareness-techservices-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-awareness-techservices-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-awareness-techservices h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: clamp(42px,4.5vw,60px);\n      line-height: 1.05;\n      font-weight: 300;\n\n      letter-spacing: -.038em;\n    }\n\n    .ig-awareness-techservices h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: #181d1f;\n\n      font-weight: 500;\n    }\n\n    .ig-awareness-techservices-lead {\n      max-width: 680px;\n\n      margin: 0;\n\n      color: #607078;\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-techservices-lead strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       MAIN SERVICE GRID\n       ========================================================= *\/\n\n    .ig-awareness-techservices-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n      gap: 18px;\n    }\n\n\n    \/* =========================================================\n       SERVICE CARD\n       ========================================================= *\/\n\n    .ig-awareness-tech-card {\n      position: relative;\n\n      display: flex;\n      flex-direction: column;\n\n      min-height: 360px;\n\n      padding:\n        32px\n        30px;\n\n      overflow: hidden;\n\n      border:\n        1px solid rgba(21,52,71,.08);\n\n      border-radius: 20px;\n\n      background: #fff;\n\n      color: var(--ig-blue) !important;\n\n      text-decoration: none !important;\n\n      box-shadow:\n        0 14px 36px rgba(21,52,71,.055);\n\n      transition:\n        transform .32s ease,\n        box-shadow .32s ease,\n        border-color .32s ease;\n    }\n\n    .ig-awareness-tech-card:hover {\n      transform: translateY(-7px);\n\n      border-color:\n        rgba(85,191,196,.22);\n\n      box-shadow:\n        0 24px 52px rgba(21,52,71,.10);\n    }\n\n\n    \/* =========================================================\n       COLOURED TOP\n       ========================================================= *\/\n\n    .ig-awareness-tech-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: 0;\n      right: 0;\n\n      height: 5px;\n\n      background: var(--ig-cyan);\n    }\n\n    .ig-awareness-tech-card:nth-child(2)::before {\n      background: var(--ig-coral);\n    }\n\n    .ig-awareness-tech-card--active::before {\n      background:\n        linear-gradient(\n          90deg,\n          var(--ig-coral),\n          var(--ig-cyan)\n        );\n    }\n\n\n    \/* =========================================================\n       NUMBER\n       ========================================================= *\/\n\n    .ig-awareness-tech-number {\n      display: block;\n\n      margin-bottom: 46px;\n\n      color:\n        rgba(21,52,71,.075);\n\n      font-size: 62px;\n      line-height: .9;\n      font-weight: 500;\n\n      letter-spacing: -.06em;\n    }\n\n\n    \/* =========================================================\n       CARD COPY\n       ========================================================= *\/\n\n    .ig-awareness-tech-label {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: var(--ig-cyan);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .11em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-tech-card:nth-child(2)\n    .ig-awareness-tech-label {\n      color: var(--ig-coral);\n    }\n\n    .ig-awareness-tech-card h3 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: 31px;\n      line-height: 1.18;\n      font-weight: 500;\n\n      letter-spacing: -.025em;\n    }\n\n    .ig-awareness-tech-card p {\n      margin:\n        13px\n        0\n        0;\n\n      color: #68777e;\n\n      font-size: 19px;\n      line-height: 1.48;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       CARD FOOT\n       ========================================================= *\/\n\n    .ig-awareness-tech-card-foot {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 15px;\n\n      margin-top: auto;\n\n      padding-top: 30px;\n    }\n\n    .ig-awareness-tech-card-foot span:first-child {\n      color: var(--ig-blue);\n\n      font-size: 14px;\n      line-height: 1.3;\n      font-weight: 500;\n    }\n\n    .ig-awareness-tech-arrow {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 42px;\n      height: 42px;\n\n      flex: 0 0 auto;\n\n      border:\n        1px solid rgba(21,52,71,.12);\n\n      border-radius: 50%;\n\n      color: var(--ig-coral);\n\n      font-size: 18px;\n      line-height: 1;\n\n      transition:\n        transform .3s ease,\n        color .3s ease,\n        background-color .3s ease,\n        border-color .3s ease;\n    }\n\n    .ig-awareness-tech-card:hover\n    .ig-awareness-tech-arrow {\n      transform: translateX(3px);\n\n      border-color: var(--ig-coral);\n\n      background: var(--ig-coral);\n\n      color: #fff;\n    }\n\n\n    \/* =========================================================\n       ACTIVE CARD\n       ========================================================= *\/\n\n    .ig-awareness-tech-card--active {\n      background:\n        linear-gradient(\n          145deg,\n          #0a2938 0%,\n          #153447 100%\n        );\n\n      border-color:\n        rgba(255,255,255,.08);\n\n      color: #fff !important;\n    }\n\n    .ig-awareness-tech-card--active\n    .ig-awareness-tech-number {\n      color:\n        rgba(255,255,255,.09);\n    }\n\n    .ig-awareness-tech-card--active\n    .ig-awareness-tech-label {\n      color: var(--ig-cyan);\n    }\n\n    .ig-awareness-tech-card--active h3 {\n      color: #fff;\n    }\n\n    .ig-awareness-tech-card--active p {\n      color:\n        rgba(255,255,255,.64);\n    }\n\n    .ig-awareness-tech-card--active\n    .ig-awareness-tech-card-foot span:first-child {\n      color:\n        rgba(255,255,255,.82);\n    }\n\n    .ig-awareness-tech-card--active\n    .ig-awareness-tech-arrow {\n      border-color:\n        rgba(255,255,255,.18);\n\n      color: #fff;\n    }\n\n\n    \/* =========================================================\n       MORE TECHSERVICES\n       ========================================================= *\/\n\n    .ig-awareness-more {\n      margin-top: 34px;\n\n      padding:\n        33px\n        34px;\n\n      border:\n        1px solid rgba(21,52,71,.08);\n\n      border-radius: 19px;\n\n      background:\n        rgba(255,255,255,.88);\n\n      box-shadow:\n        0 14px 34px rgba(21,52,71,.04);\n    }\n\n    .ig-awareness-more-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 25px;\n\n      margin-bottom: 23px;\n    }\n\n    .ig-awareness-more-head span {\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-awareness-more-head strong {\n      color: var(--ig-blue);\n\n      font-size: 20px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       SMALL SERVICES\n       ========================================================= *\/\n\n    .ig-awareness-more-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(4,minmax(0,1fr));\n\n      gap: 11px;\n    }\n\n    .ig-awareness-more-item {\n      position: relative;\n\n      padding:\n        20px\n        19px;\n\n      border:\n        1px solid rgba(21,52,71,.07);\n\n      border-radius: 13px;\n\n      background: #f8fafb;\n\n      transition:\n        transform .25s ease,\n        background-color .25s ease;\n    }\n\n    .ig-awareness-more-item:hover {\n      transform: translateY(-3px);\n\n      background: #fff;\n    }\n\n    .ig-awareness-more-item span {\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: .10em;\n      text-transform: uppercase;\n    }\n\n    .ig-awareness-more-item:nth-child(even) span {\n      color: var(--ig-coral);\n    }\n\n    .ig-awareness-more-item strong {\n      display: block;\n\n      color: var(--ig-blue);\n\n      font-size: 20px;\n      line-height: 1.3;\n      font-weight: 500;\n    }\n\n    .ig-awareness-more-item p {\n      margin:\n        7px\n        0\n        0;\n\n      color: #69777d;\n\n      font-size: 17px;\n      line-height: 1.4;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       BOTTOM\n       ========================================================= *\/\n\n    .ig-awareness-techservices-bottom {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 30px;\n\n      margin-top: 36px;\n\n      padding-top: 28px;\n\n      border-top:\n        1px solid rgba(21,52,71,.08);\n    }\n\n    .ig-awareness-techservices-bottom span {\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-awareness-techservices-bottom p {\n      max-width: 850px;\n\n      margin: 0;\n\n      color: #65747b;\n\n      font-size: 20px;\n      line-height: 1.45;\n      font-weight: 300;\n\n      text-align: right;\n    }\n\n    .ig-awareness-techservices-bottom strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 1100px) {\n\n      .ig-awareness-techservices-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ig-awareness-tech-card {\n        min-height: 300px;\n      }\n\n      .ig-awareness-more-grid {\n        grid-template-columns:\n          repeat(2,minmax(0,1fr));\n      }\n\n    }\n\n\n    @media (max-width: 980px) {\n\n      .ig-awareness-techservices {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-awareness-techservices-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-awareness-techservices-head {\n        grid-template-columns: 1fr;\n\n        gap: 28px;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-awareness-techservices {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-awareness-techservices-inner {\n        width: 100%;\n      }\n\n      .ig-awareness-techservices-lead {\n        font-size: 20px;\n      }\n\n      .ig-awareness-tech-card {\n        min-height: 285px;\n\n        padding:\n          28px\n          24px;\n      }\n\n      .ig-awareness-tech-card h3 {\n        font-size: 27px;\n      }\n\n      .ig-awareness-more {\n        padding:\n          27px\n          22px;\n      }\n\n      .ig-awareness-more-head {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .ig-awareness-more-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ig-awareness-techservices-bottom {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .ig-awareness-techservices-bottom p {\n        text-align: left;\n\n        font-size: 18px;\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-awareness-tech-card,\n      .ig-awareness-tech-arrow,\n      .ig-awareness-more-item {\n        transition: none;\n      }\n\n      .ig-awareness-tech-card:hover,\n      .ig-awareness-more-item:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"ig-awareness-techservices-inner\">\n\n\n    <!-- =====================================================\n         HEAD\n         ===================================================== -->\n\n    <header class=\"ig-awareness-techservices-head\">\n\n      <div>\n\n        <div class=\"ig-awareness-techservices-kicker\">\n          Infinigate TechServices\n        <\/div>\n\n        <h2 id=\"ig-awareness-techservices-title\">\n          Mehr als Awareness.\n          <strong>Mehr M\u00f6glichkeiten f\u00fcr deine Kunden.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"ig-awareness-techservices-lead\">\n        Awareness ist ein Teil unseres TechServices-Angebots.\n        <strong>Je nach Projekt unterst\u00fctzen wir dich auch mit\n        Training, Planung und technischer Expertise.<\/strong>\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         MAIN SERVICES\n         ===================================================== -->\n\n    <div class=\"ig-awareness-techservices-grid\">\n\n\n      <!-- TECH TRAININGS -->\n\n      <a\n        class=\"ig-awareness-tech-card\"\n        href=\"https:\/\/www.infinigate.com\/ch\/tech-trainings\/\">\n\n        <span class=\"ig-awareness-tech-number\">\n          01\n        <\/span>\n\n        <span class=\"ig-awareness-tech-label\">\n          Enablement\n        <\/span>\n\n        <h3>\n          Tech Trainings\n        <\/h3>\n\n        <p>\n          Know-how aufbauen, zertifizieren und direkt anwenden.\n        <\/p>\n\n        <div class=\"ig-awareness-tech-card-foot\">\n\n          <span>\n            Tech Trainings entdecken\n          <\/span>\n\n          <span\n            class=\"ig-awareness-tech-arrow\"\n            aria-hidden=\"true\">\n            \u2192\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- WLAN -->\n\n      <a\n        class=\"ig-awareness-tech-card\"\n        href=\"https:\/\/www.infinigate.com\/ch\/wlan\/\">\n\n        <span class=\"ig-awareness-tech-number\">\n          02\n        <\/span>\n\n        <span class=\"ig-awareness-tech-label\">\n          Professional Services\n        <\/span>\n\n        <h3>\n          WLAN Ausleuchtung\n        <\/h3>\n\n        <p>\n          Professionelle WLAN-Planung statt Sch\u00e4tzung.\n        <\/p>\n\n        <div class=\"ig-awareness-tech-card-foot\">\n\n          <span>\n            WLAN Service entdecken\n          <\/span>\n\n          <span\n            class=\"ig-awareness-tech-arrow\"\n            aria-hidden=\"true\">\n            \u2192\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- AWARENESS -->\n\n      <a\n        class=\"ig-awareness-tech-card ig-awareness-tech-card--active\"\n        href=\"https:\/\/www.infinigate.com\/ch\/awareness-services\/\"\n        aria-current=\"page\">\n\n        <span class=\"ig-awareness-tech-number\">\n          03\n        <\/span>\n\n        <span class=\"ig-awareness-tech-label\">\n          Security Awareness\n        <\/span>\n\n        <h3>\n          Awareness Services\n        <\/h3>\n\n        <p>\n          Menschen sensibilisieren und Security im Alltag verankern.\n        <\/p>\n\n        <div class=\"ig-awareness-tech-card-foot\">\n\n          <span>\n            Du bist hier\n          <\/span>\n\n          <span\n            class=\"ig-awareness-tech-arrow\"\n            aria-hidden=\"true\">\n            \u2713\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         MORE TECHSERVICES\n         ===================================================== -->\n\n    <div class=\"ig-awareness-more\">\n\n      <div class=\"ig-awareness-more-head\">\n\n        <span>\n          More TechServices\n        <\/span>\n\n        <strong>\n          Unterst\u00fctzung rund um deine Kundenprojekte\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"ig-awareness-more-grid\">\n\n\n        <div class=\"ig-awareness-more-item\">\n\n          <span>\n            Pre-Sales\n          <\/span>\n\n          <strong>\n            L\u00f6sung planen\n          <\/strong>\n\n          <p>\n            Beratung, Konzept und PoC.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"ig-awareness-more-item\">\n\n          <span>\n            Professional Services\n          <\/span>\n\n          <strong>\n            L\u00f6sung umsetzen\n          <\/strong>\n\n          <p>\n            Installation, Integration und Review.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"ig-awareness-more-item\">\n\n          <span>\n            Support\n          <\/span>\n\n          <strong>\n            Betrieb unterst\u00fctzen\n          <\/strong>\n\n          <p>\n            Technische Hilfe, wenn sie gebraucht wird.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"ig-awareness-more-item\">\n\n          <span>\n            Demopool\n          <\/span>\n\n          <strong>\n            Vor dem Kauf testen\n          <\/strong>\n\n          <p>\n            L\u00f6sungen im Kundenumfeld ausprobieren.\n          <\/p>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM\n         ===================================================== -->\n\n    <div class=\"ig-awareness-techservices-bottom\">\n\n      <span>\n        One ecosystem\n      <\/span>\n\n      <p>\n        <strong>Du musst nicht alles selbst abdecken.<\/strong>\n        Infinigate erg\u00e4nzt deine Ressourcen dort,\n        wo zus\u00e4tzliche Expertise gebraucht wird.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-techtraining-techservices\"\n  id=\"techtraining-techservices\"\n  aria-labelledby=\"ig-techtraining-techservices-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       TECH TRAININGS\n       SECTION 07 \u00b7 TECHSERVICES OVERVIEW\n       PAGE ID 26727\n       ========================================================= *\/\n\n    .ig-techtraining-techservices,\n    .ig-techtraining-techservices * {\n      box-sizing: border-box;\n    }\n\n    .ig-techtraining-techservices {\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        112px\n        24px\n        118px;\n\n      background:\n        linear-gradient(\n          180deg,\n          #f5f8f9 0%,\n          #ffffff 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: var(--ig-blue);\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-techtraining-techservices-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    \/* =========================================================\n       HEADER\n       ========================================================= *\/\n\n    .ig-techtraining-techservices-head {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.86fr)\n        minmax(0,1.14fr);\n\n      gap: 82px;\n      align-items: end;\n\n      margin-bottom: 58px;\n    }\n\n    .ig-techtraining-techservices-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-techtraining-techservices-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-techtraining-techservices h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size:\n        clamp(42px,4.5vw,60px);\n\n      line-height: 1.05;\n      font-weight: 300;\n\n      letter-spacing: -.038em;\n    }\n\n    .ig-techtraining-techservices h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: #1d1e1f;\n\n      font-weight: 500;\n    }\n\n    .ig-techtraining-techservices-lead {\n      max-width: 700px;\n\n      margin: 0;\n\n      color: #607078;\n\n      font-size: 22px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-techtraining-techservices-lead strong {\n      color: var(--ig-blue);\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       SERVICE LIST\n       ========================================================= *\/\n\n    .ig-techtraining-techservices-list {\n      border-top:\n        1px solid rgba(21,52,71,.11);\n    }\n\n    .ig-techtraining-techservices-item {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        85px\n        minmax(0,.78fr)\n        minmax(0,1.22fr)\n        auto;\n\n      gap: 26px;\n      align-items: center;\n\n      min-height: 124px;\n\n      padding:\n        21px\n        7px;\n\n      border-bottom:\n        1px solid rgba(21,52,71,.11);\n\n      color: inherit !important;\n\n      text-decoration: none !important;\n\n      transition:\n        padding .3s ease,\n        background-color .3s ease;\n    }\n\n    .ig-techtraining-techservices-item:hover,\n    .ig-techtraining-techservices-item:focus-visible {\n      padding-left: 18px;\n      padding-right: 18px;\n\n      background:\n        rgba(21,52,71,.035);\n    }\n\n    .ig-techtraining-techservices-item:focus-visible {\n      outline:\n        3px solid rgba(88,185,232,.22);\n\n      outline-offset: 3px;\n    }\n\n\n    \/* ACTIVE *\/\n\n    .ig-techtraining-techservices-item--active {\n      background:\n        linear-gradient(\n          90deg,\n          rgba(21,52,71,.06),\n          rgba(88,185,232,.025)\n        );\n    }\n\n    .ig-techtraining-techservices-item--active:hover {\n      padding-left: 7px;\n      padding-right: 7px;\n    }\n\n\n    \/* =========================================================\n       NUMBER\n       ========================================================= *\/\n\n    .ig-techtraining-techservices-number {\n      color:\n        rgba(21,52,71,.11);\n\n      font-size: 47px;\n      line-height: 1;\n      font-weight: 500;\n\n      letter-spacing: -.05em;\n    }\n\n\n    \/* =========================================================\n       TITLE\n       ========================================================= *\/\n\n    .ig-techtraining-techservices-name {\n      display: block;\n\n      color: var(--ig-blue);\n\n      font-size: 28px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      letter-spacing: -.025em;\n    }\n\n    .ig-techtraining-techservices-type {\n      display: block;\n\n      margin-top: 5px;\n\n      color: var(--ig-coral);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .1em;\n      text-transform: uppercase;\n    }\n\n    .ig-techtraining-techservices-item:nth-child(even)\n    .ig-techtraining-techservices-type {\n      color: #318caf;\n    }\n\n\n    \/* =========================================================\n       DESCRIPTION\n       ========================================================= *\/\n\n    .ig-techtraining-techservices-desc {\n      margin: 0;\n\n      color: #65757c;\n\n      font-size: 19px;\n      line-height: 1.48;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       ARROW\n       ========================================================= *\/\n\n    .ig-techtraining-techservices-arrow {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 48px;\n      height: 48px;\n\n      border:\n        1px solid rgba(21,52,71,.12);\n\n      border-radius: 50%;\n\n      color: var(--ig-coral);\n\n      font-size: 22px;\n\n      transition:\n        transform .3s ease,\n        background-color .3s ease,\n        color .3s ease;\n    }\n\n    .ig-techtraining-techservices-item:hover\n    .ig-techtraining-techservices-arrow {\n      transform: translateX(4px);\n\n      background: var(--ig-coral);\n\n      color: #fff;\n    }\n\n    .ig-techtraining-techservices-current {\n      color: #87949a;\n\n      font-size: 13px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n\n    \/* =========================================================\n       BOTTOM\n       ========================================================= *\/\n\n    .ig-techtraining-techservices-bottom {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,.8fr)\n        minmax(0,1.2fr);\n\n      gap: 70px;\n      align-items: center;\n\n      margin-top: 47px;\n\n      padding:\n        38px\n        40px;\n\n      border-radius: 19px;\n\n      background:\n        linear-gradient(\n          105deg,\n          #071d2a,\n          #153447\n        );\n\n      color: #fff;\n    }\n\n    .ig-techtraining-techservices-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-techtraining-techservices-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-techtraining-techservices-bottom p {\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.68);\n\n      font-size: 20px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-techtraining-techservices-bottom strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .ig-techtraining-techservices {\n        padding:\n          92px\n          22px\n          98px;\n      }\n\n      .ig-techtraining-techservices-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-techtraining-techservices-head,\n      .ig-techtraining-techservices-bottom {\n        grid-template-columns: 1fr;\n\n        gap: 27px;\n      }\n\n      .ig-techtraining-techservices-item {\n        grid-template-columns:\n          65px\n          minmax(0,1fr)\n          auto;\n\n        gap: 20px;\n      }\n\n      .ig-techtraining-techservices-desc {\n        grid-column:\n          2 \/ 3;\n      }\n\n      .ig-techtraining-techservices-arrow,\n      .ig-techtraining-techservices-current {\n        grid-column: 3;\n        grid-row: 1 \/ span 2;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-techtraining-techservices {\n        padding:\n          74px\n          18px\n          80px;\n      }\n\n      .ig-techtraining-techservices-inner {\n        width: 100%;\n      }\n\n      .ig-techtraining-techservices-lead {\n        font-size: 20px;\n      }\n\n      .ig-techtraining-techservices-item {\n        grid-template-columns:\n          1fr\n          auto;\n\n        gap: 10px 18px;\n\n        min-height: 0;\n\n        padding:\n          25px\n          4px;\n      }\n\n      .ig-techtraining-techservices-item:hover,\n      .ig-techtraining-techservices-item:focus-visible {\n        padding-left: 4px;\n        padding-right: 4px;\n      }\n\n      .ig-techtraining-techservices-number {\n        display: none;\n      }\n\n      .ig-techtraining-techservices-desc {\n        grid-column: 1 \/ 2;\n      }\n\n      .ig-techtraining-techservices-arrow,\n      .ig-techtraining-techservices-current {\n        grid-column: 2;\n        grid-row: 1 \/ span 2;\n      }\n\n      .ig-techtraining-techservices-name {\n        font-size: 25px;\n      }\n\n      .ig-techtraining-techservices-bottom {\n        padding:\n          30px\n          25px;\n      }\n\n      .ig-techtraining-techservices-bottom p {\n        font-size: 19px;\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-techtraining-techservices-item,\n      .ig-techtraining-techservices-arrow {\n        transition: none;\n      }\n\n      .ig-techtraining-techservices-item:hover\n      .ig-techtraining-techservices-arrow {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"ig-techtraining-techservices-inner\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"ig-techtraining-techservices-head\">\n\n      <div>\n\n        <div class=\"ig-techtraining-techservices-kicker\">\n          Infinigate TechServices\n        <\/div>\n\n        <h2 id=\"ig-techtraining-techservices-title\">\n          Mehr als Training.\n          <strong>Expertise f\u00fcr dein Projekt.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"ig-techtraining-techservices-lead\">\n        Von Enablement bis Umsetzung:\n        <strong>Unsere TechServices unterst\u00fctzen dich\n        entlang des gesamten Kundenprojekts.<\/strong>\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         ALL TECHSERVICES\n         ===================================================== -->\n\n    <div class=\"ig-techtraining-techservices-list\">\n\n\n      <!-- 01 TECH TRAININGS -->\n\n      <a\n  class=\"ig-techtraining-techservices-item\"\n  href=\"https:\/\/www.infinigate.com\/ch\/tech-trainings\/\">\n\n  <div class=\"ig-techtraining-techservices-number\">\n    01\n  <\/div>\n\n  <div>\n\n    <span class=\"ig-techtraining-techservices-name\">\n      Tech Trainings\n    <\/span>\n\n    <span class=\"ig-techtraining-techservices-type\">\n      Enablement\n    <\/span>\n\n  <\/div>\n\n  <p class=\"ig-techtraining-techservices-desc\">\n    Wissen aufbauen, zertifizieren und direkt anwenden.\n  <\/p>\n\n  <span\n    class=\"ig-techtraining-techservices-arrow\"\n    aria-hidden=\"true\">\n    \u2192\n  <\/span>\n\n<\/a>\n\n\n      <!-- 02 WLAN -->\n\n      <a\n        class=\"ig-techtraining-techservices-item\"\n        href=\"https:\/\/www.infinigate.com\/ch\/wlan\/\">\n\n        <div class=\"ig-techtraining-techservices-number\">\n          02\n        <\/div>\n\n        <div>\n\n          <span class=\"ig-techtraining-techservices-name\">\n            WLAN Ausleuchtung\n          <\/span>\n\n          <span class=\"ig-techtraining-techservices-type\">\n            Professional Services\n          <\/span>\n\n        <\/div>\n\n        <p class=\"ig-techtraining-techservices-desc\">\n          Professionelle WLAN-Planung statt Sch\u00e4tzung.\n        <\/p>\n\n        <span\n          class=\"ig-techtraining-techservices-arrow\"\n          aria-hidden=\"true\">\n          \u2192\n        <\/span>\n\n      <\/a>\n\n     \n<!-- 03 AWARENESS \/ CURRENT -->\n\n<div\n  class=\"ig-techtraining-techservices-item\n         ig-techtraining-techservices-item--active\">\n\n  <div class=\"ig-techtraining-techservices-number\">\n    03\n  <\/div>\n\n  <div>\n\n    <span class=\"ig-techtraining-techservices-name\">\n      Awareness Services\n    <\/span>\n\n    <span class=\"ig-techtraining-techservices-type\">\n      Security Awareness\n    <\/span>\n\n  <\/div>\n\n  <p class=\"ig-techtraining-techservices-desc\">\n    Menschen sensibilisieren und Security im Alltag verankern.\n  <\/p>\n\n  <span class=\"ig-techtraining-techservices-current\">\n    Du bist hier\n  <\/span>\n\n<\/div>\n\n      <!-- 04 PRESALES -->\n\n      <a\n        class=\"ig-techtraining-techservices-item\"\n        href=\"https:\/\/www.infinigate.com\/ch\/technischer-presales\/\">\n\n        <div class=\"ig-techtraining-techservices-number\">\n          04\n        <\/div>\n\n        <div>\n\n          <span class=\"ig-techtraining-techservices-name\">\n            Pre-Sales\n          <\/span>\n\n          <span class=\"ig-techtraining-techservices-type\">\n            Consulting\n          <\/span>\n\n        <\/div>\n\n        <p class=\"ig-techtraining-techservices-desc\">\n          Anforderungen verstehen, L\u00f6sungen planen und PoCs begleiten.\n        <\/p>\n\n        <span\n          class=\"ig-techtraining-techservices-arrow\"\n          aria-hidden=\"true\">\n          \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- 05 PROFESSIONAL SERVICES -->\n\n      <a\n        class=\"ig-techtraining-techservices-item\"\n        href=\"https:\/\/www.infinigate.com\/ch\/services\/professionelle-konfigurations-und-installationsservices\/\">\n\n        <div class=\"ig-techtraining-techservices-number\">\n          05\n        <\/div>\n\n        <div>\n\n          <span class=\"ig-techtraining-techservices-name\">\n            Professional Services\n          <\/span>\n\n          <span class=\"ig-techtraining-techservices-type\">\n            Implementation\n          <\/span>\n\n        <\/div>\n\n        <p class=\"ig-techtraining-techservices-desc\">\n          L\u00f6sungen installieren, konfigurieren und integrieren.\n        <\/p>\n\n        <span\n          class=\"ig-techtraining-techservices-arrow\"\n          aria-hidden=\"true\">\n          \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- 06 SUPPORT -->\n\n      <a\n        class=\"ig-techtraining-techservices-item\"\n        href=\"https:\/\/www.infinigate.com\/ch\/support-formular-techservices\/\">\n\n        <div class=\"ig-techtraining-techservices-number\">\n          06\n        <\/div>\n\n        <div>\n\n          <span class=\"ig-techtraining-techservices-name\">\n            Support\n          <\/span>\n\n          <span class=\"ig-techtraining-techservices-type\">\n            Technical Support\n          <\/span>\n\n        <\/div>\n\n        <p class=\"ig-techtraining-techservices-desc\">\n          Technische Unterst\u00fctzung, wenn im Betrieb Hilfe gebraucht wird.\n        <\/p>\n\n        <span\n          class=\"ig-techtraining-techservices-arrow\"\n          aria-hidden=\"true\">\n          \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- 07 DEMOPOOL -->\n\n      <a\n        class=\"ig-techtraining-techservices-item\"\n        href=\"https:\/\/www.infinigate.com\/ch\/leihstellungen\/\">\n\n        <div class=\"ig-techtraining-techservices-number\">\n          07\n        <\/div>\n\n        <div>\n\n          <span class=\"ig-techtraining-techservices-name\">\n            Demopool\n          <\/span>\n\n          <span class=\"ig-techtraining-techservices-type\">\n            Test &#038; Evaluate\n          <\/span>\n\n        <\/div>\n\n        <p class=\"ig-techtraining-techservices-desc\">\n          L\u00f6sungen vor dem Kauf im Kundenumfeld testen.\n        <\/p>\n\n        <span\n          class=\"ig-techtraining-techservices-arrow\"\n          aria-hidden=\"true\">\n          \u2192\n        <\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM\n         ===================================================== -->\n\n    <div class=\"ig-techtraining-techservices-bottom\">\n\n      <div>\n\n        <span class=\"ig-techtraining-techservices-bottom-label\">\n          One ecosystem\n        <\/span>\n\n        <h3>\n          Du musst nicht alles\n          selbst abdecken.\n        <\/h3>\n\n      <\/div>\n\n      <p>\n        Infinigate erg\u00e4nzt deine Ressourcen dort,\n        wo <strong>zus\u00e4tzliche technische Expertise\n        oder Unterst\u00fctzung<\/strong> gebraucht wird.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"ig-awareness-contact\"\n  id=\"awareness-contact\"\n  aria-labelledby=\"ig-awareness-contact-title\">\n\n  <style>\n\n    \/* =========================================================\n       INFINIGATE TECHSERVICES\n       AWARENESS SERVICES\n       SECTION 08 \u00b7 CONTACT \/ FINAL CTA\n       PAGE ID 26729\n       ========================================================= *\/\n\n    .ig-awareness-contact,\n    .ig-awareness-contact * {\n      box-sizing: border-box;\n    }\n\n    .ig-awareness-contact {\n      --ig-blue: #153447;\n      --ig-dark: #061824;\n      --ig-coral: #ed5740;\n      --ig-cyan: #55bfc4;\n\n      position: relative;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: 0 !important;\n\n      overflow: hidden;\n\n      padding: 110px 24px;\n\n      background:\n        radial-gradient(\n          circle at 82% 34%,\n          rgba(85,191,196,.13),\n          transparent 26%\n        ),\n        radial-gradient(\n          circle at 12% 90%,\n          rgba(237,87,64,.08),\n          transparent 24%\n        ),\n        linear-gradient(\n          115deg,\n          #061824 0%,\n          #0b2938 55%,\n          #153447 100%\n        );\n\n      font-family: \"Outfit\", serif;\n\n      color: #fff;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ig-awareness-contact-inner {\n      position: relative;\n      z-index: 2;\n\n      width: min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n    }\n\n\n    \/* =========================================================\n       MAIN PANEL\n       ========================================================= *\/\n\n    .ig-awareness-contact-panel {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0,1.15fr)\n        minmax(340px,.85fr);\n\n      gap: 80px;\n      align-items: center;\n\n      padding: 58px 56px;\n\n      border:\n        1px solid rgba(255,255,255,.10);\n\n      border-radius: 22px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.065),\n          rgba(255,255,255,.018)\n        );\n\n      box-shadow:\n        0 26px 70px rgba(0,0,0,.14);\n\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n    }\n\n\n    \/* =========================================================\n       COPY\n       ========================================================= *\/\n\n    .ig-awareness-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-awareness-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-awareness-contact h2 {\n      max-width: 760px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(44px,5vw,68px);\n      line-height: 1.04;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n    }\n\n    .ig-awareness-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-awareness-contact-lead {\n      max-width: 700px;\n\n      margin:\n        24px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.69);\n\n      font-size: 21px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n    .ig-awareness-contact-lead strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CONTACT CARD\n       ========================================================= *\/\n\n    .ig-awareness-contact-card {\n      position: relative;\n\n      padding: 34px 31px;\n\n      border:\n        1px solid rgba(255,255,255,.10);\n\n      border-radius: 18px;\n\n      background:\n        rgba(3,20,31,.38);\n\n      box-shadow:\n        0 16px 38px rgba(0,0,0,.11);\n    }\n\n    .ig-awareness-contact-card-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-awareness-contact-card h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: 29px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      letter-spacing: -.025em;\n    }\n\n    .ig-awareness-contact-card p {\n      margin:\n        11px\n        0\n        0;\n\n      color:\n        rgba(255,255,255,.58);\n\n      font-size: 18px;\n      line-height: 1.45;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       CONTACT LINKS\n       ========================================================= *\/\n\n    .ig-awareness-contact-links {\n      display: grid;\n\n      gap: 11px;\n\n      margin-top: 27px;\n    }\n\n    .ig-awareness-contact-link {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 18px;\n\n      min-height: 58px;\n\n      padding:\n        13px\n        15px;\n\n      border:\n        1px solid rgba(255,255,255,.10);\n\n      border-radius: 10px;\n\n      background:\n        rgba(255,255,255,.04);\n\n      color: #fff !important;\n\n      font-size: 18px;\n      line-height: 1.35;\n      font-weight: 400;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .28s ease,\n        border-color .28s ease,\n        background-color .28s ease;\n    }\n\n    .ig-awareness-contact-link:hover,\n    .ig-awareness-contact-link:focus-visible {\n      transform: translateX(4px);\n\n      border-color:\n        rgba(237,87,64,.42);\n\n      background:\n        rgba(237,87,64,.09);\n    }\n\n    .ig-awareness-contact-link:focus-visible {\n      outline:\n        3px solid rgba(85,191,196,.25);\n\n      outline-offset: 3px;\n    }\n\n    .ig-awareness-contact-link small {\n      display: block;\n\n      margin-bottom: 2px;\n\n      color:\n        rgba(255,255,255,.45);\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-awareness-contact-link strong {\n      color: #fff;\n\n      font-size: 18px;\n      font-weight: 500;\n    }\n\n    .ig-awareness-contact-arrow {\n      color: var(--ig-coral);\n\n      font-size: 20px;\n      line-height: 1;\n    }\n\n\n    \/* =========================================================\n       BOTTOM NAV\n       ========================================================= *\/\n\n    .ig-awareness-contact-bottom {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 28px;\n\n      margin-top: 34px;\n\n      padding-top: 27px;\n\n      border-top:\n        1px solid rgba(255,255,255,.08);\n    }\n\n    .ig-awareness-contact-bottom p {\n      margin: 0;\n\n      color:\n        rgba(255,255,255,.52);\n\n      font-size: 17px;\n      line-height: 1.4;\n      font-weight: 300;\n    }\n\n    .ig-awareness-contact-back {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 9px;\n\n      color:\n        rgba(255,255,255,.78) !important;\n\n      font-size: 16px;\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-awareness-contact-back:hover,\n    .ig-awareness-contact-back:focus-visible {\n      transform: translateX(-3px);\n\n      color: #fff !important;\n    }\n\n    .ig-awareness-contact-back span {\n      color: var(--ig-coral);\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .ig-awareness-contact {\n        padding:\n          92px\n          22px;\n      }\n\n      .ig-awareness-contact-inner {\n        width:\n          min(100% - 44px,900px);\n      }\n\n      .ig-awareness-contact-panel {\n        grid-template-columns: 1fr;\n\n        gap: 42px;\n\n        padding:\n          45px\n          40px;\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .ig-awareness-contact {\n        padding:\n          74px\n          18px;\n      }\n\n      .ig-awareness-contact-inner {\n        width: 100%;\n      }\n\n      .ig-awareness-contact-panel {\n        padding:\n          32px\n          24px;\n      }\n\n      .ig-awareness-contact-lead {\n        font-size: 19px;\n      }\n\n      .ig-awareness-contact-card {\n        padding:\n          27px\n          22px;\n      }\n\n      .ig-awareness-contact-link {\n        font-size: 17px;\n      }\n\n      .ig-awareness-contact-bottom {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ig-awareness-contact-link,\n      .ig-awareness-contact-back {\n        transition: none;\n      }\n\n      .ig-awareness-contact-link:hover,\n      .ig-awareness-contact-back:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"ig-awareness-contact-inner\">\n\n\n    <div class=\"ig-awareness-contact-panel\">\n\n\n      <!-- LEFT -->\n\n      <div>\n\n        <div class=\"ig-awareness-contact-kicker\">\n          Let\u2019s talk\n        <\/div>\n\n        <h2 id=\"ig-awareness-contact-title\">\n          Du hast einen Kundenfall?\n          <strong>Lass uns dar\u00fcber sprechen.<\/strong>\n        <\/h2>\n\n        <p class=\"ig-awareness-contact-lead\">\n          Ob erste Idee oder konkretes Projekt:\n          <strong>Unser TechServices-Team unterst\u00fctzt dich\n          beim n\u00e4chsten Schritt.<\/strong>\n        <\/p>\n\n      <\/div>\n\n\n      <!-- RIGHT -->\n\n      <aside class=\"ig-awareness-contact-card\">\n\n        <span class=\"ig-awareness-contact-card-label\">\n          TechServices Schweiz\n        <\/span>\n\n        <h3>\n          Direkt zu unserem Team\n        <\/h3>\n\n        <p>\n          Kurzer Weg, direkte Unterst\u00fctzung.\n        <\/p>\n\n\n        <div class=\"ig-awareness-contact-links\">\n\n\n          <!-- MAIL -->\n\n          <a\n            class=\"ig-awareness-contact-link\"\n            href=\"mailto:techservices@infinigate.ch\">\n\n            <span>\n\n              <small>\n                E-Mail\n              <\/small>\n\n              <strong>\n                techservices@infinigate.ch\n              <\/strong>\n\n            <\/span>\n\n            <span\n              class=\"ig-awareness-contact-arrow\"\n              aria-hidden=\"true\">\n              \u2192\n            <\/span>\n\n          <\/a>\n\n\n          <!-- PHONE -->\n\n          <a\n            class=\"ig-awareness-contact-link\"\n            href=\"tel:+41417990101\">\n\n            <span>\n\n              <small>\n                Telefon\n              <\/small>\n\n              <strong>\n                +41 41 799 01 01\n              <\/strong>\n\n            <\/span>\n\n            <span\n              class=\"ig-awareness-contact-arrow\"\n              aria-hidden=\"true\">\n              \u2192\n            <\/span>\n\n          <\/a>\n\n\n        <\/div>\n\n      <\/aside>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n\n    <div class=\"ig-awareness-contact-bottom\">\n\n      <p>\n        Infinigate TechServices \u00b7 Awareness Services\n      <\/p>\n\n      <a\n        class=\"ig-awareness-contact-back\"\n        href=\"https:\/\/www.infinigate.com\/ch\/infinigate-sales-navigator\/\">\n\n        <span aria-hidden=\"true\">\n          \u2190\n        <\/span>\n\n        Zur\u00fcck zum Sales Navigator\n\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Infinigate TechServices Security Awareness, die Menschen erreicht. Security beginnt nicht nur bei Technologie. Sie beginnt bei den Menschen, die t\u00e4glich&hellip;<\/p>\n","protected":false},"author":43,"featured_media":26731,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[1130],"class_list":["post-26729","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"lang":"de","translations":{"de":26729},"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\/26729","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=26729"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/26729\/revisions"}],"predecessor-version":[{"id":26777,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/26729\/revisions\/26777"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media\/26731"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media?parent=26729"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/folder?post=26729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}