{"id":26675,"date":"2026-09-17T18:35:36","date_gmt":"2026-09-17T16:35:36","guid":{"rendered":"https:\/\/www.infinigate.com\/ch\/?page_id=26675"},"modified":"2026-10-26T16:56:05","modified_gmt":"2026-10-26T15:56:05","slug":"iam-kampagne","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/ch\/iam-kampagne\/","title":{"rendered":"IAM Kampagne"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull iam-page-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"iam-hero\" id=\"start\" aria-labelledby=\"iam-hero-title\">\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 01 \u00b7 HERO\n       ========================================================= *\/\n\n\n    \/* =========================================================\n       WORDPRESS \/ GUTENBERG FULLWIDTH FIX\n       ========================================================= *\/\n\n    body.page-id-26675 .iam-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\n\n    body.page-id-26675\n    .iam-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    \/* Standard-Seitenheader ausblenden *\/\n\n    .post-26675 > .site-main__header {\n      display: none !important;\n    }\n\n\n    \/* =========================================================\n       ROOT\n       ========================================================= *\/\n\n    .iam-hero,\n    .iam-hero * {\n      box-sizing: border-box;\n    }\n\n\n    .iam-hero {\n      --iam-navy: #153447;\n      --iam-dark: #061822;\n      --iam-deep: #081f2b;\n      --iam-coral: #ed5740;\n      --iam-ice: #d6e3e8;\n      --iam-muted: #9fb3bd;\n\n      position: relative;\n      isolation: isolate;\n\n      width: 100vw !important;\n      max-width: none !important;\n\n      min-height: min(940px, 96vh);\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: 0 !important;\n\n      margin-top: -115px !important;\n\n      overflow: hidden;\n\n      background:\n        linear-gradient(\n          90deg,\n          rgba(3,18,27,.97) 0%,\n          rgba(3,18,27,.93) 28%,\n          rgba(3,18,27,.72) 48%,\n          rgba(3,18,27,.28) 69%,\n          rgba(3,18,27,.08) 100%\n        ),\n        linear-gradient(\n          180deg,\n          rgba(2,15,23,.20) 0%,\n          rgba(2,15,23,.02) 48%,\n          rgba(2,15,23,.65) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_Hero.jpg\")\n        center center \/ cover no-repeat;\n\n      color: #fff;\n\n      font-family: \"Outfit\", sans-serif;\n    }\n\n\n    \/* =========================================================\n       ATMOSPHERE\n       ========================================================= *\/\n\n    .iam-hero::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      z-index: 0;\n\n      background:\n        radial-gradient(\n          circle at 75% 45%,\n          rgba(140,184,199,.10),\n          transparent 27%\n        ),\n        radial-gradient(\n          circle at 19% 68%,\n          rgba(21,52,71,.55),\n          transparent 45%\n        );\n\n      pointer-events: none;\n    }\n\n\n    .iam-hero::after {\n      content: \"\";\n\n      position: absolute;\n\n      left: 0;\n      right: 0;\n      bottom: 0;\n\n      z-index: 0;\n\n      height: 230px;\n\n      background:\n        linear-gradient(\n          180deg,\n          transparent 0%,\n          rgba(4,20,29,.30) 45%,\n          rgba(4,20,29,.76) 100%\n        );\n\n      pointer-events: none;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .iam-hero-inner {\n      position: relative;\n      z-index: 2;\n\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      width: min(1280px, calc(100% - 48px));\n\n      min-height: min(940px, 96vh);\n\n      margin-left: clamp(48px, 7vw, 120px);\n      margin-right: 0;\n\n      padding:\n        clamp(175px, 17vh, 225px)\n        0\n        clamp(105px, 12vh, 135px);\n\n      text-align: left;\n    }\n\n\n    \/* =========================================================\n       KICKER\n       ========================================================= *\/\n\n    .iam-hero-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 14px;\n\n      margin-bottom: 22px;\n\n      color: rgba(214,227,232,.88);\n\n      font-size: 13px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-hero-kicker::before {\n      content: \"\";\n\n      display: block;\n\n      width: 48px;\n      height: 2px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--iam-coral),\n          rgba(237,87,64,.28)\n        );\n    }\n\/* =========================================================\n   VENDORS\n   ========================================================= *\/\n\n.iam-hero-vendors {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  gap: 9px;\n\n  margin:\n    -5px\n    0\n    24px;\n}\n\n\n.iam-hero-vendors-label {\n  margin-right: 3px;\n\n  color: rgba(255,255,255,.46);\n\n  font-size: 11px;\n  line-height: 1.2;\n  font-weight: 500;\n\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n\n.iam-hero-vendor {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 32px;\n\n  padding:\n    6px\n    12px;\n\n  border: 1px solid rgba(255,255,255,.15);\n  border-radius: 50px;\n\n  background: rgba(255,255,255,.07);\n\n  color: rgba(255,255,255,.88);\n\n  font-size: 13px;\n  line-height: 1.2;\n  font-weight: 500;\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n\n.iam-hero-vendor::before {\n  content: \"\";\n\n  width: 5px;\n  height: 5px;\n\n  margin-right: 7px;\n\n  border-radius: 50%;\n\n  background: var(--iam-coral);\n}\n\n\n@media (max-width: 680px) {\n\n  .iam-hero-vendors {\n    gap: 7px;\n\n    margin-bottom: 21px;\n  }\n\n\n  .iam-hero-vendors-label {\n    width: 100%;\n\n    margin-bottom: 2px;\n  }\n\n\n  .iam-hero-vendor {\n    min-height: 30px;\n\n    padding:\n      5px\n      10px;\n\n    font-size: 12px;\n  }\n\n}\n\n    \/* =========================================================\n       TITLE\n       ========================================================= *\/\n\n    .iam-hero h1 {\n      max-width: 960px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(58px, 6.4vw, 92px);\n      line-height: .97;\n      font-weight: 400;\n\n      letter-spacing: -.045em;\n\n      text-wrap: balance;\n    }\n\n\n    .iam-hero h1 span {\n      display: block;\n\n      margin-top: 7px;\n\n      color: var(--iam-ice);\n\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       CLAIM\n       ========================================================= *\/\n\n    .iam-hero-claim {\n      max-width: 840px;\n\n      margin: 30px 0 0;\n\n      color: rgba(255,255,255,.97);\n\n      font-size: clamp(25px, 2.5vw, 35px);\n      line-height: 1.27;\n      font-weight: 300;\n\n      letter-spacing: -.02em;\n\n      text-shadow:\n        0 3px 20px rgba(0,0,0,.30);\n    }\n\n\n    .iam-hero-claim strong {\n      color: #fff;\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       INTRO\n       ========================================================= *\/\n\n    .iam-hero-intro {\n      max-width: 780px;\n\n      margin: 27px 0 0;\n\n      color: rgba(255,255,255,.77);\n\n      font-size: 20px;\n      line-height: 1.55;\n      font-weight: 300;\n\n      text-shadow:\n        0 2px 14px rgba(0,0,0,.45);\n    }\n\n\n    .iam-hero-intro strong {\n      color: rgba(255,255,255,.97);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       ACTIONS\n       ========================================================= *\/\n\n    .iam-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n\n      gap: 14px;\n\n      margin-top: 33px;\n    }\n\n\n   .iam-hero-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: .55em;\n\n  min-height: 54px;\n\n  padding: .82em 1.55em;\n\n  border-radius: 14px;\n\n  font-family: \"Outfit\", sans-serif;\n  font-size: 17px;\n  line-height: 1.3;\n  font-weight: 500;\n\n  text-decoration: none !important;\n\n  transition:\n    transform .28s ease,\n    background-color .28s ease,\n    border-color .28s ease,\n    color .28s ease,\n    box-shadow .28s ease;\n}\n\n\n\/* ORANGE *\/\n\n.iam-hero-btn--primary {\n  border: 1px solid var(--iam-coral);\n\n  background: var(--iam-coral);\n\n  color: #fff !important;\n\n  box-shadow:\n    0 10px 24px rgba(0,0,0,.14);\n}\n\n\n.iam-hero-btn--primary:hover {\n  transform: translateY(-2px);\n\n  background: #fff;\n  border-color: #fff;\n\n  color: var(--iam-coral) !important;\n\n  box-shadow:\n    0 14px 30px rgba(0,0,0,.18);\n}\n\n\n\/* WEISS \/ SECONDARY *\/\n\n.iam-hero-btn--secondary {\n  border: 1px solid rgba(255,255,255,.42);\n\n  background: rgba(255,255,255,.96);\n\n  color: var(--iam-navy) !important;\n\n  box-shadow:\n    0 10px 24px rgba(0,0,0,.12);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n\n.iam-hero-btn--secondary:hover {\n  transform: translateY(-2px);\n\n  border-color: #fff;\n\n  background: #fff;\n\n  color: var(--iam-coral) !important;\n\n  box-shadow:\n    0 14px 30px rgba(0,0,0,.16);\n}\n\n\/* WEBINAR CTA *\/\n\n.iam-hero-btn--webinar {\n  border: 1px solid rgba(237,87,64,.72);\n\n  background: rgba(6,24,34,.58);\n\n  color: #fff !important;\n\n  box-shadow:\n    0 10px 24px rgba(0,0,0,.10);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n\n.iam-hero-btn--webinar:hover {\n  transform: translateY(-2px);\n\n  background: var(--iam-coral);\n  border-color: var(--iam-coral);\n\n  color: #fff !important;\n\n  box-shadow:\n    0 14px 30px rgba(0,0,0,.18);\n}\n    \/* =========================================================\n       PARTNER ANGLE\n       ========================================================= *\/\n\n    .iam-hero-partner-note {\n      display: flex;\n      align-items: center;\n\n      gap: 12px;\n\n      max-width: 760px;\n\n      margin-top: 29px;\n\n      color: rgba(255,255,255,.58);\n\n      font-size: 14px;\n      line-height: 1.45;\n      font-weight: 400;\n    }\n\n\n    .iam-hero-partner-note::before {\n      content: \"\";\n\n      flex: 0 0 auto;\n\n      width: 6px;\n      height: 6px;\n\n      border-radius: 50%;\n\n      background: var(--iam-coral);\n\n      box-shadow:\n        0 0 0 5px rgba(237,87,64,.11);\n    }\n\n\n    \/* =========================================================\n       JOURNEY\n       ========================================================= *\/\n\n    .iam-hero-route {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n\n      gap: 10px 14px;\n\n      margin-top: 37px;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .iam-hero {\n        min-height: auto;\n\n        background-position: 63% center;\n      }\n\n\n      .iam-hero-inner {\n        width: min(calc(100% - 44px), 800px);\n\n        min-height: 860px;\n\n        margin-left: 32px;\n\n        padding:\n          165px\n          0\n          100px;\n      }\n\n\n      .iam-hero::before {\n        background:\n          linear-gradient(\n            90deg,\n            rgba(3,18,27,.92),\n            rgba(3,18,27,.75) 65%,\n            rgba(3,18,27,.34)\n          );\n      }\n\n    }\n\n\n    @media (max-width: 680px) {\n\n      .iam-hero {\n        margin-top: -90px !important;\n\n        background-position: 67% center;\n      }\n\n\n      .iam-hero-inner {\n        width: calc(100% - 36px);\n\n        min-height: 820px;\n\n        margin-left: 18px;\n\n        padding:\n          140px\n          0\n          80px;\n      }\n\n\n      .iam-hero h1 {\n        font-size: clamp(47px, 13vw, 64px);\n      }\n\n\n      .iam-hero-claim {\n        font-size: 24px;\n      }\n\n\n      .iam-hero-intro {\n        max-width: 94%;\n\n        font-size: 18px;\n      }\n\n\n      .iam-hero-actions {\n        flex-direction: column;\n        align-items: flex-start;\n\n        width: 100%;\n      }\n\n\n      .iam-hero-btn {\n        width: auto;\n      }\n\n    \n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-hero-btn {\n        transition: none;\n      }\n\n\n      .iam-hero-btn:hover {\n        transform: none;\n      }\n\n    }\n\n.iam-hero-webinar-meta {\n  margin-top: 14px;\n\n  color: rgba(255,255,255,.62);\n\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n\n  letter-spacing: .01em;\n}\n  <\/style>\n\n\n  <div class=\"iam-hero-inner\">\n\n\n   <div class=\"iam-hero-kicker\">\n  Identity &amp; Access Management\n<\/div>\n\n\n<div class=\"iam-hero-vendors\" aria-label=\"IAM Hersteller\">\n\n  <span class=\"iam-hero-vendors-label\">\n    Mit L\u00f6sungen von\n  <\/span>\n\n  <span class=\"iam-hero-vendor\">\n    Microsoft\n  <\/span>\n\n  <span class=\"iam-hero-vendor\">\n    Thales\n  <\/span>\n\n  <span class=\"iam-hero-vendor\">\n    Yubico\n  <\/span>\n\n<\/div>\n\n\n<h1 id=\"iam-hero-title\">\n      Wer darf worauf zugreifen\n      <span>und warum?<\/span>\n    <\/h1>\n\n\n    <div class=\"iam-hero-claim\">\n      Genau diese Frage wird f\u00fcr deine Kunden immer wichtiger.\n      <strong>Und f\u00fcr dich als Partner zur Verkaufschance.<\/strong>\n    <\/div>\n\n\n    <p class=\"iam-hero-intro\">\n      Cloud-Dienste, wachsende Benutzerzahlen und immer mehr Zugriffsrechte\n      machen digitale Identit\u00e4ten zu einem zentralen Security-Thema.\n      Gleichzeitig steigt der Druck, Zugriffe\n      <strong>nachvollziehbar, sicher und effizient<\/strong>\n      zu kontrollieren.\n    <\/p>\n\n\n    <div class=\"iam-hero-actions\">\n\n <a class=\"iam-hero-btn iam-hero-btn--primary\" href=\"#quiz\">\n  Mythen aufdecken \u2192\n<\/a>\n\n  <a class=\"iam-hero-btn iam-hero-btn--secondary\" href=\"#playbook\">\n    IAM Sales Playbook entdecken\n  <\/a>\n\n  <a class=\"iam-hero-btn iam-hero-btn--webinar\" href=\"https:\/\/attendee.gotowebinar.com\/register\/6995251764334343520?source=CH\" target=\"_blank\" rel=\"noopener noreferrer\">\n    Zum Webinar anmelden \u2192\n  <\/a>\n\n<\/div>\n<div class=\"iam-hero-webinar-meta\">\n  IAM-Webinar \u00b7 1. Dezember 2026 \u00b7 13:30\u201314:00  Uhr\n<\/div>\n\n\n   <div class=\"iam-hero-partner-note\">\n  Entwickelt f\u00fcr Reseller und MSP, die IAM beim Kunden\n  verst\u00e4ndlich positionieren und daraus konkrete Projekte entwickeln m\u00f6chten.\n<\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"iam-cloudact\" id=\"cloud-act\" aria-labelledby=\"iam-cloudact-title\">\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 02 \u00b7 CLOUD ACT & COMPLIANCE\n       STICKY BACKGROUND \u2013 THALES PATTERN\n       ========================================================= *\/\n\n    .iam-cloudact,\n    .iam-cloudact * {\n      box-sizing: border-box;\n    }\n\n\n    \/* =========================================================\n       SECTION\n       ========================================================= *\/\n\n    .iam-cloudact {\n      --iam-navy: #153447;\n      --iam-coral: #ed5740;\n      --iam-text: #1d1e1f;\n      --iam-ice: #d6e3e8;\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      padding: 0 0 150px;\n\n      overflow: clip;\n\n      font-family: \"Outfit\", sans-serif;\n      color: var(--iam-text);\n\n      background: #e8edef;\n    }\n\n\n    \/* =========================================================\n       STICKY BACKGROUND\n       exakt nach bew\u00e4hrtem Thales-Prinzip\n       ========================================================= *\/\n\n    .iam-cloudact-bg {\n      position: sticky;\n      top: 0;\n      z-index: -2;\n\n      width: 100%;\n      height: 100vh;\n\n      margin: 0 0 -100vh 0;\n\n      pointer-events: none;\n\n      background:\n        linear-gradient(\n          90deg,\n          rgba(5,23,33,.14) 0%,\n          rgba(5,23,33,.05) 38%,\n          rgba(5,23,33,.16) 62%,\n          rgba(5,23,33,.46) 100%\n        ),\n        linear-gradient(\n          180deg,\n          rgba(5,23,33,.10) 0%,\n          rgba(5,23,33,.02) 44%,\n          rgba(5,23,33,.34) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_CloudAct.jpg\")\n        center center \/ cover no-repeat;\n\n      transform: translateZ(0);\n      backface-visibility: hidden;\n    }\n\n\n    \/* =========================================================\n       ATMOSPHERE\n       ========================================================= *\/\n\n    .iam-cloudact::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      z-index: -1;\n\n      pointer-events: none;\n\n      background:\n        radial-gradient(\n          circle at 22% 34%,\n          rgba(225,235,239,.17) 0%,\n          rgba(225,235,239,.04) 40%,\n          transparent 68%\n        );\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .iam-cloudact-inner {\n      position: relative;\n      z-index: 2;\n\n      width: min(1380px, calc(100% - 80px));\n\n      margin: 0 auto;\n\n      padding-top: clamp(150px, 18vh, 220px);\n    }\n\n\n    \/* =========================================================\n       INTRO TOP\n       ========================================================= *\/\n\n    .iam-cloudact-intro {\n      max-width: 780px;\n\n      margin: 0 0 70px;\n    }\n\n\n    .iam-cloudact-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 20px;\n\n      color: rgba(255,255,255,.70);\n\n      font-size: 13px;\n      line-height: 1;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-cloudact-kicker::before {\n      content: \"\";\n\n      width: 42px;\n      height: 2px;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-cloudact-intro h2 {\n      max-width: 820px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(46px, 5.4vw, 76px);\n      line-height: 1;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n\n      text-wrap: balance;\n\n      text-shadow:\n        0 4px 26px rgba(0,0,0,.24);\n    }\n\n\n    .iam-cloudact-intro h2 strong {\n      display: block;\n\n      margin-top: 6px;\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CONTENT GRID\n       ========================================================= *\/\n\n  .iam-cloudact-content {\n  display: grid;\n\n  grid-template-columns:\n    minmax(520px, 680px)\n    minmax(280px, 1fr);\n\n  gap: clamp(60px, 8vw, 130px);\n\n  align-items: end;\n}\n\n\n    \/* =========================================================\n       LEFT STORY\n       ========================================================= *\/\n\n    .iam-cloudact-story {\n      align-self: end;\n\n      padding-bottom: 24px;\n    }\n\n\n    .iam-cloudact-story-label {\n      display: block;\n\n      margin-bottom: 13px;\n\n      color: rgba(255,255,255,.55);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-cloudact-story p {\n      max-width: 520px;\n\n      margin: 0;\n\n      color: rgba(255,255,255,.82);\n\n      font-size: clamp(18px, 1.4vw, 21px);\n      line-height: 1.6;\n      font-weight: 300;\n\n      text-shadow:\n        0 2px 16px rgba(0,0,0,.30);\n    }\n\n\n    .iam-cloudact-story strong {\n      color: #fff;\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       WHITE CARD\n       ========================================================= *\/\n\n    .iam-cloudact-card {\n      position: relative;\n\n      padding:\n        clamp(42px, 5vw, 66px)\n        clamp(34px, 4.5vw, 60px);\n\n      border-radius: 22px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.98),\n          rgba(248,250,251,.95)\n        );\n\n      box-shadow:\n        0 28px 80px rgba(3,22,31,.23);\n\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n    }\n\n\n    .iam-cloudact-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: 46px;\n\n      width: 86px;\n      height: 4px;\n\n      border-radius: 0 0 4px 4px;\n\n      background: var(--iam-coral);\n    }\n\n\n    \/* =========================================================\n       CARD LEAD\n       ========================================================= *\/\n\n    .iam-cloudact-card-lead {\n      margin: 0;\n\n      color: rgba(29,30,31,.76);\n\n      font-size: 20px;\n      line-height: 1.58;\n      font-weight: 300;\n    }\n\n\n    .iam-cloudact-card-lead strong {\n      color: var(--iam-navy);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       QUESTION\n       ========================================================= *\/\n\n    .iam-cloudact-question {\n      position: relative;\n\n      margin-top: 32px;\n\n      padding: 27px 28px 27px 31px;\n\n      border: 1px solid rgba(21,52,71,.11);\n      border-radius: 14px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(21,52,71,.05),\n          rgba(21,52,71,.015)\n        );\n    }\n\n\n    .iam-cloudact-question::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 20px;\n      bottom: 20px;\n      left: 0;\n\n      width: 3px;\n\n      border-radius: 3px;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-cloudact-question-label {\n      display: block;\n\n      margin-bottom: 10px;\n\n      color: rgba(21,52,71,.56);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-cloudact-question p {\n      margin: 0;\n\n      color: var(--iam-navy);\n\n      font-size: clamp(23px, 2vw, 29px);\n      line-height: 1.34;\n      font-weight: 400;\n\n      letter-spacing: -.02em;\n    }\n\n\n    \/* =========================================================\n       PARTNER ANGLE\n       ========================================================= *\/\n\n    .iam-cloudact-partner {\n      margin-top: 29px;\n\n      padding-top: 27px;\n\n      border-top: 1px solid rgba(21,52,71,.12);\n    }\n\n\n    .iam-cloudact-partner-label {\n      display: block;\n\n      margin-bottom: 10px;\n\n      color: var(--iam-coral);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-cloudact-partner p {\n      margin: 0;\n\n      color: rgba(29,30,31,.70);\n\n      font-size: 17px;\n      line-height: 1.58;\n      font-weight: 300;\n    }\n\n\n    .iam-cloudact-partner strong {\n      color: var(--iam-text);\n\n      font-weight: 500;\n    }\n\n\/* =========================================================\n   CLOUD ACT REFERENCE\n   ========================================================= *\/\n\n.iam-cloudact-reference {\n  margin-top: 28px;\n\n  padding:\n    22px\n    24px;\n\n  border: 1px solid rgba(21,52,71,.10);\n  border-radius: 14px;\n\n  background: rgba(21,52,71,.035);\n}\n\n.iam-cloudact-reference span {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: var(--iam-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.iam-cloudact-reference p {\n  margin: 0 0 12px;\n\n  color: rgba(29,30,31,.68);\n\n  font-size: 16px;\n  line-height: 1.5;\n  font-weight: 300;\n}\n\n.iam-cloudact-reference a {\n  color: var(--iam-navy) !important;\n\n  font-size: 16px;\n  line-height: 1.4;\n  font-weight: 500;\n\n  text-decoration: none !important;\n}\n\n.iam-cloudact-reference a:hover {\n  color: var(--iam-coral) !important;\n}\n    \/* =========================================================\n       CTA\n       ========================================================= *\/\n\n    .iam-cloudact-actions {\n      margin-top: 31px;\n    }\n\n\n    .iam-cloudact-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: .5em;\n\n  min-height: 52px;\n\n  padding: .8em 1.5em;\n\n  border: 1px solid rgba(21,52,71,.20);\n  border-radius: 14px;\n\n  background: #fff;\n\n  color: var(--iam-navy) !important;\n\n  font-family: \"Outfit\", sans-serif;\n  font-size: 17px;\n  line-height: 1.3;\n  font-weight: 500;\n\n  text-decoration: none !important;\n\n  box-shadow:\n    0 8px 22px rgba(5,43,63,.07);\n\n  transition:\n    transform .28s ease,\n    background-color .28s ease,\n    border-color .28s ease,\n    color .28s ease,\n    box-shadow .28s ease;\n}\n\n\n.iam-cloudact-cta:hover {\n  transform: translateY(-2px);\n\n  background: var(--iam-coral);\n  border-color: var(--iam-coral);\n\n  color: #fff !important;\n\n  box-shadow:\n    0 12px 26px rgba(5,43,63,.12);\n}\n\n\n\n    \/* =========================================================\n       TABLET\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .iam-cloudact {\n        padding:\n          0\n          0\n          110px;\n      }\n\n\n     .iam-cloudact-inner {\n  width: min(1380px, calc(100% - 44px));\n\n  padding-top: 130px;\n}\n\n\n      .iam-cloudact-content {\n        grid-template-columns: 1fr;\n\n        gap: 40px;\n      }\n\n\n      .iam-cloudact-story {\n        max-width: 620px;\n      }\n\n\n      .iam-cloudact-card {\n        max-width: 720px;\n\n        margin-left: auto;\n      }\n\n    }\n\n\n    \/* =========================================================\n       MOBILE\n       ========================================================= *\/\n\n    @media (max-width: 640px) {\n\n      .iam-cloudact {\n        padding:\n          0\n          0\n          75px;\n      }\n\n\n      \/*\n       * Wie bei der Thales-Seite:\n       * auf Mobile kein Sticky, sondern normales Hintergrundbild.\n       *\/\n\n      .iam-cloudact-bg {\n        position: absolute;\n        inset: 0;\n\n        width: 100%;\n        height: 100%;\n\n        margin: 0;\n\n        background:\n          linear-gradient(\n            180deg,\n            rgba(5,23,33,.12) 0%,\n            rgba(5,23,33,.30) 42%,\n            rgba(5,23,33,.68) 100%\n          ),\n          url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_CloudAct.jpg\")\n          67% top \/ cover no-repeat;\n      }\n\n\n      .iam-cloudact-inner {\n  width: calc(100% - 32px);\n\n  margin-left: auto;\n  margin-right: auto;\n\n  padding-top: 95px;\n}\n\n\n      .iam-cloudact-intro {\n        margin-bottom: 45px;\n      }\n\n\n      .iam-cloudact-intro h2 {\n        font-size: clamp(40px, 11vw, 55px);\n      }\n\n\n      .iam-cloudact-content {\n        gap: 32px;\n      }\n\n\n      .iam-cloudact-story p {\n        font-size: 17px;\n      }\n\n\n      .iam-cloudact-card {\n        width: 100%;\n\n        padding:\n          35px\n          25px\n          33px;\n\n        border-radius: 18px;\n      }\n\n\n      .iam-cloudact-card::before {\n        left: 27px;\n\n        width: 68px;\n      }\n\n\n      .iam-cloudact-card-lead {\n        font-size: 18px;\n      }\n\n\n      .iam-cloudact-question {\n        padding:\n          23px\n          21px\n          23px\n          25px;\n      }\n\n\n      .iam-cloudact-question p {\n        font-size: 22px;\n      }\n\n\n     \n\n    }\n\n\n    \/* =========================================================\n       REDUCED MOTION\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-cloudact-cta {\n        transition: none;\n      }\n\n\n      .iam-cloudact-cta:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <!-- STICKY BACKGROUND -->\n\n  <div class=\"iam-cloudact-bg\" aria-hidden=\"true\"><\/div>\n\n\n  <div class=\"iam-cloudact-inner\">\n\n\n    <!-- HEADLINE -->\n\n    <header class=\"iam-cloudact-intro\">\n\n      <div class=\"iam-cloudact-kicker\">\n        Cloud Act &amp; Compliance\n      <\/div>\n\n      <h2 id=\"iam-cloudact-title\">\n        Der Speicherort ist wichtig.\n        <strong>Der Zugriff ebenso.<\/strong>\n      <\/h2>\n\n    <\/header>\n\n\n    <!-- CONTENT -->\n\n    <div class=\"iam-cloudact-content\">\n\n\n      <!-- CARD -->\n\n<article class=\"iam-cloudact-card\">\n\n  <p class=\"iam-cloudact-card-lead\">\n    Regulatorische Anforderungen und Fragen rund um den Cloud Act\n    machen deutlich: Nicht nur <strong>wo Daten liegen<\/strong> ist relevant,\n    sondern auch, <strong>wer Zugriff darauf erhalten kann und wie dieser\n    Zugriff kontrolliert wird.<\/strong>\n  <\/p>\n\n\n  <div class=\"iam-cloudact-question\">\n\n    <span class=\"iam-cloudact-question-label\">\n      Die Frage f\u00fcr dein Kundengespr\u00e4ch\n    <\/span>\n\n    <p>\n      K\u00f6nnen Sie heute jederzeit nachvollziehen,\n      wer auf Ihre sensiblen Daten zugreifen darf und warum?\n    <\/p>\n\n  <\/div>\n\n\n  <div class=\"iam-cloudact-partner\">\n\n    <span class=\"iam-cloudact-partner-label\">\n      F\u00fcr dich als Partner\n    <\/span>\n\n    <p>\n      Du musst das Gespr\u00e4ch nicht mit Gesetzestexten oder technischen\n      Details beginnen. <strong>Mach zuerst sichtbar, wo Kontrolle \u00fcber\n      Identit\u00e4ten und Berechtigungen fehlt.<\/strong> Genau daraus entsteht\n      ein konkreter Einstieg in ein IAM-Projekt.\n    <\/p>\n\n  <\/div>\n\n<div class=\"iam-cloudact-reference\">\n\n  <span>\n    Cloud Act im Detail\n  <\/span>\n\n  <p>\n    Du m\u00f6chtest die gesetzlichen Grundlagen und offiziellen Vorgaben genauer anschauen?\n  <\/p>\n\n  <a\n    href=\"https:\/\/www.justice.gov\/dag\/cloudact\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n  >\n    Offizielle CLOUD-Act-Ressourcen ansehen \u2192\n  <\/a>\n\n<\/div>\n  <div class=\"iam-cloudact-actions\">\n\n    <a class=\"iam-cloudact-cta\" href=\"#quiz\">\n      Wie gut kennst du die IAM-Mythen? \u2192\n    <\/a>\n\n  <\/div>\n\n<\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"iam-quiz\" id=\"quiz\" aria-labelledby=\"iam-quiz-title\">\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 03 \u00b7 MYTHOS ODER WAHRHEIT?\n       CSS-ONLY QUIZ\n       ========================================================= *\/\n\n    .iam-quiz,\n    .iam-quiz * {\n      box-sizing: border-box;\n    }\n\n\n    \/* =========================================================\n       ROOT\n       ========================================================= *\/\n\n    .iam-quiz {\n      --iam-navy: #153447;\n      --iam-dark: #061821;\n      --iam-deep: #0a222e;\n      --iam-coral: #ed5740;\n      --iam-ice: #d6e3e8;\n      --iam-muted: #9fb3bd;\n      --iam-green: #7ec7ad;\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      padding: 0 24px 150px;\n\n      overflow: clip;\n\n      background: var(--iam-dark);\n\n      color: #fff;\n\n      font-family: \"Outfit\", sans-serif;\n    }\n\n\n    \/* =========================================================\n       STICKY BACKGROUND\n       bew\u00e4hrtes Thales-Prinzip\n       ========================================================= *\/\n\n    .iam-quiz-bg {\n      position: sticky;\n      top: 0;\n      z-index: -2;\n\n      width: 100%;\n      height: 100vh;\n\n      margin: 0 0 -100vh 0;\n\n      pointer-events: none;\n\n      background:\n        linear-gradient(\n          90deg,\n          rgba(3,17,25,.82) 0%,\n          rgba(3,17,25,.55) 42%,\n          rgba(3,17,25,.38) 67%,\n          rgba(3,17,25,.62) 100%\n        ),\n        linear-gradient(\n          180deg,\n          rgba(3,17,25,.30) 0%,\n          rgba(3,17,25,.08) 38%,\n          rgba(3,17,25,.78) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_Quiz.jpg\")\n        center center \/ cover no-repeat;\n\n      transform: translateZ(0);\n      backface-visibility: hidden;\n    }\n\n\n    .iam-quiz::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      z-index: -1;\n\n      pointer-events: none;\n\n      background:\n        radial-gradient(\n          circle at 18% 22%,\n          rgba(83,135,153,.16),\n          transparent 38%\n        ),\n        radial-gradient(\n          circle at 74% 56%,\n          rgba(237,87,64,.07),\n          transparent 30%\n        );\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .iam-quiz-inner {\n      position: relative;\n      z-index: 2;\n\n      width: min(1280px, calc(100% - 80px));\n\n      margin: 0 auto;\n\n      padding-top: clamp(140px, 17vh, 210px);\n    }\n\n\n    \/* =========================================================\n       INTRO\n       ========================================================= *\/\n\n    .iam-quiz-intro {\n      max-width: 900px;\n\n      margin: 0 auto 72px;\n\n      text-align: center;\n    }\n\n\n    .iam-quiz-kicker {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      gap: 12px;\n\n      margin-bottom: 22px;\n\n      color: rgba(255,255,255,.61);\n\n      font-size: 13px;\n      line-height: 1;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-quiz-kicker::before,\n    .iam-quiz-kicker::after {\n      content: \"\";\n\n      width: 40px;\n      height: 1px;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-quiz h2 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(48px, 5.7vw, 80px);\n      line-height: .98;\n      font-weight: 300;\n\n      letter-spacing: -.045em;\n\n      text-wrap: balance;\n\n      text-shadow:\n        0 4px 26px rgba(0,0,0,.25);\n    }\n\n\n    .iam-quiz h2 strong {\n      display: block;\n\n      margin-top: 7px;\n\n      color: var(--iam-ice);\n\n      font-weight: 500;\n    }\n\n\n    .iam-quiz-intro p {\n      max-width: 690px;\n\n      margin: 27px auto 0;\n\n      color: rgba(255,255,255,.75);\n\n      font-size: 20px;\n      line-height: 1.58;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       QUIZ GRID\n       ========================================================= *\/\n\n    .iam-quiz-list {\n      display: grid;\n\n      grid-template-columns: 1fr 1fr;\n\n      gap: 24px;\n    }\n\n\n    \/* Letzte Karte mittig *\/\n\n    .iam-quiz-card:last-child {\n      grid-column: 1 \/ -1;\n\n      width: calc(50% - 12px);\n\n      justify-self: center;\n    }\n\n\n    \/* =========================================================\n       QUIZ CARD\n       ========================================================= *\/\n\n    .iam-quiz-card {\n      position: relative;\n\n      min-height: 430px;\n\n      padding:\n        34px\n        34px\n        30px;\n\n      border: 1px solid rgba(255,255,255,.13);\n      border-radius: 20px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(9,34,46,.88),\n          rgba(5,24,34,.76)\n        );\n\n      box-shadow:\n        0 22px 55px rgba(0,0,0,.22);\n\n      backdrop-filter: blur(15px);\n      -webkit-backdrop-filter: blur(15px);\n\n      overflow: hidden;\n    }\n\n\n    .iam-quiz-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: 0;\n\n      width: 100%;\n      height: 3px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--iam-coral),\n          rgba(237,87,64,.12) 38%,\n          transparent 72%\n        );\n    }\n\n\n    \/* =========================================================\n       NUMBER\n       ========================================================= *\/\n\n    .iam-quiz-number {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      margin-bottom: 26px;\n    }\n\n\n    .iam-quiz-number span:first-child {\n      color: rgba(255,255,255,.40);\n\n      font-size: 11px;\n      line-height: 1;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-quiz-number span:last-child {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 34px;\n      height: 34px;\n\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 50%;\n\n      color: rgba(255,255,255,.62);\n\n      font-size: 12px;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       QUESTION\n       ========================================================= *\/\n\n    .iam-quiz-question {\n      min-height: 112px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(24px, 2vw, 31px);\n      line-height: 1.3;\n      font-weight: 400;\n\n      letter-spacing: -.025em;\n    }\n\n\n    \/* =========================================================\n       HIDDEN INPUTS\n       ========================================================= *\/\n\n    .iam-quiz-card input[type=\"radio\"] {\n      position: absolute;\n\n      width: 1px;\n      height: 1px;\n\n      opacity: 0;\n\n      pointer-events: none;\n    }\n\n\n    \/* =========================================================\n       ANSWER BUTTONS\n       ========================================================= *\/\n\n    .iam-quiz-options {\n      display: grid;\n\n      grid-template-columns: 1fr 1fr;\n\n      gap: 10px;\n\n      margin-top: 28px;\n    }\n\n\n    .iam-quiz-option {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 53px;\n\n      padding: 12px 20px;\n\n      border: 1px solid rgba(255,255,255,.20);\n      border-radius: 14px;\n\n      background: rgba(255,255,255,.05);\n\n      color: rgba(255,255,255,.90);\n\n      cursor: pointer;\n\n      font-size: 15px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .075em;\n      text-transform: uppercase;\n\n      transition:\n        transform .25s ease,\n        background-color .25s ease,\n        border-color .25s ease,\n        color .25s ease;\n    }\n\n\n    .iam-quiz-option:hover {\n      transform: translateY(-2px);\n\n      border-color: rgba(255,255,255,.52);\n\n      background: rgba(255,255,255,.10);\n    }\n\n\n    \/* =========================================================\n       SELECTED STATES\n       ========================================================= *\/\n\n    .iam-quiz-card input[value=\"mythos\"]:checked\n    ~ .iam-quiz-options\n    label[for$=\"-mythos\"] {\n      border-color: var(--iam-coral);\n\n      background: var(--iam-coral);\n\n      color: #fff;\n    }\n\n\n    .iam-quiz-card input[value=\"wahrheit\"]:checked\n    ~ .iam-quiz-options\n    label[for$=\"-wahrheit\"] {\n      border-color: #fff;\n\n      background: #fff;\n\n      color: var(--iam-navy);\n    }\n\n\n    \/* =========================================================\n       REVEAL\n       ========================================================= *\/\n\n    .iam-quiz-reveal {\n      max-height: 0;\n\n      margin-top: 0;\n\n      padding-top: 0;\n\n      border-top: 1px solid transparent;\n\n      overflow: hidden;\n\n      opacity: 0;\n\n      transform: translateY(8px);\n\n      transition:\n        max-height .42s ease,\n        margin-top .35s ease,\n        padding-top .35s ease,\n        opacity .35s ease,\n        transform .35s ease,\n        border-color .35s ease;\n    }\n\n\n    .iam-quiz-card input[type=\"radio\"]:checked\n    ~ .iam-quiz-reveal {\n      max-height: 300px;\n\n      margin-top: 26px;\n\n      padding-top: 23px;\n\n      border-color: rgba(255,255,255,.12);\n\n      opacity: 1;\n\n      transform: translateY(0);\n    }\n\n\n    .iam-quiz-result {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 8px;\n\n      margin-bottom: 10px;\n\n      color: var(--iam-coral);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-quiz-result::before {\n      content: \"\";\n\n      width: 7px;\n      height: 7px;\n\n      border-radius: 50%;\n\n      background: currentColor;\n\n      box-shadow:\n        0 0 0 5px rgba(237,87,64,.09);\n    }\n\n\n    .iam-quiz-reveal p {\n      margin: 0;\n\n      color: rgba(255,255,255,.73);\n\n      font-size: 16px;\n      line-height: 1.55;\n      font-weight: 300;\n    }\n\n\n    .iam-quiz-reveal strong {\n      color: #fff;\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       OUTRO\n       ========================================================= *\/\n\n    .iam-quiz-outro {\n      max-width: 850px;\n\n      margin: 90px auto 0;\n\n      padding:\n        48px\n        clamp(28px, 5vw, 60px);\n\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 20px;\n\n      background: rgba(5,25,35,.74);\n\n      box-shadow:\n        0 24px 60px rgba(0,0,0,.21);\n\n      text-align: center;\n\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n    }\n\n\n    .iam-quiz-outro-label {\n      display: block;\n\n      margin-bottom: 12px;\n\n      color: var(--iam-coral);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-quiz-outro h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(30px, 3.4vw, 46px);\n      line-height: 1.12;\n      font-weight: 300;\n\n      letter-spacing: -.025em;\n    }\n\n\n    .iam-quiz-outro h3 strong {\n      font-weight: 500;\n    }\n\n\n    .iam-quiz-outro p {\n      max-width: 660px;\n\n      margin: 18px auto 0;\n\n      color: rgba(255,255,255,.68);\n\n      font-size: 18px;\n      line-height: 1.55;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       OUTRO BUTTONS\n       ========================================================= *\/\n\n    .iam-quiz-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n\n      gap: 12px;\n\n      margin-top: 29px;\n    }\n\n\n    .iam-quiz-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 54px;\n\n      padding: .82em 1.55em;\n\n      border-radius: 14px;\n\n      font-family: \"Outfit\", sans-serif;\n      font-size: 17px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease,\n        color .28s ease;\n    }\n\n\n    .iam-quiz-cta--primary {\n      border: 1px solid var(--iam-coral);\n\n      background: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    .iam-quiz-cta--primary:hover {\n      transform: translateY(-2px);\n\n      border-color: #fff;\n\n      background: #fff;\n\n      color: var(--iam-coral) !important;\n    }\n\n\n    .iam-quiz-cta--secondary {\n      border: 1px solid rgba(255,255,255,.32);\n\n      background: rgba(255,255,255,.05);\n\n      color: #fff !important;\n    }\n\n\n    .iam-quiz-cta--secondary:hover {\n      transform: translateY(-2px);\n\n      border-color: #fff;\n\n      background: rgba(255,255,255,.12);\n\n      color: #fff !important;\n    }\n\/* WEBINAR CTA *\/\n\n.iam-quiz-cta--webinar {\n  border: 1px solid rgba(237,87,64,.72);\n\n  background: rgba(237,87,64,.10);\n\n  color: #fff !important;\n}\n\n\n.iam-quiz-cta--webinar:hover {\n  transform: translateY(-2px);\n\n  border-color: var(--iam-coral);\n\n  background: var(--iam-coral);\n\n  color: #fff !important;\n}\n\n    \/* =========================================================\n       TRANSITION\n       ========================================================= *\/\n\n    .iam-quiz-transition {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      gap: 14px;\n\n      margin: 90px auto 0;\n\n      color: rgba(255,255,255,.44);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-quiz-transition::before,\n    .iam-quiz-transition::after {\n      content: \"\";\n\n      width: min(180px, 17vw);\n      height: 1px;\n\n      background: rgba(255,255,255,.24);\n    }\n\n\n    .iam-quiz-transition i {\n      display: block;\n\n      width: 6px;\n      height: 6px;\n\n      border-radius: 50%;\n\n      background: var(--iam-coral);\n    }\n\n\n    \/* =========================================================\n       TABLET\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .iam-quiz {\n        padding:\n          0\n          22px\n          110px;\n      }\n\n\n      .iam-quiz-inner {\n        width: min(100%, 1280px);\n\n        padding-top: 125px;\n      }\n\n\n      .iam-quiz-list {\n        grid-template-columns: 1fr;\n      }\n\n\n      .iam-quiz-card:last-child {\n        grid-column: auto;\n\n        width: 100%;\n      }\n\n\n      .iam-quiz-card {\n        min-height: auto;\n      }\n\n\n      .iam-quiz-question {\n        min-height: auto;\n      }\n\n    }\n\n\n    \/* =========================================================\n       MOBILE\n       ========================================================= *\/\n\n    @media (max-width: 640px) {\n\n      .iam-quiz {\n        padding:\n          0\n          16px\n          80px;\n      }\n\n\n      .iam-quiz-bg {\n        position: absolute;\n        inset: 0;\n\n        width: 100%;\n        height: 100%;\n\n        margin: 0;\n\n        background:\n          linear-gradient(\n            180deg,\n            rgba(3,17,25,.58) 0%,\n            rgba(3,17,25,.65) 40%,\n            rgba(3,17,25,.90) 100%\n          ),\n          url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_Quiz.jpg\")\n          62% top \/ cover no-repeat;\n      }\n\n\n      .iam-quiz-inner {\n        width: 100%;\n\n        padding-top: 90px;\n      }\n\n\n      .iam-quiz-intro {\n        margin-bottom: 45px;\n\n        text-align: left;\n      }\n\n\n      .iam-quiz-kicker {\n        justify-content: flex-start;\n      }\n\n\n      .iam-quiz-kicker::after {\n        display: none;\n      }\n\n\n      .iam-quiz h2 {\n        font-size: clamp(42px, 12vw, 58px);\n      }\n\n\n      .iam-quiz-intro p {\n        margin-left: 0;\n\n        font-size: 18px;\n      }\n\n\n      .iam-quiz-card {\n        padding:\n          29px\n          22px\n          26px;\n\n        border-radius: 17px;\n      }\n\n\n      .iam-quiz-question {\n        font-size: 23px;\n      }\n\n\n      .iam-quiz-options {\n        grid-template-columns: 1fr;\n      }\n\n\n      .iam-quiz-outro {\n        margin-top: 60px;\n\n        padding:\n          38px\n          23px;\n      }\n\n\n      .iam-quiz-actions {\n        flex-direction: column;\n      }\n\n\n      .iam-quiz-cta {\n        width: 100%;\n      }\n\n    }\n\n\n    \/* =========================================================\n       REDUCED MOTION\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-quiz-option,\n      .iam-quiz-reveal,\n      .iam-quiz-cta {\n        transition: none;\n      }\n\n\n      .iam-quiz-option:hover,\n      .iam-quiz-cta:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <!-- STICKY BACKGROUND -->\n\n  <div class=\"iam-quiz-bg\" aria-hidden=\"true\"><\/div>\n\n\n  <div class=\"iam-quiz-inner\">\n\n\n    <!-- INTRO -->\n\n    <header class=\"iam-quiz-intro\">\n\n      <div class=\"iam-quiz-kicker\">\n        IAM \u00b7 Mythos oder Wahrheit?\n      <\/div>\n\n      <h2 id=\"iam-quiz-title\">\n        IAM klingt einfach.\n        <strong>Bis man genauer hinschaut.<\/strong>\n      <\/h2>\n\n      <p>\n        F\u00fcnf Aussagen, die dir im Kundengespr\u00e4ch begegnen k\u00f6nnen.\n        Entscheide selbst: Mythos oder Wahrheit?\n      <\/p>\n\n    <\/header>\n\n\n    <!-- QUESTIONS -->\n\n    <div class=\"iam-quiz-list\">\n\n\n      <!-- =====================================================\n           QUESTION 01\n           ===================================================== -->\n\n      <article class=\"iam-quiz-card\">\n\n        <div class=\"iam-quiz-number\">\n          <span>Identity Management<\/span>\n          <span>01<\/span>\n        <\/div>\n\n        <p class=\"iam-quiz-question\">\n          \u00abIAM beginnt beim Login.\u00bb\n        <\/p>\n\n\n        <input type=\"radio\" name=\"iam-q1\" id=\"iam-q1-mythos\" value=\"mythos\">\n\n        <input type=\"radio\" name=\"iam-q1\" id=\"iam-q1-wahrheit\" value=\"wahrheit\">\n\n\n        <div class=\"iam-quiz-options\">\n\n          <label class=\"iam-quiz-option\" for=\"iam-q1-mythos\">\n            Mythos\n          <\/label>\n\n          <label class=\"iam-quiz-option\" for=\"iam-q1-wahrheit\">\n            Wahrheit\n          <\/label>\n\n        <\/div>\n\n\n        <div class=\"iam-quiz-reveal\">\n\n          <span class=\"iam-quiz-result\">\n            Mythos\n          <\/span>\n\n          <p>\n            IAM beginnt fr\u00fcher: bei der Frage,\n            <strong>welche Identit\u00e4t welche Berechtigungen besitzt und weshalb.<\/strong>\n            Login und Authentifizierung sind nur ein Teil davon.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           QUESTION 02\n           ===================================================== -->\n\n      <article class=\"iam-quiz-card\">\n\n        <div class=\"iam-quiz-number\">\n          <span>Access Management<\/span>\n          <span>02<\/span>\n        <\/div>\n\n        <p class=\"iam-quiz-question\">\n          \u00abWenn MFA aktiviert ist, ist Access Management erledigt.\u00bb\n        <\/p>\n\n\n        <input type=\"radio\" name=\"iam-q2\" id=\"iam-q2-mythos\" value=\"mythos\">\n\n        <input type=\"radio\" name=\"iam-q2\" id=\"iam-q2-wahrheit\" value=\"wahrheit\">\n\n\n        <div class=\"iam-quiz-options\">\n\n          <label class=\"iam-quiz-option\" for=\"iam-q2-mythos\">\n            Mythos\n          <\/label>\n\n          <label class=\"iam-quiz-option\" for=\"iam-q2-wahrheit\">\n            Wahrheit\n          <\/label>\n\n        <\/div>\n\n\n        <div class=\"iam-quiz-reveal\">\n\n          <span class=\"iam-quiz-result\">\n            Mythos\n          <\/span>\n\n          <p>\n            MFA ist ein wichtiger Baustein. Access Management geht weiter und\n            bewertet zum Beispiel <strong>Ger\u00e4t, Standort, Anwendung,\n            Sensibilit\u00e4t und Kontext<\/strong> eines Zugriffs.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           QUESTION 03\n           ===================================================== -->\n\n      <article class=\"iam-quiz-card\">\n\n        <div class=\"iam-quiz-number\">\n          <span>Passwordless<\/span>\n          <span>03<\/span>\n        <\/div>\n\n        <p class=\"iam-quiz-question\">\n          \u00abPasswordless ist haupts\u00e4chlich ein Komfort-Thema.\u00bb\n        <\/p>\n\n\n        <input type=\"radio\" name=\"iam-q3\" id=\"iam-q3-mythos\" value=\"mythos\">\n\n        <input type=\"radio\" name=\"iam-q3\" id=\"iam-q3-wahrheit\" value=\"wahrheit\">\n\n\n        <div class=\"iam-quiz-options\">\n\n          <label class=\"iam-quiz-option\" for=\"iam-q3-mythos\">\n            Mythos\n          <\/label>\n\n          <label class=\"iam-quiz-option\" for=\"iam-q3-wahrheit\">\n            Wahrheit\n          <\/label>\n\n        <\/div>\n\n\n        <div class=\"iam-quiz-reveal\">\n\n          <span class=\"iam-quiz-result\">\n            Mythos\n          <\/span>\n\n          <p>\n            Moderne Authentifizierung kann zwei Probleme gleichzeitig adressieren:\n            <strong>Sicherheit und Benutzererfahrung.<\/strong>\n            Weniger Passwortinteraktionen bedeuten weniger Reibung und weniger\n            Abh\u00e4ngigkeit von klassischen Zugangsdaten.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           QUESTION 04\n           ===================================================== -->\n\n      <article class=\"iam-quiz-card\">\n\n        <div class=\"iam-quiz-number\">\n          <span>SSO<\/span>\n          <span>04<\/span>\n        <\/div>\n\n        <p class=\"iam-quiz-question\">\n          \u00abEin SSO-Projekt (Single Sign-On) kann der Einstieg in eine gr\u00f6ssere IAM-Strategie sein.\u00bb\n        <\/p>\n\n\n        <input type=\"radio\" name=\"iam-q4\" id=\"iam-q4-mythos\" value=\"mythos\">\n\n        <input type=\"radio\" name=\"iam-q4\" id=\"iam-q4-wahrheit\" value=\"wahrheit\">\n\n\n        <div class=\"iam-quiz-options\">\n\n          <label class=\"iam-quiz-option\" for=\"iam-q4-mythos\">\n            Mythos\n          <\/label>\n\n          <label class=\"iam-quiz-option\" for=\"iam-q4-wahrheit\">\n            Wahrheit\n          <\/label>\n\n        <\/div>\n\n\n        <div class=\"iam-quiz-reveal\">\n\n          <span class=\"iam-quiz-result\">\n            Wahrheit\n          <\/span>\n\n          <p>\n            Ein kleineres SSO-Projekt kann sehr schnell Fragen zu\n            <strong>Authentifizierung, Berechtigungen und Identity Lifecycle<\/strong>\n            \u00f6ffnen und damit zum Einstieg in eine umfassendere IAM-Roadmap werden.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           QUESTION 05\n           ===================================================== -->\n\n      <article class=\"iam-quiz-card\">\n\n        <div class=\"iam-quiz-number\">\n          <span>IAM-Projekt<\/span>\n          <span>05<\/span>\n        <\/div>\n\n        <p class=\"iam-quiz-question\">\n          \u00abIAM muss als grosses Transformationsprojekt gestartet werden.\u00bb\n        <\/p>\n\n\n        <input type=\"radio\" name=\"iam-q5\" id=\"iam-q5-mythos\" value=\"mythos\">\n\n        <input type=\"radio\" name=\"iam-q5\" id=\"iam-q5-wahrheit\" value=\"wahrheit\">\n\n\n        <div class=\"iam-quiz-options\">\n\n          <label class=\"iam-quiz-option\" for=\"iam-q5-mythos\">\n            Mythos\n          <\/label>\n\n          <label class=\"iam-quiz-option\" for=\"iam-q5-wahrheit\">\n            Wahrheit\n          <\/label>\n\n        <\/div>\n\n\n        <div class=\"iam-quiz-reveal\">\n\n          <span class=\"iam-quiz-result\">\n            Mythos\n          <\/span>\n\n          <p>\n            Der bessere Einstieg ist ein <strong>klar abgegrenztes Kundenproblem.<\/strong>\n            Zum Beispiel Passwordless, SSO, MFA-Modernisierung oder der\n            Identity Lifecycle. Danach kann die Architektur Schritt f\u00fcr Schritt wachsen.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- OUTRO -->\n\n    <div class=\"iam-quiz-outro\">\n\n      <span class=\"iam-quiz-outro-label\">\n        Vom Wissen zum Kundengespr\u00e4ch\n      <\/span>\n\n      <h3>\n        Die Mythen kennst du.\n        <strong>Jetzt geht es um die Verkaufschance dahinter.<\/strong>\n      <\/h3>\n\n      <p>\n        In den n\u00e4chsten drei Abschnitten zeigen wir dir, wo typische\n        Kundenprobleme entstehen und mit welchen Fragen du daraus\n        ein konkretes IAM-Gespr\u00e4ch entwickelst.\n      <\/p>\n\n\n      <div class=\"iam-quiz-actions\">\n\n        <a class=\"iam-quiz-cta iam-quiz-cta--primary\" href=\"#identity\">\n          IAM-Themen entdecken \u2192\n        <\/a>\n\n        <a class=\"iam-quiz-cta iam-quiz-cta--secondary\" href=\"#playbook\">\n          Sales Playbook ansehen\n        <\/a>\n<a\n  class=\"iam-quiz-cta iam-quiz-cta--webinar\"\n  href=\"https:\/\/attendee.gotowebinar.com\/register\/6995251764334343520?source=CH\"\n  target=\"_blank\"\n  rel=\"noopener noreferrer\"\n>\n  Zum IAM-Webinar anmelden \u2192\n<\/a>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"iam-quiz-transition\" aria-hidden=\"true\">\n\n      <span>\n        Drei Themen \u00b7 drei Einstiegspunkte\n      <\/span>\n\n      <i><\/i>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"iam-identity\" id=\"identity\" aria-labelledby=\"iam-identity-title\">\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 04 \u00b7 IDENTITY MANAGEMENT\n       ========================================================= *\/\n\n    .iam-identity,\n    .iam-identity * {\n      box-sizing: border-box;\n    }\n\n\n    \/* =========================================================\n       ROOT\n       ========================================================= *\/\n\n    .iam-identity {\n      --iam-navy: #153447;\n      --iam-coral: #ed5740;\n      --iam-text: #1d1e1f;\n      --iam-soft: #f3f6f7;\n      --iam-line: rgba(21,52,71,.12);\n      --iam-muted: #70838d;\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: clip;\n\n      background:\n        linear-gradient(\n          180deg,\n          #f4f7f8 0%,\n          #ffffff 40%,\n          #f7f9fa 100%\n        );\n\n      color: var(--iam-text);\n\n      font-family: \"Outfit\", sans-serif;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .iam-identity-inner {\n      display: grid;\n\n      grid-template-columns:\n        minmax(420px, .92fr)\n        minmax(0, 1.08fr);\n\n      width: min(1480px, calc(100% - 64px));\n\n      margin: 0 auto;\n\n      gap: clamp(54px, 7vw, 115px);\n\n      align-items: start;\n\n      padding:\n        clamp(120px, 14vh, 175px)\n        0\n        clamp(120px, 14vh, 175px);\n    }\n\/* =========================================================\n   EXPLICIT GRID LAYOUT\n   ========================================================= *\/\n\n.iam-identity-visual-wrap {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n.iam-identity-content {\n  grid-column: 2;\n  grid-row: 1;\n}\n\n.iam-video-feature {\n  position: relative;\n\n  grid-column: 1 \/ -1;\n\n  display: grid;\n  grid-template-columns:\n    minmax(280px, .35fr)\n    minmax(0, .65fr);\n\n  align-items: center;\n\n  gap: clamp(34px, 4vw, 62px);\n\n  width: 100%;\n\n  margin-top: 55px;\n\n  padding:\n    clamp(32px, 4vw, 48px);\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #0b2634,\n      #153447 62%,\n      #102d3b\n    );\n\n  box-shadow:\n    0 22px 52px rgba(5,43,63,.13);\n\n  overflow: hidden;\n}\n\n    \/* =========================================================\n       VISUAL COLUMN\n       ========================================================= *\/\n\n.iam-identity-visual-wrap {\n  position: relative;\n\n  min-height: 0;\n  height: 100%;\n}\n\n\n    .iam-identity-visual {\n  position: sticky;\n\n  top: 92px;\n\n  width: 100%;\n  height: 760px;\n  min-height: 650px;\n  max-height: 820px;\n\n      overflow: hidden;\n\n      border-radius: 22px;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(5,24,34,.08) 0%,\n          rgba(5,24,34,.02) 44%,\n          rgba(5,24,34,.54) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_Identity.jpg\")\n        center center \/ cover no-repeat;\n\n      box-shadow:\n        0 26px 65px rgba(5,43,63,.14);\n    }\n\n\n    .iam-identity-visual::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      background:\n        radial-gradient(\n          circle at 42% 32%,\n          rgba(255,255,255,.09),\n          transparent 38%\n        );\n\n      pointer-events: none;\n    }\n\n\n    \/* =========================================================\n       VISUAL CAPTION\n       ========================================================= *\/\n\n    .iam-identity-visual-caption {\n      position: absolute;\n\n      left: 32px;\n      right: 32px;\n      bottom: 32px;\n\n      z-index: 2;\n\n      padding:\n        23px\n        25px;\n\n      border: 1px solid rgba(255,255,255,.16);\n      border-radius: 14px;\n\n      background: rgba(5,26,37,.57);\n\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n    }\n\n\n    .iam-identity-visual-caption span {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: rgba(255,255,255,.53);\n\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-identity-visual-caption p {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: 21px;\n      line-height: 1.38;\n      font-weight: 300;\n    }\n\n\n    .iam-identity-visual-caption strong {\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CONTENT\n       ========================================================= *\/\n\n    .iam-identity-content {\n      max-width: 760px;\n\n      padding-top: 18px;\n    }\n\n\n    \/* =========================================================\n       KICKER\n       ========================================================= *\/\n\n    .iam-identity-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 21px;\n\n      color: rgba(21,52,71,.62);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-identity-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background: var(--iam-coral);\n    }\n\n\n    \/* =========================================================\n       HEADLINE\n       ========================================================= *\/\n\n    .iam-identity h2 {\n      max-width: 740px;\n\n      margin: 0;\n\n      color: var(--iam-navy);\n\n      font-size: clamp(46px, 5vw, 72px);\n      line-height: 1;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n\n      text-wrap: balance;\n    }\n\n\n    .iam-identity h2 strong {\n      display: block;\n\n      margin-top: 6px;\n\n      color: var(--iam-text);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       LEAD\n       ========================================================= *\/\n\n    .iam-identity-lead {\n      max-width: 670px;\n\n      margin: 28px 0 0;\n\n      color: rgba(29,30,31,.73);\n\n      font-size: 20px;\n      line-height: 1.6;\n      font-weight: 300;\n    }\n\n\n    .iam-identity-lead strong {\n      color: var(--iam-navy);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       PROBLEM \/ OPPORTUNITY\n       ========================================================= *\/\n\n    .iam-identity-situation {\n      display: grid;\n\n      grid-template-columns: 1fr 1fr;\n\n      gap: 14px;\n\n      margin-top: 39px;\n    }\n\n\n    .iam-identity-situation-card {\n      padding:\n        27px\n        26px;\n\n      border: 1px solid var(--iam-line);\n      border-radius: 16px;\n\n      background: rgba(255,255,255,.75);\n\n      box-shadow:\n        0 10px 28px rgba(5,43,63,.05);\n    }\n\n\n    .iam-identity-situation-card span {\n      display: block;\n\n      margin-bottom: 9px;\n\n      color: var(--iam-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-identity-situation-card h3 {\n      margin: 0 0 11px;\n\n      color: var(--iam-navy);\n\n      font-size: 22px;\n      line-height: 1.25;\n      font-weight: 500;\n\n      letter-spacing: -.015em;\n    }\n\n\n    .iam-identity-situation-card p {\n      margin: 0;\n\n      color: rgba(29,30,31,.68);\n\n      font-size: 16px;\n      line-height: 1.55;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       SALES QUESTION\n       ========================================================= *\/\n\n    .iam-identity-question {\n      position: relative;\n\n      margin-top: 34px;\n\n      padding:\n        31px\n        33px\n        31px\n        37px;\n\n      border-radius: 18px;\n\n      background: var(--iam-navy);\n\n      box-shadow:\n        0 18px 40px rgba(5,43,63,.13);\n    }\n\n\n    .iam-identity-question::before {\n      content: \"\";\n\n      position: absolute;\n\n      left: 0;\n      top: 24px;\n      bottom: 24px;\n\n      width: 4px;\n\n      border-radius: 0 4px 4px 0;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-identity-question-label {\n      display: block;\n\n      margin-bottom: 11px;\n\n      color: rgba(255,255,255,.52);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-identity-question p {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(23px, 2.1vw, 30px);\n      line-height: 1.36;\n      font-weight: 300;\n\n      letter-spacing: -.02em;\n    }\n\n\n    .iam-identity-question strong {\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       PARTNER VALUE\n       ========================================================= *\/\n\n    .iam-identity-value {\n      margin-top: 42px;\n    }\n\n\n    .iam-identity-value-head {\n      margin-bottom: 23px;\n    }\n\n\n    .iam-identity-value-head span {\n      display: block;\n\n      margin-bottom: 9px;\n\n      color: var(--iam-coral);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-identity-value-head h3 {\n      margin: 0;\n\n      color: var(--iam-navy);\n\n      font-size: clamp(29px, 2.8vw, 40px);\n      line-height: 1.14;\n      font-weight: 300;\n\n      letter-spacing: -.025em;\n    }\n\n\n    .iam-identity-value-head h3 strong {\n      font-weight: 500;\n    }\n\n\n    .iam-identity-benefits {\n      display: grid;\n\n      grid-template-columns: 1fr 1fr;\n\n      gap: 11px;\n    }\n\n\n    .iam-identity-benefit {\n      display: flex;\n      align-items: flex-start;\n\n      gap: 12px;\n\n      padding:\n        17px\n        18px;\n\n      border: 1px solid var(--iam-line);\n      border-radius: 13px;\n\n      background: #fff;\n    }\n\n\n    .iam-identity-benefit::before {\n      content: \"\";\n\n      flex: 0 0 auto;\n\n      width: 7px;\n      height: 7px;\n\n      margin-top: 8px;\n\n      border-radius: 50%;\n\n      background: var(--iam-coral);\n\n      box-shadow:\n        0 0 0 4px rgba(237,87,64,.08);\n    }\n\n\n    .iam-identity-benefit span {\n      color: rgba(29,30,31,.78);\n\n      font-size: 16px;\n      line-height: 1.45;\n      font-weight: 400;\n    }\n\/* =========================================================\n   TECHNOLOGY PARTNER \u00b7 MICROSOFT\n   ========================================================= *\/\n\n.iam-identity-partner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 24px;\n\n  margin-top: 34px;\n\n  padding:\n    22px\n    24px;\n\n  border: 1px solid rgba(21,52,71,.11);\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.96),\n      rgba(243,246,247,.88)\n    );\n\n  box-shadow:\n    0 10px 28px rgba(5,43,63,.045);\n}\n\n\n.iam-identity-partner-copy {\n  min-width: 0;\n}\n\n\n.iam-identity-partner-label {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color: var(--iam-coral);\n\n  font-size: 10px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n\n.iam-identity-partner-title {\n  margin: 0;\n\n  color: var(--iam-navy);\n\n  font-size: 19px;\n  line-height: 1.35;\n  font-weight: 400;\n}\n\n\n.iam-identity-partner-title strong {\n  font-weight: 600;\n}\n\n\n.iam-identity-partner-name {\n  flex: 0 0 auto;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 44px;\n\n  padding:\n    10px\n    18px;\n\n  border: 1px solid rgba(21,52,71,.12);\n  border-radius: 12px;\n\n  background: #fff;\n\n  color: var(--iam-navy);\n\n  font-size: 17px;\n  line-height: 1;\n  font-weight: 600;\n\n  white-space: nowrap;\n}\n.iam-identity-partner-name {\n  text-decoration: none !important;\n\n  transition:\n    background-color .25s ease,\n    border-color .25s ease,\n    color .25s ease,\n    transform .25s ease;\n}\n\n.iam-identity-partner-name:hover {\n  transform: translateY(-2px);\n\n  background: var(--iam-coral);\n  border-color: var(--iam-coral);\n\n  color: #fff !important;\n}\n\n\n@media (max-width: 640px) {\n\n  .iam-identity-partner {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n}\n\/* =========================================================\n   IAM VIDEO FEATURE\n   SINGLE COLUMN\n   ========================================================= *\/\n\n.iam-video-feature {\n  position: relative;\ngrid-column: 1 \/ -1;\n  width: 100%;\n\n  margin-top: 55px;\n\n  padding:\n    clamp(30px, 4vw, 46px);\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #0b2634,\n      #153447 62%,\n      #102d3b\n    );\n\n  box-shadow:\n    0 22px 52px rgba(5,43,63,.13);\n\n  overflow: hidden;\n}\n\n\n.iam-video-feature::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background:\n    radial-gradient(\n      circle at 88% 5%,\n      rgba(237,87,64,.08),\n      transparent 26%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* HEADER *\/\n\n.iam-video-feature-head {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  gap: 26px;\n\n  margin: 0;\n}\n\n\n.iam-video-feature-copy {\n  max-width: 430px;\n}\n\n.iam-video-feature-label {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color: rgba(255,255,255,.48);\n\n  font-size: 10px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .15em;\n  text-transform: uppercase;\n}\n\n\n.iam-video-feature h3 {\n  margin: 0;\n\n  color: #fff;\n\n  font-size: clamp(29px, 2.4vw, 40px);\n  line-height: 1.08;\n  font-weight: 300;\n\n  letter-spacing: -.03em;\n}\n\n\n.iam-video-feature h3 strong {\n  font-weight: 500;\n}\n\n\n.iam-video-feature p {\n  max-width: 700px;\n\n  margin: 14px 0 0;\n\n  color: rgba(255,255,255,.66);\n\n  font-size: 17px;\n  line-height: 1.5;\n  font-weight: 300;\n}\n\n\n\/* FULLSCREEN LINK *\/\n\n.iam-video-fullscreen {\n  display: inline-flex;\n  align-items: center;\n\n  flex: 0 0 auto;\n\n  gap: 8px;\n\n  padding:\n    9px\n    12px;\n\n  border: 1px solid rgba(255,255,255,.16);\n  border-radius: 10px;\n\n  background: rgba(255,255,255,.05);\n\n  color: rgba(255,255,255,.76) !important;\n\n  font-size: 13px;\n  line-height: 1.2;\n  font-weight: 500;\n\n  text-decoration: none !important;\n\n  transition:\n    background-color .25s ease,\n    border-color .25s ease,\n    color .25s ease,\n    transform .25s ease;\n}\n\n\n.iam-video-fullscreen:hover {\n  transform: translateY(-1px);\n\n  border-color: rgba(255,255,255,.40);\n\n  background: rgba(255,255,255,.10);\n\n  color: #fff !important;\n}\n\n\n.iam-video-fullscreen-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 19px;\n  height: 19px;\n\n  color: var(--iam-coral);\n\n  font-size: 17px;\n  line-height: 1;\n}\n\n\n\/* LARGE VIDEO *\/\n\n.iam-video-feature-media {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\nalign-self: center;\n  overflow: hidden;\n\n  border-radius: 16px;\n\n  background: #061821;\n\n  box-shadow:\n    0 20px 45px rgba(0,0,0,.25);\n}\n\n\n.iam-video-feature-media iframe {\n  position: absolute;\n  inset: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n}\n\n\n\/* CSS-ONLY VIDEO MODAL *\/\n\n.iam-video-modal {\n  position: fixed;\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: clamp(18px, 4vw, 60px);\n\n  visibility: hidden;\n  opacity: 0;\n\n  pointer-events: none;\n\n  transition:\n    opacity .25s ease,\n    visibility .25s ease;\n}\n\n\n.iam-video-modal:target {\n  visibility: visible;\n  opacity: 1;\n\n  pointer-events: auto;\n}\n\n\n.iam-video-modal-backdrop {\n  position: absolute;\n  inset: 0;\n\n  background: rgba(3,15,22,.90);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n\n.iam-video-modal-dialog {\n  position: relative;\n  z-index: 2;\n\n  width: min(1280px, 94vw);\n\n  border-radius: 18px;\n\n  background: #061821;\n\n  box-shadow:\n    0 35px 90px rgba(0,0,0,.42);\n\n  overflow: visible;\n}\n\n\n.iam-video-modal-frame {\n  position: relative;\n\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n}\n\n\n.iam-video-modal-frame iframe {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n}\n\n\n.iam-video-modal-close {\n  position: absolute;\n\n  top: -18px;\n  right: -18px;\n\n  z-index: 5;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 44px;\n  height: 44px;\n\n  border-radius: 50%;\n\n  background: #fff;\n\n  color: #153447 !important;\n\n  font-size: 28px;\n  line-height: 1;\n  font-weight: 300;\n\n  text-decoration: none !important;\n\n  box-shadow:\n    0 8px 24px rgba(0,0,0,.24);\n}\n\n\n.iam-video-modal-close:hover {\n  background: #ed5740;\n\n  color: #fff !important;\n}\n.iam-video-webinar {\n  display: inline-flex;\n  align-items: center;\n\n  flex: 0 0 auto;\n\n  padding: 9px 13px;\n\n  border: 1px solid var(--iam-coral);\n  border-radius: 10px;\n\n  background: var(--iam-coral);\n\n  color: #fff !important;\n\n  font-size: 13px;\n  line-height: 1.2;\n  font-weight: 500;\n\n  text-decoration: none !important;\n\n  transition:\n    background-color .25s ease,\n    border-color .25s ease,\n    color .25s ease,\n    transform .25s ease;\n}\n\n.iam-video-webinar:hover {\n  transform: translateY(-1px);\n\n  background: #fff;\n  border-color: #fff;\n\n  color: var(--iam-coral) !important;\n}\n\n\/* =========================================================\n   VIDEO RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 760px) {\n\n  .iam-video-feature {\n    grid-template-columns: 1fr;\n\n    width: 100%;\n\n    gap: 24px;\n\n    margin-top: 20px;\n\n    padding:\n      26px\n      20px;\n\n    border-radius: 18px;\n  }\n\n\n  .iam-video-feature-head {\n    width: 100%;\n\n    align-items: flex-start;\n    flex-direction: column;\n\n    gap: 20px;\n\n    margin: 0;\n  }\n\n\n  .iam-video-feature-copy {\n    width: 100%;\n    max-width: none;\n  }\n\n\n  .iam-video-feature h3 {\n    font-size: clamp(27px, 8vw, 34px);\n    line-height: 1.1;\n  }\n\n\n  .iam-video-feature p {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n\n  .iam-video-feature-actions {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n\n    width: 100%;\n\n    gap: 9px;\n  }\n\n\n  .iam-video-fullscreen,\n  .iam-video-webinar {\n    padding:\n      9px\n      11px;\n  }\n\n\n  .iam-video-feature-media {\n    width: 100%;\n\n    aspect-ratio: 16 \/ 9;\n\n    border-radius: 13px;\n  }\n\n\n  .iam-video-modal {\n    padding: 14px;\n  }\n\n\n  .iam-video-modal-dialog,\n  .iam-video-modal-frame {\n    border-radius: 14px;\n  }\n\n\n  .iam-video-modal-close {\n    top: -12px;\n    right: -6px;\n\n    width: 40px;\n    height: 40px;\n\n    font-size: 25px;\n  }\n\n}\n   \n\n    \/* =========================================================\n       NEXT SECTION\n       ========================================================= *\/\n\n    .iam-identity-next {\n      display: flex;\ngrid-column: 1 \/ -1;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 25px;\n\n      margin-top: 55px;\n\n      padding-top: 28px;\n\n      border-top: 1px solid var(--iam-line);\n    }\n\n.iam-video-feature-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-start;\n\n  gap: 10px;\n\n  width: 100%;\n}\n    .iam-identity-next-copy span {\n      display: block;\n\n      margin-bottom: 5px;\n\n      color: rgba(21,52,71,.46);\n\n      font-size: 10px;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-identity-next-copy strong {\n      color: var(--iam-navy);\n\n      font-size: 18px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n\n    .iam-identity-next-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      flex: 0 0 auto;\n\n      min-height: 52px;\n\n      padding: .8em 1.45em;\n\n      border: 1px solid rgba(21,52,71,.20);\n      border-radius: 14px;\n\n      background: #fff;\n\n      color: var(--iam-navy) !important;\n\n      font-size: 16px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      box-shadow:\n        0 8px 22px rgba(5,43,63,.06);\n\n      transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease,\n        color .28s ease;\n    }\n\n\n    .iam-identity-next-link:hover {\n      transform: translateY(-2px);\n\n      background: var(--iam-coral);\n      border-color: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    \/* =========================================================\n       TABLET\n       ========================================================= *\/\n\n    @media (max-width: 1050px) {\n\n  .iam-identity-inner {\n    grid-template-columns: 1fr;\n\n    width: min(100% - 44px, 900px);\n\n    gap: 52px;\n\n    padding:\n      110px\n      0;\n  }\n\n\n  \/* Alle Elemente sauber untereinander *\/\n\n  .iam-identity-visual-wrap {\n    grid-column: 1 !important;\n    grid-row: auto !important;\n\n    width: 100%;\n    min-height: auto;\n    height: auto;\n  }\n\n\n  .iam-identity-content {\n    grid-column: 1 !important;\n    grid-row: auto !important;\n\n    width: 100%;\n    max-width: 800px;\n\n    padding-top: 0;\n  }\n\n\n  .iam-video-feature {\n    grid-column: 1 !important;\n    grid-row: auto !important;\n\n    grid-template-columns: 1fr;\n\n    width: 100%;\n\n    gap: 30px;\n\n    margin-top: 10px;\n  }\n\n\n  .iam-identity-next {\n    grid-column: 1 !important;\n    grid-row: auto !important;\n\n    width: 100%;\n  }\n\n\n  .iam-identity-visual {\n    position: relative;\n\n    top: auto;\n\n    width: 100%;\n    height: 620px;\n    min-height: 0;\n    max-height: none;\n  }\n\n\n  .iam-video-feature-copy {\n    max-width: 680px;\n  }\n\n\n  .iam-video-feature-head {\n    gap: 22px;\n  }\n\n}\n\n\n    \/* =========================================================\n       MOBILE\n       ========================================================= *\/\n\n    @media (max-width: 640px) {\n\n      .iam-identity-inner {\n        width: calc(100% - 32px);\n\n        gap: 46px;\n\n        padding:\n          80px\n          0;\n      }\n\n\n      .iam-identity-visual {\n  width: 100%;\n\n  height: 430px;\n  min-height: 0;\n\n  border-radius: 18px;\n\n  background-position: 55% center;\n}\n\n\n      .iam-identity-visual-caption {\n        left: 18px;\n        right: 18px;\n        bottom: 18px;\n\n        padding:\n          19px\n          20px;\n      }\n\n\n      .iam-identity-visual-caption p {\n        font-size: 18px;\n      }\n\n\n      .iam-identity h2 {\n        font-size: clamp(41px, 11.5vw, 55px);\n      }\n\n\n      .iam-identity-lead {\n        font-size: 18px;\n      }\n\n\n      .iam-identity-situation {\n        grid-template-columns: 1fr;\n      }\n\n\n      .iam-identity-question {\n        padding:\n          27px\n          24px\n          27px\n          28px;\n      }\n\n\n      .iam-identity-question p {\n        font-size: 22px;\n      }\n\n\n      .iam-identity-benefits {\n        grid-template-columns: 1fr;\n      }\n\n\n    \n\n\n      .iam-identity-next {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n    }\n\n\n    \/* =========================================================\n       REDUCED MOTION\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-identity-next-link {\n        transition: none;\n      }\n\n\n      .iam-identity-next-link:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"iam-identity-inner\">\n\n\n    <!-- =======================================================\n         VISUAL\n         ======================================================= -->\n\n    <div class=\"iam-identity-visual-wrap\">\n\n      <div class=\"iam-identity-visual\">\n\n        <div class=\"iam-identity-visual-caption\">\n\n          <span>\n            Identity Lifecycle\n          <\/span>\n\n          <p>\n            Neue Rechte kommen dazu.\n            <strong>Alte verschwinden oft nicht.<\/strong>\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =======================================================\n         CONTENT\n         ======================================================= -->\n\n    <div class=\"iam-identity-content\">\n\n\n      <div class=\"iam-identity-kicker\">\n        01 \u00b7 Identity Management\n      <\/div>\n\n\n      <h2 id=\"iam-identity-title\">\n  Zust\u00e4ndigkeiten ver\u00e4ndern sich.\n  <strong>Berechtigungen oft nicht.<\/strong>\n<\/h2>\n\n\n      <p class=\"iam-identity-lead\">\n  Mitarbeitende treten ein, wechseln Aufgaben, \u00fcbernehmen Projekte\n  oder verlassen das Unternehmen. Dabei ver\u00e4ndern sich pl\u00f6tzlich die Zugriffsrechte.\n  <strong>Was fr\u00fcher einmal korrekt eingerichtet wurde, ist deshalb nicht\n  automatisch heute noch korrekt.<\/strong>\n<\/p>\n\n\n      <!-- SITUATION -->\n\n      <div class=\"iam-identity-situation\">\n\n        <article class=\"iam-identity-situation-card\">\n\n          <span>\n            Realit\u00e4t beim Kunden\n          <\/span>\n\n          <h3>\n            Die Rolle \u00e4ndert sich.\n          <\/h3>\n\n          <p>\n            Neue Berechtigungen werden vergeben, w\u00e4hrend alte Zugriffe\n            h\u00e4ufig bestehen bleiben.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"iam-identity-situation-card\">\n\n          <span>\n            Deine Chance\n          <\/span>\n\n          <h3>\n            Transparenz schaffen.\n          <\/h3>\n\n          <p>\n            Identity Management macht nachvollziehbar, wer welche Rechte\n            besitzt und ob diese noch ben\u00f6tigt werden.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n\n      <!-- SALES QUESTION -->\n\n      <div class=\"iam-identity-question\">\n\n        <span class=\"iam-identity-question-label\">\n          Frag deinen Kunden\n        <\/span>\n\n        <p>\n          \u00abWas passiert bei Ihnen mit den bisherigen Zugriffsrechten,\n          <strong>wenn jemand intern die Funktion wechselt?<\/strong>\u00bb\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PARTNER VALUE -->\n\n      <div class=\"iam-identity-value\">\n\n        <div class=\"iam-identity-value-head\">\n\n          <span>\n            Was daraus entstehen kann\n          <\/span>\n\n          <h3>\n            Nicht nur mehr Sicherheit.\n            <strong>Auch bessere Prozesse.<\/strong>\n          <\/h3>\n\n        <\/div>\n\n\n        <div class=\"iam-identity-benefits\">\n\n          <div class=\"iam-identity-benefit\">\n            <span>\n              Weniger manuelle Berechtigungsvergabe\n            <\/span>\n          <\/div>\n\n          <div class=\"iam-identity-benefit\">\n            <span>\n              Schnellere Joiner-, Mover- und Leaver-Prozesse\n            <\/span>\n          <\/div>\n\n          <div class=\"iam-identity-benefit\">\n            <span>\n              Weniger Fehler bei Rollenwechseln\n            <\/span>\n          <\/div>\n\n          <div class=\"iam-identity-benefit\">\n            <span>\n              Nachvollziehbare Zugriffe und Verantwortlichkeiten\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n<!-- =======================================================\n     TECHNOLOGY PARTNER\n     ======================================================= -->\n\n<div class=\"iam-identity-partner\">\n\n  <div class=\"iam-identity-partner-copy\">\n\n    <span class=\"iam-identity-partner-label\">\n      Passende L\u00f6sungswelt\n    <\/span>\n\n    <p class=\"iam-identity-partner-title\">\n      Identity Management mit\n      <strong>Microsoft<\/strong>\n    <\/p>\n\n  <\/div>\n\n\n  <a class=\"iam-identity-partner-name\" href=\"https:\/\/www.infinigate.com\/ch\/en\/vendors\/microsoft-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n    Microsoft \u2192\n  <\/a>\n\n<\/div>\n\n\n<!-- =======================================================\n     ENDE CONTENT-SPALTE\n     ======================================================= -->\n\n<\/div>\n\n\n<!-- =======================================================\n     VIDEO \u00b7 \u00dcBER GESAMTE BREITE\n     ======================================================= -->\n\n<div class=\"iam-video-feature\" id=\"identity-video\">\n\n\n  <div class=\"iam-video-feature-head\">\n\n\n    <div class=\"iam-video-feature-copy\">\n\n      <span class=\"iam-video-feature-label\">\n        Kurz erkl\u00e4rt\n      <\/span>\n\n      <h3>\n        Wer darf noch zugreifen,\n        <strong>obwohl er es l\u00e4ngst nicht mehr sollte?<\/strong>\n      <\/h3>\n\n      <p>\n        Der Clip zeigt, wo Berechtigungswildwuchs entsteht\n        und wie du daraus ein konkretes Kundengespr\u00e4ch machst.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"iam-video-feature-actions\">\n\n      <a class=\"iam-video-webinar\" href=\"https:\/\/attendee.gotowebinar.com\/register\/6995251764334343520?source=CH\" target=\"_blank\" rel=\"noopener noreferrer\">\n        Zum IAM-Webinar \u2192\n      <\/a>\n\n\n      <a class=\"iam-video-fullscreen\" href=\"#identity-video-modal\">\n\n        <span class=\"iam-video-fullscreen-icon\" aria-hidden=\"true\">\n          \u26f6\n        <\/span>\n\n        Vollbild\n\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <div class=\"iam-video-feature-media\">\n\n    <iframe src=\"https:\/\/player.vimeo.com\/video\/1228097067\" title=\"Identity Management \u2013 IAM kurz erkl\u00e4rt\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n  <\/div>\n\n\n<\/div>\n\n\n<!-- =======================================================\n     FULLSCREEN MODAL\n     ======================================================= -->\n\n<div class=\"iam-video-modal\" id=\"identity-video-modal\">\n\n\n  <a class=\"iam-video-modal-backdrop\" href=\"#identity-video\" aria-label=\"Video schliessen\"><\/a>\n\n\n  <div class=\"iam-video-modal-dialog\">\n\n\n    <a class=\"iam-video-modal-close\" href=\"#identity-video\" aria-label=\"Video schliessen\">\n      \u00d7\n    <\/a>\n\n\n    <div class=\"iam-video-modal-frame\">\n\n      <iframe src=\"https:\/\/player.vimeo.com\/video\/1228097067\" title=\"Identity Management \u2013 Grossansicht\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/div>\n\n\n<!-- =======================================================\n     NEXT\n     ======================================================= -->\n\n<div class=\"iam-identity-next\">\n\n  <div class=\"iam-identity-next-copy\">\n\n    <span>\n      N\u00e4chster Einstiegspunkt\n    <\/span>\n\n    <strong>\n      Access Management: Wer darf wann tats\u00e4chlich zugreifen?\n    <\/strong>\n\n  <\/div>\n\n\n  <a class=\"iam-identity-next-link\" href=\"#access\">\n    Access Management \u2192\n  <\/a>\n\n<\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"iam-access\"\n  id=\"access\"\n  aria-labelledby=\"iam-access-title\"\n>\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 05 \u00b7 ACCESS MANAGEMENT\n       ========================================================= *\/\n\n    .iam-access,\n    .iam-access * {\n      box-sizing: border-box;\n    }\n\n\n    \/* =========================================================\n       ROOT\n       ========================================================= *\/\n\n    .iam-access {\n      --iam-navy: #153447;\n      --iam-dark: #0a2230;\n      --iam-deep: #071b26;\n      --iam-coral: #ed5740;\n      --iam-ice: #d6e3e8;\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: clip;\n\n      background:\n        linear-gradient(\n          180deg,\n          #0b2634 0%,\n          #102e3d 52%,\n          #0b2634 100%\n        );\n\n      color: #fff;\n\n      font-family: \"Outfit\", sans-serif;\n    }\n\n\n    \/* =========================================================\n       MAIN GRID\n       ========================================================= *\/\n\n    .iam-access-inner {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1.08fr)\n        minmax(420px, .92fr);\n\n      width: min(1480px, calc(100% - 64px));\n\n      margin: 0 auto;\n\n      gap:\n        0\n        clamp(54px, 7vw, 115px);\n\n      align-items: start;\n\n      padding:\n        clamp(120px, 14vh, 175px)\n        0;\n    }\n\n\n    \/* explizite Grid-Zuweisung *\/\n\n    .iam-access-content {\n      grid-column: 1;\n      grid-row: 1;\n\n      width: 100%;\n      max-width: 760px;\n\n      padding-top: 18px;\n    }\n\n\n    .iam-access-visual-wrap {\n      grid-column: 2;\n      grid-row: 1;\n\n      position: relative;\n\n      width: 100%;\n      height: 100%;\n      min-height: 0;\n    }\n\n\n    .iam-access-video-feature {\n      grid-column: 1 \/ -1;\n      grid-row: 2;\n\n      width: 100%;\n\n      margin-top: 65px;\n    }\n\n\n    .iam-access-next {\n      grid-column: 1 \/ -1;\n      grid-row: 3;\n\n      width: 100%;\n    }\n\n\n    \/* =========================================================\n       KICKER\n       ========================================================= *\/\n\n    .iam-access-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 21px;\n\n      color: rgba(255,255,255,.58);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background: var(--iam-coral);\n    }\n\n\n    \/* =========================================================\n       HEADLINE\n       ========================================================= *\/\n\n    .iam-access h2 {\n      max-width: 760px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(46px, 5vw, 72px);\n      line-height: 1;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n\n      text-wrap: balance;\n    }\n\n\n    .iam-access h2 strong {\n      display: block;\n\n      margin-top: 6px;\n\n      color: var(--iam-ice);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       LEAD\n       ========================================================= *\/\n\n    .iam-access-lead {\n      max-width: 680px;\n\n      margin: 28px 0 0;\n\n      color: rgba(255,255,255,.72);\n\n      font-size: 20px;\n      line-height: 1.6;\n      font-weight: 300;\n    }\n\n\n    .iam-access-lead strong {\n      color: #fff;\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CONTEXT QUESTIONS\n       ========================================================= *\/\n\n    .iam-access-context {\n      margin-top: 42px;\n    }\n\n\n    .iam-access-context-head {\n      margin-bottom: 20px;\n    }\n\n\n    .iam-access-context-head span {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: var(--iam-coral);\n\n      font-size: 11px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-context-head h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(29px, 2.8vw, 40px);\n      line-height: 1.15;\n      font-weight: 300;\n\n      letter-spacing: -.025em;\n    }\n\n\n    .iam-access-context-head h3 strong {\n      font-weight: 500;\n    }\n\n\n    .iam-access-context-grid {\n      display: grid;\n\n      grid-template-columns:\n        repeat(5, minmax(0, 1fr));\n\n      gap: 10px;\n    }\n\n\n    .iam-access-context-item {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      min-width: 0;\n      min-height: 136px;\n\n      padding:\n        18px\n        16px;\n\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 14px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.07),\n          rgba(255,255,255,.025)\n        );\n\n      transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease;\n    }\n\n\n    .iam-access-context-item:hover {\n      transform: translateY(-4px);\n\n      border-color: rgba(255,255,255,.28);\n\n      background: rgba(255,255,255,.09);\n    }\n\n\n    .iam-access-context-item span {\n      color: rgba(255,255,255,.40);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-context-item strong {\n      max-width: 100%;\n\n      color: #fff;\n\n      font-size: 17px;\n      line-height: 1.28;\n      font-weight: 500;\n\n      word-break: normal;\n      overflow-wrap: normal;\n\n      hyphens: auto;\n      -webkit-hyphens: auto;\n    }\n\n\n    \/* =========================================================\n       SALES QUESTION\n       ========================================================= *\/\n\n    .iam-access-question {\n      position: relative;\n\n      margin-top: 36px;\n\n      padding:\n        31px\n        33px\n        31px\n        37px;\n\n      border: 1px solid rgba(255,255,255,.10);\n      border-radius: 18px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255,255,255,.07),\n          rgba(255,255,255,.025)\n        );\n    }\n\n\n    .iam-access-question::before {\n      content: \"\";\n\n      position: absolute;\n\n      left: 0;\n      top: 24px;\n      bottom: 24px;\n\n      width: 4px;\n\n      border-radius: 0 4px 4px 0;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-access-question-label {\n      display: block;\n\n      margin-bottom: 11px;\n\n      color: rgba(255,255,255,.48);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-question p {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(23px, 2.1vw, 30px);\n      line-height: 1.36;\n      font-weight: 300;\n\n      letter-spacing: -.02em;\n    }\n\n\n    .iam-access-question strong {\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       MFA VS ACCESS\n       ========================================================= *\/\n\n    .iam-access-compare {\n      display: grid;\n\n      grid-template-columns: 1fr 1fr;\n\n      gap: 14px;\n\n      margin-top: 40px;\n    }\n\n\n    .iam-access-compare-card {\n      padding:\n        27px\n        26px;\n\n      border: 1px solid rgba(255,255,255,.11);\n      border-radius: 16px;\n\n      background: rgba(255,255,255,.04);\n    }\n\n\n    .iam-access-compare-card span {\n      display: block;\n\n      margin-bottom: 9px;\n\n      color: var(--iam-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-compare-card h3 {\n      margin: 0 0 11px;\n\n      color: #fff;\n\n      font-size: 22px;\n      line-height: 1.25;\n      font-weight: 500;\n\n      letter-spacing: -.015em;\n    }\n\n\n    .iam-access-compare-card p {\n      margin: 0;\n\n      color: rgba(255,255,255,.65);\n\n      font-size: 16px;\n      line-height: 1.55;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       TECHNOLOGY PARTNER \u00b7 THALES\n       ========================================================= *\/\n\n    .iam-access-partner {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 24px;\n\n      margin-top: 34px;\n\n      padding:\n        22px\n        24px;\n\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 16px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255,255,255,.07),\n          rgba(255,255,255,.025)\n        );\n\n      box-shadow:\n        0 12px 30px rgba(0,0,0,.08);\n    }\n\n\n    .iam-access-partner-copy {\n      min-width: 0;\n    }\n\n\n    .iam-access-partner-label {\n      display: block;\n\n      margin-bottom: 6px;\n\n      color: var(--iam-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-partner-title {\n      margin: 0;\n\n      color: rgba(255,255,255,.82);\n\n      font-size: 19px;\n      line-height: 1.35;\n      font-weight: 300;\n    }\n\n\n    .iam-access-partner-title strong {\n      color: #fff;\n\n      font-weight: 600;\n    }\n\n\n    .iam-access-partner-name {\n      flex: 0 0 auto;\n\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 44px;\n\n      padding:\n        10px\n        18px;\n\n      border: 1px solid rgba(255,255,255,.18);\n      border-radius: 12px;\n\n      background: rgba(255,255,255,.07);\n\n      color: #fff !important;\n\n      font-size: 17px;\n      line-height: 1;\n      font-weight: 600;\n\n      white-space: nowrap;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .25s ease,\n        background-color .25s ease,\n        border-color .25s ease,\n        color .25s ease;\n    }\n\n\n    .iam-access-partner-name:hover,\n    .iam-access-partner-name:focus-visible {\n      transform: translateY(-2px);\n\n      background: var(--iam-coral);\n      border-color: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    \/* =========================================================\n       VISUAL\n       ========================================================= *\/\n\n    .iam-access-visual {\n      position: sticky;\n\n      top: 92px;\n\n      width: 100%;\n      height: 760px;\n\n      min-height: 650px;\n      max-height: 820px;\n\n      overflow: hidden;\n\n      border-radius: 22px;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(5,24,34,.05) 0%,\n          rgba(5,24,34,.02) 44%,\n          rgba(5,24,34,.56) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_Access.jpg\")\n        center center \/ cover no-repeat;\n\n      box-shadow:\n        0 26px 65px rgba(0,0,0,.20);\n    }\n\n\n    .iam-access-visual::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      background:\n        radial-gradient(\n          circle at 42% 32%,\n          rgba(255,255,255,.07),\n          transparent 38%\n        );\n\n      pointer-events: none;\n    }\n\n\n    .iam-access-visual-caption {\n      position: absolute;\n\n      left: 32px;\n      right: 32px;\n      bottom: 32px;\n\n      z-index: 2;\n\n      padding:\n        23px\n        25px;\n\n      border: 1px solid rgba(255,255,255,.16);\n      border-radius: 14px;\n\n      background: rgba(5,26,37,.58);\n\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n    }\n\n\n    .iam-access-visual-caption span {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: rgba(255,255,255,.53);\n\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-visual-caption p {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: 21px;\n      line-height: 1.38;\n      font-weight: 300;\n    }\n\n\n    .iam-access-visual-caption strong {\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       VIDEO \u00b7 35 \/ 65\n       ========================================================= *\/\n\n    .iam-access-video-feature {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        minmax(280px, .35fr)\n        minmax(0, .65fr);\n\n      align-items: center;\n\n      gap:\n        clamp(34px, 4vw, 62px);\n\n      padding:\n        clamp(32px, 4vw, 48px);\n\n      border: 1px solid rgba(255,255,255,.10);\n      border-radius: 22px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255,255,255,.07),\n          rgba(255,255,255,.025)\n        );\n\n      box-shadow:\n        0 22px 52px rgba(0,0,0,.12);\n\n      overflow: hidden;\n    }\n\n\n    .iam-access-video-feature::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      background:\n        radial-gradient(\n          circle at 88% 5%,\n          rgba(237,87,64,.10),\n          transparent 27%\n        );\n\n      pointer-events: none;\n    }\n\n\n    .iam-access-video-head {\n      position: relative;\n      z-index: 2;\n\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      gap: 25px;\n\n      min-width: 0;\n    }\n\n\n    .iam-access-video-copy {\n      width: 100%;\n      max-width: 430px;\n    }\n\n\n    .iam-access-video-label {\n      display: block;\n\n      margin-bottom: 10px;\n\n      color: rgba(255,255,255,.45);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-video-feature h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(29px, 2.4vw, 40px);\n      line-height: 1.08;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n\n    .iam-access-video-feature h3 strong {\n      font-weight: 500;\n    }\n\n\n    .iam-access-video-feature p {\n      max-width: 430px;\n\n      margin: 14px 0 0;\n\n      color: rgba(255,255,255,.64);\n\n      font-size: 17px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       VIDEO ACTIONS\n       ========================================================= *\/\n\n    .iam-access-video-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: flex-start;\n\n      gap: 10px;\n\n      width: 100%;\n    }\n\n\n    .iam-access-video-webinar,\n    .iam-access-video-fullscreen {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 40px;\n\n      padding:\n        9px\n        12px;\n\n      border-radius: 10px;\n\n      font-size: 13px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .25s ease,\n        background-color .25s ease,\n        border-color .25s ease,\n        color .25s ease;\n    }\n\n\n    .iam-access-video-webinar {\n      border: 1px solid var(--iam-coral);\n\n      background: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    .iam-access-video-webinar:hover,\n    .iam-access-video-webinar:focus-visible {\n      transform: translateY(-1px);\n\n      border-color: #fff;\n\n      background: #fff;\n\n      color: var(--iam-coral) !important;\n    }\n\n\n    .iam-access-video-fullscreen {\n      gap: 8px;\n\n      border: 1px solid rgba(255,255,255,.16);\n\n      background: rgba(255,255,255,.05);\n\n      color: rgba(255,255,255,.76) !important;\n    }\n\n\n    .iam-access-video-fullscreen:hover,\n    .iam-access-video-fullscreen:focus-visible {\n      transform: translateY(-1px);\n\n      border-color: rgba(255,255,255,.40);\n\n      background: rgba(255,255,255,.10);\n\n      color: #fff !important;\n    }\n\n\n    .iam-access-video-fullscreen-icon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 19px;\n      height: 19px;\n\n      color: var(--iam-coral);\n\n      font-size: 17px;\n      line-height: 1;\n    }\n\n\n    \/* =========================================================\n       VIDEO MEDIA\n       ========================================================= *\/\n\n    .iam-access-video-media {\n      position: relative;\n      z-index: 2;\n\n      align-self: center;\n\n      width: 100%;\n\n      aspect-ratio: 16 \/ 9;\n\n      overflow: hidden;\n\n      border-radius: 16px;\n\n      background: #061821;\n\n      box-shadow:\n        0 20px 45px rgba(0,0,0,.28);\n    }\n\n\n    .iam-access-video-media iframe {\n      position: absolute;\n\n      inset: 0;\n\n      display: block;\n\n      width: 100%;\n      height: 100%;\n\n      border: 0;\n    }\n\n\n    \/* =========================================================\n       VIDEO MODAL\n       ========================================================= *\/\n\n    .iam-access-video-modal {\n      position: fixed;\n\n      inset: 0;\n\n      z-index: 999999;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      padding:\n        clamp(18px, 4vw, 60px);\n\n      visibility: hidden;\n      opacity: 0;\n\n      pointer-events: none;\n\n      transition:\n        opacity .25s ease,\n        visibility .25s ease;\n    }\n\n\n    .iam-access-video-modal:target {\n      visibility: visible;\n      opacity: 1;\n\n      pointer-events: auto;\n    }\n\n\n    .iam-access-video-modal-backdrop {\n      position: absolute;\n\n      inset: 0;\n\n      background: rgba(3,15,22,.92);\n\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n    }\n\n\n    .iam-access-video-modal-dialog {\n      position: relative;\n\n      z-index: 2;\n\n      width: min(1280px, 94vw);\n\n      border-radius: 18px;\n\n      background: #061821;\n\n      box-shadow:\n        0 35px 90px rgba(0,0,0,.45);\n    }\n\n\n    .iam-access-video-modal-frame {\n      position: relative;\n\n      width: 100%;\n\n      aspect-ratio: 16 \/ 9;\n\n      overflow: hidden;\n\n      border-radius: 18px;\n    }\n\n\n    .iam-access-video-modal-frame iframe {\n      position: absolute;\n\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      border: 0;\n    }\n\n\n    .iam-access-video-modal-close {\n      position: absolute;\n\n      top: -18px;\n      right: -18px;\n\n      z-index: 5;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 44px;\n      height: 44px;\n\n      border-radius: 50%;\n\n      background: #fff;\n\n      color: var(--iam-navy) !important;\n\n      font-size: 28px;\n      line-height: 1;\n      font-weight: 300;\n\n      text-decoration: none !important;\n\n      box-shadow:\n        0 8px 24px rgba(0,0,0,.26);\n    }\n\n\n    .iam-access-video-modal-close:hover {\n      background: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    \/* =========================================================\n       NEXT\n       ========================================================= *\/\n\n    .iam-access-next {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 25px;\n\n      margin-top: 55px;\n\n      padding-top: 28px;\n\n      border-top:\n        1px solid rgba(255,255,255,.12);\n    }\n\n\n    .iam-access-next-copy span {\n      display: block;\n\n      margin-bottom: 5px;\n\n      color: rgba(255,255,255,.38);\n\n      font-size: 10px;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-access-next-copy strong {\n      color: #fff;\n\n      font-size: 18px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n\n    .iam-access-next-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      flex: 0 0 auto;\n\n      min-height: 52px;\n\n      padding:\n        .8em\n        1.45em;\n\n      border: 1px solid rgba(255,255,255,.22);\n      border-radius: 14px;\n\n      background: rgba(255,255,255,.06);\n\n      color: #fff !important;\n\n      font-size: 16px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease,\n        color .28s ease;\n    }\n\n\n    .iam-access-next-link:hover,\n    .iam-access-next-link:focus-visible {\n      transform: translateY(-2px);\n\n      background: var(--iam-coral);\n      border-color: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    \/* =========================================================\n       TABLET\n       ========================================================= *\/\n\n    @media (max-width: 1050px) {\n\n      .iam-access-inner {\n        grid-template-columns: 1fr;\n\n        width: min(100% - 44px, 900px);\n\n        gap: 52px;\n\n        padding:\n          110px\n          0;\n      }\n\n\n      .iam-access-content {\n        grid-column: 1 !important;\n        grid-row: auto !important;\n\n        width: 100%;\n        max-width: 800px;\n\n        padding-top: 0;\n      }\n\n\n      .iam-access-visual-wrap {\n        grid-column: 1 !important;\n        grid-row: auto !important;\n\n        width: 100%;\n        height: auto;\n      }\n\n\n      .iam-access-visual {\n        position: relative;\n\n        top: auto;\n\n        width: 100%;\n        height: 620px;\n\n        min-height: 0;\n        max-height: none;\n      }\n\n\n      .iam-access-video-feature {\n        grid-column: 1 !important;\n        grid-row: auto !important;\n\n        grid-template-columns: 1fr;\n\n        width: 100%;\n\n        gap: 30px;\n\n        margin-top: 10px;\n      }\n\n\n      .iam-access-video-copy {\n        max-width: 680px;\n      }\n\n\n      .iam-access-video-feature p {\n        max-width: 680px;\n      }\n\n\n      .iam-access-next {\n        grid-column: 1 !important;\n        grid-row: auto !important;\n\n        width: 100%;\n      }\n\n\n      .iam-access-context-grid {\n        grid-template-columns:\n          repeat(3, minmax(0, 1fr));\n      }\n\n    }\n\n\n    \/* =========================================================\n       MOBILE\n       ========================================================= *\/\n\n    @media (max-width: 640px) {\n\n      .iam-access-inner {\n        width: calc(100% - 32px);\n\n        gap: 42px;\n\n        padding:\n          80px\n          0;\n      }\n\n\n      .iam-access h2 {\n        font-size:\n          clamp(41px, 11.5vw, 55px);\n      }\n\n\n      .iam-access-lead {\n        font-size: 18px;\n      }\n\n\n      .iam-access-context-grid {\n        grid-template-columns:\n          1fr\n          1fr;\n      }\n\n\n      .iam-access-context-item {\n        min-height: 122px;\n      }\n\n\n      .iam-access-context-item:last-child {\n        grid-column: 1 \/ -1;\n\n        min-height: 105px;\n      }\n\n\n      .iam-access-context-item:last-child strong {\n        max-width: 260px;\n      }\n\n\n      .iam-access-question {\n        padding:\n          27px\n          24px\n          27px\n          28px;\n      }\n\n\n      .iam-access-question p {\n        font-size: 22px;\n      }\n\n\n      .iam-access-compare {\n        grid-template-columns: 1fr;\n      }\n\n\n      .iam-access-partner {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n\n      .iam-access-visual {\n        width: 100%;\n\n        height: 430px;\n\n        border-radius: 18px;\n\n        background-position:\n          57% center;\n      }\n\n\n      .iam-access-visual-caption {\n        left: 18px;\n        right: 18px;\n        bottom: 18px;\n\n        padding:\n          19px\n          20px;\n      }\n\n\n      .iam-access-visual-caption p {\n        font-size: 18px;\n      }\n\n\n      .iam-access-video-feature {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n\n        margin-top: 10px;\n\n        padding:\n          26px\n          20px;\n\n        border-radius: 18px;\n      }\n\n\n      .iam-access-video-head {\n        width: 100%;\n\n        gap: 20px;\n      }\n\n\n      .iam-access-video-copy {\n        width: 100%;\n        max-width: none;\n      }\n\n\n      .iam-access-video-feature h3 {\n        font-size:\n          clamp(27px, 8vw, 34px);\n\n        line-height: 1.1;\n      }\n\n\n      .iam-access-video-feature p {\n        max-width: none;\n\n        font-size: 16px;\n      }\n\n\n      .iam-access-video-actions {\n        width: 100%;\n\n        justify-content: flex-start;\n\n        gap: 9px;\n      }\n\n\n      .iam-access-video-webinar,\n      .iam-access-video-fullscreen {\n        padding:\n          9px\n          11px;\n      }\n\n\n      .iam-access-video-media {\n        width: 100%;\n\n        aspect-ratio: 16 \/ 9;\n\n        border-radius: 13px;\n      }\n\n\n      .iam-access-video-modal {\n        padding: 14px;\n      }\n\n\n      .iam-access-video-modal-dialog,\n      .iam-access-video-modal-frame {\n        border-radius: 14px;\n      }\n\n\n      .iam-access-video-modal-close {\n        top: -12px;\n        right: -6px;\n\n        width: 40px;\n        height: 40px;\n\n        font-size: 25px;\n      }\n\n\n      .iam-access-next {\n        align-items: flex-start;\n        flex-direction: column;\n\n        margin-top: 42px;\n      }\n\n    }\n\n\n    \/* =========================================================\n       REDUCED MOTION\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-access-context-item,\n      .iam-access-partner-name,\n      .iam-access-video-webinar,\n      .iam-access-video-fullscreen,\n      .iam-access-next-link {\n        transition: none;\n      }\n\n\n      .iam-access-context-item:hover,\n      .iam-access-partner-name:hover,\n      .iam-access-video-webinar:hover,\n      .iam-access-video-fullscreen:hover,\n      .iam-access-next-link:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"iam-access-inner\">\n\n\n    <!-- =======================================================\n         CONTENT\n         ======================================================= -->\n\n    <div class=\"iam-access-content\">\n\n\n      <div class=\"iam-access-kicker\">\n        02 \u00b7 Access Management\n      <\/div>\n\n\n      <h2 id=\"iam-access-title\">\n        Angemeldet heisst noch nicht\n        <strong>berechtigt.<\/strong>\n      <\/h2>\n\n\n      <p class=\"iam-access-lead\">\n        MFA ist ein wichtiger Baustein. Doch ein korrekt authentifizierter\n        Benutzer sollte nicht automatisch in jeder Situation denselben Zugriff erhalten.\n        <strong>\n          Access Management ber\u00fccksichtigt den Kontext hinter dem Zugriff.\n        <\/strong>\n      <\/p>\n\n\n      <!-- CONTEXT -->\n\n      <div class=\"iam-access-context\">\n\n        <div class=\"iam-access-context-head\">\n\n          <span>\n            Vom Login zur Zugriffsentscheidung\n          <\/span>\n\n          <h3>\n            F\u00fcnf Fragen, bevor ein Zugriff\n            <strong>wirklich sinnvoll ist.<\/strong>\n          <\/h3>\n\n        <\/div>\n\n\n        <div class=\"iam-access-context-grid\">\n\n\n          <div class=\"iam-access-context-item\">\n\n            <span>\n              Identit\u00e4t\n            <\/span>\n\n            <strong>\n              Wer?\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"iam-access-context-item\">\n\n            <span>\n              Standort\n            <\/span>\n\n            <strong>\n              Von wo?\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"iam-access-context-item\">\n\n            <span>\n              Ger\u00e4t\n            <\/span>\n\n            <strong>\n              Womit?\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"iam-access-context-item\">\n\n            <span>\n              Ressource\n            <\/span>\n\n            <strong>\n              Worauf?\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"iam-access-context-item\">\n\n            <span>\n              Kontext\n            <\/span>\n\n            <strong lang=\"de-CH\">\n              Unter welchen Bedingungen?\n            <\/strong>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- SALES QUESTION -->\n\n      <div class=\"iam-access-question\">\n\n        <span class=\"iam-access-question-label\">\n          Frag deinen Kunden\n        <\/span>\n\n        <p>\n          \u00abWie entscheiden Sie heute, ob ein Benutzer in einer bestimmten\n          Situation\n          <strong>\n            Zugriff auf eine sensible Anwendung erhalten soll?\n          <\/strong>\u00bb\n        <\/p>\n\n      <\/div>\n\n\n      <!-- MFA VS ACCESS -->\n\n      <div class=\"iam-access-compare\">\n\n\n        <article class=\"iam-access-compare-card\">\n\n          <span>\n            MFA\n          <\/span>\n\n          <h3>\n            Zus\u00e4tzliche Best\u00e4tigung.\n          <\/h3>\n\n          <p>\n            Pr\u00fcft, ob sich ein Benutzer zus\u00e4tzlich authentifiziert hat.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"iam-access-compare-card\">\n\n          <span>\n            Access Management\n          <\/span>\n\n          <h3>\n            Zugriffsentscheidung.\n          <\/h3>\n\n          <p>\n            Bewertet, unter welchen Bedingungen ein Zugriff sinnvoll und erlaubt ist.\n          <\/p>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- TECHNOLOGY PARTNER -->\n\n      <div class=\"iam-access-partner\">\n\n\n        <div class=\"iam-access-partner-copy\">\n\n          <span class=\"iam-access-partner-label\">\n            Passende L\u00f6sungswelt\n          <\/span>\n\n          <p class=\"iam-access-partner-title\">\n            Access Management mit\n            <strong>Thales<\/strong>\n          <\/p>\n\n        <\/div>\n\n\n        <a\n          class=\"iam-access-partner-name\"\n          href=\"https:\/\/www.infinigate.com\/ch\/Hersteller\/thales\/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Thales \u2192\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =======================================================\n         VISUAL\n         ======================================================= -->\n\n    <div class=\"iam-access-visual-wrap\">\n\n      <div class=\"iam-access-visual\">\n\n        <div class=\"iam-access-visual-caption\">\n\n          <span>\n            Kontext entscheidet\n          <\/span>\n\n          <p>\n            Der richtige Benutzer.\n            <strong>\n              Der richtige Zugriff. Die richtige Situation.\n            <\/strong>\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =======================================================\n         VIDEO \u00b7 35 \/ 65\n         ======================================================= -->\n\n    <div\n      class=\"iam-access-video-feature\"\n      id=\"access-video\"\n    >\n\n\n      <div class=\"iam-access-video-head\">\n\n\n        <div class=\"iam-access-video-copy\">\n\n          <span class=\"iam-access-video-label\">\n            Kurz erkl\u00e4rt\n          <\/span>\n\n          <h3>\n            Angemeldet.\n            <strong>\n              Aber darf dieser Zugriff wirklich stattfinden?\n            <\/strong>\n          <\/h3>\n\n          <p>\n            Der kurze IAM-Clip zeigt, warum MFA allein nicht jede\n            Zugriffsfrage beantwortet und weshalb der Kontext entscheidet.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"iam-access-video-actions\">\n\n\n          <a\n            class=\"iam-access-video-webinar\"\n            href=\"https:\/\/attendee.gotowebinar.com\/register\/6995251764334343520?source=CH\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Zum IAM-Webinar \u2192\n          <\/a>\n\n\n          <a\n            class=\"iam-access-video-fullscreen\"\n            href=\"#access-video-modal\"\n          >\n\n            <span\n              class=\"iam-access-video-fullscreen-icon\"\n              aria-hidden=\"true\"\n            >\n              \u26f6\n            <\/span>\n\n            Vollbild\n\n          <\/a>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <div class=\"iam-access-video-media\">\n\n        <iframe\n          src=\"https:\/\/player.vimeo.com\/video\/1228127939\"\n          title=\"Access Management \u2013 IAM kurz erkl\u00e4rt\"\n          frameborder=\"0\"\n          allow=\"autoplay; fullscreen; picture-in-picture\"\n          allowfullscreen\n        ><\/iframe>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =======================================================\n         FULLSCREEN MODAL\n         ======================================================= -->\n\n    <div\n      class=\"iam-access-video-modal\"\n      id=\"access-video-modal\"\n    >\n\n\n      <a\n        class=\"iam-access-video-modal-backdrop\"\n        href=\"#access-video\"\n        aria-label=\"Video schliessen\"\n      ><\/a>\n\n\n      <div class=\"iam-access-video-modal-dialog\">\n\n\n        <a\n          class=\"iam-access-video-modal-close\"\n          href=\"#access-video\"\n          aria-label=\"Video schliessen\"\n        >\n          \u00d7\n        <\/a>\n\n\n        <div class=\"iam-access-video-modal-frame\">\n\n          <iframe\n            src=\"https:\/\/player.vimeo.com\/video\/1228127939\"\n            title=\"Access Management \u2013 Grossansicht\"\n            frameborder=\"0\"\n            allow=\"autoplay; fullscreen; picture-in-picture\"\n            allowfullscreen\n          ><\/iframe>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =======================================================\n         NEXT\n         ======================================================= -->\n\n    <div class=\"iam-access-next\">\n\n\n      <div class=\"iam-access-next-copy\">\n\n        <span>\n          N\u00e4chster Einstiegspunkt\n        <\/span>\n\n        <strong>\n          Passwordless: Mehr Sicherheit. Weniger Reibung.\n        <\/strong>\n\n      <\/div>\n\n\n      <a\n        class=\"iam-access-next-link\"\n        href=\"#passwordless\"\n      >\n        Passwordless \u2192\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section\n  class=\"iam-passwordless\"\n  id=\"passwordless\"\n  aria-labelledby=\"iam-passwordless-title\"\n>\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 06 \u00b7 PASSWORDLESS & MODERN AUTHENTICATION\n       ========================================================= *\/\n\n    .iam-passwordless,\n    .iam-passwordless * {\n      box-sizing: border-box;\n    }\n\n\n    \/* =========================================================\n       ROOT\n       ========================================================= *\/\n\n    .iam-passwordless {\n      --iam-navy: #153447;\n      --iam-coral: #ed5740;\n      --iam-text: #1d1e1f;\n      --iam-soft: #f4f7f8;\n      --iam-line: rgba(21,52,71,.12);\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: clip;\n\n      background:\n        linear-gradient(\n          180deg,\n          #f5f7f8 0%,\n          #ffffff 58%,\n          #f4f7f8 100%\n        );\n\n      color: var(--iam-text);\n\n      font-family: \"Outfit\", sans-serif;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .iam-passwordless-inner {\n      width: min(1480px, calc(100% - 64px));\n\n      margin: 0 auto;\n\n      padding:\n        clamp(120px, 14vh, 175px)\n        0;\n    }\n\n\n    \/* =========================================================\n       TOP GRID\n       ========================================================= *\/\n\n    .iam-passwordless-top {\n      display: grid;\n\n      grid-template-columns:\n        minmax(420px, .94fr)\n        minmax(0, 1.06fr);\n\n      gap:\n        clamp(54px, 7vw, 115px);\n\n      align-items: start;\n    }\n\n\n    \/* =========================================================\n       VISUAL\n       ========================================================= *\/\n\n    .iam-passwordless-visual-wrap {\n      position: relative;\n\n      min-height: 0;\n      height: 100%;\n    }\n\n\n    .iam-passwordless-visual {\n      position: sticky;\n\n      top: 92px;\n\n      width: 100%;\n      height: 760px;\n\n      min-height: 650px;\n      max-height: 820px;\n\n      overflow: hidden;\n\n      border-radius: 22px;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(5,24,34,.05) 0%,\n          rgba(5,24,34,0) 44%,\n          rgba(5,24,34,.52) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_Passwordless.jpg\")\n        center center \/ cover no-repeat;\n\n      box-shadow:\n        0 26px 65px rgba(5,43,63,.13);\n    }\n\n\n    .iam-passwordless-visual::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      background:\n        radial-gradient(\n          circle at 54% 28%,\n          rgba(255,255,255,.12),\n          transparent 38%\n        );\n\n      pointer-events: none;\n    }\n\n\n    .iam-passwordless-visual-caption {\n      position: absolute;\n\n      left: 32px;\n      right: 32px;\n      bottom: 32px;\n\n      z-index: 2;\n\n      padding:\n        23px\n        25px;\n\n      border: 1px solid rgba(255,255,255,.16);\n      border-radius: 14px;\n\n      background: rgba(5,26,37,.56);\n\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n    }\n\n\n    .iam-passwordless-visual-caption span {\n      display: block;\n\n      margin-bottom: 8px;\n\n      color: rgba(255,255,255,.53);\n\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-passwordless-visual-caption p {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: 21px;\n      line-height: 1.38;\n      font-weight: 300;\n    }\n\n\n    .iam-passwordless-visual-caption strong {\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CONTENT\n       ========================================================= *\/\n\n    .iam-passwordless-content {\n      width: 100%;\n      max-width: 760px;\n    }\n\n\n    .iam-passwordless-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 21px;\n\n      color: rgba(21,52,71,.62);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-passwordless-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-passwordless h2 {\n      max-width: 760px;\n\n      margin: 0;\n\n      color: var(--iam-navy);\n\n      font-size: clamp(46px, 5vw, 72px);\n      line-height: 1;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n\n      text-wrap: balance;\n    }\n\n\n    .iam-passwordless h2 strong {\n      display: block;\n\n      margin-top: 6px;\n\n      color: var(--iam-text);\n\n      font-weight: 500;\n    }\n\n\n    .iam-passwordless-lead {\n      max-width: 670px;\n\n      margin: 28px 0 0;\n\n      color: rgba(29,30,31,.73);\n\n      font-size: 20px;\n      line-height: 1.6;\n      font-weight: 300;\n    }\n\n\n    .iam-passwordless-lead strong {\n      color: var(--iam-navy);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       SALES QUESTION\n       ========================================================= *\/\n\n    .iam-passwordless-question {\n      position: relative;\n\n      margin-top: 34px;\n\n      padding:\n        31px\n        33px\n        31px\n        37px;\n\n      border-radius: 18px;\n\n      background: var(--iam-navy);\n\n      box-shadow:\n        0 18px 40px rgba(5,43,63,.12);\n    }\n\n\n    .iam-passwordless-question::before {\n      content: \"\";\n\n      position: absolute;\n\n      left: 0;\n      top: 24px;\n      bottom: 24px;\n\n      width: 4px;\n\n      border-radius: 0 4px 4px 0;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-passwordless-question-label {\n      display: block;\n\n      margin-bottom: 11px;\n\n      color: rgba(255,255,255,.52);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-passwordless-question p {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(23px, 2.1vw, 30px);\n      line-height: 1.36;\n      font-weight: 300;\n\n      letter-spacing: -.02em;\n    }\n\n\n    .iam-passwordless-question strong {\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       COMPARE\n       ========================================================= *\/\n\n    .iam-passwordless-compare {\n      display: grid;\n\n      grid-template-columns:\n        1fr\n        1fr;\n\n      gap: 16px;\n\n      margin-top: 46px;\n    }\n\n\n    .iam-passwordless-compare-card {\n      position: relative;\n\n      min-height: 250px;\n\n      padding:\n        30px\n        28px;\n\n      border: 1px solid var(--iam-line);\n      border-radius: 18px;\n\n      background: #fff;\n\n      box-shadow:\n        0 12px 32px rgba(5,43,63,.055);\n\n      overflow: hidden;\n    }\n\n\n    .iam-passwordless-compare-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      left: 0;\n      top: 0;\n      bottom: 0;\n\n      width: 4px;\n\n      background: rgba(21,52,71,.18);\n    }\n\n\n    .iam-passwordless-compare-card--modern::before {\n      background: var(--iam-coral);\n    }\n\n\n    .iam-passwordless-compare-card span {\n      display: block;\n\n      margin-bottom: 11px;\n\n      color: rgba(21,52,71,.52);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-passwordless-compare-card h3 {\n      margin: 0 0 15px;\n\n      color: var(--iam-navy);\n\n      font-size: 24px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      letter-spacing: -.02em;\n    }\n\n\n    .iam-passwordless-compare-card ul {\n      margin: 0;\n      padding: 0;\n\n      list-style: none;\n    }\n\n\n    .iam-passwordless-compare-card li {\n      position: relative;\n\n      margin-top: 10px;\n\n      padding-left: 18px;\n\n      color: rgba(29,30,31,.67);\n\n      font-size: 16px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n\n    .iam-passwordless-compare-card li::before {\n      content: \"\";\n\n      position: absolute;\n\n      left: 0;\n      top: .62em;\n\n      width: 6px;\n      height: 6px;\n\n      border-radius: 50%;\n\n      background: rgba(21,52,71,.34);\n    }\n\n\n    .iam-passwordless-compare-card--modern li::before {\n      background: var(--iam-coral);\n    }\n\n\n    \/* =========================================================\n       METHODS\n       ========================================================= *\/\n\n    .iam-passwordless-methods {\n      margin-top: 42px;\n\n      padding:\n        27px\n        28px;\n\n      border: 1px solid var(--iam-line);\n      border-radius: 16px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(21,52,71,.045),\n          rgba(21,52,71,.015)\n        );\n    }\n\n\n    .iam-passwordless-methods-label {\n      display: block;\n\n      margin-bottom: 14px;\n\n      color: var(--iam-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-passwordless-method-list {\n      display: flex;\n      flex-wrap: wrap;\n\n      gap: 10px;\n    }\n\n\n    .iam-passwordless-method {\n      display: inline-flex;\n      align-items: center;\n\n      min-height: 41px;\n\n      padding:\n        9px\n        14px;\n\n      border: 1px solid rgba(21,52,71,.12);\n      border-radius: 12px;\n\n      background: #fff;\n\n      color: var(--iam-navy);\n\n      font-size: 14px;\n      line-height: 1.2;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       TECHNOLOGY PARTNER \u00b7 YUBICO\n       ========================================================= *\/\n\n    .iam-passwordless-partner {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 24px;\n\n      margin-top: 34px;\n\n      padding:\n        22px\n        24px;\n\n      border: 1px solid rgba(21,52,71,.11);\n      border-radius: 16px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255,255,255,.96),\n          rgba(243,246,247,.88)\n        );\n\n      box-shadow:\n        0 10px 28px rgba(5,43,63,.045);\n    }\n\n\n    .iam-passwordless-partner-copy {\n      min-width: 0;\n    }\n\n\n    .iam-passwordless-partner-label {\n      display: block;\n\n      margin-bottom: 6px;\n\n      color: var(--iam-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-passwordless-partner-title {\n      margin: 0;\n\n      color: var(--iam-navy);\n\n      font-size: 19px;\n      line-height: 1.35;\n      font-weight: 400;\n    }\n\n\n    .iam-passwordless-partner-title strong {\n      font-weight: 600;\n    }\n\n\n    .iam-passwordless-partner-name {\n      flex: 0 0 auto;\n\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 44px;\n\n      padding:\n        10px\n        18px;\n\n      border: 1px solid rgba(21,52,71,.12);\n      border-radius: 12px;\n\n      background: #fff;\n\n      color: var(--iam-navy) !important;\n\n      font-size: 17px;\n      line-height: 1;\n      font-weight: 600;\n\n      white-space: nowrap;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .25s ease,\n        background-color .25s ease,\n        border-color .25s ease,\n        color .25s ease;\n    }\n\n\n    .iam-passwordless-partner-name:hover,\n    .iam-passwordless-partner-name:focus-visible {\n      transform: translateY(-2px);\n\n      background: var(--iam-coral);\n      border-color: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    \/* =========================================================\n       VIDEO \u00b7 35 \/ 65\n       ========================================================= *\/\n\n    .iam-passwordless-video-feature {\n      position: relative;\n\n      display: grid;\n\n      grid-template-columns:\n        minmax(280px, .35fr)\n        minmax(0, .65fr);\n\n      align-items: center;\n\n      gap:\n        clamp(34px, 4vw, 62px);\n\n      width: 100%;\n\n      margin-top: 55px;\n\n      padding:\n        clamp(32px, 4vw, 48px);\n\n      border-radius: 22px;\n\n      background:\n        linear-gradient(\n          135deg,\n          #0b2634,\n          #153447 62%,\n          #102d3b\n        );\n\n      box-shadow:\n        0 22px 52px rgba(5,43,63,.13);\n\n      overflow: hidden;\n    }\n\n\n    .iam-passwordless-video-feature::before {\n      content: \"\";\n\n      position: absolute;\n      inset: 0;\n\n      background:\n        radial-gradient(\n          circle at 88% 5%,\n          rgba(237,87,64,.08),\n          transparent 26%\n        );\n\n      pointer-events: none;\n    }\n\n\n    .iam-passwordless-video-head {\n      position: relative;\n      z-index: 2;\n\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      gap: 25px;\n\n      min-width: 0;\n    }\n\n\n    .iam-passwordless-video-copy {\n      width: 100%;\n      max-width: 430px;\n    }\n\n\n    .iam-passwordless-video-label {\n      display: block;\n\n      margin-bottom: 10px;\n\n      color: rgba(255,255,255,.48);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-passwordless-video-feature h3 {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(29px, 2.4vw, 40px);\n      line-height: 1.08;\n      font-weight: 300;\n\n      letter-spacing: -.03em;\n    }\n\n\n    .iam-passwordless-video-feature h3 strong {\n      font-weight: 500;\n    }\n\n\n    .iam-passwordless-video-feature p {\n      max-width: 430px;\n\n      margin: 14px 0 0;\n\n      color: rgba(255,255,255,.66);\n\n      font-size: 17px;\n      line-height: 1.5;\n      font-weight: 300;\n    }\n\n\n    \/* =========================================================\n       VIDEO ACTIONS\n       ========================================================= *\/\n\n    .iam-passwordless-video-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: flex-start;\n\n      gap: 10px;\n\n      width: 100%;\n    }\n\n\n    .iam-passwordless-video-webinar,\n    .iam-passwordless-video-fullscreen {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 40px;\n\n      padding:\n        9px\n        12px;\n\n      border-radius: 10px;\n\n      font-size: 13px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .25s ease,\n        background-color .25s ease,\n        border-color .25s ease,\n        color .25s ease;\n    }\n\n\n    .iam-passwordless-video-webinar {\n      border: 1px solid var(--iam-coral);\n\n      background: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    .iam-passwordless-video-webinar:hover,\n    .iam-passwordless-video-webinar:focus-visible {\n      transform: translateY(-1px);\n\n      border-color: #fff;\n\n      background: #fff;\n\n      color: var(--iam-coral) !important;\n    }\n\n\n    .iam-passwordless-video-fullscreen {\n      gap: 8px;\n\n      border: 1px solid rgba(255,255,255,.16);\n\n      background: rgba(255,255,255,.05);\n\n      color: rgba(255,255,255,.76) !important;\n    }\n\n\n    .iam-passwordless-video-fullscreen:hover,\n    .iam-passwordless-video-fullscreen:focus-visible {\n      transform: translateY(-1px);\n\n      border-color: rgba(255,255,255,.40);\n\n      background: rgba(255,255,255,.10);\n\n      color: #fff !important;\n    }\n\n\n    .iam-passwordless-video-fullscreen-icon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 19px;\n      height: 19px;\n\n      color: var(--iam-coral);\n\n      font-size: 17px;\n      line-height: 1;\n    }\n\n\n    \/* =========================================================\n       VIDEO MEDIA\n       ========================================================= *\/\n\n    .iam-passwordless-video-media {\n      position: relative;\n      z-index: 2;\n\n      align-self: center;\n\n      width: 100%;\n\n      aspect-ratio: 16 \/ 9;\n\n      overflow: hidden;\n\n      border-radius: 16px;\n\n      background: #061821;\n\n      box-shadow:\n        0 20px 45px rgba(0,0,0,.25);\n    }\n\n\n    .iam-passwordless-video-media iframe {\n      position: absolute;\n\n      inset: 0;\n\n      display: block;\n\n      width: 100%;\n      height: 100%;\n\n      border: 0;\n    }\n\n\n    \/* =========================================================\n       VIDEO MODAL\n       ========================================================= *\/\n\n    .iam-passwordless-video-modal {\n      position: fixed;\n\n      inset: 0;\n\n      z-index: 999999;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      padding:\n        clamp(18px, 4vw, 60px);\n\n      visibility: hidden;\n      opacity: 0;\n\n      pointer-events: none;\n\n      transition:\n        opacity .25s ease,\n        visibility .25s ease;\n    }\n\n\n    .iam-passwordless-video-modal:target {\n      visibility: visible;\n      opacity: 1;\n\n      pointer-events: auto;\n    }\n\n\n    .iam-passwordless-video-modal-backdrop {\n      position: absolute;\n\n      inset: 0;\n\n      background: rgba(3,15,22,.90);\n\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n    }\n\n\n    .iam-passwordless-video-modal-dialog {\n      position: relative;\n\n      z-index: 2;\n\n      width: min(1280px, 94vw);\n\n      border-radius: 18px;\n\n      background: #061821;\n\n      box-shadow:\n        0 35px 90px rgba(0,0,0,.42);\n    }\n\n\n    .iam-passwordless-video-modal-frame {\n      position: relative;\n\n      width: 100%;\n\n      aspect-ratio: 16 \/ 9;\n\n      overflow: hidden;\n\n      border-radius: 18px;\n    }\n\n\n    .iam-passwordless-video-modal-frame iframe {\n      position: absolute;\n\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      border: 0;\n    }\n\n\n    .iam-passwordless-video-modal-close {\n      position: absolute;\n\n      top: -18px;\n      right: -18px;\n\n      z-index: 5;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 44px;\n      height: 44px;\n\n      border-radius: 50%;\n\n      background: #fff;\n\n      color: var(--iam-navy) !important;\n\n      font-size: 28px;\n      line-height: 1;\n      font-weight: 300;\n\n      text-decoration: none !important;\n\n      box-shadow:\n        0 8px 24px rgba(0,0,0,.24);\n    }\n\n\n    .iam-passwordless-video-modal-close:hover {\n      background: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    \/* =========================================================\n       NEXT\n       ========================================================= *\/\n\n    .iam-passwordless-next {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 25px;\n\n      margin-top: 55px;\n\n      padding-top: 28px;\n\n      border-top: 1px solid var(--iam-line);\n    }\n\n\n    .iam-passwordless-next-copy span {\n      display: block;\n\n      margin-bottom: 5px;\n\n      color: rgba(21,52,71,.46);\n\n      font-size: 10px;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-passwordless-next-copy strong {\n      color: var(--iam-navy);\n\n      font-size: 18px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n\n    .iam-passwordless-next-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      flex: 0 0 auto;\n\n      min-height: 52px;\n\n      padding:\n        .8em\n        1.45em;\n\n      border: 1px solid rgba(21,52,71,.20);\n      border-radius: 14px;\n\n      background: #fff;\n\n      color: var(--iam-navy) !important;\n\n      font-size: 16px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      box-shadow:\n        0 8px 22px rgba(5,43,63,.06);\n\n      transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease,\n        color .28s ease;\n    }\n\n\n    .iam-passwordless-next-link:hover,\n    .iam-passwordless-next-link:focus-visible {\n      transform: translateY(-2px);\n\n      background: var(--iam-coral);\n      border-color: var(--iam-coral);\n\n      color: #fff !important;\n    }\n\n\n    \/* =========================================================\n       TABLET\n       ========================================================= *\/\n\n    @media (max-width: 1050px) {\n\n      .iam-passwordless-inner {\n        width: min(100% - 44px, 900px);\n\n        padding:\n          110px\n          0;\n      }\n\n\n      .iam-passwordless-top {\n        grid-template-columns: 1fr;\n\n        gap: 52px;\n      }\n\n\n      .iam-passwordless-visual-wrap {\n        width: 100%;\n\n        height: auto;\n      }\n\n\n      .iam-passwordless-visual {\n        position: relative;\n\n        top: auto;\n\n        width: 100%;\n        height: 620px;\n\n        min-height: 0;\n        max-height: none;\n      }\n\n\n      .iam-passwordless-content {\n        width: 100%;\n        max-width: 800px;\n      }\n\n\n      .iam-passwordless-video-feature {\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n      }\n\n\n      .iam-passwordless-video-copy,\n      .iam-passwordless-video-feature p {\n        max-width: 680px;\n      }\n\n    }\n\n\n    \/* =========================================================\n       MOBILE\n       ========================================================= *\/\n\n    @media (max-width: 640px) {\n\n      .iam-passwordless-inner {\n        width: calc(100% - 32px);\n\n        padding:\n          80px\n          0;\n      }\n\n\n      .iam-passwordless-top {\n        gap: 42px;\n      }\n\n\n      .iam-passwordless-visual {\n        width: 100%;\n\n        height: 430px;\n\n        border-radius: 18px;\n\n        background-position:\n          58% center;\n      }\n\n\n      .iam-passwordless-visual-caption {\n        left: 18px;\n        right: 18px;\n        bottom: 18px;\n\n        padding:\n          19px\n          20px;\n      }\n\n\n      .iam-passwordless-visual-caption p {\n        font-size: 18px;\n      }\n\n\n      .iam-passwordless h2 {\n        font-size:\n          clamp(41px, 11.5vw, 55px);\n      }\n\n\n      .iam-passwordless-lead {\n        font-size: 18px;\n      }\n\n\n      .iam-passwordless-question {\n        padding:\n          27px\n          24px\n          27px\n          28px;\n      }\n\n\n      .iam-passwordless-question p {\n        font-size: 22px;\n      }\n\n\n      .iam-passwordless-compare {\n        grid-template-columns: 1fr;\n      }\n\n\n      .iam-passwordless-partner {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n\n      .iam-passwordless-video-feature {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n\n        margin-top: 38px;\n\n        padding:\n          26px\n          20px;\n\n        border-radius: 18px;\n      }\n\n\n      .iam-passwordless-video-head {\n        width: 100%;\n\n        gap: 20px;\n      }\n\n\n      .iam-passwordless-video-copy {\n        width: 100%;\n        max-width: none;\n      }\n\n\n      .iam-passwordless-video-feature h3 {\n        font-size:\n          clamp(27px, 8vw, 34px);\n\n        line-height: 1.1;\n      }\n\n\n      .iam-passwordless-video-feature p {\n        max-width: none;\n\n        font-size: 16px;\n      }\n\n\n      .iam-passwordless-video-actions {\n        width: 100%;\n\n        justify-content: flex-start;\n\n        gap: 9px;\n      }\n\n\n      .iam-passwordless-video-webinar,\n      .iam-passwordless-video-fullscreen {\n        padding:\n          9px\n          11px;\n      }\n\n\n      .iam-passwordless-video-media {\n        width: 100%;\n\n        aspect-ratio: 16 \/ 9;\n\n        border-radius: 13px;\n      }\n\n\n      .iam-passwordless-video-modal {\n        padding: 14px;\n      }\n\n\n      .iam-passwordless-video-modal-dialog,\n      .iam-passwordless-video-modal-frame {\n        border-radius: 14px;\n      }\n\n\n      .iam-passwordless-video-modal-close {\n        top: -12px;\n        right: -6px;\n\n        width: 40px;\n        height: 40px;\n\n        font-size: 25px;\n      }\n\n\n      .iam-passwordless-next {\n        align-items: flex-start;\n        flex-direction: column;\n\n        margin-top: 42px;\n      }\n\n    }\n\n\n    \/* =========================================================\n       REDUCED MOTION\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-passwordless-partner-name,\n      .iam-passwordless-video-webinar,\n      .iam-passwordless-video-fullscreen,\n      .iam-passwordless-next-link {\n        transition: none;\n      }\n\n\n      .iam-passwordless-partner-name:hover,\n      .iam-passwordless-video-webinar:hover,\n      .iam-passwordless-video-fullscreen:hover,\n      .iam-passwordless-next-link:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"iam-passwordless-inner\">\n\n\n    <div class=\"iam-passwordless-top\">\n\n\n      <!-- =====================================================\n           VISUAL\n           ===================================================== -->\n\n      <div class=\"iam-passwordless-visual-wrap\">\n\n        <div class=\"iam-passwordless-visual\">\n\n          <div class=\"iam-passwordless-visual-caption\">\n\n            <span>\n              Modern Authentication\n            <\/span>\n\n            <p>\n              Weniger Abh\u00e4ngigkeit vom Passwort.\n              <strong>\n                Weniger Reibung beim Zugriff.\n              <\/strong>\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =====================================================\n           CONTENT\n           ===================================================== -->\n\n      <div class=\"iam-passwordless-content\">\n\n\n        <div class=\"iam-passwordless-kicker\">\n          03 \u00b7 Passwordless &amp; Modern Authentication\n        <\/div>\n\n\n        <h2 id=\"iam-passwordless-title\">\n          Dein Kunde kennt sein Passwort.\n          <strong>\n            Der Angreifer leider auch.\n          <\/strong>\n        <\/h2>\n\n\n        <p class=\"iam-passwordless-lead\">\n          Gestohlene Zugangsdaten, Phishing und wiederverwendete Passw\u00f6rter\n          machen klassische Logins zu einem attraktiven Angriffsziel.\n          Moderne Authentifizierung kann gleichzeitig\n          <strong>\n            Sicherheitsrisiken reduzieren und die Benutzererfahrung verbessern.\n          <\/strong>\n        <\/p>\n\n\n        <!-- QUESTION -->\n\n        <div class=\"iam-passwordless-question\">\n\n          <span class=\"iam-passwordless-question-label\">\n            Frag deinen Kunden\n          <\/span>\n\n          <p>\n            \u00abWie viel Aufwand verursacht das Thema Passwort heute\n            <strong>\n              bei Ihren Benutzern und bei Ihrer IT?\n            <\/strong>\u00bb\n          <\/p>\n\n        <\/div>\n\n\n        <!-- COMPARE -->\n\n        <div class=\"iam-passwordless-compare\">\n\n\n          <article class=\"iam-passwordless-compare-card\">\n\n            <span>\n              Passwort heute\n            <\/span>\n\n            <h3>\n              Bekannt. Einfach. Angreifbar.\n            <\/h3>\n\n            <ul>\n              <li>Passwort-Reset und Supportaufwand<\/li>\n              <li>Wiederverwendete Zugangsdaten<\/li>\n              <li>Phishing als permanentes Risiko<\/li>\n            <\/ul>\n\n          <\/article>\n\n\n          <article\n            class=\"iam-passwordless-compare-card iam-passwordless-compare-card--modern\"\n          >\n\n            <span>\n              Modern Authentication\n            <\/span>\n\n            <h3>\n              Weniger Passwort. Mehr Kontrolle.\n            <\/h3>\n\n            <ul>\n              <li>Weniger Passwortinteraktionen<\/li>\n              <li>St\u00e4rkere Authentifizierungsverfahren<\/li>\n              <li>Weniger Reibung f\u00fcr Anwender<\/li>\n            <\/ul>\n\n          <\/article>\n\n\n        <\/div>\n\n\n        <!-- METHODS -->\n\n        <div class=\"iam-passwordless-methods\">\n\n          <span class=\"iam-passwordless-methods-label\">\n            Typische Bausteine\n          <\/span>\n\n          <div class=\"iam-passwordless-method-list\">\n\n            <span class=\"iam-passwordless-method\">\n              Passkeys\n            <\/span>\n\n            <span class=\"iam-passwordless-method\">\n              FIDO2\n            <\/span>\n\n            <span class=\"iam-passwordless-method\">\n              Biometrie\n            <\/span>\n\n            <span class=\"iam-passwordless-method\">\n              Hardware Security Keys\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- TECHNOLOGY PARTNER -->\n\n        <div class=\"iam-passwordless-partner\">\n\n\n          <div class=\"iam-passwordless-partner-copy\">\n\n            <span class=\"iam-passwordless-partner-label\">\n              Passende L\u00f6sungswelt\n            <\/span>\n\n            <p class=\"iam-passwordless-partner-title\">\n              Passwordless &amp; Modern Authentication mit\n              <strong>Yubico<\/strong>\n            <\/p>\n\n          <\/div>\n\n\n          <a\n            class=\"iam-passwordless-partner-name\"\n            href=\"https:\/\/www.infinigate.com\/ch\/Hersteller\/yubico\/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Yubico \u2192\n          <\/a>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =======================================================\n         VIDEO \u00b7 35 \/ 65\n         ======================================================= -->\n\n    <div\n      class=\"iam-passwordless-video-feature\"\n      id=\"passwordless-video\"\n    >\n\n\n      <div class=\"iam-passwordless-video-head\">\n\n\n        <div class=\"iam-passwordless-video-copy\">\n\n          <span class=\"iam-passwordless-video-label\">\n            Kurz erkl\u00e4rt\n          <\/span>\n\n          <h3>\n            Mehr Sicherheit\n            <strong>\n              mit Passwordless.\n            <\/strong>\n          <\/h3>\n\n          <p>\n            Erfahre im kurzen IAM-Clip, wie Passwordless zum konkreten\n            Gespr\u00e4chseinstieg bei deinen Kunden wird.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"iam-passwordless-video-actions\">\n\n\n          <a\n            class=\"iam-passwordless-video-webinar\"\n            href=\"https:\/\/attendee.gotowebinar.com\/register\/6995251764334343520?source=CH\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Zum IAM-Webinar \u2192\n          <\/a>\n\n\n          <a\n            class=\"iam-passwordless-video-fullscreen\"\n            href=\"#passwordless-video-modal\"\n          >\n\n            <span\n              class=\"iam-passwordless-video-fullscreen-icon\"\n              aria-hidden=\"true\"\n            >\n              \u26f6\n            <\/span>\n\n            Vollbild\n\n          <\/a>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <div class=\"iam-passwordless-video-media\">\n\n        <iframe\n          src=\"https:\/\/player.vimeo.com\/video\/1228097068\"\n          title=\"Mehr Sicherheit mit Passwordless\"\n          frameborder=\"0\"\n          allow=\"autoplay; fullscreen; picture-in-picture\"\n          allowfullscreen\n        ><\/iframe>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =======================================================\n         FULLSCREEN MODAL\n         ======================================================= -->\n\n    <div\n      class=\"iam-passwordless-video-modal\"\n      id=\"passwordless-video-modal\"\n    >\n\n\n      <a\n        class=\"iam-passwordless-video-modal-backdrop\"\n        href=\"#passwordless-video\"\n        aria-label=\"Video schliessen\"\n      ><\/a>\n\n\n      <div class=\"iam-passwordless-video-modal-dialog\">\n\n\n        <a\n          class=\"iam-passwordless-video-modal-close\"\n          href=\"#passwordless-video\"\n          aria-label=\"Video schliessen\"\n        >\n          \u00d7\n        <\/a>\n\n\n        <div class=\"iam-passwordless-video-modal-frame\">\n\n          <iframe\n            src=\"https:\/\/player.vimeo.com\/video\/1228097068\"\n            title=\"Mehr Sicherheit mit Passwordless \u2013 Grossansicht\"\n            frameborder=\"0\"\n            allow=\"autoplay; fullscreen; picture-in-picture\"\n            allowfullscreen\n          ><\/iframe>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =======================================================\n         NEXT\n         ======================================================= -->\n\n    <div class=\"iam-passwordless-next\">\n\n\n      <div class=\"iam-passwordless-next-copy\">\n\n        <span>\n          Der n\u00e4chste Schritt\n        <\/span>\n\n        <strong>\n          Drei Themen sind klar. Jetzt wird daraus ein konkreter Kunden-Case.\n        <\/strong>\n\n      <\/div>\n\n      <a\n        class=\"iam-passwordless-next-link\"\n        href=\"#use-case\"\n      >\n        Praxis-Use-Case \u2192\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"iam-usecase\" id=\"use-case\" aria-labelledby=\"iam-usecase-title\">\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 07 \u00b7 PRAXIS USE CASE\n       COMPACT VERSION\n       ========================================================= *\/\n\n    .iam-usecase,\n    .iam-usecase * {\n      box-sizing: border-box;\n    }\n\n\n    .iam-usecase {\n      --iam-navy: #153447;\n      --iam-dark: #0a2230;\n      --iam-deep: #071b26;\n      --iam-coral: #ed5740;\n      --iam-ice: #d6e3e8;\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: clip;\n\n      background:\n        linear-gradient(\n          135deg,\n          #0a2230 0%,\n          #102f3f 56%,\n          #0b2634 100%\n        );\n\n      color: #fff;\n\n      font-family: \"Outfit\", sans-serif;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .iam-usecase-inner {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1.05fr)\n        minmax(390px, .95fr);\n\n      width: min(1460px, calc(100% - 64px));\n\n      margin: 0 auto;\n\n      gap: clamp(45px, 6vw, 90px);\n\n      align-items: stretch;\n\n      padding:\n        clamp(95px, 10vh, 125px)\n        0;\n    }\n\n\n    \/* =========================================================\n       CONTENT\n       ========================================================= *\/\n\n    .iam-usecase-content {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n\n      max-width: 770px;\n    }\n\n\n    .iam-usecase-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: rgba(255,255,255,.56);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-usecase-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-usecase h2 {\n      max-width: 760px;\n\n      margin: 0;\n\n      color: #fff;\n\n      font-size: clamp(43px, 4.8vw, 66px);\n      line-height: 1.02;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n\n      text-wrap: balance;\n    }\n\n\n    .iam-usecase h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: var(--iam-ice);\n\n      font-weight: 500;\n    }\n\n\n    .iam-usecase-lead {\n      max-width: 660px;\n\n      margin: 24px 0 0;\n\n      color: rgba(255,255,255,.70);\n\n      font-size: 19px;\n      line-height: 1.58;\n      font-weight: 300;\n    }\n\n\n    .iam-usecase-lead strong {\n      color: #fff;\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       JOURNEY\n       ========================================================= *\/\n\n  .iam-usecase-journey {\n  display: grid;\n\n  grid-template-columns:\n    repeat(5, minmax(145px, 1fr));\n\n  gap: 10px;\n\n  margin-top: 38px;\n}\n\n\n    .iam-usecase-step {\n      position: relative;\nmin-width: 0;\n      min-height: 170px;\n\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      padding:\n        19px\n        17px;\n\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 14px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255,255,255,.07),\n          rgba(255,255,255,.025)\n        );\n\n      transition:\n        transform .28s ease,\n        border-color .28s ease,\n        background-color .28s ease;\n    }\n.iam-usecase-step > div {\n  min-width: 0;\n}\n.iam-usecase-step--wide span:last-child {\n  font-size: 12.5px;\n}\n    .iam-usecase-step:hover {\n      transform: translateY(-4px);\n\n      border-color: rgba(255,255,255,.27);\n\n      background: rgba(255,255,255,.08);\n    }\n\n\n    .iam-usecase-step-number {\n      color: var(--iam-coral);\n\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n    }\n\n\n    .iam-usecase-step strong {\n      display: block;\n\n      margin-top: 18px;\n\n      color: #fff;\n\n      font-size: 17px;\n      line-height: 1.25;\n      font-weight: 500;\n    }\n\n\n    .iam-usecase-step span:last-child {\n  display: block;\n\n  margin-top: 8px;\n\n  color: rgba(255,255,255,.55);\n\n  font-size: 13px;\n  line-height: 1.4;\n  font-weight: 300;\n\n  word-break: normal;\n  overflow-wrap: normal;\n\n  hyphens: auto;\n  -webkit-hyphens: auto;\n}\n\n\n    \/* =========================================================\n       KEY MESSAGE\n       ========================================================= *\/\n\n    .iam-usecase-message {\n      margin-top: 32px;\n\n      padding:\n        25px\n        28px;\n\n      border-left: 4px solid var(--iam-coral);\n      border-radius: 0 14px 14px 0;\n\n      background: rgba(255,255,255,.055);\n    }\n\n\n    .iam-usecase-message span {\n      display: block;\n\n      margin-bottom: 7px;\n\n      color: rgba(255,255,255,.44);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-usecase-message p {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: 20px;\n      line-height: 1.45;\n      font-weight: 300;\n    }\n\n\n    .iam-usecase-message strong {\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CTA\n       ========================================================= *\/\n\n    .iam-usecase-actions {\n      margin-top: 29px;\n    }\n\n\n    .iam-usecase-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 52px;\n\n      padding: .8em 1.45em;\n\n      border: 1px solid var(--iam-coral);\n      border-radius: 14px;\n\n      background: var(--iam-coral);\n\n      color: #fff !important;\n\n      font-size: 16px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease,\n        color .28s ease;\n    }\n\n\n    .iam-usecase-cta:hover {\n      transform: translateY(-2px);\n\n      background: #fff;\n      border-color: #fff;\n\n      color: var(--iam-coral) !important;\n    }\n\n\n    \/* =========================================================\n       VISUAL\n       ========================================================= *\/\n\n    .iam-usecase-visual {\n      position: relative;\n\n      min-height: 640px;\n\n      overflow: hidden;\n\n      border-radius: 22px;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(4,20,29,.05) 0%,\n          rgba(4,20,29,.02) 46%,\n          rgba(4,20,29,.58) 100%\n        ),\n        url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/IAM_UseCase.jpg\")\n        center center \/ cover no-repeat;\n\n      box-shadow:\n        0 24px 60px rgba(0,0,0,.20);\n    }\n\n\n    .iam-usecase-visual-caption {\n      position: absolute;\n\n      left: 28px;\n      right: 28px;\n      bottom: 28px;\n\n      padding:\n        22px\n        23px;\n\n      border: 1px solid rgba(255,255,255,.15);\n      border-radius: 14px;\n\n      background: rgba(5,26,37,.58);\n\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n    }\n\n\n    .iam-usecase-visual-caption span {\n      display: block;\n\n      margin-bottom: 7px;\n\n      color: rgba(255,255,255,.48);\n\n      font-size: 10px;\n      line-height: 1;\n      font-weight: 600;\n\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-usecase-visual-caption p {\n      margin: 0;\n\n      color: #fff;\n\n      font-size: 20px;\n      line-height: 1.4;\n      font-weight: 300;\n    }\n\n\n    .iam-usecase-visual-caption strong {\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       TABLET\n       ========================================================= *\/\n\n   @media (max-width: 1180px) {\n\n      .iam-usecase-inner {\n        grid-template-columns: 1fr;\n\n        width: min(100% - 44px, 920px);\n\n        gap: 55px;\n\n        padding:\n          95px\n          0;\n      }\n\n\n      .iam-usecase-journey {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n      }\n\n\n      .iam-usecase-visual {\n        min-height: 560px;\n      }\n\n    }\n\n\n    \/* =========================================================\n       MOBILE\n       ========================================================= *\/\n\n    @media (max-width: 640px) {\n\n      .iam-usecase-inner {\n        width: calc(100% - 32px);\n\n        gap: 42px;\n\n        padding:\n          76px\n          0;\n      }\n\n\n      .iam-usecase h2 {\n        font-size: clamp(40px, 11.5vw, 54px);\n      }\n\n\n      .iam-usecase-lead {\n        font-size: 18px;\n      }\n\n\n      .iam-usecase-journey {\n        grid-template-columns: 1fr 1fr;\n      }\n\n\n      .iam-usecase-step:last-child {\n        grid-column: 1 \/ -1;\n      }\n\n\n      .iam-usecase-visual {\n        min-height: 500px;\n\n        border-radius: 18px;\n\n        background-position: 58% center;\n      }\n\n\n      .iam-usecase-visual-caption {\n        left: 18px;\n        right: 18px;\n        bottom: 18px;\n\n        padding:\n          19px\n          20px;\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-usecase-step,\n      .iam-usecase-cta {\n        transition: none;\n      }\n\n\n      .iam-usecase-step:hover,\n      .iam-usecase-cta:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"iam-usecase-inner\">\n\n\n    <!-- CONTENT -->\n\n    <div class=\"iam-usecase-content\">\n\n\n      <div class=\"iam-usecase-kicker\">\n        Praxis \u00b7 Vom Problem zum Projekt\n      <\/div>\n\n\n      <h2 id=\"iam-usecase-title\">\n        IAM muss nicht gross beginnen.\n        <strong>Nur am richtigen Punkt.<\/strong>\n      <\/h2>\n\n\n      <p class=\"iam-usecase-lead\">\n        Der Fehler w\u00e4re, deinem Kunden sofort eine komplette IAM-Transformation\n        zu verkaufen. <strong>Ein klar abgegrenztes Problem reicht oft,\n        um das erste Projekt zu \u00f6ffnen.<\/strong>\n      <\/p>\n\n\n      <!-- JOURNEY -->\n\n      <div class=\"iam-usecase-journey\">\n\n\n        <div class=\"iam-usecase-step\">\n\n          <span class=\"iam-usecase-step-number\">\n            01\n          <\/span>\n\n          <div>\n            <strong>\n              Problem\n            <\/strong>\n\n            <span>\n              Alte Rechte bleiben bestehen.\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"iam-usecase-step\">\n\n          <span class=\"iam-usecase-step-number\">\n            02\n          <\/span>\n\n          <div>\n            <strong>\n              Gespr\u00e4ch\n            <\/strong>\n\n            <span>\n              Wer darf heute worauf zugreifen?\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"iam-usecase-step iam-usecase-step--wide\">\n\n  <span class=\"iam-usecase-step-number\">\n    03\n  <\/span>\n\n          <div>\n            <strong>\n              Analyse\n            <\/strong>\n\n            <span>\n              Prozesse und <br>Berechtigungen pr\u00fcfen.\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"iam-usecase-step\">\n\n          <span class=\"iam-usecase-step-number\">\n            04\n          <\/span>\n\n          <div>\n            <strong>\n              Erstes Projekt\n            <\/strong>\n\n            <span>\n              Einen konkreten Einstieg umsetzen.\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"iam-usecase-step\">\n\n          <span class=\"iam-usecase-step-number\">\n            05\n          <\/span>\n\n          <div>\n            <strong>\n              Ausbau\n            <\/strong>\n\n            <span>\n              IAM Schritt f\u00fcr Schritt erweitern.\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <!-- MESSAGE -->\n\n      <div class=\"iam-usecase-message\">\n\n        <span>\n          Die Chance f\u00fcr dich als Partner\n        <\/span>\n\n        <p>\n          Du verkaufst nicht einfach eine weitere Security-L\u00f6sung.\n          <strong>Du hilfst dem Kunden, den richtigen Einstieg in seine\n          Identity-Strategie zu finden.<\/strong>\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"iam-usecase-actions\">\n\n        <a class=\"iam-usecase-cta\" href=\"#playbook\">\n          Gespr\u00e4chseinstiege im Playbook entdecken \u2192\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- VISUAL -->\n\n    <div class=\"iam-usecase-visual\">\n\n      <div class=\"iam-usecase-visual-caption\">\n\n        <span>\n          Klein starten. Sinnvoll erweitern.\n        <\/span>\n\n        <p>\n          Passwordless, SSO, MFA-Modernisierung oder Identity Lifecycle:\n          <strong>Der aktuelle Kundenbedarf bestimmt den Einstieg.<\/strong>\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"iam-playbook\" id=\"playbook\" aria-labelledby=\"iam-playbook-title\">\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 08 \u00b7 SALES PLAYBOOK\n       ========================================================= *\/\n\n    .iam-playbook,\n    .iam-playbook * {\n      box-sizing: border-box;\n    }\n\n    .iam-playbook {\n      --iam-navy: #153447;\n      --iam-coral: #ed5740;\n      --iam-text: #1d1e1f;\n      --iam-soft: #f4f7f8;\n      --iam-line: rgba(21,52,71,.12);\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: clip;\n\n      background:\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f6f8f9 100%\n        );\n\n      color: var(--iam-text);\n\n      font-family: \"Outfit\", sans-serif;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .iam-playbook-inner {\n      display: grid;\n\n      grid-template-columns:\n        minmax(0, 1.05fr)\n        minmax(360px, .95fr);\n\n      width: min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n\n      gap: clamp(48px, 7vw, 100px);\n\n      align-items: center;\n\n      padding:\n        clamp(90px, 10vh, 120px)\n        0;\n    }\n\n\n    \/* =========================================================\n       CONTENT\n       ========================================================= *\/\n\n    .iam-playbook-content {\n      max-width: 720px;\n    }\n\n\n    .iam-playbook-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: rgba(21,52,71,.60);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-playbook-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-playbook h2 {\n      max-width: 710px;\n\n      margin: 0;\n\n      color: var(--iam-navy);\n\n      font-size: clamp(42px, 4.6vw, 64px);\n      line-height: 1.02;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n\n      text-wrap: balance;\n    }\n\n\n    .iam-playbook h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: var(--iam-text);\n\n      font-weight: 500;\n    }\n\n\n    .iam-playbook-lead {\n      max-width: 650px;\n\n      margin: 25px 0 0;\n\n      color: rgba(29,30,31,.72);\n\n      font-size: 19px;\n      line-height: 1.6;\n      font-weight: 300;\n    }\n\n\n    .iam-playbook-lead strong {\n      color: var(--iam-navy);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       BENEFITS\n       ========================================================= *\/\n\n    .iam-playbook-benefits {\n      display: grid;\n\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n\n      gap: 12px;\n\n      margin-top: 34px;\n    }\n\n\n    .iam-playbook-benefit {\n      padding:\n        20px\n        18px;\n\n      border: 1px solid var(--iam-line);\n      border-radius: 14px;\n\n      background: #fff;\n\n      box-shadow:\n        0 10px 26px rgba(5,43,63,.045);\n    }\n\n\n    .iam-playbook-benefit span {\n      display: block;\n\n      margin-bottom: 7px;\n\n      color: var(--iam-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-playbook-benefit strong {\n      display: block;\n\n      color: var(--iam-navy);\n\n      font-size: 17px;\n      line-height: 1.35;\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       CTA\n       ========================================================= *\/\n\n    .iam-playbook-actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-top: 31px;\n    }\n\n\n    .iam-playbook-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: 54px;\n\n      padding: .82em 1.55em;\n\n      border: 1px solid var(--iam-coral);\n      border-radius: 14px;\n\n      background: var(--iam-coral);\n\n      color: #fff !important;\n\n      font-size: 17px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      text-decoration: none !important;\n\n      box-shadow:\n        0 10px 24px rgba(5,43,63,.10);\n\n      transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease,\n        color .28s ease;\n    }\n\n\n    .iam-playbook-cta:hover {\n      transform: translateY(-2px);\n\n      background: #fff;\n      border-color: var(--iam-coral);\n\n      color: var(--iam-coral) !important;\n    }\n\n\n   \n\n\n    \/* =========================================================\n       VISUAL \/ MOCKUP\n       ========================================================= *\/\n\n    .iam-playbook-visual {\n  position: relative;\n\n  min-height: 560px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 20px 10px;\n\n  border-radius: 0;\n\n  background: transparent;\n\n  overflow: visible;\n\n  box-shadow: none;\n}\n\n\n    \/* =========================================================\n   REAL PLAYBOOK COVER\n   ========================================================= *\/\n\n.iam-playbook-cover-link {\n  position: relative;\n  z-index: 2;\n\n  display: block;\n\n  width: min(470px, 94%);\n\n  text-decoration: none !important;\n\n  transform: rotate(2.5deg);\n\n  transition:\n    transform .32s ease,\n    filter .32s ease;\n}\n\n\n.iam-playbook-cover-link:hover {\n  transform:\n    translateY(-6px)\n    rotate(.5deg)\n    scale(1.015);\n}\n\n\n.iam-playbook-cover {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  border-radius: 12px;\n\n  box-shadow:\n    18px 26px 52px rgba(0,0,0,.30);\n}\n\n\n.iam-playbook-cover-action {\n  position: static;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  width: fit-content;\n  min-width: 240px;\n  min-height: 52px;\n\n  margin:\n    20px\n    auto\n    0;\n\n  padding:\n    11px\n    20px;\n\n  border: 1px solid var(--iam-navy);\n  border-radius: 14px;\n\n  background: var(--iam-navy);\n\n  color: #fff !important;\n\n  font-size: 15px;\n  line-height: 1.25;\n  font-weight: 500;\n\n  box-shadow:\n    0 12px 26px rgba(5,43,63,.12);\n\n  transform: rotate(-2.5deg);\n\n  transition:\n    background-color .28s ease,\n    border-color .28s ease,\n    color .28s ease;\n}\n\n\n.iam-playbook-cover-link:hover\n.iam-playbook-cover-action {\n  background: var(--iam-coral);\n  border-color: var(--iam-coral);\n}\n\n\n.iam-playbook-cover-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 26px;\n  height: 26px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.14);\n\n  font-size: 15px;\n  line-height: 1;\n}\n\n\n    \/* =========================================================\n       SMALL LABEL\n       ========================================================= *\/\n\n    .iam-playbook-visual-label {\n  position: static;\n\n  margin-top: 16px;\n\n  color: rgba(21,52,71,.45);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n\n  text-align: center;\n}\n\n\n    \/* =========================================================\n       TABLET\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .iam-playbook-inner {\n        grid-template-columns: 1fr;\n\n        width: min(100% - 44px, 900px);\n\n        gap: 50px;\n\n        padding:\n          90px\n          0;\n      }\n\n\n      .iam-playbook-visual {\n        min-height: 440px;\n      }\n\n    }\n\n\n    \/* =========================================================\n       MOBILE\n       ========================================================= *\/\n\n    @media (max-width: 640px) {\n\n      .iam-playbook-inner {\n        width: calc(100% - 32px);\n\n        padding:\n          72px\n          0;\n      }\n\n\n      .iam-playbook h2 {\n        font-size: clamp(40px, 11vw, 54px);\n      }\n\n\n      .iam-playbook-lead {\n        font-size: 18px;\n      }\n\n\n      .iam-playbook-benefits {\n        grid-template-columns: 1fr;\n      }\n\n\n      .iam-playbook-actions {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n\n      .iam-playbook-visual {\n        min-height: 390px;\n\n        padding: 26px;\n\n        border-radius: 18px;\n      }\n\n\n     .iam-playbook-cover-link {\n  width: min(330px, 88%);\n}\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-playbook-cta {\n        transition: none;\n      }\n\n\n      .iam-playbook-cta:hover {\n        transform: none;\n      }\n\n    }\n\/* =========================================================\n   PLAYBOOK DOWNLOAD MODAL\n   Gutenberg Group + Gravity Form 341\n   ========================================================= *\/\n\nbody.page-id-26675 .iam-playbook-modal {\n  position: fixed;\n\n  left: 50%;\n  top: 50%;\n\n  z-index: 999999;\n\n  display: flex;\n  flex-direction: column;\n\n  width: min(900px, calc(100% - 48px));\n  max-height: calc(100vh - 50px);\n\n  margin: 0 !important;\n\n  padding:\n    clamp(38px, 4vw, 52px) !important;\n\n  overflow-y: auto;\n\n  transform:\n    translate(-50%, calc(-50% + 16px))\n    scale(.985);\n\n  border: 1px solid rgba(21,52,71,.14);\n  border-radius: 22px;\n\n  background: #fff !important;\n\n  box-shadow:\n    0 0 0 100vmax rgba(3,17,25,.72),\n    0 35px 100px rgba(2,20,30,.32);\n\n  font-family: \"Outfit\", sans-serif;\n\n  visibility: hidden;\n  opacity: 0;\n\n  pointer-events: none;\n\n  transform:\n    translateY(16px)\n    scale(.985);\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease,\n    visibility .25s ease;\n}\n\n\nbody.page-id-26675\n.iam-playbook-modal:target {\n  visibility: visible;\n  opacity: 1;\n\n  pointer-events: auto;\n\n  transform:\n    translate(-50%, -50%)\n    scale(1);\n}\n\n\n\/* dunkler Hintergrund *\/\n\n\n\/* CLOSE *\/\n\n.iam-playbook-modal-close {\n  position: absolute !important;\n\n  top: 18px !important;\n  right: 18px !important;\n\n  z-index: 50 !important;\n\n  display: grid !important;\n  place-items: center !important;\n\n  width: 42px !important;\n  min-width: 42px !important;\n  max-width: 42px !important;\n\n  height: 42px !important;\n  min-height: 42px !important;\n  max-height: 42px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  border: 1px solid rgba(21,52,71,.12) !important;\n  border-radius: 50% !important;\n\n  background: #f4f7f8 !important;\n\n  color: #153447 !important;\n\n  font-family: Arial, sans-serif !important;\n  font-size: 24px !important;\n  line-height: 1 !important;\n  font-weight: 400 !important;\n\n  text-align: center !important;\n  text-decoration: none !important;\n\n  box-sizing: border-box !important;\n\n  transform: none !important;\n\n  overflow: hidden !important;\n\n  box-shadow:\n    0 7px 18px rgba(5,43,63,.08) !important;\n\n  cursor: pointer !important;\n}\n\n\n.iam-playbook-modal-close:hover {\n  background: #ed5740 !important;\n  border-color: #ed5740 !important;\n\n  color: #fff !important;\n\n  transform: none !important;\n}\n\n\n\/* HEADER *\/\n\n.iam-playbook-modal-head {\n  padding-right: 90px;\n\n  margin-bottom: 27px;\n}\n\n\n.iam-playbook-modal-kicker {\n  display: block;\n\n  margin-bottom: 11px;\n\n  color: #ed5740;\n\n  font-size: 11px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n\n.iam-playbook-modal-head h3 {\n  margin: 0;\n\n  max-width: calc(100% - 20px);\n\n  color: #153447;\n\n  font-size: clamp(30px, 2.4vw, 38px);\n  line-height: 1.12;\n  font-weight: 300;\n\n  letter-spacing: -.03em;\n\n  white-space: nowrap;\n}\n\n\n.iam-playbook-modal-head h3 strong {\n  display: inline;\n\n  margin: 0;\n\n  color: #1d1e1f;\n\n  font-weight: 500;\n}\n\n\n.iam-playbook-modal-head p {\n  margin: 16px 0 0;\n\n  color: rgba(29,30,31,.68);\n\n  font-size: 16px;\n  line-height: 1.55;\n  font-weight: 300;\n}\n\n\n\/* =========================================================\n   GRAVITY FORMS\n   ========================================================= *\/\n\n.iam-playbook-modal .gform_wrapper {\n  margin: 0 !important;\n}\n\n\n.iam-playbook-modal .gform_fields {\n  row-gap: 18px !important;\n}\n\n\n.iam-playbook-modal\ninput[type=\"text\"],\n.iam-playbook-modal\ninput[type=\"email\"],\n.iam-playbook-modal\ninput[type=\"tel\"],\n.iam-playbook-modal\nselect,\n.iam-playbook-modal\ntextarea {\n\n  min-height: 52px;\n\n  padding:\n    12px\n    14px !important;\n\n  border: 1px solid rgba(21,52,71,.16) !important;\n  border-radius: 12px !important;\n\n  background: #f8fafb !important;\n\n  color: #1d1e1f !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 16px !important;\n\n  box-shadow: none !important;\n}\n\n\n.iam-playbook-modal textarea {\n  min-height: 110px;\n}\n\n\n.iam-playbook-modal\n.gfield_label {\n\n  color: #153447 !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n}\n\n\n.iam-playbook-modal\n.gform_footer {\n  margin-top: 22px !important;\n}\n\n\n.iam-playbook-modal\n.gform_button {\n\n  min-height: 54px !important;\n\n  padding:\n    .82em\n    1.55em !important;\n\n  border: 1px solid #ed5740 !important;\n  border-radius: 14px !important;\n\n  background: #ed5740 !important;\n\n  color: #fff !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 17px !important;\n  font-weight: 500 !important;\n\n  box-shadow:\n    0 10px 24px rgba(5,43,63,.10) !important;\n\n  cursor: pointer;\n}\n\n\n.iam-playbook-modal\n.gform_button:hover {\n\n  background: #153447 !important;\n\n  border-color: #153447 !important;\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 640px) {\n\n  body.page-id-26675\n.iam-playbook-modal {\n  width: calc(100% - 24px);\n\n  max-height: calc(100vh - 24px);\n\n  padding:\n    56px\n    20px\n    30px !important;\n\n  border-radius: 18px;\n}\n\n\n  .iam-playbook-modal-head {\n    padding-right: 34px;\n  }\n\n\n  .iam-playbook-modal-head h3 {\n  font-size: 30px;\n\n  white-space: normal;\n}\n\n\n.iam-playbook-modal-head h3 strong {\n  display: inline;\n}\n\n}\n\/* =========================================================\n   PLAYBOOK MODAL \u2013 FINAL WIDTH FIX\n   ========================================================= *\/\n\nbody.page-id-26675 .iam-playbook-modal {\n  box-sizing: border-box !important;\n\n  width: min(860px, calc(100vw - 40px)) !important;\n  max-width: 860px !important;\n\n  height: auto !important;\n  max-height: calc(100vh - 32px) !important;\n\n  padding:\n    34px\n    40px\n    36px !important;\n\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n}\n\n\n\/* Gutenberg-Inhalte nicht breiter als das Popup werden lassen *\/\n\nbody.page-id-26675\n.iam-playbook-modal > *:not(.iam-playbook-modal-close) {\n  box-sizing: border-box !important;\n\n  width: 100% !important;\n  max-width: 100% !important;\n\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n\n\n\/* Header *\/\n\n.iam-playbook-modal-head {\n  width: 100% !important;\n  max-width: 100% !important;\n\n  padding-right: 70px !important;\n\n  margin-bottom: 24px !important;\n}\n\n\n.iam-playbook-modal-head h3 {\n  width: 100% !important;\n  max-width: 100% !important;\n\n  font-size: clamp(29px, 2.2vw, 36px) !important;\n  line-height: 1.12 !important;\n\n  white-space: normal !important;\n  text-wrap: balance;\n}\n\n\n\/* Gravity Forms *\/\n\n.iam-playbook-modal .gform_wrapper,\n.iam-playbook-modal form,\n.iam-playbook-modal .gform_body,\n.iam-playbook-modal .gform_fields,\n.iam-playbook-modal .gfield {\n  box-sizing: border-box !important;\n\n  width: 100% !important;\n  max-width: 100% !important;\n\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n\n\n.iam-playbook-modal\ninput[type=\"text\"],\n.iam-playbook-modal\ninput[type=\"email\"],\n.iam-playbook-modal\ninput[type=\"tel\"],\n.iam-playbook-modal\nselect,\n.iam-playbook-modal\ntextarea {\n  box-sizing: border-box !important;\n\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n\n\/* etwas kompakter *\/\n\n.iam-playbook-modal .gform_fields {\n  row-gap: 14px !important;\n}\n\n\n.iam-playbook-modal .gform_footer {\n  margin-top: 18px !important;\n  padding-bottom: 0 !important;\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 640px) {\n\n  body.page-id-26675 .iam-playbook-modal {\n    width: calc(100vw - 20px) !important;\n\n    max-height: calc(100vh - 20px) !important;\n\n    padding:\n      58px\n      20px\n      28px !important;\n  }\n\n\n  .iam-playbook-modal-head {\n    padding-right: 0 !important;\n  }\n\n\n  .iam-playbook-modal-head h3 {\n    font-size: 29px !important;\n  }\n\n}\nbody.page-id-26675\n.iam-playbook-modal > .iam-playbook-modal-close {\n  position: absolute !important;\n\n  top: 18px !important;\n  right: 18px !important;\n  left: auto !important;\n\n  width: 42px !important;\n  min-width: 42px !important;\n  max-width: 42px !important;\n\n  height: 42px !important;\n  min-height: 42px !important;\n  max-height: 42px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  border-radius: 50% !important;\n\n  display: grid !important;\n  place-items: center !important;\n}\n\n  <\/style>\n\n\n  <div class=\"iam-playbook-inner\">\n\n\n    <!-- CONTENT -->\n\n    <div class=\"iam-playbook-content\">\n\n\n      <div class=\"iam-playbook-kicker\">\n        IAM Sales Playbook\n      <\/div>\n\n\n      <h2 id=\"iam-playbook-title\">\n  So beginnst du\n  <strong>das richtige Gespr\u00e4ch.<\/strong>\n<\/h2>\n\n\n      <p class=\"iam-playbook-lead\">\n        Das IAM Sales Playbook zeigt dir, wie du typische Kundensituationen\n        erkennst, die richtigen Fragen stellst und aus Identity-Themen\n        <strong>konkrete Projekte entwickelst.<\/strong>\n      <\/p>\n\n\n      <div class=\"iam-playbook-benefits\">\n\n        <div class=\"iam-playbook-benefit\">\n\n          <span>\n            Erkennen\n          <\/span>\n\n          <strong>\n            Typische IAM-Situationen beim Kunden\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"iam-playbook-benefit\">\n\n          <span>\n            Fragen\n          <\/span>\n\n          <strong>\n            Konkrete Gespr\u00e4chseinstiege nutzen\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"iam-playbook-benefit\">\n\n          <span>\n            Entwickeln\n          <\/span>\n\n          <strong>\n            Aus Problemen Projekte machen\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n<div class=\"iam-playbook-actions\">\n\n  <a class=\"iam-playbook-cta\" href=\"#playbook-download\">\n    Sales Playbook herunterladen \u2192\n  <\/a>\n\n<\/div>\n\n<\/div>\n<!-- \/iam-playbook-content -->\n\n\n<!-- VISUAL -->\n\n<div class=\"iam-playbook-visual\">\n\n  <a class=\"iam-playbook-cover-link\" href=\"#playbook-download\" aria-label=\"IAM Sales Playbook herunterladen\">\n\n    <img decoding=\"async\" class=\"iam-playbook-cover\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/10\/sales_playboock_IAM.jpg\" alt=\"IAM Sales Playbook\">\n\n    <span class=\"iam-playbook-cover-action\">\n\n      <span class=\"iam-playbook-cover-icon\" aria-hidden=\"true\">\n        \u2193\n      <\/span>\n\n      Playbook herunterladen\n\n    <\/span>\n\n  <\/a>\n\n  <div class=\"iam-playbook-visual-label\">\n    IAM Sales Playbook \u00b7 F\u00fcr Infinigate Partner\n  <\/div>\n\n<\/div>\n<!-- \/iam-playbook-visual -->\n\n\n<\/div>\n<!-- \/iam-playbook-inner -->\n\n<\/section>\n\n\n\n<div id=\"playbook-download\" class=\"wp-block-group iam-playbook-modal is-layout-constrained wp-block-group-is-layout-constrained\">\n<a\n  class=\"iam-playbook-modal-close\"\n  href=\"#playbook\"\n  aria-label=\"Download-Fenster schliessen\"\n>\n  \u00d7\n<\/a>\n\n<div class=\"iam-playbook-modal-head\">\n\n  <span class=\"iam-playbook-modal-kicker\">\n    IAM Sales Playbook\n  <\/span>\n\n  <h3>\n    So beginnst du\n    <strong>das richtige Gespr\u00e4ch.<\/strong>\n  <\/h3>\n\n  <p>\n    F\u00fclle kurz das Formular aus. Anschliessend steht dein\n    IAM Sales Playbook direkt zum Download bereit.\n  <\/p>\n\n<\/div>\n\n\n<script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_341' ><div id='gf_341' class='gform_anchor' tabindex='-1'><\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_341' id='gform_341'  action='\/ch\/wp-json\/wp\/v2\/pages\/26675#gf_341' data-formid='341' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_341' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_341_7\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_341_7'><span class='gform-field-label__text'>Company<\/span><\/label><div class='gfield_description' id='gfield_description_341_7'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_7' id='input_341_7' type='text' value='' autocomplete='new-password'\/><\/div><\/div><div id=\"field_341_2\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_341_2'><span class='gform-field-label__text'>E-Mail<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_341_2' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><fieldset id=\"field_341_1\" class=\"gfield gfield--type-name gfield--input-type-name field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Name<\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_341_1'>\n                            \n                            <span id='input_341_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <label for='input_341_1_3' class='gform-field-label gform-field-label--type-sub '>Vorname<\/label>\n                                                    <input type='text' name='input_1.3' id='input_341_1_3' value=''   aria-required='false'    autocomplete=\"given-name\" \/>\n                                                <\/span>\n                            \n                            <span id='input_341_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                            <label for='input_341_1_6' class='gform-field-label gform-field-label--type-sub '>Nachname<\/label>\n                                                            <input type='text' name='input_1.6' id='input_341_1_6' value=''   aria-required='false'    autocomplete=\"family-name\" \/>\n                                                        <\/span>\n                            \n                        <\/div><\/fieldset><div id=\"field_341_4\" class=\"gfield gfield--type-post_custom_field gfield--input-type-text gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_341_4'><span class='gform-field-label__text'>Firma<\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_341_4' type='text' value='' class='large'      aria-invalid=\"false\"   \/><\/div><\/div><fieldset id=\"field_341_6\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Einwilligung<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_6.1' id='input_341_6_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_341_6_1' ><span class='gform-field-label__text'>Ich habe die <a href=\"https:\/\/www.infinigate.com\/ch\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a> der Infinigate (Schweiz) AG zur Kenntnis genommen.<\/span><\/label><input type='hidden' name='input_6.2' value='Ich habe die &lt;a href=&quot;https:\/\/www.infinigate.com\/ch\/datenschutz\/&quot;&gt;Datenschutzerkl\u00e4rung&lt;\/a&gt; der Infinigate (Schweiz) AG zur Kenntnis genommen.' class='gform_hidden' \/><input type='hidden' name='input_6.3' value='168' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_341' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Sales Playbook herunterladen<\/button> <input type='hidden' name='gform_ajax' value='form_id=341&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=251e9938b9d70ca5a8d902b1ab57b147' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_341' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_341' id='gform_theme_341' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_341' id='gform_style_settings_341' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_341' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='341' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='R7hYnmnDK\/6DCctaOi\/AqHDASYGi\/QTiEkejOeQCTrj8ffBCWmtsxjpg\/Sqx4LGaRO\/V9pfUlBxshcz3tUTWSl7aXRwz4lmMPj1XOi5eA4CCHGA=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_341' value='WyJ7XCI2LjFcIjpcIjUwYzUyYzYwYWRlMThjYTQ1NTQzN2NjNzA5NjA2YzVlXCIsXCI2LjJcIjpcIjFhZmUyOWRmMDUwNTNmM2Q0NzBmNzA2MGM2YTY1NmU1XCIsXCI2LjNcIjpcIjliZTVmNWZmMTMxM2ZhN2M2NzRhNWVhMDVjMTRkNzAxXCIsXCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcImVmMzhmNWNkNTI2Y2U5YjkzOWQ4ZmYxMzZhY2QwZGE2XCIsXCI1OTE1YTBiNDZlOTAzNTRjYjA4NDk5YWUxNWM5MzkwMFwiLFwiYjc5NzYyNGJjNTU1YTE3MDk4MTg2ZGNhY2UxMmRlZTJcIl0sXCJnZm9ybV90aGVtZVwiOlwiZDFiZmRjM2JkYjVjMWIxZDg3MmVmMjMwNDBlYjA3MjdcIixcImdmb3JtX3N0eWxlX3NldHRpbmdzXCI6XCI4ZGViODcxNjBiYTQ1NTM2NTkxNTkxOGM1OGQxNGI4ZVwiLFwiZm9ybV9pZFwiOlwiMzRjM2U5ZWM3MzcxM2M1YmE2MTA4YWMzOWM0ZTUzMWVcIixcInVybFwiOlwiNDZkYzA3NjZkMGU2ODk5OGJkNGUwZjQ1OWEyM2RmNjhcIixcInN0YXRlX3RpbWVzdGFtcFwiOlwiNTMwNWE2MGU5YzY3ZjViMWU5MTY2OTg3NzViY2U3MzZcIn0iLCJhNmYwY2RiNDE3MGVmY2U4YmRkN2EwNzQyYjZlNWRhNiIsMTc5MzEwMDc5MV0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_341' id='gform_target_page_number_341' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_341' id='gform_source_page_number_341' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_341' id='gform_ajax_frame_341' title='Dieser iframe enth\u00e4lt die erforderliche Logik um Gravity Forms Formulare mit AJAX zu handhaben.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {jQuery('#gform_ajax_frame_341').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_341');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_341').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_341').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_341').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_341').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_341').offset().top - mt); }, 50 );var current_page = jQuery('#gform_source_page_number_341').val();jQuery(document).trigger('gform_page_loaded', [341, current_page]);window['gf_submitting_341'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_341').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_341').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [341]);window['gf_submitting_341'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_341').text());}else{jQuery('#gform_341').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"341\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_341\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_341\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_341\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 341, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n<\/div>\n\n\n\n<section class=\"iam-ecosystem\" id=\"hersteller\" aria-labelledby=\"iam-ecosystem-title\">\n\n  <style>\n\n    \/* =========================================================\n       IAM KAMPAGNE\n       PAGE ID 26675\n       SECTION 09 \u00b7 HERSTELLER + WEBINAR\n       ========================================================= *\/\n\n    .iam-ecosystem,\n    .iam-ecosystem * {\n      box-sizing: border-box;\n    }\n\n\n    .iam-ecosystem {\n      --iam-navy: #153447;\n      --iam-coral: #ed5740;\n      --iam-text: #1d1e1f;\n      --iam-soft: #f4f7f8;\n      --iam-line: rgba(21,52,71,.12);\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: clip;\n\n      background:\n        linear-gradient(\n          180deg,\n          #f7f9fa 0%,\n          #ffffff 58%,\n          #f3f6f7 100%\n        );\n\n      color: var(--iam-text);\n\n      font-family: \"Outfit\", sans-serif;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .iam-ecosystem-inner {\n      width: min(1380px, calc(100% - 64px));\n\n      margin: 0 auto;\n\n      padding:\n        clamp(90px, 10vh, 120px)\n        0;\n    }\n\n\n    \/* =========================================================\n       INTRO\n       ========================================================= *\/\n\n    .iam-ecosystem-intro {\n      max-width: 820px;\n\n      margin-bottom: 42px;\n    }\n\n\n    .iam-ecosystem-kicker {\n      display: inline-flex;\n      align-items: center;\n\n      gap: 12px;\n\n      margin-bottom: 18px;\n\n      color: rgba(21,52,71,.60);\n\n      font-size: 12px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .15em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-ecosystem-kicker::before {\n      content: \"\";\n\n      width: 44px;\n      height: 2px;\n\n      background: var(--iam-coral);\n    }\n\n\n    .iam-ecosystem h2 {\n      margin: 0;\n\n      color: var(--iam-navy);\n\n      font-size: clamp(42px, 4.6vw, 64px);\n      line-height: 1.02;\n      font-weight: 300;\n\n      letter-spacing: -.04em;\n\n      text-wrap: balance;\n    }\n\n\n    .iam-ecosystem h2 strong {\n      display: block;\n\n      margin-top: 5px;\n\n      color: var(--iam-text);\n\n      font-weight: 500;\n    }\n\n\n    .iam-ecosystem-lead {\n      max-width: 720px;\n\n      margin: 24px 0 0;\n\n      color: rgba(29,30,31,.70);\n\n      font-size: 19px;\n      line-height: 1.6;\n      font-weight: 300;\n    }\n\n\n    .iam-ecosystem-lead strong {\n      color: var(--iam-navy);\n\n      font-weight: 500;\n    }\n\n\n    \/* =========================================================\n       MANUFACTURER GRID\n       ========================================================= *\/\n\n    .iam-ecosystem-grid {\n      display: grid;\n\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n\n      gap: 16px;\n    }\n\n\n    .iam-ecosystem-card {\n      position: relative;\n\n      min-height: 300px;\n\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      padding:\n        29px\n        28px;\n\n      border: 1px solid var(--iam-line);\n      border-radius: 18px;\n\n      background: #fff;\n\n      box-shadow:\n        0 12px 32px rgba(5,43,63,.055);\n\n      overflow: hidden;\n\n      transition:\n        transform .28s ease,\n        box-shadow .28s ease,\n        border-color .28s ease;\n    }\n\n\n    .iam-ecosystem-card:hover {\n      transform: translateY(-5px);\n\n      border-color: rgba(21,52,71,.20);\n\n      box-shadow:\n        0 18px 42px rgba(5,43,63,.09);\n    }\n\n\n    .iam-ecosystem-card::before {\n      content: \"\";\n\n      position: absolute;\n\n      top: 0;\n      left: 0;\n      right: 0;\n\n      height: 4px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--iam-coral),\n          rgba(237,87,64,.20),\n          transparent\n        );\n    }\n\n\n    .iam-ecosystem-card-top span {\n      display: block;\n\n      margin-bottom: 9px;\n\n      color: var(--iam-coral);\n\n      font-size: 10px;\n      line-height: 1.2;\n      font-weight: 600;\n\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n\n    .iam-ecosystem-card h3 {\n      margin: 0;\n\n      color: var(--iam-navy);\n\n      font-size: 24px;\n      line-height: 1.2;\n      font-weight: 500;\n\n      letter-spacing: -.02em;\n    }\n\n\n    .iam-ecosystem-card p {\n      margin: 14px 0 0;\n\n      color: rgba(29,30,31,.66);\n\n      font-size: 16px;\n      line-height: 1.55;\n      font-weight: 300;\n    }\n\n.iam-ecosystem-logo {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  min-height: 76px;\n\n  margin-top: 26px;\n  padding: 14px 16px;\n\n  border: 1px solid rgba(21,52,71,.10);\n  border-radius: 13px;\n\n  background: #fff;\n}\n\n.iam-ecosystem-card:nth-child(2) .iam-ecosystem-logo img {\n  max-height: 54px;\n}\n.iam-ecosystem-logo img {\n  display: block;\n\n  width: auto;\n  max-width: 190px;\n  max-height: 48px;\n\n  object-fit: contain;\n}\n   \n\n\n    .iam-ecosystem-link {\n      display: inline-flex;\n      align-items: center;\n\n      margin-top: 22px;\n\n      color: var(--iam-navy) !important;\n\n      font-size: 15px;\n      line-height: 1.3;\n      font-weight: 500;\n\n      text-decoration: none !important;\n    }\n\n\n    .iam-ecosystem-link:hover {\n      color: var(--iam-coral) !important;\n    }\n\n\n  \/* =========================================================\n   WEBINAR\n   ========================================================= *\/\n\n.iam-webinar {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(340px, .88fr)\n    minmax(0, 1.12fr);\n\n  min-height: 520px;\n\n  margin-top: 58px;\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #0a2432 0%,\n      #153447 58%,\n      #0b2735 100%\n    );\n\n  overflow: hidden;\n\n  box-shadow:\n    0 24px 60px rgba(5,43,63,.16);\n}\n\n\n.iam-webinar::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  z-index: 0;\n\n  background:\n    radial-gradient(\n      circle at 82% 18%,\n      rgba(237,87,64,.12),\n      transparent 28%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   WEBINAR VISUAL\n   ========================================================= *\/\n\n.iam-webinar-visual {\n  position: relative;\n  z-index: 1;\n\n  min-height: 520px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(5,24,34,.02) 0%,\n      rgba(5,24,34,.08) 48%,\n      rgba(5,24,34,.48) 100%\n    ),\n    url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/10\/Avatar__03.jpg\")\n    center center \/ cover no-repeat;\n}\n\n\n.iam-webinar-visual::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent 58%,\n      rgba(11,39,53,.78) 100%\n    );\n\n  pointer-events: none;\n}\n\n\n.iam-webinar-visual-note {\n  position: absolute;\n\n  left: 26px;\n  bottom: 26px;\n\n  z-index: 2;\n\n  max-width: 260px;\n\n  padding:\n    16px\n    18px;\n\n  border: 1px solid rgba(255,255,255,.15);\n  border-radius: 14px;\n\n  background: rgba(5,24,34,.66);\n\n  color: rgba(255,255,255,.90);\n\n  font-size: 14px;\n  line-height: 1.45;\n  font-weight: 400;\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n\n.iam-webinar-visual-note strong {\n  display: block;\n\n  margin-top: 3px;\n\n  color: #fff;\n\n  font-weight: 500;\n}\n\n\n\/* =========================================================\n   WEBINAR CONTENT\n   ========================================================= *\/\n\n.iam-webinar-content {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding:\n    clamp(42px, 5vw, 66px)\n    clamp(38px, 5vw, 70px);\n}\n\n\n.iam-webinar-label {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 11px;\n\n  margin-bottom: 18px;\n\n  color: var(--iam-coral);\n\n  font-size: 11px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .15em;\n  text-transform: uppercase;\n}\n\n\n.iam-webinar-label::before {\n  content: \"\";\n\n  width: 36px;\n  height: 2px;\n\n  background: var(--iam-coral);\n}\n\n\n.iam-webinar h3 {\n  max-width: 660px;\n\n  margin: 0;\n\n  color: #fff;\n\n  font-size: clamp(34px, 3.6vw, 52px);\n  line-height: 1.08;\n  font-weight: 300;\n\n  letter-spacing: -.035em;\n\n  text-wrap: balance;\n}\n\n\n.iam-webinar h3 strong {\n  display: block;\n\n  margin-top: 5px;\n\n  color: #fff;\n\n  font-weight: 500;\n}\n\n\n.iam-webinar p {\n  max-width: 620px;\n\n  margin: 20px 0 0;\n\n  color: rgba(255,255,255,.70);\n\n  font-size: 18px;\n  line-height: 1.58;\n  font-weight: 300;\n}\n\n\n\/* =========================================================\n   DATE \/ TIME\n   ========================================================= *\/\n\n.iam-webinar-date {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  gap: 12px 22px;\n\n  margin-top: 30px;\n\n  padding:\n    20px\n    22px;\n\n  border: 1px solid rgba(255,255,255,.13);\n  border-radius: 16px;\n\n  background: rgba(255,255,255,.055);\n}\n\n\n.iam-webinar-date-main {\n  color: #fff;\n\n  font-size: 20px;\n  line-height: 1.3;\n  font-weight: 500;\n}\n\n\n.iam-webinar-date-time {\n  color: rgba(255,255,255,.68);\n\n  font-size: 16px;\n  line-height: 1.3;\n  font-weight: 400;\n}\n\n\n.iam-webinar-date-dot {\n  width: 5px;\n  height: 5px;\n\n  border-radius: 50%;\n\n  background: var(--iam-coral);\n}\n\n\n\/* =========================================================\n   SPEAKERS\n   ========================================================= *\/\n\n.iam-webinar-speakers {\n  margin-top: 20px;\n\n  color: rgba(255,255,255,.52);\n\n  font-size: 13px;\n  line-height: 1.5;\n  font-weight: 400;\n}\n\n\n.iam-webinar-speakers strong {\n  color: rgba(255,255,255,.84);\n\n  font-weight: 500;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.iam-webinar-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  gap: 14px;\n\n  margin-top: 28px;\n}\n\n\n.iam-webinar-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 54px;\n\n  padding: .82em 1.6em;\n\n  border: 1px solid var(--iam-coral);\n  border-radius: 14px;\n\n  background: var(--iam-coral);\n\n  color: #fff !important;\n\n  font-size: 17px;\n  line-height: 1.3;\n  font-weight: 500;\n\n  text-decoration: none !important;\n\n  box-shadow:\n    0 12px 28px rgba(0,0,0,.14);\n\n  transition:\n    transform .28s ease,\n    background-color .28s ease,\n    border-color .28s ease,\n    color .28s ease;\n}\n\n\n.iam-webinar-cta:hover {\n  transform: translateY(-2px);\n\n  background: #fff;\n  border-color: #fff;\n\n  color: var(--iam-coral) !important;\n}\n\n\n.iam-webinar-format {\n  color: rgba(255,255,255,.48);\n\n  font-size: 13px;\n  line-height: 1.4;\n  font-weight: 400;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 980px) {\n\n  .iam-webinar {\n    grid-template-columns: 1fr;\n  }\n\n\n  .iam-webinar-visual {\n    min-height: 460px;\n\n    background-position: center 32%;\n  }\n\n\n  .iam-webinar-visual::after {\n    background:\n      linear-gradient(\n        180deg,\n        transparent 60%,\n        rgba(11,39,53,.68) 100%\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 640px) {\n\n  .iam-webinar {\n    margin-top: 42px;\n\n    border-radius: 18px;\n  }\n\n\n  .iam-webinar-visual {\n    min-height: 360px;\n  }\n\n\n  .iam-webinar-visual-note {\n    left: 18px;\n    right: 18px;\n    bottom: 18px;\n\n    max-width: none;\n  }\n\n\n  .iam-webinar-content {\n    padding:\n      34px\n      24px\n      38px;\n  }\n\n\n  .iam-webinar h3 {\n    font-size: 36px;\n  }\n\n\n  .iam-webinar p {\n    font-size: 17px;\n  }\n\n\n  .iam-webinar-date {\n    align-items: flex-start;\n    flex-direction: column;\n\n    gap: 7px;\n  }\n\n\n  .iam-webinar-date-dot {\n    display: none;\n  }\n\n\n  .iam-webinar-actions {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n\n  .iam-webinar-cta {\n    width: 100%;\n  }\n\n}\n\n    \/* =========================================================\n       TABLET\n       ========================================================= *\/\n\n    @media (max-width: 980px) {\n\n      .iam-ecosystem-inner {\n        width: min(100% - 44px, 900px);\n\n        padding:\n          90px\n          0;\n      }\n\n\n      .iam-ecosystem-grid {\n        grid-template-columns: 1fr;\n      }\n\n\n      .iam-webinar {\n        grid-template-columns: 1fr;\n      }\n\n    }\n\n\n    \/* =========================================================\n       MOBILE\n       ========================================================= *\/\n\n    @media (max-width: 640px) {\n\n      .iam-ecosystem-inner {\n        width: calc(100% - 32px);\n\n        padding:\n          72px\n          0;\n      }\n\n\n      .iam-ecosystem h2 {\n        font-size: clamp(40px, 11vw, 54px);\n      }\n\n\n      .iam-ecosystem-lead {\n        font-size: 18px;\n      }\n\n\n      .iam-ecosystem-card {\n        min-height: 0;\n\n        padding:\n          25px\n          23px;\n      }\n\n\n      .iam-webinar {\n        margin-top: 38px;\n\n        padding:\n          32px\n          24px;\n\n        border-radius: 18px;\n      }\n\n\n      .iam-webinar-meta-item {\n        align-items: flex-start;\n        flex-direction: column;\n\n        gap: 5px;\n      }\n\n\n      .iam-webinar-meta-item strong {\n        text-align: left;\n      }\n\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .iam-ecosystem-card,\n      .iam-webinar-cta {\n        transition: none;\n      }\n\n\n      .iam-ecosystem-card:hover,\n      .iam-webinar-cta:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n\n  <div class=\"iam-ecosystem-inner\">\n\n\n    <!-- INTRO -->\n\n    <header class=\"iam-ecosystem-intro\">\n\n      <div class=\"iam-ecosystem-kicker\">\n        Technologiepartner\n      <\/div>\n\n\n      <h2 id=\"iam-ecosystem-title\">\n        Der Einstieg ist individuell.\n        <strong>Die passende L\u00f6sung ebenso.<\/strong>\n      <\/h2>\n\n\n      <p class=\"iam-ecosystem-lead\">\n        Je nachdem, wo dein Kunde heute steht, braucht er einen anderen\nEinstieg ins IAM. Gemeinsam mit unseren spezialisierten Herstellern\n        unterst\u00fctzen wir dich dabei, <strong>aus dem konkreten Bedarf\n        die passende Architektur zu entwickeln.<\/strong>\n      <\/p>\n\n    <\/header>\n\n\n    <!-- HERSTELLER -->\n\n<div class=\"iam-ecosystem-grid\">\n\n\n  <!-- MICROSOFT -->\n\n  <article class=\"iam-ecosystem-card\">\n\n    <div class=\"iam-ecosystem-card-top\">\n\n      <span>\n        Microsoft\n      <\/span>\n\n      <h3>\n        Identity &amp; Access Management\n      <\/h3>\n\n      <p>\n        Microsoft unterst\u00fctzt Unternehmen dabei, Identit\u00e4ten zentral zu verwalten,\n        Zugriffe zu steuern und Authentifizierung \u00fcber moderne Cloud-Umgebungen hinweg\n        konsistent abzusichern.\n      <\/p>\n\n    <\/div>\n\n\n    <div>\n\n      <div class=\"iam-ecosystem-logo\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2023\/03\/Microsoft.svg\" alt=\"Microsoft\" loading=\"lazy\">\n\n      <\/div>\n\n\n      <a class=\"iam-ecosystem-link\" href=\"https:\/\/www.infinigate.com\/ch\/Hersteller\/microsoft\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n  Microsoft entdecken \u2192\n<\/a>\n\n    <\/div>\n\n  <\/article>\n\n\n  <!-- THALES -->\n\n  <article class=\"iam-ecosystem-card\">\n\n    <div class=\"iam-ecosystem-card-top\">\n\n      <span>\n        Thales\n      <\/span>\n\n      <h3>\n        Access Management\n      <\/h3>\n\n      <p>\n  Thales unterst\u00fctzt Unternehmen dabei, Zugriffe auf Anwendungen und\n  sensible Ressourcen sicher zu steuern. Von kontextabh\u00e4ngiger\n  Zugriffskontrolle bis hin zu Phishing-resistenter\n  Multi-Faktor-Authentifizierung mit FIDO2.\n<\/p>\n\n    <\/div>\n\n\n    <div>\n\n      <div class=\"iam-ecosystem-logo\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/Yubico-Logo-no_Tag.jpg\" alt=\"Thales\" loading=\"lazy\">\n\n      <\/div>\n\n\n      <a class=\"iam-ecosystem-link\" href=\"https:\/\/www.infinigate.com\/ch\/Hersteller\/thales\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n  Thales entdecken \u2192\n<\/a>\n\n    <\/div>\n\n  <\/article>\n\n\n  <!-- YUBICO -->\n\n  <article class=\"iam-ecosystem-card\">\n\n    <div class=\"iam-ecosystem-card-top\">\n\n      <span>\n        Yubico\n      <\/span>\n\n      <h3>\n        Phishing-resistente Nutzer im IAM-Fokus\n      <\/h3>\n\n      <p>\n  Sch\u00fctze nicht nur deine Systeme, sondern auch deine Mitarbeitenden vor Phishing-Angriffen. Hardwarebasierte YubiKeys erm\u00f6glichen eine phishing-resistente Authentifizierung und sch\u00fctzen auch vor modernen, KI-gest\u00fctzten Angriffsmethoden. Gleichzeitig lassen sie sich nahtlos in deine bestehende IAM-Strategie integrieren.\n<\/p>\n\n    <\/div>\n\n\n    <div>\n\n      <div class=\"iam-ecosystem-logo\">\n\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2025\/09\/yubico-logo-primary-1.svg?ver=1756899436\" alt=\"Yubico\" loading=\"lazy\">\n\n      <\/div>\n\n\n      <a class=\"iam-ecosystem-link\" href=\"https:\/\/www.infinigate.com\/ch\/Hersteller\/yubico\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n  Yubico entdecken \u2192\n<\/a>\n\n    <\/div>\n\n  <\/article>\n\n\n<\/div>\n\n<!-- WEBINAR -->\n\n<div class=\"iam-webinar\" id=\"webinar\">\n\n\n  <!-- VISUAL -->\n\n  <div class=\"iam-webinar-visual\">\n\n    <div class=\"iam-webinar-visual-note\">\n      Live \u00b7 30 Minuten\n      <strong>Konkrete IAM-Einstiege f\u00fcr dein Kundengespr\u00e4ch<\/strong>\n    <\/div>\n\n  <\/div>\n\n\n  <!-- CONTENT -->\n\n  <div class=\"iam-webinar-content\">\n\n    <span class=\"iam-webinar-label\">\n      IAM-Webinar\n    <\/span>\n\n\n    <h3>\n      Vom Kundenproblem\n      <strong>zum passenden IAM-Einstieg.<\/strong>\n    <\/h3>\n\n\n   <p>\n  Erfahre, wie du Identity Management, Access Management und moderne\n  Authentifizierung bei deinen Kunden verst\u00e4ndlich positionierst und daraus\n  konkrete Projekte entwickelst.\n<\/p>\n\n\n    <div class=\"iam-webinar-date\">\n\n      <span class=\"iam-webinar-date-main\">\n        1. Dezember 2026\n      <\/span>\n\n      <span class=\"iam-webinar-date-dot\" aria-hidden=\"true\"><\/span>\n\n      <span class=\"iam-webinar-date-time\">\n        13:30\u201314:00 Uhr\n      <\/span>\n\n    <\/div>\n\n\n    <div class=\"iam-webinar-speakers\">\n      Mit\n      <strong>\n        Dominik Hetzer, Florian Eder und Hans-J\u00fcrgen Br\u00fcckl\n      <\/strong>\n    <\/div>\n\n\n    <div class=\"iam-webinar-actions\">\n\n      <a class=\"iam-webinar-cta\" href=\"https:\/\/attendee.gotowebinar.com\/register\/6995251764334343520?source=CH\" target=\"_blank\" rel=\"noopener noreferrer\">\n        Zum Webinar anmelden \u2192\n      <\/a>\n\n      <span class=\"iam-webinar-format\">\n        Live-Webinar \u00b7 Teilnahme kostenlos\n      <\/span>\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/div>\n    \n\n<\/div><\/section>\n\n\n\n<section class=\"iam-resources\" id=\"downloads\" aria-labelledby=\"iam-resources-title\">\n\n<style>\n\n.iam-resources,\n.iam-resources * {\n  box-sizing: border-box;\n}\n\n.iam-resources {\n  --iam-navy:#153447;\n  --iam-coral:#ed5740;\n  --iam-text:#1d1e1f;\n  --iam-line:rgba(21,52,71,.12);\n\n  width:100vw !important;\n  max-width:none !important;\n\n  margin-left:calc(50% - 50vw) !important;\n\n  padding:\n    clamp(90px,10vh,125px)\n    0;\n\n  background:\n  linear-gradient(\n    180deg,\n    #0b2634 0%,\n    #102e3d 52%,\n    #0b2634 100%\n  );\n\ncolor:#fff;\n\n  font-family:\"Outfit\",sans-serif;\n}\n\n.iam-resources-inner {\n  width:min(1380px,calc(100% - 64px));\n  margin:0 auto;\n}\n\n.iam-resources-head {\n  max-width:820px;\n  margin-bottom:45px;\n}\n\n.iam-resources-kicker {\n  display:inline-flex;\n  align-items:center;\n\n  gap:12px;\n\n  margin-bottom:18px;\n\n  color:rgba(255,255,255,.52);\n\n  font-size:12px;\n  font-weight:600;\n\n  letter-spacing:.15em;\n  text-transform:uppercase;\n}\n\n.iam-resources-kicker::before {\n  content:\"\";\n\n  width:44px;\n  height:2px;\n\n  background:var(--iam-coral);\n}\n\n.iam-resources h2 {\n  margin:0;\n\n  color:var(--iam-navy);\ncolor:#fff;\n  font-size:clamp(42px,4.5vw,64px);\n  line-height:1.03;\n  font-weight:300;\n\n  letter-spacing:-.035em;\n}\n\n.iam-resources h2 strong {\n  display:block;\n\n  margin-top:5px;\n\n  color:var(--iam-text);\ncolor:#d6e3e8;\n  font-weight:500;\n}\n\n.iam-resources-intro {\n  max-width:730px;\n\n  margin:24px 0 0;\n\n  color:rgba(255,255,255,.68);\n\n  font-size:19px;\n  line-height:1.6;\n  font-weight:300;\n}\n\n\n\/* CARDS *\/\n\n.iam-resources-grid {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:20px;\n}\n\n.iam-resource-card {\n  position:relative;\n\n  display:flex;\n  flex-direction:column;\n\n  min-height:330px;\n\n  padding:\n    30px\n    28px;\n\n  border:1px solid var(--iam-line);\n  border-radius:20px;\nborder:1px solid rgba(255,255,255,.12);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.08),\n      rgba(255,255,255,.035)\n    );\n\n  box-shadow:\n    0 16px 38px rgba(0,0,0,.12);\n}\n\n.iam-resource-card::before {\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:28px;\n\n  width:70px;\n  height:4px;\n\n  border-radius:0 0 4px 4px;\n\n  background:var(--iam-coral);\n}\n\n.iam-resource-vendor {\n  display:block;\n\n  margin-bottom:24px;\n\n  color:var(--iam-coral);\n\n  font-size:11px;\n  font-weight:600;\n\n  letter-spacing:.14em;\n  text-transform:uppercase;\n}\n\n.iam-resource-card h3 {\n  margin:0;\n\n  color:var(--iam-navy);\ncolor:#fff;\n  font-size:27px;\n  line-height:1.18;\n  font-weight:400;\n\n  letter-spacing:-.02em;\n}\n\n.iam-resource-card p {\n  margin:16px 0 0;\n\n  color:rgba(255,255,255,.66);\n\n  font-size:16px;\n  line-height:1.55;\n  font-weight:300;\n}\n\n.iam-resource-actions {\n  margin-top:auto;\n  padding-top:30px;\n}\n\n.iam-resource-button {\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  min-height:50px;\n\n  padding:.8em 1.35em;\n\n  border:1px solid var(--iam-coral);\n  border-radius:14px;\n\n  background:transparent;\n  color:#fff !important;\n\n  color:var(--iam-coral) !important;\n\n  font-size:15px;\n  font-weight:500;\n\n  text-decoration:none !important;\n\n  transition:\n    background-color .25s ease,\n    color .25s ease,\n    transform .25s ease;\n}\n\n.iam-resource-button:hover {\n  transform:translateY(-2px);\n\n  background:var(--iam-coral);\n  color:#fff !important;\n}\n\n\n\/* PLACEHOLDER *\/\n\n.iam-resource-card--coming {\n  opacity:.72;\n}\n\n.iam-resource-status {\n  display:inline-flex;\n\n  min-height:42px;\n\n  align-items:center;\n\n  padding:\n    9px\n    13px;\n\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:12px;\n\n  background:rgba(255,255,255,.06);\n\n  color:rgba(255,255,255,.58);\n\n  font-size:14px;\n  font-weight:500;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media (max-width:980px) {\n\n  .iam-resources-grid {\n    grid-template-columns:1fr;\n  }\n\n  .iam-resource-card {\n    min-height:0;\n  }\n\n}\n\n@media (max-width:640px) {\n\n  .iam-resources-inner {\n    width:calc(100% - 32px);\n  }\n\n  .iam-resources {\n    padding:\n      75px\n      0;\n  }\n\n  .iam-resource-card {\n    padding:\n      27px\n      23px;\n  }\n\n}\n\/* =========================================================\n   RESOURCE DOWNLOAD MODAL\n   FORM 342\n   ========================================================= *\/\n\n.iam-resource-modal {\n  position: fixed !important;\n  inset: 0 !important;\n\n  z-index: 2147483000 !important;\n\n  display: flex !important;\n  align-items: flex-start !important;\n  justify-content: center !important;\n\n  width: 100% !important;\n  max-width: none !important;\n  min-height: 100vh !important;\n\n  margin: 0 !important;\n\n  padding:\n  135px\n  clamp(18px, 4vw, 55px)\n  40px !important;\n\n  visibility: hidden;\n  opacity: 0;\n\n  pointer-events: none;\n\n  overflow-y: auto;\n\n  background: rgba(3,15,22,.88);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n\n  transition:\n    opacity .25s ease,\n    visibility .25s ease;\n}\n\n\n.iam-resource-modal:target {\n  visibility: visible;\n  opacity: 1;\n\n  pointer-events: auto;\n}\n\n\n\/* Modal Card *\/\n\n.iam-resource-modal-card {\n  position: relative;\n\n  width: min(720px, 100%) !important;\n\n  margin: 0 auto !important;\n\n  padding:\n    clamp(36px, 5vw, 52px) !important;\n\n  border: 1px solid rgba(21,52,71,.12);\n  border-radius: 22px;\n\n  background: #fff;\n\n  box-shadow:\n    0 32px 90px rgba(0,0,0,.30);\n\n  font-family: \"Outfit\", sans-serif;\n}\n\n\n.iam-resource-modal-card::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 48px;\n\n  width: 86px;\n  height: 4px;\n\n  border-radius: 0 0 4px 4px;\n\n  background: #ed5740;\n}\n\n\n\/* Close *\/\n\n.iam-resource-modal-close {\n  position: absolute !important;\n\n  top: 18px !important;\n  right: 18px !important;\n  z-index: 20 !important;\n\n  display: grid !important;\n  place-items: center !important;\n\n  width: 42px !important;\n  min-width: 42px !important;\n  max-width: 42px !important;\n\n  height: 42px !important;\n  min-height: 42px !important;\n  max-height: 42px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  border: 1px solid rgba(21,52,71,.11);\n  border-radius: 50%;\n\n  background: #f4f7f8;\n\n  color: #153447 !important;\n\n  font-family: \"Outfit\", sans-serif;\n  font-size: 26px;\n  line-height: 1;\n  font-weight: 300;\n\n  text-decoration: none !important;\n\n  z-index: 5;\n}\n\n\n.iam-resource-modal-close:hover {\n  background: #ed5740;\n\n  border-color: #ed5740;\n\n  color: #fff !important;\n}\n\n\n\/* Header *\/\n\n.iam-resource-modal-head {\n  max-width: 590px;\n\n  margin-bottom: 30px;\n  padding-right: 45px;\n}\n\n\n.iam-resource-modal-kicker {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color: #ed5740;\n\n  font-size: 10px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n\n.iam-resource-modal-head h3 {\n  margin: 0;\n\n  color: #153447;\n\n  font-size: clamp(30px, 4vw, 42px);\n  line-height: 1.1;\n  font-weight: 300;\n\n  letter-spacing: -.03em;\n}\n\n\n.iam-resource-modal-head h3 strong {\n  font-weight: 500;\n}\n\n\n.iam-resource-modal-head p {\n  margin: 15px 0 0;\n\n  color: rgba(29,30,31,.64);\n\n  font-size: 16px;\n  line-height: 1.55;\n  font-weight: 300;\n}\n\n\n\/* Gravity Forms *\/\n\n.iam-resource-modal-card .gform_wrapper {\n  margin: 0 !important;\n}\n\n\n.iam-resource-modal-card .gform_fields {\n  row-gap: 18px !important;\n}\n\n\n.iam-resource-modal-card .gfield_label {\n  color: #153447 !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n}\n\n\n.iam-resource-modal-card input[type=\"text\"],\n.iam-resource-modal-card input[type=\"email\"],\n.iam-resource-modal-card input[type=\"tel\"],\n.iam-resource-modal-card select,\n.iam-resource-modal-card textarea {\n  width: 100% !important;\n\n  min-height: 50px;\n\n  padding:\n    11px\n    13px !important;\n\n  border: 1px solid rgba(21,52,71,.16) !important;\n  border-radius: 12px !important;\n\n  background: #f8fafb !important;\n\n  color: #1d1e1f !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 15px !important;\n}\n\n\n.iam-resource-modal-card .gform_button {\n  min-height: 52px !important;\n\n  padding:\n    .8em\n    1.5em !important;\n\n  border: 1px solid #ed5740 !important;\n  border-radius: 14px !important;\n\n  background: #ed5740 !important;\n\n  color: #fff !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 500 !important;\n\n  cursor: pointer;\n}\n\n\n.iam-resource-modal-card .gform_button:hover {\n  background: #153447 !important;\n  border-color: #153447 !important;\n}\n\n\n\/* Consent *\/\n\n.iam-resource-modal-card .gfield_checkbox .gchoice {\n  display: flex;\n  align-items: flex-start;\n\n  gap: 10px;\n}\n\n\n.iam-resource-modal-card\n.gfield_checkbox\ninput[type=\"checkbox\"] {\n  flex: 0 0 auto;\n\n  width: 18px !important;\n  height: 18px !important;\n\n  margin-top: 3px !important;\n\n  accent-color: #ed5740;\n}\n\n\n@media (max-width: 640px) {\n\n  .iam-resource-modal {\n    align-items: flex-start !important;\n\n    padding:\n      16px !important;\n  }\n\n\n  .iam-resource-modal-card {\n    margin:\n      25px\n      auto !important;\n\n    padding:\n      36px\n      22px\n      28px !important;\n\n    border-radius: 18px;\n  }\n\n\n  .iam-resource-modal-head {\n    padding-right: 35px;\n  }\n\n}\n<\/style>\n\n\n<div class=\"iam-resources-inner\">\n\n  <div class=\"iam-resources-head\">\n\n    <div class=\"iam-resources-kicker\">\n      Ressourcen f\u00fcr dein Kundengespr\u00e4ch\n    <\/div>\n\n    <h2 id=\"iam-resources-title\">\n  Mehr Argumente\n  <strong>f\u00fcr deinen n\u00e4chsten IAM-Case.<\/strong>\n<\/h2>\n\n    <p class=\"iam-resources-intro\">\n  Nutze die Herstellerunterlagen als Erg\u00e4nzung f\u00fcr Beratung,\n  Kundengespr\u00e4che und die technische Vorbereitung deiner IAM-Projekte.\n<\/p>\n\n  <\/div>\n\n\n  <div class=\"iam-resources-grid\">\n\n\n    <!-- MICROSOFT -->\n\n    <article class=\"iam-resource-card\">\n\n      <span class=\"iam-resource-vendor\">\n        Microsoft\n      <\/span>\n\n      <h3>\n        Identity Management\n      <\/h3>\n\n      <p>\n        Erg\u00e4nzende Unterlagen zu Identity Management\n        und modernen Identit\u00e4tsprozessen.\n      <\/p>\n\n     <div class=\"iam-resource-actions\">\n\n  <a class=\"iam-resource-button\" href=\"?iam_download=Microsoft#iam-resource-download\">\n    PDF herunterladen \u2192\n  <\/a>\n\n<\/div>\n\n    <\/article>\n\n\n    <!-- THALES -->\n\n    <article class=\"iam-resource-card\">\n\n      <span class=\"iam-resource-vendor\">\n        Thales\n      <\/span>\n\n      <h3>\n        Access &amp; Authentication\n      <\/h3>\n\n      <p>\n  Sicherer Zugriff beginnt mit starker Authentifizierung.\n  Wie lassen sich sensible Zugriffe besser vor Phishing und gestohlenen\n  Zugangsdaten sch\u00fctzen? Erfahre im Solution Brief, wie FIDO2 Security Keys\n  von Thales passwortlose, Phishing-resistente Authentifizierung erm\u00f6glichen\n  und gleichzeitig die Anmeldung f\u00fcr Benutzer vereinfachen.\n<\/p>\n\n      <div class=\"iam-resource-actions\">\n\n       <a class=\"iam-resource-button\" href=\"?iam_download=Thales#iam-resource-download\">\n  PDF herunterladen \u2192\n<\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n   <!-- YUBICO -->\n\n<article class=\"iam-resource-card\">\n\n  <span class=\"iam-resource-vendor\">\n    Yubico\n  <\/span>\n\n  <h3>\n    Zero-Touch Deployment &amp; Passwordless ab Tag 1\n  <\/h3>\n\n  <p>\n    Mit FIDO Pre-Reg erhalten deine Mitarbeitenden ihre vorkonfigurierten YubiKeys\n    direkt ins B\u00fcro oder nach Hause geliefert. So k\u00f6nnen sie vom ersten Arbeitstag\n    an sicher und ohne Passwort auf ihre Anwendungen zugreifen. Die manuelle\n    Registrierung entf\u00e4llt und deine IT-Abteilung wird sp\u00fcrbar entlastet.\n  <\/p>\n\n  <div class=\"iam-resource-actions\">\n\n    <a\n      class=\"iam-resource-button\"\n      href=\"?iam_download=Yubico#iam-resource-download\"\n    >\n      Ressource \u00f6ffnen \u2192\n    <\/a>\n\n  <\/div>\n\n<\/article>\n\n\n  <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<div id=\"iam-resource-download\" class=\"wp-block-group iam-resource-modal is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group iam-resource-modal-card is-layout-constrained wp-block-group-is-layout-constrained\">\n<a\n  class=\"iam-resource-modal-close\"\n  href=\"#downloads\"\n  aria-label=\"Download-Fenster schliessen\"\n>\n  \u00d7\n<\/a>\n\n\n<div class=\"iam-resource-modal-head\">\n\n  <span class=\"iam-resource-modal-kicker\">\n    IAM-Ressource herunterladen\n  <\/span>\n\n  <h3>\n    Kurze Angaben.\n    <strong>Dann ist deine Ressource bereit.<\/strong>\n  <\/h3>\n\n  <p>\n    F\u00fcll das Formular kurz aus. Anschliessend kannst du\n    die ausgew\u00e4hlte IAM-Ressource direkt \u00f6ffnen.\n  <\/p>\n\n<\/div>\n\n\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_342' ><div id='gf_342' class='gform_anchor' tabindex='-1'><\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_342' id='gform_342'  action='\/ch\/wp-json\/wp\/v2\/pages\/26675#gf_342' data-formid='342' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_342' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_342_8\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_342_8'><span class='gform-field-label__text'>Company<\/span><\/label><div class='gfield_description' id='gfield_description_342_8'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_8' id='input_342_8' type='text' value='' autocomplete='new-password'\/><\/div><\/div><div id=\"field_342_2\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_342_2'><span class='gform-field-label__text'>E-Mail<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_342_2' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><fieldset id=\"field_342_1\" class=\"gfield gfield--type-name gfield--input-type-name field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Name<\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_342_1'>\n                            \n                            <span id='input_342_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <label for='input_342_1_3' class='gform-field-label gform-field-label--type-sub '>Vorname<\/label>\n                                                    <input type='text' name='input_1.3' id='input_342_1_3' value=''   aria-required='false'    autocomplete=\"given-name\" \/>\n                                                <\/span>\n                            \n                            <span id='input_342_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                            <label for='input_342_1_6' class='gform-field-label gform-field-label--type-sub '>Nachname<\/label>\n                                                            <input type='text' name='input_1.6' id='input_342_1_6' value=''   aria-required='false'    autocomplete=\"family-name\" \/>\n                                                        <\/span>\n                            \n                        <\/div><\/fieldset><div id=\"field_342_7\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"This field is hidden when viewing the form\"><\/i><span>This field is hidden when viewing the form<\/span><\/div><label class='gfield_label gform-field-label' for='input_342_7'><span class='gform-field-label__text'>Gew\u00e4hlter Download<\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_342_7' type='text' value='' class='large'      aria-invalid=\"false\"   \/><\/div><\/div><fieldset id=\"field_342_6\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Einwilligung<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_6.1' id='input_342_6_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_342_6_1' ><span class='gform-field-label__text'>Ich habe die <a href=\"https:\/\/www.infinigate.com\/ch\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a> der Infinigate (Schweiz) AG zur Kenntnis genommen.<\/span><\/label><input type='hidden' name='input_6.2' value='Ich habe die &lt;a href=&quot;https:\/\/www.infinigate.com\/ch\/datenschutz\/&quot;&gt;Datenschutzerkl\u00e4rung&lt;\/a&gt; der Infinigate (Schweiz) AG zur Kenntnis genommen.' class='gform_hidden' \/><input type='hidden' name='input_6.3' value='169' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_342' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >PDF herunterladen<\/button> <input type='hidden' name='gform_ajax' value='form_id=342&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=41e934d19772cceea8b683c50d4e2f36' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_342' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_342' id='gform_theme_342' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_342' id='gform_style_settings_342' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_342' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='342' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='cbzMnggcHHRcdTek35idks28hNdJN7WSVGXmVlO4RcEGJrYmqHvF5XqeDgDt0U8a6U+Ev+KrfpkElQmT96l6GbbF3TnyLazDyHaxeEKob+dqaH4=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_342' value='WyJ7XCI2LjFcIjpcIjUwYzUyYzYwYWRlMThjYTQ1NTQzN2NjNzA5NjA2YzVlXCIsXCI2LjJcIjpcIjFhZmUyOWRmMDUwNTNmM2Q0NzBmNzA2MGM2YTY1NmU1XCIsXCI2LjNcIjpcImE4NjAwZDk5MThhOWQzYmYxMWJiYzk3OTY1ZjQ5ZmNkXCIsXCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcImVmMzhmNWNkNTI2Y2U5YjkzOWQ4ZmYxMzZhY2QwZGE2XCIsXCI1OTE1YTBiNDZlOTAzNTRjYjA4NDk5YWUxNWM5MzkwMFwiLFwiYjc5NzYyNGJjNTU1YTE3MDk4MTg2ZGNhY2UxMmRlZTJcIl0sXCJnZm9ybV90aGVtZVwiOlwiZDFiZmRjM2JkYjVjMWIxZDg3MmVmMjMwNDBlYjA3MjdcIixcImdmb3JtX3N0eWxlX3NldHRpbmdzXCI6XCI4ZGViODcxNjBiYTQ1NTM2NTkxNTkxOGM1OGQxNGI4ZVwiLFwiZm9ybV9pZFwiOlwiMDg1MDYyYzkzM2UzYTRiMzlhODQzYmFhNTRkNDI5MTdcIixcInVybFwiOlwiNDZkYzA3NjZkMGU2ODk5OGJkNGUwZjQ1OWEyM2RmNjhcIixcInN0YXRlX3RpbWVzdGFtcFwiOlwiNTMwNWE2MGU5YzY3ZjViMWU5MTY2OTg3NzViY2U3MzZcIn0iLCJjYTI5ZDQxNjNmNmNkOGY5MjQyZWE2YjZkM2Y3YWFhZCIsMTc5MzEwMDc5MV0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_342' id='gform_target_page_number_342' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_342' id='gform_source_page_number_342' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_342' id='gform_ajax_frame_342' title='Dieser iframe enth\u00e4lt die erforderliche Logik um Gravity Forms Formulare mit AJAX zu handhaben.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {jQuery('#gform_ajax_frame_342').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_342');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_342').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_342').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_342').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_342').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_342').offset().top - mt); }, 50 );var current_page = jQuery('#gform_source_page_number_342').val();jQuery(document).trigger('gform_page_loaded', [342, current_page]);window['gf_submitting_342'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_342').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_342').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [342]);window['gf_submitting_342'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_342').text());}else{jQuery('#gform_342').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"342\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_342\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_342\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_342\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 342, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull iam-contact is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group iam-contact-inner is-layout-constrained wp-block-group-is-layout-constrained\">\n<style>\n\n.iam-contact,\n.iam-contact * {\n  box-sizing: border-box;\n}\n\n.iam-contact {\n  --iam-navy: #153447;\n  --iam-coral: #ed5740;\n  --iam-text: #1d1e1f;\n  --iam-line: rgba(21,52,71,.12);\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: clip;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f4f7f8 100%\n    );\n\n  color: var(--iam-text);\n\n  font-family: \"Outfit\", sans-serif;\n}\n\nbody.page-id-26675 .iam-contact-inner {\n  display: grid !important;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(560px, 1fr) !important;\n\n  width: min(1420px, calc(100% - 64px)) !important;\n\n  margin: 0 auto !important;\n\n  gap: clamp(36px, 4vw, 56px) !important;\n\n  align-items: start !important;\n\n  padding:\n    clamp(90px, 9vh, 115px)\n    0\n    clamp(105px, 10vh, 130px) !important;\n}\n\nbody.page-id-26675 .iam-contact-inner > * {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n}\n\n.iam-contact-content {\n  max-width: 680px;\n}\n\n.iam-contact-kicker {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 18px;\n\n  color: rgba(21,52,71,.58);\n\n  font-size: 12px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .15em;\n  text-transform: uppercase;\n}\n\n.iam-contact-kicker::before {\n  content: \"\";\n\n  width: 44px;\n  height: 2px;\n\n  background: var(--iam-coral);\n}\n\n.iam-contact h2 {\n  margin: 0;\n\n  color: var(--iam-navy);\n\n  font-size: clamp(44px, 4.8vw, 66px);\n  line-height: 1.02;\n  font-weight: 300;\n\n  letter-spacing: -.04em;\n\n  text-wrap: balance;\n}\n\n.iam-contact h2 strong {\n  display: block;\n\n  margin-top: 6px;\n\n  color: var(--iam-text);\n\n  font-weight: 500;\n}\n\n.iam-contact-lead {\n  max-width: 580px;\n\n  margin: 25px 0 0;\n\n  color: rgba(29,30,31,.70);\n\n  font-size: 19px;\n  line-height: 1.6;\n  font-weight: 300;\n}\n\n.iam-contact-lead strong {\n  color: var(--iam-navy);\n\n  font-weight: 500;\n}\n\n.iam-contact-points {\n  display: grid;\n\n  gap: 11px;\n\n  margin-top: 32px;\n}\n\n.iam-contact-point {\n  display: flex;\n  align-items: flex-start;\n\n  gap: 13px;\n\n  padding:\n    15px\n    17px;\n\n  border: 1px solid var(--iam-line);\n  border-radius: 13px;\n\n  background: rgba(255,255,255,.76);\n}\n\n.iam-contact-point::before {\n  content: \"\";\n\n  flex: 0 0 auto;\n\n  width: 7px;\n  height: 7px;\n\n  margin-top: 8px;\n\n  border-radius: 50%;\n\n  background: var(--iam-coral);\n\n  box-shadow:\n    0 0 0 4px rgba(237,87,64,.08);\n}\n\n.iam-contact-point span {\n  color: rgba(29,30,31,.76);\n\n  font-size: 16px;\n  line-height: 1.45;\n  font-weight: 400;\n}\n\n.iam-contact-message {\n  margin-top: 34px;\n\n  padding:\n    24px\n    27px;\n\n  border-left: 4px solid var(--iam-coral);\n  border-radius: 0 14px 14px 0;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(21,52,71,.055),\n      rgba(21,52,71,.018)\n    );\n}\n\n.iam-contact-message span {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: rgba(21,52,71,.48);\n\n  font-size: 10px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.iam-contact-message p {\n  margin: 0;\n\n  color: var(--iam-navy);\n\n  font-size: 20px;\n  line-height: 1.45;\n  font-weight: 300;\n}\n\n.iam-contact-message strong {\n  font-weight: 500;\n}\n\nbody.page-id-26675 .iam-contact-form {\n  position: relative;\n\n  width: 100% !important;\n  max-width: 680px !important;\n\n  justify-self: end;\n\n  margin: 0 !important;\n\n  padding:\n    clamp(34px, 4vw, 48px) !important;\n\n  border: 1px solid rgba(21,52,71,.11);\n  border-radius: 22px;\n\n  background: #fff;\n\n  box-shadow:\n    0 22px 55px rgba(5,43,63,.09);\n}\n\nbody.page-id-26675 .iam-contact-form::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 44px;\n\n  width: 84px;\n  height: 4px;\n\n  border-radius: 0 0 4px 4px;\n\n  background: var(--iam-coral);\n}\n\n.iam-contact-form-head {\n  margin-bottom: 27px;\n}\n\n.iam-contact-form-head span {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: var(--iam-coral);\n\n  font-size: 10px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.iam-contact-form-head h3 {\n  margin: 0;\n\n  color: var(--iam-navy);\n\n  font-size: clamp(29px, 2.8vw, 38px);\n  line-height: 1.14;\n  font-weight: 300;\n\n  letter-spacing: -.025em;\n}\n\n.iam-contact-form-head h3 strong {\n  font-weight: 500;\n}\n\n.iam-contact-form-head p {\n  margin: 13px 0 0;\n\n  color: rgba(29,30,31,.63);\n\n  font-size: 16px;\n  line-height: 1.5;\n  font-weight: 300;\n}\n\n.iam-contact-form .gform_wrapper {\n  margin: 0 !important;\n}\n\n.iam-contact-form .gform_fields {\n  row-gap: 18px !important;\n}\n\n.iam-contact-form .gfield_label {\n  color: #153447 !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n}\n\n.iam-contact-form input[type=\"text\"],\n.iam-contact-form input[type=\"email\"],\n.iam-contact-form input[type=\"tel\"],\n.iam-contact-form select,\n.iam-contact-form textarea {\n  width: 100% !important;\n\n  min-height: 50px;\n\n  padding:\n    11px\n    13px !important;\n\n  border: 1px solid rgba(21,52,71,.16) !important;\n  border-radius: 12px !important;\n\n  background: #f8fafb !important;\n\n  color: #1d1e1f !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 15px !important;\n}\n\n.iam-contact-form .gfield_checkbox {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 10px 12px;\n\n  margin-top: 8px;\n}\n\n.iam-contact-form .gfield_checkbox .gchoice {\n  display: flex;\n  align-items: center;\n\n  min-height: 48px;\n\n  padding:\n    10px\n    12px;\n\n  border: 1px solid rgba(21,52,71,.12);\n  border-radius: 12px;\n\n  background: #f8fafb;\n}\n\n.iam-contact-form .gfield_checkbox input[type=\"checkbox\"] {\n  width: 18px !important;\n  height: 18px !important;\n\n  margin:\n    0\n    10px\n    0\n    0 !important;\n\n  accent-color: #ed5740;\n}\n\n.iam-contact-form .gfield_checkbox label {\n  margin: 0 !important;\n\n  color: #153447 !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 14px !important;\n  line-height: 1.35 !important;\n}\n\n.iam-contact-form .gform_button {\n  min-height: 52px !important;\n\n  padding:\n    .8em\n    1.5em !important;\n\n  border: 1px solid var(--iam-coral) !important;\n  border-radius: 14px !important;\n\n  background: var(--iam-coral) !important;\n\n  color: #fff !important;\n\n  font-family: \"Outfit\", sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 500 !important;\n\n  cursor: pointer;\n}\n\n.iam-contact-form .gform_button:hover {\n  background: var(--iam-navy) !important;\n  border-color: var(--iam-navy) !important;\n}\n\n@media (max-width: 980px) {\n\n  body.page-id-26675 .iam-contact-inner {\n    grid-template-columns: 1fr !important;\n\n    width: min(100% - 44px, 900px) !important;\n\n    gap: 52px !important;\n\n    padding:\n      90px\n      0\n      115px !important;\n  }\n\n  .iam-contact-content {\n    max-width: 760px;\n  }\n\n  body.page-id-26675 .iam-contact-form {\n    max-width: none !important;\n\n    justify-self: stretch;\n  }\n\n}\n\n@media (max-width: 640px) {\n\n  body.page-id-26675 .iam-contact-inner {\n    width: calc(100% - 32px) !important;\n\n    gap: 42px !important;\n\n    padding:\n      72px\n      0\n      100px !important;\n  }\n\n  .iam-contact h2 {\n    font-size: clamp(40px, 11vw, 54px);\n  }\n\n  .iam-contact-lead {\n    font-size: 18px;\n  }\n\n  body.page-id-26675 .iam-contact-form {\n    padding:\n      32px\n      23px !important;\n\n    border-radius: 18px;\n  }\n\n  .iam-contact-form .gfield_checkbox {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"iam-contact-content\">\n\n  <div class=\"iam-contact-kicker\">\n    Dein n\u00e4chster IAM-Case\n  <\/div>\n\n  <h2 id=\"iam-contact-title\">\n    Du hast bereits einen Kunden-Case?\n    <strong>Dann m\u00fcssen wir nicht bei null anfangen.<\/strong>\n  <\/h2>\n\n  <p class=\"iam-contact-lead\">\n    Gemeinsam schauen wir, wo dein Kunde heute steht,\n    welches Problem zuerst gel\u00f6st werden sollte und\n    <strong>\n      welcher IAM-Einstieg technisch und wirtschaftlich sinnvoll ist.\n    <\/strong>\n  <\/p>\n\n  <div class=\"iam-contact-points\">\n\n    <div class=\"iam-contact-point\">\n      <span>\n        Ausgangslage und Identity-Risiken gemeinsam einordnen\n      <\/span>\n    <\/div>\n\n    <div class=\"iam-contact-point\">\n      <span>\n        Den passenden Einstieg statt eines unn\u00f6tig grossen Projekts finden\n      <\/span>\n    <\/div>\n\n    <div class=\"iam-contact-point\">\n      <span>\n        Hersteller, Architektur und n\u00e4chste technische Schritte abstimmen\n      <\/span>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"iam-contact-message\">\n\n    <span>\n      Infinigate unterst\u00fctzt dich\n    <\/span>\n\n    <p>\n      Von der ersten Kundenfrage bis zur technischen Umsetzung:\n      <strong>\n        Unsere IAM-Spezialisten begleiten dich dort,\n        wo du Unterst\u00fctzung brauchst.\n      <\/strong>\n    <\/p>\n\n  <\/div>\n\n<\/div>\n\n\n\n<div id=\"anmeldung\" class=\"wp-block-group iam-contact-visible-form is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"iam-contact-form-head\">\n\n  <span>\n    Dein IAM-Case\n  <\/span>\n\n  <h3>\n    Erz\u00e4hl uns,\n    <strong>worum es bei deinem Kunden geht.<\/strong>\n  <\/h3>\n\n  <p>\n    Gib uns kurz die wichtigsten Eckpunkte mit.\n    Wir melden uns bei dir und schauen gemeinsam auf den passenden n\u00e4chsten Schritt.\n  <\/p>\n\n<\/div>\n\n\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_333' ><div id='gf_333' class='gform_anchor' tabindex='-1'><\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_333' id='gform_333'  action='\/ch\/wp-json\/wp\/v2\/pages\/26675#gf_333' data-formid='333' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_333' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_333_13\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_333_13'><span class='gform-field-label__text'>Email<\/span><\/label><div class='gfield_description' id='gfield_description_333_13'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_13' id='input_333_13' type='text' value='' autocomplete='new-password'\/><\/div><\/div><fieldset id=\"field_333_1\" class=\"gfield gfield--type-name gfield--input-type-name gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Name<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_333_1'>\n                            \n                            <span id='input_333_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <label for='input_333_1_3' class='gform-field-label gform-field-label--type-sub '>Vorname<\/label>\n                                                    <input type='text' name='input_1.3' id='input_333_1_3' value=''   aria-required='true'    autocomplete=\"given-name\" \/>\n                                                <\/span>\n                            \n                            <span id='input_333_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                            <label for='input_333_1_6' class='gform-field-label gform-field-label--type-sub '>Nachname<\/label>\n                                                            <input type='text' name='input_1.6' id='input_333_1_6' value=''   aria-required='true'    autocomplete=\"family-name\" \/>\n                                                        <\/span>\n                            \n                        <\/div><\/fieldset><div id=\"field_333_4\" class=\"gfield gfield--type-post_custom_field gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_333_4'><span class='gform-field-label__text'>Firma<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_333_4' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_333_2\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_333_2'><span class='gform-field-label__text'>E-Mail<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_333_2' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_333_9\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_333_9'><span class='gform-field-label__text'>Worum geht es bei deinem Kunden?<\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_9' id='input_333_9' class='large gfield_select'     aria-invalid=\"false\" ><option value='Identity Management' >Identity Management<\/option><option value='Access Management' >Access Management<\/option><option value='Passwordless \/ Modern Authentication' >Passwordless \/ Modern Authentication<\/option><option value='SSO \/ MFA' >SSO \/ MFA<\/option><option value='Berechtigungsmanagement' >Berechtigungsmanagement<\/option><option value='Compliance \/ Cloud Act' >Compliance \/ Cloud Act<\/option><option value='Noch unklar \u2013 ich m\u00f6chte den Case zuerst besprechen' >Noch unklar \u2013 ich m\u00f6chte den Case zuerst besprechen<\/option><\/select><\/div><\/div><div id=\"field_333_10\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_333_10'><span class='gform-field-label__text'>Wo steht der Kunde aktuell?<\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_10' id='input_333_10' class='large gfield_select'     aria-invalid=\"false\" ><option value='Erste Abkl\u00e4rung' >Erste Abkl\u00e4rung<\/option><option value='Konkretes Projekt in Planung' >Konkretes Projekt in Planung<\/option><option value='Bestehende L\u00f6sung soll modernisiert werden' >Bestehende L\u00f6sung soll modernisiert werden<\/option><option value='Technische Unterst\u00fctzung gesucht' >Technische Unterst\u00fctzung gesucht<\/option><option value='Noch offen' >Noch offen<\/option><\/select><\/div><\/div><fieldset id=\"field_333_12\" class=\"gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Ich interessiere mich f\u00fcr:<\/span><\/legend><div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_333_12'><div class='gchoice gchoice_333_12_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_12.1' type='checkbox'  value='Microsoft'  id='choice_333_12_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_333_12_1' id='label_333_12_1' class='gform-field-label gform-field-label--type-inline'>Microsoft<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_333_12_2'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_12.2' type='checkbox'  value='Thales'  id='choice_333_12_2'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_333_12_2' id='label_333_12_2' class='gform-field-label gform-field-label--type-inline'>Thales<\/label>\n\t\t\t\t\t\t\t<\/div><div class='gchoice gchoice_333_12_3'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_12.3' type='checkbox'  value='Yubico'  id='choice_333_12_3'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_333_12_3' id='label_333_12_3' class='gform-field-label gform-field-label--type-inline'>Yubico<\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><div id=\"field_333_11\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_333_11'><span class='gform-field-label__text'>Beschreib uns kurz den Case<\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_11' id='input_333_11' class='textarea large'      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_333_6\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Einwilligung<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_6.1' id='input_333_6_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_333_6_1' ><span class='gform-field-label__text'>Ich habe die <a href=\"https:\/\/www.infinigate.com\/ch\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a> der Infinigate (Schweiz) AG zur Kenntnis genommen.<\/span><\/label><input type='hidden' name='input_6.2' value='Ich habe die &lt;a href=&quot;https:\/\/www.infinigate.com\/ch\/datenschutz\/&quot;&gt;Datenschutzerkl\u00e4rung&lt;\/a&gt; der Infinigate (Schweiz) AG zur Kenntnis genommen.' class='gform_hidden' \/><input type='hidden' name='input_6.3' value='160' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_333' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Jetzt abschicken<\/button> <input type='hidden' name='gform_ajax' value='form_id=333&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=e5c407d6b18d8371b30283260ab6e831' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_333' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_333' id='gform_theme_333' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_333' id='gform_style_settings_333' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_333' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='333' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='OxCYURmW67CjieVr6aBFt1lE607i2\/mzE7AWk8vY0hsy4OAts1Dbcmr\/n\/BBzhWFdqFC2DdB0iHMOhRCpn3p0pJVHOlpQh3E3LKbgrqNUv0EWW4=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_333' value='WyJ7XCI5XCI6W1wiZWZhMjA4OTcwZTdiNjk1Y2ZkZGVjYWMxMmQ1ZWVhMmZcIixcImU1NWI1NTU0M2ViMTRlOWQxNDliNzgzOTAzYmQ3M2Y5XCIsXCIzNDYwOWMzNmMxMTRkZmI5OWY1MGZkNTdmNjc5N2Q1ZVwiLFwiM2FkMTNmZWJjOWE4MTEzMTk0MzVkYjFhZDRiZDY1NGZcIixcImFjNzQwNWRjZWViMDI4NzcwM2FmNDA5Y2VlYTg0YzQ0XCIsXCI5ODU5MjQwMzkzYzgxYzNhMzY5NzczNjExZDExNTA0ZFwiLFwiOTQ2NzA0YzA3NjdlMDcwNDg3NTcwN2NkNDNlYjcxMTNcIl0sXCIxMFwiOltcImM1NjllYzQ0MDg0NTI5NWI3MjM5NGY1Y2Q2MGUzMTYxXCIsXCJiM2MzMzY2MGNmMGU3ZjNhNDhkMWE1YWZjNDYwNzg0MlwiLFwiMjY2ZDJkNTcwMzljNWYyODBhNmJjYTNiYjk3YTY0NzZcIixcImIwZmZlOWIwM2NmMDE2MzJiM2E2OWU2YjRhYjFmZjkwXCIsXCJiMWJjN2I5N2M5MGI5OWE4NjMxMjI0ZGExODkzMDYxYVwiXSxcIjEyLjFcIjpcImYwNmIyZDVlZDQzMTllOTM4NTM5MGQ2YWU1YTBhMTY0XCIsXCIxMi4yXCI6XCI4ZWNhYTQ3YmZhOTc1MTM5NDczZmZiYjQ5N2FhOWY0YlwiLFwiMTIuM1wiOlwiYjQ4OTBjNGM3NjQyNTBjMjhmYTgzNzJkNTRmZDhhZjZcIixcIjYuMVwiOlwiNTBjNTJjNjBhZGUxOGNhNDU1NDM3Y2M3MDk2MDZjNWVcIixcIjYuMlwiOlwiMWFmZTI5ZGYwNTA1M2YzZDQ3MGY3MDYwYzZhNjU2ZTVcIixcIjYuM1wiOlwiNGFjOGM1MjEzNTkyZDNmYjU5YjY5YzRiMzJjNjU5YWFcIixcImdmb3JtX3N1Ym1pc3Npb25fbWV0aG9kXCI6W1wiZWYzOGY1Y2Q1MjZjZTliOTM5ZDhmZjEzNmFjZDBkYTZcIixcIjU5MTVhMGI0NmU5MDM1NGNiMDg0OTlhZTE1YzkzOTAwXCIsXCJiNzk3NjI0YmM1NTVhMTcwOTgxODZkY2FjZTEyZGVlMlwiXSxcImdmb3JtX3RoZW1lXCI6XCJkMWJmZGMzYmRiNWMxYjFkODcyZWYyMzA0MGViMDcyN1wiLFwiZ2Zvcm1fc3R5bGVfc2V0dGluZ3NcIjpcIjhkZWI4NzE2MGJhNDU1MzY1OTE1OTE4YzU4ZDE0YjhlXCIsXCJmb3JtX2lkXCI6XCJjMDJiMjRlMTllNTBhOGRlOTNlNDVmNDcwOTQ4MjllZVwiLFwidXJsXCI6XCI0NmRjMDc2NmQwZTY4OTk4YmQ0ZTBmNDU5YTIzZGY2OFwiLFwic3RhdGVfdGltZXN0YW1wXCI6XCI1MzA1YTYwZTljNjdmNWIxZTkxNjY5ODc3NWJjZTczNlwifSIsImYyZTY2YzViMzY5N2VjMDNmNjJhNzYxNjg5NmMxNWUwIiwxNzkzMTAwNzkxXQ==' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_333' id='gform_target_page_number_333' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_333' id='gform_source_page_number_333' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_333' id='gform_ajax_frame_333' title='Dieser iframe enth\u00e4lt die erforderliche Logik um Gravity Forms Formulare mit AJAX zu handhaben.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {jQuery('#gform_ajax_frame_333').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_333');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_333').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_333').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_333').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_333').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_333').offset().top - mt); }, 50 );var current_page = jQuery('#gform_source_page_number_333').val();jQuery(document).trigger('gform_page_loaded', [333, current_page]);window['gf_submitting_333'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_333').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_333').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [333]);window['gf_submitting_333'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_333').text());}else{jQuery('#gform_333').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"333\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_333\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_333\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_333\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 333, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Identity &amp; Access Management Mit L\u00f6sungen von Microsoft Thales Yubico Wer darf worauf zugreifen und warum? Genau diese Frage wird&hellip;<\/p>\n","protected":false},"author":43,"featured_media":26679,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[1443],"class_list":["post-26675","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"lang":"de","translations":{"de":26675},"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\/26675","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=26675"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/26675\/revisions"}],"predecessor-version":[{"id":27580,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/26675\/revisions\/27580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media\/26679"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media?parent=26675"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/folder?post=26675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}