{"id":24537,"date":"2026-07-30T11:30:58","date_gmt":"2026-07-30T09:30:58","guid":{"rendered":"https:\/\/www.infinigate.com\/ch\/?page_id=24537"},"modified":"2026-08-07T08:53:22","modified_gmt":"2026-08-07T06:53:22","slug":"sophos-geek-hub","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/ch\/sophos-geek-hub\/","title":{"rendered":"Sophos Geek Hub"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull sgh-section sgh-intro-section is-layout-flow wp-block-group-is-layout-flow\" id=\"sgh-intro\">\n<!-- SGH 01 \u2013 More than training -->\n<section class=\"sgh-intro\" aria-labelledby=\"sgh-intro-title\">\n  <div class=\"sgh-intro__inner\">\n    <header class=\"sgh-intro__heading\">\n      <p class=\"sgh-intro__kicker\">More than Training<\/p>\n      <h2 id=\"sgh-intro-title\">Eine Community f\u00fcr Menschen, die Sophos wirklich verstehen wollen.<\/h2>\n    <\/header>\n\n    <div class=\"sgh-intro__copy\">\n      <p>Cybersecurity entwickelt sich t\u00e4glich weiter. Ein einzelnes Webinar reicht deshalb nicht aus. Der Sophos Geek Hub begleitet dich langfristig mit praxisnahem Wissen, regelm\u00e4ssigen Updates und einer Community, die Erfahrungen teilt.<\/p>\n      <p>Ob du Sophos Fusion sicher administrieren oder dein Managed-Service-Gesch\u00e4ft weiterentwickeln m\u00f6chtest: Du w\u00e4hlst den Weg, der zu deiner Aufgabe passt.<\/p>\n    <\/div>\n\n    <!-- Visual 03: Classic und MSP Geek -->\n    <div class=\"sgh-intro__hub-stage\" data-sgh-intro-stage=\"\">\n      <img class=\"sgh-intro__people\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/08\/Visual-03-Asset-%E2%80%93-Classic-und-MSP-Geek.png\" alt=\"Sophos Geek Classic und Sophos MSP Geek gemeinsam im Sophos Geek Hub\" loading=\"lazy\" decoding=\"async\">\n      <svg class=\"sgh-intro__hub-connections\" viewBox=\"0 0 1200 620\" aria-hidden=\"true\" focusable=\"false\">\n        <defs>\n          <linearGradient id=\"sgh-intro-hub-gradient\" x1=\"0\" x2=\"1\">\n            <stop offset=\"0\" stop-color=\"#009fc7\"><\/stop>\n            <stop offset=\"0.52\" stop-color=\"#c95fa5\"><\/stop>\n            <stop offset=\"1\" stop-color=\"#ed5740\"><\/stop>\n          <\/linearGradient>\n        <\/defs>\n        <path class=\"sgh-intro__hub-line sgh-intro__hub-line--knowledge\" d=\"M318 220 C398 220 446 275 505 300\" pathLength=\"1\"><\/path>\n        <path class=\"sgh-intro__hub-line sgh-intro__hub-line--experience\" d=\"M340 468 C420 468 454 405 505 365\" pathLength=\"1\"><\/path>\n        <path class=\"sgh-intro__hub-line sgh-intro__hub-line--community\" d=\"M704 332 C772 332 824 330 900 330\" pathLength=\"1\"><\/path>\n        <circle class=\"sgh-intro__hub-point sgh-intro__hub-point--knowledge\" cx=\"318\" cy=\"220\" r=\"5\"><\/circle>\n        <circle class=\"sgh-intro__hub-point sgh-intro__hub-point--experience\" cx=\"340\" cy=\"468\" r=\"5\"><\/circle>\n        <circle class=\"sgh-intro__hub-point sgh-intro__hub-point--community\" cx=\"900\" cy=\"330\" r=\"5\"><\/circle>\n      <\/svg>\n      <div class=\"sgh-intro__hub-core\" aria-label=\"Sophos Geek Hub\">\n        <span class=\"sgh-intro__hub-ring sgh-intro__hub-ring--cyan\" aria-hidden=\"true\"><\/span>\n        <span class=\"sgh-intro__hub-ring sgh-intro__hub-ring--magenta\" aria-hidden=\"true\"><\/span>\n        <span class=\"sgh-intro__hub-ring sgh-intro__hub-ring--coral\" aria-hidden=\"true\"><\/span>\n        <span class=\"sgh-intro__hub-mark\" aria-hidden=\"true\"><svg viewBox=\"0 0 48 24\" focusable=\"false\"><path d=\"M4 12c0-4 3-7 7-7h7c4 0 7 3 7 7s-3 7-7 7h-7c-4 0-7-3-7-7Zm20 0c0-4 3-7 7-7h6c4 0 7 3 7 7s-3 7-7 7h-6c-4 0-7-3-7-7Z\"><\/path><path d=\"M18 12h12\"><\/path><\/svg><\/span>\n        <span class=\"sgh-intro__hub-core-copy\"><strong>Sophos<br>Geek Hub<\/strong><small>Community<\/small><\/span>\n      <\/div>\n      <div class=\"sgh-intro__hub-module sgh-intro__hub-module--knowledge\" data-sgh-intro-module=\"knowledge\" tabindex=\"0\">\n        <span class=\"sgh-intro__hub-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 48 48\" focusable=\"false\"><path d=\"M8 15h32M10 10h28v28H10zM15 22h18M15 29h12\"><\/path><\/svg><\/span>\n        <div><strong>Wissen<\/strong><p>Praxisnahe Inhalte, die du direkt in deinem Arbeitsalltag einsetzen kannst.<\/p><\/div>\n      <\/div>\n      <div class=\"sgh-intro__hub-module sgh-intro__hub-module--experience\" data-sgh-intro-module=\"experience\" tabindex=\"0\">\n        <span class=\"sgh-intro__hub-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 48 48\" focusable=\"false\"><circle cx=\"24\" cy=\"15\" r=\"6\"><\/circle><path d=\"M12 38c1-8 5-12 12-12s11 4 12 12M8 38h32\"><\/path><\/svg><\/span>\n        <div><strong>Erfahrung<\/strong><p>Konkrete Einblicke von Menschen, die Sophos t\u00e4glich einsetzen und weiterentwickeln.<\/p><\/div>\n      <\/div>\n      <div class=\"sgh-intro__hub-module sgh-intro__hub-module--community\" data-sgh-intro-module=\"community\" tabindex=\"0\">\n        <span class=\"sgh-intro__hub-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 48 48\" focusable=\"false\"><circle cx=\"18\" cy=\"19\" r=\"6\"><\/circle><circle cx=\"32\" cy=\"20\" r=\"5\"><\/circle><path d=\"M7 38c1-7 5-11 11-11s10 4 11 11M27 29c2-2 4-3 7-3 4 0 7 4 7 11\"><\/path><\/svg><\/span>\n        <div><strong>Community<\/strong><p>Austausch, Updates und gemeinsame Weiterentwicklung \u00fcber einzelne Webinare hinaus.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.page-id-24537 .site-main__content.blocks > .sgh-section,\n.page-id-24537 .site-main__content > .sgh-section,\n.page-id-24537 .sgh-section {\n  margin-block-start: 0 !important;\n  margin-block-end: 0 !important;\n}\n\n@media (scripting: none) {\n  .page-id-24537 .sgh-intro__heading,\n  .page-id-24537 .sgh-intro__copy,\n  .page-id-24537 .sgh-path-card,\n  .page-id-24537 .sgh-path-card__step,\n  .page-id-24537 .sgh-achievement,\n  .page-id-24537 .sgh-achievements__hub,\n  .page-id-24537 .sgh-journey__track-head,\n  .page-id-24537 .sgh-journey__track > a,\n  .page-id-24537 .sgh-journey__steps li,\n  .page-id-24537 .sgh-journey__club,\n  .page-id-24537 .sgh-club__visual,\n  .page-id-24537 .sgh-club__node,\n  .page-id-24537 .sgh-club__theme,\n  .page-id-24537 .sgh-mission-card,\n  .page-id-24537 .sgh-closing__inner,\n  .page-id-24537 .sgh-closing__figure {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n    animation: none !important;\n  }\n\n  .page-id-24537 .sgh-journey__track::after,\n  .page-id-24537 .sgh-journey__steps::before {\n    transform: none !important;\n  }\n\n  .page-id-24537 .sgh-club__circle,\n  .page-id-24537 .sgh-closing__glow {\n    opacity: 1 !important;\n    transform: translate(-50%, -50%) !important;\n    transition: none !important;\n    animation: none !important;\n  }\n\n  .page-id-24537 .sgh-journey__steps::after,\n  .page-id-24537 .sgh-journey__steps i::after {\n    display: none !important;\n  }\n}\n\n.sgh-intro-section {\n  margin-block-start: 0 !important;\n  padding: 0 !important;\n}\n\n.sgh-intro-section .sgh-intro {\n  --sgh-blue: #153447;\n  --sgh-coral: #ed5740;\n  --sgh-cyan: #009fc7;\n  position: relative;\n  overflow: hidden;\n  overflow: clip;\n  width: 100%;\n  max-width: none !important;\n  margin-inline: 0 !important;\n  padding: clamp(76px, 8vw, 132px) clamp(24px, 5vw, 72px) clamp(62px, 7vw, 112px);\n  background:\n    radial-gradient(circle at 88% 18%, rgba(0, 159, 199, 0.09), transparent 28%),\n    linear-gradient(180deg, #ffffff 0%, #f9f9fb 100%);\n  color: var(--sgh-blue);\n  font-family: \"Outfit\", sans-serif;\n}\n\n.sgh-intro-section .sgh-intro__inner {\n  width: min(100%, 1240px);\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\n  gap: clamp(34px, 7vw, 104px);\n  align-items: start;\n}\n\n.sgh-intro-section .sgh-intro__heading,\n.sgh-intro-section .sgh-intro__copy {\n  position: relative;\n  z-index: 2;\n  opacity: 0;\n  transform: translateY(8px);\n  transition:\n    opacity 420ms ease,\n    transform 620ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-intro-section .sgh-intro__copy {\n  transition-delay: 100ms;\n}\n\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__heading,\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__copy {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.sgh-intro-section .sgh-intro__kicker {\n  margin: 0 0 18px;\n  color: var(--sgh-coral);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.sgh-intro-section .sgh-intro h2 {\n  max-width: 710px;\n  margin: 0;\n  color: var(--sgh-blue);\n  font-size: clamp(34px, 4.2vw, 52px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n\n.sgh-intro-section .sgh-intro__copy {\n  padding-top: 38px;\n  border-top: 1px solid rgba(21, 52, 71, 0.18);\n}\n\n.sgh-intro-section .sgh-intro__copy p {\n  margin: 0;\n  color: #354e5e;\n  font-size: clamp(18px, 1.55vw, 20px);\n  font-weight: 300;\n  line-height: 1.4;\n}\n\n.sgh-intro-section .sgh-intro__copy p + p {\n  margin-top: 22px;\n}\n\n\/* Community Hub core: a responsive HTML\/CSS\/SVG composition. *\/\n.sgh-intro-section .sgh-intro__hub-stage {\n  position: relative;\n  grid-column: 1 \/ -1;\n  min-height: 620px;\n  margin-top: clamp(18px, 3vw, 42px);\n  isolation: isolate;\n}\n\n.sgh-intro-section .sgh-intro__people {\n  position: absolute;\n  z-index: 0;\n  right: -2%;\n  bottom: 3%;\n  width: min(58%, 720px);\n  max-height: 610px;\n  object-fit: contain;\n  object-position: right bottom;\n  opacity: .94;\n  filter: drop-shadow(0 24px 38px rgba(21,52,71,.12));\n  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.86) 22%, #000 58%, #000 100%);\n  transition: transform 700ms cubic-bezier(.22,1,.36,1), opacity 420ms ease;\n}\n\n.sgh-intro-section .sgh-intro__hub-connections {\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  pointer-events: none;\n}\n\n.sgh-intro-section .sgh-intro__hub-line {\n  fill: none;\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-dasharray: 1;\n  stroke-dashoffset: 1;\n  transition: stroke-dashoffset 900ms cubic-bezier(.22,1,.36,1), opacity 220ms ease, stroke-width 220ms ease;\n}\n\n.sgh-intro-section .sgh-intro__hub-line--knowledge { stroke: #009fc7; }\n.sgh-intro-section .sgh-intro__hub-line--experience { stroke: #c95fa5; }\n.sgh-intro-section .sgh-intro__hub-line--community { stroke: #ed5740; }\n\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-line {\n  stroke-dashoffset: 0;\n}\n\n.sgh-intro-section .sgh-intro__hub-point {\n  opacity: 0;\n  stroke: #fff;\n  stroke-width: 2;\n  transition: opacity 260ms ease 520ms;\n}\n\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-point { opacity: 1; }\n.sgh-intro-section .sgh-intro__hub-point--knowledge { fill: #009fc7; }\n.sgh-intro-section .sgh-intro__hub-point--experience { fill: #c95fa5; }\n.sgh-intro-section .sgh-intro__hub-point--community { fill: #ed5740; }\n\n.sgh-intro-section .sgh-intro__hub-core {\n  position: absolute;\n  z-index: 3;\n  left: 50%;\n  top: 44%;\n  display: grid;\n  place-items: center;\n  width: clamp(188px, 19vw, 244px);\n  aspect-ratio: 1;\n  transform: translate(-50%, -50%) scale(.84);\n  border-radius: 50%;\n  background: radial-gradient(circle at 38% 28%, rgba(43,93,113,.95), #153447 48%, #081d2b 100%);\n  box-shadow: 0 22px 60px rgba(21,52,71,.24), 0 0 58px rgba(0,159,199,.16);\n  opacity: 0;\n  transition: opacity 520ms ease, transform 680ms cubic-bezier(.22,1,.36,1);\n}\n\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-core {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.sgh-intro-section .sgh-intro__hub-ring {\n  position: absolute;\n  inset: 10px;\n  border: 1px solid;\n  border-radius: 50%;\n  opacity: .8;\n  transition: transform 320ms ease, opacity 220ms ease, box-shadow 220ms ease;\n}\n\n.sgh-intro-section .sgh-intro__hub-ring--cyan { border-color: #36d8f5; transform: scale(1.02); }\n.sgh-intro-section .sgh-intro__hub-ring--magenta { border-color: #ff68ce; transform: scale(1.13); }\n.sgh-intro-section .sgh-intro__hub-ring--coral { border-color: #ed5740; transform: scale(1.25); }\n\n.sgh-intro-section .sgh-intro__hub-core-copy {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  color: #fff;\n  line-height: 1;\n  text-align: center;\n}\n\n.sgh-intro-section .sgh-intro__hub-core-copy strong { font-size: clamp(19px, 2.1vw, 29px); font-weight: 500; }\n.sgh-intro-section .sgh-intro__hub-core-copy small { margin-top: 8px; color: #72e7ff; font-size: 13px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; }\n\n.sgh-intro-section .sgh-intro__hub-module {\n  position: absolute;\n  z-index: 4;\n  display: grid;\n  grid-template-columns: 44px minmax(0, 1fr);\n  gap: 14px;\n  align-items: start;\n  width: min(31%, 330px);\n  padding: 18px 19px;\n  border: 1px solid rgba(21,52,71,.16);\n  border-radius: 12px;\n  background: rgba(255,255,255,.84);\n  box-shadow: 0 20px 42px rgba(21,52,71,.08);\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity 340ms ease, transform 340ms cubic-bezier(.22,1,.36,1), border-color 220ms ease, box-shadow 220ms ease;\n}\n\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-module { opacity: 1; transform: translateY(0); }\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-module--knowledge { transition-delay: 220ms; }\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-module--experience { transition-delay: 380ms; }\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-module--community { transition-delay: 540ms; }\n.sgh-intro-section .sgh-intro__hub-module--knowledge { left: 1%; top: 25%; border-color: rgba(0,159,199,.42); }\n.sgh-intro-section .sgh-intro__hub-module--experience { right: 1%; top: 25%; border-color: rgba(201,95,165,.44); }\n.sgh-intro-section .sgh-intro__hub-module--community { left: 50%; bottom: 1%; border-color: rgba(237,87,64,.42); transform: translate(-50%, 14px); }\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-module--community { transform: translate(-50%, 0); }\n\n.sgh-intro-section .sgh-intro__hub-module:focus-visible,\n.sgh-intro-section .sgh-intro__hub-module:hover {\n  outline: 3px solid rgba(237,87,64,.22);\n  outline-offset: 4px;\n  box-shadow: 0 24px 48px rgba(21,52,71,.14);\n  transform: translateY(-4px);\n}\n\n.sgh-intro-section .sgh-intro__hub-module--community:focus-visible,\n.sgh-intro-section .sgh-intro__hub-module--community:hover { transform: translate(-50%, -4px); }\n.sgh-intro-section .sgh-intro__hub-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid currentColor; border-radius: 9px; background: rgba(255,255,255,.54); }\n.sgh-intro-section .sgh-intro__hub-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\n.sgh-intro-section .sgh-intro__hub-module--knowledge { color: #009fc7; }\n.sgh-intro-section .sgh-intro__hub-module--experience { color: #b65199; }\n.sgh-intro-section .sgh-intro__hub-module--community { color: #ed5740; }\n.sgh-intro-section .sgh-intro__hub-module strong { display: block; color: #153447; font-size: 20px; font-weight: 500; line-height: 1.1; }\n.sgh-intro-section .sgh-intro__hub-module p { margin: 7px 0 0; color: #526877; font-size: 15px; font-weight: 300; line-height: 1.38; }\n\n@media (max-width: 800px) {\n  .sgh-intro-section .sgh-intro__inner {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  .sgh-intro-section .sgh-intro__copy { padding-top: 28px; }\n  .sgh-intro-section .sgh-intro__hub-stage { min-height: 780px; margin-top: 14px; }\n  .sgh-intro-section .sgh-intro__people { right: -9%; bottom: 7%; width: 74%; opacity: .82; }\n  .sgh-intro-section .sgh-intro__hub-core { top: 47%; }\n  .sgh-intro-section .sgh-intro__hub-module { width: min(47%, 330px); }\n  .sgh-intro-section .sgh-intro__hub-module--knowledge { left: 0; top: 3%; }\n  .sgh-intro-section .sgh-intro__hub-module--experience { right: 0; top: 29%; }\n  .sgh-intro-section .sgh-intro__hub-module--community { left: 2%; bottom: 1%; transform: translateY(14px); }\n  .sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-module--community { transform: translateY(0); }\n}\n\n@media (max-width: 520px) {\n  .sgh-intro-section .sgh-intro { padding-inline: 20px; }\n  .sgh-intro-section .sgh-intro__hub-stage { min-height: 900px; }\n  .sgh-intro-section .sgh-intro__people { right: -14%; bottom: 20%; width: 93%; opacity: .74; }\n  .sgh-intro-section .sgh-intro__hub-core { top: 48%; width: 188px; }\n  .sgh-intro-section .sgh-intro__hub-module { left: 0; right: auto; width: 100%; grid-template-columns: 40px minmax(0,1fr); padding: 16px; }\n  .sgh-intro-section .sgh-intro__hub-module--knowledge { top: 1%; }\n  .sgh-intro-section .sgh-intro__hub-module--experience { top: 25%; }\n  .sgh-intro-section .sgh-intro__hub-module--community { bottom: 1%; transform: translateY(14px); }\n  .sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-module--community { transform: translateY(0); }\n  .sgh-intro-section .sgh-intro__hub-connections { opacity: .55; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgh-intro-section .sgh-intro__people,\n  .sgh-intro-section .sgh-intro__hub-line,\n  .sgh-intro-section .sgh-intro__hub-point,\n  .sgh-intro-section .sgh-intro__hub-core,\n  .sgh-intro-section .sgh-intro__hub-module {\n    opacity: 1;\n    transform: none;\n    transition: none;\n    animation: none;\n  }\n  .sgh-intro-section .sgh-intro__hub-line { stroke-dashoffset: 0; }\n  .sgh-intro-section .sgh-intro__hub-point { opacity: 1; }\n}\n\n\/* Community-Core: lokales Feedback je Themenmodul. *\/\n.sgh-intro-section .sgh-intro[data-sgh-active=\"knowledge\"] .sgh-intro__hub-line--knowledge,\n.sgh-intro-section .sgh-intro[data-sgh-active=\"experience\"] .sgh-intro__hub-line--experience,\n.sgh-intro-section .sgh-intro[data-sgh-active=\"community\"] .sgh-intro__hub-line--community {\n  stroke-width: 4;\n  filter: drop-shadow(0 0 5px currentColor);\n}\n\n.sgh-intro-section .sgh-intro[data-sgh-active=\"knowledge\"] .sgh-intro__hub-ring--cyan,\n.sgh-intro-section .sgh-intro[data-sgh-active=\"experience\"] .sgh-intro__hub-ring--magenta,\n.sgh-intro-section .sgh-intro[data-sgh-active=\"community\"] .sgh-intro__hub-ring--coral {\n  opacity: 1;\n  filter: drop-shadow(0 0 8px currentColor);\n}\n\n.sgh-intro-section .sgh-intro__hub-module:focus-visible {\n  outline: 3px solid rgba(0, 159, 199, 0.58);\n  outline-offset: 4px;\n}\n\n\/* Reference composition: compact lower hub, two left modules and one right community module. *\/\n.sgh-intro-section .sgh-intro {\n  padding-top: clamp(54px, 5vw, 80px);\n  padding-bottom: clamp(44px, 4vw, 64px);\n}\n.sgh-intro-section .sgh-intro__hub-stage {\n  min-height: clamp(520px, 42vw, 600px);\n  margin-top: clamp(20px, 3vw, 40px);\n}\n.sgh-intro-section .sgh-intro__people {\n  right: -2%;\n  bottom: 28%;\n  width: min(45%, 620px);\n  max-height: 520px;\n  opacity: .9;\n  mask-image: linear-gradient(180deg, #000 0%, #000 72%, rgba(0,0,0,.06) 100%);\n}\n.sgh-intro-section .sgh-intro__hub-core {\n  left: 52%;\n  top: 54%;\n  width: clamp(220px, 22vw, 300px);\n  background: radial-gradient(circle at 38% 28%, #285c70 0%, #153447 47%, #061b2a 100%);\n  box-shadow: 0 24px 70px rgba(21,52,71,.28), 0 0 70px rgba(0,159,199,.2);\n}\n.sgh-intro-section .sgh-intro__hub-core::before,\n.sgh-intro-section .sgh-intro__hub-core::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  z-index: 0;\n  border: 1px solid;\n  border-radius: 50%;\n  pointer-events: none;\n}\n.sgh-intro-section .sgh-intro__hub-core::before {\n  width: 142%;\n  height: 43%;\n  border-color: rgba(54,216,245,.64);\n  transform: translate(-50%,-50%) rotate(-14deg);\n  box-shadow: 0 0 18px rgba(54,216,245,.18);\n}\n.sgh-intro-section .sgh-intro__hub-core::after {\n  width: 156%;\n  height: 47%;\n  border-color: rgba(237,87,64,.52);\n  transform: translate(-50%,-50%) rotate(10deg);\n  box-shadow: 0 0 18px rgba(237,87,64,.14);\n}\n.sgh-intro-section .sgh-intro__hub-ring { inset: 12px; z-index: 1; }\n.sgh-intro-section .sgh-intro__hub-ring--magenta { transform: scale(1.12) rotate(18deg); }\n.sgh-intro-section .sgh-intro__hub-ring--coral { transform: scale(1.24) rotate(-13deg); }\n.sgh-intro-section .sgh-intro__hub-mark {\n  position: absolute;\n  z-index: 2;\n  display: block;\n  left: 50%;\n  top: 23%;\n  margin: 0;\n  color: #ff9bdc;\n  line-height: 1;\n  transform: translateX(-50%);\n}\n.sgh-intro-section .sgh-intro__hub-mark svg {\n  display: block;\n  width: 46px;\n  height: 24px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2.2;\n  stroke-linecap: round;\n}\n.sgh-intro-section .sgh-intro__hub-core-copy strong {\n  font-size: clamp(24px, 2.5vw, 35px);\n  line-height: 1.04;\n}\n.sgh-intro-section .sgh-intro__hub-core-copy {\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  box-sizing: border-box;\n  padding: 18px 22px 4px;\n}\n.sgh-intro-section .sgh-intro__hub-core-copy small { color: #72e7ff; letter-spacing: .16em; }\n.sgh-intro-section .sgh-intro__hub-module {\n  width: min(33%, 360px);\n  padding: 20px 21px;\n  border-radius: 10px;\n  background: linear-gradient(145deg, rgba(11,38,57,.95), rgba(5,23,37,.93));\n  box-shadow: 0 18px 42px rgba(21,52,71,.16), 0 0 28px rgba(0,159,199,.08);\n}\n.sgh-intro-section .sgh-intro__hub-module strong { color: #fff; font-size: 22px; }\n.sgh-intro-section .sgh-intro__hub-module p { color: rgba(255,255,255,.76); font-size: 15px; }\n.sgh-intro-section .sgh-intro__hub-icon { background: rgba(255,255,255,.03); }\n.sgh-intro-section .sgh-intro__hub-module--knowledge {\n  left: 1.5%;\n  top: 30%;\n  border-color: rgba(54,216,245,.7);\n  box-shadow: 0 18px 42px rgba(21,52,71,.16), 0 0 28px rgba(54,216,245,.18);\n}\n.sgh-intro-section .sgh-intro__hub-module--experience {\n  left: 7%;\n  right: auto;\n  top: auto;\n  bottom: 6%;\n  border-color: rgba(255,104,206,.7);\n  box-shadow: 0 18px 42px rgba(21,52,71,.16), 0 0 28px rgba(255,104,206,.16);\n}\n.sgh-intro-section .sgh-intro__hub-module--community {\n  right: 0;\n  left: auto;\n  top: 47%;\n  bottom: auto;\n  border-color: rgba(237,87,64,.76);\n  box-shadow: 0 18px 42px rgba(21,52,71,.16), 0 0 28px rgba(237,87,64,.15);\n  transform: translateY(14px);\n}\n.sgh-intro-section .sgh-intro.sgh-is-visible .sgh-intro__hub-module--community { transform: translateY(0); }\n.sgh-intro-section .sgh-intro__hub-module--knowledge .sgh-intro__hub-icon { color: #36d8f5; }\n.sgh-intro-section .sgh-intro__hub-module--experience .sgh-intro__hub-icon { color: #ff68ce; }\n.sgh-intro-section .sgh-intro__hub-module--community .sgh-intro__hub-icon { color: #ed5740; }\n\n@media (max-width: 800px) {\n  .sgh-intro-section .sgh-intro__hub-stage { min-height: 760px; }\n  .sgh-intro-section .sgh-intro__people { right: -5%; bottom: 23%; width: 58%; opacity: .8; }\n  .sgh-intro-section .sgh-intro__hub-core { left: 52%; top: 53%; width: 232px; }\n  .sgh-intro-section .sgh-intro__hub-module { width: min(46%, 342px); }\n  .sgh-intro-section .sgh-intro__hub-module--knowledge { left: 0; top: 25%; }\n  .sgh-intro-section .sgh-intro__hub-module--experience { left: 4%; bottom: 4%; }\n  .sgh-intro-section .sgh-intro__hub-module--community { right: 0; top: 47%; }\n}\n@media (max-width: 520px) {\n  .sgh-intro-section .sgh-intro__hub-stage { min-height: 920px; }\n  .sgh-intro-section .sgh-intro__people { right: -12%; bottom: 28%; width: 80%; opacity: .72; }\n  .sgh-intro-section .sgh-intro__hub-core { left: 50%; top: 48%; width: 214px; }\n  .sgh-intro-section .sgh-intro__hub-module { left: 0; right: 0; width: 100%; }\n  .sgh-intro-section .sgh-intro__hub-module--knowledge { top: 4%; }\n  .sgh-intro-section .sgh-intro__hub-module--experience { top: 26%; bottom: auto; }\n  .sgh-intro-section .sgh-intro__hub-module--community { top: auto; bottom: 0; }\n  .sgh-intro-section .sgh-intro__hub-connections { opacity: .55; }\n}\n<\/style>\n\n<script>\n(() => {\n  if (!document.body.classList.contains(\"page-id-24537\")) return;\n  const root = document.querySelector(\".sgh-intro-section .sgh-intro\");\n  if (!root || root.dataset.sghReady === \"true\") return;\n  root.dataset.sghReady = \"true\";\n\n  const setActive = (key) => {\n    if (key) root.dataset.sghActive = key;\n    else delete root.dataset.sghActive;\n  };\n  root.querySelectorAll(\"[data-sgh-intro-module]\").forEach((module) => {\n    const key = module.getAttribute(\"data-sgh-intro-module\");\n    module.addEventListener(\"mouseenter\", () => setActive(key));\n    module.addEventListener(\"mouseleave\", () => setActive());\n    module.addEventListener(\"focusin\", () => setActive(key));\n    module.addEventListener(\"focusout\", (event) => {\n      if (!module.contains(event.relatedTarget)) setActive();\n    });\n  });\n\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"sgh-is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver((entries, instance) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add(\"sgh-is-visible\");\n      instance.unobserve(entry.target);\n    });\n  }, { threshold: 0.3 });\n\n  observer.observe(root);\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull sgh-section sgh-paths-section is-layout-flow wp-block-group-is-layout-flow\" id=\"sgh-paths\">\n<!-- SGH 02 \u2013 Choose your Geek Journey -->\n<section class=\"sgh-paths\" aria-labelledby=\"sgh-paths-title\">\n  <!-- Legacy-Ziel f\u00fcr den bestehenden Meta-Box-Hero-CTA #choose. -->\n  <span id=\"choose\" class=\"sgh-paths__legacy-anchor\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"sgh-paths__inner\">\n    <header class=\"sgh-paths__header\">\n      <p class=\"sgh-paths__kicker\">Choose your Geek Journey<\/p>\n      <h2 id=\"sgh-paths-title\">Two Paths. One Community.<\/h2>\n      <p>Du musst nicht alles lernen. Aber du solltest das lernen, was dich in deiner t\u00e4glichen Arbeit wirklich weiterbringt.<\/p>\n    <\/header>\n\n    <div class=\"sgh-paths__grid\">\n      <!-- URL Classic-Unterseite: https:\/\/www.infinigate.com\/ch\/becoming-a-sophos-geek\/ -->\n      <!-- Bilder Classic: Hintergrund und freigestellte Figur -->\n      <article class=\"sgh-path-card sgh-path-card--classic\">\n        <img class=\"sgh-path-card__background\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_geek_karte_sec_1hg.jpg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n        <div class=\"sgh-path-card__wash\" aria-hidden=\"true\"><\/div>\n        <img class=\"sgh-path-card__figure\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_geek_karte_sec_1.png\" alt=\"Illustration des Sophos Classic Geek\" loading=\"lazy\" decoding=\"async\">\n\n        <div class=\"sgh-path-card__content\">\n          <span class=\"sgh-path-card__track\">Technical Learning Path<\/span>\n          <h3>Sophos Termed Geek<\/h3>\n          <p class=\"sgh-path-card__claim\">Master Sophos Fusion.<\/p>\n          <p class=\"sgh-path-card__description\">Praxisnahe technische Webinare rund um Sophos Fusion (fr\u00fcher Sophos Central), neue Funktionen, Best Practices und das moderne KI-natives Cyberabwehrsystem von Sophos.<\/p>\n          <p class=\"sgh-path-card__audience\">F\u00fcr Administratoren, Engineers und technische Sophos-Partner.<\/p>\n\n          <ol class=\"sgh-path-card__steps\" aria-label=\"Termed Journey\">\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 0\">Webinar<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 1\">Quiz<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 2\">Zertifikat<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 3\">Cap<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 4\">Geek Club<\/li>\n          <\/ol>\n\n          <a class=\"sgh-cta\" href=\"https:\/\/www.infinigate.com\/ch\/becoming-a-sophos-geek\/\">Termed entdecken<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- URL MSP-Unterseite: https:\/\/www.infinigate.com\/ch\/becoming-a-sophos-msp-geek\/ -->\n      <!-- Bilder MSP: Hintergrund und freigestellte Figur -->\n      <article class=\"sgh-path-card sgh-path-card--msp\">\n        <img class=\"sgh-path-card__background\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_msp_geek_karte_sec_2hg.jpg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\">\n        <div class=\"sgh-path-card__wash\" aria-hidden=\"true\"><\/div>\n        <img class=\"sgh-path-card__figure\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_msp_geek_karte_sec_2.png\" alt=\"Illustration des Sophos MSP Geek\" loading=\"lazy\" decoding=\"async\">\n\n        <div class=\"sgh-path-card__content\">\n          <span class=\"sgh-path-card__track\">Business Learning Path<\/span>\n          <h3>Sophos MSP Geek<\/h3>\n          <p class=\"sgh-path-card__claim\">Build. Sell. Grow.<\/p>\n          <p class=\"sgh-path-card__description\">Der strukturierte Learning Path f\u00fcr Partner, die ihr Managed-Service-Gesch\u00e4ft mit Sophos aufbauen und weiterentwickeln m\u00f6chten.<\/p>\n          <p class=\"sgh-path-card__audience\">F\u00fcr MSP, Business Development, Sales und technische Verantwortliche.<\/p>\n\n          <ol class=\"sgh-path-card__steps\" aria-label=\"MSP Journey\">\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 0\">Think<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 1\">Sell<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 2\">Grow<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 3\">Zertifikat<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 4\">Cap<\/li>\n            <li class=\"sgh-path-card__step\" style=\"--sgh-step: 5\">Geek Club<\/li>\n          <\/ol>\n\n          <a class=\"sgh-cta\" href=\"https:\/\/www.infinigate.com\/ch\/becoming-a-sophos-msp-geek\/\">MSP entdecken<\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.sgh-paths-section {\n  margin-block-start: 0 !important;\n  padding: 0 !important;\n}\n\n.sgh-paths-section .sgh-paths {\n  --sgh-blue: #153447;\n  --sgh-coral: #ed5740;\n  --sgh-cyan: #00c7e8;\n  --sgh-magenta: #e147b6;\n  position: relative;\n  overflow: hidden;\n  overflow: clip;\n  width: 100%;\n  max-width: none !important;\n  margin-inline: 0 !important;\n  padding: clamp(78px, 8vw, 130px) clamp(20px, 4vw, 64px);\n  background:\n    linear-gradient(rgba(21, 52, 71, 0.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(21, 52, 71, 0.035) 1px, transparent 1px),\n    #f4f4f6;\n  background-size: 48px 48px;\n  color: var(--sgh-blue);\n  font-family: \"Outfit\", sans-serif;\n}\n\n.sgh-paths-section .sgh-paths__legacy-anchor {\n  position: absolute;\n  top: 0;\n}\n\n.sgh-paths-section .sgh-paths__inner {\n  width: min(100%, 1400px);\n  margin: 0 auto;\n}\n\n.sgh-paths-section .sgh-paths__header {\n  width: min(100%, 880px);\n  margin: 0 auto clamp(42px, 5vw, 72px);\n  text-align: center;\n}\n\n.sgh-paths-section .sgh-paths__kicker {\n  margin: 0 0 15px;\n  color: var(--sgh-coral);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.sgh-paths-section .sgh-paths h2 {\n  margin: 0;\n  color: var(--sgh-blue);\n  font-size: clamp(36px, 4.6vw, 58px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n\n.sgh-paths-section .sgh-paths__header > p:last-child {\n  max-width: 760px;\n  margin: 22px auto 0;\n  color: #4b6372;\n  font-size: clamp(18px, 1.5vw, 20px);\n  font-weight: 300;\n  line-height: 1.55;\n}\n\n.sgh-paths-section .sgh-paths__grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: clamp(20px, 2.4vw, 34px);\n  perspective: 1200px;\n}\n\n.sgh-paths-section .sgh-path-card {\n  position: relative;\n  isolation: isolate;\n  min-height: 720px;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 14px;\n  background: #071727;\n  box-shadow: 0 18px 50px rgba(9, 25, 38, 0.18);\n  transform: translateY(18px);\n  opacity: 0;\n  transition:\n    transform 280ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 280ms ease,\n    opacity 360ms ease;\n}\n\n.sgh-paths-section .sgh-path-card--msp {\n  transition-delay: 90ms;\n}\n\n.sgh-paths-section .sgh-paths.sgh-is-visible .sgh-path-card {\n  transform: translateY(0);\n  opacity: 1;\n}\n\n.sgh-paths-section .sgh-path-card__background,\n.sgh-paths-section .sgh-path-card__wash,\n.sgh-paths-section .sgh-path-card__figure {\n  position: absolute;\n}\n\n.sgh-paths-section .sgh-path-card__background {\n  z-index: -3;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0.78;\n  transform: scale(1.03);\n  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-paths-section .sgh-path-card__wash {\n  z-index: -2;\n  inset: 0;\n  background:\n    linear-gradient(90deg, rgba(4, 16, 29, 0.97) 0%, rgba(4, 16, 29, 0.88) 48%, rgba(4, 16, 29, 0.28) 78%, rgba(4, 16, 29, 0.08) 100%),\n    linear-gradient(0deg, rgba(4, 16, 29, 0.9) 0%, transparent 48%);\n}\n\n.sgh-paths-section .sgh-path-card--classic::after,\n.sgh-paths-section .sgh-path-card--msp::after {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  right: -120px;\n  bottom: -160px;\n  width: 390px;\n  height: 390px;\n  border-radius: 50%;\n  filter: blur(10px);\n  opacity: 0.34;\n  pointer-events: none;\n}\n\n.sgh-paths-section .sgh-path-card--classic::after {\n  background: radial-gradient(circle, var(--sgh-cyan), transparent 68%);\n}\n\n.sgh-paths-section .sgh-path-card--msp::after {\n  background: radial-gradient(circle, var(--sgh-magenta), transparent 68%);\n}\n\n.sgh-paths-section .sgh-path-card__figure {\n  z-index: -1;\n  right: -3%;\n  bottom: -1%;\n  width: min(55%, 430px);\n  height: auto;\n  max-height: 76%;\n  object-fit: contain;\n  object-position: right bottom;\n  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.35));\n  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-paths-section .sgh-path-card__content {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: min(66%, 430px);\n  min-height: 720px;\n  padding: clamp(34px, 4vw, 56px);\n  color: #ffffff;\n}\n\n.sgh-paths-section .sgh-path-card__track {\n  display: inline-flex;\n  margin-bottom: auto;\n  padding: 7px 10px;\n  border: 1px solid rgba(255, 255, 255, 0.28);\n  border-radius: 6px;\n  background: rgba(4, 16, 29, 0.42);\n  color: rgba(255, 255, 255, 0.88);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n  backdrop-filter: blur(8px);\n}\n\n.sgh-paths-section .sgh-path-card h3 {\n  margin: 72px 0 6px;\n  color: #ffffff;\n  font-size: clamp(30px, 3vw, 44px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n\n.sgh-paths-section .sgh-path-card__claim {\n  margin: 0 0 22px;\n  color: #ffffff;\n  font-size: clamp(20px, 2vw, 26px);\n  font-weight: 500;\n  line-height: 1.25;\n}\n\n.sgh-paths-section .sgh-path-card--classic .sgh-path-card__claim {\n  color: #81eaff;\n}\n\n.sgh-paths-section .sgh-path-card--msp .sgh-path-card__claim {\n  color: #ff8cda;\n}\n\n.sgh-paths-section .sgh-path-card__description,\n.sgh-paths-section .sgh-path-card__audience {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.88);\n  font-size: 17px;\n  font-weight: 300;\n  line-height: 1.48;\n}\n\n.sgh-paths-section .sgh-path-card__audience {\n  margin-top: 12px;\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 15px;\n}\n\n.sgh-paths-section .sgh-path-card__steps {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin: 28px 0 26px;\n  padding: 0;\n  list-style: none;\n}\n\n.sgh-paths-section .sgh-path-card__step {\n  position: relative;\n  margin: 0;\n  padding: 6px 8px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.07);\n  color: rgba(255, 255, 255, 0.82);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  opacity: 0;\n  transform: translateX(-7px);\n  transition: opacity 220ms ease, transform 220ms ease, border-color 220ms ease;\n  transition-delay: calc(300ms + (var(--sgh-step) * 80ms));\n}\n\n.sgh-paths-section .sgh-paths.sgh-is-visible .sgh-path-card__step {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.sgh-paths-section .sgh-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 52px;\n  padding: 0.8em 1.5em;\n  border: 1px solid #ffffff;\n  border-radius: 6px;\n  background: #ffffff;\n  color: var(--sgh-blue);\n  font-family: \"Outfit\", sans-serif;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n  text-decoration: none;\n  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;\n}\n\n.sgh-paths-section .sgh-cta:hover,\n.sgh-paths-section .sgh-cta:focus-visible {\n  border-color: var(--sgh-coral);\n  background: var(--sgh-coral);\n  color: #ffffff;\n  transform: translateY(-2px);\n}\n\n.sgh-paths-section .sgh-cta:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.38);\n  outline-offset: 3px;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .sgh-paths-section .sgh-path-card:hover {\n    transform: translateY(-4px) scale(1.012);\n    box-shadow: 0 28px 70px rgba(9, 25, 38, 0.27);\n  }\n\n  .sgh-paths-section .sgh-path-card:hover .sgh-path-card__background {\n    transform: scale(1.065);\n  }\n\n  .sgh-paths-section .sgh-path-card:hover .sgh-path-card__figure {\n    transform: translateY(-4px);\n  }\n\n  .sgh-paths-section .sgh-paths__grid:has(.sgh-path-card:hover) .sgh-path-card:not(:hover) {\n    transform: scale(0.992);\n    opacity: 0.94;\n  }\n}\n\n@media (max-width: 1180px) {\n  .sgh-paths-section .sgh-path-card {\n    min-height: 680px;\n  }\n\n  .sgh-paths-section .sgh-path-card__content {\n    width: min(70%, 410px);\n    min-height: 680px;\n    padding: 36px;\n  }\n\n  .sgh-paths-section .sgh-path-card__figure {\n    right: -8%;\n    width: 58%;\n  }\n\n  .sgh-paths-section .sgh-path-card h3 {\n    margin-top: 56px;\n  }\n}\n\n@media (max-width: 900px) {\n  .sgh-paths-section .sgh-paths__grid {\n    grid-template-columns: 1fr;\n    width: min(100%, 680px);\n    margin-inline: auto;\n  }\n\n  .sgh-paths-section .sgh-path-card,\n  .sgh-paths-section .sgh-path-card__content {\n    min-height: 660px;\n  }\n\n  .sgh-paths-section .sgh-path-card__content {\n    width: min(72%, 470px);\n  }\n\n  .sgh-paths-section .sgh-path-card__figure {\n    right: -2%;\n    bottom: -2%;\n    width: 44%;\n    max-height: 62%;\n  }\n}\n\n@media (max-width: 600px) {\n  .sgh-paths-section .sgh-paths {\n    padding-inline: 16px;\n  }\n\n  .sgh-paths-section .sgh-path-card {\n    min-height: 760px;\n  }\n\n  .sgh-paths-section .sgh-path-card__wash {\n    background:\n      linear-gradient(0deg, rgba(4, 16, 29, 0.99) 0%, rgba(4, 16, 29, 0.92) 58%, rgba(4, 16, 29, 0.34) 100%);\n  }\n\n  .sgh-paths-section .sgh-path-card__content {\n    justify-content: flex-end;\n    width: 100%;\n    min-height: 760px;\n    padding: 28px 24px 30px;\n  }\n\n  .sgh-paths-section .sgh-path-card__track {\n    position: absolute;\n    top: 24px;\n    left: 24px;\n    margin: 0;\n  }\n\n  .sgh-paths-section .sgh-path-card__figure {\n    top: 28px;\n    right: 50%;\n    bottom: auto;\n    width: min(72%, 370px);\n    max-height: 48%;\n    transform: translateX(50%);\n    object-position: center top;\n  }\n\n  .sgh-paths-section .sgh-path-card h3 {\n    margin-top: 310px;\n  }\n\n  .sgh-paths-section .sgh-path-card__description,\n  .sgh-paths-section .sgh-path-card__audience {\n    font-size: 16px;\n  }\n\n  .sgh-paths-section .sgh-cta {\n    width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgh-paths-section .sgh-path-card,\n  .sgh-paths-section .sgh-path-card__background,\n  .sgh-paths-section .sgh-path-card__figure,\n  .sgh-paths-section .sgh-path-card__step,\n  .sgh-paths-section .sgh-cta {\n    transition: none;\n  }\n\n  .sgh-paths-section .sgh-path-card,\n  .sgh-paths-section .sgh-path-card__step {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n\/* Darker decision space: the two existing journey cards stay unchanged in content. *\/\n.sgh-paths-section .sgh-paths {\n  background:\n    radial-gradient(circle at 18% 22%, rgba(0, 199, 232, 0.12), transparent 24%),\n    radial-gradient(circle at 84% 76%, rgba(225, 71, 182, 0.13), transparent 27%),\n    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),\n    #061421;\n  background-size: auto, auto, 48px 48px, 48px 48px, auto;\n  color: #ffffff;\n}\n\n.sgh-paths-section .sgh-paths h2 { color: #ffffff; }\n.sgh-paths-section .sgh-paths__header > p:last-child { color: rgba(255, 255, 255, 0.76); }\n.sgh-paths-section .sgh-path-card {\n  border-color: rgba(255, 255, 255, 0.22);\n  background-color: #0b2030;\n}\n.sgh-paths-section .sgh-path-card--classic {\n  box-shadow: 0 18px 50px rgba(4, 17, 29, 0.42), 0 0 0 1px rgba(0, 199, 232, 0.1), 0 0 34px rgba(0, 199, 232, 0.08);\n}\n.sgh-paths-section .sgh-path-card--msp {\n  box-shadow: 0 18px 50px rgba(4, 17, 29, 0.42), 0 0 0 1px rgba(225, 71, 182, 0.11), 0 0 34px rgba(225, 71, 182, 0.1);\n}\n.sgh-paths-section .sgh-path-card--classic:hover,\n.sgh-paths-section .sgh-path-card--classic:focus-within {\n  border-color: rgba(0, 199, 232, 0.55);\n  box-shadow: 0 28px 70px rgba(4, 17, 29, 0.55), 0 0 42px rgba(0, 199, 232, 0.18);\n}\n.sgh-paths-section .sgh-path-card--msp:hover,\n.sgh-paths-section .sgh-path-card--msp:focus-within {\n  border-color: rgba(225, 71, 182, 0.58);\n  box-shadow: 0 28px 70px rgba(4, 17, 29, 0.55), 0 0 42px rgba(225, 71, 182, 0.2);\n}\n<\/style>\n\n<script>\n(() => {\n  if (!document.body.classList.contains(\"page-id-24537\")) return;\n  const root = document.querySelector(\".sgh-paths-section .sgh-paths\");\n  if (!root || root.dataset.sghReady === \"true\") return;\n  root.dataset.sghReady = \"true\";\n\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"sgh-is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver((entries, instance) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add(\"sgh-is-visible\");\n      instance.unobserve(entry.target);\n    });\n  }, { threshold: 0.16 });\n\n  observer.observe(root);\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull sgh-section sgh-achievements-section is-layout-flow wp-block-group-is-layout-flow\" id=\"sgh-achievements\">\n<!-- SGH 03 \u2013 What you'll unlock -->\n<section class=\"sgh-achievements\" aria-labelledby=\"sgh-achievements-title\">\n  <div class=\"sgh-achievements__inner\">\n    <header class=\"sgh-achievements__header\">\n      <p class=\"sgh-achievements__kicker\">What you\u2019ll unlock<\/p>\n      <h2 id=\"sgh-achievements-title\">Du nimmst nicht nur teil. Du schaltest neue M\u00f6glichkeiten frei.<\/h2>\n    <\/header>\n\n    <div class=\"sgh-achievements__wall\">\n      <svg class=\"sgh-achievements__connections\" viewBox=\"0 0 1200 700\" aria-hidden=\"true\" focusable=\"false\">\n        <path class=\"sgh-achievements__connection sgh-achievements__connection--expertise\" d=\"M270 140 C360 180 425 245 480 275\" pathLength=\"1\"><\/path>\n        <path class=\"sgh-achievements__connection sgh-achievements__connection--community\" d=\"M930 140 C840 180 775 245 720 275\" pathLength=\"1\"><\/path>\n        <path class=\"sgh-achievements__connection sgh-achievements__connection--certificate\" d=\"M270 345 C360 345 425 335 480 330\" pathLength=\"1\"><\/path>\n        <path class=\"sgh-achievements__connection sgh-achievements__connection--cap\" d=\"M930 345 C840 345 775 335 720 330\" pathLength=\"1\"><\/path>\n        <path class=\"sgh-achievements__connection sgh-achievements__connection--updates\" d=\"M600 575 C600 500 600 435 600 395\" pathLength=\"1\"><\/path>\n        <circle class=\"sgh-achievements__connection-point sgh-achievements__connection-point--expertise\" cx=\"270\" cy=\"140\" r=\"5\"><\/circle>\n        <circle class=\"sgh-achievements__connection-point sgh-achievements__connection-point--community\" cx=\"930\" cy=\"140\" r=\"5\"><\/circle>\n        <circle class=\"sgh-achievements__connection-point sgh-achievements__connection-point--certificate\" cx=\"270\" cy=\"345\" r=\"5\"><\/circle>\n        <circle class=\"sgh-achievements__connection-point sgh-achievements__connection-point--cap\" cx=\"930\" cy=\"345\" r=\"5\"><\/circle>\n        <circle class=\"sgh-achievements__connection-point sgh-achievements__connection-point--updates\" cx=\"600\" cy=\"575\" r=\"5\"><\/circle>\n      <\/svg>\n\n      <article class=\"sgh-achievement sgh-achievement--expertise\" data-sgh-achievement=\"expertise\" style=\"--sgh-order: 0\">\n        <span class=\"sgh-achievement__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 48 48\" focusable=\"false\"><path d=\"M10 37V23l14-12 14 12v14M17 37V27h14v10M16 18l8 7 8-7\"><\/path><\/svg>\n        <\/span>\n        <div>\n          <h3>Technical Expertise<\/h3>\n          <p>Praxisnahes Wissen direkt von Sophos- und Infinigate-Experten.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"sgh-achievement sgh-achievement--community\" data-sgh-achievement=\"community\" style=\"--sgh-order: 1\">\n        <span class=\"sgh-achievement__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 48 48\" focusable=\"false\"><circle cx=\"17\" cy=\"18\" r=\"6\"><\/circle><circle cx=\"33\" cy=\"19\" r=\"5\"><\/circle><path d=\"M7 38c1-8 5-12 10-12s10 4 11 12M27 29c2-2 4-3 7-3 5 0 8 4 8 11\"><\/path><\/svg>\n        <\/span>\n        <div>\n          <h3>Geek Community<\/h3>\n          <p>Austausch mit Menschen, die t\u00e4glich an \u00e4hnlichen Aufgaben arbeiten.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"sgh-achievement sgh-achievement--certificate\" data-sgh-achievement=\"certificate\" style=\"--sgh-order: 2\">\n        <span class=\"sgh-achievement__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 48 48\" focusable=\"false\"><path d=\"M13 8h22v27H13zM18 15h12M18 21h12M18 27h7\"><\/path><path d=\"M28 35l3 7 3-4 4 1-3-7\"><\/path><\/svg>\n        <\/span>\n        <div>\n          <h3>Geek Certificate<\/h3>\n          <p>Dein pers\u00f6nlicher Nachweis f\u00fcr die abgeschlossene Journey.<\/p>\n        <\/div>\n      <\/article>\n\n      <div class=\"sgh-achievements__hub\" aria-label=\"Sophos Geek Hub\">\n        <span class=\"sgh-achievements__hub-ring sgh-achievements__hub-ring--cyan\" aria-hidden=\"true\"><\/span>\n        <span class=\"sgh-achievements__hub-ring sgh-achievements__hub-ring--magenta\" aria-hidden=\"true\"><\/span>\n        <span class=\"sgh-achievements__hub-ring sgh-achievements__hub-ring--coral\" aria-hidden=\"true\"><\/span>\n        <span class=\"sgh-achievements__hub-core\">\n          <b>Geek Hub<\/b>\n          <small>Unlocks<\/small>\n        <\/span>\n      <\/div>\n\n      <article class=\"sgh-achievement sgh-achievement--cap\" data-sgh-achievement=\"cap\" style=\"--sgh-order: 3\">\n        <span class=\"sgh-achievement__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 48 48\" focusable=\"false\"><path d=\"M9 27c1-10 7-16 15-16s14 6 15 16c-10-3-20-3-30 0zM9 27c7 1 14 5 20 10M29 37c5 0 9-2 12-5-4-2-8-3-12-3\"><\/path><\/svg>\n        <\/span>\n        <div>\n          <h3>Geek Cap<\/h3>\n          <p>Eine limitierte Cap als sichtbares Zeichen deiner Geek-Expertise.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"sgh-achievement sgh-achievement--updates\" data-sgh-achievement=\"updates\" style=\"--sgh-order: 4\">\n        <span class=\"sgh-achievement__icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 48 48\" focusable=\"false\"><path d=\"M10 28a15 15 0 1 0 4-13M10 10v10h10\"><\/path><path d=\"M24 16v9l7 4\"><\/path><\/svg>\n        <\/span>\n        <div>\n          <h3>Technical Updates<\/h3>\n          <p>Regelm\u00e4ssige Sessions zu neuen Funktionen, Technologien und Best Practices.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.sgh-achievements-section {\n  margin-block-start: 0 !important;\n  padding: 0 !important;\n}\n\n.sgh-achievements-section .sgh-achievements {\n  --sgh-blue: #153447;\n  --sgh-coral: #ed5740;\n  --sgh-cyan: #009fc7;\n  position: relative;\n  overflow: hidden;\n  overflow: clip;\n  width: 100%;\n  max-width: none !important;\n  margin-inline: 0 !important;\n  padding: clamp(80px, 9vw, 144px) clamp(20px, 5vw, 72px);\n  background:\n    radial-gradient(circle at 50% 52%, rgba(0, 159, 199, 0.08), transparent 31%),\n    #ffffff;\n  color: var(--sgh-blue);\n  font-family: \"Outfit\", sans-serif;\n}\n\n.sgh-achievements-section .sgh-achievements__inner {\n  width: min(100%, 1240px);\n  margin: 0 auto;\n}\n\n.sgh-achievements-section .sgh-achievements__header {\n  width: min(100%, 900px);\n  margin: 0 auto clamp(52px, 7vw, 96px);\n  text-align: center;\n}\n\n.sgh-achievements-section .sgh-achievements__kicker {\n  margin: 0 0 16px;\n  color: var(--sgh-coral);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.sgh-achievements-section .sgh-achievements h2 {\n  margin: 0;\n  color: var(--sgh-blue);\n  font-size: clamp(34px, 4.2vw, 52px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n\n.sgh-achievements-section .sgh-achievements__wall {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(260px, 1fr) minmax(250px, 0.8fr) minmax(260px, 1fr);\n  grid-template-rows: auto auto auto;\n  gap: clamp(20px, 3vw, 42px);\n  align-items: center;\n  min-height: 690px;\n}\n\n.sgh-achievements-section .sgh-achievement {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 58px minmax(0, 1fr);\n  gap: 18px;\n  align-items: start;\n  padding: 22px;\n  border: 1px solid rgba(21, 52, 71, 0.14);\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.82);\n  box-shadow: 0 12px 38px rgba(21, 52, 71, 0.06);\n  backdrop-filter: blur(8px);\n  opacity: 0.44;\n  transform: translate(var(--sgh-from-x, 0), var(--sgh-from-y, 12px));\n  transition:\n    opacity 340ms ease,\n    transform 340ms cubic-bezier(0.22, 1, 0.36, 1),\n    border-color 260ms ease,\n    box-shadow 260ms ease;\n  transition-delay: calc(240ms + (var(--sgh-order) * 120ms));\n}\n\n.sgh-achievements-section .sgh-achievements.sgh-is-visible .sgh-achievement {\n  border-color: rgba(0, 159, 199, 0.38);\n  box-shadow: 0 16px 42px rgba(21, 52, 71, 0.1);\n  opacity: 1;\n  transform: translate(0, 0);\n}\n\n.sgh-achievements-section .sgh-achievement--expertise {\n  --sgh-from-x: 86px;\n  --sgh-from-y: 52px;\n  --sgh-tilt: -0.25deg;\n  grid-column: 1;\n  grid-row: 1;\n}\n\n.sgh-achievements-section .sgh-achievement--community {\n  --sgh-from-x: -86px;\n  --sgh-from-y: 52px;\n  --sgh-tilt: 0.25deg;\n  grid-column: 3;\n  grid-row: 1;\n}\n\n.sgh-achievements-section .sgh-achievement--certificate {\n  --sgh-from-x: 72px;\n  --sgh-from-y: -6px;\n  --sgh-tilt: 0.18deg;\n  grid-column: 1;\n  grid-row: 2;\n}\n\n.sgh-achievements-section .sgh-achievement--cap {\n  --sgh-from-x: -72px;\n  --sgh-from-y: -6px;\n  --sgh-tilt: -0.18deg;\n  grid-column: 3;\n  grid-row: 2;\n}\n\n.sgh-achievements-section .sgh-achievement--updates {\n  --sgh-from-x: 0;\n  --sgh-from-y: -62px;\n  --sgh-tilt: 0.12deg;\n  grid-column: 2;\n  grid-row: 3;\n}\n\n.sgh-achievements-section .sgh-achievement__icon {\n  display: grid;\n  place-items: center;\n  width: 58px;\n  height: 58px;\n  border: 1px solid rgba(21, 52, 71, 0.15);\n  border-radius: 8px;\n  background: #f9f9fb;\n  color: var(--sgh-blue);\n  transition: border-color 280ms ease, background-color 280ms ease, color 280ms ease;\n}\n\n.sgh-achievements-section .sgh-achievement__icon svg {\n  width: 30px;\n  height: 30px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.sgh-achievements-section .sgh-achievements.sgh-is-visible .sgh-achievement__icon {\n  border-color: rgba(0, 159, 199, 0.4);\n  background: rgba(0, 159, 199, 0.08);\n  color: var(--sgh-cyan);\n}\n\n.sgh-achievements-section .sgh-achievement h3 {\n  margin: 1px 0 7px;\n  color: var(--sgh-blue);\n  font-size: 22px;\n  font-weight: 500;\n  line-height: 1.2;\n  letter-spacing: -0.02em;\n}\n\n.sgh-achievements-section .sgh-achievement p {\n  margin: 0;\n  color: #526877;\n  font-size: 16px;\n  font-weight: 300;\n  line-height: 1.45;\n}\n\n.sgh-achievements-section .sgh-achievements__hub {\n  grid-column: 2;\n  grid-row: 1 \/ 3;\n  position: relative;\n  z-index: 3;\n  display: grid;\n  place-items: center;\n  justify-self: center;\n  width: clamp(180px, 18vw, 238px);\n  aspect-ratio: 1;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle at 38% 32%, rgba(255, 255, 255, 0.25), transparent 30%),\n    linear-gradient(145deg, #153447 12%, #0c2231 78%);\n  color: #ffffff;\n  box-shadow:\n    0 26px 70px rgba(21, 52, 71, 0.2),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.16);\n  opacity: 0;\n  transform: scale(0.82);\n  transition: opacity 520ms ease, transform 680ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-achievements-section .sgh-achievements.sgh-is-visible .sgh-achievements__hub {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.sgh-achievements-section .sgh-achievements__hub::before,\n.sgh-achievements-section .sgh-achievements__hub::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.sgh-achievements-section .sgh-achievements__hub::before {\n  inset: -12px;\n  border: 1px solid rgba(0, 159, 199, 0.42);\n}\n\n.sgh-achievements-section .sgh-achievements__hub::after {\n  inset: 18px;\n  border: 1px dashed rgba(255, 255, 255, 0.2);\n}\n\n.sgh-achievements-section .sgh-achievements__hub-ring {\n  position: absolute;\n  inset: -28px;\n  border: 1px solid rgba(237, 87, 64, 0.2);\n  border-radius: 50%;\n}\n\n.sgh-achievements-section .sgh-achievements__hub-core {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: 1;\n}\n\n.sgh-achievements-section .sgh-achievements__hub-core b {\n  font-size: clamp(34px, 4vw, 54px);\n  font-weight: 500;\n  letter-spacing: -0.04em;\n}\n\n.sgh-achievements-section .sgh-achievements__hub-core small {\n  margin-top: 7px;\n  color: #72e7ff;\n  font-size: 16px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .sgh-achievements-section .sgh-achievements.sgh-is-visible .sgh-achievement:hover {\n    border-color: rgba(0, 159, 199, 0.52);\n    box-shadow: 0 20px 48px rgba(21, 52, 71, 0.14);\n    transform: translateY(-4px) scale(1.025) rotate(var(--sgh-tilt, 0deg));\n    transition-delay: 0ms;\n  }\n}\n\n@media (max-width: 1040px) {\n  .sgh-achievements-section .sgh-achievements__wall {\n    grid-template-columns: minmax(230px, 1fr) minmax(190px, 0.7fr) minmax(230px, 1fr);\n    gap: 20px;\n  }\n\n  .sgh-achievements-section .sgh-achievement {\n    grid-template-columns: 48px minmax(0, 1fr);\n    gap: 14px;\n    padding: 18px;\n  }\n\n  .sgh-achievements-section .sgh-achievement__icon {\n    width: 48px;\n    height: 48px;\n  }\n\n  .sgh-achievements-section .sgh-achievement h3 {\n    font-size: 19px;\n  }\n\n  .sgh-achievements-section .sgh-achievement p {\n    font-size: 15px;\n  }\n}\n\n@media (max-width: 820px) {\n  .sgh-achievements-section .sgh-achievements__wall {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    gap: 16px;\n  }\n\n  .sgh-achievements-section .sgh-achievements__hub {\n    order: -1;\n    width: 184px;\n    margin: 0 auto 26px;\n  }\n\n  .sgh-achievements-section .sgh-achievement {\n    width: min(100%, 620px);\n    transform: translateY(8px);\n  }\n\n  .sgh-achievements-section .sgh-achievements.sgh-is-visible .sgh-achievement {\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 520px) {\n  .sgh-achievements-section .sgh-achievements {\n    padding-inline: 18px;\n  }\n\n  .sgh-achievements-section .sgh-achievement {\n    grid-template-columns: 46px minmax(0, 1fr);\n    padding: 17px 15px;\n  }\n\n  .sgh-achievements-section .sgh-achievement__icon {\n    width: 46px;\n    height: 46px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgh-achievements-section .sgh-achievement,\n  .sgh-achievements-section .sgh-achievements__hub {\n    opacity: 1;\n    transform: none;\n    transition: none;\n    animation: none;\n  }\n}\n\n\/* Compact achievement constellation: five direct connections, no open decorative orbit. *\/\n.sgh-achievements-section .sgh-achievements__wall {\n  min-height: 620px;\n  grid-template-rows: minmax(150px, auto) minmax(150px, auto) minmax(120px, auto);\n  gap: clamp(16px, 2.4vw, 30px);\n}\n.sgh-achievements-section .sgh-achievements__connections {\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  pointer-events: none;\n}\n.sgh-achievements-section .sgh-achievements__connection {\n  fill: none;\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-dasharray: 1;\n  stroke-dashoffset: 1;\n  opacity: .74;\n  transition: stroke-width 240ms ease, opacity 240ms ease, filter 240ms ease;\n}\n.sgh-achievements-section .sgh-achievements.sgh-is-visible .sgh-achievements__connection {\n  stroke-dashoffset: 0;\n  transition: stroke-dashoffset 720ms cubic-bezier(.22, 1, .36, 1), stroke-width 240ms ease, opacity 240ms ease, filter 240ms ease;\n}\n.sgh-achievements-section .sgh-achievements__connection--expertise,\n.sgh-achievements-section .sgh-achievements__connection--certificate { stroke: #00a9d2; }\n.sgh-achievements-section .sgh-achievements__connection--community { stroke: #c95fa5; }\n.sgh-achievements-section .sgh-achievements__connection--cap { stroke: #ed5740; }\n.sgh-achievements-section .sgh-achievements__connection--updates { stroke: #e15bba; }\n.sgh-achievements-section .sgh-achievements__connection-point {\n  fill: #ffffff;\n  stroke-width: 3;\n  opacity: 0;\n  transition: opacity 240ms ease, filter 240ms ease;\n}\n.sgh-achievements-section .sgh-achievements.sgh-is-visible .sgh-achievements__connection-point { opacity: 1; }\n.sgh-achievements-section .sgh-achievements__connection-point--expertise,\n.sgh-achievements-section .sgh-achievements__connection-point--certificate { stroke: #00a9d2; }\n.sgh-achievements-section .sgh-achievements__connection-point--community { stroke: #c95fa5; }\n.sgh-achievements-section .sgh-achievements__connection-point--cap { stroke: #ed5740; }\n.sgh-achievements-section .sgh-achievements__connection-point--updates { stroke: #e15bba; }\n.sgh-achievements-section .sgh-achievements__hub-ring {\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n  opacity: .7;\n  transition: opacity 240ms ease, filter 240ms ease, transform 240ms ease;\n}\n.sgh-achievements-section .sgh-achievements__hub-ring--cyan { inset: -16px; border: 1px solid rgba(0, 169, 210, .72); }\n.sgh-achievements-section .sgh-achievements__hub-ring--magenta { inset: -28px; border: 1px solid rgba(201, 95, 165, .58); }\n.sgh-achievements-section .sgh-achievements__hub-ring--coral { inset: -40px; border: 1px solid rgba(237, 87, 64, .44); }\n.sgh-achievements-section .sgh-achievements__hub-core b { white-space: nowrap; font-size: clamp(27px, 3.2vw, 44px); }\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"expertise\"] .sgh-achievements__connection--expertise,\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"certificate\"] .sgh-achievements__connection--certificate,\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"community\"] .sgh-achievements__connection--community,\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"cap\"] .sgh-achievements__connection--cap,\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"updates\"] .sgh-achievements__connection--updates {\n  stroke-width: 4.4;\n  opacity: 1;\n  filter: drop-shadow(0 0 5px currentColor);\n}\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"expertise\"] .sgh-achievements__hub-ring--cyan,\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"certificate\"] .sgh-achievements__hub-ring--cyan { opacity: 1; filter: drop-shadow(0 0 8px #00a9d2); }\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"community\"] .sgh-achievements__hub-ring--magenta { opacity: 1; filter: drop-shadow(0 0 8px #c95fa5); }\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"cap\"] .sgh-achievements__hub-ring--coral { opacity: 1; filter: drop-shadow(0 0 8px #ed5740); }\n.sgh-achievements-section .sgh-achievements[data-sgh-active=\"updates\"] .sgh-achievements__hub-ring--magenta { opacity: 1; filter: drop-shadow(0 0 8px #e15bba); }\n\n@media (max-width: 820px) {\n  .sgh-achievements-section .sgh-achievements__connections { display: none; }\n  .sgh-achievements-section .sgh-achievements__wall { min-height: 0; }\n  .sgh-achievements-section .sgh-achievements__hub { margin-bottom: 16px; }\n  .sgh-achievements-section .sgh-achievement { width: min(100%, 620px); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgh-achievements-section .sgh-achievements__connection,\n  .sgh-achievements-section .sgh-achievements__connection-point,\n  .sgh-achievements-section .sgh-achievements__hub-ring { transition: none; }\n  .sgh-achievements-section .sgh-achievements__connection { stroke-dashoffset: 0; }\n  .sgh-achievements-section .sgh-achievements__connection-point { opacity: 1; }\n  .sgh-achievements-section .sgh-achievements__hub-ring { opacity: 1; }\n}\n<\/style>\n\n<script>\n(() => {\n  if (!document.body.classList.contains(\"page-id-24537\")) return;\n  const root = document.querySelector(\".sgh-achievements-section .sgh-achievements\");\n  if (!root || root.dataset.sghReady === \"true\") return;\n  root.dataset.sghReady = \"true\";\n\n  const setActive = (key) => {\n    if (key) root.dataset.sghActive = key;\n    else delete root.dataset.sghActive;\n  };\n  root.querySelectorAll(\"[data-sgh-achievement]\").forEach((module) => {\n    const key = module.getAttribute(\"data-sgh-achievement\");\n    module.addEventListener(\"mouseenter\", () => setActive(key));\n    module.addEventListener(\"mouseleave\", () => setActive());\n    module.addEventListener(\"focusin\", () => setActive(key));\n    module.addEventListener(\"focusout\", (event) => {\n      if (!module.contains(event.relatedTarget)) setActive();\n    });\n  });\n\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"sgh-is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver((entries, instance) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add(\"sgh-is-visible\");\n      instance.unobserve(entry.target);\n    });\n  }, { threshold: 0.18 });\n\n  observer.observe(root);\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull sgh-section sgh-journey-section is-layout-flow wp-block-group-is-layout-flow\" id=\"sgh-journey\">\n<!-- SGH 04 \u2013 Your Geek Journey -->\n<section class=\"sgh-journey\" aria-labelledby=\"sgh-journey-title\">\n  <div class=\"sgh-journey__inner\">\n    <header class=\"sgh-journey__header\">\n      <p class=\"sgh-journey__kicker\">Your Geek Journey<\/p>\n      <h2 id=\"sgh-journey-title\">Zwei Wege. Ein gemeinsames Ziel.<\/h2>\n    <\/header>\n\n    <div class=\"sgh-journey__map\">\n      <!-- URL Classic-Unterseite -->\n      <article class=\"sgh-journey__track sgh-journey__track--classic\">\n        <div class=\"sgh-journey__track-head\">\n          <span>01<\/span>\n          <h3>Termed Journey<\/h3>\n        <\/div>\n        <ol class=\"sgh-journey__steps\" aria-label=\"Termed Journey bis zum Geek Club\">\n          <li style=\"--sgh-step: 0\"><i><\/i><span>Webinar<\/span><\/li>\n          <li style=\"--sgh-step: 1\"><i><\/i><span>Quiz<\/span><\/li>\n          <li style=\"--sgh-step: 2\"><i><\/i><span>Geek Certificate<\/span><\/li>\n          <li style=\"--sgh-step: 3\"><i><\/i><span>Geek Cap<\/span><\/li>\n        <\/ol>\n        <a href=\"https:\/\/www.infinigate.com\/ch\/becoming-a-sophos-geek\/\">Mehr \u00fcber Termed erfahren<\/a>\n      <\/article>\n\n      <!-- URL MSP-Unterseite -->\n      <article class=\"sgh-journey__track sgh-journey__track--msp\">\n        <div class=\"sgh-journey__track-head\">\n          <span>02<\/span>\n          <h3>MSP Journey<\/h3>\n        <\/div>\n        <ol class=\"sgh-journey__steps\" aria-label=\"MSP Journey bis zum Geek Club\">\n          <li style=\"--sgh-step: 0\"><i><\/i><span>Think MSP<\/span><\/li>\n          <li style=\"--sgh-step: 1\"><i><\/i><span>Sell Services<\/span><\/li>\n          <li style=\"--sgh-step: 2\"><i><\/i><span>Grow Faster<\/span><\/li>\n          <li style=\"--sgh-step: 3\"><i><\/i><span>Geek Certificate<\/span><\/li>\n          <li style=\"--sgh-step: 4\"><i><\/i><span>Geek Cap<\/span><\/li>\n        <\/ol>\n        <a href=\"https:\/\/www.infinigate.com\/ch\/becoming-a-sophos-msp-geek\/\">Mehr \u00fcber MSP erfahren<\/a>\n      <\/article>\n\n      <div class=\"sgh-journey__club\" aria-label=\"Gemeinsames Ziel: Geek Club\">\n        <span class=\"sgh-journey__club-orbit\" aria-hidden=\"true\"><\/span>\n        <span class=\"sgh-journey__club-label\">Gemeinsames Ziel<\/span>\n        <strong>Geek<br>Club<\/strong>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.sgh-journey-section {\n  margin-block-start: 0 !important;\n  padding: 0 !important;\n}\n\n.sgh-journey-section .sgh-journey {\n  --sgh-blue: #153447;\n  --sgh-coral: #ed5740;\n  --sgh-cyan: #36d8f5;\n  --sgh-magenta: #ff68ce;\n  position: relative;\n  overflow: hidden;\n  overflow: clip;\n  width: 100%;\n  max-width: none !important;\n  margin-inline: 0 !important;\n  padding: clamp(84px, 9vw, 146px) clamp(20px, 5vw, 72px);\n  background:\n    radial-gradient(circle at 88% 42%, rgba(0, 159, 199, 0.14), transparent 30%),\n    radial-gradient(circle at 14% 76%, rgba(225, 71, 182, 0.1), transparent 28%),\n    linear-gradient(135deg, #071521 0%, #0b2230 48%, #071521 100%);\n  color: #ffffff;\n  font-family: \"Outfit\", sans-serif;\n}\n\n.sgh-journey-section .sgh-journey::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);\n  background-size: 60px 60px;\n  mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 82%, transparent);\n  pointer-events: none;\n}\n\n.sgh-journey-section .sgh-journey__inner {\n  position: relative;\n  z-index: 1;\n  width: min(100%, 1320px);\n  margin: 0 auto;\n}\n\n.sgh-journey-section .sgh-journey__header {\n  margin-bottom: clamp(54px, 7vw, 94px);\n}\n\n.sgh-journey-section .sgh-journey__kicker {\n  margin: 0 0 16px;\n  color: #ff8b76;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.sgh-journey-section .sgh-journey h2 {\n  max-width: 820px;\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(36px, 4.7vw, 58px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n\n.sgh-journey-section .sgh-journey__map {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) clamp(180px, 17vw, 238px);\n  grid-template-rows: repeat(2, minmax(210px, auto));\n  gap: clamp(26px, 4vw, 58px) clamp(42px, 6vw, 88px);\n  align-items: stretch;\n}\n\n.sgh-journey-section .sgh-journey__track {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(150px, 0.25fr) minmax(0, 1fr);\n  grid-template-rows: 1fr auto;\n  gap: 24px 34px;\n  align-items: center;\n  padding: clamp(26px, 3vw, 38px);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 12px;\n  background: rgba(255, 255, 255, 0.045);\n  backdrop-filter: blur(8px);\n}\n\n.sgh-journey-section .sgh-journey__track::after {\n  content: \"\";\n  position: absolute;\n  left: 100%;\n  top: 50%;\n  width: clamp(42px, 6vw, 88px);\n  height: 1px;\n  background: linear-gradient(90deg, var(--sgh-track), rgba(255, 255, 255, 0.28));\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 680ms 900ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__track::after {\n  transform: scaleX(1);\n}\n\n.sgh-journey-section .sgh-journey__track--classic {\n  --sgh-track: var(--sgh-cyan);\n}\n\n.sgh-journey-section .sgh-journey__track--msp {\n  --sgh-track: var(--sgh-magenta);\n}\n\n.sgh-journey-section .sgh-journey__track-head,\n.sgh-journey-section .sgh-journey__track > a {\n  opacity: 0;\n  transform: translateY(8px);\n  transition:\n    opacity 320ms ease,\n    transform 480ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-journey-section .sgh-journey__track > a {\n  transition:\n    color 180ms ease,\n    text-underline-offset 180ms ease,\n    opacity 320ms 720ms ease,\n    transform 480ms 720ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__track-head,\n.sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__track > a {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.sgh-journey-section .sgh-journey__track--msp .sgh-journey__track-head {\n  transition-delay: 120ms;\n}\n\n.sgh-journey-section .sgh-journey__track-head span {\n  display: block;\n  margin-bottom: 14px;\n  color: var(--sgh-track);\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n}\n\n.sgh-journey-section .sgh-journey__track h3 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(25px, 2.5vw, 32px);\n  font-weight: 300;\n  line-height: 1.2;\n  letter-spacing: -0.02em;\n}\n\n.sgh-journey-section .sgh-journey__steps {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.sgh-journey-section .sgh-journey__steps::before {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  left: 10px;\n  right: 10px;\n  top: 9px;\n  height: 2px;\n  background: linear-gradient(90deg, var(--sgh-track), rgba(255, 255, 255, 0.2));\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 920ms 220ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__steps::before {\n  transform: scaleX(1);\n}\n\n.sgh-journey-section .sgh-journey__steps::after {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  left: 0;\n  top: 7px;\n  width: 20%;\n  height: 6px;\n  border-radius: 50%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.86), transparent);\n  filter: blur(1px);\n  opacity: 0;\n  transform: translateX(-110%);\n}\n\n.sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__steps::after {\n  animation: sgh-journey-sweep 760ms 1180ms cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n\n@keyframes sgh-journey-sweep {\n  0% {\n    opacity: 0;\n    transform: translateX(-110%);\n  }\n  25% {\n    opacity: 0.68;\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(500%);\n  }\n}\n\n.sgh-journey-section .sgh-journey__steps li {\n  position: relative;\n  z-index: 1;\n  flex: 1 1 0;\n  margin: 0;\n  color: rgba(255, 255, 255, 0.72);\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.3;\n  opacity: 0.35;\n  transform: translateY(8px);\n  transition: opacity 260ms ease, transform 260ms ease;\n  transition-delay: calc(320ms + (var(--sgh-step) * 120ms));\n}\n\n.sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__steps li {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.sgh-journey-section .sgh-journey__steps i {\n  position: relative;\n  display: block;\n  width: 19px;\n  height: 19px;\n  margin-bottom: 12px;\n  border: 4px solid #0b2230;\n  border-radius: 50%;\n  background: var(--sgh-track);\n  box-shadow: 0 0 0 1px var(--sgh-track);\n}\n\n.sgh-journey-section .sgh-journey__steps i::after {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  border: 1px solid var(--sgh-track);\n  border-radius: 50%;\n  opacity: 0;\n  transform: scale(0.55);\n}\n\n.sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__steps i::after {\n  animation: sgh-journey-impulse 520ms cubic-bezier(0.22, 1, 0.36, 1) both;\n  animation-delay: calc(360ms + (var(--sgh-step) * 120ms));\n}\n\n@keyframes sgh-journey-impulse {\n  0% {\n    opacity: 0;\n    transform: scale(0.55);\n  }\n  35% {\n    opacity: 0.75;\n  }\n  100% {\n    opacity: 0;\n    transform: scale(1.5);\n  }\n}\n\n.sgh-journey-section .sgh-journey__track > a {\n  grid-column: 2;\n  justify-self: start;\n  color: #ffffff;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.4;\n  text-decoration-color: var(--sgh-track);\n  text-decoration-thickness: 1px;\n  text-underline-offset: 6px;\n  transition: color 180ms ease, text-underline-offset 180ms ease;\n}\n\n.sgh-journey-section .sgh-journey__track > a:hover,\n.sgh-journey-section .sgh-journey__track > a:focus-visible {\n  color: var(--sgh-track);\n  text-underline-offset: 9px;\n}\n\n.sgh-journey-section .sgh-journey__track > a:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.45);\n  outline-offset: 5px;\n  border-radius: 3px;\n}\n\n.sgh-journey-section .sgh-journey__club {\n  grid-column: 2;\n  grid-row: 1 \/ 3;\n  position: relative;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  aspect-ratio: 1;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 50%;\n  background:\n    radial-gradient(circle at 50% 50%, rgba(0, 199, 232, 0.17), transparent 55%),\n    rgba(255, 255, 255, 0.055);\n  box-shadow:\n    0 0 0 18px rgba(255, 255, 255, 0.018),\n    0 28px 80px rgba(0, 0, 0, 0.25);\n  opacity: 0.3;\n  transform: scale(0.88);\n  transition: opacity 480ms 980ms ease, transform 680ms 980ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 480ms 1180ms ease;\n}\n\n.sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__club {\n  opacity: 1;\n  transform: scale(1);\n  box-shadow:\n    0 0 0 18px rgba(255, 255, 255, 0.025),\n    0 0 48px rgba(54, 216, 245, 0.13),\n    0 28px 80px rgba(0, 0, 0, 0.25);\n}\n\n.sgh-journey-section .sgh-journey__club::before,\n.sgh-journey-section .sgh-journey__club::after {\n  content: \"\";\n  position: absolute;\n  left: -28px;\n  width: 28px;\n  height: 1px;\n  background: rgba(255, 255, 255, 0.35);\n}\n\n.sgh-journey-section .sgh-journey__club::before {\n  top: 31%;\n}\n\n.sgh-journey-section .sgh-journey__club::after {\n  bottom: 31%;\n}\n\n.sgh-journey-section .sgh-journey__club-orbit {\n  position: absolute;\n  inset: 14px;\n  border: 1px dashed rgba(255, 255, 255, 0.22);\n  border-radius: 50%;\n}\n\n.sgh-journey-section .sgh-journey__club-label {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 9px;\n  color: #ff9a88;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.sgh-journey-section .sgh-journey__club strong {\n  position: relative;\n  z-index: 1;\n  color: #ffffff;\n  font-size: clamp(30px, 3.2vw, 46px);\n  font-weight: 500;\n  line-height: 0.88;\n  letter-spacing: -0.04em;\n  text-align: center;\n}\n\n@media (max-width: 1080px) {\n  .sgh-journey-section .sgh-journey__map {\n    grid-template-columns: minmax(0, 1fr) 170px;\n    gap: 28px 48px;\n  }\n\n  .sgh-journey-section .sgh-journey__track {\n    grid-template-columns: 130px minmax(0, 1fr);\n    gap: 20px;\n    padding: 26px;\n  }\n\n  .sgh-journey-section .sgh-journey__track::after {\n    width: 48px;\n  }\n}\n\n@media (max-width: 820px) {\n  .sgh-journey-section .sgh-journey__map {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto auto auto;\n    gap: 28px;\n  }\n\n  .sgh-journey-section .sgh-journey__track {\n    grid-column: 1;\n    display: block;\n  }\n\n  .sgh-journey-section .sgh-journey__track--classic {\n    grid-row: 1;\n  }\n\n  .sgh-journey-section .sgh-journey__track--msp {\n    grid-row: 2;\n  }\n\n  .sgh-journey-section .sgh-journey__track::after {\n    left: 50%;\n    top: 100%;\n    width: 1px;\n    height: 28px;\n    background: linear-gradient(180deg, var(--sgh-track), rgba(255, 255, 255, 0.28));\n    transform: scaleY(0);\n    transform-origin: top;\n  }\n\n  .sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__track::after {\n    transform: scaleY(1);\n  }\n\n  .sgh-journey-section .sgh-journey__track-head {\n    margin-bottom: 24px;\n  }\n\n  .sgh-journey-section .sgh-journey__steps {\n    flex-direction: column;\n    gap: 22px;\n    margin-left: 3px;\n    padding-left: 0;\n  }\n\n  .sgh-journey-section .sgh-journey__steps::before {\n    left: 9px;\n    right: auto;\n    top: 10px;\n    bottom: 10px;\n    width: 2px;\n    height: auto;\n    transform: scaleY(0);\n    transform-origin: top;\n  }\n\n  .sgh-journey-section .sgh-journey__steps::after {\n    left: 6px;\n    top: 10px;\n    width: 8px;\n    height: 20%;\n    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.82), transparent);\n    transform: translateY(-110%);\n  }\n\n  .sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__steps::after {\n    animation-name: sgh-journey-sweep-mobile;\n  }\n\n  @keyframes sgh-journey-sweep-mobile {\n    0% {\n      opacity: 0;\n      transform: translateY(-110%);\n    }\n    25% {\n      opacity: 0.62;\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(500%);\n    }\n  }\n\n  .sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__steps::before {\n    transform: scaleY(1);\n  }\n\n  .sgh-journey-section .sgh-journey__steps li {\n    display: grid;\n    grid-template-columns: 20px minmax(0, 1fr);\n    gap: 15px;\n    align-items: center;\n  }\n\n  .sgh-journey-section .sgh-journey__steps i {\n    margin: 0;\n  }\n\n  .sgh-journey-section .sgh-journey__track > a {\n    display: inline-block;\n    margin-top: 28px;\n  }\n\n  .sgh-journey-section .sgh-journey__club {\n    grid-column: 1;\n    grid-row: 3;\n    justify-self: center;\n    width: 190px;\n    margin-top: 18px;\n  }\n\n  .sgh-journey-section .sgh-journey__club::before,\n  .sgh-journey-section .sgh-journey__club::after {\n    display: none;\n  }\n}\n\n@media (max-width: 520px) {\n  .sgh-journey-section .sgh-journey {\n    padding-inline: 18px;\n  }\n\n  .sgh-journey-section .sgh-journey__track {\n    padding: 22px 20px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgh-journey-section .sgh-journey__track-head,\n  .sgh-journey-section .sgh-journey__track > a,\n  .sgh-journey-section .sgh-journey__track::after,\n  .sgh-journey-section .sgh-journey__steps::before,\n  .sgh-journey-section .sgh-journey__steps li,\n  .sgh-journey-section .sgh-journey__club {\n    transition: none;\n  }\n\n  .sgh-journey-section .sgh-journey__track::after,\n  .sgh-journey-section .sgh-journey__steps::before {\n    transform: none;\n  }\n\n  .sgh-journey-section .sgh-journey__steps li,\n  .sgh-journey-section .sgh-journey__track-head,\n  .sgh-journey-section .sgh-journey__track > a,\n  .sgh-journey-section .sgh-journey__club {\n    opacity: 1;\n    transform: none;\n  }\n\n  .sgh-journey-section .sgh-journey__steps::after,\n  .sgh-journey-section .sgh-journey__steps i::after {\n    display: none;\n    animation: none;\n  }\n}\n\n\/* Direct, closed connections from both tracks into the shared club core. *\/\n@media (min-width: 821px) {\n  .sgh-journey-section .sgh-journey__track::after {\n    \/* Connect each track directly to its matching upper\/lower hub contact. *\/\n    width: clamp(126px, 11vw, 158px);\n    height: 2px;\n    background: linear-gradient(90deg, var(--sgh-track), rgba(255, 255, 255, 0.72));\n    box-shadow: 0 0 10px var(--sgh-track);\n    transform-origin: left center;\n  }\n  .sgh-journey-section .sgh-journey__track--classic::after {\n    top: 43%;\n    transform: rotate(42deg) scaleX(0);\n  }\n  .sgh-journey-section .sgh-journey__track--msp::after {\n    top: 57%;\n    transform: rotate(-42deg) scaleX(0);\n  }\n  .sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__track--classic::after {\n    transform: rotate(42deg) scaleX(1);\n  }\n  .sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__track--msp::after {\n    transform: rotate(-42deg) scaleX(1);\n  }\n  \/* Connector lines terminate cleanly at the hub; no floating endpoint dots. *\/\n  .sgh-journey-section .sgh-journey__club::before,\n  .sgh-journey-section .sgh-journey__club::after {\n    display: none;\n  }\n  .sgh-journey-section .sgh-journey.sgh-is-visible .sgh-journey__club {\n    box-shadow:\n      0 0 0 18px rgba(255, 255, 255, 0.025),\n      0 0 62px rgba(54, 216, 245, 0.2),\n      0 0 88px rgba(255, 104, 206, 0.12),\n      0 28px 80px rgba(0, 0, 0, 0.25);\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  if (!document.body.classList.contains(\"page-id-24537\")) return;\n  const root = document.querySelector(\".sgh-journey-section .sgh-journey\");\n  if (!root || root.dataset.sghReady === \"true\") return;\n  root.dataset.sghReady = \"true\";\n\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"sgh-is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver((entries, instance) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add(\"sgh-is-visible\");\n      instance.unobserve(entry.target);\n    });\n  }, { threshold: 0.18 });\n\n  observer.observe(root);\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull sgh-section sgh-club-section is-layout-flow wp-block-group-is-layout-flow\" id=\"sgh-club\">\n<!-- SGH 05 \u2013 The Geek Club -->\n<section class=\"sgh-club\" aria-labelledby=\"sgh-club-title\">\n  <div class=\"sgh-club__inner\">\n    <div class=\"sgh-club__copy\">\n      <header class=\"sgh-club__header\">\n        <p class=\"sgh-club__kicker\">The Geek Club<\/p>\n        <h2 id=\"sgh-club-title\">Welcome to the Inner Circle.<\/h2>\n      <\/header>\n      <p class=\"sgh-club__intro\">Der Sophos Geek Club ist das Herzst\u00fcck des Geek Hubs. Hier treffen sich Partner, die ihr Wissen kontinuierlich erweitern, Erfahrungen teilen und gemeinsam an neuen L\u00f6sungen arbeiten.<\/p>\n    <\/div>\n\n    <!-- Community-Bild: https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_geek_klup.jpg -->\n    <figure class=\"sgh-club__visual\">\n      <img src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_geek_klup.jpg\" alt=\"Sophos Geek Classic und MSP Geek in der gemeinsamen Geek-Club-Kampagnenwelt\" loading=\"lazy\" decoding=\"async\">\n      <span class=\"sgh-club__circle sgh-club__circle--outer\" aria-hidden=\"true\"><\/span>\n      <span class=\"sgh-club__circle sgh-club__circle--inner\" aria-hidden=\"true\"><\/span>\n      <span class=\"sgh-club__node sgh-club__node--one\" aria-hidden=\"true\"><\/span>\n      <span class=\"sgh-club__node sgh-club__node--two\" aria-hidden=\"true\"><\/span>\n      <span class=\"sgh-club__node sgh-club__node--three\" aria-hidden=\"true\"><\/span>\n    <\/figure>\n\n    <div class=\"sgh-club__themes\">\n      <article class=\"sgh-club__theme\" style=\"--sgh-order: 0\">\n        <span>01<\/span>\n        <h3>Stay sharp<\/h3>\n        <p>Exklusive Technical Update Sessions und Best Practices zu neuen Sophos-Technologien.<\/p>\n      <\/article>\n      <article class=\"sgh-club__theme\" style=\"--sgh-order: 1\">\n        <span>02<\/span>\n        <h3>Share experience<\/h3>\n        <p>Direkter Austausch mit Sophos-Experten und anderen Mitgliedern der Community.<\/p>\n      <\/article>\n      <article class=\"sgh-club__theme\" style=\"--sgh-order: 2\">\n        <span>03<\/span>\n        <h3>Meet the community<\/h3>\n        <p>Community Sessions, k\u00fcnftige Geek Events und ausgew\u00e4hltes Geek Merchandise.<\/p>\n      <\/article>\n    <\/div>\n\n    <div class=\"sgh-club__journey\" aria-labelledby=\"sgh-club-journey-title\">\n      <div class=\"sgh-club__journey-heading\">\n        <p id=\"sgh-club-journey-title\">Deine Geek Journey<\/p>\n        <span>Vom ersten Webinar bis zum gemeinsamen Club.<\/span>\n      <\/div>\n      <div class=\"sgh-club__journey-grid\">\n        <span class=\"sgh-club__journey-phase sgh-club__journey-phase--learning\">Learning Phase<\/span>\n        <span class=\"sgh-club__journey-phase sgh-club__journey-phase--unlock\">Unlock Phase<\/span>\n\n        <article class=\"sgh-club__step sgh-club__step--learning\" style=\"--sgh-order: 0\">\n          <span class=\"sgh-club__step-phase\">PHASE 01<\/span>\n          <h3>Webinar<\/h3>\n          <p>Lerne typische Aufgaben und Abl\u00e4ufe in Sophos Fusion praxisnah kennen.<\/p>\n        <\/article>\n        <article class=\"sgh-club__step sgh-club__step--learning\" style=\"--sgh-order: 1\">\n          <span class=\"sgh-club__step-phase\">PHASE 02<\/span>\n          <h3>Geek Quiz<\/h3>\n          <p>Pr\u00fcfe, was du verstanden hast, und festige dein Wissen.<\/p>\n        <\/article>\n\n        <div class=\"sgh-club__unlock\" aria-hidden=\"true\">\n          <span>Wissen freigeschaltet<\/span>\n        <\/div>\n\n        <article class=\"sgh-club__step sgh-club__step--unlock\" style=\"--sgh-order: 2\">\n          <span class=\"sgh-club__step-phase\">UNLOCK 01<\/span>\n          <h3>Geek Certificate<\/h3>\n          <p>Dein pers\u00f6nlicher Nachweis f\u00fcr erfolgreich abgeschlossenes Webinar und Quiz.<\/p>\n        <\/article>\n        <article class=\"sgh-club__step sgh-club__step--unlock\" style=\"--sgh-order: 3\">\n          <span class=\"sgh-club__step-phase\">UNLOCK 02<\/span>\n          <h3>Geek Cap<\/h3>\n          <p>Eine limitierte Cap als sichtbares Zeichen deiner Expertise.<\/p>\n        <\/article>\n        <article class=\"sgh-club__step sgh-club__step--unlock\" style=\"--sgh-order: 4\">\n          <span class=\"sgh-club__step-phase\">UNLOCK 03<\/span>\n          <h3>Geek Club<\/h3>\n          <p>Zugang zu Technical Updates, Best Practices und dem Austausch mit anderen Sophos Geeks.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.sgh-club-section {\n  margin-block-start: 0 !important;\n  padding: 0 !important;\n}\n\n.sgh-club-section .sgh-club {\n  --sgh-blue: #153447;\n  --sgh-coral: #ed5740;\n  --sgh-cyan: #46e2ff;\n  position: relative;\n  overflow: hidden;\n  overflow: clip;\n  width: 100%;\n  max-width: none !important;\n  margin-inline: 0 !important;\n  padding: clamp(84px, 9vw, 150px) clamp(20px, 5vw, 72px);\n  background:\n    radial-gradient(circle at 80% 42%, rgba(225, 71, 182, 0.12), transparent 34%),\n    linear-gradient(135deg, #071521 0%, #102b3d 100%);\n  color: #ffffff;\n  font-family: \"Outfit\", sans-serif;\n}\n\n.sgh-club-section .sgh-club::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);\n  background-size: 120px 100%;\n  opacity: 0.45;\n  pointer-events: none;\n}\n\n.sgh-club-section .sgh-club__inner {\n  position: relative;\n  z-index: 1;\n  width: min(100%, 1340px);\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);\n  grid-template-areas:\n    \"copy visual\"\n    \"themes themes\";\n  gap: clamp(48px, 7vw, 100px);\n  align-items: center;\n}\n\n.sgh-club-section .sgh-club__copy {\n  grid-area: copy;\n}\n\n.sgh-club-section .sgh-club__kicker {\n  margin: 0 0 16px;\n  color: #ff8b76;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.sgh-club-section .sgh-club h2 {\n  max-width: 620px;\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(38px, 5vw, 62px);\n  font-weight: 300;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n}\n\n.sgh-club-section .sgh-club__intro {\n  max-width: 600px;\n  margin: 30px 0 0;\n  color: rgba(255, 255, 255, 0.78);\n  font-size: clamp(18px, 1.6vw, 20px);\n  font-weight: 300;\n  line-height: 1.55;\n}\n\n.sgh-club-section .sgh-club__visual {\n  grid-area: visual;\n  position: relative;\n  min-height: clamp(420px, 44vw, 620px);\n  margin: 0;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.13);\n  border-radius: 14px;\n  background: #071521;\n  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.3);\n  opacity: 0;\n  transform: translateX(18px);\n  transition: opacity 520ms ease, transform 700ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-club-section .sgh-club.sgh-is-visible .sgh-club__visual {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.sgh-club-section .sgh-club__visual::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(90deg, rgba(7, 21, 33, 0.52), transparent 45%),\n    linear-gradient(0deg, rgba(7, 21, 33, 0.54), transparent 42%);\n  pointer-events: none;\n}\n\n.sgh-club-section .sgh-club__visual img {\n  width: 100%;\n  height: 100%;\n  min-height: inherit;\n  object-fit: cover;\n  object-position: center;\n  transform: scale(1.02);\n}\n\n.sgh-club-section .sgh-club__circle {\n  position: absolute;\n  z-index: 2;\n  left: 50%;\n  top: 50%;\n  aspect-ratio: 1;\n  border-radius: 50%;\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.76);\n  transition: opacity 620ms 180ms ease, transform 900ms 180ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-club-section .sgh-club.sgh-is-visible .sgh-club__circle {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.sgh-club-section .sgh-club__circle--outer {\n  width: 76%;\n  border: 1px solid rgba(255, 255, 255, 0.33);\n  border-top-color: rgba(70, 226, 255, 0.62);\n  border-right-color: rgba(255, 255, 255, 0.12);\n}\n\n.sgh-club-section .sgh-club__circle--inner {\n  width: 54%;\n  border: 1px dashed rgba(70, 226, 255, 0.55);\n  transition-delay: 320ms;\n}\n\n.sgh-club-section .sgh-club.sgh-is-visible .sgh-club__circle--outer {\n  animation: sgh-club-orbit 32s 1000ms linear infinite;\n}\n\n.sgh-club-section .sgh-club.sgh-is-visible .sgh-club__circle--inner {\n  animation: sgh-club-orbit-reverse 26s 1100ms linear infinite;\n}\n\n@keyframes sgh-club-orbit {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n\n@keyframes sgh-club-orbit-reverse {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(-360deg);\n  }\n}\n\n.sgh-club-section .sgh-club__node {\n  position: absolute;\n  z-index: 3;\n  width: 11px;\n  height: 11px;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  background: var(--sgh-coral);\n  box-shadow: 0 0 18px rgba(237, 87, 64, 0.8);\n  opacity: 0;\n  transition: opacity 260ms ease;\n}\n\n.sgh-club-section .sgh-club.sgh-is-visible .sgh-club__node {\n  opacity: 1;\n}\n\n.sgh-club-section .sgh-club__node--one {\n  left: 18%;\n  top: 34%;\n  transition-delay: 760ms;\n}\n\n.sgh-club-section .sgh-club__node--two {\n  right: 16%;\n  top: 26%;\n  background: var(--sgh-cyan);\n  box-shadow: 0 0 18px rgba(70, 226, 255, 0.8);\n  transition-delay: 900ms;\n}\n\n.sgh-club-section .sgh-club__node--three {\n  right: 24%;\n  bottom: 17%;\n  transition-delay: 1040ms;\n}\n\n.sgh-club-section .sgh-club__themes {\n  grid-area: themes;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(14px, 2vw, 22px);\n}\n\n.sgh-club-section .sgh-club__theme {\n  position: relative;\n  padding: clamp(24px, 3vw, 34px);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.04);\n  opacity: 0;\n  transform: translateY(12px);\n  transition:\n    opacity 320ms ease,\n    transform 320ms cubic-bezier(0.22, 1, 0.36, 1),\n    border-color 240ms ease,\n    background-color 240ms ease;\n  transition-delay: calc(420ms + (var(--sgh-order) * 130ms));\n}\n\n.sgh-club-section .sgh-club.sgh-is-visible .sgh-club__theme {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .sgh-club-section .sgh-club.sgh-is-visible .sgh-club__theme:hover {\n    border-color: rgba(70, 226, 255, 0.34);\n    background: rgba(255, 255, 255, 0.065);\n    transform: translateY(-4px) scale(1.012);\n    transition-delay: 0ms;\n  }\n}\n\n.sgh-club-section .sgh-club__theme span {\n  display: block;\n  margin-bottom: 18px;\n  color: var(--sgh-cyan);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n}\n\n.sgh-club-section .sgh-club__theme h3 {\n  margin: 0 0 10px;\n  color: #ffffff;\n  font-size: clamp(24px, 2.5vw, 30px);\n  font-weight: 300;\n  line-height: 1.2;\n  letter-spacing: -0.02em;\n}\n\n.sgh-club-section .sgh-club__theme p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 16px;\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n@media (max-width: 900px) {\n  .sgh-club-section .sgh-club__inner {\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      \"copy\"\n      \"visual\"\n      \"themes\";\n    gap: 42px;\n  }\n\n  .sgh-club-section .sgh-club__copy {\n    width: min(100%, 720px);\n  }\n\n  .sgh-club-section .sgh-club__visual {\n    min-height: 520px;\n  }\n}\n\n@media (max-width: 700px) {\n  .sgh-club-section .sgh-club__themes {\n    grid-template-columns: 1fr;\n  }\n\n  .sgh-club-section .sgh-club__theme,\n  .sgh-club-section .sgh-club__theme + .sgh-club__theme {\n    padding: 24px 22px;\n  }\n}\n\n@media (max-width: 520px) {\n  .sgh-club-section .sgh-club {\n    padding-inline: 18px;\n  }\n\n  .sgh-club-section .sgh-club__visual {\n    min-height: 430px;\n  }\n\n  .sgh-club-section .sgh-club__node {\n    width: 9px;\n    height: 9px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgh-club-section .sgh-club__visual,\n  .sgh-club-section .sgh-club__circle,\n  .sgh-club-section .sgh-club__node,\n  .sgh-club-section .sgh-club__theme {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .sgh-club-section .sgh-club__circle {\n    transform: translate(-50%, -50%);\n    animation: none !important;\n  }\n}\n\n\/* Compact journey composition below the community themes. *\/\n.sgh-club-section .sgh-club__inner {\n  grid-template-areas:\n    \"copy visual\"\n    \"themes themes\"\n    \"journey journey\";\n  align-items: start;\n}\n.sgh-club-section .sgh-club__journey {\n  grid-area: journey;\n  width: 100%;\n  margin-top: clamp(8px, 1vw, 18px);\n}\n.sgh-club-section .sgh-club__journey-heading {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 22px;\n}\n.sgh-club-section .sgh-club__journey-heading p {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(24px, 2.8vw, 34px);\n  font-weight: 300;\n  letter-spacing: -.02em;\n}\n.sgh-club-section .sgh-club__journey-heading span {\n  color: rgba(255, 255, 255, .62);\n  font-size: 15px;\n  font-weight: 300;\n}\n.sgh-club-section .sgh-club__journey-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: clamp(12px, 1.6vw, 22px);\n  padding-top: 54px;\n}\n.sgh-club-section .sgh-club__journey-grid::before {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n  left: 3%;\n  right: 3%;\n  top: calc(54px + 50%);\n  height: 1px;\n  background: linear-gradient(90deg, rgba(70, 226, 255, .65), rgba(70, 226, 255, .2) 39%, rgba(255, 104, 206, .36) 54%, rgba(237, 87, 64, .72));\n  opacity: .72;\n}\n.sgh-club-section .sgh-club__journey-phase {\n  position: absolute;\n  top: 0;\n  z-index: 2;\n  color: rgba(255, 255, 255, .72);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n.sgh-club-section .sgh-club__journey-phase::after {\n  content: \"\";\n  display: inline-block;\n  width: 32px;\n  height: 1px;\n  margin-left: 9px;\n  vertical-align: middle;\n  background: currentColor;\n  opacity: .6;\n}\n.sgh-club-section .sgh-club__journey-phase--learning { left: 0; color: #6ce8ff; }\n.sgh-club-section .sgh-club__journey-phase--unlock { left: 62%; color: #ff8cda; }\n.sgh-club-section .sgh-club__step {\n  position: relative;\n  z-index: 1;\n  min-height: 210px;\n  padding: 21px 19px 22px;\n  border: 1px solid rgba(255, 255, 255, .16);\n  background: linear-gradient(145deg, rgba(16, 49, 68, .82), rgba(5, 21, 33, .68));\n  clip-path: polygon(0 12px, 12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%);\n  opacity: 0;\n  transform: translateY(16px);\n  transition: opacity 360ms ease, transform 360ms cubic-bezier(.22, 1, .36, 1), border-color 220ms ease, box-shadow 220ms ease;\n  transition-delay: calc(360ms + (var(--sgh-order) * 130ms));\n}\n.sgh-club-section .sgh-club.sgh-is-visible .sgh-club__step { opacity: 1; transform: translateY(0); }\n.sgh-club-section .sgh-club__step--learning { border-color: rgba(70, 226, 255, .38); }\n.sgh-club-section .sgh-club__step--unlock { border-color: rgba(237, 87, 64, .4); }\n.sgh-club-section .sgh-club__step-phase {\n  display: block;\n  margin-bottom: 24px;\n  color: #6ce8ff;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: .12em;\n}\n.sgh-club-section .sgh-club__step--unlock .sgh-club__step-phase { color: #ff8cda; }\n.sgh-club-section .sgh-club__step h3 {\n  margin: 0 0 9px;\n  color: #ffffff;\n  font-size: clamp(20px, 2vw, 25px);\n  font-weight: 400;\n  line-height: 1.15;\n}\n.sgh-club-section .sgh-club__step p {\n  margin: 0;\n  color: rgba(255, 255, 255, .7);\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.45;\n}\n@media (min-width: 901px) {\n  .sgh-club-section .sgh-club__step--learning { --sgh-rest: 12px; }\n  .sgh-club-section .sgh-club__step--unlock:nth-of-type(4) { --sgh-rest: 0px; }\n  .sgh-club-section .sgh-club__step--unlock:nth-of-type(5) { --sgh-rest: -8px; }\n  .sgh-club-section .sgh-club__step--unlock:nth-of-type(6) { --sgh-rest: -16px; }\n  .sgh-club-section .sgh-club__step { transform: translateY(calc(16px + var(--sgh-rest, 0px))); }\n  .sgh-club-section .sgh-club.sgh-is-visible .sgh-club__step { transform: translateY(var(--sgh-rest, 0px)); }\n}\n.sgh-club-section .sgh-club__unlock {\n  position: absolute;\n  z-index: 3;\n  left: 40%;\n  top: 22px;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 12px;\n  border: 1px solid rgba(237, 87, 64, .55);\n  background: rgba(7, 21, 33, .92);\n  color: #ffb9aa;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  opacity: 0;\n  transform: translate(-50%, 8px);\n  transition: opacity 360ms 560ms ease, transform 360ms 560ms ease;\n}\n.sgh-club-section .sgh-club.sgh-is-visible .sgh-club__unlock { opacity: 1; transform: translate(-50%, 0); }\n.sgh-club-section .sgh-club__unlock::before,\n.sgh-club-section .sgh-club__unlock::after {\n  content: \"\";\n  position: absolute;\n  top: 100%;\n  width: 1px;\n  height: 26px;\n  background: linear-gradient(90deg, #6ce8ff, #ed5740);\n}\n.sgh-club-section .sgh-club__unlock::before { left: 28%; }\n.sgh-club-section .sgh-club__unlock::after { left: 72%; }\n@media (hover: hover) and (pointer: fine) {\n  .sgh-club-section .sgh-club.sgh-is-visible .sgh-club__step:hover {\n    transform: translateY(-4px);\n    border-color: rgba(108, 232, 255, .72);\n    box-shadow: 0 16px 32px rgba(0, 0, 0, .22), 0 0 24px rgba(70, 226, 255, .12);\n  }\n  .sgh-club-section .sgh-club.sgh-is-visible .sgh-club__step--unlock:hover {\n    border-color: rgba(255, 140, 218, .72);\n    box-shadow: 0 16px 32px rgba(0, 0, 0, .22), 0 0 24px rgba(255, 104, 206, .14);\n  }\n}\n@media (max-width: 900px) {\n  .sgh-club-section .sgh-club__inner {\n    grid-template-areas:\n      \"copy\"\n      \"visual\"\n      \"themes\"\n      \"journey\";\n  }\n  .sgh-club-section .sgh-club__journey-heading { display: block; }\n  .sgh-club-section .sgh-club__journey-heading span { display: block; margin-top: 7px; }\n  .sgh-club-section .sgh-club__journey-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n  .sgh-club-section .sgh-club__step:nth-of-type(1) { grid-column: 1; }\n  .sgh-club-section .sgh-club__step:nth-of-type(2) { grid-column: 2; }\n  .sgh-club-section .sgh-club__step:nth-of-type(4) { grid-column: 1; grid-row: 2; }\n  .sgh-club-section .sgh-club__step:nth-of-type(5) { grid-column: 2; grid-row: 2; }\n  .sgh-club-section .sgh-club__step:nth-of-type(6) { grid-column: 3; grid-row: 2; }\n  .sgh-club-section .sgh-club__journey-phase--unlock { left: 34%; }\n}\n@media (max-width: 700px) {\n  .sgh-club-section .sgh-club__journey-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding-top: 76px;\n  }\n  .sgh-club-section .sgh-club__journey-grid::before {\n    left: 12px;\n    right: auto;\n    top: 82px;\n    bottom: 24px;\n    width: 1px;\n    height: auto;\n    background: linear-gradient(180deg, #6ce8ff 0 40%, #ff8cda 66%, #ed5740);\n  }\n  .sgh-club-section .sgh-club__journey-phase--learning { left: 0; }\n  .sgh-club-section .sgh-club__journey-phase--unlock { left: 0; top: 53%; }\n  .sgh-club-section .sgh-club__step { min-height: 0; margin-left: 28px; padding: 18px 17px 19px; }\n  .sgh-club-section .sgh-club__step-phase { margin-bottom: 17px; }\n  .sgh-club-section .sgh-club__unlock { left: 28px; top: 50%; transform: translateY(-50%); }\n  .sgh-club-section .sgh-club.sgh-is-visible .sgh-club__unlock { transform: translateY(-50%); }\n  .sgh-club-section .sgh-club__unlock::before { display: none; }\n  .sgh-club-section .sgh-club__unlock::after { left: -17px; top: 50%; width: 17px; height: 1px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .sgh-club-section .sgh-club__step,\n  .sgh-club-section .sgh-club__unlock { opacity: 1; transform: none; transition: none; }\n  .sgh-club-section .sgh-club__unlock { transform: none; }\n}\n<\/style>\n\n<script>\n(() => {\n  if (!document.body.classList.contains(\"page-id-24537\")) return;\n  const root = document.querySelector(\".sgh-club-section .sgh-club\");\n  if (!root || root.dataset.sghReady === \"true\") return;\n  root.dataset.sghReady = \"true\";\n\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"sgh-is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver((entries, instance) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add(\"sgh-is-visible\");\n      instance.unobserve(entry.target);\n    });\n  }, { threshold: 0.16 });\n\n  observer.observe(root);\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull sgh-section sgh-missions-section is-layout-flow wp-block-group-is-layout-flow\" id=\"sgh-missions\">\n<!-- SGH 06 \u2013 Current Missions -->\n<section class=\"sgh-missions\" aria-labelledby=\"sgh-missions-title\">\n  <div class=\"sgh-missions__inner\">\n    <div class=\"sgh-missions__top\">\n      <header class=\"sgh-missions__header\">\n        <p class=\"sgh-missions__kicker\">Current Missions<\/p>\n        <h2 id=\"sgh-missions-title\">Deine n\u00e4chsten Schritte im Geek Hub.<\/h2>\n      <\/header>\n\n      <div class=\"sgh-missions__filters\" role=\"group\" aria-label=\"Missionen filtern\">\n        <button type=\"button\" class=\"sgh-missions__filter sgh-is-active\" data-filter=\"all\" aria-pressed=\"true\">Alle<\/button>\n        <button type=\"button\" class=\"sgh-missions__filter\" data-filter=\"classic\" aria-pressed=\"false\">Termed<\/button>\n        <button type=\"button\" class=\"sgh-missions__filter\" data-filter=\"msp\" aria-pressed=\"false\">MSP<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"sgh-missions__grid\" aria-live=\"polite\">\n      <!-- Mission: Classic -->\n      <!-- Zielanker #webinar sp\u00e4ter erg\u00e4nzen, sobald er auf der Unterseite existiert. Aktuell bewusst nur Seitenlink. -->\n      <article class=\"sgh-mission-card sgh-mission-card--classic\" data-track=\"classic\" style=\"--sgh-order: 0\">\n        <div class=\"sgh-mission-card__media\">\n          <img src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_thumbnail_classic.jpg\" alt=\"Sophos Geek Termed Kampagnenmotiv\" loading=\"lazy\" decoding=\"async\">\n          <span>Termed<\/span>\n        <\/div>\n        <div class=\"sgh-mission-card__body\">\n          <div class=\"sgh-mission-card__meta\">\n            <span>16.09.2026<\/span>\n            <span>10.00-11.00 Uhr<\/span>\n          <\/div>\n          <h3>Becoming a Sophos Geek<\/h3>\n          <p>Dein praxisnaher Einstieg in Sophos Fusion.<\/p>\n          <div class=\"sgh-mission-card__details\">\n            <span><b>Speaker<\/b> Tim Jakobi<\/span>\n            <span class=\"sgh-mission-card__status\">Anmeldung l\u00e4uft<\/span>\n          <\/div>\n          <a class=\"sgh-cta\" href=\"https:\/\/register.gotowebinar.com\/rt\/4072577231633588064?source=CH\">Jetzt anmelden<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Mission: Think MSP -->\n      <!-- Zielanker #webinare sp\u00e4ter erg\u00e4nzen, sobald er auf der Unterseite existiert. Aktuell bewusst nur Seitenlink. -->\n      <article class=\"sgh-mission-card\" data-track=\"msp\" style=\"--sgh-order: 1\">\n        <div class=\"sgh-mission-card__media\">\n          <img src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_thumbnail_msp.jpg\" alt=\"Sophos MSP Geek Kampagnenmotiv\" loading=\"lazy\" decoding=\"async\">\n          <span>MSP<\/span>\n        <\/div>\n        <div class=\"sgh-mission-card__body\">\n          <div class=\"sgh-mission-card__meta\">\n            <span>10.09.2026<\/span>\n            <span>10.00-11.30 Uhr<\/span>\n          <\/div>\n          <h3>Think MSP<\/h3>\n          <p>Verstehe das Gesch\u00e4ftsmodell und ordne das Sophos MSP Portfolio ein.<\/p>\n          <div class=\"sgh-mission-card__details\">\n            <span><b>Speaker<\/b> Enrico Mahl<\/span>\n            <span class=\"sgh-mission-card__status\">Anmeldung l\u00e4uft<\/span>\n          <\/div>\n          <a class=\"sgh-cta\" href=\"https:\/\/attendee.gotowebinar.com\/rt\/3043356283883538520?source=CH\">Jetzt anmelden<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Mission: Sell Services-->\n      <!-- Zielanker #webinare sp\u00e4ter erg\u00e4nzen, sobald er auf der Unterseite existiert. Aktuell bewusst nur Seitenlink. -->\n      <article class=\"sgh-mission-card\" data-track=\"msp\" style=\"--sgh-order: 2\">\n        <div class=\"sgh-mission-card__media\">\n          <img src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_thumbnail_msp.jpg\" alt=\"Sophos MSP Geek Kampagnenmotiv\" loading=\"lazy\" decoding=\"async\">\n          <span>MSP<\/span>\n        <\/div>\n        <div class=\"sgh-mission-card__body\">\n          <div class=\"sgh-mission-card__meta\">\n            <span>17.09.2026<\/span>\n            <span>10.00-11.30<\/span>\n          <\/div>\n          <h3>Sell Services<\/h3>\n          <p>Positioniere Managed Services klar und \u00fcberzeugend bei deinen Kunden.<\/p>\n          <div class=\"sgh-mission-card__details\">\n            <span><b>Speaker<\/b> Enrico Mahl<\/span>\n            <span class=\"sgh-mission-card__status\">Anmeldung l\u00e4uft<\/span>\n          <\/div>\n          <a class=\"sgh-cta\" href=\"https:\/\/attendee.gotowebinar.com\/rt\/8015169743802984026?source=CH\">Jetzt anmelden<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Mission: Grow Faster -->\n      <!-- Zielanker #webinare sp\u00e4ter erg\u00e4nzen, sobald er auf der Unterseite existiert. Aktuell bewusst nur Seitenlink. -->\n      <article class=\"sgh-mission-card\" data-track=\"msp\" style=\"--sgh-order: 3\">\n        <div class=\"sgh-mission-card__media\">\n          <img src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_thumbnail_msp.jpg\" alt=\"Sophos MSP Geek Kampagnenmotiv\" loading=\"lazy\" decoding=\"async\">\n          <span>MSP<\/span>\n        <\/div>\n        <div class=\"sgh-mission-card__body\">\n          <div class=\"sgh-mission-card__meta\">\n            <span>24.09.2026<\/span>\n            <span>10.00-11.30 Uhr<\/span>\n          <\/div>\n          <h3>Grow Faster<\/h3>\n          <p>Erschliesse Cross-Selling-, Up-Selling- und Wachstumspotenziale.<\/p>\n          <div class=\"sgh-mission-card__details\">\n            <span><b>Speaker<\/b> Enrico Mahl<\/span>\n            <span class=\"sgh-mission-card__status\">Anmeldung l\u00e4uft<\/span>\n          <\/div>\n          <a class=\"sgh-cta\" href=\"https:\/\/attendee.gotowebinar.com\/rt\/2389332682822021982?source=CH\">Jetzt anmelden<\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.sgh-missions-section {\n  margin-block-start: 0 !important;\n  padding: 0 !important;\n}\n\n.sgh-missions-section .sgh-missions {\n  --sgh-blue: #153447;\n  --sgh-coral: #ed5740;\n  --sgh-cyan: #009fc7;\n  position: relative;\n  overflow: hidden;\n  overflow: clip;\n  width: 100%;\n  max-width: none !important;\n  margin-inline: 0 !important;\n  padding: clamp(82px, 9vw, 144px) clamp(20px, 5vw, 72px);\n  background: #ffffff;\n  color: var(--sgh-blue);\n  font-family: \"Outfit\", sans-serif;\n}\n\n.sgh-missions-section .sgh-missions__inner {\n  width: min(100%, 1340px);\n  margin: 0 auto;\n}\n\n.sgh-missions-section .sgh-missions__top {\n  display: flex;\n  justify-content: space-between;\n  gap: 36px;\n  align-items: flex-end;\n  margin-bottom: clamp(42px, 6vw, 72px);\n}\n\n.sgh-missions-section .sgh-missions__header {\n  max-width: 760px;\n}\n\n.sgh-missions-section .sgh-missions__kicker {\n  margin: 0 0 16px;\n  color: var(--sgh-coral);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.sgh-missions-section .sgh-missions h2 {\n  margin: 0;\n  color: var(--sgh-blue);\n  font-size: clamp(36px, 4.7vw, 58px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n\n.sgh-missions-section .sgh-missions__filters {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: flex-end;\n}\n\n.sgh-missions-section .sgh-missions__filter {\n  min-height: 48px;\n  padding: 10px 18px;\n  border: 1px solid #d0d5dd;\n  border-radius: 6px;\n  background: #ffffff;\n  color: var(--sgh-blue);\n  font-family: \"Outfit\", sans-serif;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;\n}\n\n.sgh-missions-section .sgh-missions__filter:hover,\n.sgh-missions-section .sgh-missions__filter:focus-visible,\n.sgh-missions-section .sgh-missions__filter.sgh-is-active {\n  border-color: var(--sgh-coral);\n  background: var(--sgh-coral);\n  color: #ffffff;\n}\n\n.sgh-missions-section .sgh-missions__filter:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.3);\n  outline-offset: 3px;\n}\n\n.sgh-missions-section .sgh-missions__grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: clamp(20px, 2.6vw, 34px);\n}\n\n.sgh-missions-section .sgh-mission-card {\n  display: grid;\n  grid-template-columns: minmax(190px, 0.8fr) minmax(0, 1.2fr);\n  min-height: 350px;\n  overflow: hidden;\n  border: 1px solid #e5edf4;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0 14px 44px rgba(21, 52, 71, 0.07);\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity 300ms ease, transform 300ms ease, box-shadow 220ms ease, border-color 220ms ease;\n  transition-delay: calc(var(--sgh-order) * 90ms);\n}\n\n.sgh-missions-section .sgh-missions.sgh-is-visible .sgh-mission-card {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.sgh-missions-section .sgh-mission-card.sgh-is-filtered-out {\n  display: none;\n}\n\n.sgh-missions-section .sgh-mission-card:hover {\n  border-color: rgba(237, 87, 64, 0.4);\n  box-shadow: 0 20px 52px rgba(21, 52, 71, 0.12);\n}\n\n.sgh-missions-section .sgh-mission-card__media {\n  position: relative;\n  min-height: 100%;\n  overflow: hidden;\n  background: #0b2230;\n}\n\n.sgh-missions-section .sgh-mission-card__media::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(0deg, rgba(7, 21, 33, 0.5), transparent 55%);\n  pointer-events: none;\n}\n\n.sgh-missions-section .sgh-mission-card__media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 320ms ease;\n}\n\n.sgh-missions-section .sgh-mission-card:hover .sgh-mission-card__media img {\n  transform: scale(1.035);\n}\n\n.sgh-missions-section .sgh-mission-card__media > span {\n  position: absolute;\n  z-index: 2;\n  left: 16px;\n  top: 16px;\n  padding: 7px 10px;\n  border: 1px solid rgba(255, 255, 255, 0.35);\n  border-radius: 6px;\n  background: rgba(7, 21, 33, 0.58);\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  backdrop-filter: blur(7px);\n}\n\n.sgh-missions-section .sgh-mission-card__body {\n  display: flex;\n  flex-direction: column;\n  padding: clamp(26px, 3vw, 38px);\n}\n\n.sgh-missions-section .sgh-mission-card__meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 18px;\n  margin-bottom: 20px;\n  color: #667085;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.3;\n}\n\n.sgh-missions-section .sgh-mission-card__meta span {\n  position: relative;\n}\n\n.sgh-missions-section .sgh-mission-card__meta span + span::before {\n  content: \"\";\n  position: absolute;\n  left: -10px;\n  top: 50%;\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: var(--sgh-coral);\n  transform: translateY(-50%);\n}\n\n.sgh-missions-section .sgh-mission-card h3 {\n  margin: 0 0 10px;\n  color: var(--sgh-blue);\n  font-size: clamp(26px, 2.6vw, 32px);\n  font-weight: 300;\n  line-height: 1.18;\n  letter-spacing: -0.02em;\n}\n\n.sgh-missions-section .sgh-mission-card__body > p {\n  margin: 0;\n  color: #536a78;\n  font-size: 16px;\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.sgh-missions-section .sgh-mission-card__details {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 12px;\n  margin: auto 0 22px;\n  padding-top: 26px;\n  color: #667085;\n  font-size: 13px;\n  line-height: 1.35;\n}\n\n.sgh-missions-section .sgh-mission-card__details b {\n  color: var(--sgh-blue);\n  font-weight: 500;\n}\n\n.sgh-missions-section .sgh-mission-card__status {\n  padding: 5px 8px;\n  border: 1px solid rgba(0, 159, 199, 0.22);\n  border-radius: 4px;\n  background: rgba(0, 159, 199, 0.07);\n  color: #087e9c;\n}\n\n.sgh-missions-section .sgh-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: flex-start;\n  min-height: 52px;\n  padding: 0.8em 1.5em;\n  border: 1px solid var(--sgh-coral);\n  border-radius: 6px;\n  background: #ffffff;\n  color: var(--sgh-coral);\n  font-family: \"Outfit\", sans-serif;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n  text-decoration: none;\n  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;\n}\n\n.sgh-missions-section .sgh-cta:hover,\n.sgh-missions-section .sgh-cta:focus-visible {\n  background: var(--sgh-coral);\n  color: #ffffff;\n  transform: translateY(-2px);\n}\n\n.sgh-missions-section .sgh-cta:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.3);\n  outline-offset: 3px;\n}\n\n@media (max-width: 1120px) {\n  .sgh-missions-section .sgh-mission-card {\n    grid-template-columns: 1fr;\n  }\n\n  .sgh-missions-section .sgh-mission-card__media {\n    min-height: 250px;\n  }\n}\n\n@media (max-width: 820px) {\n  .sgh-missions-section .sgh-missions__top {\n    display: block;\n  }\n\n  .sgh-missions-section .sgh-missions__filters {\n    justify-content: flex-start;\n    margin-top: 30px;\n  }\n\n  .sgh-missions-section .sgh-missions__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .sgh-missions-section .sgh-mission-card {\n    width: min(100%, 620px);\n  }\n}\n\n@media (max-width: 520px) {\n  .sgh-missions-section .sgh-missions {\n    padding-inline: 16px;\n  }\n\n  .sgh-missions-section .sgh-missions__filter {\n    flex: 1 1 0;\n    padding-inline: 12px;\n  }\n\n  .sgh-missions-section .sgh-mission-card__media {\n    min-height: 220px;\n  }\n\n  .sgh-missions-section .sgh-cta {\n    width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgh-missions-section .sgh-mission-card,\n  .sgh-missions-section .sgh-mission-card__media img,\n  .sgh-missions-section .sgh-cta {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  if (!document.body.classList.contains(\"page-id-24537\")) return;\n  const root = document.querySelector(\".sgh-missions-section .sgh-missions\");\n  if (!root || root.dataset.sghReady === \"true\") return;\n  root.dataset.sghReady = \"true\";\n\n  const filters = Array.from(root.querySelectorAll(\".sgh-missions__filter\"));\n  const cards = Array.from(root.querySelectorAll(\".sgh-mission-card\"));\n\n  const applyFilter = (filter) => {\n    filters.forEach((button) => {\n      const active = button.dataset.filter === filter;\n      button.classList.toggle(\"sgh-is-active\", active);\n      button.setAttribute(\"aria-pressed\", active ? \"true\" : \"false\");\n    });\n\n    cards.forEach((card) => {\n      const visible = filter === \"all\" || card.dataset.track === filter;\n      card.classList.toggle(\"sgh-is-filtered-out\", !visible);\n      card.setAttribute(\"aria-hidden\", visible ? \"false\" : \"true\");\n    });\n  };\n\n  filters.forEach((button, index) => {\n    button.addEventListener(\"click\", () => applyFilter(button.dataset.filter));\n    button.addEventListener(\"keydown\", (event) => {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        applyFilter(button.dataset.filter);\n        return;\n      }\n      if (event.key !== \"ArrowRight\" && event.key !== \"ArrowLeft\") return;\n      event.preventDefault();\n      const direction = event.key === \"ArrowRight\" ? 1 : -1;\n      const next = (index + direction + filters.length) % filters.length;\n      filters[next].focus();\n    });\n  });\n\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"sgh-is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver((entries, instance) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add(\"sgh-is-visible\");\n      instance.unobserve(entry.target);\n    });\n  }, { threshold: 0.1 });\n\n  observer.observe(root);\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull sgh-section sgh-closing-section is-layout-flow wp-block-group-is-layout-flow\" id=\"sgh-closing\">\n<!-- SGH 07 \u2013 Which Geek are you? -->\n<section class=\"sgh-closing\" aria-labelledby=\"sgh-closing-title\">\n  <div class=\"sgh-closing__glow\" aria-hidden=\"true\"><\/div>\n\n  <!-- Wiederverwendete freigestellte Figuren aus Abschnitt 02 -->\n  <img class=\"sgh-closing__figure sgh-closing__figure--classic\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_geek_karte_sec_1.png\" alt=\"Sophos Geek Termed\" loading=\"lazy\" decoding=\"async\">\n  <img class=\"sgh-closing__figure sgh-closing__figure--msp\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/07\/sgh_msp_geek_karte_sec_2.png\" alt=\"Sophos MSP Geek\" loading=\"lazy\" decoding=\"async\">\n\n  <div class=\"sgh-closing__inner\">\n    <span class=\"sgh-closing__eyebrow\">Sophos Geek Hub<\/span>\n    <h2 id=\"sgh-closing-title\">Which Geek are you?<\/h2>\n    <p>W\u00e4hle den Learning Path, der zu deiner t\u00e4glichen Arbeit und deinen n\u00e4chsten Zielen passt.<\/p>\n    <div class=\"sgh-closing__actions\">\n      <a class=\"sgh-cta sgh-cta--primary\" href=\"https:\/\/www.infinigate.com\/ch\/becoming-a-sophos-geek\/\">Termed entdecken<\/a>\n      <a class=\"sgh-cta sgh-cta--secondary\" href=\"https:\/\/www.infinigate.com\/ch\/becoming-a-sophos-msp-geek\/\">MSP entdecken<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.sgh-closing-section {\n  margin-block-start: 0 !important;\n  padding: 0 !important;\n}\n\n.sgh-closing-section .sgh-closing {\n  --sgh-blue: #153447;\n  --sgh-coral: #ed5740;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  overflow: clip;\n  width: 100%;\n  max-width: none !important;\n  margin-inline: 0 !important;\n  min-height: clamp(620px, 62vw, 820px);\n  padding: clamp(92px, 11vw, 162px) clamp(20px, 5vw, 72px);\n  display: grid;\n  place-items: center;\n  background:\n    radial-gradient(circle at 50% 48%, rgba(0, 199, 232, 0.16), transparent 30%),\n    radial-gradient(circle at 55% 64%, rgba(225, 71, 182, 0.12), transparent 35%),\n    linear-gradient(135deg, #071521 0%, #102c3d 58%, #071521 100%);\n  color: #ffffff;\n  font-family: \"Outfit\", sans-serif;\n}\n\n.sgh-closing-section .sgh-closing::before {\n  content: \"\";\n  position: absolute;\n  z-index: -2;\n  inset: 0;\n  background:\n    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\n  background-size: 64px 64px;\n  mask-image: radial-gradient(circle at 50% 50%, #000, transparent 70%);\n  pointer-events: none;\n}\n\n.sgh-closing-section .sgh-closing__glow {\n  position: absolute;\n  z-index: -1;\n  left: 50%;\n  top: 50%;\n  width: min(64vw, 760px);\n  aspect-ratio: 1;\n  border: 1px solid rgba(255, 255, 255, 0.13);\n  border-radius: 50%;\n  transform: translate(-50%, -50%) scale(0.82);\n  opacity: 0;\n  transition: opacity 600ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-closing-section .sgh-closing__glow::before,\n.sgh-closing-section .sgh-closing__glow::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n}\n\n.sgh-closing-section .sgh-closing__glow::before {\n  inset: 10%;\n  border: 1px dashed rgba(70, 226, 255, 0.26);\n}\n\n.sgh-closing-section .sgh-closing__glow::after {\n  inset: 26%;\n  background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 68%);\n}\n\n.sgh-closing-section .sgh-closing.sgh-is-visible .sgh-closing__glow {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.sgh-closing-section .sgh-closing__inner {\n  position: relative;\n  z-index: 3;\n  width: min(100%, 680px);\n  padding: clamp(36px, 5vw, 62px);\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 14px;\n  background: rgba(7, 21, 33, 0.68);\n  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.28);\n  text-align: center;\n  backdrop-filter: blur(14px);\n  opacity: 0;\n  transform: translateY(16px);\n  transition: opacity 420ms 180ms ease, transform 620ms 180ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-closing-section .sgh-closing.sgh-is-visible .sgh-closing__inner {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.sgh-closing-section .sgh-closing__eyebrow {\n  display: inline-block;\n  margin-bottom: 18px;\n  color: #ff8b76;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.sgh-closing-section .sgh-closing h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(42px, 6vw, 72px);\n  font-weight: 300;\n  line-height: 1.02;\n  letter-spacing: -0.035em;\n}\n\n.sgh-closing-section .sgh-closing__inner > p {\n  max-width: 570px;\n  margin: 24px auto 0;\n  color: rgba(255, 255, 255, 0.76);\n  font-size: clamp(18px, 1.6vw, 20px);\n  font-weight: 300;\n  line-height: 1.5;\n}\n\n.sgh-closing-section .sgh-closing__actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 32px;\n}\n\n.sgh-closing-section .sgh-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 52px;\n  padding: 0.8em 1.5em;\n  border: 1px solid;\n  border-radius: 6px;\n  font-family: \"Outfit\", sans-serif;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 28px;\n  text-decoration: none;\n  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;\n}\n\n.sgh-closing-section .sgh-cta--primary {\n  border-color: #ffffff;\n  background: #ffffff;\n  color: var(--sgh-blue);\n}\n\n.sgh-closing-section .sgh-cta--secondary {\n  border-color: rgba(255, 255, 255, 0.55);\n  background: transparent;\n  color: #ffffff;\n}\n\n.sgh-closing-section .sgh-cta:hover,\n.sgh-closing-section .sgh-cta:focus-visible {\n  border-color: var(--sgh-coral);\n  background: var(--sgh-coral);\n  color: #ffffff;\n  transform: translateY(-2px);\n}\n\n.sgh-closing-section .sgh-cta:focus-visible {\n  outline: 3px solid rgba(237, 87, 64, 0.45);\n  outline-offset: 3px;\n}\n\n.sgh-closing-section .sgh-closing__figure {\n  position: absolute;\n  z-index: 2;\n  bottom: -3%;\n  width: min(34vw, 500px);\n  max-height: 84%;\n  object-fit: contain;\n  object-position: center bottom;\n  filter: drop-shadow(0 28px 45px rgba(0, 0, 0, 0.42));\n  opacity: 0.92;\n  transform: translateY(0) scale(1.02);\n  transition:\n    opacity 500ms ease,\n    transform 820ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.sgh-closing-section .sgh-closing.sgh-motion-ready .sgh-closing__figure {\n  \/* Figures stay visible even before the viewport observer fires. *\/\n  opacity: 0.92;\n  transform: translateY(6px) scale(0.96);\n}\n\n.sgh-closing-section .sgh-closing__figure--classic {\n  left: 0;\n}\n\n.sgh-closing-section .sgh-closing__figure--msp {\n  right: 0;\n  transition-delay: 100ms;\n}\n\n.sgh-closing-section .sgh-closing.sgh-motion-ready.sgh-is-visible .sgh-closing__figure {\n  opacity: 0.92;\n  transform: translateY(0) scale(1.02);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .sgh-closing-section .sgh-closing.sgh-is-visible .sgh-closing__figure:hover {\n    transform: translateY(-4px) scale(1.05);\n  }\n}\n\n@media (max-width: 1050px) {\n  .sgh-closing-section .sgh-closing__figure {\n    width: min(40vw, 430px);\n  }\n\n  .sgh-closing-section .sgh-closing.sgh-motion-ready.sgh-is-visible .sgh-closing__figure {\n    opacity: 0.7;\n  }\n\n  .sgh-closing-section .sgh-closing__figure--classic {\n    left: 0;\n  }\n\n  .sgh-closing-section .sgh-closing__figure--msp {\n    right: 0;\n  }\n}\n\n@media (max-width: 760px) {\n  .sgh-closing-section .sgh-closing {\n    min-height: 780px;\n    align-items: end;\n    padding-top: 300px;\n  }\n\n  .sgh-closing-section .sgh-closing__figure {\n    top: 32px;\n    bottom: auto;\n    width: 57vw;\n    max-height: 330px;\n    object-position: center top;\n  }\n\n  .sgh-closing-section .sgh-closing__figure--classic {\n    left: 0;\n  }\n\n  .sgh-closing-section .sgh-closing__figure--msp {\n    right: 0;\n  }\n\n  .sgh-closing-section .sgh-closing__inner {\n    padding: 34px 22px;\n  }\n}\n\n@media (max-width: 520px) {\n  .sgh-closing-section .sgh-closing {\n    min-height: 740px;\n    padding: 260px 16px 72px;\n  }\n\n  .sgh-closing-section .sgh-closing__figure {\n    width: 62vw;\n    max-height: 280px;\n  }\n\n  .sgh-closing-section .sgh-closing__actions {\n    flex-direction: column;\n  }\n\n  .sgh-closing-section .sgh-cta {\n    width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgh-closing-section .sgh-closing__glow,\n  .sgh-closing-section .sgh-closing__inner,\n  .sgh-closing-section .sgh-closing__figure,\n  .sgh-closing-section .sgh-cta {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  .sgh-closing-section .sgh-closing__glow {\n    transform: translate(-50%, -50%);\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  if (!document.body.classList.contains(\"page-id-24537\")) return;\n  const root = document.querySelector(\".sgh-closing-section .sgh-closing\");\n  if (!root || root.dataset.sghReady === \"true\") return;\n  root.dataset.sghReady = \"true\";\n  root.classList.add(\"sgh-motion-ready\");\n\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches || !(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"sgh-is-visible\");\n    return;\n  }\n\n  const observer = new IntersectionObserver((entries, instance) => {\n    entries.forEach((entry) => {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add(\"sgh-is-visible\");\n      instance.unobserve(entry.target);\n    });\n  }, { threshold: 0.12 });\n\n  observer.observe(root);\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>More than Training Eine Community f\u00fcr Menschen, die Sophos wirklich verstehen wollen. Cybersecurity entwickelt sich t\u00e4glich weiter. Ein einzelnes Webinar&hellip;<\/p>\n","protected":false},"author":43,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[1065],"class_list":["post-24537","page","type-page","status-publish","hentry"],"acf":[],"lang":"de","translations":{"de":24537},"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\/24537","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=24537"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/24537\/revisions"}],"predecessor-version":[{"id":24902,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/24537\/revisions\/24902"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media?parent=24537"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/folder?post=24537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}