{"id":23803,"date":"2026-07-21T12:33:09","date_gmt":"2026-07-21T10:33:09","guid":{"rendered":"https:\/\/www.infinigate.com\/ch\/?page_id=23803"},"modified":"2026-07-30T16:08:33","modified_gmt":"2026-07-30T14:08:33","slug":"thales-invisible-by-design","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/ch\/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\n  class=\"thales-side-nav\"\n  aria-label=\"Seitennavigation Invisible by Design\"\n>\n  <a href=\"#thales-einstieg\">\n    <span>01<\/span>\n    Einstieg\n  <\/a>\n\n  <a href=\"#thales-zahlen\">\n    <span>02<\/span>\n    Die Zahlen\n  <\/a>\n\n  <a href=\"#thales-videos\">\n    <span>03<\/span>\n    Video-Serie\n  <\/a>\n\n  <a href=\"#thales-angriffe\">\n    <span>04<\/span>\n    Reale Angriffe\n  <\/a>\n\n  <a href=\"#thales-reality\">\n    <span>05<\/span>\n    Reality Check\n  <\/a>\n\n  <a href=\"#thales-report\">\n    <span>06<\/span>\n    Report\n  <\/a>\n\n  <a href=\"#thales-kontakt\">\n    <span>07<\/span>\n    Kontakt\n  <\/a>\n<\/nav>\n\n<style>\n\/* WordPress-Wrapper *\/\n\nbody.page-id-23803 .thales-sticky-nav-wrap,\nbody.page-id-23803 .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\">Unter der Oberfl\u00e4che<\/span>\n\n      <h2 id=\"thales-reveal-title\">\n        Was du siehst, ist nur<br>\n        <span>die halbe Wahrheit.<\/span>\n      <\/h2>\n\n      <p class=\"thales-reveal__lead\">\n        Bots analysieren Preise, \u00fcbernehmen Kundenkonten, greifen APIs an\n        und manipulieren Gesch\u00e4ftsprozesse. Oft v\u00f6llig unbemerkt.\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\">Neue Angriffsmuster erkannt<\/span>\n\n        <p>\n          Mit k\u00fcnstlicher Intelligenz werden Bots intelligenter, schneller\n          und schwieriger zu erkennen. Sie bewegen sich wie echte Besucher\n          durch Websites, Kundenportale und Apps oder greifen direkt auf\n          die APIs dahinter zu.\n        <\/p>\n\n        <p class=\"thales-reveal__statement\">\n          Die entscheidende Frage ist nicht mehr, ob Bots aktiv sind.\n          Sondern welche Automatisierung legitim ist und welche deinem\n          Unternehmen schadet.\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\">Analysiert<\/span>\n      <\/div>\n\n      <div class=\"thales-reveal__status-item\" tabindex=\"0\">\n        <span class=\"thales-reveal__status-key\">API-Aktivit\u00e4t<\/span>\n        <span class=\"thales-reveal__status-value\">Erkannt<\/span>\n      <\/div>\n\n      <div class=\"thales-reveal__status-item\" tabindex=\"0\">\n        <span class=\"thales-reveal__status-key\">Identit\u00e4t<\/span>\n        <span class=\"thales-reveal__status-value\">Unbekannt<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\nbody.page-id-23803 {\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-23803 .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-23803 .thales-reveal-wrap > *,\nbody.page-id-23803 .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-23803 .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-23803 main,\nbody.page-id-23803 .entry-content,\nbody.page-id-23803 .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\">Die Zahlen sprechen f\u00fcr sich<\/span>\n\n    <h2 id=\"thales-numbers-title\">\n      Die neue Realit\u00e4t<br>\n      <span>in sechs Zahlen.<\/span>\n    <\/h2>\n\n    <p>\n      Bots sind l\u00e4ngst kein Randph\u00e4nomen mehr. Sie pr\u00e4gen den Internet-Traffic,\n      greifen APIs an, manipulieren Gesch\u00e4ftsprozesse und entwickeln sich durch\n      k\u00fcnstliche Intelligenz schneller als klassische Schutzmechanismen.\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>Die unsichtbare Mehrheit<\/h3>\n\n        <p class=\"thales-number__lead\">\n          Bots verursachen heute mehr Internet-Traffic als Menschen.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Automatisierte Systeme sind zur neuen Normalit\u00e4t geworden. F\u00fcr\n          Unternehmen wird es deshalb immer schwieriger zu erkennen, wer ihre\n          Websites, Portale und digitalen Angebote tats\u00e4chlich nutzt.\n        <\/p>\n\n        <div class=\"thales-number__meta\">\n          <span>Bots<\/span>\n          <strong>53 %<\/strong>\n          <span>Menschen<\/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=\"Abstrakte Visualisierung von Bot- und menschlichem 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>Fast jeder zweite Internetzugriff stammt von einem Bad Bot<\/h3>\n\n        <p class=\"thales-number__lead\">\n          Automatisierte Angriffe geh\u00f6ren l\u00e4ngst zum Alltag.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Sie sammeln Daten, scrapen Preise, testen Zugangsdaten und manipulieren\n          digitale Prozesse. Dabei sehen ihre Zugriffe zunehmend wie legitimes\n          Benutzerverhalten aus.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          Kritische Automatisierung erkannt\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=\"Datenstrom mit erkanntem sch\u00e4dlichem 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>Die unsichtbare Hintert\u00fcr<\/h3>\n\n        <p class=\"thales-number__lead\">\n          Mehr als jeder vierte Bot-Angriff richtet sich direkt gegen APIs.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Moderne Bots umgehen die sichtbare Website und greifen direkt auf die\n          digitalen Prozesse dahinter zu. Genau dort laufen Authentifizierung,\n          Bestellungen, Zahlungen und zentrale Gesch\u00e4ftsfunktionen zusammen.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          API-Anomalie erkannt\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>Legitime Abl\u00e4ufe. Manipulierte Ergebnisse.<\/h3>\n\n        <p class=\"thales-number__lead\">\n          21 Prozent aller automatisierten Angriffe zielen auf Business Logic.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Die Angreifer suchen nicht zwingend nach einer klassischen\n          Sicherheitsl\u00fccke. Sie missbrauchen regul\u00e4re Prozesse wie Login,\n          Buchung, Warenkorb oder Bezahlung und ver\u00e4ndern deren Ergebnis.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          Prozessabweichung erkannt\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>KI beschleunigt die Bedrohung<\/h3>\n\n        <p class=\"thales-number__lead\">\n          KI-gest\u00fctzte Bot-Angriffe haben innerhalb eines Jahres um das\n          12,5-Fache zugenommen.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          K\u00fcnstliche Intelligenz hilft Bots, ihr Verhalten laufend anzupassen,\n          Schutzmechanismen zu umgehen und legitime Benutzer noch \u00fcberzeugender\n          zu imitieren.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          Beschleunigtes Angriffsmuster\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\">Billionen<\/span>\n\n        <h3>Reale Angriffe. Reale Daten.<\/h3>\n\n        <p class=\"thales-number__lead\">\n          So viele Bot-Anfragen hat Thales allein im Jahr 2025 blockiert.\n        <\/p>\n\n        <p class=\"thales-number__copy\">\n          Die Erkenntnisse des Reports beruhen nicht auf theoretischen\n          Annahmen, sondern auf realem Internet-Traffic aus unterschiedlichsten\n          Branchen und Regionen.\n        <\/p>\n\n        <div class=\"thales-number__status\">\n          <span><\/span>\n          Weltweite Analyse aktiv\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-23803 .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-23803 .thales-numbers-wrap > *,\nbody.page-id-23803 .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-23803 .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-series-wrap is-layout-flow wp-block-group-is-layout-flow\">\n<section class=\"thales-series\" id=\"thales-videos\" aria-labelledby=\"thales-series-title\">\n\n  <div class=\"thales-series__intro thales-series__reveal\">\n    <span class=\"thales-series__kicker\">Drei Fragen. Drei Antworten.<\/span>\n\n    <h2 id=\"thales-series-title\">\n      Die Video-Serie<br>\n      <span>zum Bad Bot Report.<\/span>\n    <\/h2>\n\n    <p>\n      Die drei Episoden bauen aufeinander auf. Sie zeigen, wie sich Bots\n      ver\u00e4ndert haben, weshalb APIs heute zu den wichtigsten Angriffszielen\n      geh\u00f6ren und warum Business Logic Abuse ein reales Gesch\u00e4ftsrisiko ist.\n    <\/p>\n  <\/div>\n\n  <div class=\"thales-series__episodes\">\n\n    <!-- EPISODE 01 -->\n\n<article id=\"episode-1\" class=\"thales-episode thales-episode--video-left\">\n\n      <button class=\"thales-episode__video thales-series__reveal\" type=\"button\" data-vimeo-id=\"1209851767\" data-vimeo-hash=\"0d48de6631\" aria-label=\"Episode 1 \u2013 Die unsichtbare Mehrheit ansehen\">\n        <iframe src=\"https:\/\/player.vimeo.com\/video\/1209851767?h=0d48de6631&amp;background=1&amp;autoplay=1&amp;muted=1&amp;loop=1&amp;autopause=0&amp;playsinline=1\" title=\"Episode 1 \u2013 Die unsichtbare Mehrheit\" allow=\"autoplay; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n\n        <span class=\"thales-episode__video-overlay\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"thales-episode__play\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 64 64\">\n            <circle cx=\"32\" cy=\"32\" r=\"30\"><\/circle>\n            <path d=\"M26 21 L45 32 L26 43 Z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <span class=\"thales-episode__video-label\">\n          Vollst\u00e4ndiges Video ansehen\n        <\/span>\n      <\/button>\n\n      <div class=\"thales-episode__content thales-series__reveal\">\n\n        <div class=\"thales-episode__number\">\n          <span>Episode<\/span>\n          <strong>01<\/strong>\n        <\/div>\n\n        <div class=\"thales-episode__metric\">\n          53 <span>%<\/span>\n        <\/div>\n\n        <h3>Die unsichtbare Mehrheit<\/h3>\n\n        <p class=\"thales-episode__question\">\n          Wer besucht deine Website wirklich?\n        <\/p>\n\n        <p>\n          Bots verursachen heute mehr Traffic als Menschen. Doch ein hoher\n          Bot-Anteil ist nicht automatisch gef\u00e4hrlich. Suchmaschinen,\n          Monitoring-Dienste und digitale Assistenten geh\u00f6ren genauso dazu\n          wie Scraper, Credential-Stuffing-Bots und automatisierte Angreifer.\n        <\/p>\n\n        <p>\n          Die erste Episode zeigt, weshalb Transparenz der entscheidende\n          Ausgangspunkt ist und warum Unternehmen zuerst verstehen m\u00fcssen,\n          welche automatisierten Zugriffe erw\u00fcnscht sind und welche ein Risiko\n          darstellen.\n        <\/p>\n\n        <button class=\"thales-episode__cta\" type=\"button\" data-vimeo-id=\"1209851767\" data-vimeo-hash=\"0d48de6631\">\n          <span>Episode ansehen<\/span>\n          <i aria-hidden=\"true\">\u2192<\/i>\n        <\/button>\n\n      <\/div>\n    <\/article>\n\n    <!-- EPISODE 02 -->\n<article id=\"episode-2\" class=\"thales-episode thales-episode--video-right\">\n\n      <button class=\"thales-episode__video thales-series__reveal\" type=\"button\" data-vimeo-id=\"1209851766\" data-vimeo-hash=\"9e72d8940b\" aria-label=\"Episode 2 \u2013 Die unsichtbare Hintert\u00fcr ansehen\">\n        <iframe src=\"https:\/\/player.vimeo.com\/video\/1209851766?h=9e72d8940b&amp;background=1&amp;autoplay=1&amp;muted=1&amp;loop=1&amp;autopause=0&amp;playsinline=1\" title=\"Episode 2 \u2013 Die unsichtbare Hintert\u00fcr\" allow=\"autoplay; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n\n        <span class=\"thales-episode__video-overlay\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"thales-episode__play\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 64 64\">\n            <circle cx=\"32\" cy=\"32\" r=\"30\"><\/circle>\n            <path d=\"M26 21 L45 32 L26 43 Z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <span class=\"thales-episode__video-label\">\n          Vollst\u00e4ndiges Video ansehen\n        <\/span>\n      <\/button>\n\n      <div class=\"thales-episode__content thales-series__reveal\">\n\n        <div class=\"thales-episode__number\">\n          <span>Episode<\/span>\n          <strong>02<\/strong>\n        <\/div>\n\n        <div class=\"thales-episode__metric\">\n          27 <span>%<\/span>\n        <\/div>\n\n        <h3>Die unsichtbare Hintert\u00fcr<\/h3>\n\n        <p class=\"thales-episode__question\">\n          Wo greifen Bots heute an?\n        <\/p>\n\n        <p>\n          Nicht nur Websites stehen im Fokus. Moderne Bots kommunizieren\n          direkt mit APIs und nutzen dieselben Schnittstellen wie legitime\n          Anwendungen, mobile Apps und digitale Dienste.\n        <\/p>\n\n        <p>\n          Die zweite Episode zeigt, weshalb APIs zur kritischen Infrastruktur\n          moderner Unternehmen geh\u00f6ren und warum klassische Schutzmechanismen\n          h\u00e4ufig nicht erkennen, ob eine Anfrage von einem echten Nutzer oder\n          einem automatisierten Angreifer stammt.\n        <\/p>\n\n        <button class=\"thales-episode__cta\" type=\"button\" data-vimeo-id=\"1209851766\" data-vimeo-hash=\"9e72d8940b\">\n          <span>Episode ansehen<\/span>\n          <i aria-hidden=\"true\">\u2192<\/i>\n        <\/button>\n\n      <\/div>\n    <\/article>\n\n    <!-- EPISODE 03 -->\n\n<article id=\"episode-3\" class=\"thales-episode thales-episode--video-left\">\n\n      <button class=\"thales-episode__video thales-series__reveal\" type=\"button\" data-vimeo-id=\"1209851765\" data-vimeo-hash=\"3d0a85563f\" aria-label=\"Episode 3 \u2013 Die unsichtbaren Angriffe ansehen\">\n        <iframe src=\"https:\/\/player.vimeo.com\/video\/1209851765?h=3d0a85563f&amp;background=1&amp;autoplay=1&amp;muted=1&amp;loop=1&amp;autopause=0&amp;playsinline=1\" title=\"Episode 3 \u2013 Die unsichtbaren Angriffe\" allow=\"autoplay; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n\n        <span class=\"thales-episode__video-overlay\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"thales-episode__play\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 64 64\">\n            <circle cx=\"32\" cy=\"32\" r=\"30\"><\/circle>\n            <path d=\"M26 21 L45 32 L26 43 Z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <span class=\"thales-episode__video-label\">\n          Vollst\u00e4ndiges Video ansehen\n        <\/span>\n      <\/button>\n\n      <div class=\"thales-episode__content thales-series__reveal\">\n\n        <div class=\"thales-episode__number\">\n          <span>Episode<\/span>\n          <strong>03<\/strong>\n        <\/div>\n\n        <div class=\"thales-episode__metric\">\n          21 <span>%<\/span>\n        <\/div>\n\n        <h3>Die unsichtbaren Angriffe<\/h3>\n\n        <p class=\"thales-episode__question\">\n          Welchen Schaden richten Bots an?\n        <\/p>\n\n        <p>\n          Preis-Scraping, Account Takeover, automatisierte Buchungen oder\n          manipulierte Zahlungsvorg\u00e4nge nutzen h\u00e4ufig keine klassische\n          Sicherheitsl\u00fccke. Die Bots missbrauchen legitime Funktionen genau\n          so, wie sie urspr\u00fcnglich vorgesehen waren.\n        <\/p>\n\n        <p>\n          Die dritte Episode zeigt anhand konkreter Beispiele, weshalb\n          Business Logic heute zum eigentlichen Angriffsziel wird und warum\n          die Auswirkungen weit \u00fcber die IT hinausgehen.\n        <\/p>\n\n        <button class=\"thales-episode__cta\" type=\"button\" data-vimeo-id=\"1209851765\" data-vimeo-hash=\"3d0a85563f\">\n          <span>Episode ansehen<\/span>\n          <i aria-hidden=\"true\">\u2192<\/i>\n        <\/button>\n\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <!-- LIGHTBOX -->\n  <div class=\"thales-video-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video\" aria-hidden=\"true\">\n    <button class=\"thales-video-modal__backdrop\" type=\"button\" aria-label=\"Video schliessen\"><\/button>\n\n    <div class=\"thales-video-modal__dialog\">\n      <button class=\"thales-video-modal__close\" type=\"button\" aria-label=\"Video schliessen\">\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n\n      <div class=\"thales-video-modal__frame\"><\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n.thales-series,\n.thales-series * {\n  box-sizing: border-box;\n}\n\n.thales-series {\n  --thales-orange: #ed5740;\n  --thales-white: #ffffff;\n  --thales-dark: #051219;\n  --thales-dark-soft: #071820;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding:\n    clamp(110px, 11vw, 170px)\n    24px\n    clamp(120px, 12vw, 190px);\n\n  overflow: hidden;\n  color: #ffffff;\n\n  background:\n    radial-gradient(\n      circle at 82% 18%,\n      rgba(237, 87, 64, 0.10),\n      transparent 32%\n    ),\n    radial-gradient(\n      circle at 15% 80%,\n      rgba(70, 150, 185, 0.12),\n      transparent 34%\n    ),\n    linear-gradient(\n      180deg,\n      #0b2230 0%,\n      #0d2a38 35%,\n      #0b2230 70%,\n      #081b25 100%\n    );\n}\n\n.thales-series::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.018) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255,255,255,0.018) 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-series::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(255, 255, 255, 0.035),\n      transparent 55%\n    );\n\n  mix-blend-mode: screen;\n}\n\n.thales-series__intro,\n.thales-series__episodes {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, 100%);\n  margin-inline: auto;\n}\n\n.thales-series__intro {\n  max-width: 940px;\n  margin-bottom: clamp(90px, 11vw, 150px);\n}\n\n.thales-series__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 26px;\n\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-series__kicker::before {\n  content: \"\";\n  width: 42px;\n  height: 1px;\n  background: currentColor;\n}\n\n.thales-series 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-series h2 span {\n  color: rgba(255,255,255,0.38);\n}\n\n.thales-series__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-series__episodes {\n  display: flex;\n  flex-direction: column;\n  gap: clamp(110px, 15vw, 205px);\n}\n\n.thales-episode {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.35fr)\n    minmax(330px, 0.8fr);\n\n  gap: clamp(48px, 7vw, 105px);\n  align-items: center;\n}\n\n.thales-episode--video-right {\n  grid-template-columns:\n    minmax(330px, 0.8fr)\n    minmax(0, 1.35fr);\n}\n\n.thales-episode--video-right .thales-episode__video {\n  order: 2;\n}\n\n.thales-episode--video-right .thales-episode__content {\n  order: 1;\n}\n\n.thales-episode__video {\n  position: relative;\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  padding: 0;\n\n  overflow: hidden;\n  cursor: pointer;\n\n  border: 1px solid rgba(255,255,255,0.11);\n  border-radius: 22px;\n  background: #02090d;\n\n  box-shadow:\n    0 32px 80px rgba(0,0,0,0.34),\n    inset 0 0 0 1px rgba(255,255,255,0.025);\n}\n\n.thales-episode__video iframe {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n  pointer-events: none;\n\n  transform:\n    translate(-50%, -50%)\n    scale(1.04);\n\n  transition:\n    transform 1.2s cubic-bezier(0.22,1,0.36,1),\n    filter 1.2s ease;\n}\n\n.thales-episode__video:hover iframe {\n  transform:\n    translate(-50%, -50%)\n    scale(1.085);\n\n  filter: brightness(1.07);\n}\n\n.thales-episode__video-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,0.08),\n      transparent 26%\n    ),\n    linear-gradient(\n      to top,\n      rgba(1,9,13,0.62),\n      transparent 52%\n    );\n}\n\n.thales-episode__play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 4;\n\n  width: 82px;\n  height: 82px;\n\n  transform: translate(-50%, -50%);\n  transition: transform 0.35s ease;\n}\n\n.thales-episode__video:hover .thales-episode__play {\n  transform:\n    translate(-50%, -50%)\n    scale(1.08);\n}\n\n.thales-episode__play svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n\n.thales-episode__play circle {\n  fill: rgba(5,18,25,0.72);\n  stroke: rgba(255,255,255,0.72);\n  stroke-width: 1;\n  backdrop-filter: blur(10px);\n}\n\n.thales-episode__play path {\n  fill: var(--thales-orange);\n}\n\n.thales-episode__video-label {\n  position: absolute;\n  right: 24px;\n  bottom: 22px;\n  z-index: 4;\n\n  color: rgba(255,255,255,0.72);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.thales-episode__content {\n  position: relative;\n}\n\n.thales-episode__number {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n  margin-bottom: 27px;\n}\n\n.thales-episode__number span {\n  color: rgba(255,255,255,0.4);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n.thales-episode__number strong {\n  color: var(--thales-orange);\n  font-size: 16px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n}\n\n.thales-episode__metric {\n  margin-bottom: 22px;\n  color: #ffffff;\n  font-size: clamp(72px, 8vw, 122px);\n  font-weight: 300;\n  line-height: 0.8;\n  letter-spacing: -0.06em;\n}\n\n.thales-episode__metric span {\n  margin-left: 6px;\n  color: var(--thales-orange);\n  font-size: 0.42em;\n}\n\n.thales-episode h3 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(30px, 3.2vw, 46px);\n  font-weight: 400;\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n}\n\n.thales-episode__question {\n  margin: 24px 0 25px !important;\n  color: rgba(255,255,255,0.94) !important;\n  font-size: clamp(20px, 2vw, 25px) !important;\n  font-weight: 300;\n  line-height: 1.45 !important;\n}\n\n.thales-episode__content p {\n  margin: 0 0 19px;\n  color: rgba(255,255,255,0.62);\n  font-size: 18px;\n  line-height: 1.7;\n}\n\n.thales-episode__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 18px;\n  margin-top: 18px;\n  padding: 0 0 10px;\n\n  cursor: pointer;\n\n  color: #ffffff;\n  background: transparent;\n  border: 0;\n  border-bottom: 1px solid rgba(237,87,64,0.55);\n\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n}\n\n.thales-episode__cta i {\n  color: var(--thales-orange);\n  font-size: 21px;\n  font-style: normal;\n  transition: transform 0.3s ease;\n}\n\n.thales-episode__cta:hover i {\n  transform: translateX(5px);\n}\n\n\/* LIGHTBOX *\/\n\n.thales-video-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-video-modal.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.thales-video-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.9);\n  backdrop-filter: blur(13px);\n}\n\n.thales-video-modal__dialog {\n  position: relative;\n  z-index: 2;\n\n  width: min(1180px, 100%);\n  aspect-ratio: 16 \/ 9;\n\n  overflow: visible;\n  border-radius: 20px;\n  background: #000;\n\n  box-shadow: 0 35px 110px rgba(0,0,0,0.65);\n\n  transform: translateY(22px) scale(0.97);\n  transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);\n}\n\n.thales-video-modal.is-open .thales-video-modal__dialog {\n  transform: translateY(0) scale(1);\n}\n\n.thales-video-modal__frame,\n.thales-video-modal__frame iframe {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 20px;\n}\n\n.thales-video-modal__close {\n  position: absolute;\n  top: -50px;\n  right: 0;\n  z-index: 3;\n\n  width: 40px;\n  height: 40px;\n  padding: 0;\n\n  cursor: pointer;\n\n  border: 1px solid rgba(255,255,255,0.25);\n  border-radius: 50%;\n  background: rgba(5,18,25,0.72);\n}\n\n.thales-video-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-video-modal__close span:first-child {\n  transform:\n    translate(-50%, -50%)\n    rotate(45deg);\n}\n\n.thales-video-modal__close span:last-child {\n  transform:\n    translate(-50%, -50%)\n    rotate(-45deg);\n}\n\nbody.thales-video-open {\n  overflow: hidden;\n}\n\n\/* SCROLL REVEAL *\/\n\n.thales-series__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-series__reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (max-width: 980px) {\n  .thales-episode,\n  .thales-episode--video-right {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n\n  .thales-episode--video-right .thales-episode__video,\n  .thales-episode--video-right .thales-episode__content {\n    order: initial;\n  }\n\n  .thales-episode__content {\n    max-width: 760px;\n  }\n}\n\n@media (max-width: 620px) {\n  .thales-series {\n    padding-right: 18px;\n    padding-left: 18px;\n  }\n\n  .thales-series__episodes {\n    gap: 105px;\n  }\n\n  .thales-episode__video {\n    border-radius: 15px;\n  }\n\n  .thales-episode__play {\n    width: 66px;\n    height: 66px;\n  }\n\n  .thales-episode__video-label {\n    right: 16px;\n    bottom: 15px;\n    font-size: 9px;\n  }\n\n  .thales-episode__content p {\n    font-size: 17px;\n  }\n\n  .thales-video-modal {\n    padding: 14px;\n  }\n\n  .thales-video-modal__close {\n    top: -48px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thales-series__reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .thales-episode__video iframe,\n  .thales-episode__play,\n  .thales-video-modal__dialog {\n    transition: none;\n  }\n}\n\nbody.page-id-23803 .thales-series-wrap {\n  position: relative !important;\n  z-index: 22 !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-top: -70px !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-23803 .thales-series-wrap > *,\nbody.page-id-23803 .thales-series-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\nbody.page-id-23803 .thales-series-wrap .thales-series {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\/* =========================================================\n   INFINIGATE TYPOGRAFIE \u2013 VIDEO-SERIE\n   ========================================================= *\/\n\n.thales-series {\n  font-family: \"Outfit\", serif;\n}\n\n\/* Abschnitts\u00fcberschrift *\/\n\n.thales-series 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-series__intro > p {\n  max-width: 760px;\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 300;\n}\n\n\/* Episodentitel *\/\n\n.thales-episode 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\/* Frage unter dem Episodentitel *\/\n\n.thales-episode__question {\n  margin: 22px 0 24px !important;\n  font-size: clamp(20px, 1.8vw, 22px) !important;\n  line-height: 1.4 !important;\n  font-weight: 300 !important;\n}\n\n\/* Regul\u00e4rer Erkl\u00e4rungstext *\/\n\n.thales-episode__content > p:not(.thales-episode__question) {\n  margin: 0 0 20px;\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 300;\n}\n\n\/* Standard-CTA nach Infinigate-Vorgabe *\/\n\n.thales-episode__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: 18px;\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  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-episode__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-episode__cta:hover,\n.thales-episode__cta:focus-visible {\n  color: #ed5740;\n  border-color: #ed5740;\n  background: #ffffff;\n  transform: translateY(-2px);\n}\n\n.thales-episode__cta:hover i,\n.thales-episode__cta:focus-visible i {\n  transform: translateX(5px);\n}\n\n.thales-episode__cta:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.3);\n  outline-offset: 4px;\n}\n\n\/* Mobile *\/\n\n@media (max-width: 620px) {\n  .thales-series h2 {\n    font-size: clamp(38px, 11vw, 46px);\n  }\n\n  .thales-series__intro > p,\n  .thales-episode__content > p:not(.thales-episode__question) {\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .thales-episode__question {\n    font-size: 20px !important;\n  }\n\n  .thales-episode__cta {\n    width: 100%;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".thales-series\");\n\n  if (!section) return;\n\n  const revealElements = section.querySelectorAll(\n    \".thales-series__reveal\"\n  );\n\n  if (\"IntersectionObserver\" in window) {\n    const revealObserver = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) return;\n\n          entry.target.classList.add(\"is-visible\");\n          revealObserver.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      revealObserver.observe(element);\n    });\n  } else {\n    revealElements.forEach(function (element) {\n      element.classList.add(\"is-visible\");\n    });\n  }\n\n  const modal = section.querySelector(\".thales-video-modal\");\n  const modalFrame = modal.querySelector(\n    \".thales-video-modal__frame\"\n  );\n\n  const openButtons = section.querySelectorAll(\n    \"[data-vimeo-id]\"\n  );\n\n  const closeButtons = modal.querySelectorAll(\n    \".thales-video-modal__close, .thales-video-modal__backdrop\"\n  );\n\n  function openVideo(button) {\n    const videoId = button.getAttribute(\"data-vimeo-id\");\n    const videoHash = button.getAttribute(\"data-vimeo-hash\");\n\n    if (!videoId || !videoHash) return;\n\n    const iframe = document.createElement(\"iframe\");\n\n    iframe.src =\n      \"https:\/\/player.vimeo.com\/video\/\" +\n      videoId +\n      \"?h=\" +\n      videoHash +\n      \"&autoplay=1&muted=0&controls=1&playsinline=1\";\n\n    iframe.title = \"Thales Bad Bot Report Video\";\n    iframe.allow =\n      \"autoplay; fullscreen; picture-in-picture\";\n    iframe.allowFullscreen = true;\n\n    modalFrame.innerHTML = \"\";\n    modalFrame.appendChild(iframe);\n\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"false\");\n    document.body.classList.add(\"thales-video-open\");\n\n    const closeButton = modal.querySelector(\n      \".thales-video-modal__close\"\n    );\n\n    window.setTimeout(function () {\n      closeButton.focus();\n    }, 120);\n  }\n\n  function closeVideo() {\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n    document.body.classList.remove(\"thales-video-open\");\n\n    window.setTimeout(function () {\n      modalFrame.innerHTML = \"\";\n    }, 350);\n  }\n\n  openButtons.forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      openVideo(button);\n    });\n  });\n\n  closeButtons.forEach(function (button) {\n    button.addEventListener(\"click\", closeVideo);\n  });\n\n  document.addEventListener(\"keydown\", function (event) {\n    if (\n      event.key === \"Escape\" &&\n      modal.classList.contains(\"is-open\")\n    ) {\n      closeVideo();\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      Reale Angriffsszenarien\n    <\/span>\n\n    <h2 id=\"thales-impact-title\">\n      Unsichtbare Angriffe.<br>\n      <span>Reale Auswirkungen.<\/span>\n    <\/h2>\n\n    <p>\n      Moderne Bot-Angriffe nutzen legitime Schnittstellen und regul\u00e4re\n      Gesch\u00e4ftsprozesse. Dadurch sehen sie h\u00e4ufig wie gew\u00f6hnliche\n      Benutzeraktivit\u00e4ten aus, bis der finanzielle Schaden sichtbar wird.\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>Fallakte 01<\/span>\n          <span class=\"thales-case__live\">\n            <i><\/i>\n            Angriff erkannt\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>Benutzer<\/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>Authentifizierung<\/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>Kundenkonto<\/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            Automatisierte Login-Versuche\n          <\/div>\n\n        <\/div>\n\n        <div class=\"thales-case__monitor\">\n          <span>\n            <small>Anfragen<\/small>\n            <strong>Hoch<\/strong>\n          <\/span>\n\n          <span>\n            <small>Verhalten<\/small>\n            <strong>Anomal<\/strong>\n          <\/span>\n\n          <span>\n            <small>Ziel<\/small>\n            <strong>Konten<\/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          Finanzdienstleister\n        <\/div>\n\n        <span class=\"thales-case__signal\">\n          Authentifizierungs-API\n        <\/span>\n\n        <h3>\n          Der Angriff kam nicht durch die Website.\n        <\/h3>\n\n        <p class=\"thales-case__lead\">\n          Ein Finanzdienstleister wurde Ziel eines grossangelegten\n          Account-Takeover-Angriffs \u00fcber seine Authentifizierungs-API.\n        <\/p>\n\n        <p>\n          Die Bots verwendeten regul\u00e4re Login-Funktionen und testeten\n          automatisiert gestohlene Zugangsdaten. Jede einzelne Anfrage wirkte\n          zun\u00e4chst legitim. Erst das Verhalten \u00fcber viele Sessions hinweg\n          machte den Angriff sichtbar.\n        <\/p>\n\n        <div class=\"thales-case__consequence\">\n          <span>Gesch\u00e4ftliche Auswirkung<\/span>\n\n          <p>\n            \u00dcbernommene Kundenkonten gef\u00e4hrden Verm\u00f6genswerte, Kundendaten und\n            das Vertrauen in digitale Dienstleistungen.\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>Fallakte 02<\/span>\n          <span class=\"thales-case__live\">\n            <i><\/i>\n            Kosten steigen\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>Verifizierung<\/span>\n              <strong>\u2022\u2022\u2022\u2022\u2022\u2022<\/strong>\n              <small>Code erneut senden<\/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>Kostenentwicklung<\/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>Dauer<\/small>\n            <strong>20 Tage<\/strong>\n          <\/span>\n\n          <span>\n            <small>Methode<\/small>\n            <strong>SMS Pumping<\/strong>\n          <\/span>\n\n          <span>\n            <small>Schaden<\/small>\n            <strong>Kosten<\/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          Krankenversicherer\n        <\/div>\n\n        <div class=\"thales-case__amount\">\n          <strong>300'000<\/strong>\n          <span>USD<\/span>\n        <\/div>\n\n        <h3>\n          Ein legitimer SMS-Dienst wurde zur Kostenfalle.\n        <\/h3>\n\n        <p class=\"thales-case__lead\">\n          Ein internationaler Krankenversicherer verlor innerhalb von nur\n          20 Tagen rund 300'000 USD durch einen automatisierten\n          SMS-Pumping-Angriff.\n        <\/p>\n\n        <p>\n          Bots l\u00f6sten massenhaft kostenpflichtige Verifizierungsnachrichten\n          aus. Die Funktion arbeitete technisch korrekt, wurde aber in einem\n          Umfang missbraucht, f\u00fcr den sie nie vorgesehen war.\n        <\/p>\n\n        <div class=\"thales-case__consequence\">\n          <span>Gesch\u00e4ftliche Auswirkung<\/span>\n\n          <p>\n            Der Angriff verursachte direkte Kosten, ohne dass Systeme\n            kompromittiert oder klassische Sicherheitsl\u00fccken ausgenutzt\n            werden mussten.\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      Moderne Bot-Angriffe sind nicht nur ein IT-Problem.\n      <strong>Sie sind ein Gesch\u00e4ftsrisiko.<\/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-23803 .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-23803 .thales-impact-wrap > *,\nbody.page-id-23803 .thales-impact-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\nbody.page-id-23803 .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\n  class=\"thales-reality\"\n  id=\"thales-reality\"\n  aria-labelledby=\"thales-reality-title\"\n>\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      Wie gut kennst du<br>\n      <span>deine digitale Infrastruktur?<\/span>\n    <\/h2>\n\n    <p>\n      Moderne Bot-Angriffe sind oft kaum von legitimen Zugriffen zu\n      unterscheiden. Die entscheidende Frage ist deshalb nicht nur, ob Bots\n      aktiv sind, sondern ob du erkennst, was sie in deinen digitalen\n      Prozessen tun.\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              Weisst du, welcher Anteil deines Website-Traffics tats\u00e4chlich\n              von Menschen stammt?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysiert<\/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-Aktivit\u00e4t<\/h3>\n            <p>\n              Wer \u00fcberwacht deine APIs auf missbr\u00e4uchliche oder\n              automatisierte Zugriffe?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysiert<\/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>Gesch\u00e4ftsprozesse<\/h3>\n            <p>\n              K\u00f6nnen Bots deine Gesch\u00e4ftsprozesse manipulieren, ohne einen\n              Alarm auszul\u00f6sen?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysiert<\/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>Automatisierung<\/h3>\n            <p>\n              Welche automatisierten Zugriffe sind erw\u00fcnscht und welche\n              stellen ein Risiko dar?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysiert<\/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>KI-gest\u00fctzte Angriffe<\/h3>\n            <p>\n              Wie gut bist du auf intelligente und anpassungsf\u00e4hige\n              Bot-Angriffe vorbereitet?\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <span class=\"thales-check__result\">Analysiert<\/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>Systemanalyse<\/span>\n\n        <span class=\"thales-reality__live\">\n          <i><\/i>\n          Aktiv\n        <\/span>\n      <\/div>\n\n      <div class=\"thales-reality__progress\">\n        <div class=\"thales-reality__progress-meta\">\n          <span>Analysefortschritt<\/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          Ergebnis\n        <\/span>\n\n        <div class=\"thales-reality__result-value\">\n          <strong>5<\/strong>\n\n          <span>\n            offene<br>\n            Fragen\n          <\/span>\n        <\/div>\n\n        <p>\n          Falls du eine dieser Fragen nicht eindeutig beantworten kannst,\n          lohnt sich ein Blick in den aktuellen Thales Bad Bot Report.\n        <\/p>\n\n        <a class=\"thales-reality__cta\" href=\"#thales-report\">\n          <span>Report herunterladen<\/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      Unsichtbare Risiken beginnen dort, wo Transparenz fehlt.\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-23803 .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-23803 .thales-reality-wrap > *,\nbody.page-id-23803 .thales-reality-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\nbody.page-id-23803 .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>Datenbasis<\/small>\n          <strong>Global<\/strong>\n        <\/span>\n\n        <span>\n          <small>Analyse<\/small>\n          <strong>Aktuell<\/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        Der komplette 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        Der Report vereint aktuelle Marktdaten, reale Angriffsszenarien und\n        konkrete Handlungsempfehlungen aus der Praxis.\n      <\/p>\n\n      <p class=\"thales-report__copy\">\n        Er zeigt, wie k\u00fcnstliche Intelligenz, APIs und automatisierte Angriffe\n        Unternehmen ver\u00e4ndern und welche Massnahmen heute notwendig sind,\n        um Anwendungen, digitale Schnittstellen und Gesch\u00e4ftsprozesse wirksam\n        zu sch\u00fctzen.\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-Angriffe<\/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>mehr KI-Angriffe<\/span>\n        <\/div>\n\n        <div>\n          <strong>17,2 Bio.<\/strong>\n          <span>blockierte Anfragen<\/span>\n        <\/div>\n\n      <\/div>\n\n      <button class=\"thales-report__cta\" type=\"button\" data-thales-report-open=\"\">\n        <span>Jetzt Report herunterladen<\/span>\n\n        <i aria-hidden=\"true\">\u2192<\/i>\n      <\/button>\n\n      <p class=\"thales-report__notice\">\n        Formular ausf\u00fcllen und den vollst\u00e4ndigen Report herunterladen.\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      Die unsichtbare Bedrohung beginnt dort, wo klassische\n      Sicherheitsmechanismen aufh\u00f6ren.\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          Report herunterladen\n        <\/h3>\n\n        <p>\n          Hinterlasse deine Kontaktdaten und erhalte anschliessend Zugriff\n          auf den vollst\u00e4ndigen 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_313' ><div id='gf_313' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">Download Thales Bad Bot Report<\/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_313' id='gform_313'  action='\/ch\/wp-json\/wp\/v2\/pages\/23803#gf_313' data-formid='313' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_313' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_313_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_313_7'>X\/Twitter<\/label><div class='gfield_description' id='gfield_description_313_7'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_7' id='input_313_7' type='text' value='' autocomplete='new-password'\/><\/div><\/div><fieldset id=\"field_313_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_313_6'>\n                            \n                            <span id='input_313_6_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <label for='input_313_6_3' class='gform-field-label gform-field-label--type-sub '>Vorname<\/label>\n                                                    <input type='text' name='input_6.3' id='input_313_6_3' value=''   aria-required='true'     \/>\n                                                <\/span>\n                            \n                            <span id='input_313_6_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                            <label for='input_313_6_6' class='gform-field-label gform-field-label--type-sub '>Nachname<\/label>\n                                                            <input type='text' name='input_6.6' id='input_313_6_6' value=''   aria-required='true'     \/>\n                                                        <\/span>\n                            \n                        <\/div><\/fieldset><div id=\"field_313_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_313_5'>E-Mail<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_313_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_313' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Download'  \/> <input type='hidden' name='gform_ajax' value='form_id=313&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=dbc3ab12e2d79d82ef2e9ec4519175e5' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_313' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_313' id='gform_theme_313' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_313' id='gform_style_settings_313' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_313' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='313' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='bJpXriYPRbLXQab3++TSxwQ2cAyYRL+W51AEP1RJTfZw\/VbS0aUcvVpqTnCdQD0YnM8XmZNlhX5ByF6XHm072Y0Qqi9LnAqbUz7z0uz93lYdSdo=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_313' value='WyJbXSIsIjc3YWE1M2E5MTFjMjNhN2Y1NDgxODNlYzQwZWNmZDYzIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_313' id='gform_target_page_number_313' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_313' id='gform_source_page_number_313' 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_313' id='gform_ajax_frame_313' 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( 313, 'https:\/\/www.infinigate.com\/ch\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_313').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_313');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_313').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_313').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_313').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_313').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_313').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_313').val();gformInitSpinner( 313, 'https:\/\/www.infinigate.com\/ch\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [313, current_page]);window['gf_submitting_313'] = 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_313').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_313').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [313]);window['gf_submitting_313'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_313').text());}else{jQuery('#gform_313').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"313\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_313\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_313\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_313\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 313, 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-23803 .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-23803 .thales-report-wrap > *,\nbody.page-id-23803 .thales-report-wrap > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n\nbody.page-id-23803 .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          Direkter Kontakt\n        <\/span>\n\n        <h2 id=\"thales-team-title\">\n          Kontakt zum<br>\n          <span>Thales-Team.<\/span>\n        <\/h2>\n\n        <p>\n          Unser Thales-Team unterst\u00fctzt dich bei vertrieblichen Anfragen,\n          bei Pre-Sales-Themen und bei geplanten Marketingaktivit\u00e4ten.\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>Jetzt Kontakt aufnehmen<\/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        Deine Ansprechpartner\n      <\/span>\n\n      <h3>\n        Pers\u00f6nlich f\u00fcr dich da.\n      <\/h3>\n\n      <p>\n        Ob Angebot, Projektidee oder technische Frage: Du erreichst bei uns\n        direkt die Menschen, die das Thales-Gesch\u00e4ft in der Schweiz begleiten.\n      <\/p>\n\n    <\/div>\n\n    <!-- PERSONEN -->\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        Eine gute Sicherheitsstrategie beginnt mit einem direkten Gespr\u00e4ch.\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 Schweiz<\/span>\n\n        <h3 id=\"thales-contact-modal-title\">\n          Wie k\u00f6nnen wir dich unterst\u00fctzen?\n        <\/h3>\n\n        <p>\n          Sende uns deine Anfrage. Das Thales-Team von Infinigate Schweiz\n          meldet sich direkt bei dir.\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_314' ><div id='gf_314' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">Kontakt zum Thales-Team<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>\u201e<span class=\"gfield_required gfield_required_asterisk\">*<\/span>\u201c zeigt erforderliche Felder an<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_314' id='gform_314'  action='\/ch\/wp-json\/wp\/v2\/pages\/23803#gf_314' data-formid='314' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_314' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_314_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_314_15'>URL<\/label><div class='gfield_description' id='gfield_description_314_15'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_15' id='input_314_15' type='text' value='' autocomplete='new-password'\/><\/div><\/div><div id=\"field_314_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_314_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_314_1' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_314_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_314_3'>E-Mail<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_314_3' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_314_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_314_14'>Firma<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_314_14' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_314_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_314_4'>Telefon<\/label><div class='ginput_container ginput_container_phone'><input name='input_4' id='input_314_4' type='tel' value='' class='large'    aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_314_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_314_9'>Wie k\u00f6nnen wir helfen?<\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_9' id='input_314_9' class='textarea large'      aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_314_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' >Datenschutzbestimmungen<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_314_12'><div class='gchoice gchoice_314_12_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_12.1' type='checkbox'  value='Ich habe zur Kenntnis genommen, dass die Kontaktaufnahme durch Infinigate streng nach den Bestimmungen der &lt;a href=&quot;\/privacy\/&quot;&gt;Datenschutzrichtlinie&lt;\/a&gt; erfolgt.'  id='choice_314_12_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_314_12_1' id='label_314_12_1' class='gform-field-label gform-field-label--type-inline'>Ich habe zur Kenntnis genommen, dass die Kontaktaufnahme durch Infinigate streng nach den Bestimmungen der <a href=\"\/privacy\/\">Datenschutzrichtlinie<\/a> erfolgt.<\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_314' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Absenden'  \/> <input type='hidden' name='gform_ajax' value='form_id=314&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=5f5ec144df63330640fbecaafd1d2f2f' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_314' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_314' id='gform_theme_314' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_314' id='gform_style_settings_314' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_314' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='314' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='7jvsF6ODzBbduVrhR5GdgJ0hT\/iQCf3svhbeT8B06HC2cYGl22YFAB0EROZ3DgmsnGxxkjY\/vnjywuVLf2uinEPbjK6uFcxuEbbnT2R2Qf4Eywo=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_314' value='WyJ7XCIxMi4xXCI6XCJlMmQ2NDBiNmRlZmEwZThmYzQ3YzYyNDRjY2U2MTFhOVwifSIsImRlZmUwNGJmYTEzNzI2MTYxMjc1YjcwNzQ4MTg5OTY1Il0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_314' id='gform_target_page_number_314' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_314' id='gform_source_page_number_314' 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_314' id='gform_ajax_frame_314' 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( 314, 'https:\/\/www.infinigate.com\/ch\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_314').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_314');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_314').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_314').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_314').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_314').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_314').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_314').val();gformInitSpinner( 314, 'https:\/\/www.infinigate.com\/ch\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [314, current_page]);window['gf_submitting_314'] = 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_314').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_314').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [314]);window['gf_submitting_314'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_314').text());}else{jQuery('#gform_314').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"314\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_314\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_314\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_314\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 314, 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-23803 .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-23803 .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-23803 .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-23803\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-23803\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-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\n.gfield_label,\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\n.gform-field-label,\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\nlegend,\n\nbody.page-id-23803\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-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"text\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"email\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"tel\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"url\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"number\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\nselect,\n\nbody.page-id-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"text\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"email\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"tel\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"url\"],\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"number\"],\n\nbody.page-id-23803\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-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput:focus,\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\nselect:focus,\n\nbody.page-id-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput::placeholder,\n\nbody.page-id-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput:-webkit-autofill,\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput:-webkit-autofill:hover,\n\nbody.page-id-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\n.gfield_consent_label,\n\nbody.page-id-23803\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-23803\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-23803\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-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\n.gform_button,\n\nbody.page-id-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\n.gform_button:hover,\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\n.gform_button:focus-visible,\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\ninput[type=\"submit\"]:hover,\n\nbody.page-id-23803\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-23803\n.thales-contact-modal\n#gform_wrapper_314\n.validation_message,\n\nbody.page-id-23803\n.thales-contact-modal\n#gform_wrapper_314\n.gfield_validation_message,\n\nbody.page-id-23803\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-23803\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 Einstieg 02 Die Zahlen 03 Video-Serie 04 Reale Angriffe 05 Reality Check 06 Report 07 Kontakt Unter der Oberfl\u00e4che&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-23803","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"lang":"de","translations":{"de":23803,"en":24168},"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\/23803","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=23803"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/23803\/revisions"}],"predecessor-version":[{"id":24564,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/23803\/revisions\/24564"}],"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=23803"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/folder?post=23803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}