{"id":52709,"date":"2026-10-15T12:45:26","date_gmt":"2026-10-15T10:45:26","guid":{"rendered":"https:\/\/www.infinigate.com\/de\/?post_type=vendor&#038;p=52709"},"modified":"2026-10-15T13:04:57","modified_gmt":"2026-10-15T11:04:57","slug":"withsecure","status":"publish","type":"vendor","link":"https:\/\/www.infinigate.com\/de\/hersteller\/withsecure\/","title":{"rendered":"WithSecure"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-21706 size-large\" alt=\"\" src=\"https:\/\/www.infinigate.com\/at\/wp-content\/uploads\/sites\/29\/2026\/08\/WS_Herow_at_1-1024x512.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#343d57\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<h2 id=\"h-cybersecurity-made-in-europe\" class=\"wp-block-heading wp-block-heading\">Cybersecurity <br>made in <strong>Europe<\/strong>.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mit WithSecure bieten Sie Ihren Kunden eine europ\u00e4ische <br>Security-Plattform, die Angriffsfl\u00e4chen sichtbar macht, <br>Bedrohungen erkennt und Reaktionen beschleunigt \u2013 von <br>Exposure Management und XDR bis zu KI-gest\u00fctzter <br>Analyse und Co-Security Services.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">WithSecure entdecken<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull ws-elements-wrap has-custom-css is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ws-elements\" id=\"platform\" aria-labelledby=\"ws-elements-title\">\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       WITHSECURE \u00b7 NAVIGATION + ELEMENTS CLOUD\r\n       ========================================================= *\/\r\n\r\n    .ws-elements,\r\n    .ws-elements * {\r\n      box-sizing: border-box;\r\n    }\r\n\/* =========================================================\r\n   WORDPRESS FULLWIDTH FIX\r\n   ========================================================= *\/\r\n\r\nbody.postid-21705 .ws-elements-wrap,\r\nbody.page-id-21705 .ws-elements-wrap,\r\n.ws-elements-wrap {\r\n  position: relative !important;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  margin-left: calc(50% - 50vw) !important;\r\n  margin-right: calc(50% - 50vw) !important;\r\n\r\n  margin-top: -70px !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  overflow: visible !important;\r\n}\r\n\r\n\/* WordPress Layout-Begrenzung entfernen *\/\r\n.ws-elements-wrap > .wp-block-group__inner-container,\r\n.ws-elements-wrap > .wp-block-html,\r\n.ws-elements-wrap .wp-block-html \r\n.ws-elements {\r\n  overflow: visible !important;\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n\r\n  margin-left: 0 !important;\r\n  margin-right: 0 !important;\r\n\r\n  padding-left: 0 !important;\r\n  padding-right: 0 !important;\r\n}\r\n\r\n\/* Unser eigener Abschnitt *\/\r\n.ws-elements-wrap .ws-elements {\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  margin: 0 !important;\r\n}\r\n\r\n    .ws-elements {\r\n      --ws-bg: #071522;\r\n      --ws-bg-soft: #0c2133;\r\n      --ws-blue: #78c8ff;\r\n      --ws-violet: #b69cff;\r\n      --ws-lilac: #d8cfff;\r\n      --ws-white: #ffffff;\r\n      --ws-muted: rgba(255,255,255,.68);\r\n      --ws-line: rgba(255,255,255,.12);\r\n      --ig-coral: #ed5740;\r\n\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 75% 34%, rgba(86,141,255,.16), transparent 28%),\r\n        radial-gradient(circle at 55% 58%, rgba(154,112,255,.10), transparent 34%),\r\n        linear-gradient(180deg, #071522 0%, #081b2b 52%, #071522 100%);\r\n      color: var(--ws-white);\r\n      font-family: \"Outfit\", serif;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CHAPTER NAVIGATION\r\n       ========================================================= *\/\r\n\r\n    .ws-elements-nav {\r\n  position: -webkit-sticky;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 9999;\r\n\r\n  width: 100%;\r\n  border-top: 1px solid rgba(255,255,255,.08);\r\n  border-bottom: 1px solid rgba(255,255,255,.10);\r\n\r\n  background: rgba(6,18,29,.92);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  backdrop-filter: blur(18px);\r\n}\r\n\r\n    .ws-elements-nav__inner {\r\n      width: min(1280px, calc(100% - 40px));\r\n      margin: 0 auto;\r\n\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: clamp(24px, 4vw, 62px);\r\n\r\n      min-height: 68px;\r\n    }\r\n\r\n    .ws-elements-nav a {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 68px;\r\n\r\n      color: rgba(255,255,255,.62) !important;\r\n      text-decoration: none !important;\r\n\r\n      font-family: \"Outfit\", serif;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      line-height: 1;\r\n      letter-spacing: .12em;\r\n\r\n      transition:\r\n        color .35s ease,\r\n        transform .35s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .ws-elements-nav a::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 0;\r\n      bottom: -1px;\r\n      left: 0;\r\n\r\n      height: 2px;\r\n      border-radius: 999px;\r\n\r\n      background: linear-gradient(\r\n        90deg,\r\n        var(--ws-blue),\r\n        var(--ws-violet)\r\n      );\r\n\r\n      transform: scaleX(0);\r\n      transform-origin: center;\r\n      transition: transform .35s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .ws-elements-nav a:hover,\r\n    .ws-elements-nav a:focus-visible {\r\n      color: #fff !important;\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .ws-elements-nav a:hover::after,\r\n    .ws-elements-nav a:focus-visible::after {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .ws-elements-nav a:focus-visible {\r\n      outline: 2px solid rgba(120,200,255,.75);\r\n      outline-offset: 4px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SECTION INTRO\r\n       ========================================================= *\/\r\n\r\n    .ws-elements-stage {\r\n      position: relative;\r\n      width: min(1280px, calc(100% - 48px));\r\n      margin: 0 auto;\r\n\r\n      padding: clamp(90px, 10vw, 150px) 0\r\n               clamp(110px, 12vw, 180px);\r\n    }\r\n\r\n    .ws-elements-intro {\r\n      position: relative;\r\n      z-index: 5;\r\n\r\n      max-width: 820px;\r\n      margin: 0 auto clamp(70px, 8vw, 110px);\r\n      text-align: center;\r\n    }\r\n\r\n    .ws-elements-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n\r\n      margin-bottom: 22px;\r\n\r\n      color: var(--ws-blue);\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-elements-kicker::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 1px;\r\n      background: linear-gradient(\r\n        90deg,\r\n        var(--ws-blue),\r\n        var(--ws-violet)\r\n      );\r\n    }\r\n\r\n    .ws-elements-intro h2 {\r\n      margin: 0;\r\n\r\n      color: #fff;\r\n      font-family: \"Outfit\", serif;\r\n      font-size: clamp(42px, 6vw, 72px);\r\n      font-weight: 300;\r\n      line-height: 1.02;\r\n      letter-spacing: -.035em;\r\n    }\r\n\r\n    .ws-elements-intro h2 strong {\r\n      font-weight: 500;\r\n\r\n      background: linear-gradient(\r\n        90deg,\r\n        #ffffff 0%,\r\n        #b7ddff 42%,\r\n        #c4b0ff 100%\r\n      );\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    .ws-elements-intro p {\r\n      max-width: 760px;\r\n      margin: 30px auto 0;\r\n\r\n      color: var(--ws-muted);\r\n      font-size: 20px;\r\n      font-weight: 300;\r\n      line-height: 1.5;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SPHERE SYSTEM\r\n       ========================================================= *\/\r\n\r\n    .ws-sphere-layout {\r\n      position: relative;\r\n\r\n      display: grid;\r\n    grid-template-columns: minmax(260px, 1fr) minmax(420px, 1fr) minmax(260px, 1fr);\r\n      align-items: center;\r\n      gap: clamp(20px, 4vw, 64px);\r\n\r\n      min-height: 650px;\r\n    }\r\n\r\n\r\n    \/* ---------- ORBIT \/ CORE ---------- *\/\r\n\r\n    .ws-sphere-core {\r\n      position: relative;\r\n      width: min(43vw, 520px);\r\n      aspect-ratio: 1;\r\n      margin: 0 auto;\r\ntransform: translateX(-20px);\r\n\r\n      display: grid;\r\n      place-items: center;\r\n    }\r\n\r\n    .ws-sphere-core::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 6%;\r\n\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(144,201,255,.18);\r\n\r\n      box-shadow:\r\n        0 0 60px rgba(92,155,255,.10),\r\n        inset 0 0 80px rgba(132,98,255,.08);\r\n\r\n      animation: wsSpherePulse 7s ease-in-out infinite;\r\n    }\r\n\r\n    .ws-sphere-core::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 18%;\r\n\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(\r\n          circle at 32% 30%,\r\n          rgba(255,255,255,.25),\r\n          rgba(113,191,255,.14) 25%,\r\n          rgba(118,87,220,.12) 48%,\r\n          rgba(4,16,28,.2) 70%\r\n        );\r\n\r\n      border: 1px solid rgba(255,255,255,.17);\r\n\r\n      box-shadow:\r\n        0 0 46px rgba(106,177,255,.22),\r\n        0 0 120px rgba(104,90,255,.16),\r\n        inset -30px -40px 70px rgba(0,0,0,.34),\r\n        inset 18px 16px 50px rgba(172,219,255,.12);\r\n\r\n      animation: wsSphereFloat 6s ease-in-out infinite;\r\n    }\r\n\r\n    .ws-sphere-ring {\r\n      position: absolute;\r\n      inset: 2%;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(255,255,255,.09);\r\n    }\r\n\r\n    .ws-sphere-ring--1 {\r\n      transform: rotateX(67deg) rotateZ(8deg);\r\n    }\r\n\r\n    .ws-sphere-ring--2 {\r\n      inset: 11%;\r\n      transform: rotateY(68deg) rotateZ(-18deg);\r\n      border-color: rgba(154,123,255,.15);\r\n    }\r\n\r\n    .ws-sphere-ring--3 {\r\n      inset: 23%;\r\n      transform: rotateX(69deg) rotateZ(70deg);\r\n      border-color: rgba(116,199,255,.14);\r\n    }\r\n\r\n    .ws-sphere-center {\r\n      position: relative;\r\n      z-index: 4;\r\n\r\n      width: 210px;\r\n      text-align: center;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ws-sphere-center span {\r\n      display: block;\r\n\r\n      color: rgba(255,255,255,.54);\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      letter-spacing: .18em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-sphere-center strong {\r\n      display: block;\r\n      margin-top: 8px;\r\n\r\n      color: #fff;\r\n      font-size: clamp(26px, 3vw, 38px);\r\n      font-weight: 400;\r\n      line-height: 1.05;\r\n      letter-spacing: -.03em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTERACTIVE NODES\r\n       ========================================================= *\/\r\n\r\n    .ws-node-column {\r\n      position: relative;\r\n      z-index: 6;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 24px;\r\n    }\r\n\r\n    .ws-node {\r\n      position: relative;\r\n\r\n      display: block;\r\n      width: 100%;\r\n      min-height: 158px;\r\n      padding: 25px 26px 24px;\r\n\r\n      border: 1px solid rgba(255,255,255,.12);\r\n      border-radius: 16px;\r\n\r\n      background: rgba(255,255,255,.045);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      backdrop-filter: blur(12px);\r\n\r\n      color: #fff;\r\n      text-align: left;\r\n\r\n      transition:\r\n        transform .42s cubic-bezier(.22,1,.36,1),\r\n        background-color .42s ease,\r\n        border-color .42s ease,\r\n        box-shadow .42s ease;\r\n    }\r\n\r\n    .ws-node::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 26px;\r\n      left: 26px;\r\n\r\n      height: 2px;\r\n      border-radius: 999px;\r\n\r\n      background: linear-gradient(\r\n        90deg,\r\n        var(--ws-blue),\r\n        var(--ws-violet)\r\n      );\r\n\r\n      transform: scaleX(.18);\r\n      transform-origin: left;\r\n      transition: transform .42s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .ws-node__index {\r\n      display: block;\r\n      margin-bottom: 14px;\r\n\r\n      color: var(--ws-blue);\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      line-height: 1;\r\n      letter-spacing: .16em;\r\n    }\r\n\r\n    .ws-node h3 {\r\n      margin: 0;\r\n\r\n      color: #fff;\r\n      font-family: \"Outfit\", serif;\r\n      font-size: 27px;\r\n      font-weight: 400;\r\n      line-height: 1.15;\r\n      letter-spacing: -.025em;\r\n    }\r\n\r\n    .ws-node p {\r\n      margin: 12px 0 0;\r\n\r\n      color: rgba(255,255,255,.60);\r\n      font-size: 17px;\r\n      font-weight: 300;\r\n      line-height: 1.5;\r\n\r\n      transition: color .35s ease;\r\n    }\r\n\r\n    .ws-node:hover,\r\n    .ws-node:focus-within {\r\n      transform: translateY(-7px);\r\n      border-color: rgba(135,191,255,.38);\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(109,176,255,.10),\r\n          rgba(139,107,235,.08)\r\n        );\r\n\r\n      box-shadow:\r\n        0 22px 48px rgba(0,0,0,.18),\r\n        0 0 40px rgba(91,147,255,.08);\r\n    }\r\n\r\n    .ws-node:hover::before,\r\n    .ws-node:focus-within::before {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .ws-node:hover p,\r\n    .ws-node:focus-within p {\r\n      color: rgba(255,255,255,.84);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONNECTOR LINES\r\n       ========================================================= *\/\r\n\r\n    .ws-node-column--left .ws-node::after,\r\n    .ws-node-column--right .ws-node::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 50%;\r\n\r\n      width: clamp(22px, 4vw, 70px);\r\n      height: 1px;\r\n\r\n      background: linear-gradient(\r\n        90deg,\r\n        rgba(120,200,255,.28),\r\n        rgba(182,156,255,.12)\r\n      );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ws-node-column--left .ws-node::after {\r\n      right: calc(clamp(22px, 4vw, 70px) * -1);\r\n    }\r\n\r\n    .ws-node-column--right .ws-node::after {\r\n      left: calc(clamp(22px, 4vw, 70px) * -1);\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BACKGROUND DETAILS\r\n       ========================================================= *\/\r\n\r\n    .ws-elements-glow {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(90px);\r\n      pointer-events: none;\r\n      opacity: .34;\r\n    }\r\n\r\n    .ws-elements-glow--1 {\r\n      width: 420px;\r\n      height: 420px;\r\n      top: 26%;\r\n      left: -160px;\r\n      background: rgba(51,124,255,.19);\r\n    }\r\n\r\n    .ws-elements-glow--2 {\r\n      width: 480px;\r\n      height: 480px;\r\n      right: -180px;\r\n      bottom: 8%;\r\n      background: rgba(151,95,255,.15);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ANIMATION\r\n       ========================================================= *\/\r\n\r\n    @keyframes wsSphereFloat {\r\n      0%, 100% {\r\n        transform: translateY(0) scale(1);\r\n      }\r\n      50% {\r\n        transform: translateY(-10px) scale(1.01);\r\n      }\r\n    }\r\n\r\n    @keyframes wsSpherePulse {\r\n      0%, 100% {\r\n        opacity: .72;\r\n        transform: scale(1);\r\n      }\r\n      50% {\r\n        opacity: 1;\r\n        transform: scale(1.018);\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 1100px) {\r\n\r\n      .ws-elements-nav__inner {\r\n        justify-content: flex-start;\r\n        overflow-x: auto;\r\n        scrollbar-width: none;\r\n      }\r\n\r\n      .ws-elements-nav__inner::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .ws-elements-nav a {\r\n        flex: 0 0 auto;\r\n      }\r\n\r\n      .ws-sphere-layout {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 28px;\r\n      }\r\n\r\n      .ws-sphere-core {\r\n        grid-column: 1 \/ -1;\r\n        grid-row: 1;\r\n\r\n        width: min(72vw, 540px);\r\n        margin-bottom: 18px;\r\n      }\r\n\r\n      .ws-node-column--left {\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n      }\r\n\r\n      .ws-node-column--right {\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n      }\r\n\r\n      .ws-node-column .ws-node::after {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n\r\n    @media (max-width: 700px) {\r\n\r\n      .ws-elements-nav__inner {\r\n        width: calc(100% - 28px);\r\n        gap: 26px;\r\n        min-height: 60px;\r\n      }\r\n\r\n      .ws-elements-nav a {\r\n        min-height: 60px;\r\n        font-size: 12px;\r\n      }\r\n\r\n      .ws-elements-stage {\r\n        width: min(100% - 36px, 1280px);\r\n        padding-top: 72px;\r\n        padding-bottom: 90px;\r\n      }\r\n\r\n      .ws-elements-intro {\r\n        margin-bottom: 54px;\r\n        text-align: left;\r\n      }\r\n\r\n      .ws-elements-intro h2 {\r\n        font-size: clamp(40px, 12vw, 54px);\r\n      }\r\n\r\n      .ws-elements-intro p {\r\n        margin-top: 24px;\r\n        font-size: 18px;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .ws-elements-kicker {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .ws-sphere-layout {\r\n        display: flex;\r\n        flex-direction: column;\r\n        min-height: auto;\r\n      }\r\n\r\n      .ws-sphere-core {\r\n        width: min(92vw, 420px);\r\n        order: 1;\r\n      }\r\n\r\n      .ws-node-column--left {\r\n        order: 2;\r\n        width: 100%;\r\n      }\r\n\r\n      .ws-node-column--right {\r\n        order: 3;\r\n        width: 100%;\r\n      }\r\n\r\n      .ws-node {\r\n        min-height: 0;\r\n      }\r\n    }\r\n\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      .ws-sphere-core::before,\r\n      .ws-sphere-core::after {\r\n        animation: none;\r\n      }\r\n\r\n      .ws-node,\r\n      .ws-elements-nav a,\r\n      .ws-node::before,\r\n      .ws-elements-nav a::after {\r\n        transition: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <!-- =======================================================\r\n       STICKY CHAPTER NAV\r\n       ======================================================= -->\r\n\r\n  <nav class=\"ws-elements-nav\" aria-label=\"WithSecure Seitennavigation\">\r\n    <div class=\"ws-elements-nav__inner\">\r\n      <a href=\"#platform\">PLATFORM<\/a>\r\n      <a href=\"#xdr\">XDR<\/a>\r\n      <a href=\"#exposure\">EXPOSURE<\/a>\r\n      <a href=\"#ai\">AI<\/a>\r\n      <a href=\"#services\">SERVICES<\/a>\r\n      <a href=\"#kontakt\">KONTAKT<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n\r\n  <!-- =======================================================\r\n       ELEMENTS CLOUD\r\n       ======================================================= -->\r\n\r\n  <div class=\"ws-elements-stage\">\r\n\r\n    <span class=\"ws-elements-glow ws-elements-glow--1\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"ws-elements-glow ws-elements-glow--2\" aria-hidden=\"true\"><\/span>\r\n\r\n    <header class=\"ws-elements-intro\">\r\n\r\n      <div class=\"ws-elements-kicker\">\r\n        WITHSECURE ELEMENTS CLOUD\r\n      <\/div>\r\n\r\n      <h2 id=\"ws-elements-title\">\r\n        From Exposure<br>\r\n        <strong>to Response.<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        WithSecure verbindet Exposure Management, XDR, KI-gest\u00fctzte Analyse\r\n        und Co-Security Services in einer gemeinsamen Plattform. So werden\r\n        Risiken sichtbar, Bedrohungen schneller erkannt und Sicherheitsvorf\u00e4lle\r\n        gezielter bearbeitet.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"ws-sphere-layout\">\r\n\r\n      <!-- LEFT -->\r\n      <div class=\"ws-node-column ws-node-column--left\">\r\n\r\n        <article class=\"ws-node\">\r\n          <span class=\"ws-node__index\">01<\/span>\r\n          <h3>Exposure Management<\/h3>\r\n          <p>\r\n            Angriffsfl\u00e4chen erkennen, Risiken priorisieren und dort handeln,\r\n            wo es f\u00fcr Ihre Kunden wirklich relevant wird.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"ws-node\">\r\n          <span class=\"ws-node__index\">02<\/span>\r\n          <h3>XDR<\/h3>\r\n          <p>\r\n            Bedrohungen \u00fcber Endpoints, Identit\u00e4ten, Collaboration und Cloud\r\n            hinweg erkennen und zusammenh\u00e4ngend analysieren.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CENTER SPHERE -->\r\n      <div class=\"ws-sphere-core\" aria-label=\"WithSecure Elements Cloud\">\r\n\r\n        <span class=\"ws-sphere-ring ws-sphere-ring--1\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"ws-sphere-ring ws-sphere-ring--2\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"ws-sphere-ring ws-sphere-ring--3\" aria-hidden=\"true\"><\/span>\r\n\r\n        <div class=\"ws-sphere-center\">\r\n          <span>WITHSECURE<\/span>\r\n          <strong>ELEMENTS<br>CLOUD<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT -->\r\n      <div class=\"ws-node-column ws-node-column--right\">\r\n\r\n        <article class=\"ws-node\">\r\n          <span class=\"ws-node__index\">03<\/span>\r\n          <h3>Luminen AI<\/h3>\r\n          <p>\r\n            Sicherheitsdaten verst\u00e4ndlich machen, Zusammenh\u00e4nge erkl\u00e4ren und\r\n            konkrete n\u00e4chste Schritte schneller ableiten.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"ws-node\">\r\n          <span class=\"ws-node__index\">04<\/span>\r\n          <h3>Co-Security Services<\/h3>\r\n          <p>\r\n            Technologie mit menschlicher Expertise erg\u00e4nzen \u2013 vom Monitoring\r\n            bis zur Unterst\u00fctzung bei kritischen Sicherheitsvorf\u00e4llen.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ws-xdr-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ws-xdr\" id=\"xdr\" aria-labelledby=\"ws-xdr-title\">\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       WITHSECURE XDR \u00b7 FULLWIDTH FIX\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr-wrap {\r\n      position: relative !important;\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\nmargin-top: -70px !important;\r\n\r\n      padding: 0 !important;\r\n      overflow: visible !important;\r\n    }\r\n\r\n    .ws-xdr-wrap > .wp-block-group__inner-container,\r\n    .ws-xdr-wrap > .wp-block-html,\r\n    .ws-xdr-wrap .wp-block-html {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .ws-xdr,\r\n    .ws-xdr * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SECTION\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr {\r\n      --ws-bg: #06131f;\r\n      --ws-panel: rgba(8, 25, 40, .78);\r\n      --ws-white: #ffffff;\r\n      --ws-muted: rgba(255,255,255,.68);\r\n      --ws-blue: #79c8ff;\r\n      --ws-violet: #b69cff;\r\n\r\n      position: relative;\r\n      width: 100vw !important;\r\nmax-width: 100vw !important;\r\nmargin-left: calc(50% - 50vw) !important;\r\nmargin-right: calc(50% - 50vw) !important;\r\n      background: var(--ws-bg);\r\n      color: var(--ws-white);\r\n      font-family: \"Outfit\", serif;\r\n      overflow: clip;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr-intro {\r\n      position: relative;\r\n      z-index: 5;\r\n\r\n      width: min(1180px, calc(100% - 48px));\r\n      margin: 0 auto;\r\n      padding: clamp(100px, 10vw, 150px) 0\r\n               clamp(70px, 7vw, 100px);\r\n    }\r\n\r\n    .ws-xdr-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n\r\n      margin-bottom: 22px;\r\n\r\n      color: var(--ws-blue);\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-xdr-kicker::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background: linear-gradient(\r\n        90deg,\r\n        var(--ws-blue),\r\n        var(--ws-violet)\r\n      );\r\n    }\r\n\r\n    .ws-xdr-intro h2 {\r\n      max-width: 900px;\r\n      margin: 0;\r\n\r\n      color: #fff;\r\n      font-family: \"Outfit\", serif;\r\n      font-size: clamp(40px, 5.5vw, 66px);\r\n      font-weight: 300;\r\n      line-height: 1.05;\r\n      letter-spacing: -.035em;\r\n    }\r\n\r\n    .ws-xdr-intro h2 strong {\r\n      font-weight: 500;\r\n\r\n      background: linear-gradient(\r\n        90deg,\r\n        #ffffff 0%,\r\n        #b7ddff 45%,\r\n        #c9b8ff 100%\r\n      );\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    .ws-xdr-intro p {\r\n      max-width: 780px;\r\n      margin: 28px 0 0;\r\n\r\n      color: var(--ws-muted);\r\n      font-size: 20px;\r\n      font-weight: 300;\r\n      line-height: 1.4;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SCROLL STORY\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr-story {\r\n      position: relative;\r\n      width: 100%;\r\n      min-height: 175vh;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STICKY VISUAL\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr-visual {\r\n      position: sticky;\r\n      top: 0;\r\n\r\n      width: 100%;\r\n      height: 100vh;\r\n\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n\r\n      background: #071522;\r\n    }\r\n\r\n    .ws-xdr-visual::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(4,15,25,.88) 0%,\r\n          rgba(4,15,25,.60) 32%,\r\n          rgba(4,15,25,.22) 58%,\r\n          rgba(4,15,25,.46) 100%\r\n        );\r\n    }\r\n\r\n    .ws-xdr-visual::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(4,15,25,.34) 0%,\r\n          transparent 22%,\r\n          transparent 72%,\r\n          rgba(4,15,25,.72) 100%\r\n        );\r\n    }\r\n\r\n    .ws-xdr-visual img {\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      object-fit: cover;\r\n      object-position: center;\r\n\r\n      transform: translateZ(0);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STATIC GLOWS\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr-glow {\r\n      position: absolute;\r\n      z-index: 3;\r\n\r\n      width: 26vw;\r\n      height: 26vw;\r\n      min-width: 260px;\r\n      min-height: 260px;\r\n\r\n      border-radius: 50%;\r\n\r\n      opacity: .24;\r\n      filter: blur(65px);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ws-xdr-glow--1 {\r\n      top: 14%;\r\n      left: 16%;\r\n      background: rgba(79,165,255,.32);\r\n    }\r\n\r\n    .ws-xdr-glow--2 {\r\n      top: 45%;\r\n      right: 16%;\r\n      background: rgba(153,107,255,.28);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STATIC LABEL\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr-visual-label {\r\n      position: absolute;\r\n      z-index: 5;\r\n\r\n      left: max(24px, calc((100vw - 1180px) \/ 2));\r\n      bottom: 58px;\r\n\r\n      max-width: 480px;\r\n    }\r\n\r\n    .ws-xdr-visual-label span {\r\n      display: block;\r\n\r\n      margin-bottom: 12px;\r\n\r\n      color: var(--ws-blue);\r\n      font-size: 13px;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-xdr-visual-label strong {\r\n      display: block;\r\n\r\n      color: #fff;\r\n      font-size: clamp(30px, 3.4vw, 48px);\r\n      font-weight: 300;\r\n      line-height: 1.05;\r\n      letter-spacing: -.03em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STEPS LAYER\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr-steps {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 10;\r\n\r\n      width: min(1180px, calc(100% - 48px));\r\n      margin: 0 auto;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ws-xdr-step {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: flex-end;\r\n\r\n      min-height: 38vh;\r\n    }\r\n\r\n    .ws-xdr-step:first-child {\r\n      padding-top: 5vh;\r\n    }\r\n\r\n    .ws-xdr-card {\r\n      width: min(460px, 42vw);\r\n      padding: 30px 32px 32px;\r\n\r\n      border: 1px solid rgba(255,255,255,.14);\r\n      border-radius: 20px;\r\n\r\n      background: rgba(8,25,40,.76);\r\n\r\n      -webkit-backdrop-filter: blur(14px);\r\n      backdrop-filter: blur(14px);\r\n\r\n      box-shadow:\r\n        0 20px 55px rgba(0,0,0,.22);\r\n\r\n      pointer-events: auto;\r\n\r\n      transition:\r\n        transform .38s cubic-bezier(.22,1,.36,1),\r\n        border-color .38s ease,\r\n        background-color .38s ease;\r\n    }\r\n\r\n    .ws-xdr-card:hover,\r\n    .ws-xdr-card:focus-within {\r\n      transform: translateY(-6px);\r\n      border-color: rgba(121,200,255,.34);\r\n\r\n      background: rgba(10,31,49,.88);\r\n    }\r\n\r\n    .ws-xdr-step:nth-child(even) {\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .ws-xdr-step:nth-child(even) .ws-xdr-card {\r\n      margin-left: 2vw;\r\n    }\r\n\r\n    .ws-xdr-step:nth-child(odd) .ws-xdr-card {\r\n      margin-right: 2vw;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD CONTENT\r\n       ========================================================= *\/\r\n\r\n    .ws-xdr-number {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: rgba(121,200,255,.82);\r\n  font-size: clamp(34px, 3vw, 48px);\r\n  font-weight: 300;\r\n  line-height: .9;\r\n  letter-spacing: -.04em;\r\n}\r\n\r\n.ws-xdr-number::after {\r\n  content: \"\";\r\n\r\n  width: 54px;\r\n  height: 1px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    rgba(121,200,255,.9),\r\n    rgba(182,156,255,.45)\r\n  );\r\n}\r\n\r\n    .ws-xdr-card h3 {\r\n      margin: 0;\r\n\r\n      color: #fff;\r\n      font-family: \"Outfit\", serif;\r\n      font-size: 30px;\r\n      font-weight: 400;\r\n      line-height: 1.2;\r\n      letter-spacing: -.025em;\r\n    }\r\n\r\n    .ws-xdr-card p {\r\n      margin: 16px 0 0;\r\n\r\n      color: rgba(255,255,255,.68);\r\n      font-size: 19px;\r\n      font-weight: 300;\r\n      line-height: 1.5;\r\n    }\r\n.ws-xdr-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n\r\n  margin-top: 20px;\r\n\r\n  color: #79c8ff !important;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 1.3;\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    color .3s ease,\r\n    transform .3s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ws-xdr-link::after {\r\n  content: \"\u2197\";\r\n  font-size: 15px;\r\n  line-height: 1;\r\n\r\n  transition: transform .3s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ws-xdr-link:hover,\r\n.ws-xdr-link:focus-visible {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.ws-xdr-link:hover::after,\r\n.ws-xdr-link:focus-visible::after {\r\n  transform: translate(3px, -3px);\r\n}\r\n\r\n.ws-xdr-link:focus-visible {\r\n  outline: 2px solid rgba(121,200,255,.75);\r\n  outline-offset: 5px;\r\n  border-radius: 2px;\r\n}\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 900px) {\r\n\r\n      .ws-xdr-story {\r\n        min-height: auto;\r\n      }\r\n\r\n      .ws-xdr-visual {\r\n        position: relative;\r\n        top: auto;\r\n        height: 68vh;\r\n        min-height: 520px;\r\n      }\r\n\r\n      .ws-xdr-steps {\r\n        position: relative;\r\n        width: min(100% - 36px, 1180px);\r\n\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 18px;\r\n\r\n        padding: 28px 0 80px;\r\n\r\n        background: #071522;\r\n      }\r\n\r\n      .ws-xdr-step,\r\n      .ws-xdr-step:first-child {\r\n        display: block;\r\n        min-height: 0;\r\n        padding: 0;\r\n      }\r\n\r\n      .ws-xdr-step:nth-child(even) .ws-xdr-card,\r\n      .ws-xdr-step:nth-child(odd) .ws-xdr-card {\r\n        width: 100%;\r\n        margin: 0;\r\n      }\r\n\r\n      .ws-xdr-visual-label {\r\n        left: 24px;\r\n        right: 24px;\r\n        bottom: 34px;\r\n      }\r\n    }\r\n\r\n\r\n    @media (max-width: 650px) {\r\n\r\n      .ws-xdr-intro {\r\n        width: calc(100% - 36px);\r\n        padding-top: 78px;\r\n        padding-bottom: 56px;\r\n      }\r\n\r\n      .ws-xdr-intro h2 {\r\n        font-size: clamp(38px, 12vw, 52px);\r\n      }\r\n\r\n      .ws-xdr-intro p {\r\n        font-size: 18px;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .ws-xdr-visual {\r\n        height: 60vh;\r\n        min-height: 430px;\r\n      }\r\n\r\n      .ws-xdr-visual img {\r\n        object-position: 58% center;\r\n      }\r\n\r\n      .ws-xdr-steps {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ws-xdr-card {\r\n        padding: 26px;\r\n      }\r\n\r\n      .ws-xdr-card h3 {\r\n        font-size: 27px;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      .ws-xdr-card {\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <!-- =======================================================\r\n       INTRO\r\n       ======================================================= -->\r\n\r\n  <header class=\"ws-xdr-intro\">\r\n\r\n    <div class=\"ws-xdr-kicker\">\r\n      WITHSECURE XDR\r\n    <\/div>\r\n\r\n    <h2 id=\"ws-xdr-title\">\r\n      Bedrohungen sehen.<br>\r\n      <strong>Zusammenh\u00e4nge verstehen.<\/strong>\r\n    <\/h2>\r\n\r\n    <p>\r\n      WithSecure XDR verbindet sicherheitsrelevante Signale aus Endpoints,\r\n      Identit\u00e4ten, Collaboration und Cloud. So entstehen nicht vier getrennte\r\n      Warnmeldungen, sondern ein zusammenh\u00e4ngendes Bild des Angriffs.\r\n    <\/p>\r\n\r\n  <\/header>\r\n\r\n\r\n  <!-- =======================================================\r\n       SCROLL STORY\r\n       ======================================================= -->\r\n\r\n  <div class=\"ws-xdr-story\">\r\n\r\n    <div class=\"ws-xdr-visual\" aria-hidden=\"true\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.infinigate.com\/at\/wp-content\/uploads\/sites\/29\/2026\/08\/WS_Herow_at_a2.jpg\"\r\n        alt=\"\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n      <span class=\"ws-xdr-glow ws-xdr-glow--1\"><\/span>\r\n      <span class=\"ws-xdr-glow ws-xdr-glow--2\"><\/span>\r\n\r\n      <div class=\"ws-xdr-visual-label\">\r\n        <span>ONE CONNECTED VIEW<\/span>\r\n        <strong>Protect. Detect. Respond.<\/strong>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ws-xdr-steps\">\r\n\r\n      <!-- 01 -->\r\n      <article class=\"ws-xdr-step\">\r\n        <div class=\"ws-xdr-card\">\r\n\r\n          <div class=\"ws-xdr-number\">01<\/div>\r\n\r\n          <h3>Endpoint<\/h3>\r\n\r\n          <p>\r\n            Endger\u00e4te \u00fcberwachen, verd\u00e4chtiges Verhalten erkennen und\r\n            Bedrohungen fr\u00fch stoppen \u2013 bevor sie sich im Unternehmen\r\n            weiter ausbreiten.\r\n          <\/p>\r\n<a\r\n  class=\"ws-xdr-link\"\r\n  href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\">\r\n  Endpoint Security entdecken\r\n<\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 -->\r\n      <article class=\"ws-xdr-step\">\r\n        <div class=\"ws-xdr-card\">\r\n\r\n          <div class=\"ws-xdr-number\">02<\/div>\r\n\r\n          <h3>Identity<\/h3>\r\n\r\n          <p>\r\n            Ungew\u00f6hnliche Anmeldungen, kompromittierte Konten und verd\u00e4chtige\r\n            Identit\u00e4tsaktivit\u00e4ten erkennen und mit anderen Security-Signalen\r\n            in Zusammenhang bringen.\r\n          <\/p>\r\n<a\r\n  class=\"ws-xdr-link\"\r\n  href=\"https:\/\/try.withsecure.com\/explore\/advanced-identity-protection-with-withsecure-elements-identity-security\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\">\r\n  Identity Security entdecken\r\n<\/a>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 -->\r\n      <article class=\"ws-xdr-step\">\r\n        <div class=\"ws-xdr-card\">\r\n\r\n          <div class=\"ws-xdr-number\">03<\/div>\r\n\r\n          <h3>Collaboration<\/h3>\r\n\r\n          <p>\r\n            Microsoft 365 und Collaboration-Umgebungen vor Phishing,\r\n            sch\u00e4dlichen Inhalten und accountbasierten Angriffen sch\u00fctzen.\r\n          <\/p>\r\n<a\r\n  class=\"ws-xdr-link\"\r\n  href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\">\r\n  Collaboration Protection entdecken\r\n<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- 04 -->\r\n      <article class=\"ws-xdr-step\">\r\n        <div class=\"ws-xdr-card\">\r\n\r\n          <div class=\"ws-xdr-number\">04<\/div>\r\n\r\n          <h3>Cloud<\/h3>\r\n\r\n          <p>\r\n            Cloud-Aktivit\u00e4ten und Workloads in die Erkennung einbeziehen,\r\n            damit Angriffe nicht an der Grenze zwischen Endpoint und\r\n            Cloud unsichtbar werden.\r\n          <\/p>\r\n<a\r\n  class=\"ws-xdr-link\"\r\n  href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\">\r\n  Cloud Security entdecken\r\n<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ws-exposure-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ws-exposure\" id=\"exposure\" aria-labelledby=\"ws-exposure-title\">\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       WITHSECURE EXPOSURE MANAGEMENT\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-wrap {\r\n      position: relative !important;\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n      margin-top: -70px !important;\r\n\r\n      padding: 0 !important;\r\n      overflow: visible !important;\r\n    }\r\n\r\n    .ws-exposure-wrap > .wp-block-group__inner-container,\r\n    .ws-exposure-wrap > .wp-block-html,\r\n    .ws-exposure-wrap .wp-block-html {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .ws-exposure,\r\n    .ws-exposure * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ws-exposure {\r\n      --ws-blue: #4faef7;\r\n  --ws-violet: #8d73e8;\r\n  --ws-white: #ffffff;\r\n  --ws-muted: #5f6f7a;\r\n\r\n  position: relative;\r\n\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n\r\n  margin-left: calc(50% - 50vw) !important;\r\n  margin-right: calc(50% - 50vw) !important;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n  color: #153447;\r\n  font-family: \"Outfit\", serif;\r\n}\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-intro {\r\n      position: relative;\r\n      z-index: 5;\r\n\r\n      width: min(1180px, calc(100% - 48px));\r\n      margin: 0 auto;\r\n\r\n      padding:\r\n        clamp(100px, 10vw, 150px)\r\n        0\r\n        clamp(70px, 8vw, 110px);\r\n    }\r\n\r\n    .ws-exposure-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n\r\n      margin-bottom: 22px;\r\n\r\n      color: var(--ws-blue);\r\n\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-exposure-kicker::before {\r\n      content: \"\";\r\n\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--ws-blue),\r\n          var(--ws-violet)\r\n        );\r\n    }\r\n\r\n    .ws-exposure-intro h2 {\r\n      max-width: 930px;\r\n      margin: 0;\r\n\r\n      color: #153447;\r\n\r\n      font-size: clamp(40px, 5.5vw, 66px);\r\n      font-weight: 300;\r\n      line-height: 1.05;\r\n      letter-spacing: -.035em;\r\n    }\r\n\r\n    .ws-exposure-intro h2 strong {\r\n      font-weight: 500;\r\ncolor: #153447;\r\n\r\n      background: none;\r\n  -webkit-background-clip: initial;\r\n  background-clip: initial;\r\n    }\r\n\r\n    .ws-exposure-intro p {\r\n  max-width: 800px;\r\n  margin: 28px 0 0;\r\n\r\n  color: #5f6f7a;\r\n\r\n  font-size: 20px;\r\n  font-weight: 300;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n    \/* =========================================================\r\n       LANDSCAPE\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-landscape {\r\n      position: relative;\r\n\r\n      width: min(1440px, calc(100% - 48px));\r\n      min-height: 760px;\r\n\r\n      margin: 0 auto\r\n              clamp(100px, 10vw, 150px);\r\n\r\n      overflow: hidden;\r\n\r\n      border: 1px solid rgba(255,255,255,.1);\r\n      border-radius: 24px;\r\n\r\n      background: #071522;\r\n\r\n      box-shadow:\r\n        0 32px 80px rgba(0,0,0,.28);\r\n    }\r\n\r\n    .ws-exposure-landscape img {\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      object-fit: cover;\r\n      object-position: center;\r\n\r\n      transform: scale(1.01);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE OVERLAYS\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-landscape::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(4,15,25,.82) 0%,\r\n          rgba(4,15,25,.46) 33%,\r\n          rgba(4,15,25,.18) 60%,\r\n          rgba(4,15,25,.38) 100%\r\n        );\r\n    }\r\n\r\n    .ws-exposure-landscape::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 3;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(4,15,25,.18) 0%,\r\n          transparent 35%,\r\n          rgba(4,15,25,.18) 65%,\r\n          rgba(4,15,25,.82) 100%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SCAN LINE\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-scan {\r\n      position: absolute;\r\n      z-index: 4;\r\n\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 46%;\r\n\r\n      width: 1px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 0%,\r\n          rgba(121,200,255,.22) 20%,\r\n          rgba(182,156,255,.75) 50%,\r\n          rgba(121,200,255,.22) 80%,\r\n          transparent 100%\r\n        );\r\n\r\n      box-shadow:\r\n        0 0 30px rgba(121,200,255,.38);\r\n\r\n      animation:\r\n        wsExposureScan 9s\r\n        ease-in-out\r\n        infinite alternate;\r\n    }\r\n\r\n    @keyframes wsExposureScan {\r\n      from {\r\n        transform: translateX(-160px);\r\n        opacity: .35;\r\n      }\r\n\r\n      to {\r\n        transform: translateX(160px);\r\n        opacity: .85;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RISK POINTS\r\n       ========================================================= *\/\r\n\r\n    .ws-risk {\r\n      position: absolute;\r\n      z-index: 5;\r\n\r\n      width: 14px;\r\n      height: 14px;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: #ffffff;\r\n\r\n      box-shadow:\r\n        0 0 0 7px rgba(121,200,255,.10),\r\n        0 0 28px rgba(121,200,255,.85);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ws-risk::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: -15px;\r\n\r\n      border: 1px solid rgba(121,200,255,.25);\r\n      border-radius: 50%;\r\n\r\n      animation:\r\n        wsRiskPulse 3.5s\r\n        ease-out\r\n        infinite;\r\n    }\r\n\r\n    .ws-risk--1 {\r\n      left: 25%;\r\n      top: 58%;\r\n    }\r\n\r\n    .ws-risk--2 {\r\n      left: 48%;\r\n      top: 67%;\r\n    }\r\n\r\n    .ws-risk--3 {\r\n      right: 24%;\r\n      top: 53%;\r\n    }\r\n\r\n    @keyframes wsRiskPulse {\r\n      0% {\r\n        transform: scale(.65);\r\n        opacity: .8;\r\n      }\r\n\r\n      100% {\r\n        transform: scale(1.55);\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       THREE STEPS\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-steps {\r\n      position: absolute;\r\n      z-index: 10;\r\n\r\n      right: 46px;\r\n      bottom: 46px;\r\n      left: 46px;\r\n\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 18px;\r\n    }\r\n\r\n    .ws-exposure-card {\r\n      position: relative;\r\n\r\n      min-height: 210px;\r\n\r\n      padding: 28px 30px 30px;\r\n\r\n      overflow: hidden;\r\n\r\n      border: 1px solid rgba(255,255,255,.14);\r\n      border-radius: 18px;\r\n\r\n      background:\r\n        rgba(5,21,34,.76);\r\n\r\n      -webkit-backdrop-filter: blur(14px);\r\n      backdrop-filter: blur(14px);\r\n\r\n      transition:\r\n        transform .4s cubic-bezier(.22,1,.36,1),\r\n        border-color .4s ease,\r\n        background-color .4s ease;\r\n    }\r\n\r\n    .ws-exposure-card::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      right: 30px;\r\n      left: 30px;\r\n\r\n      height: 2px;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--ws-blue),\r\n          var(--ws-violet)\r\n        );\r\n\r\n      transform: scaleX(.2);\r\n      transform-origin: left;\r\n\r\n      transition:\r\n        transform .4s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .ws-exposure-card:hover,\r\n    .ws-exposure-card:focus-within {\r\n      transform: translateY(-8px);\r\n\r\n      border-color:\r\n        rgba(121,200,255,.38);\r\n\r\n      background:\r\n        rgba(7,29,46,.9);\r\n    }\r\n\r\n    .ws-exposure-card:hover::before,\r\n    .ws-exposure-card:focus-within::before {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NUMBERS\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-number {\r\n      display: block;\r\n\r\n      margin-bottom: 20px;\r\n\r\n      color: rgba(121,200,255,.88);\r\n\r\n      font-size: clamp(38px, 4vw, 56px);\r\n      font-weight: 300;\r\n      line-height: .9;\r\n      letter-spacing: -.04em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD TEXT\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-card h3 {\r\n      margin: 0;\r\n\r\n      color: #fff;\r\n\r\n      font-size: 28px;\r\n      font-weight: 400;\r\n      line-height: 1.2;\r\n      letter-spacing: -.02em;\r\n    }\r\n\r\n    .ws-exposure-card p {\r\n      margin: 14px 0 0;\r\n\r\n      color: rgba(255,255,255,.66);\r\n\r\n      font-size: 18px;\r\n      font-weight: 300;\r\n      line-height: 1.5;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BOTTOM STATEMENT\r\n       ========================================================= *\/\r\n\r\n    .ws-exposure-statement {\r\n      position: absolute;\r\n      z-index: 6;\r\n\r\n      top: 52px;\r\n      left: 52px;\r\n\r\n      max-width: 520px;\r\n    }\r\n\r\n    .ws-exposure-statement span {\r\n      display: block;\r\n\r\n      margin-bottom: 12px;\r\n\r\n      color: var(--ws-blue);\r\n\r\n      font-size: 13px;\r\n      font-weight: 500;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-exposure-statement strong {\r\n      display: block;\r\n\r\n      color: #fff;\r\n\r\n      font-size: clamp(30px, 4vw, 48px);\r\n      font-weight: 300;\r\n      line-height: 1.05;\r\n      letter-spacing: -.03em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 950px) {\r\n\r\n      .ws-exposure-landscape {\r\n        min-height: 900px;\r\n      }\r\n\r\n      .ws-exposure-steps {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ws-exposure-card {\r\n        min-height: 0;\r\n      }\r\n\r\n      .ws-exposure-statement {\r\n        right: 36px;\r\n        left: 36px;\r\n      }\r\n    }\r\n\r\n\r\n    @media (max-width: 650px) {\r\n\r\n      .ws-exposure-intro {\r\n        width: calc(100% - 36px);\r\n\r\n        padding-top: 80px;\r\n        padding-bottom: 55px;\r\n      }\r\n\r\n      .ws-exposure-intro h2 {\r\n        font-size:\r\n          clamp(38px, 12vw, 52px);\r\n      }\r\n\r\n      .ws-exposure-intro p {\r\n        font-size: 18px;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .ws-exposure-landscape {\r\n        width: calc(100% - 28px);\r\n        min-height: 1020px;\r\n\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .ws-exposure-landscape img {\r\n        object-position: 58% center;\r\n      }\r\n\r\n      .ws-exposure-statement {\r\n        top: 30px;\r\n        right: 24px;\r\n        left: 24px;\r\n      }\r\n\r\n      .ws-exposure-steps {\r\n        right: 20px;\r\n        bottom: 20px;\r\n        left: 20px;\r\n      }\r\n\r\n      .ws-exposure-card {\r\n        padding: 24px;\r\n      }\r\n\r\n      .ws-exposure-card h3 {\r\n        font-size: 25px;\r\n      }\r\n\r\n      .ws-exposure-scan {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      .ws-exposure-scan,\r\n      .ws-risk::after {\r\n        animation: none;\r\n      }\r\n\r\n      .ws-exposure-card {\r\n        transition: none;\r\n      }\r\n    }\r\n.ws-exposure-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n\r\n  margin-top: 18px;\r\n\r\n  color: #79c8ff !important;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 1.3;\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    color .3s ease,\r\n    transform .3s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ws-exposure-link::after {\r\n  content: \"\u2197\";\r\n  font-size: 15px;\r\n  transition: transform .3s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ws-exposure-link:hover,\r\n.ws-exposure-link:focus-visible {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.ws-exposure-link:hover::after,\r\n.ws-exposure-link:focus-visible::after {\r\n  transform: translate(3px,-3px);\r\n}\r\n\r\n.ws-exposure-link:focus-visible {\r\n  outline: 2px solid rgba(121,200,255,.75);\r\n  outline-offset: 5px;\r\n}\r\n\r\n  <\/style>\r\n\r\n\r\n  <!-- =======================================================\r\n       INTRO\r\n       ======================================================= -->\r\n\r\n  <header class=\"ws-exposure-intro\">\r\n\r\n    <div class=\"ws-exposure-kicker\">\r\n      WITHSECURE EXPOSURE MANAGEMENT\r\n    <\/div>\r\n\r\n    <h2 id=\"ws-exposure-title\">\r\n      Nicht jedes Risiko<br>\r\n      <strong>ist gleich kritisch.<\/strong>\r\n    <\/h2>\r\n\r\n    <p>\r\n      WithSecure Exposure Management macht Ihre Angriffsfl\u00e4che sichtbar,\r\n      bewertet Risiken im Zusammenhang und hilft Ihnen dabei, genau dort\r\n      zu handeln, wo eine Schwachstelle tats\u00e4chlich zum Problem werden kann.\r\n    <\/p>\r\n\r\n  <\/header>\r\n\r\n\r\n  <!-- =======================================================\r\n       LANDSCAPE\r\n       ======================================================= -->\r\n\r\n  <div class=\"ws-exposure-landscape\">\r\n\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/www.infinigate.com\/at\/wp-content\/uploads\/sites\/29\/2026\/08\/WS_Herow_at_a3.jpg\"\r\n      alt=\"\"\r\n      loading=\"lazy\"\r\n    >\r\n\r\n    <span\r\n      class=\"ws-exposure-scan\"\r\n      aria-hidden=\"true\">\r\n    <\/span>\r\n\r\n\r\n    <!-- RISK POINTS -->\r\n\r\n    <span\r\n      class=\"ws-risk ws-risk--1\"\r\n      aria-hidden=\"true\">\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"ws-risk ws-risk--2\"\r\n      aria-hidden=\"true\">\r\n    <\/span>\r\n\r\n    <span\r\n      class=\"ws-risk ws-risk--3\"\r\n      aria-hidden=\"true\">\r\n    <\/span>\r\n\r\n\r\n    <!-- STATEMENT -->\r\n\r\n    <div class=\"ws-exposure-statement\">\r\n\r\n      <span>\r\n        CONTINUOUS EXPOSURE MANAGEMENT\r\n      <\/span>\r\n\r\n      <strong>\r\n        See what matters.<br>\r\n        Fix what matters first.\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- STEPS -->\r\n\r\n    <div class=\"ws-exposure-steps\">\r\n\r\n      <article\r\n        class=\"ws-exposure-card\">\r\n\r\n        <span class=\"ws-exposure-number\">\r\n          01\r\n        <\/span>\r\n\r\n        <h3>\r\n          Discover\r\n        <\/h3>\r\n\r\n        <p>\r\n          Ger\u00e4te, Identit\u00e4ten, Cloud-Ressourcen,\r\n          Netzwerkkomponenten und externe Angriffsfl\u00e4chen\r\n          kontinuierlich sichtbar machen.\r\n        <\/p>\r\n<a\r\n  class=\"ws-exposure-link\"\r\n  href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/exposure-management\/\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\">\r\n  Angriffsfl\u00e4che entdecken\r\n<\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article\r\n        class=\"ws-exposure-card\">\r\n\r\n        <span class=\"ws-exposure-number\">\r\n          02\r\n        <\/span>\r\n\r\n        <h3>\r\n          Prioritise\r\n        <\/h3>\r\n\r\n        <p>\r\n          Risiken nicht isoliert betrachten, sondern nach\r\n          tats\u00e4chlicher Gef\u00e4hrdung und m\u00f6glichem\r\n          Angriffspfad priorisieren.\r\n        <\/p>\r\n<a\r\n  class=\"ws-exposure-link\"\r\n  href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/exposure-management\/\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\">\r\n  Risiken priorisieren\r\n<\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article\r\n        class=\"ws-exposure-card\">\r\n\r\n        <span class=\"ws-exposure-number\">\r\n          03\r\n        <\/span>\r\n\r\n        <h3>\r\n          Act\r\n        <\/h3>\r\n\r\n        <p>\r\n          Kritische Schwachstellen gezielt beheben und\r\n          Ressourcen dort einsetzen, wo sie den gr\u00f6ssten\r\n          Einfluss auf das Sicherheitsniveau haben.\r\n        <\/p>\r\n<a\r\n  class=\"ws-exposure-link\"\r\n  href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/exposure-management\/\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\">\r\n  Exposure Management entdecken\r\n<\/a>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ws-luminen-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ws-luminen\" id=\"ai\" aria-labelledby=\"ws-luminen-title\">\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       WITHSECURE LUMINEN AI\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-wrap {\r\n      position: relative !important;\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n      margin-top: -64px !important;\r\n\r\n      padding: 0 !important;\r\n      overflow: visible !important;\r\n    }\r\n\r\n    .ws-luminen-wrap > .wp-block-group__inner-container,\r\n    .ws-luminen-wrap > .wp-block-html,\r\n    .ws-luminen-wrap .wp-block-html {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .ws-luminen,\r\n    .ws-luminen * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ws-luminen {\r\n      --ws-blue: #79c8ff;\r\n      --ws-violet: #b69cff;\r\n      --ws-white: #ffffff;\r\n      --ws-muted: rgba(255,255,255,.68);\r\n\r\n      position: relative;\r\n\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n\r\n      overflow: hidden;\r\n\r\n      background: #050d16;\r\n      color: #fff;\r\n      font-family: \"Outfit\", serif;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BACKGROUND\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-bg {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n    }\r\n\r\n    .ws-luminen-bg img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n    }\r\n\r\n    .ws-luminen-bg::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(3,10,18,.94) 0%,\r\n          rgba(3,10,18,.78) 38%,\r\n          rgba(3,10,18,.38) 68%,\r\n          rgba(3,10,18,.55) 100%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(3,10,18,.34),\r\n          transparent 35%,\r\n          rgba(3,10,18,.68)\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LAYOUT\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-inner {\r\n      position: relative;\r\n      z-index: 5;\r\n\r\n      width: min(1280px, calc(100% - 48px));\r\n      min-height: 820px;\r\n\r\n      margin: 0 auto;\r\n\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      align-items: center;\r\n      gap: clamp(50px, 7vw, 110px);\r\n\r\n      padding:\r\n        clamp(110px, 11vw, 160px)\r\n        0;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TEXT\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-copy {\r\n      max-width: 650px;\r\n    }\r\n\r\n    .ws-luminen-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n\r\n      margin-bottom: 26px;\r\n\r\n      color: var(--ws-blue);\r\n\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-luminen-kicker::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--ws-blue),\r\n          var(--ws-violet)\r\n        );\r\n    }\r\n\r\n    .ws-luminen-copy h2 {\r\n      margin: 0;\r\n\r\n      color: #fff;\r\n\r\n      font-size: clamp(48px, 6vw, 76px);\r\n      font-weight: 300;\r\n      line-height: .98;\r\n      letter-spacing: -.045em;\r\n    }\r\n\r\n    .ws-luminen-copy h2 strong {\r\n      display: block;\r\n\r\n      margin-top: 10px;\r\n\r\n      font-weight: 500;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ffffff,\r\n          #b5dcff 48%,\r\n          #c9b7ff\r\n        );\r\n\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    .ws-luminen-copy p {\r\n      max-width: 620px;\r\n\r\n      margin: 30px 0 0;\r\n\r\n      color: var(--ws-muted);\r\n\r\n      font-size: 20px;\r\n      font-weight: 300;\r\n      line-height: 1.5;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LINK\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n\r\n      margin-top: 28px;\r\n\r\n      color: var(--ws-blue) !important;\r\n\r\n      font-size: 17px;\r\n      font-weight: 500;\r\n      line-height: 1.3;\r\n\r\n      text-decoration: none !important;\r\n\r\n      transition:\r\n        color .3s ease,\r\n        transform .3s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .ws-luminen-link::after {\r\n      content: \"\u2197\";\r\n\r\n      transition:\r\n        transform .3s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .ws-luminen-link:hover,\r\n    .ws-luminen-link:focus-visible {\r\n      color: #fff !important;\r\n    }\r\n\r\n    .ws-luminen-link:hover::after,\r\n    .ws-luminen-link:focus-visible::after {\r\n      transform: translate(3px,-3px);\r\n    }\r\n\r\n    .ws-luminen-link:focus-visible {\r\n      outline: 2px solid rgba(121,200,255,.75);\r\n      outline-offset: 5px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ANALYSIS PANEL\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-panel {\r\n      position: relative;\r\n\r\n      max-width: 540px;\r\n      margin-left: auto;\r\n\r\n      padding: 34px;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.15);\r\n\r\n      border-radius: 24px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(10,28,45,.88),\r\n          rgba(10,20,38,.72)\r\n        );\r\n\r\n      -webkit-backdrop-filter: blur(18px);\r\n      backdrop-filter: blur(18px);\r\n\r\n      box-shadow:\r\n        0 30px 80px rgba(0,0,0,.38),\r\n        0 0 60px rgba(117,106,255,.10);\r\n\r\n      transition:\r\n        transform .45s cubic-bezier(.22,1,.36,1),\r\n        border-color .45s ease;\r\n    }\r\n\r\n    .ws-luminen-panel:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(121,200,255,.35);\r\n    }\r\n\r\n    .ws-luminen-panel::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      top: 0;\r\n      right: 34px;\r\n      left: 34px;\r\n\r\n      height: 2px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--ws-blue),\r\n          var(--ws-violet)\r\n        );\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       PANEL HEADER\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-panel__top {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 20px;\r\n\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .ws-luminen-panel__brand {\r\n      color: #fff;\r\n\r\n      font-size: 20px;\r\n      font-weight: 500;\r\n      letter-spacing: -.02em;\r\n    }\r\n\r\n    .ws-luminen-status {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n\r\n      color: rgba(255,255,255,.62);\r\n\r\n      font-size: 13px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .ws-luminen-status::before {\r\n      content: \"\";\r\n\r\n      width: 8px;\r\n      height: 8px;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: #79c8ff;\r\n\r\n      box-shadow:\r\n        0 0 18px rgba(121,200,255,.8);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ANALYSIS CONTENT\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-label {\r\n      display: block;\r\n\r\n      margin-bottom: 10px;\r\n\r\n      color: rgba(255,255,255,.48);\r\n\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-luminen-event {\r\n      margin: 0 0 26px;\r\n\r\n      color: #fff;\r\n\r\n      font-size: 26px;\r\n      font-weight: 400;\r\n      line-height: 1.25;\r\n      letter-spacing: -.02em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RISK\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-risk {\r\n      display: grid;\r\n      grid-template-columns: auto 1fr;\r\n      gap: 14px;\r\n\r\n      margin-bottom: 28px;\r\n      padding: 18px 20px;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n      border-radius: 14px;\r\n\r\n      background:\r\n        rgba(255,255,255,.045);\r\n    }\r\n\r\n    .ws-luminen-risk__dot {\r\n      width: 12px;\r\n      height: 12px;\r\n\r\n      margin-top: 6px;\r\n\r\n      border-radius: 50%;\r\n\r\n      background: #d4a8ff;\r\n\r\n      box-shadow:\r\n        0 0 20px rgba(181,142,255,.65);\r\n    }\r\n\r\n    .ws-luminen-risk strong {\r\n      display: block;\r\n\r\n      color: #fff;\r\n\r\n      font-size: 17px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .ws-luminen-risk span {\r\n      display: block;\r\n\r\n      margin-top: 5px;\r\n\r\n      color: rgba(255,255,255,.58);\r\n\r\n      font-size: 15px;\r\n      font-weight: 300;\r\n      line-height: 1.4;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RECOMMENDATION\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-recommendation {\r\n      position: relative;\r\n\r\n      padding:\r\n        22px 24px 22px 28px;\r\n\r\n      border-left:\r\n        2px solid var(--ws-blue);\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(121,200,255,.08),\r\n          rgba(182,156,255,.035)\r\n        );\r\n    }\r\n\r\n    .ws-luminen-recommendation strong {\r\n      display: block;\r\n\r\n      color: #fff;\r\n\r\n      font-size: 18px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .ws-luminen-recommendation p {\r\n      margin: 8px 0 0;\r\n\r\n      color: rgba(255,255,255,.65);\r\n\r\n      font-size: 16px;\r\n      font-weight: 300;\r\n      line-height: 1.45;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GLOW\r\n       ========================================================= *\/\r\n\r\n    .ws-luminen-glow {\r\n      position: absolute;\r\n\r\n      z-index: -1;\r\n\r\n      width: 480px;\r\n      height: 480px;\r\n\r\n      right: -130px;\r\n      top: 50%;\r\n\r\n      transform: translateY(-50%);\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        rgba(117,93,255,.16);\r\n\r\n      filter: blur(100px);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 900px) {\r\n\r\n      .ws-luminen-inner {\r\n        grid-template-columns: 1fr;\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n          100px 0;\r\n      }\r\n\r\n      .ws-luminen-panel {\r\n        max-width: 650px;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n\r\n    @media (max-width: 650px) {\r\n\r\n      .ws-luminen-inner {\r\n        width: calc(100% - 36px);\r\n\r\n        padding:\r\n          78px 0 86px;\r\n      }\r\n\r\n      .ws-luminen-copy h2 {\r\n        font-size:\r\n          clamp(42px, 13vw, 56px);\r\n      }\r\n\r\n      .ws-luminen-copy p {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .ws-luminen-panel {\r\n        padding: 26px;\r\n\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .ws-luminen-panel__top {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n\r\n        margin-bottom: 26px;\r\n      }\r\n\r\n      .ws-luminen-event {\r\n        font-size: 23px;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      .ws-luminen-panel,\r\n      .ws-luminen-link,\r\n      .ws-luminen-link::after {\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <!-- BACKGROUND -->\r\n\r\n  <div class=\"ws-luminen-bg\" aria-hidden=\"true\">\r\n\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/www.infinigate.com\/at\/wp-content\/uploads\/sites\/29\/2026\/08\/WS_Herow_at_a4.jpg\"\r\n      alt=\"\"\r\n      loading=\"lazy\">\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- CONTENT -->\r\n\r\n  <div class=\"ws-luminen-inner\">\r\n\r\n    <div class=\"ws-luminen-copy\">\r\n\r\n      <div class=\"ws-luminen-kicker\">\r\n        WITHSECURE LUMINEN AI\r\n      <\/div>\r\n\r\n      <h2 id=\"ws-luminen-title\">\r\n        Too many alerts.\r\n        <strong>Not enough context.<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Luminen \u00fcbersetzt komplexe Security-Ereignisse und Exposure-Daten\r\n        in verst\u00e4ndliche Erkl\u00e4rungen und konkrete Handlungsempfehlungen.\r\n        Damit erkennen Ihre Kunden schneller, was passiert ist, welche\r\n        Systeme betroffen sind und was als N\u00e4chstes zu tun ist.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"ws-luminen-link\"\r\n        href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\">\r\n        Luminen AI entdecken\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ANALYSIS -->\r\n\r\n    <div class=\"ws-luminen-panel\">\r\n\r\n      <span\r\n        class=\"ws-luminen-glow\"\r\n        aria-hidden=\"true\">\r\n      <\/span>\r\n\r\n      <div class=\"ws-luminen-panel__top\">\r\n\r\n        <div class=\"ws-luminen-panel__brand\">\r\n          ASK LUMINEN\r\n        <\/div>\r\n\r\n        <div class=\"ws-luminen-status\">\r\n          Analysis complete\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"ws-luminen-label\">\r\n        DETECTED EVENT\r\n      <\/span>\r\n\r\n      <p class=\"ws-luminen-event\">\r\n        Suspicious identity behaviour detected\r\n      <\/p>\r\n\r\n\r\n      <div class=\"ws-luminen-risk\">\r\n\r\n        <span\r\n          class=\"ws-luminen-risk__dot\"\r\n          aria-hidden=\"true\">\r\n        <\/span>\r\n\r\n        <div>\r\n          <strong>\r\n            Elevated risk\r\n          <\/strong>\r\n\r\n          <span>\r\n            Unusual authentication activity was correlated\r\n            with endpoint behaviour from the same identity.\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"ws-luminen-label\">\r\n        RECOMMENDED NEXT STEP\r\n      <\/span>\r\n\r\n      <div class=\"ws-luminen-recommendation\">\r\n\r\n        <strong>\r\n          Investigate the affected identity\r\n        <\/strong>\r\n\r\n        <p>\r\n          Review recent sign-ins and endpoint activity.\r\n          If compromise is confirmed, revoke active sessions\r\n          and isolate the affected device.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ws-services-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ws-services\" id=\"services\" aria-labelledby=\"ws-services-title\">\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       WITHSECURE CO-SECURITY SERVICES\r\n       ========================================================= *\/\r\n\r\n    .ws-services-wrap {\r\n      position: relative !important;\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n      margin-top: -64px !important;\r\n\r\n      padding: 0 !important;\r\n      overflow: visible !important;\r\n    }\r\n\r\n    .ws-services-wrap > .wp-block-group__inner-container,\r\n    .ws-services-wrap > .wp-block-html,\r\n    .ws-services-wrap .wp-block-html {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .ws-services,\r\n    .ws-services * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ws-services {\r\n      --ig-blue: #153447;\r\n      --ig-coral: #ed5740;\r\n\r\n      --ws-blue: #4faef7;\r\n      --ws-violet: #8d73e8;\r\n\r\n      position: relative;\r\n\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 92% 12%,\r\n          rgba(141,115,232,.09),\r\n          transparent 28%\r\n        ),\r\n        radial-gradient(\r\n          circle at 7% 75%,\r\n          rgba(79,174,247,.07),\r\n          transparent 30%\r\n        ),\r\n        #ffffff;\r\n\r\n      color: var(--ig-blue);\r\n      font-family: \"Outfit\", serif;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INNER\r\n       ========================================================= *\/\r\n\r\n    .ws-services-inner {\r\n      position: relative;\r\n\r\n      width: min(1280px, calc(100% - 48px));\r\n      margin: 0 auto;\r\n\r\n      padding:\r\n        clamp(110px, 11vw, 160px)\r\n        0\r\n        clamp(120px, 12vw, 175px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n       ========================================================= *\/\r\n\r\n    .ws-services-intro {\r\n      display: grid;\r\n      grid-template-columns: 1.05fr .75fr;\r\n      align-items: end;\r\n      gap: clamp(50px, 8vw, 120px);\r\n\r\n      margin-bottom: clamp(70px, 8vw, 110px);\r\n    }\r\n\r\n    .ws-services-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n\r\n      margin-bottom: 22px;\r\n\r\n      color: var(--ws-blue);\r\n\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-services-kicker::before {\r\n      content: \"\";\r\n\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--ws-blue),\r\n          var(--ws-violet)\r\n        );\r\n    }\r\n\r\n    .ws-services-intro h2 {\r\n      max-width: 760px;\r\n      margin: 0;\r\n\r\n      color: var(--ig-blue);\r\n\r\n      font-size: clamp(42px, 5.5vw, 66px);\r\n      font-weight: 300;\r\n      line-height: 1.04;\r\n      letter-spacing: -.035em;\r\n    }\r\n\r\n    .ws-services-intro h2 strong {\r\n      display: block;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .ws-services-intro-copy {\r\n      padding-bottom: 4px;\r\n    }\r\n\r\n    .ws-services-intro-copy p {\r\n      margin: 0;\r\n\r\n      color: #657580;\r\n\r\n      font-size: 20px;\r\n      font-weight: 300;\r\n      line-height: 1.45;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SERVICE STACK\r\n       ========================================================= *\/\r\n\r\n    .ws-services-stack {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      gap: 18px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       LAYER\r\n       ========================================================= *\/\r\n\r\n    .ws-service-layer {\r\n      position: relative;\r\n\r\n      display: grid;\r\n      grid-template-columns: 100px minmax(230px, .7fr) 1.2fr auto;\r\n      align-items: center;\r\n      gap: 28px;\r\n\r\n      min-height: 152px;\r\n\r\n      padding: 28px 34px;\r\n\r\n      border: 1px solid rgba(21,52,71,.10);\r\n      border-radius: 20px;\r\n\r\n      background: rgba(255,255,255,.92);\r\n\r\n      box-shadow:\r\n        0 16px 45px rgba(21,52,71,.07);\r\n\r\n      text-decoration: none !important;\r\n      color: var(--ig-blue) !important;\r\n\r\n      overflow: hidden;\r\n\r\n      transition:\r\n        transform .42s cubic-bezier(.22,1,.36,1),\r\n        box-shadow .42s ease,\r\n        border-color .42s ease;\r\n    }\r\n\r\n    .ws-service-layer::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(79,174,247,.055),\r\n          rgba(141,115,232,.04)\r\n        );\r\n\r\n      opacity: 0;\r\n\r\n      transition: opacity .42s ease;\r\n    }\r\n\r\n    .ws-service-layer::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n\r\n      width: 3px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--ws-blue),\r\n          var(--ws-violet)\r\n        );\r\n\r\n      transform: scaleY(.24);\r\n      transform-origin: top;\r\n\r\n      transition:\r\n        transform .42s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .ws-service-layer:hover,\r\n    .ws-service-layer:focus-visible {\r\n      transform: translateY(-6px);\r\n\r\n      border-color:\r\n        rgba(79,174,247,.26);\r\n\r\n      box-shadow:\r\n        0 24px 60px rgba(21,52,71,.12);\r\n    }\r\n\r\n    .ws-service-layer:hover::before,\r\n    .ws-service-layer:focus-visible::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    .ws-service-layer:hover::after,\r\n    .ws-service-layer:focus-visible::after {\r\n      transform: scaleY(1);\r\n    }\r\n\r\n    .ws-service-layer:focus-visible {\r\n      outline: 2px solid rgba(79,174,247,.75);\r\n      outline-offset: 4px;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STAGGERED WIDTHS\r\n       ========================================================= *\/\r\n\r\n    .ws-service-layer--1 {\r\n      width: 91%;\r\n    }\r\n\r\n    .ws-service-layer--2 {\r\n      width: 96%;\r\n      margin-left: 4%;\r\n    }\r\n\r\n    .ws-service-layer--3 {\r\n      width: 94%;\r\n      margin-left: 1%;\r\n    }\r\n\r\n    .ws-service-layer--4 {\r\n      width: 97%;\r\n      margin-left: 3%;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NUMBER\r\n       ========================================================= *\/\r\n\r\n    .ws-service-number {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      color: rgba(79,174,247,.82);\r\n\r\n      font-size: clamp(42px, 4vw, 58px);\r\n      font-weight: 300;\r\n      line-height: .9;\r\n      letter-spacing: -.05em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SERVICE NAME\r\n       ========================================================= *\/\r\n\r\n    .ws-service-name {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .ws-service-name span {\r\n      display: block;\r\n\r\n      margin-bottom: 7px;\r\n\r\n      color: var(--ws-blue);\r\n\r\n      font-size: 12px;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-service-name h3 {\r\n      margin: 0;\r\n\r\n      color: var(--ig-blue);\r\n\r\n      font-size: 28px;\r\n      font-weight: 400;\r\n      line-height: 1.15;\r\n      letter-spacing: -.025em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       DESCRIPTION\r\n       ========================================================= *\/\r\n\r\n    .ws-service-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      margin: 0;\r\n\r\n      color: #657580;\r\n\r\n      font-size: 18px;\r\n      font-weight: 300;\r\n      line-height: 1.45;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ARROW\r\n       ========================================================= *\/\r\n\r\n    .ws-service-arrow {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      width: 48px;\r\n      height: 48px;\r\n\r\n      border: 1px solid rgba(79,174,247,.28);\r\n      border-radius: 50%;\r\n\r\n      color: var(--ws-blue);\r\n\r\n      font-size: 20px;\r\n      line-height: 1;\r\n\r\n      transition:\r\n        transform .4s cubic-bezier(.22,1,.36,1),\r\n        background-color .4s ease,\r\n        color .4s ease;\r\n    }\r\n\r\n    .ws-service-layer:hover .ws-service-arrow,\r\n    .ws-service-layer:focus-visible .ws-service-arrow {\r\n      transform: translate(3px,-3px);\r\n\r\n      background: var(--ws-blue);\r\n      color: #fff;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SCALE \/ GUIDANCE\r\n       ========================================================= *\/\r\n\r\n    .ws-services-scale {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n\r\n      margin-top: 52px;\r\n      padding-left: 6px;\r\n    }\r\n\r\n    .ws-services-scale__line {\r\n      position: relative;\r\n\r\n      flex: 1;\r\n      max-width: 340px;\r\n      height: 1px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(79,174,247,.25),\r\n          rgba(141,115,232,.55)\r\n        );\r\n    }\r\n\r\n    .ws-services-scale__line::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      top: 50%;\r\n      right: 0;\r\n\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      border-top: 1px solid var(--ws-violet);\r\n      border-right: 1px solid var(--ws-violet);\r\n\r\n      transform:\r\n        translateY(-50%)\r\n        rotate(45deg);\r\n    }\r\n\r\n    .ws-services-scale span {\r\n  color: #657580;\r\n\r\n  font-size: 17px;\r\n  font-weight: 500;\r\n  line-height: 1.3;\r\n  letter-spacing: .01em;\r\n}\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 1000px) {\r\n\r\n      .ws-services-intro {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n      }\r\n\r\n      .ws-services-intro-copy {\r\n        max-width: 760px;\r\n      }\r\n\r\n      .ws-service-layer {\r\n        grid-template-columns:\r\n          80px\r\n          minmax(200px,.7fr)\r\n          1fr\r\n          auto;\r\n      }\r\n\r\n      .ws-service-layer--1,\r\n      .ws-service-layer--2,\r\n      .ws-service-layer--3,\r\n      .ws-service-layer--4 {\r\n        width: 100%;\r\n        margin-left: 0;\r\n      }\r\n    }\r\n\r\n\r\n    @media (max-width: 760px) {\r\n\r\n      .ws-services-inner {\r\n        width: calc(100% - 36px);\r\n\r\n        padding:\r\n          82px\r\n          0\r\n          96px;\r\n      }\r\n\r\n      .ws-services-intro {\r\n        margin-bottom: 54px;\r\n      }\r\n\r\n      .ws-services-intro h2 {\r\n        font-size:\r\n          clamp(38px, 12vw, 52px);\r\n      }\r\n\r\n      .ws-services-intro-copy p {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .ws-service-layer {\r\n        grid-template-columns: 64px 1fr auto;\r\n        gap: 18px;\r\n\r\n        min-height: 0;\r\n\r\n        padding: 26px 24px;\r\n      }\r\n\r\n      .ws-service-copy {\r\n        grid-column: 2 \/ -1;\r\n\r\n        font-size: 17px;\r\n      }\r\n\r\n      .ws-service-name h3 {\r\n        font-size: 25px;\r\n      }\r\n\r\n      .ws-service-arrow {\r\n        width: 42px;\r\n        height: 42px;\r\n      }\r\n\r\n      .ws-services-scale {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n\r\n    @media (max-width: 480px) {\r\n\r\n      .ws-service-layer {\r\n        grid-template-columns: 1fr auto;\r\n      }\r\n\r\n      .ws-service-number {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n\r\n      .ws-service-copy {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      .ws-service-layer,\r\n      .ws-service-layer::before,\r\n      .ws-service-layer::after,\r\n      .ws-service-arrow {\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"ws-services-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         INTRO\r\n         ===================================================== -->\r\n\r\n    <header class=\"ws-services-intro\">\r\n\r\n      <div>\r\n\r\n        <div class=\"ws-services-kicker\">\r\n          WITHSECURE CO-SECURITY SERVICES\r\n        <\/div>\r\n\r\n        <h2 id=\"ws-services-title\">\r\n          Wenn Technologie allein\r\n          <strong>nicht genug ist.<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ws-services-intro-copy\">\r\n\r\n        <p>\r\n          Nicht jedes Unternehmen braucht dieselbe Unterst\u00fctzung.\r\n          WithSecure erg\u00e4nzt die Elements Plattform deshalb mit\r\n          Security-Expertise genau dort, wo interne Ressourcen,\r\n          Zeit oder Spezialwissen fehlen.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =====================================================\r\n         SERVICE LAYERS\r\n         ===================================================== -->\r\n\r\n    <div class=\"ws-services-stack\">\r\n\r\n\r\n      <!-- ELEVATE -->\r\n\r\n      <a\r\n        class=\"ws-service-layer ws-service-layer--1\"\r\n        href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/co-security\/\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\">\r\n\r\n        <div class=\"ws-service-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"ws-service-name\">\r\n\r\n          <span>\r\n            ON DEMAND\r\n          <\/span>\r\n\r\n          <h3>\r\n            Elevate\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"ws-service-copy\">\r\n          Eine Erkennung ist unklar? Mit Elevate k\u00f6nnen\r\n          Elements EDR-Kunden einzelne F\u00e4lle direkt an die\r\n          Threat-Analysten von WithSecure zur Validierung\r\n          und Untersuchung eskalieren.\r\n        <\/p>\r\n\r\n        <span\r\n          class=\"ws-service-arrow\"\r\n          aria-hidden=\"true\">\r\n          \u2197\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- MDR -->\r\n\r\n      <a\r\n        class=\"ws-service-layer ws-service-layer--2\"\r\n        href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/co-security\/\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\">\r\n\r\n        <div class=\"ws-service-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"ws-service-name\">\r\n\r\n          <span>\r\n            24\/7 PROTECTION\r\n          <\/span>\r\n\r\n          <h3>\r\n            Elements MDR\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"ws-service-copy\">\r\n          WithSecure \u00fcberwacht die Umgebung rund um die Uhr,\r\n          untersucht relevante Bedrohungen und \u00fcbernimmt die\r\n          Reaktion \u2013 wenn das interne Team Detection &amp;\r\n          Response nicht selbst betreiben soll.\r\n        <\/p>\r\n\r\n        <span\r\n          class=\"ws-service-arrow\"\r\n          aria-hidden=\"true\">\r\n          \u2197\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- INCIDENT RESPONSE -->\r\n\r\n      <a\r\n        class=\"ws-service-layer ws-service-layer--3\"\r\n        href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/co-security\/\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\">\r\n\r\n        <div class=\"ws-service-number\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"ws-service-name\">\r\n\r\n          <span>\r\n            WHEN IT MATTERS\r\n          <\/span>\r\n\r\n          <h3>\r\n            Incident Response\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"ws-service-copy\">\r\n          F\u00fcr kritische Cybervorf\u00e4lle erhalten Unternehmen\r\n          priorisierten Zugang zu erfahrenen Incident-Response-\r\n          und Forensik-Spezialisten, wenn schnelle Unterst\u00fctzung\r\n          entscheidend wird.\r\n        <\/p>\r\n\r\n        <span\r\n          class=\"ws-service-arrow\"\r\n          aria-hidden=\"true\">\r\n          \u2197\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- INFINITE -->\r\n\r\n      <a\r\n        class=\"ws-service-layer ws-service-layer--4\"\r\n        href=\"https:\/\/www.withsecure.com\/de\/fuer-unternehmen\/plattform\/co-security\/\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\">\r\n\r\n        <div class=\"ws-service-number\">\r\n          04\r\n        <\/div>\r\n\r\n        <div class=\"ws-service-name\">\r\n\r\n          <span>\r\n            FULLY MANAGED\r\n          <\/span>\r\n\r\n          <h3>\r\n            Elements Infinite\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"ws-service-copy\">\r\n          Die umfassendste Service-Ebene verbindet kontinuierliches\r\n          Exposure Management, 24\/7 Detection &amp; Response und\r\n          Incident Response zu einem vollst\u00e4ndig gemanagten\r\n          Sicherheitsansatz.\r\n        <\/p>\r\n\r\n        <span\r\n          class=\"ws-service-arrow\"\r\n          aria-hidden=\"true\">\r\n          \u2197\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SCALE -->\r\n\r\n    <div class=\"ws-services-scale\">\r\n\r\n      <span>\r\n        Punktuelle Expertenunterst\u00fctzung\r\n      <\/span>\r\n\r\n      <span\r\n        class=\"ws-services-scale__line\"\r\n        aria-hidden=\"true\">\r\n      <\/span>\r\n\r\n      <span>\r\n        Vollst\u00e4ndig gemanagte Security\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ws-demo-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ws-demo\" aria-labelledby=\"ws-demo-title\">\n\n  <style>\n    \/* =========================================================\n       WITHSECURE DEMO CENTER\n       ========================================================= *\/\n\n    .ws-demo-wrap {\n      position: relative !important;\n      width: 100vw !important;\n      max-width: 100vw !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      margin-top: -64px !important;\n\n      padding: 0 !important;\n      overflow: visible !important;\n    }\n\n    .ws-demo-wrap > .wp-block-group__inner-container,\n    .ws-demo-wrap > .wp-block-html,\n    .ws-demo-wrap .wp-block-html {\n      width: 100% !important;\n      max-width: none !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    .ws-demo,\n    .ws-demo * {\n      box-sizing: border-box;\n    }\n\n    .ws-demo {\n      --ig-blue: #153447;\n      --ig-coral: #ed5740;\n      --ws-blue: #4faef7;\n      --ws-violet: #8d73e8;\n\n      position: relative;\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      overflow: hidden;\n\n      background:\n        linear-gradient(\n          180deg,\n          #ffffff 0%,\n          #f7faff 100%\n        );\n\n      color: var(--ig-blue);\n      font-family: \"Outfit\", serif;\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ws-demo-inner {\n      width: min(1280px, calc(100% - 48px));\n      margin: 0 auto;\n\n      display: grid;\n      grid-template-columns: .8fr 1.2fr;\n      align-items: center;\n      gap: clamp(60px, 8vw, 120px);\n\n      padding:\n        clamp(110px, 11vw, 155px)\n        0\n        clamp(120px, 12vw, 170px);\n    }\n\n\n    \/* =========================================================\n       COPY\n       ========================================================= *\/\n\n    .ws-demo-copy {\n      max-width: 560px;\n    }\n\n    .ws-demo-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n\n      margin-bottom: 22px;\n\n      color: var(--ws-blue);\n\n      font-size: 14px;\n      font-weight: 500;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n    .ws-demo-kicker::before {\n      content: \"\";\n\n      width: 34px;\n      height: 1px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ws-blue),\n          var(--ws-violet)\n        );\n    }\n\n    .ws-demo-copy h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: clamp(42px, 5.5vw, 66px);\n      font-weight: 300;\n      line-height: 1.04;\n      letter-spacing: -.035em;\n    }\n\n    .ws-demo-copy h2 strong {\n      display: block;\n      font-weight: 500;\n    }\n\n    .ws-demo-copy p {\n      margin: 28px 0 0;\n\n      color: #657580;\n\n      font-size: 20px;\n      font-weight: 300;\n      line-height: 1.45;\n    }\n\n\n    \/* =========================================================\n       CTA\n       ========================================================= *\/\n\n    .ws-demo-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: .5em;\n\n      margin-top: 30px;\n\n      padding: .8em 1.5em;\n\n      border: 1px solid var(--ig-coral);\n      border-radius: 6px;\n\n      background: #fff;\n\n      color: var(--ig-coral) !important;\n\n      font-family: \"Outfit\", serif;\n      font-size: 18px;\n      font-weight: 500;\n      line-height: 28px;\n\n      text-decoration: none !important;\n\n      transition:\n        color .3s ease,\n        background-color .3s ease,\n        border-color .3s ease,\n        transform .3s ease;\n    }\n\n    .ws-demo-button::after {\n      content: \"\u2197\";\n      font-size: 15px;\n    }\n\n    .ws-demo-button:hover,\n    .ws-demo-button:focus-visible {\n      background: var(--ig-coral);\n      border-color: var(--ig-coral);\n\n      color: #fff !important;\n\n      transform: translateY(-2px);\n    }\n\n    .ws-demo-button:focus-visible {\n      outline: 2px solid rgba(237,87,64,.35);\n      outline-offset: 4px;\n    }\n\n\n    \/* =========================================================\n       BROWSER MOCKUP\n       ========================================================= *\/\n\n    .ws-demo-browser {\n      position: relative;\n\n      overflow: hidden;\n\n      border:\n        1px solid rgba(21,52,71,.12);\n\n      border-radius: 24px;\n\n      background: #071522;\n\n      box-shadow:\n        0 28px 75px rgba(21,52,71,.14);\n\n      transition:\n        transform .45s cubic-bezier(.22,1,.36,1),\n        box-shadow .45s ease;\n    }\n\n    .ws-demo-browser:hover {\n      transform: translateY(-8px);\n\n      box-shadow:\n        0 36px 90px rgba(21,52,71,.19);\n    }\n\n\n    \/* =========================================================\n       BROWSER HEADER\n       ========================================================= *\/\n\n    .ws-demo-browser__top {\n      display: flex;\n      align-items: center;\n      gap: 9px;\n\n      height: 54px;\n      padding: 0 20px;\n\n      border-bottom:\n        1px solid rgba(255,255,255,.08);\n\n      background: #0b1c2b;\n    }\n\n    .ws-demo-dot {\n      width: 9px;\n      height: 9px;\n\n      border-radius: 50%;\n\n      background: rgba(255,255,255,.22);\n    }\n\n   .ws-demo-address {\n  margin-left: 14px;\n\n  color: #ffffff;\n\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.2;\n}\n\n\n    \/* =========================================================\n       MOCK UI\n       ========================================================= *\/\n\n    .ws-demo-screen {\n      position: relative;\n\n      min-height: 520px;\n\n      padding: 42px 42px 70px;\n\n      overflow: hidden;\n\n      background:\n        radial-gradient(\n          circle at 72% 20%,\n          rgba(117,93,255,.20),\n          transparent 28%\n        ),\n        linear-gradient(\n          145deg,\n          #071522,\n          #0c2235\n        );\n    }\n\n    .ws-demo-screen::before {\n      content: \"\";\n\n      position: absolute;\n\n      width: 400px;\n      height: 400px;\n\n      right: -120px;\n      bottom: -160px;\n\n      border-radius: 50%;\n\n      background:\n        rgba(79,174,247,.13);\n\n      filter: blur(70px);\n    }\n\n\n    \/* =========================================================\n       MOCK NAV\n       ========================================================= *\/\n\n    .ws-demo-ui-nav {\n      display: flex;\n      gap: 22px;\n\n      margin-bottom: 42px;\n    }\n\n    .ws-demo-ui-nav span {\n  color: rgba(255,255,255,.88);\n\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n}\n\n.ws-demo-ui-nav span:first-child {\n  color: #79c8ff;\n}\n\n\n    \/* =========================================================\n       MOCK CONTENT\n       ========================================================= *\/\n\n    .ws-demo-ui-kicker {\n      color: #79c8ff;\n\n      font-size: 13px;\n      font-weight: 500;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    .ws-demo-ui-title {\n      max-width: 520px;\n\n      margin: 14px 0 32px;\n\n      color: #fff;\n\n      font-size: clamp(30px, 3vw, 42px);\n      font-weight: 300;\n      line-height: 1.08;\n      letter-spacing: -.03em;\n    }\n\n\n    \/* =========================================================\n       MINI CARDS\n       ========================================================= *\/\n\n    .ws-demo-mini-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n\n      max-width: 560px;\n    }\n\n    .ws-demo-mini-card {\n      min-height: 120px;\n\n      padding: 20px;\n\n      border:\n        1px solid rgba(255,255,255,.09);\n\n      border-radius: 14px;\n\n      background:\n        rgba(255,255,255,.045);\n    }\n\n    .ws-demo-mini-card span {\n      display: block;\n\n      margin-bottom: 10px;\n\n      color: #79c8ff;\n\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: .1em;\n    }\n\n    .ws-demo-mini-card strong {\n      color: #fff;\n\n      font-size: 18px;\n      font-weight: 400;\n      line-height: 1.3;\n    }\n\n\n    \/* =========================================================\n       START CONTROL\n       ========================================================= *\/\n\n    .ws-demo-start {\n  position: absolute;\n\n  right: 34px;\n  bottom: 48px;\n\n  display: flex;\n  align-items: center;\n  gap: 14px;\n\n  padding: 14px 18px;\ntext-decoration: none !important;\ncursor: pointer;\n  border:\n    1px solid rgba(121,200,255,.28);\n\n  border-radius: 12px;\n\n  background:\n    rgba(5,19,31,.92);\n\n  color: #fff;\n\n  font-size: 16px;\n  font-weight: 500;\n\n  box-shadow:\n    0 12px 30px rgba(0,0,0,.22);\n}\n\n      border:\n        1px solid rgba(121,200,255,.28);\n\n      border-radius: 12px;\n\n      background:\n        rgba(5,19,31,.84);\n\n      color: #fff;\n\n      font-size: 15px;\n      font-weight: 500;\n    }\n\n    .ws-demo-start__play {\n      display: grid;\n      place-items: center;\n\n      width: 38px;\n      height: 38px;\n\n      border-radius: 50%;\n\n      background:\n        linear-gradient(\n          135deg,\n          var(--ws-blue),\n          var(--ws-violet)\n        );\n\n      color: #fff;\n\n      font-size: 14px;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 950px) {\n\n      .ws-demo-inner {\n        grid-template-columns: 1fr;\n      }\n\n      .ws-demo-copy {\n        max-width: 760px;\n      }\n\n      .ws-demo-browser {\n        max-width: 800px;\n      }\n    }\n\n\n    @media (max-width: 650px) {\n\n      .ws-demo-inner {\n        width: calc(100% - 36px);\n\n        padding:\n          82px\n          0\n          96px;\n      }\n\n      .ws-demo-copy h2 {\n        font-size:\n          clamp(38px, 12vw, 52px);\n      }\n\n      .ws-demo-copy p {\n        font-size: 18px;\n      }\n\n      .ws-demo-screen {\n        min-height: 500px;\n        padding: 28px 22px;\n      }\n\n      .ws-demo-mini-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ws-demo-start {\n        right: 20px;\n        bottom: 20px;\n      }\n\n      .ws-demo-address {\n        display: none;\n      }\n    }\n\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .ws-demo-browser,\n      .ws-demo-button {\n        transition: none;\n      }\n    }\n\n  <\/style>\n\n\n  <div class=\"ws-demo-inner\">\n\n\n    <!-- COPY -->\n\n    <div class=\"ws-demo-copy\">\n\n      <div class=\"ws-demo-kicker\">\n        WITHSECURE DEMO CENTER\n      <\/div>\n\n      <h2 id=\"ws-demo-title\">\n        Nicht nur dar\u00fcber lesen.\n        <strong>Selbst ausprobieren.<\/strong>\n      <\/h2>\n\n      <p>\n        Im WithSecure Elements Demo Center k\u00f6nnen Sie zentrale Funktionen\n        direkt im Browser erkunden \u2013 von Exposure Management bis XDR.\n        Die interaktiven Product Tours funktionieren ohne Installation,\n        Registrierung oder Login.\n      <\/p>\n\n      <a class=\"ws-demo-button\" href=\"https:\/\/try.withsecure.com\/explore\" target=\"_blank\" rel=\"noopener noreferrer\">\n        Demo Center \u00f6ffnen\n      <\/a>\n\n    <\/div>\n\n\n    <!-- BROWSER MOCKUP -->\n\n   <div class=\"ws-demo-browser\"> \n\n\n      <div class=\"ws-demo-browser__top\">\n\n        <span class=\"ws-demo-dot\"><\/span>\n        <span class=\"ws-demo-dot\"><\/span>\n        <span class=\"ws-demo-dot\"><\/span>\n\n        <span class=\"ws-demo-address\">\n          WithSecure Elements \u00b7 Product Tour\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"ws-demo-screen\">\n\n        <div class=\"ws-demo-ui-nav\">\n\n          <span>\n            Elements\n          <\/span>\n\n          <span>\n            XDR\n          <\/span>\n\n          <span>\n            Exposure\n          <\/span>\n\n          <span>\n            Services\n          <\/span>\n\n        <\/div>\n\n\n        <span class=\"ws-demo-ui-kicker\">\n          INTERACTIVE PRODUCT TOUR\n        <\/span>\n\n        <div class=\"ws-demo-ui-title\">\n          Explore WithSecure Elements in a real-world security scenario.\n        <\/div>\n\n\n        <div class=\"ws-demo-mini-grid\">\n\n          <div class=\"ws-demo-mini-card\">\n\n            <span>\n              01\n            <\/span>\n\n            <strong>\n              Discover your attack surface\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"ws-demo-mini-card\">\n\n            <span>\n              02\n            <\/span>\n\n            <strong>\n              Investigate a detection\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"ws-demo-mini-card\">\n\n            <span>\n              03\n            <\/span>\n\n            <strong>\n              Understand the context\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"ws-demo-mini-card\">\n\n            <span>\n              04\n            <\/span>\n\n            <strong>\n              Take response action\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <a class=\"ws-demo-start\">\n\n          <span class=\"ws-demo-start__play\">\n            \u25b6\n          <\/span>\n\n          Start Product Tour\n\n        <\/a>\n\n      <\/div>\n\n  <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ws-why-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ws-why\" aria-labelledby=\"ws-why-title\">\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       WITHSECURE + INFINIGATE\r\n       ========================================================= *\/\r\n\r\n    .ws-why-wrap {\r\n      position: relative !important;\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n      margin-top: -64px !important;\r\n\r\n      padding: 0 !important;\r\n      overflow: visible !important;\r\n    }\r\n\r\n    .ws-why-wrap > .wp-block-group__inner-container,\r\n    .ws-why-wrap > .wp-block-html,\r\n    .ws-why-wrap .wp-block-html {\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .ws-why,\r\n    .ws-why * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ws-why {\r\n      --ig-blue: #153447;\r\n      --ws-blue: #79c8ff;\r\n      --ws-violet: #b69cff;\r\n\r\n      position: relative;\r\n\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n\r\n      margin-left: calc(50% - 50vw) !important;\r\n      margin-right: calc(50% - 50vw) !important;\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 85% 12%,\r\n          rgba(115,91,255,.14),\r\n          transparent 27%\r\n        ),\r\n        radial-gradient(\r\n          circle at 5% 80%,\r\n          rgba(79,174,247,.09),\r\n          transparent 28%\r\n        ),\r\n        #06131f;\r\n\r\n      color: #fff;\r\n      font-family: \"Outfit\", serif;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INNER\r\n       ========================================================= *\/\r\n\r\n    .ws-why-inner {\r\n      width: min(1280px, calc(100% - 48px));\r\n      margin: 0 auto;\r\n\r\n      padding:\r\n        clamp(110px, 11vw, 160px)\r\n        0\r\n        clamp(120px, 12vw, 175px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n       ========================================================= *\/\r\n\r\n    .ws-why-intro {\r\n      max-width: 850px;\r\n      margin-bottom: clamp(70px, 8vw, 105px);\r\n    }\r\n\r\n    .ws-why-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n\r\n      margin-bottom: 22px;\r\n\r\n      color: var(--ws-blue);\r\n\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      letter-spacing: .14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .ws-why-kicker::before {\r\n      content: \"\";\r\n\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--ws-blue),\r\n          var(--ws-violet)\r\n        );\r\n    }\r\n\r\n    .ws-why-intro h2 {\r\n      margin: 0;\r\n\r\n      color: #fff;\r\n\r\n      font-size: clamp(42px, 5.5vw, 66px);\r\n      font-weight: 300;\r\n      line-height: 1.04;\r\n      letter-spacing: -.035em;\r\n    }\r\n\r\n    .ws-why-intro h2 strong {\r\n      display: block;\r\n\r\n      font-weight: 500;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #ffffff,\r\n          #b8ddff 48%,\r\n          #c8b7ff\r\n        );\r\n\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REASONS\r\n       ========================================================= *\/\r\n\r\n    .ws-why-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n\r\n      border-top:\r\n        1px solid rgba(255,255,255,.12);\r\n\r\n      border-bottom:\r\n        1px solid rgba(255,255,255,.12);\r\n    }\r\n\r\n    .ws-why-item {\r\n      position: relative;\r\n\r\n      min-height: 420px;\r\n\r\n      padding:\r\n        44px\r\n        clamp(28px, 3vw, 44px)\r\n        48px;\r\n\r\n      border-right:\r\n        1px solid rgba(255,255,255,.12);\r\n\r\n      overflow: hidden;\r\n\r\n      transition:\r\n        background-color .4s ease;\r\n    }\r\n\r\n    .ws-why-item:last-child {\r\n      border-right: none;\r\n    }\r\n\r\n    .ws-why-item::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(121,200,255,.07),\r\n          rgba(182,156,255,.05)\r\n        );\r\n\r\n      opacity: 0;\r\n\r\n      transition:\r\n        opacity .4s ease;\r\n    }\r\n\r\n    .ws-why-item:hover::before {\r\n      opacity: 1;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       NUMBER\r\n       ========================================================= *\/\r\n\r\n    .ws-why-number {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      display: block;\r\n\r\n      margin-bottom: 62px;\r\n\r\n      color:\r\n        rgba(121,200,255,.68);\r\n\r\n      font-size: clamp(58px, 6vw, 92px);\r\n      font-weight: 300;\r\n      line-height: .8;\r\n      letter-spacing: -.06em;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n       ========================================================= *\/\r\n\r\n    .ws-why-item h3 {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      margin: 0 0 18px;\r\n\r\n      color: #fff;\r\n\r\n      font-size: 30px;\r\n      font-weight: 400;\r\n      line-height: 1.15;\r\n      letter-spacing: -.025em;\r\n    }\r\n\r\n    .ws-why-item p {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      margin: 0;\r\n\r\n      color:\r\n        rgba(255,255,255,.64);\r\n\r\n      font-size: 19px;\r\n      font-weight: 300;\r\n      line-height: 1.5;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BOTTOM STATEMENT\r\n       ========================================================= *\/\r\n\r\n    .ws-why-bottom {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 40px;\r\n\r\n      margin-top: 58px;\r\n    }\r\n\r\n    .ws-why-bottom p {\r\n      max-width: 760px;\r\n      margin: 0;\r\n\r\n      color:\r\n        rgba(255,255,255,.72);\r\n\r\n      font-size: 20px;\r\n      font-weight: 300;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .ws-why-bottom strong {\r\n      color: #fff;\r\n      font-weight: 500;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONTACT JUMP\r\n       ========================================================= *\/\r\n\r\n    .ws-why-contact {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n\r\n      flex: 0 0 auto;\r\n\r\n      color: var(--ws-blue) !important;\r\n\r\n      font-size: 17px;\r\n      font-weight: 500;\r\n\r\n      text-decoration: none !important;\r\n\r\n      transition:\r\n        color .3s ease,\r\n        transform .3s ease;\r\n    }\r\n\r\n    .ws-why-contact::after {\r\n      content: \"\u2193\";\r\n    }\r\n\r\n    .ws-why-contact:hover,\r\n    .ws-why-contact:focus-visible {\r\n      color: #fff !important;\r\n      transform: translateY(3px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width: 900px) {\r\n\r\n      .ws-why-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ws-why-item {\r\n        min-height: 0;\r\n\r\n        border-right: none;\r\n        border-bottom:\r\n          1px solid rgba(255,255,255,.12);\r\n      }\r\n\r\n      .ws-why-item:last-child {\r\n        border-bottom: none;\r\n      }\r\n\r\n      .ws-why-number {\r\n        margin-bottom: 36px;\r\n      }\r\n    }\r\n\r\n\r\n    @media (max-width: 650px) {\r\n\r\n      .ws-why-inner {\r\n        width: calc(100% - 36px);\r\n\r\n        padding:\r\n          82px\r\n          0\r\n          96px;\r\n      }\r\n\r\n      .ws-why-intro h2 {\r\n        font-size:\r\n          clamp(38px, 12vw, 52px);\r\n      }\r\n\r\n      .ws-why-item {\r\n        padding:\r\n          34px\r\n          24px\r\n          38px;\r\n      }\r\n\r\n      .ws-why-item p {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .ws-why-bottom {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .ws-why-bottom p {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n      .ws-why-item::before,\r\n      .ws-why-contact {\r\n        transition: none;\r\n      }\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <div class=\"ws-why-inner\">\r\n\r\n\r\n    <!-- INTRO -->\r\n\r\n    <header class=\"ws-why-intro\">\r\n\r\n      <div class=\"ws-why-kicker\">\r\n        WITHSECURE + INFINIGATE\r\n      <\/div>\r\n\r\n      <h2 id=\"ws-why-title\">\r\n        Europ\u00e4ische Security.\r\n        <strong>Mit lokalem R\u00fcckhalt.<\/strong>\r\n      <\/h2>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- REASONS -->\r\n\r\n    <div class=\"ws-why-grid\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <article class=\"ws-why-item\">\r\n\r\n        <span class=\"ws-why-number\">\r\n          01\r\n        <\/span>\r\n\r\n        <h3>\r\n          European by design\r\n        <\/h3>\r\n\r\n        <p>\r\n          WithSecure entwickelt und betreibt Cybersecurity\r\n          mit europ\u00e4ischem Fokus. Datenverarbeitung,\r\n          Security Operations und regulatorische Anforderungen\r\n          wie DSGVO, NIS2 und DORA sind Teil dieses Ansatzes.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <article class=\"ws-why-item\">\r\n\r\n        <span class=\"ws-why-number\">\r\n          02\r\n        <\/span>\r\n\r\n        <h3>\r\n          Built for the mid-market\r\n        <\/h3>\r\n\r\n        <p>\r\n          Elements verbindet Enterprise-Security mit einem\r\n          Betriebsmodell, das auch f\u00fcr mittelst\u00e4ndische\r\n          Unternehmen funktioniert \u2013 unabh\u00e4ngig davon,\r\n          wie gross das eigene Security-Team ist.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <article class=\"ws-why-item\">\r\n\r\n        <span class=\"ws-why-number\">\r\n          03\r\n        <\/span>\r\n\r\n        <h3>\r\n          Backed by Infinigate\r\n        <\/h3>\r\n\r\n        <p>\r\n          Unsere Partner erhalten nicht nur Zugang zur\r\n          WithSecure-Plattform, sondern Unterst\u00fctzung bei\r\n          Presales, Positionierung, Enablement und der\r\n          Umsetzung konkreter Kundenprojekte.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM -->\r\n\r\n    <div class=\"ws-why-bottom\">\r\n\r\n      <p>\r\n        Sie m\u00f6chten herausfinden, <strong>wo WithSecure in Ihr\r\n        Portfolio passt<\/strong> oder welche L\u00f6sung sich f\u00fcr ein\r\n        konkretes Kundenprojekt eignet? Dann sprechen Sie direkt\r\n        mit unserem WithSecure-Team.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"ws-why-contact\"\r\n        href=\"#kontakt\">\r\n        Zum Kontakt\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull ws-contact-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"ws-contact\" id=\"kontakt\" aria-labelledby=\"ws-contact-title\">\n\n  <style>\n    \/* =========================================================\n       WITHSECURE CONTACT\n       ========================================================= *\/\n\n    .ws-contact-wrap {\n      position: relative !important;\n      width: 100vw !important;\n      max-width: 100vw !important;\n\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      margin-top: -64px !important;\n\n      padding: 0 !important;\n      overflow: visible !important;\n    }\n\n    .ws-contact-wrap > .wp-block-group__inner-container,\n    .ws-contact-wrap > .wp-block-html,\n    .ws-contact-wrap .wp-block-html {\n      width: 100% !important;\n      max-width: none !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    .ws-contact,\n    .ws-contact * {\n      box-sizing: border-box;\n    }\n\n    .ws-contact {\n      --ig-blue: #153447;\n      --ig-coral: #ed5740;\n      --ws-blue: #79c8ff;\n      --ws-violet: #b69cff;\n\n      position: relative;\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      overflow: hidden;\n\n      background:\n        radial-gradient(\n          circle at 82% 20%,\n          rgba(141,115,232,.12),\n          transparent 28%\n        ),\n        radial-gradient(\n          circle at 10% 80%,\n          rgba(79,174,247,.08),\n          transparent 30%\n        ),\n        #f7faff;\n\n      font-family: \"Outfit\", serif;\n      color: var(--ig-blue);\n    }\n\n\n    \/* =========================================================\n       INNER\n       ========================================================= *\/\n\n    .ws-contact-inner {\n      width: min(1280px, calc(100% - 48px));\n      margin: 0 auto;\n\n      display: grid;\n      grid-template-columns: .8fr 1.2fr;\n      gap: clamp(60px, 8vw, 110px);\n      align-items: start;\n\n      padding:\n        clamp(110px, 11vw, 160px)\n        0\n        clamp(120px, 12vw, 170px);\n    }\n\n\n    \/* =========================================================\n       COPY\n       ========================================================= *\/\n\n    .ws-contact-copy {\n      max-width: 560px;\n      padding-top: 20px;\n    }\n\n    .ws-contact-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n\n      margin-bottom: 22px;\n\n      color: #4faef7;\n\n      font-size: 14px;\n      font-weight: 500;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n    .ws-contact-kicker::before {\n      content: \"\";\n\n      width: 34px;\n      height: 1px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ws-blue),\n          var(--ws-violet)\n        );\n    }\n\n    .ws-contact-copy h2 {\n      margin: 0;\n\n      color: var(--ig-blue);\n\n      font-size: clamp(42px, 5.5vw, 66px);\n      font-weight: 300;\n      line-height: 1.04;\n      letter-spacing: -.035em;\n    }\n\n    .ws-contact-copy h2 strong {\n      display: block;\n      font-weight: 500;\n    }\n\n    .ws-contact-copy p {\n      margin: 28px 0 0;\n\n      color: #657580;\n\n      font-size: 20px;\n      font-weight: 300;\n      line-height: 1.45;\n    }\n\n\n    \/* =========================================================\n       CONTACT NOTE\n       ========================================================= *\/\n\n    .ws-contact-note {\n      margin-top: 34px;\n      padding-top: 28px;\n\n      border-top: 1px solid rgba(21,52,71,.10);\n    }\n\n    .ws-contact-note span {\n      display: block;\n\n      color: #4faef7;\n\n      font-size: 13px;\n      font-weight: 500;\n      letter-spacing: .1em;\n      text-transform: uppercase;\n    }\n\n    .ws-contact-note p {\n      margin: 10px 0 0;\n\n      color: #153447;\n\n      font-size: 18px;\n      font-weight: 400;\n      line-height: 1.45;\n    }\n.ws-contact-direct {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  margin-top: 18px;\n}\n\n.ws-contact-direct a {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n\n  color: #153447 !important;\n\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 1.35;\n\n  text-decoration: none !important;\n\n  transition:\n    color .3s ease,\n    transform .3s ease;\n}\n\n.ws-contact-direct a:hover,\n.ws-contact-direct a:focus-visible {\n  color: #4faef7 !important;\n  transform: translateX(3px);\n}\n\n.ws-contact-direct a:focus-visible {\n  outline: 2px solid rgba(79,174,247,.45);\n  outline-offset: 4px;\n}\n\n    \/* =========================================================\n       FORM CARD\n       ========================================================= *\/\n\n    .ws-contact-form {\n      position: relative;\n\n      padding: clamp(30px, 4vw, 46px);\n\n      border: 1px solid rgba(21,52,71,.10);\n      border-radius: 24px;\n\n      background: #ffffff;\n\n      box-shadow:\n        0 24px 70px rgba(21,52,71,.10);\n    }\n\n    .ws-contact-form::before {\n      content: \"\";\n\n      position: absolute;\n      top: 0;\n      right: 38px;\n      left: 38px;\n\n      height: 2px;\n\n      border-radius: 999px;\n\n      background:\n        linear-gradient(\n          90deg,\n          var(--ws-blue),\n          var(--ws-violet)\n        );\n    }\n\n\n    \/* =========================================================\n       GRAVITY FORMS\n       ========================================================= *\/\n\n    .ws-contact-form .gform_wrapper {\n      margin: 0 !important;\n      font-family: \"Outfit\", serif !important;\n    }\n\n    .ws-contact-form .gform_title {\n      margin-bottom: 26px !important;\n\n      color: #153447 !important;\n\n      font-size: 30px !important;\n      font-weight: 400 !important;\n      line-height: 1.2 !important;\n    }\n\n    .ws-contact-form .gfield_label,\n    .ws-contact-form legend.gfield_label {\n      color: #153447 !important;\n\n      font-size: 16px !important;\n      font-weight: 500 !important;\n    }\n\n    .ws-contact-form input[type=\"text\"],\n    .ws-contact-form input[type=\"email\"],\n    .ws-contact-form input[type=\"tel\"],\n    .ws-contact-form input[type=\"url\"],\n    .ws-contact-form input[type=\"number\"],\n    .ws-contact-form select,\n    .ws-contact-form textarea {\n      width: 100% !important;\n\n      border: 1px solid rgba(21,52,71,.14) !important;\n      border-radius: 8px !important;\n\n      background: #f9fbfd !important;\n      color: #153447 !important;\n\n      font-family: \"Outfit\", serif !important;\n      font-size: 17px !important;\n      font-weight: 300 !important;\n\n      box-shadow: none !important;\n\n      transition:\n        border-color .25s ease,\n        background-color .25s ease,\n        box-shadow .25s ease;\n    }\n\n    .ws-contact-form input[type=\"text\"],\n    .ws-contact-form input[type=\"email\"],\n    .ws-contact-form input[type=\"tel\"],\n    .ws-contact-form input[type=\"url\"],\n    .ws-contact-form input[type=\"number\"],\n    .ws-contact-form select {\n      min-height: 52px !important;\n      padding: 10px 14px !important;\n    }\n\n    .ws-contact-form textarea {\n      min-height: 130px !important;\n      padding: 12px 14px !important;\n    }\n\n    .ws-contact-form input:focus,\n    .ws-contact-form select:focus,\n    .ws-contact-form textarea:focus {\n      border-color: rgba(79,174,247,.65) !important;\n\n      background: #ffffff !important;\n\n      box-shadow:\n        0 0 0 3px rgba(79,174,247,.10) !important;\n\n      outline: none !important;\n    }\n\n\n    \/* =========================================================\n       CHECKBOX \/ CONSENT\n       ========================================================= *\/\n\n    .ws-contact-form .gfield_checkbox label,\n    .ws-contact-form .gfield_radio label,\n    .ws-contact-form .gfield_description,\n    .ws-contact-form .gfield_consent_description {\n      color: #657580 !important;\n\n      font-size: 15px !important;\n      font-weight: 300 !important;\n      line-height: 1.45 !important;\n    }\n\n    .ws-contact-form a {\n      color: #4faef7 !important;\n    }\n\n\n    \/* =========================================================\n       SUBMIT\n       ========================================================= *\/\n\n    .ws-contact-form .gform_button,\n    .ws-contact-form input[type=\"submit\"] {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n\n      min-height: 52px !important;\n\n      padding: .8em 1.5em !important;\n\n      border: 1px solid var(--ig-coral) !important;\n      border-radius: 6px !important;\n\n      background: #ffffff !important;\n\n      color: var(--ig-coral) !important;\n\n      font-family: \"Outfit\", serif !important;\n      font-size: 18px !important;\n      font-weight: 500 !important;\n      line-height: 28px !important;\n\n      cursor: pointer !important;\n\n      transition:\n        background-color .3s ease,\n        color .3s ease,\n        transform .3s ease !important;\n    }\n\n    .ws-contact-form .gform_button:hover,\n    .ws-contact-form input[type=\"submit\"]:hover,\n    .ws-contact-form .gform_button:focus-visible,\n    .ws-contact-form input[type=\"submit\"]:focus-visible {\n      background: var(--ig-coral) !important;\n      color: #ffffff !important;\n\n      transform: translateY(-2px);\n    }\n\n\n    \/* =========================================================\n       VALIDATION\n       ========================================================= *\/\n\n    .ws-contact-form .gfield_error input,\n    .ws-contact-form .gfield_error select,\n    .ws-contact-form .gfield_error textarea {\n      border-color: var(--ig-coral) !important;\n    }\n\n    .ws-contact-form .validation_message,\n    .ws-contact-form .gfield_validation_message,\n    .ws-contact-form .gform_validation_errors {\n      color: #b63f2d !important;\n    }\n\n\n    \/* =========================================================\n       CONFIRMATION\n       ========================================================= *\/\n\n    .ws-contact-form .gform_confirmation_message {\n      color: #153447 !important;\n\n      font-size: 20px !important;\n      font-weight: 300 !important;\n      line-height: 1.5 !important;\n    }\n\n\n    \/* =========================================================\n       RESPONSIVE\n       ========================================================= *\/\n\n    @media (max-width: 950px) {\n\n      .ws-contact-inner {\n        grid-template-columns: 1fr;\n      }\n\n      .ws-contact-copy {\n        max-width: 760px;\n      }\n    }\n\n\n    @media (max-width: 650px) {\n\n      .ws-contact-inner {\n        width: calc(100% - 36px);\n\n        padding:\n          82px\n          0\n          96px;\n      }\n\n      .ws-contact-copy h2 {\n        font-size:\n          clamp(38px, 12vw, 52px);\n      }\n\n      .ws-contact-copy p {\n        font-size: 18px;\n      }\n\n      .ws-contact-form {\n        padding: 26px 22px;\n        border-radius: 18px;\n      }\n    }\n\n  <\/style>\n\n\n  <div class=\"ws-contact-inner\">\n\n\n    <!-- COPY -->\n\n    <div class=\"ws-contact-copy\">\n\n      <div class=\"ws-contact-kicker\">\n        KONTAKT\n      <\/div>\n\n      <h2 id=\"ws-contact-title\">\n        WithSecure f\u00fcr Ihr\n        <strong>n\u00e4chstes Kundenprojekt.<\/strong>\n      <\/h2>\n\n      <p>\n        Sie m\u00f6chten WithSecure in Ihr Portfolio aufnehmen, eine\n        bestehende Kundenumgebung bewerten oder kl\u00e4ren, welche\n        Elements-L\u00f6sung am besten passt? Unser Team unterst\u00fctzt Sie\n        bei der Einordnung und den n\u00e4chsten Schritten.\n      <\/p>\n\n      <div class=\"ws-contact-note\">\n\n  <span>\n    INFINIGATE DEUTSCHLAND\n  <\/span>\n\n  <p>\n    Sprechen Sie direkt mit unserem WithSecure-Team.\n  <\/p>\n\n  <div class=\"ws-contact-direct\">\n\n    <a href=\"tel:+498989048544\">\n      +49 89 89048-544\n    <\/a>\n\n    <a href=\"mailto:withsecure@infinigate.de\">\n      withsecure@infinigate.de\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n    <\/div>\n\n\n    <!-- FORM -->\n\n    <div class=\"ws-contact-form\">\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_221' ><div id='gf_221' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">Kontakt zum WithSecure Team<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>\u201e<span class=\"gfield_required gfield_required_asterisk\">*<\/span>\u201c zeigt erforderliche Felder an<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data'  id='gform_221'  action='\/de\/wp-json\/wp\/v2\/vendor\/52709#gf_221' data-formid='221' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_221' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_221_15\" 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_221_15'><span class='gform-field-label__text'>Email<\/span><\/label><div class='gfield_description' id='gfield_description_221_15'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_15' id='input_221_15' type='text' value='' autocomplete='new-password'\/><\/div><\/div><div id=\"field_221_1\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half 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_221_1'><span class='gform-field-label__text'>Name<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_221_1' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_221_3\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half 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_221_3'><span class='gform-field-label__text'>E-Mail<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_3' id='input_221_3' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_221_14\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half 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_221_14'><span class='gform-field-label__text'>Firma<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_14' id='input_221_14' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_221_4\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--phone-format-international gfield--width-half field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_221_4'><span class='gform-field-label__text'>Telefon<\/span><\/label><div class='ginput_container ginput_container_phone'><input name='input_4' id='input_221_4' type='tel' value='' class='large'    aria-invalid=\"false\"    \/><\/div><\/div><div id=\"field_221_9\" 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_221_9'><span class='gform-field-label__text'>Wie k\u00f6nnen wir helfen?<\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_9' id='input_221_9' class='textarea medium'      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_221_12\" class=\"gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox 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'>Datenschutzbestimmungen<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_221_12'><div class='gchoice gchoice_221_12_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_12.1' type='checkbox'  value='Ich habe zur Kenntnis genommen, dass die Kontaktaufnahme durch Infinigate streng nach den Bestimmungen der &lt;a href=&quot;\/datenschutz\/&quot;&gt; Datenschutz &lt;\/a&gt; erfolgt.'  id='choice_221_12_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_221_12_1' id='label_221_12_1' class='gform-field-label gform-field-label--type-inline'>Ich habe zur Kenntnis genommen, dass die Kontaktaufnahme durch Infinigate streng nach den Bestimmungen der <a href=\"\/datenschutz\/\"> Datenschutz <\/a> erfolgt.<\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_221' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Absenden<\/button> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_221' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_221' id='gform_theme_221' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_221' id='gform_style_settings_221' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_221' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='221' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='USD' value='ZAdLJQ\/NezOhEdqDiPfJzSoyFS0p5IMy41ao9utAS1Z+zu4T5h1LAx2xx4S3Ln29znxPemMNEMD6zEzF2Ini1DRyyHK4K8r8V1CuRvA91dVQ06U=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_221' value='WyJ7XCIxMi4xXCI6XCJjNTkyNzk2ODA0ZDk0ODgzZDUwMDNhZDU1NjYzM2ZmOVwiLFwiZ2Zvcm1fc3VibWlzc2lvbl9tZXRob2RcIjpbXCJlZjM4ZjVjZDUyNmNlOWI5MzlkOGZmMTM2YWNkMGRhNlwiLFwiNTkxNWEwYjQ2ZTkwMzU0Y2IwODQ5OWFlMTVjOTM5MDBcIl0sXCJnZm9ybV90aGVtZVwiOlwiZDFiZmRjM2JkYjVjMWIxZDg3MmVmMjMwNDBlYjA3MjdcIixcImdmb3JtX3N0eWxlX3NldHRpbmdzXCI6XCI4ZGViODcxNjBiYTQ1NTM2NTkxNTkxOGM1OGQxNGI4ZVwiLFwiZm9ybV9pZFwiOlwiNzQ0ZTdiM2VhMjcwZTk1OWY0OTU3Njg4YzE0MmE4MzJcIixcInVybFwiOlwiNTc0OGU2MTc4MzE3ZWU3NDg1M2M1NmEyMjc5ZmUzNmFcIixcInN0YXRlX3RpbWVzdGFtcFwiOlwiN2Y2YTlhZDY4MzM3ZjJlMGJhYzgxMjdhYTJhMDg4YzNcIn0iLCI4M2U0Y2U3ZjkyY2M5ZTJhMjdjZjkyYjlmMzJlMjlmOSIsMTc5MjE5Mzg5NV0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_221' id='gform_target_page_number_221' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_221' id='gform_source_page_number_221' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Von Exposure Management und XDR bis zu KI-gest\u00fctzter Analyse und Co-Security Services.<\/p>\n","protected":false},"author":74,"featured_media":52711,"parent":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"technologies":[],"vendor-tag":[],"vendor_folder":[651],"class_list":["post-52709","vendor","type-vendor","status-publish","has-post-thumbnail","hentry"],"acf":[],"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Infinigate | Deutschland","distributor_original_site_url":"https:\/\/www.infinigate.com\/de","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/vendor\/52709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/vendor"}],"about":[{"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/types\/vendor"}],"author":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/users\/74"}],"version-history":[{"count":4,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/vendor\/52709\/revisions"}],"predecessor-version":[{"id":52720,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/vendor\/52709\/revisions\/52720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/media\/52711"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/media?parent=52709"}],"wp:term":[{"taxonomy":"technologies","embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/technologies?post=52709"},{"taxonomy":"vendor-tag","embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/vendor-tag?post=52709"},{"taxonomy":"vendor_folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/vendor_folder?post=52709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}