{"id":24168,"date":"2026-07-21T12:33:09","date_gmt":"2026-07-21T10:33:09","guid":{"rendered":"https:\/\/www.infinigate.com\/ch\/?page_id=24168"},"modified":"2026-07-22T12:26:35","modified_gmt":"2026-07-22T10:26:35","slug":"thales-invisible-by-design","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/ch\/en\/thales-invisible-by-design\/","title":{"rendered":"Thales Invisible by Design"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull thales-sticky-nav-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<nav class=\"thales-side-nav\" aria-label=\"Seitennavigation Invisible by Design\">\n  <a href=\"#thales-einstieg\">\n    <span>01<\/span>\n    Introduction\n  <\/a>\n\n  <a href=\"#thales-zahlen\">\n    <span>02<\/span>\n    The figures\n  <\/a>\n\n  <a href=\"#thales-angriffe\">\n    <span>03<\/span>\n    Real-world attacks\n  <\/a>\n\n  <a href=\"#thales-reality\">\n    <span>04<\/span>\n    Reality check\n  <\/a>\n\n  <a href=\"#thales-report\">\n    <span>05<\/span>\n    Report\n  <\/a>\n\n  <a href=\"#thales-kontakt\">\n    <span>06<\/span>\n    Contact\n  <\/a>\n<\/nav>\n\n<style>\n\/* WordPress-Wrapper *\/\n\nbody.page-id-24168 .thales-sticky-nav-wrap,\nbody.page-id-24168 .thales-sticky-nav-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: visible !important;\n  background: transparent !important;\n}\n\n\/* Schwebende Navigation *\/\n\n.thales-side-nav,\n.thales-side-nav * {\n  box-sizing: border-box;\n}\n\n.thales-side-nav {\n  --thales-nav-coral: #ed5740;\n  --thales-nav-blue: #153447;\n\n  position: fixed;\n  top: 50%;\n  left: 18px;\n  z-index: 90000;\n\n  display: flex;\n  flex-direction: column;\n\n  width: 214px;\n  padding: 11px;\n\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n\n  border: 1px solid rgba(255, 255, 255, 0.82);\n  border-radius: 16px;\n  background: rgba(242, 246, 248, 0.84);\n\n  box-shadow:\n    0 22px 60px rgba(0, 0, 0, 0.34),\n    0 0 0 1px rgba(21, 52, 71, 0.05),\n    inset 0 1px 0 rgba(255, 255, 255, 0.9);\n\n  backdrop-filter: blur(18px) saturate(125%);\n  -webkit-backdrop-filter: blur(18px) saturate(125%);\n\n  transform: translate(-22px, -50%);\n\n  transition:\n    opacity 0.35s ease,\n    visibility 0.35s ease,\n    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-side-nav.is-visible {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translate(0, -50%);\n}\n\n.thales-side-nav a {\n  position: relative;\n\n  display: grid;\n  grid-template-columns: 29px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n\n  min-height: 51px;\n  padding: 10px 13px;\n\n  color: rgba(21, 52, 71, 0.82) !important;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  background: transparent;\n\n  font-family: \"Outfit\", serif;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.25;\n  text-decoration: none !important;\n\n  transition:\n    color 0.3s ease,\n    border-color 0.3s ease,\n    background-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n.thales-side-nav a span {\n  color: rgba(237, 87, 64, 0.98);\n  font-size: 15px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n}\n\n.thales-side-nav a::before {\n  content: \"\";\n\n  position: absolute;\n  top: 50%;\n  left: 3px;\n\n  width: 3px;\n  height: 23px;\n\n  border-radius: 99px;\n  background: var(--thales-nav-coral);\n  opacity: 0;\n\n  transform:\n    translateY(-50%)\n    scaleY(0.25);\n\n  transition:\n    opacity 0.3s ease,\n    transform 0.3s ease;\n}\n\n.thales-side-nav a:hover,\n.thales-side-nav a:focus-visible {\n  color: var(--thales-nav-blue) !important;\n  border-color: rgba(237, 87, 64, 0.3);\n  background: rgba(255, 255, 255, 0.82);\n\n  box-shadow: 0 7px 18px rgba(21, 52, 71, 0.08);\n  transform: translateX(3px);\n}\n\n.thales-side-nav a.is-active {\n  color: #ffffff !important;\n  border-color: var(--thales-nav-coral);\n  background: var(--thales-nav-coral);\n\n  box-shadow:\n    0 9px 22px rgba(237, 87, 64, 0.22),\n    inset 0 1px 0 rgba(255, 255, 255, 0.18);\n}\n\n.thales-side-nav a.is-active::before {\n  opacity: 1;\n  background: #ffffff;\n\n  transform:\n    translateY(-50%)\n    scaleY(1);\n}\n\n.thales-side-nav a.is-active span {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.thales-side-nav a:focus-visible {\n  outline: 2px solid var(--thales-nav-coral);\n  outline-offset: 3px;\n}\n\n\/* Navigation bei ge\u00f6ffneten Dialogen ausblenden *\/\n\nbody.thales-video-open .thales-side-nav,\nbody.thales-report-modal-open .thales-side-nav,\nbody.thales-contact-modal-open .thales-side-nav {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n\/* Sprungziele *\/\n\n#thales-einstieg,\n#thales-zahlen,\n#thales-videos,\n#thales-angriffe,\n#thales-reality,\n#thales-report,\n#thales-kontakt {\n  scroll-margin-top: 105px;\n}\n\n\/* Tablet und Mobil *\/\n\n@media (max-width: 1180px) {\n  .thales-side-nav {\n    top: auto;\n    right: 14px;\n    bottom: 14px;\n    left: 14px;\n\n    flex-direction: row;\n\n    width: auto;\n    padding: 8px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    border-radius: 12px;\n    transform: translateY(22px);\n    scrollbar-width: none;\n  }\n\n  .thales-side-nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  .thales-side-nav.is-visible {\n    transform: translateY(0);\n  }\n\n  .thales-side-nav a {\n    flex: 0 0 auto;\n    display: flex;\n\n    min-width: 132px;\n    min-height: 48px;\n    padding: 10px 13px;\n\n    font-size: 14px;\n    white-space: nowrap;\n  }\n\n  .thales-side-nav a::before {\n    top: auto;\n    right: 12px;\n    bottom: 2px;\n    left: 12px;\n\n    width: auto;\n    height: 2px;\n    transform: scaleX(0.2);\n  }\n\n  .thales-side-nav a.is-active::before {\n    transform: scaleX(1);\n  }\n}\n\n@media (max-width: 520px) {\n  .thales-side-nav {\n    right: 8px;\n    bottom: 8px;\n    left: 8px;\n  }\n\n  .thales-side-nav a {\n    min-width: 116px;\n    min-height: 46px;\n    padding: 9px 11px;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html {\n    scroll-behavior: auto;\n  }\n\n  .thales-side-nav,\n  .thales-side-nav * {\n    transition: none;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const nav = document.querySelector(\".thales-side-nav\");\n\n  if (!nav || nav.dataset.initialised === \"true\") return;\n\n  nav.dataset.initialised = \"true\";\n\n  document.body.appendChild(nav);\n\n  const links = Array.from(\n    nav.querySelectorAll('a[href^=\"#\"]')\n  );\n\n  const sections = links\n    .map(function (link) {\n      return document.querySelector(\n        link.getAttribute(\"href\")\n      );\n    })\n    .filter(Boolean);\n\n  const firstSection = document.querySelector(\"#thales-einstieg\");\n\n  function getAdminBarHeight() {\n    const adminBar = document.querySelector(\"#wpadminbar\");\n\n    if (!adminBar) return 0;\n\n    const bounds = adminBar.getBoundingClientRect();\n\n    return bounds.bottom > 0\n      ? bounds.height\n      : 0;\n  }\n\n  function getTriggerPosition() {\n    if (!firstSection) {\n      return window.innerHeight * 0.75;\n    }\n\n    return (\n      firstSection.getBoundingClientRect().top +\n      window.scrollY\n    );\n  }\n\n  function updateVisibility() {\n    const shouldShow =\n      window.scrollY + getAdminBarHeight() >=\n      getTriggerPosition() - 30;\n\n    nav.classList.toggle(\n      \"is-visible\",\n      shouldShow\n    );\n  }\n\n  links.forEach(function (link) {\n    link.addEventListener(\n      \"click\",\n      function (event) {\n        const target = document.querySelector(\n          link.getAttribute(\"href\")\n        );\n\n        if (!target) return;\n\n        event.preventDefault();\n\n        const reduceMotion = window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n        target.scrollIntoView({\n          behavior: reduceMotion\n            ? \"auto\"\n            : \"smooth\",\n          block: \"start\"\n        });\n      }\n    );\n  });\n\n  if (\n    \"IntersectionObserver\" in window &&\n    sections.length\n  ) {\n    const observer = new IntersectionObserver(\n      function (entries) {\n        const visibleEntries = entries\n          .filter(function (entry) {\n            return entry.isIntersecting;\n          })\n          .sort(function (first, second) {\n            return (\n              second.intersectionRatio -\n              first.intersectionRatio\n            );\n          });\n\n        if (!visibleEntries.length) return;\n\n        const activeId = visibleEntries[0].target.id;\n\n        links.forEach(function (link) {\n          const isActive =\n            link.getAttribute(\"href\") ===\n            \"#\" + activeId;\n\n          link.classList.toggle(\n            \"is-active\",\n            isActive\n          );\n\n          if (isActive) {\n            link.setAttribute(\n              \"aria-current\",\n              \"location\"\n            );\n          } else {\n            link.removeAttribute(\n              \"aria-current\"\n            );\n          }\n        });\n\n        const activeLink = nav.querySelector(\"a.is-active\");\n\n        if (\n          activeLink &&\n          window.innerWidth <= 1180\n        ) {\n          activeLink.scrollIntoView({\n            behavior: \"smooth\",\n            block: \"nearest\",\n            inline: \"center\"\n          });\n        }\n      },\n      {\n        rootMargin: \"-22% 0px -58% 0px\",\n        threshold: [0, 0.08, 0.2, 0.4]\n      }\n    );\n\n    sections.forEach(function (section) {\n      observer.observe(section);\n    });\n  }\n\n  updateVisibility();\n\n  window.addEventListener(\n    \"scroll\",\n    updateVisibility,\n    { passive: true }\n  );\n\n  window.addEventListener(\n    \"resize\",\n    updateVisibility\n  );\n\n  window.addEventListener(\n    \"load\",\n    updateVisibility\n  );\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull thales-reveal-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<section class=\"thales-reveal\" id=\"thales-einstieg\" aria-labelledby=\"thales-reveal-title\">\n  <canvas class=\"thales-reveal__network\" aria-hidden=\"true\"><\/canvas>\n\n  <div class=\"thales-reveal__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"thales-reveal__glow thales-reveal__glow--one\" aria-hidden=\"true\"><\/div>\n  <div class=\"thales-reveal__glow thales-reveal__glow--two\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"thales-reveal__scanner\" aria-hidden=\"true\">\n    <span><\/span>\n  <\/div>\n\n  <div class=\"thales-reveal__inner\">\n    <div class=\"thales-reveal__intro thales-reveal__animate\">\n      <span class=\"thales-reveal__eyebrow\">Beneath the surface<\/span>\n\n      <h2 id=\"thales-reveal-title\">\n        What you see is only<br>\n        <span>half the truth.<\/span>\n      <\/h2>\n\n      <p class=\"thales-reveal__lead\">\n        Bots analyse prices, take over customer accounts, attack APIs\n        and manipulate business processes. Often without anyone even noticing.\n      <\/p>\n    <\/div>\n\n    <div class=\"thales-reveal__evidence thales-reveal__animate\">\n      <div class=\"thales-reveal__signal\" aria-hidden=\"true\">\n        <span class=\"thales-reveal__signal-line\"><\/span>\n        <span class=\"thales-reveal__signal-dot\"><\/span>\n      <\/div>\n\n      <div class=\"thales-reveal__copy\">\n        <span class=\"thales-reveal__label\">New attack patterns identified<\/span>\n\n        <p>\n          With artificial intelligence, bots are becoming smarter, faster\n          and harder to detect. They navigate websites, customer portals and apps just like real visitors,\n          or access\n          the underlying APIs directly.\n        <\/p>\n\n        <p class=\"thales-reveal__statement\">\n          The key question is no longer whether bots are active.\n          Rather, it is which forms of automation are legitimate and which ones\n          are harmful to your business.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"thales-reveal__status thales-reveal__animate\" aria-label=\"Analyse-Status\">\n      <div class=\"thales-reveal__status-item\" tabindex=\"0\">\n        <span class=\"thales-reveal__status-key\">Traffic<\/span>\n        <span class=\"thales-reveal__status-value\">Analysed<\/span>\n      <\/div>\n\n      <div class=\"thales-reveal__status-item\" tabindex=\"0\">\n        <span class=\"thales-reveal__status-key\">API activity<\/span>\n        <span class=\"thales-reveal__status-value\">Recognised<\/span>\n      <\/div>\n\n      <div class=\"thales-reveal__status-item\" tabindex=\"0\">\n        <span class=\"thales-reveal__status-key\">Identity<\/span>\n        <span class=\"thales-reveal__status-value\">Unknown<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\nbody.page-id-24168 {\n  overflow-x: clip;\n}\n\n.thales-reveal,\n.thales-reveal * {\n  box-sizing: border-box;\n}\n\n.thales-reveal {\n  --thales-orange: #ed5740;\n  --thales-dark: #07151d;\n  --thales-text: #ffffff;\n\n  position: relative;\n  width: 100%;\n  max-width: none;\n  min-height: 760px;\n  margin: 0;\n\n  padding: clamp(85px, 8vw, 120px) 24px\n           clamp(65px, 7vw, 95px);\n\n  overflow: hidden;\n  isolation: isolate;\n  color: var(--thales-text);\n  font-family: \"Outfit\", serif;\n  background:\n    radial-gradient(circle at 76% 32%, rgba(33, 87, 110, 0.10), transparent 34%),\n    linear-gradient(145deg, #061219 0%, #091a23 48%, #07151d 100%);\n}\n\n.thales-reveal::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  background:\n    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px),\n    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px);\n  background-size: 72px 72px;\n  mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 82%, transparent);\n}\n\n.thales-reveal__inner {\n  position: relative;\n  z-index: 5;\n  width: min(1240px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.thales-reveal__network {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  opacity: 0.75;\n  pointer-events: none;\n}\n\n.thales-reveal__grid {\n  position: absolute;\n  top: 16%;\n  right: -10%;\n  z-index: 1;\n  width: min(760px, 75vw);\n  aspect-ratio: 1;\n  border: 1px solid rgba(255, 255, 255, 0.055);\n  border-radius: 50%;\n  opacity: 0.75;\n  pointer-events: none;\n}\n\n.thales-reveal__grid::before,\n.thales-reveal__grid::after {\n  content: \"\";\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.065);\n  border-radius: inherit;\n}\n\n.thales-reveal__grid::before { inset: 14%; }\n.thales-reveal__grid::after { inset: 30%; }\n\n.thales-reveal__glow {\n  position: absolute;\n  z-index: 1;\n  width: 420px;\n  height: 420px;\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: 0.12;\n  pointer-events: none;\n}\n\n.thales-reveal__glow--one {\n  top: 8%;\n  right: 8%;\n  background: #2d92ad;\n}\n\n.thales-reveal__glow--two {\n  bottom: 2%;\n  left: -8%;\n  background: var(--thales-orange);\n  opacity: 0.07;\n}\n\n.thales-reveal__scanner {\n  position: absolute;\n  inset: 0;\n  z-index: 4;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.thales-reveal__scanner span {\n  position: absolute;\n  top: -25%;\n  left: 0;\n  width: 100%;\n  height: 180px;\n  opacity: 0;\n  background: linear-gradient(\n    to bottom,\n    transparent 0%,\n    rgba(237, 87, 64, 0.025) 35%,\n    rgba(237, 87, 64, 0.22) 49%,\n    rgba(255, 255, 255, 0.34) 50%,\n    rgba(237, 87, 64, 0.12) 51%,\n    transparent 100%\n  );\n  animation: thalesScanner 8s ease-in-out infinite;\n}\n\n.thales-reveal__intro {\n  width: min(840px, 100%);\n}\n\n.thales-reveal__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 24px;\n  color: var(--thales-orange);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.thales-reveal__eyebrow::before {\n  content: \"\";\n  width: 38px;\n  height: 1px;\n  background: currentColor;\n}\n\n.thales-reveal h2 {\n  max-width: 950px;\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(46px, 4vw, 50px);\n  font-weight: 300;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n\n.thales-reveal h2 span {\n  color: rgba(255, 255, 255, 0.42);\n}\n\n.thales-reveal__lead {\n  max-width: 700px;\n  margin: 36px 0 0;\n  color: rgba(255, 255, 255, 0.78);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 28px;\n}\n\n.thales-reveal__evidence {\n  display: grid;\n  grid-template-columns: 64px minmax(0, 1fr);\n  gap: clamp(28px, 4vw, 55px);\n  width: min(900px, 100%);\n  margin: clamp(60px, 7vw, 90px) 0 0 auto;\n}\n\n.thales-reveal__signal {\n  position: relative;\n  min-height: 190px;\n  border-left: 1px solid rgba(255, 255, 255, 0.14);\n}\n\n.thales-reveal__signal-line {\n  position: absolute;\n  top: 28px;\n  left: -1px;\n  width: 1px;\n  height: 86px;\n  background: var(--thales-orange);\n  box-shadow: 0 0 20px rgba(237, 87, 64, 0.6);\n}\n\n.thales-reveal__signal-dot {\n  position: absolute;\n  top: 25px;\n  left: -5px;\n  width: 9px;\n  height: 9px;\n  border: 2px solid var(--thales-orange);\n  border-radius: 50%;\n  background: var(--thales-dark);\n  box-shadow:\n    0 0 0 7px rgba(237, 87, 64, 0.08),\n    0 0 24px rgba(237, 87, 64, 0.55);\n}\n\n.thales-reveal__copy {\n  max-width: 690px;\n}\n\n.thales-reveal__label {\n  display: block;\n  margin-bottom: 22px;\n  color: rgba(255, 255, 255, 0.44);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n.thales-reveal__copy p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.72);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 28px;\n}\n\n.thales-reveal__copy .thales-reveal__statement {\n  margin-top: 24px;\n  color: #ffffff;\n  font-size: clamp(26px, 2.5vw, 30px);\n  font-weight: 300;\n  line-height: 1.4;\n  letter-spacing: -0.02em;\n}\n\n.thales-reveal__status {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  width: 100%;\n  margin: clamp(55px, 6vw, 80px) 0 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.16);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.16);\n}\n\n.thales-reveal__status-item {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 9px;\n  min-width: 0;\n  min-height: 130px;\n  padding: 26px clamp(22px, 3vw, 42px);\n  overflow: hidden;\n  outline: none;\n  cursor: default;\n  transition:\n    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\n    background-color 0.35s ease;\n}\n\n.thales-reveal__status-item::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 18%;\n  width: 150px;\n  height: 90px;\n  pointer-events: none;\n  opacity: 0;\n  border-radius: 50%;\n  background: rgba(237, 87, 64, 0.13);\n  filter: blur(34px);\n  transform: translate(-50%, -50%) scale(0.8);\n  transition:\n    opacity 0.35s ease,\n    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-reveal__status-item:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n  top: 24%;\n  right: 0;\n  width: 1px;\n  height: 52%;\n  background: rgba(255, 255, 255, 0.14);\n}\n\n.thales-reveal__status-key,\n.thales-reveal__status-value {\n  position: relative;\n  z-index: 2;\n}\n\n.thales-reveal__status-key {\n  color: rgba(255, 255, 255, 0.92);\n  font-size: clamp(18px, 1.55vw, 23px);\n  font-weight: 400;\n  line-height: 1.2;\n  letter-spacing: 0.035em;\n  text-transform: uppercase;\n  transition:\n    color 0.3s ease,\n    transform 0.35s ease;\n}\n\n.thales-reveal__status-value {\n  display: inline-flex;\n  align-items: center;\n  gap: 11px;\n  margin-top: 5px;\n  color: rgba(255, 255, 255, 0.64);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.3;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  transition:\n    color 0.3s ease,\n    transform 0.35s ease;\n}\n\n.thales-reveal__status-value::before {\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  flex: 0 0 8px;\n  border-radius: 50%;\n  background: var(--thales-orange);\n  box-shadow: 0 0 14px rgba(237, 87, 64, 0.55);\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.thales-reveal__status-item:hover,\n.thales-reveal__status-item:focus-visible {\n  background: rgba(255, 255, 255, 0.018);\n  transform: translateY(-5px);\n}\n\n.thales-reveal__status-item:hover::before,\n.thales-reveal__status-item:focus-visible::before {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.thales-reveal__status-item:hover .thales-reveal__status-key,\n.thales-reveal__status-item:hover .thales-reveal__status-value,\n.thales-reveal__status-item:focus-visible .thales-reveal__status-key,\n.thales-reveal__status-item:focus-visible .thales-reveal__status-value {\n  transform: translateX(4px);\n}\n\n.thales-reveal__status-item:hover .thales-reveal__status-value,\n.thales-reveal__status-item:focus-visible .thales-reveal__status-value {\n  color: rgba(255, 255, 255, 0.82);\n}\n\n.thales-reveal__status-item:hover .thales-reveal__status-value::before,\n.thales-reveal__status-item:focus-visible .thales-reveal__status-value::before {\n  transform: scale(1.25);\n  box-shadow:\n    0 0 0 6px rgba(237, 87, 64, 0.07),\n    0 0 22px rgba(237, 87, 64, 0.8);\n}\n\n.thales-reveal__status-item:focus-visible {\n  box-shadow: inset 0 0 0 1px rgba(237, 87, 64, 0.55);\n}\n\n.thales-reveal__animate {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@supports (animation-timeline: view()) {\n  .thales-reveal__animate {\n    animation: thalesRevealOnScroll 1ms linear both;\n    animation-timeline: view();\n    animation-range: entry 5% cover 32%;\n  }\n}\n\n@keyframes thalesRevealOnScroll {\n  from {\n    opacity: 0;\n    transform: translateY(36px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes thalesScanner {\n  0% {\n    top: -28%;\n    opacity: 0;\n  }\n\n  10%,\n  45% {\n    opacity: 0.85;\n  }\n\n  55%,\n  100% {\n    top: 104%;\n    opacity: 0;\n  }\n}\n\n@media (max-width: 900px) {\n  .thales-reveal {\n    min-height: auto;\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n\n  .thales-reveal__inner {\n    width: min(1240px, calc(100% - 40px));\n  }\n\n  .thales-reveal__evidence {\n    grid-template-columns: 44px minmax(0, 1fr);\n  }\n\n  .thales-reveal__status {\n    grid-template-columns: 1fr;\n    margin-top: 48px;\n  }\n\n  .thales-reveal__status-item {\n    min-height: auto;\n    padding: 25px 0;\n  }\n\n  .thales-reveal__status-item:not(:last-child) {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .thales-reveal__status-item:not(:last-child)::after {\n    display: none;\n  }\n\n  .thales-reveal__status-item:hover,\n  .thales-reveal__status-item:focus-visible,\n  .thales-reveal__status-item:hover .thales-reveal__status-key,\n  .thales-reveal__status-item:hover .thales-reveal__status-value,\n  .thales-reveal__status-item:focus-visible .thales-reveal__status-key,\n  .thales-reveal__status-item:focus-visible .thales-reveal__status-value {\n    transform: none;\n  }\n}\n\n@media (max-width: 620px) {\n  .thales-reveal {\n    padding-top: 85px;\n    padding-bottom: 85px;\n  }\n\n  .thales-reveal__inner {\n    width: min(1240px, calc(100% - 32px));\n  }\n\n  .thales-reveal h2 {\n    font-size: clamp(38px, 11vw, 46px);\n  }\n\n  .thales-reveal__lead,\n  .thales-reveal__copy p {\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .thales-reveal__evidence {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  .thales-reveal__signal {\n    min-height: 1px;\n    border-top: 1px solid rgba(255, 255, 255, 0.14);\n    border-left: 0;\n  }\n\n  .thales-reveal__signal-line {\n    top: -1px;\n    left: 0;\n    width: 86px;\n    height: 1px;\n  }\n\n  .thales-reveal__signal-dot {\n    top: -5px;\n    left: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thales-reveal__scanner span {\n    animation: none;\n  }\n\n  .thales-reveal__animate {\n    animation: none;\n    opacity: 1;\n    transform: none;\n  }\n\n  .thales-reveal__status-item,\n  .thales-reveal__status-item::before,\n  .thales-reveal__status-key,\n  .thales-reveal__status-value,\n  .thales-reveal__status-value::before {\n    transition: none;\n  }\n}\n\/* =========================================================\n   WORDPRESS-WRAPPER: FULLWIDTH + HERO-\u00dcBERLAPPUNG\n   ========================================================= *\/\n\nbody.page-id-24168 .thales-reveal-wrap {\n  position: relative !important;\n  z-index: 20 !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-top: -10px !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\n\/* WordPress-Inhaltsbegrenzung aufheben *\/\nbody.page-id-24168 .thales-reveal-wrap > *,\nbody.page-id-24168 .thales-reveal-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\n\/* Der eigentliche Abschnitt f\u00fcllt nun die Gruppe *\/\nbody.page-id-24168 .thales-reveal-wrap .thales-reveal {\n  left: auto !important;\n  right: auto !important;\n\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n}\n\n\/* Keine weisse L\u00fccke oberhalb des ersten Inhaltsblocks *\/\nbody.page-id-24168 main,\nbody.page-id-24168 .entry-content,\nbody.page-id-24168 .page-content {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n<\/style>\n\n<script>\n(function () {\n  const sections = document.querySelectorAll(\".thales-reveal\");\n\n  sections.forEach(function (section) {\n    const canvas = section.querySelector(\".thales-reveal__network\");\n\n    if (!canvas) return;\n\n    const context = canvas.getContext(\"2d\");\n\n    if (!context) return;\n\n    let width = 0;\n    let height = 0;\n    let particles = [];\n    let animationFrame = null;\n    let isVisible = true;\n    let resizeTimer;\n\n    const prefersReducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n    function createParticles() {\n      const amount = Math.max(28, Math.min(64, Math.floor(width \/ 24)));\n\n      particles = Array.from({ length: amount }, function () {\n        return {\n          x: width * (0.32 + Math.random() * 0.75),\n          y: Math.random() * height,\n          radius: Math.random() * 1.5 + 0.7,\n          speedX: (Math.random() - 0.5) * 0.14,\n          speedY: (Math.random() - 0.5) * 0.12,\n          alpha: Math.random() * 0.4 + 0.2\n        };\n      });\n    }\n\n    function resizeCanvas() {\n      const bounds = section.getBoundingClientRect();\n      const ratio = Math.min(window.devicePixelRatio || 1, 2);\n\n      width = bounds.width;\n      height = section.offsetHeight;\n\n      canvas.width = Math.floor(width * ratio);\n      canvas.height = Math.floor(height * ratio);\n      canvas.style.width = width + \"px\";\n      canvas.style.height = height + \"px\";\n\n      context.setTransform(ratio, 0, 0, ratio, 0, 0);\n\n      createParticles();\n    }\n\n    function draw() {\n      context.clearRect(0, 0, width, height);\n\n      particles.forEach(function (particle, index) {\n        if (!prefersReducedMotion) {\n          particle.x += particle.speedX;\n          particle.y += particle.speedY;\n        }\n\n        if (particle.x < width * 0.25) particle.x = width;\n        if (particle.x > width + 20) particle.x = width * 0.3;\n        if (particle.y < -20) particle.y = height + 20;\n        if (particle.y > height + 20) particle.y = -20;\n\n        context.beginPath();\n        context.arc(particle.x, particle.y, particle.radius, 0, Math.PI * 2);\n        context.fillStyle = \"rgba(255,255,255,\" + particle.alpha + \")\";\n        context.fill();\n\n        for (let next = index + 1; next < particles.length; next++) {\n          const other = particles[next];\n          const dx = particle.x - other.x;\n          const dy = particle.y - other.y;\n          const distance = Math.sqrt(dx * dx + dy * dy);\n          const maxDistance = 125;\n\n          if (distance < maxDistance) {\n            const opacity = (1 - distance \/ maxDistance) * 0.12;\n\n            context.beginPath();\n            context.moveTo(particle.x, particle.y);\n            context.lineTo(other.x, other.y);\n            context.strokeStyle = \"rgba(130,205,220,\" + opacity + \")\";\n            context.lineWidth = 0.7;\n            context.stroke();\n          }\n        }\n      });\n\n      animationFrame = null;\n\n      if (!prefersReducedMotion &#038;&#038; isVisible) {\n        animationFrame = window.requestAnimationFrame(draw);\n      }\n    }\n\n    function startAnimation() {\n      if (!animationFrame) draw();\n    }\n\n    function stopAnimation() {\n      if (animationFrame) {\n        window.cancelAnimationFrame(animationFrame);\n        animationFrame = null;\n      }\n    }\n\n    resizeCanvas();\n\n    if (prefersReducedMotion) {\n      draw();\n    } else if (\"IntersectionObserver\" in window) {\n      const canvasObserver = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            isVisible = entry.isIntersecting;\n\n            if (isVisible) {\n              startAnimation();\n            } else {\n              stopAnimation();\n            }\n          });\n        },\n        { threshold: 0 }\n      );\n\n      canvasObserver.observe(section);\n    } else {\n      startAnimation();\n    }\n\n    window.addEventListener(\"resize\", function () {\n      window.clearTimeout(resizeTimer);\n\n      resizeTimer = window.setTimeout(function () {\n        resizeCanvas();\n\n        if (prefersReducedMotion) {\n          draw();\n        } else if (isVisible) {\n          startAnimation();\n        }\n      }, 180);\n    });\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull thales-numbers-wrap is-layout-flow wp-block-group-is-layout-flow\">\n<section class=\"thales-numbers\" id=\"thales-zahlen\" aria-labelledby=\"thales-numbers-title\">\n\n  <div class=\"thales-numbers__intro thales-numbers__reveal\">\n    <span class=\"thales-numbers__kicker\">The figures speak for themselves<\/span>\n\n    <h2 id=\"thales-numbers-title\">\n      The new reality<br>\n      <span>in six figures.<\/span>\n    <\/h2>\n\n    <p>\n      Bots are no longer a marginal phenomenon. They shape internet traffic,\n      attack APIs, manipulate business processes and, thanks to\n      artificial intelligence, are evolving faster than traditional defence mechanisms.\n    <\/p>\n  <\/div>\n\n  <div class=\"thales-numbers__list\">\n\n    <!-- 01 -->\n    <article class=\"thales-number thales-number--image-right\">\n      <div class=\"thales-number__content thales-numbers__reveal\">\n        <div class=\"thales-number__chapter\">\n          <span>01<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"thales-number__value\">\n          53<span>%<\/span>\n        <\/div>\n\n        <h3>The Invisible Majority<\/h3>\n\n        <p class=\"thales-number__lead\">\n          Bots now generate more internet traffic than humans.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Automated systems have become the new normal. For\n          businesses, it is therefore becoming increasingly difficult to identify who is actually using their\n          websites, portals and digital services.\n        <\/p>\n\n        <div class=\"thales-number__meta\">\n          <span>Bots<\/span>\n          <strong>53 %<\/strong>\n          <span>People<\/span>\n          <strong>47 %<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"thales-number__visual thales-numbers__reveal\">\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/thales_bad_report_zahlen_1.jpg\" alt=\"Abstract visualisation of bot and human internet traffic\" loading=\"lazy\">\n        <span class=\"thales-number__scan\" aria-hidden=\"true\"><\/span>\n      <\/div>\n    <\/article>\n\n    <!-- 02 -->\n    <article class=\"thales-number thales-number--image-left\">\n      <div class=\"thales-number__content thales-numbers__reveal\">\n        <div class=\"thales-number__chapter\">\n          <span>02<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"thales-number__value\">\n          40<span>%<\/span>\n        <\/div>\n\n        <h3>Almost one in two internet connections comes from a bad bot<\/h3>\n\n        <p class=\"thales-number__lead\">\n          Automated attacks have long been part of everyday life.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          They collect data, scrape prices, test login credentials and manipulate\n          digital processes. In doing so, their activities increasingly resemble legitimate\n          user behaviour.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          Critical automation detected\n        <\/div>\n      <\/div>\n\n      <div class=\"thales-number__visual thales-numbers__reveal\">\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/thales_bad_report_zahlen_2.jpg\" alt=\"Data stream containing detected malicious bot traffic\" loading=\"lazy\">\n        <span class=\"thales-number__scan\" aria-hidden=\"true\"><\/span>\n      <\/div>\n    <\/article>\n\n    <!-- 03 -->\n    <article class=\"thales-number thales-number--image-right\">\n      <div class=\"thales-number__content thales-numbers__reveal\">\n        <div class=\"thales-number__chapter\">\n          <span>03<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"thales-number__value\">\n          27<span>%<\/span>\n        <\/div>\n\n        <h3>The invisible back door<\/h3>\n\n        <p class=\"thales-number__lead\">\n          More than one in four bot attacks are directed specifically at APIs.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Modern bots bypass the visible website and access the\n          digital processes behind it directly. This is precisely where authentication,\n          orders, payments and core business functions come together.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          API anomaly detected\n        <\/div>\n      <\/div>\n\n      <div class=\"thales-number__visual thales-numbers__reveal\">\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/thales_bad_report_zahlen_3.jpg\" alt=\"API-Netzwerk mit auff\u00e4lligem automatisiertem Zugriff\" loading=\"lazy\">\n        <span class=\"thales-number__scan\" aria-hidden=\"true\"><\/span>\n      <\/div>\n    <\/article>\n\n    <!-- 04 -->\n    <article class=\"thales-number thales-number--image-left\">\n      <div class=\"thales-number__content thales-numbers__reveal\">\n        <div class=\"thales-number__chapter\">\n          <span>04<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"thales-number__value\">\n          21<span>%<\/span>\n        <\/div>\n\n        <h3>Legitimate procedures. Manipulated results.<\/h3>\n\n        <p class=\"thales-number__lead\">\n          21 per cent of all automated attacks target business logic.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Attackers do not necessarily look for a traditional\n          security vulnerability. They exploit standard processes such as login,\n          booking, shopping basket or payment, and alter the outcome.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          Process deviation detected\n        <\/div>\n      <\/div>\n\n      <div class=\"thales-number__visual thales-numbers__reveal\">\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/thales_bad_report_zahlen_4.jpg\" alt=\"Manipulierter digitaler Gesch\u00e4ftsprozess mit umgangenem Zahlungsschritt\" loading=\"lazy\">\n        <span class=\"thales-number__scan\" aria-hidden=\"true\"><\/span>\n      <\/div>\n    <\/article>\n\n    <!-- 05 -->\n    <article class=\"thales-number thales-number--image-right\">\n      <div class=\"thales-number__content thales-numbers__reveal\">\n        <div class=\"thales-number__chapter\">\n          <span>05<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"thales-number__value thales-number__value--wide\">\n          12,5<span>\u00d7<\/span>\n        <\/div>\n\n        <h3>AI is accelerating the threat<\/h3>\n\n        <p class=\"thales-number__lead\">\n          AI-powered bot attacks have increased by a factor of\n          12.5 within a year.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Artificial intelligence helps bots to constantly adapt their behaviour,\n          circumvent security measures and imitate legitimate users even more convincingly\n          .\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          Accelerated attack pattern\n        <\/div>\n      <\/div>\n\n      <div class=\"thales-number__visual thales-numbers__reveal\">\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/thales_bad_report_zahlen_5.jpg\" alt=\"Abstrakte KI-Silhouette mit stark beschleunigten Datenstr\u00f6men\" loading=\"lazy\">\n        <span class=\"thales-number__scan\" aria-hidden=\"true\"><\/span>\n      <\/div>\n    <\/article>\n\n    <!-- 06 -->\n    <article class=\"thales-number thales-number--image-left\">\n      <div class=\"thales-number__content thales-numbers__reveal\">\n        <div class=\"thales-number__chapter\">\n          <span>06<\/span>\n          <i><\/i>\n        <\/div>\n\n        <div class=\"thales-number__value thales-number__value--long\">\n          17,2\n        <\/div>\n\n        <span class=\"thales-number__unit\">trillions<\/span>\n\n        <h3>Real attacks. Real data.<\/h3>\n\n        <p class=\"thales-number__lead\">\n          That is how many bot requests Thales blocked in 2025 alone.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          The findings in the report are not based on theoretical\n          assumptions, but on actual internet traffic from a wide variety of\n          sectors and regions.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          Global analysis active\n        <\/div>\n      <\/div>\n\n      <div class=\"thales-number__visual thales-numbers__reveal\">\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/thales_bad_report_zahlen_6.jpg\" alt=\"Globale Karte mit weltweit blockierten Bot-Anfragen\" loading=\"lazy\">\n        <span class=\"thales-number__scan\" aria-hidden=\"true\"><\/span>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n<style>\n.thales-numbers,\n.thales-numbers * {\n  box-sizing: border-box;\n}\n\n.thales-numbers {\n  --thales-orange: #ed5740;\n  --thales-blue: #153447;\n  --thales-bg: #06141c;\n  --thales-bg-soft: #0a1d27;\n  --thales-white: #ffffff;\n\n  position: relative;\n  width: 100%;\n  max-width: none;\n  margin: 0;\n\n  padding:\n    clamp(145px, 11vw, 185px)\n    24px\n    clamp(110px, 12vw, 180px);\n\n  overflow: hidden;\n  color: var(--thales-white);\n\n  background:\n    radial-gradient(\n      circle at 8% 15%,\n      rgba(237, 87, 64, 0.08),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 92% 72%,\n      rgba(34, 101, 126, 0.18),\n      transparent 28%\n    ),\n    linear-gradient(\n      180deg,\n      #06141c 0%,\n      #071820 45%,\n      #051219 100%\n    );\n}\n\n.thales-numbers::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,0.018) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255,255,255,0.018) 1px,\n      transparent 1px\n    );\n  background-size: 72px 72px;\n  mask-image: linear-gradient(\n    to bottom,\n    transparent,\n    #000 8%,\n    #000 92%,\n    transparent\n  );\n}\n\n.thales-numbers__intro,\n.thales-numbers__list {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, 100%);\n  margin-inline: auto;\n}\n\n.thales-numbers__intro {\n  max-width: 930px;\n  margin-bottom: clamp(90px, 12vw, 165px);\n}\n\n.thales-numbers__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--thales-orange);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.thales-numbers__kicker::before {\n  content: \"\";\n  width: 42px;\n  height: 1px;\n  background: currentColor;\n}\n\n.thales-numbers h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(48px, 7vw, 96px);\n  font-weight: 300;\n  line-height: 0.98;\n  letter-spacing: -0.04em;\n}\n\n.thales-numbers h2 span {\n  color: rgba(255,255,255,0.38);\n}\n\n.thales-numbers__intro p {\n  max-width: 730px;\n  margin: 36px 0 0;\n  color: rgba(255,255,255,0.72);\n  font-size: 19px;\n  line-height: 1.7;\n}\n\n.thales-numbers__list {\n  display: flex;\n  flex-direction: column;\n  gap: clamp(110px, 15vw, 210px);\n}\n\n.thales-number {\n  display: grid;\n  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.35fr);\n  gap: clamp(45px, 7vw, 105px);\n  align-items: center;\n}\n\n.thales-number--image-left .thales-number__visual {\n  order: 1;\n}\n\n.thales-number--image-left .thales-number__content {\n  order: 2;\n}\n\n.thales-number__content {\n  position: relative;\n  z-index: 2;\n}\n\n.thales-number__chapter {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 28px;\n}\n\n.thales-number__chapter span {\n  color: var(--thales-orange);\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n}\n\n.thales-number__chapter i {\n  display: block;\n  width: 52px;\n  height: 1px;\n  background: rgba(237,87,64,0.8);\n}\n\n.thales-number__value {\n  margin: 0 0 20px;\n  color: #ffffff;\n  font-size: clamp(92px, 11vw, 166px);\n  font-weight: 300;\n  line-height: 0.78;\n  letter-spacing: -0.065em;\n}\n\n.thales-number__value span {\n  margin-left: 8px;\n  color: var(--thales-orange);\n  font-size: 0.42em;\n  letter-spacing: -0.03em;\n}\n\n.thales-number__value--wide {\n  font-size: clamp(82px, 10vw, 148px);\n}\n\n.thales-number__value--long {\n  margin-bottom: 7px;\n  font-size: clamp(88px, 10vw, 150px);\n}\n\n.thales-number__unit {\n  display: block;\n  margin-bottom: 25px;\n  color: var(--thales-orange);\n  font-size: clamp(22px, 2.6vw, 34px);\n  font-weight: 400;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.thales-number h3 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(27px, 3vw, 42px);\n  font-weight: 400;\n  line-height: 1.18;\n  letter-spacing: -0.025em;\n}\n\n.thales-number__lead {\n  margin: 25px 0 0;\n  color: rgba(255,255,255,0.92);\n  font-size: clamp(20px, 2vw, 26px);\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.thales-number__copy {\n  margin: 22px 0 0;\n  color: rgba(255,255,255,0.62);\n  font-size: 18px;\n  line-height: 1.7;\n}\n\n.thales-number__meta {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 7px 20px;\n  margin-top: 32px;\n  padding-top: 22px;\n  border-top: 1px solid rgba(255,255,255,0.12);\n}\n\n.thales-number__meta span {\n  color: rgba(255,255,255,0.45);\n  font-size: 12px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.thales-number__meta strong {\n  color: rgba(255,255,255,0.9);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.thales-number__status {\n  display: inline-flex;\n  align-items: center;\n  gap: 11px;\n  margin-top: 32px;\n  color: rgba(255,255,255,0.48);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.thales-number__status span {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--thales-orange);\n  box-shadow: 0 0 16px rgba(237,87,64,0.75);\n}\n\n.thales-number__visual {\n  position: relative;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 22px;\n  background: #06131b;\n  box-shadow:\n    0 28px 70px rgba(0,0,0,0.28),\n    inset 0 0 0 1px rgba(255,255,255,0.025);\n}\n\n.thales-number__visual::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  pointer-events: none;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,0.07),\n      transparent 24%\n    ),\n    linear-gradient(\n      to top,\n      rgba(2,11,16,0.3),\n      transparent 35%\n    );\n}\n\n.thales-number__visual img {\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 10;\n  object-fit: cover;\n  transform: scale(1.01);\n  transition:\n    transform 1.2s cubic-bezier(0.22,1,0.36,1),\n    filter 1.2s ease;\n}\n\n.thales-number__visual:hover img {\n  transform: scale(1.045);\n  filter: brightness(1.05);\n}\n\n.thales-number__scan {\n  position: absolute;\n  top: -30%;\n  left: 0;\n  z-index: 3;\n  width: 100%;\n  height: 150px;\n  pointer-events: none;\n  opacity: 0;\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      rgba(237,87,64,0.08) 44%,\n      rgba(255,255,255,0.38) 50%,\n      rgba(237,87,64,0.08) 56%,\n      transparent\n    );\n  animation: thalesNumberScan 7.5s ease-in-out infinite;\n}\n\n.thales-number:nth-child(2n) .thales-number__scan {\n  animation-delay: 1.2s;\n}\n\n.thales-number:nth-child(3n) .thales-number__scan {\n  animation-delay: 2.4s;\n}\n\n.thales-numbers__reveal {\n  opacity: 0;\n  transform: translateY(42px);\n  transition:\n    opacity 1s ease,\n    transform 1s cubic-bezier(0.22,1,0.36,1);\n}\n\n.thales-numbers__reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@keyframes thalesNumberScan {\n  0% {\n    top: -32%;\n    opacity: 0;\n  }\n\n  12% {\n    opacity: 0.8;\n  }\n\n  52% {\n    opacity: 0.8;\n  }\n\n  64% {\n    top: 105%;\n    opacity: 0;\n  }\n\n  100% {\n    top: 105%;\n    opacity: 0;\n  }\n}\n\n@media (max-width: 980px) {\n  .thales-number {\n    grid-template-columns: 1fr;\n    gap: 45px;\n  }\n\n  .thales-number--image-left .thales-number__visual,\n  .thales-number--image-left .thales-number__content {\n    order: initial;\n  }\n\n  .thales-number__content {\n    max-width: 720px;\n  }\n\n  .thales-number__visual {\n    width: 100%;\n  }\n}\n\n@media (max-width: 620px) {\n  .thales-numbers {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .thales-numbers__intro {\n    margin-bottom: 85px;\n  }\n\n  .thales-numbers__list {\n    gap: 105px;\n  }\n\n  .thales-number {\n    gap: 35px;\n  }\n\n  .thales-number__visual {\n    border-radius: 15px;\n  }\n\n  .thales-number__visual img {\n    aspect-ratio: 4 \/ 3;\n  }\n\n  .thales-number__copy {\n    font-size: 17px;\n  }\n}\n\n\n\n@media (prefers-reduced-motion: reduce) {\n  .thales-numbers__reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .thales-number__scan {\n    display: none;\n  }\n\n  .thales-number__visual img {\n    transition: none;\n  }\n}\nhtml,\nbody {\n  overflow-x: clip;\n}\n\n@supports not (overflow: clip) {\n  html,\n  body {\n    overflow-x: hidden;\n  }\n}\n\n\/* =========================================================\n   WORDPRESS-GRUPPE: FULLWIDTH + \u00dcBERLAPPUNG\n   NUR AUF DIESER SEITE\n   ========================================================= *\/\n\nbody.page-id-24168 .thales-numbers-wrap {\n  position: relative !important;\n  z-index: 21 !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-top: -120px !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\n\/* WordPress-Begrenzung der inneren Bl\u00f6cke aufheben *\/\nbody.page-id-24168 .thales-numbers-wrap > *,\nbody.page-id-24168 .thales-numbers-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n\n\/* Der eigentliche Zahlenabschnitt muss nicht nochmals ausbrechen *\/\nbody.page-id-24168 .thales-numbers-wrap .thales-numbers {\n  width: 100% !important;\n  max-width: none !important;\n  margin-top: 0 !important;\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n\/* =========================================================\n   INFINIGATE TYPOGRAFIE + RUHIGERER HINTERGRUND\n   ZAHLENABSCHNITT\n   ========================================================= *\/\n\n.thales-numbers {\n  font-family: \"Outfit\", serif;\n\n  background:\n    radial-gradient(\n      circle at 8% 15%,\n      rgba(237, 87, 64, 0.008),\n      transparent 34%\n    ),\n    radial-gradient(\n      circle at 92% 72%,\n      rgba(34, 101, 126, 0.025),\n      transparent 40%\n    ),\n    linear-gradient(\n      180deg,\n      #0b1a23 0%,\n      #091a23 48%,\n      #071720 100%\n    );\n}\n\/* Raster etwas klarer sichtbar *\/\n.thales-numbers::before {\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.032) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.032) 1px,\n      transparent 1px\n    );\n}\n\n\/* Abschnitts\u00fcberschrift wie im ersten Block *\/\n.thales-numbers h2 {\n  font-size: clamp(46px, 4vw, 50px);\n  line-height: 1.1;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Introtext *\/\n.thales-numbers__intro p {\n  max-width: 760px;\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 300;\n}\n\n\/* \u00dcberschriften bei den einzelnen Kennzahlen *\/\n.thales-number h3 {\n  font-size: clamp(27px, 2.5vw, 30px);\n  line-height: 1.4;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Hervorgehobene Kernaussage *\/\n.thales-number__lead {\n  font-size: clamp(20px, 1.7vw, 22px);\n  line-height: 1.4;\n  font-weight: 300;\n}\n\n\/* Normaler Erkl\u00e4rungstext *\/\n.thales-number__copy {\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 300;\n}\n\n\/* Die grossen Kennzahlen bleiben bewusst plakativ *\/\n.thales-number__value {\n  font-weight: 300;\n}\n\n\/* Mobile sauber lesbar *\/\n@media (max-width: 620px) {\n  .thales-numbers h2 {\n    font-size: clamp(38px, 11vw, 46px);\n  }\n\n  .thales-numbers__intro p,\n  .thales-number__copy {\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .thales-number__lead {\n    font-size: 20px;\n    line-height: 1.45;\n  }\n}\n<\/style>\n\n\n<script>\n(function () {\n  const section = document.querySelector(\".thales-numbers\");\n\n  if (!section) return;\n\n  const elements = section.querySelectorAll(\".thales-numbers__reveal\");\n\n  if (!(\"IntersectionObserver\" in window)) {\n    elements.forEach(function (element) {\n      element.classList.add(\"is-visible\");\n    });\n    return;\n  }\n\n  const observer = new IntersectionObserver(\n    function (entries) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n\n        entry.target.classList.add(\"is-visible\");\n        observer.unobserve(entry.target);\n      });\n    },\n    {\n      threshold: 0.12,\n      rootMargin: \"0px 0px -8% 0px\"\n    }\n  );\n\n  elements.forEach(function (element) {\n    observer.observe(element);\n  });\n})();\n\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull thales-impact-wrap is-layout-flow wp-block-group-is-layout-flow\">\n<section class=\"thales-impact\" id=\"thales-angriffe\" aria-labelledby=\"thales-impact-title\">\n\n  <div class=\"thales-impact__intro thales-impact__reveal\">\n    <span class=\"thales-impact__kicker\">\n      Real-life attack scenarios\n    <\/span>\n\n    <h2 id=\"thales-impact-title\">\n      Invisible attacks.<br>\n      <span>Real-world consequences.<\/span>\n    <\/h2>\n\n    <p>\n      Modern bot attacks exploit legitimate interfaces and standard\n      business processes. As a result, they often appear to be ordinary\n      user activity until the financial damage becomes apparent.\n    <\/p>\n  <\/div>\n\n  <div class=\"thales-impact__cases\">\n\n    <!-- FALL 01 -->\n    <article class=\"thales-case thales-case--api\">\n\n      <div class=\"thales-case__visual thales-impact__reveal\" aria-hidden=\"true\">\n\n        <div class=\"thales-case__visual-head\">\n          <span>Case file 01<\/span>\n          <span class=\"thales-case__live\">\n            <i><\/i>\n            Attack detected\n          <\/span>\n        <\/div>\n\n        <div class=\"thales-api-map\">\n\n          <div class=\"thales-api-map__node thales-api-map__node--user\">\n            <span class=\"thales-api-map__icon\">\n              <svg viewBox=\"0 0 48 48\">\n                <circle cx=\"24\" cy=\"17\" r=\"7\"><\/circle>\n                <path d=\"M12 39c1-8 5-12 12-12s11 4 12 12\"><\/path>\n              <\/svg>\n            <\/span>\n            <small>User<\/small>\n          <\/div>\n\n          <div class=\"thales-api-map__line thales-api-map__line--one\"><\/div>\n\n          <div class=\"thales-api-map__node thales-api-map__node--api\">\n            <span>API<\/span>\n            <small>Authentication<\/small>\n          <\/div>\n\n          <div class=\"thales-api-map__line thales-api-map__line--two\"><\/div>\n\n          <div class=\"thales-api-map__node thales-api-map__node--account\">\n            <span class=\"thales-api-map__icon\">\n              <svg viewBox=\"0 0 48 48\">\n                <rect x=\"9\" y=\"13\" width=\"30\" height=\"24\" rx=\"3\"><\/rect>\n                <path d=\"M15 21h18M15 28h11\"><\/path>\n              <\/svg>\n            <\/span>\n            <small>Customer account<\/small>\n          <\/div>\n\n          <span class=\"thales-api-map__request thales-api-map__request--one\"><\/span>\n          <span class=\"thales-api-map__request thales-api-map__request--two\"><\/span>\n          <span class=\"thales-api-map__request thales-api-map__request--three\"><\/span>\n\n          <div class=\"thales-api-map__attack\">\n            <span><\/span>\n            Automated login attempts\n          <\/div>\n\n        <\/div>\n\n        <div class=\"thales-case__monitor\">\n          <span>\n            <small>Enquiries<\/small>\n            <strong>high<\/strong>\n          <\/span>\n\n          <span>\n            <small>Behaviour<\/small>\n            <strong>Anomaly<\/strong>\n          <\/span>\n\n          <span>\n            <small>Destination<\/small>\n            <strong>Accounts<\/strong>\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"thales-case__content thales-impact__reveal\">\n\n        <div class=\"thales-case__index\">\n          <span>01<\/span>\n          <i><\/i>\n          Financial services provider\n        <\/div>\n\n        <span class=\"thales-case__signal\">\n          Authentication API\n        <\/span>\n\n        <h3>\n         The attack did not come via the website.\n        <\/h3>\n\n        <p class=\"thales-case__lead\">\n          A financial services provider was the target of a large-scale\n          account takeover attack via its authentication API.\n        <\/p>\n\n        <p>\n          The bots used standard login functions and automatically tested\n          stolen login credentials. Each individual request initially appeared\n          legitimate. It was only the behaviour across multiple sessions\n          that revealed the attack.\n        <\/p>\n\n        <div class=\"thales-case__consequence\">\n          <span>Business impact<\/span>\n\n          <p>\n            Hacked customer accounts put assets, customer data and\n            trust in digital services at risk.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- FALL 02 -->\n    <article class=\"thales-case thales-case--sms\">\n\n      <div class=\"thales-case__visual thales-impact__reveal\" aria-hidden=\"true\">\n\n        <div class=\"thales-case__visual-head\">\n          <span>Case file 02<\/span>\n          <span class=\"thales-case__live\">\n            <i><\/i>\n            Costs are rising\n          <\/span>\n        <\/div>\n\n        <div class=\"thales-sms-map\">\n\n          <div class=\"thales-sms-map__phone\">\n            <span class=\"thales-sms-map__speaker\"><\/span>\n\n            <div class=\"thales-sms-map__screen\">\n              <span>Verification<\/span>\n              <strong>\u2022\u2022\u2022\u2022\u2022\u2022<\/strong>\n              <small>Resend code<\/small>\n            <\/div>\n\n            <span class=\"thales-sms-map__home\"><\/span>\n          <\/div>\n\n          <div class=\"thales-sms-map__stream\">\n            <span class=\"thales-sms-map__message thales-sms-map__message--1\">\n              SMS\n            <\/span>\n            <span class=\"thales-sms-map__message thales-sms-map__message--2\">\n              SMS\n            <\/span>\n            <span class=\"thales-sms-map__message thales-sms-map__message--3\">\n              SMS\n            <\/span>\n            <span class=\"thales-sms-map__message thales-sms-map__message--4\">\n              SMS\n            <\/span>\n\n            <i><\/i>\n          <\/div>\n\n          <div class=\"thales-sms-map__cost\">\n            <small>Cost trends<\/small>\n\n            <div class=\"thales-sms-map__bars\">\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n            <\/div>\n\n            <strong>+300,000 USD<\/strong>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"thales-case__monitor\">\n          <span>\n            <small>Duration<\/small>\n            <strong>20 days<\/strong>\n          <\/span>\n\n          <span>\n            <small>Methode<\/small>\n            <strong>SMS Pumping<\/strong>\n          <\/span>\n\n          <span>\n            <small>Damage<\/small>\n            <strong>Costs<\/strong>\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"thales-case__content thales-impact__reveal\">\n\n        <div class=\"thales-case__index\">\n          <span>02<\/span>\n          <i><\/i>\n          Health insurer\n        <\/div>\n\n        <div class=\"thales-case__amount\">\n          <strong>300,000<\/strong>\n          <span>USD<\/span>\n        <\/div>\n\n        <h3>\n          A legitimate text message service turned out to be a money trap.\n        <\/h3>\n\n        <p class=\"thales-case__lead\">\n          An international health insurer lost around\n          USD 300,000 in the space of just\n          20 days as a result of an automated\n          SMS pumping attack.\n        <\/p>\n\n        <p>\n          Bots triggered a massive number of paid verification messages\n          . The feature worked correctly from a technical point of view, but was abused on a\n          scale for which it was never intended.\n        <\/p>\n\n        <div class=\"thales-case__consequence\">\n          <span>Business impact<\/span>\n\n          <p>\n            The attack resulted in direct costs without any systems\n            having to be compromised or traditional security vulnerabilities\n            having to be exploited.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n  <div class=\"thales-impact__conclusion thales-impact__reveal\">\n    <span class=\"thales-impact__conclusion-line\"><\/span>\n\n    <p>\n      Modern bot attacks are not just an IT problem.\n      <strong>They are a business risk.<\/strong>\n    <\/p>\n  <\/div>\n\n<\/section>\n\n<style>\n.thales-impact,\n.thales-impact * {\n  box-sizing: border-box;\n}\n\n.thales-impact {\n  --impact-orange: #ed5740;\n  --impact-white: #ffffff;\n  --impact-bg: #051219;\n  --impact-panel: #081a23;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding:\n    clamp(110px, 11vw, 170px)\n    24px\n    clamp(115px, 12vw, 185px);\n\n  overflow: hidden;\n  color: var(--impact-white);\n\n  background:\n    radial-gradient(\n      circle at 90% 18%,\n      rgba(26, 87, 109, 0.15),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 7% 78%,\n      rgba(237, 87, 64, 0.055),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #05131a 0%,\n      #06151d 50%,\n      #041118 100%\n    );\n}\n\n.thales-impact::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.016) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.016) 1px,\n      transparent 1px\n    );\n\n  background-size: 72px 72px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      transparent,\n      #000 8%,\n      #000 92%,\n      transparent\n    );\n}\n\n.thales-impact__intro,\n.thales-impact__cases,\n.thales-impact__conclusion {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, 100%);\n  margin-inline: auto;\n}\n\n.thales-impact__intro {\n  max-width: 940px;\n  margin-bottom: clamp(85px, 11vw, 145px);\n}\n\n.thales-impact__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 26px;\n\n  color: var(--impact-orange);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.thales-impact__kicker::before {\n  content: \"\";\n  width: 42px;\n  height: 1px;\n  background: currentColor;\n}\n\n.thales-impact h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(48px, 7vw, 96px);\n  font-weight: 300;\n  line-height: 0.98;\n  letter-spacing: -0.04em;\n}\n\n.thales-impact h2 span {\n  color: rgba(255, 255, 255, 0.38);\n}\n\n.thales-impact__intro p {\n  max-width: 760px;\n  margin: 36px 0 0;\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 19px;\n  line-height: 1.7;\n}\n\n.thales-impact__cases {\n  display: flex;\n  flex-direction: column;\n  gap: clamp(110px, 14vw, 190px);\n}\n\n.thales-case {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.28fr)\n    minmax(340px, 0.78fr);\n\n  gap: clamp(48px, 7vw, 105px);\n  align-items: center;\n}\n\n.thales-case--sms {\n  grid-template-columns:\n    minmax(340px, 0.78fr)\n    minmax(0, 1.28fr);\n}\n\n.thales-case--sms .thales-case__visual {\n  order: 2;\n}\n\n.thales-case--sms .thales-case__content {\n  order: 1;\n}\n\n\/* VISUAL DOSSIER *\/\n\n.thales-case__visual {\n  position: relative;\n  min-height: 570px;\n  padding: clamp(24px, 3vw, 40px);\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.035),\n      transparent 30%\n    ),\n    linear-gradient(\n      180deg,\n      #081b24 0%,\n      #06151d 100%\n    );\n\n  box-shadow:\n    0 32px 80px rgba(0, 0, 0, 0.3),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.018);\n}\n\n.thales-case__visual::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.025) 1px,\n      transparent 1px\n    );\n\n  background-size: 44px 44px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, 0.6),\n      #000,\n      rgba(0, 0, 0, 0.55)\n    );\n}\n\n.thales-case__visual-head {\n  position: relative;\n  z-index: 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n\n  color: rgba(255, 255, 255, 0.43);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.thales-case__live {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.thales-case__live i {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--impact-orange);\n  box-shadow: 0 0 13px rgba(237, 87, 64, 0.7);\n  animation: thalesImpactPulse 1.8s ease-in-out infinite;\n}\n\n.thales-case__monitor {\n  position: absolute;\n  right: clamp(24px, 3vw, 40px);\n  bottom: clamp(24px, 3vw, 40px);\n  left: clamp(24px, 3vw, 40px);\n  z-index: 3;\n\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.thales-case__monitor span {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  padding: 18px 18px 18px 0;\n}\n\n.thales-case__monitor span:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n  top: 25%;\n  right: 18px;\n  width: 1px;\n  height: 50%;\n  background: rgba(255, 255, 255, 0.1);\n}\n\n.thales-case__monitor small {\n  color: rgba(255, 255, 255, 0.38);\n  font-size: 10px;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.thales-case__monitor strong {\n  color: rgba(255, 255, 255, 0.82);\n  font-size: 13px;\n  font-weight: 500;\n}\n\n\/* API-MAP *\/\n\n.thales-api-map {\n  position: absolute;\n  top: 105px;\n  right: 8%;\n  left: 8%;\n  height: 330px;\n}\n\n.thales-api-map__node {\n  position: absolute;\n  top: 50%;\n  z-index: 3;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 11px;\n\n  transform: translateY(-50%);\n}\n\n.thales-api-map__node--user {\n  left: 0;\n}\n\n.thales-api-map__node--api {\n  left: 50%;\n\n  width: 126px;\n  height: 126px;\n\n  justify-content: center;\n\n  border: 1px solid rgba(237, 87, 64, 0.72);\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(237, 87, 64, 0.17),\n      rgba(7, 24, 32, 0.85) 66%\n    );\n\n  box-shadow:\n    0 0 0 11px rgba(237, 87, 64, 0.035),\n    0 0 45px rgba(237, 87, 64, 0.16);\n\n  transform: translate(-50%, -50%);\n}\n\n.thales-api-map__node--account {\n  right: 0;\n}\n\n.thales-api-map__icon {\n  display: grid;\n  place-items: center;\n\n  width: 82px;\n  height: 82px;\n\n  border: 1px solid rgba(255, 255, 255, 0.23);\n  border-radius: 18px;\n\n  background: rgba(5, 18, 25, 0.75);\n}\n\n.thales-api-map__icon svg {\n  width: 43px;\n  height: 43px;\n  fill: none;\n  stroke: rgba(255, 255, 255, 0.76);\n  stroke-width: 1.4;\n}\n\n.thales-api-map__node small {\n  color: rgba(255, 255, 255, 0.46);\n  font-size: 10px;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.thales-api-map__node--api > span {\n  color: #ffffff;\n  font-size: 31px;\n  font-weight: 300;\n  letter-spacing: 0.05em;\n}\n\n.thales-api-map__node--api small {\n  color: rgba(255, 255, 255, 0.47);\n  font-size: 8px;\n}\n\n.thales-api-map__line {\n  position: absolute;\n  top: 50%;\n  z-index: 1;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.15),\n      rgba(255, 255, 255, 0.65),\n      rgba(255, 255, 255, 0.15)\n    );\n}\n\n.thales-api-map__line--one {\n  left: 92px;\n  width: calc(50% - 155px);\n}\n\n.thales-api-map__line--two {\n  right: 92px;\n  width: calc(50% - 155px);\n}\n\n.thales-api-map__request {\n  position: absolute;\n  top: calc(50% - 4px);\n  left: 100px;\n  z-index: 4;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--impact-orange);\n  box-shadow: 0 0 14px rgba(237, 87, 64, 0.8);\n\n  animation: thalesApiRequest 3.8s linear infinite;\n}\n\n.thales-api-map__request--two {\n  animation-delay: 1.2s;\n}\n\n.thales-api-map__request--three {\n  animation-delay: 2.4s;\n}\n\n.thales-api-map__attack {\n  position: absolute;\n  top: 79%;\n  left: 50%;\n  z-index: 4;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  color: rgba(255, 255, 255, 0.49);\n  font-size: 9px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n\n  transform: translateX(-50%);\n}\n\n.thales-api-map__attack span {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--impact-orange);\n  box-shadow: 0 0 12px rgba(237, 87, 64, 0.7);\n}\n\n\/* SMS-MAP *\/\n\n.thales-sms-map {\n  position: absolute;\n  top: 100px;\n  right: 7%;\n  left: 7%;\n\n  display: grid;\n  grid-template-columns: 150px minmax(130px, 1fr) 190px;\n  gap: clamp(20px, 3vw, 45px);\n  align-items: center;\n\n  height: 335px;\n}\n\n.thales-sms-map__phone {\n  position: relative;\n  width: 130px;\n  height: 245px;\n  padding: 20px 12px;\n\n  border: 1px solid rgba(255, 255, 255, 0.26);\n  border-radius: 23px;\n\n  background: rgba(4, 15, 21, 0.82);\n\n  box-shadow:\n    inset 0 0 25px rgba(255, 255, 255, 0.025),\n    0 20px 50px rgba(0, 0, 0, 0.25);\n}\n\n.thales-sms-map__speaker {\n  position: absolute;\n  top: 10px;\n  left: 50%;\n\n  width: 30px;\n  height: 3px;\n\n  border-radius: 3px;\n  background: rgba(255, 255, 255, 0.2);\n\n  transform: translateX(-50%);\n}\n\n.thales-sms-map__screen {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  height: 100%;\n\n  text-align: center;\n}\n\n.thales-sms-map__screen span {\n  color: rgba(255, 255, 255, 0.42);\n  font-size: 9px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.thales-sms-map__screen strong {\n  margin: 19px 0 22px;\n\n  color: #ffffff;\n  font-size: 23px;\n  font-weight: 300;\n  letter-spacing: 0.18em;\n}\n\n.thales-sms-map__screen small {\n  color: var(--impact-orange);\n  font-size: 8px;\n  letter-spacing: 0.06em;\n}\n\n.thales-sms-map__home {\n  position: absolute;\n  bottom: 8px;\n  left: 50%;\n\n  width: 18px;\n  height: 3px;\n\n  border-radius: 3px;\n  background: rgba(255, 255, 255, 0.2);\n\n  transform: translateX(-50%);\n}\n\n.thales-sms-map__stream {\n  position: relative;\n  height: 185px;\n}\n\n.thales-sms-map__stream > i {\n  position: absolute;\n  top: 50%;\n  left: 0;\n\n  width: 100%;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(237, 87, 64, 0.15),\n      rgba(237, 87, 64, 0.75),\n      rgba(237, 87, 64, 0.15)\n    );\n}\n\n.thales-sms-map__message {\n  position: absolute;\n  z-index: 2;\n\n  display: grid;\n  place-items: center;\n\n  width: 48px;\n  height: 30px;\n\n  color: rgba(255, 255, 255, 0.8);\n  border: 1px solid rgba(237, 87, 64, 0.5);\n  border-radius: 6px;\n\n  background: rgba(7, 24, 32, 0.95);\n\n  font-size: 8px;\n  letter-spacing: 0.1em;\n\n  box-shadow: 0 0 18px rgba(237, 87, 64, 0.12);\n\n  animation: thalesSmsFlow 3.7s linear infinite;\n}\n\n.thales-sms-map__message--1 {\n  top: 25%;\n  animation-delay: 0s;\n}\n\n.thales-sms-map__message--2 {\n  top: 47%;\n  animation-delay: 0.9s;\n}\n\n.thales-sms-map__message--3 {\n  top: 65%;\n  animation-delay: 1.8s;\n}\n\n.thales-sms-map__message--4 {\n  top: 37%;\n  animation-delay: 2.7s;\n}\n\n.thales-sms-map__cost small {\n  color: rgba(255, 255, 255, 0.4);\n  font-size: 9px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.thales-sms-map__bars {\n  display: flex;\n  align-items: flex-end;\n  gap: 7px;\n\n  height: 110px;\n  margin: 22px 0;\n  padding-bottom: 9px;\n\n  border-bottom: 1px solid rgba(255, 255, 255, 0.13);\n}\n\n.thales-sms-map__bars span {\n  flex: 1;\n  height: 18%;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(237, 87, 64, 0.35),\n      var(--impact-orange)\n    );\n\n  box-shadow: 0 0 14px rgba(237, 87, 64, 0.15);\n\n  animation: thalesCostRise 4.2s ease-in-out infinite alternate;\n}\n\n.thales-sms-map__bars span:nth-child(2) {\n  height: 28%;\n  animation-delay: 0.2s;\n}\n\n.thales-sms-map__bars span:nth-child(3) {\n  height: 43%;\n  animation-delay: 0.4s;\n}\n\n.thales-sms-map__bars span:nth-child(4) {\n  height: 57%;\n  animation-delay: 0.6s;\n}\n\n.thales-sms-map__bars span:nth-child(5) {\n  height: 76%;\n  animation-delay: 0.8s;\n}\n\n.thales-sms-map__bars span:nth-child(6) {\n  height: 100%;\n  animation-delay: 1s;\n}\n\n.thales-sms-map__cost strong {\n  display: block;\n  color: var(--impact-orange);\n  font-size: 20px;\n  font-weight: 400;\n}\n\n\/* TEXT *\/\n\n.thales-case__content {\n  position: relative;\n}\n\n.thales-case__index {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 28px;\n\n  color: rgba(255, 255, 255, 0.42);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.thales-case__index span {\n  color: var(--impact-orange);\n  font-size: 13px;\n}\n\n.thales-case__index i {\n  display: block;\n  width: 39px;\n  height: 1px;\n  background: rgba(237, 87, 64, 0.65);\n}\n\n.thales-case__signal {\n  display: block;\n  margin-bottom: 25px;\n\n  color: #ffffff;\n  font-size: clamp(28px, 3.2vw, 45px);\n  font-weight: 300;\n  line-height: 1.05;\n  letter-spacing: -0.025em;\n}\n\n.thales-case__amount {\n  display: flex;\n  align-items: flex-end;\n  gap: 14px;\n  margin-bottom: 25px;\nwhite-space: nowrap;\n\n}\n\n.thales-case__amount strong {\n  color: #ffffff;\n  font-size: clamp(66px, 7.5vw, 112px);\n  font-weight: 300;\n  line-height: 0.8;\n  letter-spacing: -0.06em;\n}\n\n.thales-case__amount span {\n  padding-bottom: 8px;\n\n  color: var(--impact-orange);\n  font-size: 17px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n}\n\n.thales-case h3 {\n  margin: 0;\n\n  color: #ffffff;\n  font-size: clamp(30px, 3.2vw, 45px);\n  font-weight: 400;\n  line-height: 1.14;\n  letter-spacing: -0.03em;\n}\n\n.thales-case__lead {\n  margin: 26px 0 21px !important;\n\n  color: rgba(255, 255, 255, 0.91) !important;\n  font-size: clamp(20px, 2vw, 25px) !important;\n  font-weight: 300;\n  line-height: 1.5 !important;\n}\n\n.thales-case__content > p {\n  margin: 0;\n\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 18px;\n  line-height: 1.7;\n}\n\n.thales-case__consequence {\n  margin-top: 31px;\n  padding: 24px 0 0;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.11);\n}\n\n.thales-case__consequence > span {\n  display: block;\n  margin-bottom: 13px;\n\n  color: var(--impact-orange);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.thales-case__consequence p {\n  margin: 0;\n\n  color: rgba(255, 255, 255, 0.76);\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n\/* ABSCHLUSS *\/\n\n.thales-impact__conclusion {\n  display: flex;\n  align-items: center;\n  gap: clamp(25px, 5vw, 65px);\n\n  margin-top: clamp(110px, 14vw, 190px);\n  padding-top: 44px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.11);\n}\n\n.thales-impact__conclusion-line {\n  position: relative;\n  flex: 0 0 clamp(70px, 10vw, 150px);\n  height: 1px;\n  background: rgba(237, 87, 64, 0.75);\n}\n\n.thales-impact__conclusion-line::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: 0;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--impact-orange);\n  box-shadow: 0 0 16px rgba(237, 87, 64, 0.75);\n\n  transform: translateY(-50%);\n}\n\n.thales-impact__conclusion p {\n  max-width: 850px;\n  margin: 0;\n\n  color: rgba(255, 255, 255, 0.68);\n  font-size: clamp(24px, 3vw, 39px);\n  font-weight: 300;\n  line-height: 1.4;\n  letter-spacing: -0.02em;\n}\n\n.thales-impact__conclusion strong {\n  color: #ffffff;\n  font-weight: 400;\n}\n\n\/* REVEAL *\/\n\n.thales-impact__reveal {\n  opacity: 0;\n  transform: translateY(42px);\n\n  transition:\n    opacity 1s ease,\n    transform 1s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-impact__reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* FULLWIDTH WORDPRESS WRAPPER *\/\n\nbody.page-id-24168 .thales-impact-wrap {\n  position: relative !important;\n  z-index: 23 !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n\n  transform: translateY(-70px);\n\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\nbody.page-id-24168 .thales-impact-wrap > *,\nbody.page-id-24168 .thales-impact-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\nbody.page-id-24168 .thales-impact-wrap .thales-impact {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\n\/* ANIMATIONEN *\/\n\n@keyframes thalesImpactPulse {\n  0%,\n  100% {\n    opacity: 0.45;\n    transform: scale(0.85);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.15);\n  }\n}\n\n@keyframes thalesApiRequest {\n  0% {\n    left: 100px;\n    opacity: 0;\n  }\n\n  10% {\n    opacity: 1;\n  }\n\n  48% {\n    left: calc(50% - 4px);\n    opacity: 1;\n  }\n\n  90% {\n    left: calc(100% - 108px);\n    opacity: 1;\n  }\n\n  100% {\n    left: calc(100% - 108px);\n    opacity: 0;\n  }\n}\n\n@keyframes thalesSmsFlow {\n  0% {\n    left: 0;\n    opacity: 0;\n  }\n\n  12% {\n    opacity: 1;\n  }\n\n  88% {\n    opacity: 1;\n  }\n\n  100% {\n    left: calc(100% - 48px);\n    opacity: 0;\n  }\n}\n\n@keyframes thalesCostRise {\n  from {\n    filter: brightness(0.68);\n    transform: scaleY(0.88);\n    transform-origin: bottom;\n  }\n\n  to {\n    filter: brightness(1.12);\n    transform: scaleY(1);\n    transform-origin: bottom;\n  }\n}\n\n@media (max-width: 1080px) {\n  .thales-sms-map {\n    grid-template-columns: 130px minmax(100px, 1fr) 155px;\n  }\n}\n\n@media (max-width: 980px) {\n  .thales-case,\n  .thales-case--sms {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n\n  .thales-case--sms .thales-case__visual,\n  .thales-case--sms .thales-case__content {\n    order: initial;\n  }\n\n  .thales-case__content {\n    max-width: 760px;\n  }\n}\n\n@media (max-width: 680px) {\n  .thales-impact {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .thales-case__visual {\n    min-height: 520px;\n    border-radius: 15px;\n  }\n\n  .thales-api-map {\n    right: 4%;\n    left: 4%;\n  }\n\n  .thales-api-map__node--api {\n    width: 100px;\n    height: 100px;\n  }\n\n  .thales-api-map__line--one {\n    left: 77px;\n    width: calc(50% - 128px);\n  }\n\n  .thales-api-map__line--two {\n    right: 77px;\n    width: calc(50% - 128px);\n  }\n\n  .thales-api-map__icon {\n    width: 68px;\n    height: 68px;\n  }\n\n  .thales-sms-map {\n    right: 5%;\n    left: 5%;\n    grid-template-columns: 105px 1fr 120px;\n    gap: 14px;\n  }\n\n  .thales-sms-map__phone {\n    width: 100px;\n    height: 210px;\n  }\n\n  .thales-sms-map__cost strong {\n    font-size: 15px;\n  }\n\n  .thales-case__monitor span {\n    padding-right: 8px;\n  }\n\n  .thales-case__monitor span:not(:last-child)::after {\n    right: 5px;\n  }\n\n  .thales-impact__conclusion {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 480px) {\n  .thales-case__visual {\n    min-height: 465px;\n    padding: 20px 16px;\n  }\n\n  .thales-case__visual-head {\n    font-size: 9px;\n  }\n\n  .thales-api-map {\n    top: 90px;\n    height: 270px;\n  }\n\n  .thales-api-map__node--api {\n    width: 86px;\n    height: 86px;\n  }\n\n  .thales-api-map__node--api > span {\n    font-size: 23px;\n  }\n\n  .thales-api-map__icon {\n    width: 55px;\n    height: 55px;\n    border-radius: 13px;\n  }\n\n  .thales-api-map__icon svg {\n    width: 32px;\n    height: 32px;\n  }\n\n  .thales-api-map__line--one {\n    left: 60px;\n    width: calc(50% - 104px);\n  }\n\n  .thales-api-map__line--two {\n    right: 60px;\n    width: calc(50% - 104px);\n  }\n\n  .thales-api-map__request {\n    left: 66px;\n  }\n\n  .thales-api-map__attack {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .thales-sms-map {\n    top: 82px;\n    right: 16px;\n    left: 16px;\n\n    grid-template-columns: 78px 1fr 100px;\n    gap: 9px;\n\n    height: 290px;\n  }\n\n  .thales-sms-map__phone {\n    width: 76px;\n    height: 175px;\n    padding: 16px 7px;\n    border-radius: 16px;\n  }\n\n  .thales-sms-map__screen span,\n  .thales-sms-map__screen small {\n    font-size: 6px;\n  }\n\n  .thales-sms-map__screen strong {\n    font-size: 15px;\n  }\n\n  .thales-sms-map__message {\n    width: 35px;\n    height: 23px;\n    font-size: 6px;\n  }\n\n  .thales-sms-map__cost small {\n    font-size: 6px;\n  }\n\n  .thales-sms-map__bars {\n    height: 85px;\n    gap: 4px;\n  }\n\n  .thales-sms-map__cost strong {\n    font-size: 12px;\n  }\n\n  .thales-case__monitor {\n    right: 16px;\n    bottom: 20px;\n    left: 16px;\n  }\n\n  .thales-case__monitor small {\n    font-size: 7px;\n  }\n\n  .thales-case__monitor strong {\n    font-size: 10px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thales-impact__reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .thales-case__live i,\n  .thales-api-map__request,\n  .thales-sms-map__message,\n  .thales-sms-map__bars span {\n    animation: none;\n  }\n}\n\/* =========================================================\n   INFINIGATE TYPOGRAFIE + RUHIGERER HINTERGRUND\n   REALE ANGRIFFSSZENARIEN\n   ========================================================= *\/\n\n.thales-impact {\n  font-family: \"Outfit\", serif;\n\n  background:\n    radial-gradient(\n      circle at 90% 18%,\n      rgba(26, 87, 109, 0.035),\n      transparent 38%\n    ),\n    radial-gradient(\n      circle at 7% 78%,\n      rgba(237, 87, 64, 0.012),\n      transparent 34%\n    ),\n    linear-gradient(\n      180deg,\n      #061219 0%,\n      #07151d 50%,\n      #061219 100%\n    );\n}\n\n\/* Raster besser sichtbar *\/\n.thales-impact::before {\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.03) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.03) 1px,\n      transparent 1px\n    );\n}\n\n\/* Abschnitts\u00fcberschrift *\/\n.thales-impact h2 {\n  font-size: clamp(46px, 4vw, 50px);\n  line-height: 1.1;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Einleitung *\/\n.thales-impact__intro > p {\n  max-width: 760px;\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 300;\n}\n\n\/* Falltitel *\/\n.thales-case h3 {\n  font-size: clamp(27px, 2.5vw, 30px);\n  line-height: 1.4;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Authentifizierungs-API *\/\n.thales-case__signal {\n  font-size: clamp(26px, 2.5vw, 30px);\n  line-height: 1.3;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Hervorgehobene Einleitung pro Fall *\/\n.thales-case__lead {\n  margin: 24px 0 20px !important;\n  font-size: clamp(20px, 1.8vw, 22px) !important;\n  line-height: 1.4 !important;\n  font-weight: 300 !important;\n}\n\n\/* Normaler Erkl\u00e4rungstext *\/\n.thales-case__content > p:not(.thales-case__lead),\n.thales-case__consequence p {\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 300;\n}\n\n\/* Abschlussaussage etwas ruhiger *\/\n.thales-impact__conclusion p {\n  font-size: clamp(26px, 2.8vw, 34px);\n  line-height: 1.4;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Mobile *\/\n@media (max-width: 680px) {\n  .thales-impact h2 {\n    font-size: clamp(38px, 11vw, 46px);\n  }\n\n  .thales-impact__intro > p,\n  .thales-case__content > p:not(.thales-case__lead),\n  .thales-case__consequence p {\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .thales-case__lead {\n    font-size: 20px !important;\n    line-height: 1.45 !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".thales-impact\");\n\n  if (!section) return;\n\n  const elements = section.querySelectorAll(\n    \".thales-impact__reveal\"\n  );\n\n  if (!(\"IntersectionObserver\" in window)) {\n    elements.forEach(function (element) {\n      element.classList.add(\"is-visible\");\n    });\n\n    return;\n  }\n\n  const observer = new IntersectionObserver(\n    function (entries) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n\n        entry.target.classList.add(\"is-visible\");\n        observer.unobserve(entry.target);\n      });\n    },\n    {\n      threshold: 0.12,\n      rootMargin: \"0px 0px -8% 0px\"\n    }\n  );\n\n  elements.forEach(function (element) {\n    observer.observe(element);\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull thales-reality-wrap is-layout-flow wp-block-group-is-layout-flow\">\n<section class=\"thales-reality\" id=\"thales-reality\" aria-labelledby=\"thales-reality-title\">\n\n  <div class=\"thales-reality__intro thales-reality__reveal\">\n    <span class=\"thales-reality__kicker\">Reality Check<\/span>\n\n    <h2 id=\"thales-reality-title\">\n      How well do you know<br>\n      <span>your digital infrastructure?<\/span>\n    <\/h2>\n\n    <p>\n      Modern bot attacks are often almost indistinguishable from legitimate access attempts. The key question is therefore not just whether bots\n      are active, but whether you can identify what they are doing within your digital\n      processes.\n    <\/p>\n  <\/div>\n\n  <div class=\"thales-reality__dashboard thales-reality__reveal\">\n\n    <div class=\"thales-reality__questions\">\n\n      <article class=\"thales-check\" data-check=\"1\">\n        <div class=\"thales-check__state\" aria-hidden=\"true\">\n          <span class=\"thales-check__ring\"><\/span>\n          <span class=\"thales-check__pulse\"><\/span>\n        <\/div>\n\n        <div class=\"thales-check__copy\">\n          <span class=\"thales-check__number\">01<\/span>\n\n          <div>\n            <h3>Website-Traffic<\/h3>\n            <p>\n              Do you know what proportion of your website traffic actually\n              comes from people?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysed<\/span>\n      <\/article>\n\n      <article class=\"thales-check\" data-check=\"2\">\n        <div class=\"thales-check__state\" aria-hidden=\"true\">\n          <span class=\"thales-check__ring\"><\/span>\n          <span class=\"thales-check__pulse\"><\/span>\n        <\/div>\n\n        <div class=\"thales-check__copy\">\n          <span class=\"thales-check__number\">02<\/span>\n\n          <div>\n            <h3>API activity<\/h3>\n            <p>\n              Who monitors your APIs for unauthorised or\n              automated access?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysed<\/span>\n      <\/article>\n\n      <article class=\"thales-check\" data-check=\"3\">\n        <div class=\"thales-check__state\" aria-hidden=\"true\">\n          <span class=\"thales-check__ring\"><\/span>\n          <span class=\"thales-check__pulse\"><\/span>\n        <\/div>\n\n        <div class=\"thales-check__copy\">\n          <span class=\"thales-check__number\">03<\/span>\n\n          <div>\n            <h3>Business processes<\/h3>\n            <p>\n              Can bots manipulate your business processes without\n              triggering an alarm?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysed<\/span>\n      <\/article>\n\n      <article class=\"thales-check\" data-check=\"4\">\n        <div class=\"thales-check__state\" aria-hidden=\"true\">\n          <span class=\"thales-check__ring\"><\/span>\n          <span class=\"thales-check__pulse\"><\/span>\n        <\/div>\n\n        <div class=\"thales-check__copy\">\n          <span class=\"thales-check__number\">04<\/span>\n\n          <div>\n            <h3>Automation<\/h3>\n            <p>\n              Which automated access attempts are desirable and which\n              pose a risk?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysed<\/span>\n      <\/article>\n\n      <article class=\"thales-check\" data-check=\"5\">\n        <div class=\"thales-check__state\" aria-hidden=\"true\">\n          <span class=\"thales-check__ring\"><\/span>\n          <span class=\"thales-check__pulse\"><\/span>\n        <\/div>\n\n        <div class=\"thales-check__copy\">\n          <span class=\"thales-check__number\">05<\/span>\n\n          <div>\n            <h3>AI-powered attacks<\/h3>\n            <p>\n              How well prepared are you for intelligent and adaptive\n              bot attacks?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysed<\/span>\n      <\/article>\n\n    <\/div>\n\n    <aside class=\"thales-reality__panel\">\n\n      <div class=\"thales-reality__panel-grid\" aria-hidden=\"true\"><\/div>\n      <div class=\"thales-reality__radar\" aria-hidden=\"true\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"thales-reality__panel-head\">\n        <span>System Analysis<\/span>\n\n        <span class=\"thales-reality__live\">\n          <i><\/i>\n          Active\n        <\/span>\n      <\/div>\n\n      <div class=\"thales-reality__progress\">\n        <div class=\"thales-reality__progress-meta\">\n          <span>Progress of the analysis<\/span>\n          <strong class=\"thales-reality__percentage\">0 %<\/strong>\n        <\/div>\n\n        <div class=\"thales-reality__progress-track\">\n          <span class=\"thales-reality__progress-fill\"><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"thales-reality__result\">\n        <span class=\"thales-reality__result-label\">\n          Result\n        <\/span>\n\n        <div class=\"thales-reality__result-value\">\n          <strong>5<\/strong>\n\n          <span>\n            Open<br>\n            Questions\n          <\/span>\n        <\/div>\n\n        <p>\n          If you can\u2019t answer any of these questions definitively,\n          it\u2019s worth taking a look at the latest Thales Bad Bot Report.\n        <\/p>\n\n        <a class=\"thales-reality__cta\" href=\"#thales-report\">\n          <span>Download the report<\/span>\n          <i aria-hidden=\"true\">\u2192<\/i>\n        <\/a>\n      <\/div>\n\n\n    <\/aside>\n\n  <\/div>\n\n  <div class=\"thales-reality__closing thales-reality__reveal\">\n    <span><\/span>\n\n    <p>\n      Hidden risks arise where there is a lack of transparency.\n    <\/p>\n  <\/div>\n\n<\/section>\n\n<style>\n.thales-reality,\n.thales-reality * {\n  box-sizing: border-box;\n}\n\n.thales-reality {\n  --reality-orange: #ed5740;\n  --reality-white: #ffffff;\n  --reality-dark: #041118;\n  --reality-dark-soft: #071922;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding:\n    clamp(110px, 11vw, 170px)\n    24px\n    clamp(110px, 12vw, 180px);\n\n  overflow: hidden;\n  color: var(--reality-white);\n\n  background:\n    radial-gradient(\n      circle at 83% 37%,\n      rgba(31, 95, 119, 0.18),\n      transparent 31%\n    ),\n    radial-gradient(\n      circle at 7% 83%,\n      rgba(237, 87, 64, 0.055),\n      transparent 24%\n    ),\n    linear-gradient(\n      180deg,\n      #041118 0%,\n      #06161e 50%,\n      #041118 100%\n    );\n}\n\n.thales-reality::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.016) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.016) 1px,\n      transparent 1px\n    );\n\n  background-size: 72px 72px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      transparent,\n      #000 8%,\n      #000 92%,\n      transparent\n    );\n}\n\n.thales-reality__intro,\n.thales-reality__dashboard,\n.thales-reality__closing {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, 100%);\n  margin-inline: auto;\n}\n\n.thales-reality__intro {\n  max-width: 950px;\n  margin-bottom: clamp(80px, 10vw, 135px);\n}\n\n.thales-reality__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 26px;\n\n  color: var(--reality-orange);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.thales-reality__kicker::before {\n  content: \"\";\n  width: 42px;\n  height: 1px;\n  background: currentColor;\n}\n\n.thales-reality h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(48px, 7vw, 96px);\n  font-weight: 300;\n  line-height: 0.98;\n  letter-spacing: -0.04em;\n}\n\n.thales-reality h2 span {\n  color: rgba(255, 255, 255, 0.38);\n}\n\n.thales-reality__intro p {\n  max-width: 760px;\n  margin: 36px 0 0;\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 19px;\n  line-height: 1.7;\n}\n\n.thales-reality__dashboard {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.15fr)\n    minmax(360px, 0.72fr);\n\n  gap: clamp(48px, 7vw, 105px);\n  align-items: stretch;\n}\n\n.thales-reality__questions {\n  display: flex;\n  flex-direction: column;\n}\n\n.thales-check {\n  position: relative;\n  display: grid;\n  grid-template-columns: 48px minmax(0, 1fr) auto;\n  gap: 22px;\n  align-items: center;\n\n  min-height: 145px;\n  padding: 27px 0;\n\n  opacity: 0.38;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n\n  transform: translateX(-20px);\n\n  transition:\n    opacity 0.7s ease,\n    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),\n    border-color 0.7s ease;\n}\n\n.thales-check:last-child {\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.thales-check.is-checked {\n  opacity: 1;\n  border-color: rgba(255, 255, 255, 0.15);\n  transform: translateX(0);\n}\n\n.thales-check__state {\n  position: relative;\n  display: grid;\n  place-items: center;\n\n  width: 42px;\n  height: 42px;\n}\n\n.thales-check__ring {\n  position: absolute;\n  inset: 3px;\n\n  border: 1px solid rgba(255, 255, 255, 0.22);\n  border-radius: 50%;\n\n  transition:\n    border-color 0.5s ease,\n    box-shadow 0.5s ease;\n}\n\n.thales-check.is-checked .thales-check__ring {\n  border-color: var(--reality-orange);\n\n  box-shadow:\n    0 0 0 7px rgba(237, 87, 64, 0.045),\n    0 0 24px rgba(237, 87, 64, 0.22);\n}\n\n.thales-check__pulse {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.28);\n\n  transition:\n    background 0.5s ease,\n    box-shadow 0.5s ease,\n    transform 0.5s ease;\n}\n\n.thales-check.is-checked .thales-check__pulse {\n  background: var(--reality-orange);\n\n  box-shadow: 0 0 15px rgba(237, 87, 64, 0.75);\n  transform: scale(1.12);\n}\n\n.thales-check__copy {\n  display: grid;\n  grid-template-columns: 37px minmax(0, 1fr);\n  gap: 20px;\n  align-items: start;\n}\n\n.thales-check__number {\n  padding-top: 5px;\n  color: rgba(255, 255, 255, 0.28);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n\n  transition: color 0.5s ease;\n}\n\n.thales-check.is-checked .thales-check__number {\n  color: var(--reality-orange);\n}\n\n.thales-check h3 {\n  margin: 0 0 8px;\n  color: rgba(255, 255, 255, 0.94);\n  font-size: clamp(20px, 2vw, 27px);\n  font-weight: 400;\n  line-height: 1.2;\n  letter-spacing: -0.015em;\n}\n\n.thales-check p {\n  max-width: 600px;\n  margin: 0;\n  color: rgba(255, 255, 255, 0.57);\n  font-size: 17px;\n  line-height: 1.58;\n}\n\n.thales-check__result {\n  color: rgba(255, 255, 255, 0);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n\n  transform: translateX(10px);\n\n  transition:\n    color 0.5s ease,\n    transform 0.5s ease;\n}\n\n.thales-check.is-checked .thales-check__result {\n  color: rgba(255, 255, 255, 0.42);\n  transform: translateX(0);\n}\n\n\/* STATUSPANEL *\/\n\n.thales-reality__panel {\n  position: relative;\n  min-height: 720px;\n  padding: clamp(28px, 3vw, 42px);\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.036),\n      transparent 30%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(8, 27, 36, 0.97),\n      rgba(4, 17, 24, 0.98)\n    );\n\n  box-shadow:\n    0 32px 90px rgba(0, 0, 0, 0.32),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.018);\n}\n\n.thales-reality__panel-grid {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.022) 1px,\n      transparent 1px\n    );\n\n  background-size: 42px 42px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      #000,\n      rgba(0, 0, 0, 0.55)\n    );\n}\n\n.thales-reality__panel-head {\n  position: relative;\n  z-index: 4;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  color: rgba(255, 255, 255, 0.42);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.thales-reality__live {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.thales-reality__live i {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n  background: var(--reality-orange);\n\n  box-shadow: 0 0 13px rgba(237, 87, 64, 0.7);\n\n  animation: thalesRealityPulse 1.8s ease-in-out infinite;\n}\n\n.thales-reality__radar {\n  position: absolute;\n  top: 105px;\n  left: 50%;\n\n  width: 330px;\n  height: 330px;\n\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 50%;\n\n  transform: translateX(-50%);\n}\n\n.thales-reality__radar > span {\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.065);\n  border-radius: 50%;\n}\n\n.thales-reality__radar > span:nth-child(1) {\n  inset: 18%;\n}\n\n.thales-reality__radar > span:nth-child(2) {\n  inset: 35%;\n}\n\n.thales-reality__radar > span:nth-child(3) {\n  top: 50%;\n  right: 0;\n  left: 0;\n\n  height: 1px;\n\n  border: 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 0;\n}\n\n.thales-reality__radar i {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n\n  width: 47%;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(237, 87, 64, 0.8),\n      transparent\n    );\n\n  transform-origin: left center;\n  animation: thalesRealityRadar 5.5s linear infinite;\n}\n\n.thales-reality__radar i::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: -4px;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--reality-orange);\n\n  box-shadow: 0 0 16px rgba(237, 87, 64, 0.75);\n\n  transform: translateY(-50%);\n}\n\n.thales-reality__progress {\n  position: relative;\n  z-index: 4;\n  margin-top: 390px;\n}\n\n.thales-reality__progress-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 13px;\n\n  color: rgba(255, 255, 255, 0.4);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.thales-reality__percentage {\n  color: rgba(255, 255, 255, 0.78);\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.thales-reality__progress-track {\n  height: 3px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 0.09);\n}\n\n.thales-reality__progress-fill {\n  display: block;\n  width: 0;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--reality-orange),\n      #ff8b76\n    );\n\n  box-shadow: 0 0 14px rgba(237, 87, 64, 0.35);\n\n  transition: width 0.75s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-reality__result {\n  position: relative;\n  z-index: 4;\n  margin-top: 44px;\n\n  opacity: 0;\n  transform: translateY(22px);\n\n  transition:\n    opacity 0.8s ease,\n    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-reality__panel.is-complete .thales-reality__result {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.thales-reality__result-label {\n  display: block;\n  margin-bottom: 18px;\n\n  color: var(--reality-orange);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.thales-reality__result-value {\n  display: flex;\n  align-items: center;\n  gap: 21px;\n}\n\n.thales-reality__result-value strong {\n  color: #ffffff;\n  font-size: clamp(80px, 8vw, 118px);\n  font-weight: 300;\n  line-height: 0.78;\n  letter-spacing: -0.06em;\n}\n\n.thales-reality__result-value span {\n  color: rgba(255, 255, 255, 0.75);\n  font-size: 17px;\n  font-weight: 400;\n  line-height: 1.25;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.thales-reality__result p {\n  margin: 30px 0 0;\n  color: rgba(255, 255, 255, 0.63);\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n.thales-reality__cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 15px;\n\n  min-height: 52px;\n  margin-top: 27px;\n  padding: 0 24px;\n\n  color: #ffffff;\n  border: 1px solid rgba(237, 87, 64, 0.72);\n  border-radius: 999px;\n  background: rgba(237, 87, 64, 0.1);\n\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: 0.02em;\n  text-decoration: none;\n  white-space: nowrap;\n\n  box-shadow: 0 12px 30px rgba(237, 87, 64, 0.1);\n\n  transition:\n    color 0.3s ease,\n    background 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.thales-reality__cta i {\n  color: var(--reality-orange);\n  font-size: 20px;\n  font-style: normal;\n  line-height: 1;\n\n  transition:\n    color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.thales-reality__cta:hover {\n  color: #ffffff;\n  border-color: var(--reality-orange);\n  background: var(--reality-orange);\n\n  transform: translateY(-2px);\n\n  box-shadow: 0 16px 36px rgba(237, 87, 64, 0.2);\n}\n\n.thales-reality__cta:hover i {\n  color: #ffffff;\n  transform: translateX(5px);\n}\n\n.thales-reality__status {\n  position: absolute;\n  right: clamp(28px, 3vw, 42px);\n  bottom: clamp(28px, 3vw, 42px);\n  left: clamp(28px, 3vw, 42px);\n  z-index: 4;\n\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  border-top: 1px solid rgba(255, 255, 255, 0.09);\n}\n\n.thales-reality__status > span {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  padding: 17px 12px 0 0;\n}\n\n.thales-reality__status > span:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n  top: 30%;\n  right: 10px;\n\n  width: 1px;\n  height: 55%;\n\n  background: rgba(255, 255, 255, 0.09);\n}\n\n.thales-reality__status small {\n  color: rgba(255, 255, 255, 0.35);\n  font-size: 9px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.thales-reality__status strong {\n  color: rgba(255, 255, 255, 0.75);\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\/* ABSCHLUSS *\/\n\n.thales-reality__closing {\n  display: flex;\n  align-items: center;\n  gap: clamp(25px, 5vw, 65px);\n\n  margin-top: clamp(90px, 11vw, 145px);\n  padding-top: 42px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.thales-reality__closing > span {\n  position: relative;\n  flex: 0 0 clamp(70px, 10vw, 150px);\n\n  height: 1px;\n  background: rgba(237, 87, 64, 0.72);\n}\n\n.thales-reality__closing > span::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: 0;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--reality-orange);\n\n  box-shadow: 0 0 16px rgba(237, 87, 64, 0.7);\n\n  transform: translateY(-50%);\n}\n\n.thales-reality__closing p {\n  margin: 0;\n\n  color: rgba(255, 255, 255, 0.68);\n  font-size: clamp(23px, 3vw, 38px);\n  font-weight: 300;\n  line-height: 1.4;\n  letter-spacing: -0.02em;\n}\n\n\/* REVEAL *\/\n\n.thales-reality__reveal {\n  opacity: 0;\n  transform: translateY(42px);\n\n  transition:\n    opacity 1s ease,\n    transform 1s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-reality__reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* WORDPRESS FULLWIDTH *\/\n\nbody.page-id-24168 .thales-reality-wrap {\n  position: relative !important;\n  z-index: 24 !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-top: -160px !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\nbody.page-id-24168 .thales-reality-wrap > *,\nbody.page-id-24168 .thales-reality-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\nbody.page-id-24168 .thales-reality-wrap .thales-reality {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\n@keyframes thalesRealityPulse {\n  0%,\n  100% {\n    opacity: 0.45;\n    transform: scale(0.85);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.15);\n  }\n}\n\n@keyframes thalesRealityRadar {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (max-width: 980px) {\n  .thales-reality__dashboard {\n    grid-template-columns: 1fr;\n  }\n\n  .thales-reality__panel {\n    min-height: 690px;\n  }\n\n  .thales-reality__radar {\n    width: 300px;\n    height: 300px;\n  }\n\n  .thales-reality__progress {\n    margin-top: 355px;\n  }\n}\n\n@media (max-width: 680px) {\n  .thales-reality {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .thales-check {\n    grid-template-columns: 40px minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .thales-check__result {\n    display: none;\n  }\n\n  .thales-check__copy {\n    grid-template-columns: 30px minmax(0, 1fr);\n    gap: 13px;\n  }\n\n  .thales-check p {\n    font-size: 16px;\n  }\n\n  .thales-reality__panel {\n    min-height: 700px;\n    border-radius: 15px;\n  }\n\n  .thales-reality__closing {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 440px) {\n  .thales-reality__panel {\n    min-height: 720px;\n    padding: 24px 20px;\n  }\n\n  .thales-reality__radar {\n    top: 90px;\n    width: 245px;\n    height: 245px;\n  }\n\n  .thales-reality__progress {\n    margin-top: 295px;\n  }\n\n  .thales-reality__status {\n    right: 20px;\n    bottom: 24px;\n    left: 20px;\n  }\n\n  .thales-reality__status small {\n    font-size: 7px;\n  }\n\n  .thales-reality__status strong {\n    font-size: 10px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thales-reality__reveal,\n  .thales-check,\n  .thales-reality__result {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .thales-reality__live i,\n  .thales-reality__radar i {\n    animation: none;\n  }\n}\n\/* =========================================================\n   INFINIGATE TYPOGRAFIE + RUHIGERER HINTERGRUND\n   REALITY CHECK\n   ========================================================= *\/\n\n.thales-reality {\n  font-family: \"Outfit\", serif;\n\n  background:\n    radial-gradient(\n      circle at 83% 37%,\n      rgba(31, 95, 119, 0.035),\n      transparent 40%\n    ),\n    radial-gradient(\n      circle at 7% 83%,\n      rgba(237, 87, 64, 0.012),\n      transparent 34%\n    ),\n    linear-gradient(\n      180deg,\n      #061219 0%,\n      #07151d 50%,\n      #061219 100%\n    );\n}\n\n\/* Raster etwas klarer sichtbar *\/\n\n.thales-reality::before {\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.03) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.03) 1px,\n      transparent 1px\n    );\n}\n\n\/* Abschnitts\u00fcberschrift *\/\n\n.thales-reality h2 {\n  font-size: clamp(46px, 4vw, 50px);\n  line-height: 1.1;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Introtext *\/\n\n.thales-reality__intro > p {\n  max-width: 760px;\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 300;\n}\n\n\/* Titel der f\u00fcnf Pr\u00fcfpunkte *\/\n\n.thales-check h3 {\n  font-size: 24px;\n  line-height: 1.4;\n  font-weight: 500;\n  letter-spacing: -0.02em;\n}\n\n\/* Erkl\u00e4rungstexte der Pr\u00fcfpunkte:\n   kompakter als normaler Fliesstext, da dichtes Dashboard *\/\n\n.thales-check p {\n  font-size: 19px;\n  line-height: 27px;\n  font-weight: 300;\n}\n\n\/* Text im Ergebnisbereich *\/\n\n.thales-reality__result > p {\n  font-size: 19px;\n  line-height: 27px;\n  font-weight: 300;\n}\n\n\/* Beschriftung neben der grossen 5 *\/\n\n.thales-reality__result-value span {\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 500;\n}\n\n\/* Standard-CTA nach Infinigate-Vorgabe *\/\n\n.thales-reality__cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5em;\n\n  min-height: auto;\n  margin-top: 27px;\n  padding: 0.8em 1.5em;\n\n  color: #ffffff;\n  border: 1px solid #ed5740;\n  border-radius: 6px;\n  background: #ed5740;\n\n  font-family: \"Outfit\", serif;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n  letter-spacing: normal;\n  text-decoration: none;\n  white-space: nowrap;\n\n  box-shadow: none;\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.thales-reality__cta i {\n  color: currentColor;\n  font-size: 21px;\n  font-style: normal;\n  line-height: 1;\n\n  transition: transform 0.3s ease;\n}\n\n.thales-reality__cta:hover,\n.thales-reality__cta:focus-visible {\n  color: #ed5740;\n  border-color: #ed5740;\n  background: #ffffff;\n  transform: translateY(-2px);\n}\n\n.thales-reality__cta:hover i,\n.thales-reality__cta:focus-visible i {\n  transform: translateX(5px);\n}\n\n.thales-reality__cta:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.3);\n  outline-offset: 4px;\n}\n\n\/* Abschlussaussage *\/\n\n.thales-reality__closing p {\n  font-size: clamp(26px, 2.8vw, 34px);\n  line-height: 1.4;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Mobile *\/\n\n@media (max-width: 680px) {\n  .thales-reality h2 {\n    font-size: clamp(38px, 11vw, 46px);\n  }\n\n  .thales-reality__intro > p {\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .thales-check h3 {\n    font-size: 22px;\n  }\n\n  .thales-check p,\n  .thales-reality__result > p {\n    font-size: 18px;\n    line-height: 1.5;\n  }\n\n  .thales-reality__cta {\n    width: 100%;\n    white-space: normal;\n    text-align: center;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".thales-reality\");\n\n  if (!section) return;\n\n  const revealElements = section.querySelectorAll(\n    \".thales-reality__reveal\"\n  );\n\n  const checks = Array.from(\n    section.querySelectorAll(\".thales-check\")\n  );\n\n  const panel = section.querySelector(\".thales-reality__panel\");\n  const percentage = section.querySelector(\n    \".thales-reality__percentage\"\n  );\n  const progressFill = section.querySelector(\n    \".thales-reality__progress-fill\"\n  );\n\n  let analysisStarted = false;\n\n  function revealContent() {\n    revealElements.forEach(function (element, index) {\n      window.setTimeout(function () {\n        element.classList.add(\"is-visible\");\n      }, index * 140);\n    });\n  }\n\n  function updateProgress(value) {\n    percentage.textContent = value + \" %\";\n    progressFill.style.width = value + \"%\";\n  }\n\n  function runAnalysis() {\n    if (analysisStarted) return;\n\n    analysisStarted = true;\n    updateProgress(0);\n\n    checks.forEach(function (check, index) {\n      window.setTimeout(function () {\n        check.classList.add(\"is-checked\");\n\n        const progress = Math.round(\n          ((index + 1) \/ checks.length) * 100\n        );\n\n        updateProgress(progress);\n\n        if (index === checks.length - 1) {\n          window.setTimeout(function () {\n            panel.classList.add(\"is-complete\");\n          }, 550);\n        }\n      }, 500 + index * 700);\n    });\n  }\n\n  if (!(\"IntersectionObserver\" in window)) {\n    revealContent();\n    runAnalysis();\n    return;\n  }\n\n  const revealObserver = new IntersectionObserver(\n    function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n\n        revealContent();\n        observer.unobserve(entry.target);\n      });\n    },\n    {\n      threshold: 0.12\n    }\n  );\n\n  const analysisObserver = new IntersectionObserver(\n    function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n\n        runAnalysis();\n        observer.unobserve(entry.target);\n      });\n    },\n    {\n      threshold: 0.3,\n      rootMargin: \"0px 0px -8% 0px\"\n    }\n  );\n\n  revealObserver.observe(section);\n  analysisObserver.observe(\n    section.querySelector(\".thales-reality__dashboard\")\n  );\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull thales-report-wrap is-layout-flow wp-block-group-is-layout-flow\" id=\"report\">\n<section class=\"thales-report\" id=\"thales-report\" aria-labelledby=\"thales-report-title\">\n\n  <div class=\"thales-report__inner\">\n\n    <div class=\"thales-report__visual thales-report__reveal\">\n\n      <div class=\"thales-report__orbit\" aria-hidden=\"true\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/div>\n\n      <div class=\"thales-report__cover\">\n        <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/2026-thales-data-threat-report-tn.png\" alt=\"Cover des 2026 Thales Bad Bot Report\" loading=\"lazy\">\n\n        <span class=\"thales-report__scan\" aria-hidden=\"true\"><\/span>\n      <\/div>\n\n      <div class=\"thales-report__badge\">\n        <span>2026<\/span>\n        <strong>Edition<\/strong>\n      <\/div>\n\n      <div class=\"thales-report__visual-status\" aria-hidden=\"true\">\n        <span>\n          <small>Data base<\/small>\n          <strong>Global<\/strong>\n        <\/span>\n\n        <span>\n          <small>Analysis<\/small>\n          <strong>Latest<\/strong>\n        <\/span>\n\n        <span>\n          <small>Format<\/small>\n          <strong>PDF<\/strong>\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"thales-report__content thales-report__reveal\">\n\n      <span class=\"thales-report__kicker\">\n        The full report\n      <\/span>\n\n      <h2 id=\"thales-report-title\">\n        2026 Thales<br>\n        <span>Bad Bot Report.<\/span>\n      <\/h2>\n\n      <p class=\"thales-report__subtitle\">\n        Bad Bots in the Agentic Age\n      <\/p>\n\n      <p class=\"thales-report__lead\">\n        The report brings together the latest market data, real-world attack scenarios and\n        specific, practical recommendations for action.\n      <\/p>\n\n      <p class=\"thales-report__copy\">\n        It shows how artificial intelligence, APIs and automated attacks\n        are transforming businesses, and what measures are needed today\n        to effectively protect applications, digital interfaces and business processes.\n      <\/p>\n\n      <div class=\"thales-report__facts\">\n\n        <div>\n          <strong>53 %<\/strong>\n          <span>Bot-Traffic<\/span>\n        <\/div>\n\n        <div>\n          <strong>40 %<\/strong>\n          <span>Bad Bots<\/span>\n        <\/div>\n\n        <div>\n          <strong>27 %<\/strong>\n          <span>API attacks<\/span>\n        <\/div>\n\n        <div>\n          <strong>21 %<\/strong>\n          <span>Business Logic Abuse<\/span>\n        <\/div>\n\n        <div>\n          <strong>12,5\u00d7<\/strong>\n          <span>more AI attacks<\/span>\n        <\/div>\n\n        <div>\n          <strong>17,2 Bio.<\/strong>\n          <span>blocked requests<\/span>\n        <\/div>\n\n      <\/div>\n\n      <button class=\"thales-report__cta\" type=\"button\" data-thales-report-open=\"\">\n        <span>Download the report now<\/span>\n\n        <i aria-hidden=\"true\">\u2192<\/i>\n      <\/button>\n\n      <p class=\"thales-report__notice\">\n        Fill in the form and download the full report.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"thales-report__closing thales-report__reveal\">\n    <span><\/span>\n\n    <p>\n      The invisible threat begins where traditional\n      security measures end.\n    <\/p>\n  <\/div>\n\n  <!-- POPUP -->\n  <div class=\"thales-report-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"thales-report-modal-title\" aria-hidden=\"true\">\n\n    <button class=\"thales-report-modal__backdrop\" type=\"button\" aria-label=\"Formular schliessen\" data-thales-report-close=\"\"><\/button>\n\n    <div class=\"thales-report-modal__dialog\">\n\n      <button class=\"thales-report-modal__close\" type=\"button\" aria-label=\"Formular schliessen\" data-thales-report-close=\"\">\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n\n      <div class=\"thales-report-modal__header\">\n        <span>2026 Thales Bad Bot Report<\/span>\n\n        <h3 id=\"thales-report-modal-title\">\n          Download the report\n        <\/h3>\n\n        <p>\n          Enter your contact details and you\u2019ll then be given access\n          to the full report.\n        <\/p>\n      <\/div>\n\n      <div class=\"thales-report-modal__form\">\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_318' ><div id='gf_318' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">Download Thales Bad Bot Report EN<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>\u201e<span class=\"gfield_required gfield_required_asterisk\">*<\/span>\u201c zeigt erforderliche Felder an<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_318' id='gform_318'  action='\/ch\/wp-json\/wp\/v2\/pages\/24168#gf_318' data-formid='318' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_318' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_318_7\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_318_7'>LinkedIn<\/label><div class='gfield_description' id='gfield_description_318_7'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_7' id='input_318_7' type='text' value='' autocomplete='new-password'\/><\/div><\/div><fieldset id=\"field_318_6\" class=\"gfield gfield--type-name gfield--input-type-name gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_318_6'>\n                            \n                            <span id='input_318_6_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <label for='input_318_6_3' class='gform-field-label gform-field-label--type-sub '>First name<\/label>\n                                                    <input type='text' name='input_6.3' id='input_318_6_3' value=''   aria-required='true'     \/>\n                                                <\/span>\n                            \n                            <span id='input_318_6_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                            <label for='input_318_6_6' class='gform-field-label gform-field-label--type-sub '>Surname<\/label>\n                                                            <input type='text' name='input_6.6' id='input_318_6_6' value=''   aria-required='true'     \/>\n                                                        <\/span>\n                            \n                        <\/div><\/fieldset><div id=\"field_318_5\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_318_5'>Email<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_5' id='input_318_5' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_318' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Download'  \/> <input type='hidden' name='gform_ajax' value='form_id=318&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=e166f1f62d019058c5e4dfaa6577ccfd' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_318' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_318' id='gform_theme_318' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_318' id='gform_style_settings_318' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_318' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='318' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='gOaxjtzJ2NCit5EbpImV7LuyKvqGS6huWo8RHtAm8y0oKYMk\/Uuv2MwbWMlJqFnxr2mt5quB989pv4erZdutQ\/II3VUd2QNtEZ4M1xV4WQz+yh8=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_318' value='WyJbXSIsIjc3YWE1M2E5MTFjMjNhN2Y1NDgxODNlYzQwZWNmZDYzIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_318' id='gform_target_page_number_318' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_318' id='gform_source_page_number_318' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_318' id='gform_ajax_frame_318' title='Dieser iframe enth\u00e4lt die erforderliche Logik um Gravity Forms Formulare mit AJAX zu handhaben.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 318, 'https:\/\/www.infinigate.com\/ch\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_318').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_318');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_318').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_318').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_318').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_318').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_318').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_318').val();gformInitSpinner( 318, 'https:\/\/www.infinigate.com\/ch\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [318, current_page]);window['gf_submitting_318'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_318').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_318').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [318]);window['gf_submitting_318'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_318').text());}else{jQuery('#gform_318').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"318\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_318\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_318\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_318\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 318, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n.thales-report,\n.thales-report * {\n  box-sizing: border-box;\n}\n\n.thales-report {\n  --report-orange: #ed5740;\n  --report-white: #ffffff;\n  --report-dark: #041118;\n  --report-panel: #081b24;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding:\n    clamp(110px, 11vw, 175px)\n    24px\n    clamp(110px, 12vw, 180px);\n\n  overflow: hidden;\n  color: var(--report-white);\n\n  background:\n    radial-gradient(\n      circle at 18% 42%,\n      rgba(34, 103, 128, 0.2),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 91% 74%,\n      rgba(237, 87, 64, 0.06),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #041118 0%,\n      #061720 52%,\n      #031017 100%\n    );\n}\n\n.thales-report::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.016) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.016) 1px,\n      transparent 1px\n    );\n\n  background-size: 72px 72px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      transparent,\n      #000 8%,\n      #000 92%,\n      transparent\n    );\n}\n\n.thales-report__inner,\n.thales-report__closing {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, 100%);\n  margin-inline: auto;\n}\n\n.thales-report__inner {\n  display: grid;\n  grid-template-columns:\n    minmax(360px, 0.82fr)\n    minmax(0, 1.05fr);\n\n  gap: clamp(60px, 9vw, 135px);\n  align-items: center;\n}\n\n\/* REPORT-VISUAL *\/\n\n.thales-report__visual {\n  position: relative;\n  min-height: 700px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.thales-report__orbit {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n\n  width: min(620px, 48vw);\n  aspect-ratio: 1;\n\n  border: 1px solid rgba(255, 255, 255, 0.065);\n  border-radius: 50%;\n\n  transform: translate(-50%, -50%);\n}\n\n.thales-report__orbit span {\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.055);\n  border-radius: 50%;\n}\n\n.thales-report__orbit span:nth-child(1) {\n  inset: 15%;\n}\n\n.thales-report__orbit span:nth-child(2) {\n  inset: 31%;\n}\n\n.thales-report__orbit span:nth-child(3) {\n  top: 50%;\n  right: -12%;\n  left: -12%;\n\n  height: 1px;\n\n  border: 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.055);\n  border-radius: 0;\n}\n\n.thales-report__cover {\n  position: relative;\n  z-index: 3;\n\n  width: min(430px, 82%);\n  overflow: hidden;\n\n  border: 1px solid rgba(255, 255, 255, 0.13);\n  border-radius: 7px;\n\n  background: #071820;\n\n  box-shadow:\n    35px 40px 90px rgba(0, 0, 0, 0.48),\n    -18px 5px 55px rgba(32, 106, 132, 0.15);\n\n  transform:\n    perspective(1100px)\n    rotateY(7deg)\n    rotateX(1deg)\n    rotateZ(-1.5deg);\n\n  transition:\n    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 0.8s ease;\n}\n\n.thales-report__cover:hover {\n  transform:\n    perspective(1100px)\n    rotateY(2deg)\n    rotateX(0deg)\n    rotateZ(0deg)\n    translateY(-8px);\n\n  box-shadow:\n    30px 48px 105px rgba(0, 0, 0, 0.56),\n    -20px 8px 65px rgba(32, 106, 132, 0.2);\n}\n\n.thales-report__cover img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.thales-report__scan {\n  position: absolute;\n  top: -35%;\n  left: 0;\n\n  width: 100%;\n  height: 150px;\n\n  pointer-events: none;\n  opacity: 0;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      rgba(237, 87, 64, 0.08) 43%,\n      rgba(255, 255, 255, 0.38) 50%,\n      rgba(237, 87, 64, 0.08) 57%,\n      transparent\n    );\n\n  animation: thalesReportScan 7.5s ease-in-out infinite;\n}\n\n.thales-report__badge {\n  position: absolute;\n  top: 12%;\n  right: 2%;\n  z-index: 4;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  width: 95px;\n  height: 95px;\n\n  border: 1px solid rgba(237, 87, 64, 0.55);\n  border-radius: 50%;\n\n  background: rgba(4, 17, 24, 0.82);\n  backdrop-filter: blur(10px);\n\n  box-shadow:\n    0 0 0 9px rgba(237, 87, 64, 0.035),\n    0 18px 45px rgba(0, 0, 0, 0.28);\n}\n\n.thales-report__badge span {\n  color: var(--report-orange);\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1;\n}\n\n.thales-report__badge strong {\n  margin-top: 7px;\n\n  color: rgba(255, 255, 255, 0.55);\n  font-size: 8px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.thales-report__visual-status {\n  position: absolute;\n  right: 2%;\n  bottom: 6%;\n  left: 2%;\n  z-index: 4;\n\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  border-top: 1px solid rgba(255, 255, 255, 0.11);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.11);\n}\n\n.thales-report__visual-status span {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n\n  padding: 18px 12px;\n}\n\n.thales-report__visual-status span:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n  top: 26%;\n  right: 0;\n\n  width: 1px;\n  height: 48%;\n\n  background: rgba(255, 255, 255, 0.1);\n}\n\n.thales-report__visual-status small {\n  color: rgba(255, 255, 255, 0.35);\n  font-size: 9px;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.thales-report__visual-status strong {\n  color: rgba(255, 255, 255, 0.78);\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\/* CONTENT *\/\n\n.thales-report__content {\n  position: relative;\n}\n\n.thales-report__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 27px;\n\n  color: var(--report-orange);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.thales-report__kicker::before {\n  content: \"\";\n  width: 42px;\n  height: 1px;\n  background: currentColor;\n}\n\n.thales-report h2 {\n  margin: 0;\n\n  color: #ffffff;\n  font-size: clamp(48px, 6vw, 82px);\n  font-weight: 300;\n  line-height: 0.98;\n  letter-spacing: -0.04em;\n}\n\n.thales-report h2 span {\n  color: rgba(255, 255, 255, 0.38);\n}\n\n.thales-report__subtitle {\n  margin: 27px 0 0;\n\n  color: var(--report-orange);\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.thales-report__lead {\n  margin: 31px 0 0;\n\n  color: rgba(255, 255, 255, 0.91);\n  font-size: clamp(21px, 2vw, 27px);\n  font-weight: 300;\n  line-height: 1.52;\n}\n\n.thales-report__copy {\n  margin: 23px 0 0;\n\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 18px;\n  line-height: 1.7;\n}\n\n.thales-report__facts {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n\n  margin-top: 42px;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 14px;\n\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.thales-report__facts div {\n  min-height: 105px;\n  padding: 20px;\n\n  background: rgba(5, 20, 28, 0.92);\n}\n\n.thales-report__facts strong {\n  display: block;\n\n  color: #ffffff;\n  font-size: clamp(21px, 2vw, 29px);\n  font-weight: 400;\n  line-height: 1.1;\n}\n\n.thales-report__facts span {\n  display: block;\n  margin-top: 9px;\n\n  color: rgba(255, 255, 255, 0.44);\n  font-size: 10px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.thales-report__cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n\n  min-height: 58px;\n  margin-top: 38px;\n  padding: 0 29px;\n\n  cursor: pointer;\n\n  color: #ffffff;\n  border: 1px solid var(--report-orange);\n  border-radius: 50px;\n  background: var(--report-orange);\n\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 500;\n\n  box-shadow: 0 14px 35px rgba(237, 87, 64, 0.18);\n\n  transition:\n    color 0.3s ease,\n    background 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.thales-report__cta:hover {\n  color: var(--report-orange);\n  background: transparent;\n\n  transform: translateY(-3px);\n\n  box-shadow: 0 18px 42px rgba(237, 87, 64, 0.12);\n}\n\n.thales-report__cta i {\n  font-size: 22px;\n  font-style: normal;\n\n  transition: transform 0.3s ease;\n}\n\n.thales-report__cta:hover i {\n  transform: translateX(5px);\n}\n\n.thales-report__notice {\n  margin: 14px 0 0;\n\n  color: rgba(255, 255, 255, 0.38);\n  font-size: 12px;\n}\n\n\/* CLOSING *\/\n\n.thales-report__closing {\n  display: flex;\n  align-items: center;\n  gap: clamp(25px, 5vw, 65px);\n\n  margin-top: clamp(100px, 12vw, 160px);\n  padding-top: 42px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.thales-report__closing > span {\n  position: relative;\n  flex: 0 0 clamp(70px, 10vw, 150px);\n\n  height: 1px;\n\n  background: rgba(237, 87, 64, 0.72);\n}\n\n.thales-report__closing > span::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: 0;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--report-orange);\n\n  box-shadow: 0 0 16px rgba(237, 87, 64, 0.7);\n\n  transform: translateY(-50%);\n}\n\n.thales-report__closing p {\n  max-width: 850px;\n  margin: 0;\n\n  color: rgba(255, 255, 255, 0.68);\n  font-size: clamp(23px, 3vw, 38px);\n  font-weight: 300;\n  line-height: 1.4;\n  letter-spacing: -0.02em;\n}\n\n\/* MODAL *\/\n\n.thales-report-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 28px;\n\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n\n  transition:\n    opacity 0.35s ease,\n    visibility 0.35s ease;\n}\n\n.thales-report-modal.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.thales-report-modal__backdrop {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n  padding: 0;\n\n  cursor: pointer;\n\n  border: 0;\n  background: rgba(1, 8, 12, 0.91);\n  backdrop-filter: blur(13px);\n}\n\n.thales-report-modal__dialog {\n  position: relative;\n  z-index: 2;\n\n  width: min(680px, 100%);\n  max-height: calc(100vh - 56px);\n  padding: clamp(28px, 5vw, 52px);\n\n  overflow-y: auto;\n\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.04),\n      transparent 28%\n    ),\n    #081b24;\n\n  box-shadow: 0 35px 110px rgba(0, 0, 0, 0.66);\n\n  transform: translateY(22px) scale(0.97);\n\n  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-report-modal.is-open .thales-report-modal__dialog {\n  transform: translateY(0) scale(1);\n}\n\n.thales-report-modal__close {\n  position: absolute;\n  top: 18px;\n  right: 18px;\n\n  width: 42px;\n  height: 42px;\n  padding: 0;\n\n  cursor: pointer;\n\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 50%;\n  background: rgba(4, 17, 24, 0.7);\n}\n\n.thales-report-modal__close span {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n\n  width: 17px;\n  height: 1px;\n\n  background: #ffffff;\n}\n\n.thales-report-modal__close span:first-child {\n  transform:\n    translate(-50%, -50%)\n    rotate(45deg);\n}\n\n.thales-report-modal__close span:last-child {\n  transform:\n    translate(-50%, -50%)\n    rotate(-45deg);\n}\n\n.thales-report-modal__header {\n  padding-right: 45px;\n}\n\n.thales-report-modal__header > span {\n  color: var(--report-orange);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.thales-report-modal__header h3 {\n  margin: 15px 0 0;\n\n  color: #ffffff;\n  font-size: clamp(31px, 4vw, 46px);\n  font-weight: 300;\n  line-height: 1.1;\n  letter-spacing: -0.03em;\n}\n\n.thales-report-modal__header p {\n  margin: 18px 0 0;\n\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 17px;\n  line-height: 1.6;\n}\n\n.thales-report-modal__form {\n  margin-top: 35px;\n}\n\n\/* GRAVITY FORMS *\/\n\n.thales-report-modal .gform_wrapper,\n.thales-report-modal .gform_wrapper.gravity-theme {\n  color: #ffffff;\n}\n\n.thales-report-modal .gform_title {\n  display: none;\n}\n\n.thales-report-modal .gfield_label,\n.thales-report-modal .gform-field-label,\n.thales-report-modal .gfield_description,\n.thales-report-modal .gform_description,\n.thales-report-modal .gchoice label,\n.thales-report-modal .gfield_consent_label {\n  color: rgba(255, 255, 255, 0.82) !important;\n}\n\n.thales-report-modal input:not([type=\"submit\"]):not([type=\"checkbox\"]),\n.thales-report-modal select,\n.thales-report-modal textarea {\n  width: 100% !important;\n\n  color: #ffffff !important;\n  border: 1px solid rgba(255, 255, 255, 0.18) !important;\n  border-radius: 8px !important;\n  background: rgba(255, 255, 255, 0.055) !important;\n\n  box-shadow: none !important;\n}\n\n.thales-report-modal input::placeholder,\n.thales-report-modal textarea::placeholder {\n  color: rgba(255, 255, 255, 0.38) !important;\n}\n\n.thales-report-modal input:focus,\n.thales-report-modal select:focus,\n.thales-report-modal textarea:focus {\n  border-color: var(--report-orange) !important;\n  outline: none !important;\n\n  box-shadow: 0 0 0 3px rgba(237, 87, 64, 0.1) !important;\n}\n\n.thales-report-modal .gfield_required {\n  color: var(--report-orange) !important;\n}\n\n.thales-report-modal .gform_footer input[type=\"submit\"],\n.thales-report-modal .gform_page_footer input[type=\"button\"],\n.thales-report-modal .gform_page_footer input[type=\"submit\"],\n.thales-report-modal .gform_button {\n  min-height: 52px !important;\n  padding: 0 25px !important;\n\n  cursor: pointer !important;\n\n  color: #ffffff !important;\n  border: 1px solid var(--report-orange) !important;\n  border-radius: 50px !important;\n  background: var(--report-orange) !important;\n\n  font-family: inherit !important;\n  font-weight: 500 !important;\n\n  box-shadow: none !important;\n}\n\n.thales-report-modal .gform_footer input[type=\"submit\"]:hover,\n.thales-report-modal .gform_button:hover {\n  color: var(--report-orange) !important;\n  background: transparent !important;\n}\n\n.thales-report-modal a {\n  color: var(--report-orange) !important;\n  text-decoration: underline;\n}\n\n.thales-report-modal .validation_message,\n.thales-report-modal .gfield_validation_message,\n.thales-report-modal .gform_validation_errors {\n  color: #ffffff !important;\n  border-color: rgba(237, 87, 64, 0.55) !important;\n  background: rgba(237, 87, 64, 0.14) !important;\n}\n\n.thales-report-modal .gform_confirmation_message {\n  color: #ffffff !important;\n  font-size: 17px;\n  line-height: 1.65;\n}\n\nbody.thales-report-modal-open {\n  overflow: hidden;\n}\n\n\/* REVEAL *\/\n\n.thales-report__reveal {\n  opacity: 0;\n  transform: translateY(42px);\n\n  transition:\n    opacity 1s ease,\n    transform 1s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-report__reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* WORDPRESS FULLWIDTH *\/\n\nbody.page-id-24168 .thales-report-wrap {\n  position: relative !important;\n  z-index: 25 !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-top: -120px !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\nbody.page-id-24168 .thales-report-wrap > *,\nbody.page-id-24168 .thales-report-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\nbody.page-id-24168 .thales-report-wrap .thales-report {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\n@keyframes thalesReportScan {\n  0% {\n    top: -35%;\n    opacity: 0;\n  }\n\n  12% {\n    opacity: 0.8;\n  }\n\n  52% {\n    opacity: 0.8;\n  }\n\n  64% {\n    top: 105%;\n    opacity: 0;\n  }\n\n  100% {\n    top: 105%;\n    opacity: 0;\n  }\n}\n\n@media (max-width: 980px) {\n  .thales-report__inner {\n    grid-template-columns: 1fr;\n  }\n\n  .thales-report__visual {\n    min-height: 650px;\n  }\n\n  .thales-report__content {\n    max-width: 800px;\n  }\n\n  .thales-report__orbit {\n    width: min(620px, 84vw);\n  }\n}\n\n@media (max-width: 680px) {\n  .thales-report {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .thales-report__visual {\n    min-height: 540px;\n  }\n\n  .thales-report__cover {\n    width: min(360px, 78%);\n  }\n\n  .thales-report__badge {\n    right: 0;\n    width: 78px;\n    height: 78px;\n  }\n\n  .thales-report__badge span {\n    font-size: 18px;\n  }\n\n  .thales-report__facts {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .thales-report__closing {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .thales-report-modal {\n    padding: 14px;\n  }\n\n  .thales-report-modal__dialog {\n    max-height: calc(100vh - 28px);\n    border-radius: 16px;\n  }\n}\n\n@media (max-width: 440px) {\n  .thales-report__visual {\n    min-height: 470px;\n  }\n\n  .thales-report__visual-status {\n    right: 0;\n    left: 0;\n  }\n\n  .thales-report__visual-status small {\n    font-size: 7px;\n  }\n\n  .thales-report__visual-status strong {\n    font-size: 10px;\n  }\n\n  .thales-report__facts div {\n    min-height: 95px;\n    padding: 17px;\n  }\n\n  .thales-report__cta {\n    width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thales-report__reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .thales-report__scan {\n    display: none;\n  }\n\n  .thales-report__cover,\n  .thales-report-modal__dialog {\n    transition: none;\n  }\n}\n\/* =========================================================\n   INFINIGATE TYPOGRAFIE + RUHIGERER HINTERGRUND\n   REPORT-ABSCHNITT UND DOWNLOAD-FORMULAR\n   ========================================================= *\/\n\n.thales-report {\n  font-family: \"Outfit\", serif;\n\n  background:\n    radial-gradient(\n      circle at 18% 42%,\n      rgba(34, 103, 128, 0.028),\n      transparent 40%\n    ),\n    radial-gradient(\n      circle at 91% 74%,\n      rgba(237, 87, 64, 0.01),\n      transparent 36%\n    ),\n    linear-gradient(\n      180deg,\n      #061219 0%,\n      #07151d 52%,\n      #061219 100%\n    );\n}\n\n\/* Raster etwas klarer sichtbar *\/\n\n.thales-report::before {\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.03) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.03) 1px,\n      transparent 1px\n    );\n}\n\n\/* Abschnitts\u00fcberschrift *\/\n\n.thales-report h2 {\n  font-size: clamp(46px, 4vw, 50px);\n  line-height: 1.1;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Englischer Untertitel *\/\n\n.thales-report__subtitle {\n  margin-top: 23px;\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 500;\n}\n\n\/* Hervorgehobener Einleitungstext *\/\n\n.thales-report__lead {\n  margin-top: 28px;\n  font-size: clamp(20px, 1.8vw, 22px);\n  line-height: 1.4;\n  font-weight: 300;\n}\n\n\/* Normaler Fliesstext *\/\n\n.thales-report__copy {\n  margin-top: 21px;\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 300;\n}\n\n\/* Kennzahlen bleiben kompakt, werden aber typografisch ruhiger *\/\n\n.thales-report__facts strong {\n  font-weight: 300;\n}\n\n.thales-report__facts span {\n  font-weight: 500;\n  line-height: 1.35;\n}\n\n\/* Offizieller Infinigate-CTA *\/\n\n.thales-report__cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5em;\n\n  min-height: auto;\n  margin-top: 38px;\n  padding: 0.8em 1.5em;\n\n  color: #ffffff;\n  border: 1px solid #ed5740;\n  border-radius: 6px;\n  background: #ed5740;\n\n  font-family: \"Outfit\", serif;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n  letter-spacing: normal;\n\n  box-shadow: none;\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.thales-report__cta i {\n  color: currentColor;\n  font-size: 21px;\n  font-style: normal;\n  line-height: 1;\n\n  transition: transform 0.3s ease;\n}\n\n.thales-report__cta:hover,\n.thales-report__cta:focus-visible {\n  color: #ed5740;\n  border-color: #ed5740;\n  background: #ffffff;\n  transform: translateY(-2px);\n}\n\n.thales-report__cta:hover i,\n.thales-report__cta:focus-visible i {\n  transform: translateX(5px);\n}\n\n.thales-report__cta:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.3);\n  outline-offset: 4px;\n}\n\n.thales-report__notice {\n  margin-top: 14px;\n  font-size: 13px;\n  line-height: 1.5;\n  font-weight: 300;\n}\n\n\/* Abschlussaussage *\/\n\n.thales-report__closing p {\n  font-size: clamp(26px, 2.8vw, 34px);\n  line-height: 1.4;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n\/* Popup-Headline und Erkl\u00e4rung *\/\n\n.thales-report-modal__header h3 {\n  font-size: clamp(28px, 3vw, 36px);\n  line-height: 1.25;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n}\n\n.thales-report-modal__header p {\n  font-size: 19px;\n  line-height: 27px;\n  font-weight: 300;\n}\n\n\/* Gravity-Forms-Typografie *\/\n\n.thales-report-modal .gfield_label,\n.thales-report-modal .gform-field-label {\n  font-family: \"Outfit\", serif !important;\n  font-size: 17px !important;\n  line-height: 1.4 !important;\n  font-weight: 500 !important;\n}\n\n.thales-report-modal .gfield_description,\n.thales-report-modal .gform_description,\n.thales-report-modal .gchoice label,\n.thales-report-modal .gfield_consent_label {\n  font-family: \"Outfit\", serif !important;\n  font-size: 16px !important;\n  line-height: 1.5 !important;\n  font-weight: 300 !important;\n}\n\n\/* Formularfelder *\/\n\n.thales-report-modal input:not([type=\"submit\"]):not([type=\"checkbox\"]),\n.thales-report-modal select,\n.thales-report-modal textarea {\n  min-height: 50px !important;\n  padding: 11px 14px !important;\n\n  font-family: \"Outfit\", serif !important;\n  font-size: 17px !important;\n  font-weight: 300 !important;\n}\n\n\/* Formularbutton ebenfalls gem\u00e4ss Infinigate *\/\n\n.thales-report-modal .gform_footer input[type=\"submit\"],\n.thales-report-modal .gform_page_footer input[type=\"button\"],\n.thales-report-modal .gform_page_footer input[type=\"submit\"],\n.thales-report-modal .gform_button {\n  min-height: auto !important;\n  padding: 0.8em 1.5em !important;\n\n  color: #ffffff !important;\n  border: 1px solid #ed5740 !important;\n  border-radius: 6px !important;\n  background: #ed5740 !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  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease !important;\n}\n\n.thales-report-modal .gform_footer input[type=\"submit\"]:hover,\n.thales-report-modal .gform_footer input[type=\"submit\"]:focus-visible,\n.thales-report-modal .gform_button:hover,\n.thales-report-modal .gform_button:focus-visible {\n  color: #ed5740 !important;\n  border-color: #ed5740 !important;\n  background: #ffffff !important;\n  transform: translateY(-2px);\n}\n\n\/* Mobile *\/\n\n@media (max-width: 680px) {\n  .thales-report h2 {\n    font-size: clamp(38px, 11vw, 46px);\n  }\n\n  .thales-report__lead,\n  .thales-report__copy {\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .thales-report-modal__header p {\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .thales-report__cta {\n    width: 100%;\n  }\n}\n\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".thales-report\");\n\n  if (!section) return;\n\n  const revealElements = section.querySelectorAll(\n    \".thales-report__reveal\"\n  );\n\n  const modal = section.querySelector(\".thales-report-modal\");\n  const openButtons = section.querySelectorAll(\n    \"[data-thales-report-open]\"\n  );\n  const closeButtons = section.querySelectorAll(\n    \"[data-thales-report-close]\"\n  );\n\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) return;\n\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        });\n      },\n      {\n        threshold: 0.12,\n        rootMargin: \"0px 0px -8% 0px\"\n      }\n    );\n\n    revealElements.forEach(function (element) {\n      observer.observe(element);\n    });\n  } else {\n    revealElements.forEach(function (element) {\n      element.classList.add(\"is-visible\");\n    });\n  }\n\n  function openModal() {\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"false\");\n    document.body.classList.add(\"thales-report-modal-open\");\n\n    const firstInput = modal.querySelector(\n      \"input:not([type='hidden']), select, textarea\"\n    );\n\n    window.setTimeout(function () {\n      if (firstInput) {\n        firstInput.focus();\n      }\n    }, 180);\n  }\n\n  function closeModal() {\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n    document.body.classList.remove(\"thales-report-modal-open\");\n  }\n\n  openButtons.forEach(function (button) {\n    button.addEventListener(\"click\", openModal);\n  });\n\n  closeButtons.forEach(function (button) {\n    button.addEventListener(\"click\", closeModal);\n  });\n\n  document.addEventListener(\"keydown\", function (event) {\n    if (\n      event.key === \"Escape\" &&\n      modal.classList.contains(\"is-open\")\n    ) {\n      closeModal();\n    }\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull thales-team-wrap is-layout-flow wp-block-group-is-layout-flow\">\n<section class=\"thales-team\" id=\"thales-kontakt\" aria-labelledby=\"thales-team-title\">\n\n  <div class=\"thales-team__inner\">\n\n    <!-- KONTAKTKARTE -->\n    <article class=\"thales-team__contact thales-team__reveal\">\n\n      <div class=\"thales-team__contact-grid\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"thales-team__contact-decoration\" aria-hidden=\"true\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n        <i><\/i>\n      <\/div>\n\n      <div class=\"thales-team__contact-copy\">\n\n        <span class=\"thales-team__kicker\">\n          Direct contact\n        <\/span>\n\n        <h2 id=\"thales-team-title\">\n          Contact the <br>\n          <span>Thales team.<\/span>\n        <\/h2>\n\n        <p>\n          Our Thales team is here to support you with sales enquiries,\n          pre-sales matters and planned marketing activities.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"thales-team__contact-actions\">\n\n        <div class=\"thales-team__contact-details\">\n\n          <a href=\"mailto:thales@infinigate.ch\">\n            <span>E-Mail<\/span>\n            <strong>thales@infinigate.ch<\/strong>\n          <\/a>\n\n          <a href=\"tel:+41417990104\">\n            <span>Telefon<\/span>\n            <strong>+41 41 799 01 04<\/strong>\n          <\/a>\n\n        <\/div>\n\n        <button class=\"thales-team__contact-button\" type=\"button\" data-thales-contact-open=\"\">\n          <span>Get in touch now<\/span>\n          <i aria-hidden=\"true\">\u2192<\/i>\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- TEAM-INTRO -->\n    <div class=\"thales-team__intro thales-team__reveal\">\n\n      <span class=\"thales-team__kicker\">\n        Your points of contact\n      <\/span>\n\n      <h3>\n        Here for you personally.\n      <\/h3>\n\n      <p>\n        Whether it\u2019s a quote, a project idea or a technical enquiry: when you contact us,\n        you\u2019ll speak directly to the people who support Thales\u2019s business in Switzerland.\n      <\/p>\n\n    <\/div>\n\n    <!-- PEOPLE -->\n    <div class=\"thales-team__people\">\n\n      <!-- REN\u00c9 -->\n      <article class=\"thales-person thales-team__reveal\">\n\n        <div class=\"thales-person__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2023\/04\/Rene-Schmidig_3.jpg\" alt=\"Ren\u00e9 Schmidig, Inside Sales bei Infinigate Schweiz\" loading=\"lazy\">\n\n          <span class=\"thales-person__scan\" aria-hidden=\"true\"><\/span>\n\n          <div class=\"thales-person__index\" aria-hidden=\"true\">\n            01\n          <\/div>\n        <\/div>\n\n        <div class=\"thales-person__content\">\n\n          <span class=\"thales-person__role\">\n            Inside Sales\n          <\/span>\n\n          <h4>Ren\u00e9 Schmidig<\/h4>\n\n          <div class=\"thales-person__links\">\n\n            <a href=\"mailto:thales@infinigate.ch\">\n              <span>E-Mail<\/span>\n              thales@infinigate.ch\n            <\/a>\n\n            <a href=\"tel:+41417990104\">\n              <span>Telefon<\/span>\n              +41 41 799 01 04\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- SONIA -->\n      <article class=\"thales-person thales-team__reveal\">\n\n        <div class=\"thales-person__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2024\/04\/Sonia-Palomino_1.jpg\" alt=\"Sonia Palomino, Inside Sales bei Infinigate Schweiz\" loading=\"lazy\">\n\n          <span class=\"thales-person__scan\" aria-hidden=\"true\"><\/span>\n\n          <div class=\"thales-person__index\" aria-hidden=\"true\">\n            02\n          <\/div>\n        <\/div>\n\n        <div class=\"thales-person__content\">\n\n          <span class=\"thales-person__role\">\n            Inside Sales\n          <\/span>\n\n          <h4>Sonia Palomino<\/h4>\n\n          <div class=\"thales-person__links\">\n\n            <a href=\"mailto:thales@infinigate.ch\">\n              <span>E-Mail<\/span>\n              thales@infinigate.ch\n            <\/a>\n\n            <a href=\"tel:+41417990104\">\n              <span>Telefon<\/span>\n              +41 41 799 01 04\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- STEFANIE -->\n      <article class=\"thales-person thales-team__reveal\">\n\n        <div class=\"thales-person__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2023\/04\/Stefanie-Elmiger_1.jpg\" alt=\"Stefanie Elmiger, Inside Sales bei Infinigate Schweiz\" loading=\"lazy\">\n\n          <span class=\"thales-person__scan\" aria-hidden=\"true\"><\/span>\n\n          <div class=\"thales-person__index\" aria-hidden=\"true\">\n            03\n          <\/div>\n        <\/div>\n\n        <div class=\"thales-person__content\">\n\n          <span class=\"thales-person__role\">\n            Inside Sales\n          <\/span>\n\n          <h4>Stefanie Elmiger<\/h4>\n\n          <div class=\"thales-person__links\">\n\n            <a href=\"mailto:thales@infinigate.ch\">\n              <span>E-Mail<\/span>\n              thales@infinigate.ch\n            <\/a>\n\n            <a href=\"tel:+41417990104\">\n              <span>Telefon<\/span>\n              +41 41 799 01 04\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- ABSCHLUSS -->\n    <div class=\"thales-team__closing thales-team__reveal\">\n      <span><\/span>\n\n      <p>\n        A good security strategy starts with a face-to-face conversation.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n  <!-- KONTAKT-POP-UP -->\n  <div class=\"thales-contact-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"thales-contact-modal-title\" aria-hidden=\"true\">\n\n    <button class=\"thales-contact-modal__backdrop\" type=\"button\" aria-label=\"Kontaktformular schliessen\" data-thales-contact-close=\"\"><\/button>\n\n    <div class=\"thales-contact-modal__dialog\" role=\"document\" tabindex=\"-1\">\n\n      <button class=\"thales-contact-modal__close\" type=\"button\" aria-label=\"Kontaktformular schliessen\" data-thales-contact-close=\"\">\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n\n      <div class=\"thales-contact-modal__header\">\n\n        <span>Thales Switzerland<\/span>\n\n        <h3 id=\"thales-contact-modal-title\">\n          How can we help you?\n        <\/h3>\n\n        <p>\n          Send us your enquiry. The Thales team at Infinigate Switzerland\n          will get in touch with you directly.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"thales-contact-modal__form\">\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_319' ><div id='gf_319' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">Kontakt zum Thales-Team EN<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>\u201e<span class=\"gfield_required gfield_required_asterisk\">*<\/span>\u201c zeigt erforderliche Felder an<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_319' id='gform_319'  action='\/ch\/wp-json\/wp\/v2\/pages\/24168#gf_319' data-formid='319' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_319' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_319_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_319_15'>Facebook<\/label><div class='gfield_description' id='gfield_description_319_15'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_15' id='input_319_15' type='text' value='' autocomplete='new-password'\/><\/div><\/div><div id=\"field_319_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_319_1'>Name<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_319_1' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_319_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_319_3'>Email<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_319_3' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_319_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_319_14'>Company<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_319_14' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_319_4\" class=\"gfield gfield--type-phone gfield--input-type-phone 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_319_4'>Phone<\/label><div class='ginput_container ginput_container_phone'><input name='input_4' id='input_319_4' type='tel' value='' class='large'    aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_319_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_319_9'>How can we help?<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_9' id='input_319_9' class='textarea large'      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_319_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\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Privacy Policy<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_319_12'><div class='gchoice gchoice_319_12_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_12.1' type='checkbox'  value='I acknowledge that Infinigate will contact me strictly in accordance with the provisions of the &lt;a href=&quot;\/privacy\/&quot;&gt;Privacy Policy&lt;\/a&gt;.'  id='choice_319_12_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_319_12_1' id='label_319_12_1' class='gform-field-label gform-field-label--type-inline'>I acknowledge that Infinigate will contact me strictly in accordance with the provisions of the <a href=\"\/privacy\/\">Privacy Policy<\/a>.<\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_319' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Send'  \/> <input type='hidden' name='gform_ajax' value='form_id=319&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=012d7e336b3b42f47309ee6deb8c9315' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_319' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_319' id='gform_theme_319' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_319' id='gform_style_settings_319' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_319' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='319' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='ACqtI8fusuWMhG3xRgoSy1pNw8L2fBHDgI1lMyp3tLP99nj9sLot07cKk6sLDB1vSAMEyuDmiMrIfrth06HHS5xYMIqPi1HkoQ\/z9E5hxNKzkqw=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_319' value='WyJ7XCIxMi4xXCI6XCIwYjM4ZTQ2N2Y3OGM0MGFmMDZjODRkYzRiOWZmY2FmOFwifSIsImFiZDJlMDcxZGZiZDZlZGU0YTJkMDc5N2U0YmVhZjY0Il0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_319' id='gform_target_page_number_319' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_319' id='gform_source_page_number_319' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_319' id='gform_ajax_frame_319' title='Dieser iframe enth\u00e4lt die erforderliche Logik um Gravity Forms Formulare mit AJAX zu handhaben.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 319, 'https:\/\/www.infinigate.com\/ch\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_319').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_319');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_319').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_319').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_319').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_319').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_319').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_319').val();gformInitSpinner( 319, 'https:\/\/www.infinigate.com\/ch\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [319, current_page]);window['gf_submitting_319'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_319').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_319').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [319]);window['gf_submitting_319'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_319').text());}else{jQuery('#gform_319').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"319\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_319\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_319\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_319\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 319, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n.thales-team,\n.thales-team * {\n  box-sizing: border-box;\n}\n\n.thales-team {\n  --team-coral: #ed5740;\n  --team-blue: #153447;\n  --team-white: #ffffff;\n  --team-bg: #061219;\n  --team-panel: #081a23;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding:\n    clamp(105px, 10vw, 155px)\n    24px\n    clamp(105px, 11vw, 165px);\n\n  overflow: hidden;\n  color: #ffffff;\n  font-family: \"Outfit\", serif;\n\n  background:\n    radial-gradient(\n      circle at 86% 16%,\n      rgba(34, 101, 126, 0.035),\n      transparent 38%\n    ),\n    radial-gradient(\n      circle at 10% 77%,\n      rgba(237, 87, 64, 0.012),\n      transparent 32%\n    ),\n    linear-gradient(\n      180deg,\n      #061219 0%,\n      #07151d 52%,\n      #061219 100%\n    );\n}\n\n.thales-team::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.03) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.03) 1px,\n      transparent 1px\n    );\n\n  background-size: 72px 72px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      transparent,\n      #000 8%,\n      #000 92%,\n      transparent\n    );\n}\n\n.thales-team__inner {\n  position: relative;\n  z-index: 2;\n  width: min(1280px, 100%);\n  margin-inline: auto;\n}\n\n\/* =========================================================\n   KONTAKTKARTE\n   ========================================================= *\/\n\n.thales-team__contact {\n  position: relative;\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.1fr)\n    minmax(320px, 0.72fr);\n\n  gap: clamp(45px, 7vw, 100px);\n  align-items: end;\n\n  min-height: 440px;\n  padding: clamp(38px, 5vw, 68px);\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255, 255, 255, 0.13);\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.045),\n      transparent 32%\n    ),\n    linear-gradient(\n      135deg,\n      rgba(8, 28, 38, 0.98),\n      rgba(4, 17, 24, 0.98)\n    );\n\n  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);\n}\n\n.thales-team__contact-grid {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0.026) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255, 255, 255, 0.026) 1px,\n      transparent 1px\n    );\n\n  background-size: 46px 46px;\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.28),\n      #000\n    );\n}\n\n.thales-team__contact-decoration {\n  position: absolute;\n  top: 50%;\n  right: -110px;\n\n  width: 470px;\n  height: 470px;\n\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 50%;\n\n  pointer-events: none;\n\n  transform: translateY(-50%);\n}\n\n.thales-team__contact-decoration span {\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.055);\n  border-radius: 50%;\n}\n\n.thales-team__contact-decoration span:nth-child(1) {\n  inset: 17%;\n}\n\n.thales-team__contact-decoration span:nth-child(2) {\n  inset: 34%;\n}\n\n.thales-team__contact-decoration span:nth-child(3) {\n  top: 50%;\n  right: 0;\n  left: 0;\n\n  height: 1px;\n\n  border: 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.055);\n  border-radius: 0;\n}\n\n.thales-team__contact-decoration i {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n\n  width: 36%;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--team-coral),\n      transparent\n    );\n\n  transform-origin: left center;\n  animation: thalesTeamRadar 7s linear infinite;\n}\n\n.thales-team__contact-decoration i::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: -4px;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--team-coral);\n\n  box-shadow: 0 0 18px rgba(237, 87, 64, 0.75);\n\n  transform: translateY(-50%);\n}\n\n.thales-team__contact-copy,\n.thales-team__contact-actions {\n  position: relative;\n  z-index: 3;\n}\n\n.thales-team__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 24px;\n\n  color: var(--team-coral);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.thales-team__kicker::before {\n  content: \"\";\n  width: 42px;\n  height: 1px;\n  background: currentColor;\n}\n\n.thales-team__contact h2 {\n  margin: 0;\n\n  color: #ffffff;\n  font-size: clamp(46px, 4vw, 50px);\n  font-weight: 300;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n\n.thales-team__contact h2 span {\n  color: rgba(255, 255, 255, 0.4);\n}\n\n.thales-team__contact-copy p {\n  max-width: 690px;\n  margin: 30px 0 0;\n\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 28px;\n}\n\n.thales-team__contact-actions {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.thales-team__contact-details {\n  width: 100%;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.12);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n}\n\n.thales-team__contact-details a {\n  display: grid;\n  grid-template-columns: 90px minmax(0, 1fr);\n  gap: 20px;\n\n  padding: 18px 0;\n\n  color: #ffffff;\n  text-decoration: none;\n\n  transition:\n    color 0.3s ease,\n    padding-left 0.3s ease;\n}\n\n.thales-team__contact-details a + a {\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.thales-team__contact-details a:hover,\n.thales-team__contact-details a:focus-visible {\n  color: var(--team-coral);\n  padding-left: 5px;\n}\n\n.thales-team__contact-details a:focus-visible {\n  outline: 2px solid rgba(237, 87, 64, 0.6);\n  outline-offset: 4px;\n}\n\n.thales-team__contact-details span {\n  color: rgba(255, 255, 255, 0.38);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.thales-team__contact-details strong {\n  overflow-wrap: anywhere;\n\n  color: inherit;\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.thales-team__contact-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5em;\n\n  margin-top: 30px;\n  padding: 0.8em 1.5em;\n\n  cursor: pointer;\n\n  color: #ffffff;\n  border: 1px solid var(--team-coral);\n  border-radius: 6px;\n  background: var(--team-coral);\n\n  font-family: \"Outfit\", serif;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.thales-team__contact-button i {\n  color: currentColor;\n  font-size: 21px;\n  font-style: normal;\n  line-height: 1;\n\n  transition: transform 0.3s ease;\n}\n\n.thales-team__contact-button:hover,\n.thales-team__contact-button:focus-visible {\n  color: var(--team-coral);\n  background: #ffffff;\n  transform: translateY(-2px);\n}\n\n.thales-team__contact-button:hover i,\n.thales-team__contact-button:focus-visible i {\n  transform: translateX(5px);\n}\n\n.thales-team__contact-button:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.3);\n  outline-offset: 4px;\n}\n\n\/* =========================================================\n   TEAM-INTRO\n   ========================================================= *\/\n\n.thales-team__intro {\n  max-width: 820px;\n  margin-top: clamp(95px, 11vw, 145px);\n}\n\n.thales-team__intro h3 {\n  margin: 0;\n\n  color: #ffffff;\n  font-size: clamp(36px, 3.8vw, 44px);\n  font-weight: 300;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n\n.thales-team__intro p {\n  max-width: 720px;\n  margin: 27px 0 0;\n\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 28px;\n}\n\n\/* =========================================================\n   PERSONENKARTEN\n   ========================================================= *\/\n\n.thales-team__people {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n\n  margin-top: 55px;\n}\n\n.thales-person {\n  position: relative;\n  overflow: hidden;\n\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 24px;\n\n  background: rgba(255, 255, 255, 0.045);\n\n  transition:\n    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),\n    border-color 0.38s ease,\n    background-color 0.38s ease;\n}\n\n.thales-person:hover,\n.thales-person:focus-within {\n  border-color: rgba(237, 87, 64, 0.44);\n  background: rgba(255, 255, 255, 0.07);\n\n  transform: translateY(-8px);\n}\n\n.thales-person__image {\n  position: relative;\n  aspect-ratio: 4 \/ 4.6;\n  overflow: hidden;\n  background: #071820;\n}\n\n.thales-person__image::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.06),\n      transparent 26%\n    ),\n    linear-gradient(\n      to top,\n      rgba(4, 17, 24, 0.65),\n      transparent 45%\n    );\n}\n\n.thales-person__image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center top;\n\n  filter: saturate(0.86) contrast(1.03);\n\n  transform: scale(1.01);\n\n  transition:\n    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),\n    filter 0.7s ease;\n}\n\n.thales-person:hover .thales-person__image img,\n.thales-person:focus-within .thales-person__image img {\n  filter: saturate(1) contrast(1.04);\n  transform: scale(1.055);\n}\n\n.thales-person__scan {\n  position: absolute;\n  top: -35%;\n  left: 0;\n  z-index: 3;\n\n  width: 100%;\n  height: 115px;\n\n  pointer-events: none;\n  opacity: 0;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      rgba(237, 87, 64, 0.07) 44%,\n      rgba(255, 255, 255, 0.32) 50%,\n      rgba(237, 87, 64, 0.07) 56%,\n      transparent\n    );\n\n  transition:\n    top 0.9s cubic-bezier(0.22, 1, 0.36, 1),\n    opacity 0.3s ease;\n}\n\n.thales-person:hover .thales-person__scan,\n.thales-person:focus-within .thales-person__scan {\n  top: 105%;\n  opacity: 0.78;\n}\n\n.thales-person__index {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  z-index: 4;\n\n  display: grid;\n  place-items: center;\n\n  width: 42px;\n  height: 42px;\n\n  color: var(--team-coral);\n  border: 1px solid rgba(237, 87, 64, 0.55);\n  border-radius: 50%;\n\n  background: rgba(4, 17, 24, 0.72);\n  backdrop-filter: blur(8px);\n\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n}\n\n.thales-person__content {\n  padding: 27px 28px 30px;\n}\n\n.thales-person__role {\n  display: block;\n  margin-bottom: 9px;\n\n  color: var(--team-coral);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.thales-person h4 {\n  margin: 0;\n\n  color: #ffffff;\n  font-size: 24px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: -0.02em;\n}\n\n.thales-person__links {\n  margin-top: 23px;\n  padding-top: 18px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.thales-person__links a {\n  display: grid;\n  grid-template-columns: 62px minmax(0, 1fr);\n  gap: 12px;\n\n  padding: 7px 0;\n\n  overflow-wrap: anywhere;\n\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.45;\n  text-decoration: none;\n\n  transition:\n    color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.thales-person__links a:hover,\n.thales-person__links a:focus-visible {\n  color: #ffffff;\n  transform: translateX(4px);\n}\n\n.thales-person__links a:focus-visible {\n  outline: 2px solid rgba(237, 87, 64, 0.6);\n  outline-offset: 3px;\n}\n\n.thales-person__links span {\n  color: rgba(255, 255, 255, 0.35);\n  font-size: 9px;\n  font-weight: 500;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n}\n\n\/* =========================================================\n   ABSCHLUSS\n   ========================================================= *\/\n\n.thales-team__closing {\n  display: flex;\n  align-items: center;\n  gap: clamp(25px, 5vw, 65px);\n\n  margin-top: clamp(85px, 10vw, 135px);\n  padding-top: 42px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.thales-team__closing > span {\n  position: relative;\n  flex: 0 0 clamp(70px, 10vw, 150px);\n\n  height: 1px;\n  background: rgba(237, 87, 64, 0.72);\n}\n\n.thales-team__closing > span::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: 0;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--team-coral);\n\n  box-shadow: 0 0 16px rgba(237, 87, 64, 0.7);\n\n  transform: translateY(-50%);\n}\n\n.thales-team__closing p {\n  max-width: 850px;\n  margin: 0;\n\n  color: rgba(255, 255, 255, 0.68);\n  font-size: clamp(26px, 2.8vw, 34px);\n  font-weight: 300;\n  line-height: 1.4;\n  letter-spacing: -0.02em;\n}\n\n\/* =========================================================\n   KONTAKT-MODAL\n   ========================================================= *\/\n\n.thales-contact-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 28px;\n\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n\n  transition:\n    opacity 0.35s ease,\n    visibility 0.35s ease;\n}\n\n.thales-contact-modal.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.thales-contact-modal__backdrop {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n  padding: 0;\n\n  cursor: pointer;\n\n  border: 0;\n  background: rgba(1, 8, 12, 0.91);\n  backdrop-filter: blur(13px);\n}\n\/* =========================================================\n   DUNKLES KONTAKT-MODAL\n   ========================================================= *\/\n\n.thales-contact-modal__dialog {\n  position: relative;\n  z-index: 2;\n\n  width: min(700px, 100%);\n  max-height: calc(100vh - 56px);\n  padding: clamp(30px, 5vw, 52px);\n\n  overflow-y: auto;\n\n  color: #ffffff;\n\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.04),\n      transparent 28%\n    ),\n    #081b24;\n\n  box-shadow: 0 35px 110px rgba(0, 0, 0, 0.66);\n\n  transform: translateY(22px) scale(0.97);\n\n  transition:\n    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-contact-modal.is-open .thales-contact-modal__dialog {\n  transform: translateY(0) scale(1);\n}\n\n.thales-contact-modal__close {\n  position: absolute;\n  top: 18px;\n  right: 18px;\n\n  width: 42px;\n  height: 42px;\n  padding: 0;\n\n  cursor: pointer;\n\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 50%;\n  background: rgba(4, 17, 24, 0.72);\n}\n\n.thales-contact-modal__close span {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n\n  width: 17px;\n  height: 1px;\n\n  background: #ffffff;\n}\n\n.thales-contact-modal__close span:first-child {\n  transform:\n    translate(-50%, -50%)\n    rotate(45deg);\n}\n\n.thales-contact-modal__close span:last-child {\n  transform:\n    translate(-50%, -50%)\n    rotate(-45deg);\n}\n\n.thales-contact-modal__header {\n  padding-right: 48px;\n}\n\n.thales-contact-modal__header > span {\n  color: var(--team-coral);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.thales-contact-modal__header h3 {\n  margin: 14px 0 0;\n\n  color: #ffffff;\n  font-size: clamp(28px, 3vw, 36px);\n  font-weight: 300;\n  line-height: 1.25;\n  letter-spacing: -0.02em;\n}\n\n.thales-contact-modal__header p {\n  margin: 18px 0 0;\n\n  color: rgba(255, 255, 255, 0.64);\n  font-size: 19px;\n  font-weight: 300;\n  line-height: 27px;\n}\n\n.thales-contact-modal__form {\n  margin-top: 34px;\n}\n\n\/* Gravity Forms nur innerhalb dieses Pop-ups *\/\n\n.thales-contact-modal .gform_wrapper,\n.thales-contact-modal .gform_wrapper.gravity-theme {\n  color: #ffffff;\n  font-family: \"Outfit\", serif;\n}\n\n.thales-contact-modal .gform_title {\n  display: none;\n}\n\n.thales-contact-modal .gfield_label,\n.thales-contact-modal .gform-field-label {\n  color: rgba(255, 255, 255, 0.88) !important;\n  font-size: 17px !important;\n  font-weight: 500 !important;\n  line-height: 1.4 !important;\n}\n\n.thales-contact-modal .gfield_description,\n.thales-contact-modal .gform_description,\n.thales-contact-modal .gchoice label,\n.thales-contact-modal .gfield_consent_label {\n  color: rgba(255, 255, 255, 0.72) !important;\n  font-size: 16px !important;\n  font-weight: 300 !important;\n  line-height: 1.5 !important;\n}\n\n.thales-contact-modal input:not([type=\"submit\"]):not([type=\"checkbox\"]),\n.thales-contact-modal select,\n.thales-contact-modal textarea {\n  width: 100% !important;\n  min-height: 50px !important;\n  padding: 11px 14px !important;\n\n  color: #ffffff !important;\n  border: 1px solid rgba(255, 255, 255, 0.18) !important;\n  border-radius: 6px !important;\n  background: rgba(255, 255, 255, 0.055) !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\n.thales-contact-modal textarea {\n  min-height: 130px !important;\n}\n\n.thales-contact-modal input::placeholder,\n.thales-contact-modal textarea::placeholder {\n  color: rgba(255, 255, 255, 0.38) !important;\n}\n\n.thales-contact-modal input:focus,\n.thales-contact-modal select:focus,\n.thales-contact-modal textarea:focus {\n  border-color: var(--team-coral) !important;\n  outline: none !important;\n\n  box-shadow:\n    0 0 0 3px rgba(237, 87, 64, 0.1) !important;\n}\n\n.thales-contact-modal .gfield_required {\n  color: var(--team-coral) !important;\n}\n\n.thales-contact-modal a {\n  color: var(--team-coral) !important;\n  text-decoration: underline;\n}\n\n.thales-contact-modal .gform_footer input[type=\"submit\"],\n.thales-contact-modal .gform_page_footer input[type=\"button\"],\n.thales-contact-modal .gform_page_footer input[type=\"submit\"],\n.thales-contact-modal .gform_button {\n  min-height: auto !important;\n  padding: 0.8em 1.5em !important;\n\n  cursor: pointer !important;\n\n  color: #ffffff !important;\n  border: 1px solid var(--team-coral) !important;\n  border-radius: 6px !important;\n  background: var(--team-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  box-shadow: none !important;\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease !important;\n}\n\n.thales-contact-modal .gform_footer input[type=\"submit\"]:hover,\n.thales-contact-modal .gform_footer input[type=\"submit\"]:focus-visible,\n.thales-contact-modal .gform_button:hover,\n.thales-contact-modal .gform_button:focus-visible {\n  color: var(--team-coral) !important;\n  border-color: var(--team-coral) !important;\n  background: #ffffff !important;\n\n  transform: translateY(-2px);\n}\n\n.thales-contact-modal .validation_message,\n.thales-contact-modal .gfield_validation_message,\n.thales-contact-modal .gform_validation_errors {\n  color: #ffffff !important;\n  border-color: rgba(237, 87, 64, 0.55) !important;\n  background: rgba(237, 87, 64, 0.14) !important;\n}\n\n.thales-contact-modal .gform_confirmation_message {\n  color: #ffffff !important;\n  font-size: 18px;\n  line-height: 1.6;\n}\n\n\/* =========================================================\n   REVEAL UND WORDPRESS\n   ========================================================= *\/\n\n.thales-team__reveal {\n  opacity: 0;\n  transform: translateY(38px);\n\n  transition:\n    opacity 0.9s ease,\n    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thales-team__reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\nbody.thales-contact-modal-open {\n  overflow: hidden;\n}\n\nbody.page-id-24168 .thales-team-wrap {\n  position: relative !important;\n  z-index: 26 !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-top: -80px !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\nbody.page-id-24168 .thales-team-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nbody.page-id-24168 .thales-team-wrap .thales-team {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 980px) {\n  .thales-team__contact {\n    grid-template-columns: 1fr;\n    align-items: start;\n  }\n\n  .thales-team__contact-actions {\n    max-width: 620px;\n  }\n\n  .thales-team__contact-decoration {\n    top: 35%;\n    right: -190px;\n  }\n\n  .thales-team__people {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .thales-person:last-child {\n    grid-column: 1 \/ -1;\n    width: calc(50% - 11px);\n    justify-self: center;\n  }\n}\n\n@media (max-width: 680px) {\n  .thales-team {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .thales-team__contact {\n    min-height: auto;\n    padding: 32px 24px;\n    border-radius: 18px;\n  }\n\n  .thales-team__contact h2 {\n    font-size: clamp(38px, 11vw, 46px);\n  }\n\n  .thales-team__contact-copy p,\n  .thales-team__intro p {\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .thales-team__contact-details a {\n    grid-template-columns: 1fr;\n    gap: 5px;\n  }\n\n  .thales-team__contact-button {\n    width: 100%;\n  }\n\n  .thales-team__intro h3 {\n    font-size: clamp(32px, 9vw, 40px);\n  }\n\n  .thales-team__people {\n    grid-template-columns: 1fr;\n  }\n\n  .thales-person:last-child {\n    grid-column: auto;\n    width: 100%;\n  }\n\n  .thales-team__closing {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .thales-contact-modal {\n    padding: 14px;\n  }\n\n  .thales-contact-modal__dialog {\n    max-height: calc(100vh - 28px);\n    padding: 30px 22px;\n    border-radius: 18px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thales-team__reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .thales-team__contact-decoration i {\n    animation: none;\n  }\n\n  .thales-person,\n  .thales-person__image img,\n  .thales-person__scan {\n    transition: none;\n  }\n\n  .thales-person:hover,\n  .thales-person:focus-within {\n    transform: none;\n  }\n}\n\n@keyframes thalesTeamRadar {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\/* =========================================================\n   GRAVITY FORM 314 \u2013 DUNKLE FELDER ERZWINGEN\n   Muss als letzter CSS-Block vor stehen\n   ========================================================= *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314 {\n  color: #ffffff !important;\n  font-family: \"Outfit\", serif !important;\n}\n\n\/* Hinweis zu Pflichtfeldern *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gform_required_legend {\n  margin-bottom: 28px !important;\n\n  color: rgba(255, 255, 255, 0.72) !important;\n  font-size: 16px !important;\n  font-weight: 300 !important;\n  line-height: 1.5 !important;\n}\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gfield_required {\n  color: #ed5740 !important;\n}\n\n\/* S\u00e4mtliche Feldbeschriftungen *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gfield_label,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gform-field-label,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\nlegend,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\nlabel {\n  color: rgba(255, 255, 255, 0.88) !important;\n  font-family: \"Outfit\", serif !important;\n}\n\n\/* Hauptlabels wie Name, E-Mail, Firma *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gfield_label {\n  margin-bottom: 9px !important;\n\n  font-size: 17px !important;\n  font-weight: 500 !important;\n  line-height: 1.4 !important;\n}\n\n\/* Texteingaben, E-Mail, Telefon und weitere Standardfelder *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"text\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"email\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"tel\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"url\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"number\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\nselect,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ntextarea {\n  width: 100% !important;\n\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n\n  border: 1px solid rgba(255, 255, 255, 0.22) !important;\n  border-radius: 6px !important;\n\n  background: rgba(255, 255, 255, 0.065) !important;\n  background-color: rgba(255, 255, 255, 0.065) !important;\n\n  font-family: \"Outfit\", serif !important;\n  font-size: 17px !important;\n  font-weight: 300 !important;\n  line-height: 1.45 !important;\n\n  box-shadow: none !important;\n  appearance: none;\n  -webkit-appearance: none;\n\n  transition:\n    border-color 0.3s ease,\n    background-color 0.3s ease,\n    box-shadow 0.3s ease !important;\n}\n\n\/* Normale Felder kompakt halten *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"text\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"email\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"tel\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"url\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"number\"],\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\nselect {\n  min-height: 56px !important;\n  height: 56px !important;\n  padding: 12px 16px !important;\n}\n\n\/* Nachrichtenfeld nicht unn\u00f6tig riesig *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ntextarea {\n  min-height: 180px !important;\n  height: 180px !important;\n  padding: 15px 16px !important;\n  resize: vertical;\n}\n\n\/* Fokuszustand *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput:focus,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\nselect:focus,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ntextarea:focus {\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n\n  border-color: #ed5740 !important;\n  background: rgba(255, 255, 255, 0.09) !important;\n\n  outline: none !important;\n\n  box-shadow:\n    0 0 0 3px rgba(237, 87, 64, 0.12) !important;\n}\n\n\/* Platzhalter *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput::placeholder,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ntextarea::placeholder {\n  color: rgba(255, 255, 255, 0.38) !important;\n  -webkit-text-fill-color: rgba(255, 255, 255, 0.38) !important;\n  opacity: 1 !important;\n}\n\n\/* Browser-Autofill darf die Felder nicht wieder weiss f\u00e4rben *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput:-webkit-autofill,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput:-webkit-autofill:hover,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput:-webkit-autofill:focus {\n  -webkit-text-fill-color: #ffffff !important;\n\n  -webkit-box-shadow:\n    0 0 0 1000px #142b35 inset !important;\n\n  transition:\n    background-color 9999s ease-out 0s !important;\n}\n\n\/* Datenschutz und Checkbox *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gfield_consent_label,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gchoice label {\n  color: rgba(255, 255, 255, 0.72) !important;\n  font-size: 16px !important;\n  font-weight: 300 !important;\n  line-height: 1.5 !important;\n}\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"checkbox\"] {\n  accent-color: #ed5740;\n}\n\n\/* Links im Datenschutztext *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\na {\n  color: #ed5740 !important;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n\/* Formularabst\u00e4nde etwas ruhiger *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gform_fields {\n  row-gap: 24px !important;\n}\n\n\/* Absenden-Button *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gform_button,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"submit\"] {\n  min-height: auto !important;\n  padding: 0.8em 1.5em !important;\n\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n\n  border: 1px solid #ed5740 !important;\n  border-radius: 6px !important;\n  background: #ed5740 !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  box-shadow: none !important;\n}\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gform_button:hover,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gform_button:focus-visible,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"submit\"]:hover,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"submit\"]:focus-visible {\n  color: #ed5740 !important;\n  -webkit-text-fill-color: #ed5740 !important;\n\n  border-color: #ed5740 !important;\n  background: #ffffff !important;\n\n  transform: translateY(-2px);\n}\n\n\/* Fehlermeldungen *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.validation_message,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gfield_validation_message,\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gform_validation_errors {\n  color: #ffffff !important;\n  border-color: rgba(237, 87, 64, 0.55) !important;\n  background: rgba(237, 87, 64, 0.14) !important;\n}\n\n\/* Erfolgsbest\u00e4tigung *\/\n\nbody.page-id-24168\n.thales-contact-modal\n#gform_wrapper_314\n.gform_confirmation_message {\n  color: #ffffff !important;\n  font-size: 18px !important;\n  font-weight: 300 !important;\n  line-height: 1.6 !important;\n}\n\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".thales-team\");\n\n  if (!section || section.dataset.initialised === \"true\") return;\n\n  section.dataset.initialised = \"true\";\n\n  const revealElements = section.querySelectorAll(\n    \".thales-team__reveal\"\n  );\n\n  const modal = section.querySelector(\".thales-contact-modal\");\n  const modalDialog = section.querySelector(\n    \".thales-contact-modal__dialog\"\n  );\n\n  const openButtons = section.querySelectorAll(\n    \"[data-thales-contact-open]\"\n  );\n\n  const closeButtons = section.querySelectorAll(\n    \"[data-thales-contact-close]\"\n  );\n\n  let lastFocusedElement = null;\n\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) return;\n\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        });\n      },\n      {\n        threshold: 0.12,\n        rootMargin: \"0px 0px -7% 0px\"\n      }\n    );\n\n    revealElements.forEach(function (element) {\n      observer.observe(element);\n    });\n  } else {\n    revealElements.forEach(function (element) {\n      element.classList.add(\"is-visible\");\n    });\n  }\n\n  function openModal(event) {\n    lastFocusedElement = event.currentTarget;\n\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"false\");\n\n    document.body.classList.add(\n      \"thales-contact-modal-open\"\n    );\n\n    window.setTimeout(function () {\n      const firstField = modal.querySelector(\n        \"input:not([type='hidden']), select, textarea\"\n      );\n\n      if (firstField) {\n        firstField.focus();\n      } else {\n        modalDialog.focus();\n      }\n    }, 150);\n  }\n\n  function closeModal() {\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n\n    document.body.classList.remove(\n      \"thales-contact-modal-open\"\n    );\n\n    if (lastFocusedElement) {\n      lastFocusedElement.focus();\n    }\n  }\n\n  openButtons.forEach(function (button) {\n    button.addEventListener(\"click\", openModal);\n  });\n\n  closeButtons.forEach(function (button) {\n    button.addEventListener(\"click\", closeModal);\n  });\n\n  document.addEventListener(\"keydown\", function (event) {\n    if (\n      event.key === \"Escape\" &&\n      modal.classList.contains(\"is-open\")\n    ) {\n      closeModal();\n    }\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>01 Introduction 02 The figures 03 Real-world attacks 04 Reality check 05 Report 06 Contact Beneath the surface What you&hellip;<\/p>\n","protected":false},"author":43,"featured_media":23879,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[1104],"class_list":["post-24168","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"lang":"en","translations":{"en":24168,"de":23803},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Infinigate | Switzerland","distributor_original_site_url":"https:\/\/www.infinigate.com\/ch","push-errors":false,"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/24168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/comments?post=24168"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/24168\/revisions"}],"predecessor-version":[{"id":24286,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/24168\/revisions\/24286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media\/23879"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media?parent=24168"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/folder?post=24168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}