{"id":27644,"date":"2026-11-06T23:12:18","date_gmt":"2026-11-06T22:12:18","guid":{"rendered":"https:\/\/www.infinigate.com\/ch\/?page_id=27644"},"modified":"2026-11-09T14:52:07","modified_gmt":"2026-11-09T13:52:07","slug":"sophos-secure-by-design","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/ch\/sophos-secure-by-design\/","title":{"rendered":"Sophos-Secure by Design"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull sophos-sbd-page is-layout-constrained wp-block-group-is-layout-constrained\">\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN DE\n     PAGE ID 53115\n     BLOCK 01 \u2013 GLOBAL BASIS + HERO\n     ========================================================= -->\n\n<section class=\"sophos-sbd-hero\" id=\"sophos-sbd-start\" aria-labelledby=\"sophos-sbd-hero-title\">\n\n  <!-- BACKGROUND IMAGE -->\n  <div class=\"sophos-sbd-hero__media\" aria-hidden=\"true\"><\/div>\n\n  <!-- DARK \/ BLUE OVERLAYS -->\n  <div class=\"sophos-sbd-hero__shade\" aria-hidden=\"true\"><\/div>\n  <div class=\"sophos-sbd-hero__glow\" aria-hidden=\"true\"><\/div>\n\n  <!-- SUBTLE TECH LINES -->\n  <div class=\"sophos-sbd-hero__lines\" aria-hidden=\"true\">\n    <span><\/span>\n    <span><\/span>\n    <span><\/span>\n  <\/div>\n\n\n  <div class=\"sophos-sbd-hero__inner\">\n\n    <!-- =====================================================\n         CONTENT\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-hero__content\">\n\n      <h1 id=\"sophos-sbd-hero-title\">\n        Secure by Design.\n        <strong>\n          Sicherheit von Anfang an.\n        <\/strong>\n      <\/h1>\n\n\n      <p class=\"sophos-sbd-hero__lead\">\n        Gewinne neue Firewall-Projekte mit Sophos und Infinigate.\n      <\/p>\n\n\n      <p class=\"sophos-sbd-hero__copy\">\n        Cyberangriffe werden raffinierter, w\u00e4hrend Unternehmen gleichzeitig mit Sicherheitsl\u00fccken, kritischen Patches und steigender Komplexit\u00e4t k\u00e4mpfen. Sophos Firewall setzt Sicherheit deshalb nicht nachtr\u00e4glich auf \u2013 sie ist von Anfang an Teil der Architektur.\n      <\/p>\n\n\n      <div class=\"sophos-sbd-hero__actions\">\n\n        <a class=\"sophos-sbd-button sophos-sbd-button--primary\" href=\"#sophos-beratung\">\n          <span>Beratungsgespr\u00e4ch anfragen<\/span>\n          <i aria-hidden=\"true\">\u2192<\/i>\n        <\/a>\n\n\n        <a class=\"sophos-sbd-button sophos-sbd-button--secondary\" href=\"#sophos-secure-principles\">\n          <span>Secure by Design entdecken<\/span>\n          <i aria-hidden=\"true\">\u2193<\/i>\n        <\/a>\n<a\n  class=\"sophos-sbd-button sophos-sbd-button--v23\"\n  href=\"https:\/\/attendee.gotowebinar.com\/rt\/2221733027435826264?source=CH\"\n  target=\"_blank\"\n  rel=\"noopener noreferrer\"\n>\n  <span>NEU: Sophos Firewall v23 entdecken<\/span>\n  <i aria-hidden=\"true\">\u2197<\/i>\n<\/a>\n\n      <\/div>\n\n\n      <!-- QUICK SIGNALS -->\n\n      <div class=\"sophos-sbd-hero__signals\" aria-label=\"Secure by Design Vorteile\">\n\n        <div>\n          <span>01<\/span>\n          <strong>Secure Architecture<\/strong>\n        <\/div>\n\n        <div>\n          <span>02<\/span>\n          <strong>Zero-Downtime Hotfixes<\/strong>\n        <\/div>\n\n        <div>\n          <span>03<\/span>\n          <strong>MDR &amp; XDR ready<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         RIGHT SIDE \/ CONTEXT CARD\n         ===================================================== -->\n\n    <aside class=\"sophos-sbd-hero__context\">\n\n      <div class=\"sophos-sbd-hero__context-line\"><\/div>\n\n      <span>\n        Secure by Design\n      <\/span>\n\n      <strong>\n        Sicherheit wird nicht erg\u00e4nzt.\n        <br>\n        Sie wird eingebaut.\n      <\/strong>\n\n      <small>\n        Sophos Firewall\n      <\/small>\n\n    <\/aside>\n\n  <\/div>\n\n\n  <!-- BOTTOM STRIP -->\n\n  <div class=\"sophos-sbd-hero__bottom\">\n\n    <span>\n      Sophos Firewall\n    <\/span>\n\n    <i><\/i>\n\n    <span>\n      Secure by Design\n    <\/span>\n\n    <i><\/i>\n\n    <span>\n      Infinigate Partner Business\n    <\/span>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   PAGE 27644 \u2013 GLOBAL BASIS\n   ========================================================= *\/\n\nbody.page-id-27644 {\n  overflow-x: hidden;\n}\n\n\n\/* DEFAULT WORDPRESS PAGE HEADER AUSBLENDEN *\/\n\nbody.page-id-27644 .site-main__header,\nbody.page-id-27644\n.post-27644 > .site-main__header {\n  display: none !important;\n}\n\n\n\/* =========================================================\n   ONE-GROUP SYSTEM\n   ========================================================= *\/\n\nbody.page-id-27644\n.sophos-sbd-page {\n  position: relative !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  margin-left:\n    calc(50% - 50vw) !important;\n\n  margin-right:\n    calc(50% - 50vw) !important;\n\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding: 0 !important;\n\n  gap: 0 !important;\n  row-gap: 0 !important;\n\n  overflow: visible !important;\n}\n\n\n\/* HTML BLOCKS *\/\n\nbody.page-id-27644\n.sophos-sbd-page > .wp-block-html {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n\n  margin-block-start: 0 !important;\n  margin-block-end: 0 !important;\n\n  padding: 0 !important;\n}\n\n\n\/* ALL CHILD BLOCKS \u2013 REMOVE WP GAPS *\/\n\nbody.page-id-27644\n.sophos-sbd-page > * {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n\n\/* WORDPRESS WRAPPERS MUST NOT CLIP *\/\n\nbody.page-id-27644 .site-main,\nbody.page-id-27644 .site-main__content,\nbody.page-id-27644 .entry-content,\nbody.page-id-27644 .wp-block-post-content,\nbody.page-id-27644 main,\nbody.page-id-27644 article {\n  overflow: visible !important;\n}\n\n\nbody.page-id-27644 .wp-block-html {\n  max-width: none !important;\n}\n\n\n\/* =========================================================\n   HERO ROOT\n   ========================================================= *\/\n\n.sophos-sbd-hero,\n.sophos-sbd-hero * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-hero {\n  --sbd-blue:\n    #0b2372;\n\n  --sbd-electric:\n    #316bff;\n\n  --sbd-navy:\n    #071625;\n\n  --sbd-dark:\n    #040d15;\n\n  --ig-coral:\n    #ed5740;\n\n  position: relative;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  min-height:\n    min(940px,100vh);\n\n  margin-left:\n    calc(50% - 50vw) !important;\n\n  margin-right:\n    calc(50% - 50vw) !important;\n\n  \/*\n     Hintergrund unter Navigation ziehen\n  *\/\n\n  margin-top:\n    -220px !important;\n\n  \/*\n     Content wieder unter Navigation setzen\n  *\/\n\n  padding:\n    245px\n    28px\n    78px;\n\n  overflow: hidden;\n\n  color: #fff;\n\n  font-family:\n    \"Outfit\", serif;\n\n  background:\n    var(--sbd-dark);\n}\n\n\n\/* =========================================================\n   HERO IMAGE\n   ========================================================= *\/\n\n.sophos-sbd-hero__media {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 0;\n\n  background:\n  url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/11\/Secure-by-Design-hero_2.webp\")\n  68% center \/ cover\n  no-repeat;\n\n  transform:\n    scale(1.015);\n}\n\n\n\/* =========================================================\n   OVERLAYS\n   ========================================================= *\/\n\n.sophos-sbd-hero__shade {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n\n  pointer-events: none;\n\n  background:\n\n    linear-gradient(\n      90deg,\n      rgba(3,12,22,.96) 0%,\n      rgba(4,16,30,.90) 29%,\n      rgba(5,20,38,.68) 50%,\n      rgba(5,18,34,.20) 73%,\n      rgba(4,12,22,.16) 100%\n    ),\n\n    linear-gradient(\n      180deg,\n      rgba(1,8,15,.38) 0%,\n      rgba(2,9,17,.06) 35%,\n      rgba(2,10,18,.10) 68%,\n      rgba(2,8,14,.76) 100%\n    );\n}\n\n\n\/* blue glow *\/\n\n.sophos-sbd-hero__glow {\n  position: absolute;\n\n  z-index: 1;\n\n  top: 18%;\n  left: 30%;\n\n  width: 520px;\n  height: 520px;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n\n  background:\n    rgba(36,87,255,.13);\n\n  filter:\n    blur(130px);\n}\n\n\n\/* =========================================================\n   DECORATIVE LINES\n   ========================================================= *\/\n\n.sophos-sbd-hero__lines {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 2;\n\n  pointer-events: none;\n}\n\n\n.sophos-sbd-hero__lines span {\n  position: absolute;\n\n  display: block;\n\n  height: 1px;\n\n  opacity: .30;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(65,132,255,.55),\n      transparent\n    );\n}\n\n\n.sophos-sbd-hero__lines span:nth-child(1) {\n  top: 27%;\n  left: -8%;\n\n  width: 48%;\n\n  transform:\n    rotate(-8deg);\n}\n\n\n.sophos-sbd-hero__lines span:nth-child(2) {\n  top: 61%;\n  left: 29%;\n\n  width: 42%;\n\n  opacity: .20;\n\n  transform:\n    rotate(10deg);\n}\n\n\n.sophos-sbd-hero__lines span:nth-child(3) {\n  right: -7%;\n  bottom: 17%;\n\n  width: 38%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(237,87,64,.52),\n      transparent\n    );\n\n  transform:\n    rotate(-9deg);\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-hero__inner {\n  position: relative;\n\n  z-index: 4;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,760px)\n    minmax(250px,1fr);\n\n  gap:\n    clamp(60px,8vw,145px);\n\n  align-items:\n    center;\n\n  width:\n    min(1380px,100%);\n\n  min-height:\n    610px;\n\n  margin-inline:\n    auto;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.sophos-sbd-hero__content {\n  max-width:\n    780px;\n}\n\n\n\/* =========================================================\n   HEADLINE\n   ========================================================= *\/\n\n.sophos-sbd-hero h1 {\n  max-width:\n    850px;\n\n  margin: 0;\n\n  color:\n    #fff;\n\n  font-size:\n    clamp(64px,6.7vw,102px);\n\n  line-height:\n    .94;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.048em;\n\n  text-wrap:\n    balance;\n\n  text-shadow:\n    0 16px 45px\n    rgba(0,0,0,.28);\n}\n\n\n.sophos-sbd-hero h1 strong {\n  display:\n    block;\n\n  margin-top:\n    8px;\n\n  color:\n    #fff;\n\n  font-weight:\n    500;\n}\n\n\n\/* =========================================================\n   LEAD\n   ========================================================= *\/\n\n.sophos-sbd-hero__lead {\n  max-width:\n    690px;\n\n  margin:\n    34px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.93);\n\n  font-size:\n    clamp(25px,2vw,31px);\n\n  line-height:\n    1.3;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.02em;\n}\n\n\n\/* =========================================================\n   BODY COPY\n   ========================================================= *\/\n\n.sophos-sbd-hero__copy {\n  max-width:\n    680px;\n\n  margin:\n    19px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.66);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   ACTIONS\n   ========================================================= *\/\n\n.sophos-sbd-hero__actions {\n  display:\n    flex;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    13px;\n\n  margin-top:\n    34px;\n}\n\n\n\/* BUTTON BASE *\/\n\n.sophos-sbd-button {\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    .5em;\n\n  padding:\n    .8em\n    1.5em;\n\n  border:\n    1px solid\n    var(--ig-coral);\n\n  border-radius:\n    6px;\n\n  font-size:\n    18px;\n\n  line-height:\n    28px;\n\n  font-weight:\n    500;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    color .3s ease,\n    background-color .3s ease,\n    border-color .3s ease,\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n\/* PRIMARY *\/\n\n.sophos-sbd-button--primary {\n  background:\n    var(--ig-coral);\n\n  color:\n    #fff !important;\n\n  box-shadow:\n    0 15px 35px\n    rgba(237,87,64,.20);\n}\n\n\n.sophos-sbd-button--primary:hover,\n.sophos-sbd-button--primary:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #fff;\n\n  border-color:\n    #fff;\n\n  color:\n    var(--ig-coral) !important;\n}\n\n\n\/* SECONDARY *\/\n\n.sophos-sbd-button--secondary {\n  border-color:\n    rgba(255,255,255,.24);\n\n  background:\n    rgba(255,255,255,.04);\n\n  color:\n    #fff !important;\n\n  backdrop-filter:\n    blur(8px);\n}\n\n\n.sophos-sbd-button--secondary:hover,\n.sophos-sbd-button--secondary:focus-visible {\n  transform:\n    translateY(-2px);\n\n  border-color:\n    rgba(255,255,255,.54);\n\n  background:\n    rgba(255,255,255,.10);\n\n  color:\n    #fff !important;\n}\n\/* V23 CTA *\/\n\n.sophos-sbd-button--v23 {\n  border-color:\n    rgba(117,162,255,.70);\n\n  background:\n    rgba(49,107,255,.18);\n\n  color:\n    #ffffff !important;\n\n  backdrop-filter:\n    blur(8px);\n\n  box-shadow:\n    inset 0 0 0 1px\n    rgba(255,255,255,.03);\n}\n\n\n.sophos-sbd-button--v23:hover,\n.sophos-sbd-button--v23:focus-visible {\n  transform:\n    translateY(-2px);\n\n  border-color:\n    #75a2ff;\n\n  background:\n    #316bff;\n\n  color:\n    #ffffff !important;\n}\n\n\n.sophos-sbd-button--v23:hover i {\n  transform:\n    translate(3px,-3px);\n}\n\n\/* ICON *\/\n\n.sophos-sbd-button i {\n  font-style:\n    normal;\n\n  font-size:\n    19px;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.sophos-sbd-button:hover i {\n  transform:\n    translateX(4px);\n}\n\n\n.sophos-sbd-button--secondary:hover i {\n  transform:\n    translateY(3px);\n}\n\n\n.sophos-sbd-button:focus-visible {\n  outline:\n    3px solid\n    rgba(255,255,255,.28);\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   SIGNALS\n   ========================================================= *\/\n\n.sophos-sbd-hero__signals {\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  max-width:\n    730px;\n\n  margin-top:\n    50px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.12);\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.12);\n}\n\n\n.sophos-sbd-hero__signals > div {\n  position:\n    relative;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    6px;\n\n  min-height:\n    80px;\n\n  justify-content:\n    center;\n\n  padding:\n    15px\n    17px\n    15px\n    0;\n}\n\n\n.sophos-sbd-hero__signals > div:not(:last-child)::after {\n  content: \"\";\n\n  position:\n    absolute;\n\n  top:\n    24%;\n\n  right:\n    13px;\n\n  width:\n    1px;\n\n  height:\n    52%;\n\n  background:\n    rgba(255,255,255,.11);\n}\n\n\n.sophos-sbd-hero__signals span {\n  color:\n    #5685ff;\n\n  font-size:\n    11px;\n\n  line-height:\n    1;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n}\n\n\n.sophos-sbd-hero__signals strong {\n  color:\n    rgba(255,255,255,.79);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   RIGHT CONTEXT\n   ========================================================= *\/\n\n.sophos-sbd-hero__context {\n  position:\n    relative;\n\n  align-self:\n    end;\n\n  justify-self:\n    end;\n\n  width:\n    min(340px,100%);\n\n  margin-bottom:\n    28px;\n\n  padding:\n    24px\n    0\n    3px\n    26px;\n\n  color:\n    #fff;\n\n  border-left:\n    1px solid\n    rgba(255,255,255,.19);\n\n  text-shadow:\n    0 6px 22px\n    rgba(0,0,0,.35);\n}\n\n\n.sophos-sbd-hero__context-line {\n  position:\n    absolute;\n\n  top: 0;\n  left: -1px;\n\n  width:\n    3px;\n\n  height:\n    68px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #316bff,\n      rgba(49,107,255,0)\n    );\n}\n\n\n.sophos-sbd-hero__context > span {\n  display:\n    block;\n\n  margin-bottom:\n    14px;\n\n  color:\n    rgba(255,255,255,.50);\n\n  font-size:\n    12px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .13em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-hero__context strong {\n  display:\n    block;\n\n  color:\n    #fff;\n\n  font-size:\n    clamp(24px,2vw,32px);\n\n  line-height:\n    1.24;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.02em;\n}\n\n\n.sophos-sbd-hero__context small {\n  display:\n    block;\n\n  margin-top:\n    18px;\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size:\n    13px;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   BOTTOM SIGNAL\n   ========================================================= *\/\n\n.sophos-sbd-hero__bottom {\n  position:\n    relative;\n\n  z-index:\n    5;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    13px;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    18px\n    auto\n    0;\n\n  color:\n    rgba(255,255,255,.36);\n\n  font-size:\n    11px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    .08em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-hero__bottom i {\n  width:\n    4px;\n\n  height:\n    4px;\n\n  border-radius:\n    50%;\n\n  background:\n    var(--ig-coral);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .sophos-sbd-hero {\n    min-height:\n      auto;\n\n    margin-top:\n      -190px !important;\n\n    padding-top:\n      220px;\n  }\n\n\n  .sophos-sbd-hero__inner {\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(220px,.45fr);\n\n    gap:\n      45px;\n  }\n\n\n  .sophos-sbd-hero h1 {\n    font-size:\n      clamp(58px,7vw,80px);\n  }\n\n}\n\n\n\/* =========================================================\n   STACK\n   ========================================================= *\/\n\n@media (max-width: 820px) {\n\n  .sophos-sbd-hero {\n    margin-top:\n      -150px !important;\n\n    padding:\n      180px\n      20px\n      60px;\n  }\n\n\n  .sophos-sbd-hero__media {\n    background-position:\n      70% center;\n\n    transform:\n      none;\n  }\n\n\n  .sophos-sbd-hero__shade {\n    background:\n\n      linear-gradient(\n        180deg,\n        rgba(3,12,22,.46) 0%,\n        rgba(4,14,27,.62) 35%,\n        rgba(3,11,21,.96) 72%,\n        #030b13 100%\n      ),\n\n      linear-gradient(\n        90deg,\n        rgba(3,12,22,.85) 0%,\n        rgba(3,12,22,.28) 100%\n      );\n  }\n\n\n  .sophos-sbd-hero__inner {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      45px;\n\n    min-height:\n      auto;\n  }\n\n\n  .sophos-sbd-hero__content {\n    max-width:\n      720px;\n  }\n\n\n  .sophos-sbd-hero__context {\n    justify-self:\n      start;\n\n    width:\n      min(430px,100%);\n\n    margin:\n      0;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 580px) {\n\n  .sophos-sbd-hero {\n    margin-top:\n      -135px !important;\n\n    padding:\n      160px\n      18px\n      50px;\n  }\n\n\n  .sophos-sbd-hero h1 {\n    font-size:\n      clamp(49px,14.5vw,65px);\n\n    line-height:\n      .96;\n  }\n\n\n  .sophos-sbd-hero__lead {\n    margin-top:\n      26px;\n\n    font-size:\n      22px;\n  }\n\n\n  .sophos-sbd-hero__copy {\n    font-size:\n      18px;\n\n    line-height:\n      1.5;\n  }\n\n\n  .sophos-sbd-hero__actions {\n    flex-direction:\n      column;\n  }\n\n\n  .sophos-sbd-button {\n    width:\n      100%;\n  }\n\n\n  .sophos-sbd-hero__signals {\n    grid-template-columns:\n      1fr;\n\n    margin-top:\n      38px;\n  }\n\n\n  .sophos-sbd-hero__signals > div {\n    min-height:\n      auto;\n\n    padding:\n      14px\n      0;\n  }\n\n\n  .sophos-sbd-hero__signals > div:not(:last-child)::after {\n    top:\n      auto;\n\n    right:\n      0;\n\n    bottom:\n      0;\n\n    left:\n      0;\n\n    width:\n      auto;\n\n    height:\n      1px;\n  }\n\n\n  .sophos-sbd-hero__bottom {\n    flex-wrap:\n      wrap;\n\n    line-height:\n      1.5;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-button,\n  .sophos-sbd-button i {\n    transition:\n      none !important;\n  }\n\n}\n\n\n\/* =========================================================\n   FINAL FULLWIDTH FIX\n   ========================================================= *\/\n\nbody.page-id-27644\n#sophos-sbd-start {\n  position:\n    relative !important;\n\n  width:\n    100vw !important;\n\n  max-width:\n    100vw !important;\n\n  margin-left:\n    calc(50% - 50vw) !important;\n\n  margin-right:\n    calc(50% - 50vw) !important;\n}\n\/* =========================================================\n   PAGE 27644 \u2013 HERO DIREKT UNTER DAS MEN\u00dc ZIEHEN\n   ========================================================= *\/\n\nbody.page-id-27644 .site-main,\nbody.page-id-27644 .site-main__content,\nbody.page-id-27644 .entry-content,\nbody.page-id-27644 .wp-block-post-content {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n\nbody.page-id-27644 .post-27644 {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\nbody.page-id-27644 .sophos-sbd-page {\n  margin-top: 0 !important;\n}\n\nbody.page-id-27644 #sophos-sbd-start {\n  margin-top: -220px !important;\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     SOPHOS FIREWALL OS v23 \u2013 CH\n     PAGE ID 27644\n     VISUAL IDEA: FROM SIGNAL TO ACTION\n     ========================================================= -->\n\n<section\n  class=\"sophos-v23x\"\n  id=\"sophos-v23\"\n  aria-labelledby=\"sophos-v23x-title\"\n>\n\n  <div class=\"sophos-v23x__inner\">\n\n\n    <!-- =====================================================\n         INTRO\n         ===================================================== -->\n\n    <header class=\"sophos-v23x__intro\">\n\n      <div class=\"sophos-v23x__intro-main\">\n\n        <span class=\"sophos-v23x__status\">\n          Neu \u00b7 Sophos Firewall OS v23\n        <\/span>\n\n        <h2 id=\"sophos-v23x-title\">\n          Bereit f\u00fcr\n          <strong>die KI-\u00c4ra?<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"sophos-v23x__intro-copy\">\n\n        <p class=\"sophos-v23x__lead\">\n          Mehr Kontrolle \u00fcber KI-Anwendungen, einfachere Administration\n          und h\u00f6here Ausfallsicherheit:\n          <strong>Sophos Firewall OS v23<\/strong>\n          bringt neue Funktionen f\u00fcr die Netzwerksicherheit von morgen.\n        <\/p>\n\n        <p>\n          Entdecke, wie du mit der neuen Version bestehende Kundenumgebungen\n          modernisieren und neue Firewall-Projekte anstossen kannst.\n        <\/p>\n\n      <\/div>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         SIGNAL PATH\n         ===================================================== -->\n\n    <section\n      class=\"sophos-v23x__signals\"\n      aria-label=\"Die drei Schwerpunkte von Sophos Firewall OS v23\"\n    >\n\n      <div\n        class=\"sophos-v23x__signal-line\"\n        aria-hidden=\"true\"\n      >\n        <span class=\"sophos-v23x__signal-progress\"><\/span>\n      <\/div>\n\n\n      <article class=\"sophos-v23x__signal sophos-v23x__reveal\">\n\n        <span class=\"sophos-v23x__signal-number\">\n          01\n        <\/span>\n\n        <div>\n\n          <h3>\n            KI-Sicherheit\n          <\/h3>\n\n          <p>\n            KI-Anwendungen erkennen und ihre Nutzung\n            gezielt kontrollieren.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"sophos-v23x__signal sophos-v23x__reveal\">\n\n        <span class=\"sophos-v23x__signal-number\">\n          02\n        <\/span>\n\n        <div>\n\n          <h3>\n            Smarte Administration\n          <\/h3>\n\n          <p>\n            Neuer KI-Assistent, REST API und\n            vereinfachtes Regelmanagement.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article class=\"sophos-v23x__signal sophos-v23x__reveal\">\n\n        <span class=\"sophos-v23x__signal-number\">\n          03\n        <\/span>\n\n        <div>\n\n          <h3>\n            Mehr Resilienz\n          <\/h3>\n\n          <p>\n            Verbesserte Hochverf\u00fcgbarkeit, DNS-Sicherheit\n            und transparentere Security-Updates.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         WEBINAR HERO\n         ===================================================== -->\n\n    <section\n      class=\"sophos-v23x__webinar sophos-v23x__reveal\"\n      aria-labelledby=\"sophos-v23x-webinar-title\"\n    >\n\n      <div\n        class=\"sophos-v23x__webinar-bg\"\n        aria-hidden=\"true\"\n      ><\/div>\n\n      <div\n        class=\"sophos-v23x__webinar-overlay\"\n        aria-hidden=\"true\"\n      ><\/div>\n\n\n      <div class=\"sophos-v23x__webinar-inner\">\n\n\n        <div class=\"sophos-v23x__date\">\n\n          <strong>\n            24\n          <\/strong>\n\n          <span>\n            November<br>\n            2026\n          <\/span>\n\n          <small>\n            10.00 Uhr\n          <\/small>\n\n        <\/div>\n\n\n        <div class=\"sophos-v23x__webinar-copy\">\n\n          <span class=\"sophos-v23x__webinar-label\">\n            Webinar\n          <\/span>\n\n          <h3 id=\"sophos-v23x-webinar-title\">\n            Noch mehr \u00fcber\n            <strong>v23 erfahren?<\/strong>\n          <\/h3>\n\n          <p>\n            Entdecke die wichtigsten Neuerungen von Sophos Firewall OS v23\n            und erfahre, welche M\u00f6glichkeiten sich daraus f\u00fcr deine Kunden\n            und neue Projekte ergeben.\n          <\/p>\n\n          <a\n            class=\"sophos-v23x__button sophos-v23x__button--primary\"\n            href=\"https:\/\/attendee.gotowebinar.com\/rt\/2221733027435826264?source=CH\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <span>\n              Jetzt zum Webinar anmelden\n            <\/span>\n\n            <i aria-hidden=\"true\">\n              \u2197\n            <\/i>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         VIDEO STAGE\n         ===================================================== -->\n\n    <section\n      class=\"sophos-v23x__videos\"\n      aria-labelledby=\"sophos-v23x-video-title\"\n    >\n\n      <div class=\"sophos-v23x__section-head sophos-v23x__reveal\">\n\n        <h3 id=\"sophos-v23x-video-title\">\n          v23 in Aktion\n        <\/h3>\n\n      <\/div>\n\n\n      <div class=\"sophos-v23x__video-stage sophos-v23x__reveal\">\n\n\n        <!-- LEFT \u00b7 4:5 VIDEO -->\n\n        <article\n          class=\"sophos-v23x__stage-video sophos-v23x__stage-video--portrait\"\n        >\n\n          <div\n            class=\"sophos-v23x__video-frame sophos-v23x__video-frame--portrait\"\n          >\n\n            <iframe\n              src=\"https:\/\/player.vimeo.com\/video\/1244397757?title=0&amp;byline=0&amp;portrait=0\"\n              title=\"Sophos Firewall OS v23 \u2013 Shortclip 1\"\n              loading=\"lazy\"\n              allow=\"autoplay; fullscreen; picture-in-picture\"\n              allowfullscreen\n            ><\/iframe>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- RIGHT \u00b7 16:9 VIDEO -->\n\n        <article\n          class=\"sophos-v23x__stage-video sophos-v23x__stage-video--wide\"\n        >\n\n          <div\n            class=\"sophos-v23x__video-frame sophos-v23x__video-frame--wide\"\n          >\n\n            <iframe\n              src=\"https:\/\/player.vimeo.com\/video\/1244397756?title=0&amp;byline=0&amp;portrait=0\"\n              title=\"Sophos Firewall OS v23 \u2013 Shortclip 2\"\n              loading=\"lazy\"\n              allow=\"autoplay; fullscreen; picture-in-picture\"\n              allowfullscreen\n            ><\/iframe>\n\n          <\/div>\n\n          <h4>\n            Sophos Firewall OS v23\n          <\/h4>\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         PDF CTA\n         ===================================================== -->\n\n    <section class=\"sophos-v23x__pdf sophos-v23x__reveal\">\n\n      <div class=\"sophos-v23x__pdf-copy\">\n\n        <span>\n          Alle Neuerungen im \u00dcberblick\n        <\/span>\n\n        <h3>\n          Die technischen Details\n          <strong>auf einen Blick.<\/strong>\n        <\/h3>\n\n        <p>\n          Du m\u00f6chtest die technischen Details kennenlernen?\n          Lade dir die \u00dcbersicht mit allen neuen Funktionen\n          von Sophos Firewall OS v23 herunter.\n        <\/p>\n\n      <\/div>\n\n\n      <button\n        class=\"sophos-v23x__button sophos-v23x__button--secondary\"\n        type=\"button\"\n        data-sbd-download-trigger=\"Sophos Firewall OS v23 \u2013 Key New Features\"\n      >\n        <span>\n          Feature-\u00dcbersicht herunterladen\n        <\/span>\n\n        <i aria-hidden=\"true\">\n          \u2192\n        <\/i>\n      <\/button>\n\n    <\/section>\n\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   WORDPRESS WRAPPER\n   ========================================================= *\/\n\n.wp-block-html:has(> .sophos-v23x) {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  margin-block-start: 0 !important;\n\n  padding: 0 !important;\n}\n\n\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.sophos-v23x,\n.sophos-v23x * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   ROOT\n   ========================================================= *\/\n\n.sophos-v23x {\n  position: relative;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(90px,8vw,130px)\n    28px\n    clamp(90px,8vw,125px);\n\n  overflow: hidden;\n\n  font-family:\n    \"Outfit\", sans-serif;\n\n  color:\n    #ffffff;\n\n  background:\n    radial-gradient(\n      circle at 88% 10%,\n      rgba(49,107,255,.30),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 5% 85%,\n      rgba(237,87,64,.11),\n      transparent 34%\n    ),\n    linear-gradient(\n      150deg,\n      #06182c 0%,\n      #0b2c4d 48%,\n      #153447 100%\n    );\n}\n\n\n.sophos-v23x::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 17%;\n  left: -12%;\n\n  width: 430px;\n  height: 430px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(49,107,255,.10);\n\n  filter:\n    blur(100px);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-v23x__inner {\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.sophos-v23x__intro {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(390px,.78fr);\n\n  gap:\n    clamp(55px,8vw,130px);\n\n  align-items:\n    end;\n}\n\n\n.sophos-v23x__status {\n  display: inline-flex;\n\n  margin-bottom:\n    20px;\n\n  padding:\n    8px 12px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.22);\n\n  border-radius:\n    8px;\n\n  color:\n    #ffffff;\n\n  background:\n    rgba(255,255,255,.08);\n\n  font-size:\n    14px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-v23x h2 {\n  max-width:\n    780px;\n\n  margin:\n    0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(52px,5.5vw,80px);\n\n  line-height:\n    .98;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.045em;\n}\n\n\n.sophos-v23x h2 strong {\n  display: block;\n\n  margin-top:\n    7px;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-v23x__intro-copy {\n  max-width:\n    610px;\n}\n\n\n.sophos-v23x__lead {\n  margin: 0;\n\n  color:\n    rgba(255,255,255,.94);\n\n  font-size:\n    22px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n.sophos-v23x__lead strong {\n  color:\n    #ffffff;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-v23x__intro-copy > p:not(.sophos-v23x__lead) {\n  margin:\n    20px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.68);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   SIGNAL PATH\n   ========================================================= *\/\n\n.sophos-v23x__signals {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:\n    clamp(35px,5vw,75px);\n\n  margin-top:\n    clamp(80px,8vw,115px);\n\n  padding-top:\n    52px;\n}\n\n\n.sophos-v23x__signal-line {\n  position: absolute;\n\n  top: 8px;\n  left: 0;\n\n  width: 100%;\n  height: 1px;\n\n  overflow: visible;\n\n  background:\n    rgba(255,255,255,.16);\n}\n\n\n.sophos-v23x__signal-progress {\n  display: block;\n\n  width: 0;\n  height: 2px;\n\n  margin-top:\n    -1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #316bff 0%,\n      #76a1ff 60%,\n      #ed5740 100%\n    );\n\n  box-shadow:\n    0 0 22px\n    rgba(49,107,255,.55);\n\n  transition:\n    width 1.4s\n    cubic-bezier(.22,1,.36,1);\n}\n\n\n.sophos-v23x__signals.is-visible\n.sophos-v23x__signal-progress {\n  width: 100%;\n}\n\n\n.sophos-v23x__signal {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    68px\n    minmax(0,1fr);\n\n  gap:\n    22px;\n\n  align-items:\n    start;\n}\n\n\n.sophos-v23x__signal::before {\n  content: \"\";\n\n  position: absolute;\n\n  top:\n    -49px;\n\n  left:\n    23px;\n\n  width:\n    12px;\n\n  height:\n    12px;\n\n  border:\n    2px solid\n    rgba(255,255,255,.72);\n\n  border-radius:\n    50%;\n\n  background:\n    #0b2c4d;\n\n  box-shadow:\n    0 0 0 7px\n    rgba(49,107,255,.08);\n}\n\n\n.sophos-v23x__signal-number {\n  color:\n    rgba(255,255,255,.24);\n\n  font-size:\n    42px;\n\n  line-height:\n    1;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.05em;\n}\n\n\n.sophos-v23x__signal h3 {\n  margin: 0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(25px,2.1vw,31px);\n\n  line-height:\n    1.15;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    -.025em;\n}\n\n\n.sophos-v23x__signal p {\n  max-width:\n    330px;\n\n  margin:\n    13px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.63);\n\n  font-size:\n    19px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   WEBINAR HERO\n   ========================================================= *\/\n\n.sophos-v23x__webinar {\n  position: relative;\n\n  min-height:\n    520px;\n\n  margin-top:\n    clamp(105px,10vw,150px);\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.13);\n\n  border-radius:\n    26px;\n\n  box-shadow:\n    0 35px 80px\n    rgba(0,0,0,.22);\n}\n\n\n.sophos-v23x__webinar-bg {\n  position: absolute;\n\n  inset:\n    -3%;\n\n  background-image:\n    url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/11\/sophos_migration_1.jpg\");\n\n  background-size:\n    cover;\n\n  background-position:\n    center 48%;\n\n  transform:\n    scale(1.035);\n\n  transition:\n    transform 1.4s\n    cubic-bezier(.22,1,.36,1);\n}\n\n\n.sophos-v23x__webinar.is-visible\n.sophos-v23x__webinar-bg {\n  transform:\n    scale(1);\n}\n\n\n.sophos-v23x__webinar-overlay {\n  position: absolute;\n\n  inset:\n    0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(3,17,31,.94) 0%,\n      rgba(6,24,44,.90) 38%,\n      rgba(6,24,44,.66) 66%,\n      rgba(6,24,44,.42) 100%\n    );\n}\n\n\n.sophos-v23x__webinar-inner {\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    210px\n    minmax(0,650px);\n\n  gap:\n    clamp(45px,6vw,90px);\n\n  align-items:\n    center;\n\n  min-height:\n    520px;\n\n  padding:\n    clamp(45px,6vw,82px);\n}\n\n\n.sophos-v23x__date {\n  display: flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    center;\n\n  min-height:\n    245px;\n\n  padding:\n    26px;\n\n  border-radius:\n    20px;\n\n  color:\n    #ffffff;\n\n  background:\n    rgba(237,87,64,.96);\n\n  box-shadow:\n    0 25px 55px\n    rgba(0,0,0,.22);\n}\n\n\n.sophos-v23x__date strong {\n  font-size:\n    clamp(72px,7vw,104px);\n\n  line-height:\n    .82;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    -.065em;\n}\n\n\n.sophos-v23x__date span {\n  margin-top:\n    19px;\n\n  font-size:\n    22px;\n\n  line-height:\n    1.08;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-v23x__date small {\n  margin-top:\n    19px;\n\n  padding-top:\n    16px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.30);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    400;\n}\n\n\n.sophos-v23x__webinar-label {\n  display: block;\n\n  margin-bottom:\n    14px;\n\n  color:\n    #ed5740;\n\n  font-size:\n    18px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-v23x__webinar-copy h3 {\n  margin: 0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(42px,4.5vw,64px);\n\n  line-height:\n    1;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.04em;\n}\n\n\n.sophos-v23x__webinar-copy h3 strong {\n  display: block;\n\n  margin-top:\n    5px;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-v23x__webinar-copy p {\n  max-width:\n    650px;\n\n  margin:\n    24px\n    0\n    30px;\n\n  color:\n    rgba(255,255,255,.76);\n\n  font-size:\n    21px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   VIDEO STAGE\n   ========================================================= *\/\n\n.sophos-v23x__videos {\n  margin-top:\n    clamp(105px,10vw,150px);\n}\n\n\n.sophos-v23x__section-head {\n  padding-bottom:\n    30px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.15);\n}\n\n\n.sophos-v23x__section-head h3 {\n  margin: 0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(40px,4vw,58px);\n\n  line-height:\n    1.04;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    -.035em;\n}\n\n\n.sophos-v23x__video-stage {\n  display: grid;\n\n  grid-template-columns:\n    minmax(300px,.78fr)\n    minmax(0,1.45fr);\n\n  gap:\n    clamp(28px,4vw,56px);\n\n  align-items:\n    center;\n\n  margin-top:\n    38px;\n\n  padding:\n    clamp(38px,5vw,70px);\n\n  border:\n    1px solid\n    rgba(255,255,255,.14);\n\n  border-radius:\n    28px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.075),\n      rgba(255,255,255,.025)\n    );\n\n  box-shadow:\n    0 30px 70px\n    rgba(0,0,0,.16);\n}\n\n\n\/* VIDEO ITEMS *\/\n\n.sophos-v23x__stage-video {\n  min-width:\n    0;\n}\n\n\n.sophos-v23x__stage-video--portrait {\n  width:\n    100%;\n\n  max-width:\n    500px;\n\n  justify-self:\n    start;\n}\n\n\n.sophos-v23x__stage-video--wide {\n  width:\n    100%;\n\n  transform:\n    translateY(18px);\n}\n\n\n.sophos-v23x__video-frame {\n  position: relative;\n\n  width:\n    100%;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.13);\n\n  border-radius:\n    20px;\n\n  background:\n    #061421;\n\n  box-shadow:\n    0 24px 55px\n    rgba(0,0,0,.22);\n}\n\n\n.sophos-v23x__video-frame--portrait {\n  aspect-ratio:\n    4 \/ 5;\n}\n\n\n.sophos-v23x__video-frame--wide {\n  aspect-ratio:\n    16 \/ 9;\n}\n\n\n.sophos-v23x__video-frame iframe {\n  position: absolute;\n\n  inset:\n    0;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  border:\n    0;\n}\n\n\n\/* HEADLINE ONLY BELOW 16:9 VIDEO *\/\n\n.sophos-v23x__stage-video h4 {\n  margin:\n    18px\n    0\n    0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(21px,1.8vw,27px);\n\n  line-height:\n    1.25;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    -.02em;\n}\n\n\n\/* =========================================================\n   PDF CTA\n   ========================================================= *\/\n\n.sophos-v23x__pdf {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    auto;\n\n  gap:\n    55px;\n\n  align-items:\n    end;\n\n  margin-top:\n    clamp(70px,8vw,105px);\n\n  padding:\n    clamp(34px,5vw,54px);\n\n  border-radius:\n    22px;\n\n  background:\n    rgba(255,255,255,.96);\n\n  box-shadow:\n    0 28px 65px\n    rgba(0,0,0,.13);\n}\n\n\n.sophos-v23x__pdf-copy {\n  max-width:\n    760px;\n}\n\n\n.sophos-v23x__pdf-copy > span {\n  display: block;\n\n  margin-bottom:\n    13px;\n\n  color:\n    #ed5740;\n\n  font-size:\n    15px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-v23x__pdf h3 {\n  margin: 0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(31px,3vw,43px);\n\n  line-height:\n    1.08;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.03em;\n}\n\n\n.sophos-v23x__pdf h3 strong {\n  display: block;\n\n  margin-top:\n    4px;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-v23x__pdf p {\n  margin:\n    18px\n    0\n    0;\n\n  color:\n    rgba(21,52,71,.64);\n\n  font-size:\n    19px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.sophos-v23x__button {\n  display: inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    16px;\n\n  width:\n    fit-content;\n\n  padding:\n    .82em\n    1.5em;\n\n  border:\n    1px solid\n    #ed5740;\n\n  border-radius:\n    8px;\n\n  appearance:\n    none;\n\n  cursor:\n    pointer;\n\n  font-family:\n    \"Outfit\", sans-serif !important;\n\n  font-size:\n    18px !important;\n\n  line-height:\n    28px !important;\n\n  font-weight:\n    500 !important;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    transform .25s ease,\n    background-color .25s ease,\n    border-color .25s ease,\n    color .25s ease;\n}\n\n\n.sophos-v23x__button--primary {\n  color:\n    #ffffff !important;\n\n  background:\n    #ed5740;\n}\n\n\n.sophos-v23x__button--primary:hover,\n.sophos-v23x__button--primary:focus-visible {\n  transform:\n    translateY(-2px);\n\n  color:\n    #ed5740 !important;\n\n  border-color:\n    #ffffff;\n\n  background:\n    #ffffff;\n}\n\n\n.sophos-v23x__button--secondary {\n  color:\n    #ed5740 !important;\n\n  background:\n    #ffffff;\n}\n\n\n.sophos-v23x__button--secondary:hover,\n.sophos-v23x__button--secondary:focus-visible {\n  transform:\n    translateY(-2px);\n\n  color:\n    #ffffff !important;\n\n  background:\n    #ed5740;\n}\n\n\n.sophos-v23x__button i {\n  font-style:\n    normal;\n\n  transition:\n    transform .25s ease;\n}\n\n\n.sophos-v23x__button:hover i {\n  transform:\n    translate(3px,-2px);\n}\n\n\n.sophos-v23x__button:focus-visible {\n  outline:\n    3px solid\n    rgba(237,87,64,.24);\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   REVEALS\n   ========================================================= *\/\n\n.sophos-v23x__reveal {\n  opacity:\n    0;\n\n  transform:\n    translateY(22px);\n\n  transition:\n    opacity .75s ease,\n    transform .75s\n    cubic-bezier(.22,1,.36,1);\n}\n\n\n.sophos-v23x__reveal.is-visible {\n  opacity:\n    1;\n\n  transform:\n    translateY(0);\n}\n\n\n.sophos-v23x__signal:nth-of-type(2) {\n  transition-delay:\n    .08s;\n}\n\n\n.sophos-v23x__signal:nth-of-type(3) {\n  transition-delay:\n    .16s;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 980px) {\n\n  .sophos-v23x__intro {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      30px;\n  }\n\n\n  .sophos-v23x__signals {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      42px;\n\n    padding-top:\n      0;\n  }\n\n\n  .sophos-v23x__signal-line {\n    top:\n      0;\n\n    left:\n      23px;\n\n    width:\n      1px;\n\n    height:\n      100%;\n\n    background:\n      rgba(255,255,255,.16);\n  }\n\n\n  .sophos-v23x__signal-progress {\n    width:\n      2px;\n\n    height:\n      0;\n\n    margin:\n      0\n      0\n      0\n      -1px;\n\n    transition:\n      height 1.4s\n      cubic-bezier(.22,1,.36,1);\n  }\n\n\n  .sophos-v23x__signals.is-visible\n  .sophos-v23x__signal-progress {\n    width:\n      2px;\n\n    height:\n      100%;\n  }\n\n\n  .sophos-v23x__signal::before {\n    top:\n      8px;\n\n    left:\n      17px;\n  }\n\n\n  .sophos-v23x__signal {\n    padding-left:\n      55px;\n  }\n\n\n  .sophos-v23x__webinar-inner {\n    grid-template-columns:\n      180px\n      minmax(0,1fr);\n\n    gap:\n      40px;\n  }\n\n\n  .sophos-v23x__video-stage {\n    grid-template-columns:\n      minmax(220px,.65fr)\n      minmax(0,1.35fr);\n\n    gap:\n      30px;\n\n    padding:\n      35px;\n  }\n\n\n  .sophos-v23x__pdf {\n    grid-template-columns:\n      1fr;\n\n    align-items:\n      start;\n\n    gap:\n      30px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .sophos-v23x {\n    padding:\n      70px\n      18px;\n  }\n\n\n  .sophos-v23x h2 {\n    font-size:\n      clamp(44px,12vw,60px);\n  }\n\n\n  .sophos-v23x__lead,\n  .sophos-v23x__intro-copy > p:not(.sophos-v23x__lead) {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-v23x__signal {\n    grid-template-columns:\n      50px\n      minmax(0,1fr);\n\n    gap:\n      15px;\n\n    padding-left:\n      42px;\n  }\n\n\n  .sophos-v23x__signal-number {\n    font-size:\n      34px;\n  }\n\n\n  .sophos-v23x__signal p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-v23x__webinar {\n    min-height:\n      auto;\n\n    border-radius:\n      20px;\n  }\n\n\n  .sophos-v23x__webinar-bg {\n    background-position:\n      62% center;\n  }\n\n\n  .sophos-v23x__webinar-overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(3,17,31,.86) 0%,\n        rgba(3,17,31,.96) 100%\n      );\n  }\n\n\n  .sophos-v23x__webinar-inner {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      30px;\n\n    min-height:\n      auto;\n\n    padding:\n      28px;\n  }\n\n\n  .sophos-v23x__date {\n    min-height:\n      auto;\n\n    padding:\n      22px;\n  }\n\n\n  .sophos-v23x__date strong {\n    font-size:\n      68px;\n  }\n\n\n  .sophos-v23x__webinar-copy h3 {\n    font-size:\n      clamp(38px,10vw,52px);\n  }\n\n\n  .sophos-v23x__webinar-copy p {\n    font-size:\n      19px;\n  }\n\n\n  .sophos-v23x__video-stage {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      38px;\n\n    padding:\n      24px;\n  }\n\n\n  .sophos-v23x__stage-video--portrait {\n    width:\n      min(100%,340px);\n\n    max-width:\n      340px;\n\n    justify-self:\n      center;\n  }\n\n\n  .sophos-v23x__stage-video--wide {\n    transform:\n      none;\n  }\n\n\n  .sophos-v23x__stage-video h4 {\n    font-size:\n      21px;\n  }\n\n\n  .sophos-v23x__pdf {\n    padding:\n      26px\n      22px;\n  }\n\n\n  .sophos-v23x__pdf p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-v23x__button {\n    width:\n      100%;\n\n    justify-content:\n      center;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-v23x__reveal {\n    opacity:\n      1;\n\n    transform:\n      none;\n\n    transition:\n      none;\n  }\n\n\n  .sophos-v23x__signal-progress {\n    width:\n      100%;\n\n    transition:\n      none;\n  }\n\n\n  .sophos-v23x__webinar-bg {\n    transform:\n      none;\n\n    transition:\n      none;\n  }\n\n\n  .sophos-v23x__button,\n  .sophos-v23x__button i {\n    transition:\n      none;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n  function initSophosV23x() {\n\n    const root =\n      document.querySelector('.sophos-v23x');\n\n    if (\n      !root ||\n      root.dataset.v23xInit === 'true'\n    ) {\n      return;\n    }\n\n    root.dataset.v23xInit =\n      'true';\n\n\n    const reducedMotion =\n      window.matchMedia &&\n      window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches;\n\n\n    const revealElements =\n      root.querySelectorAll(\n        '.sophos-v23x__reveal'\n      );\n\n\n    const signals =\n      root.querySelector(\n        '.sophos-v23x__signals'\n      );\n\n\n    if (\n      reducedMotion ||\n      !('IntersectionObserver' in window)\n    ) {\n\n      revealElements.forEach(\n        function (element) {\n\n          element.classList.add(\n            'is-visible'\n          );\n\n        }\n      );\n\n\n      if (signals) {\n\n        signals.classList.add(\n          'is-visible'\n        );\n\n      }\n\n      return;\n    }\n\n\n    const revealObserver =\n      new IntersectionObserver(\n\n        function (entries, observer) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (!entry.isIntersecting) {\n                return;\n              }\n\n              entry.target.classList.add(\n                'is-visible'\n              );\n\n              observer.unobserve(\n                entry.target\n              );\n\n            }\n          );\n\n        },\n\n        {\n          threshold:\n            0.14,\n\n          rootMargin:\n            '0px 0px -8% 0px'\n        }\n\n      );\n\n\n    revealElements.forEach(\n      function (element) {\n\n        revealObserver.observe(\n          element\n        );\n\n      }\n    );\n\n\n    if (signals) {\n\n      const signalObserver =\n        new IntersectionObserver(\n\n          function (entries, observer) {\n\n            entries.forEach(\n              function (entry) {\n\n                if (!entry.isIntersecting) {\n                  return;\n                }\n\n                entry.target.classList.add(\n                  'is-visible'\n                );\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n            );\n\n          },\n\n          {\n            threshold:\n              0.25\n          }\n\n        );\n\n\n      signalObserver.observe(\n        signals\n      );\n\n    }\n\n  }\n\n\n  if (\n    document.readyState === 'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initSophosV23x,\n      {\n        once:\n          true\n      }\n    );\n\n  } else {\n\n    initSophosV23x();\n\n  }\n\n})();\n<\/script>\n\n\n\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN DE\n     PAGE ID 27644\n     BLOCK 02 \u2013 SECURE BY DESIGN PRINCIPLES\n     ========================================================= -->\n\n<section class=\"sophos-sbd-principles\" id=\"sophos-secure-principles\" aria-labelledby=\"sophos-sbd-principles-title\">\n\n  <div class=\"sophos-sbd-principles__inner\">\n\n    <!-- =====================================================\n         LEFT \/ MESSAGE\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-principles__intro\">\n\n      <h2 id=\"sophos-sbd-principles-title\">\n        Sicherheit wird nicht erg\u00e4nzt.\n        <strong>Sie wird eingebaut.<\/strong>\n      <\/h2>\n\n      <p>\n        Secure by Design bedeutet, dass Sicherheit bereits auf Architekturebene beginnt \u2013 mit sicheren Standards, automatisierten Schutzmechanismen und klar kontrollierten Zugriffswegen.\n      <\/p>\n\n      <div class=\"sophos-sbd-principles__statement\">\n        <span>\n          Das Ergebnis\n        <\/span>\n\n        <strong>\n          Mehr Sicherheit f\u00fcr deine Kunden.\n          Mehr Argumente f\u00fcr neue Projekte.\n        <\/strong>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         RIGHT \/ INTERACTIVE FOUNDATION\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-principles__explorer\">\n\n      <!-- VISUAL CORE -->\n\n      <div class=\"sophos-sbd-principles__core\" aria-live=\"polite\">\n\n        <div class=\"sophos-sbd-principles__core-orbit\" aria-hidden=\"true\">\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n        <div class=\"sophos-sbd-principles__core-content\">\n\n          <span class=\"sophos-sbd-principles__core-number\" id=\"sophos-sbd-core-number\">\n            01\n          <\/span>\n\n          <strong id=\"sophos-sbd-core-title\">\n            Sichere Architektur\n          <\/strong>\n\n          <p id=\"sophos-sbd-core-copy\">\n            Sicherheit wird direkt in Architektur,\n            Komponenten und Vertrauensgrenzen integriert.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- PRINCIPLE BUTTONS -->\n\n      <div class=\"sophos-sbd-principles__list\" role=\"tablist\" aria-label=\"Secure by Design Prinzipien\">\n\n        <button class=\"sophos-sbd-principles__item is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-sbd-number=\"01\" data-sbd-title=\"Sichere Architektur\" data-sbd-copy=\"Sicherheit wird direkt in Architektur, Komponenten und Vertrauensgrenzen integriert.\">\n          <span>01<\/span>\n          <strong>Architektur<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-principles__item\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-sbd-number=\"02\" data-sbd-title=\"MFA als Standard\" data-sbd-copy=\"Multi-Faktor-Authentifizierung sch\u00fctzt administrative und sensible Zugriffe konsequent.\">\n          <span>02<\/span>\n          <strong>MFA<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-principles__item\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-sbd-number=\"03\" data-sbd-title=\"Integrit\u00e4t \u00fcberwachen\" data-sbd-copy=\"Kritische Komponenten und Konfigurationen werden kontinuierlich auf Risiken und Ver\u00e4nderungen gepr\u00fcft.\">\n          <span>03<\/span>\n          <strong>Integrit\u00e4t<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-principles__item\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-sbd-number=\"04\" data-sbd-title=\"Hotfixes ohne Ausfallzeit\" data-sbd-copy=\"Wichtige Security-Fixes k\u00f6nnen automatisch eingespielt werden, ohne geplante Downtime.\">\n          <span>04<\/span>\n          <strong>Hotfixes<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-principles__item\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-sbd-number=\"05\" data-sbd-title=\"Sichere Administration\" data-sbd-copy=\"Management und Administration werden durch robuste Zugriffskontrollen und sichere Prozesse gesch\u00fctzt.\">\n          <span>05<\/span>\n          <strong>Administration<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-principles__item\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-sbd-number=\"06\" data-sbd-title=\"MDR &amp; XDR Integration\" data-sbd-copy=\"Die Firewall wird Teil einer ganzheitlichen Detection-and-Response-Strategie mit Sophos MDR und XDR.\">\n          <span>06<\/span>\n          <strong>MDR &amp; XDR<\/strong>\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- BOTTOM MESSAGE -->\n\n  <div class=\"sophos-sbd-principles__bottom\">\n\n    <span>\n      Secure by Design\n    <\/span>\n\n    <strong>\n      Vom Fundament bis zum laufenden Betrieb.\n    <\/strong>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BLOCK 02 \u2013 ROOT\n   ========================================================= *\/\n\n.sophos-sbd-principles,\n.sophos-sbd-principles * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-principles {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(95px,9vw,145px)\n    28px\n    clamp(90px,8vw,125px);\n\n  overflow: hidden;\n\n  color:\n    #153447;\n\n  font-family:\n    \"Outfit\", serif;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8fafc 0%,\n      #ffffff 100%\n    );\n}\n\n\n\/* subtle background *\/\n\n.sophos-sbd-principles::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -180px;\n  right: -180px;\n\n  width: 520px;\n  height: 520px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(49,107,255,.055);\n\n  filter:\n    blur(80px);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-principles__inner {\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,.82fr)\n    minmax(520px,1.18fr);\n\n  gap:\n    clamp(70px,8vw,135px);\n\n  align-items:\n    center;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.sophos-sbd-principles__intro {\n  max-width:\n    610px;\n}\n\n\n.sophos-sbd-principles__intro h2 {\n  margin:\n    0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(48px,5vw,72px);\n\n  line-height:\n    1.02;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.04em;\n}\n\n\n.sophos-sbd-principles__intro h2 strong {\n  display:\n    block;\n\n  margin-top:\n    6px;\n\n  color:\n    #153447;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-principles__intro > p {\n  max-width:\n    590px;\n\n  margin:\n    30px\n    0\n    0;\n\n  color:\n    rgba(21,52,71,.69);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   STATEMENT\n   ========================================================= *\/\n\n.sophos-sbd-principles__statement {\n  margin-top:\n    45px;\n\n  padding:\n    25px\n    0\n    0;\n\n  border-top:\n    1px solid\n    rgba(21,52,71,.13);\n}\n\n\n.sophos-sbd-principles__statement span {\n  display:\n    block;\n\n  margin-bottom:\n    10px;\n\n  color:\n    #ed5740;\n\n  font-size:\n    12px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .13em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-principles__statement strong {\n  display:\n    block;\n\n  max-width:\n    520px;\n\n  color:\n    #153447;\n\n  font-size:\n    25px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   EXPLORER\n   ========================================================= *\/\n\n.sophos-sbd-principles__explorer {\n  display: grid;\n\n  grid-template-columns:\n    minmax(270px,.9fr)\n    minmax(250px,1fr);\n\n  gap:\n    22px;\n\n  align-items:\n    stretch;\n}\n\n\n\/* =========================================================\n   CORE VISUAL\n   ========================================================= *\/\n\n.sophos-sbd-principles__core {\n  position: relative;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  min-height:\n    520px;\n\n  padding:\n    40px;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(49,107,255,.14);\n\n  border-radius:\n    24px;\n\n  background:\n    linear-gradient(\n      155deg,\n      #06182c 0%,\n      #0b2d58 58%,\n      #123e72 100%\n    );\n\n  box-shadow:\n    0 28px 70px\n    rgba(5,25,50,.12);\n}\n\n\n\/* inner glow *\/\n\n.sophos-sbd-principles__core::before {\n  content: \"\";\n\n  position: absolute;\n\n  width:\n    330px;\n\n  height:\n    330px;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(49,107,255,.18);\n\n  filter:\n    blur(70px);\n}\n\n\n\/* =========================================================\n   ORBITS\n   ========================================================= *\/\n\n.sophos-sbd-principles__core-orbit {\n  position: absolute;\n\n  inset:\n    50% auto auto 50%;\n\n  width:\n    390px;\n\n  height:\n    390px;\n\n  transform:\n    translate(-50%,-50%);\n}\n\n\n.sophos-sbd-principles__core-orbit span {\n  position:\n    absolute;\n\n  border:\n    1px solid\n    rgba(255,255,255,.11);\n\n  border-radius:\n    50%;\n}\n\n\n.sophos-sbd-principles__core-orbit span:nth-child(1) {\n  inset: 0;\n}\n\n\n.sophos-sbd-principles__core-orbit span:nth-child(2) {\n  inset: 18%;\n}\n\n\n.sophos-sbd-principles__core-orbit span:nth-child(3) {\n  inset: 36%;\n\n  border-color:\n    rgba(237,87,64,.34);\n}\n\n\n\/* =========================================================\n   CORE CONTENT\n   ========================================================= *\/\n\n.sophos-sbd-principles__core-content {\n  position: relative;\n\n  z-index: 3;\n\n  max-width:\n    300px;\n\n  text-align:\n    center;\n}\n\n\n.sophos-sbd-principles__core-number {\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  width:\n    48px;\n\n  height:\n    48px;\n\n  margin-bottom:\n    20px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.18);\n\n  border-radius:\n    50%;\n\n  color:\n    #75a2ff;\n\n  font-size:\n    13px;\n\n  font-weight:\n    600;\n}\n\n\n.sophos-sbd-principles__core-content strong {\n  display:\n    block;\n\n  color:\n    #fff;\n\n  font-size:\n    clamp(27px,2.4vw,36px);\n\n  line-height:\n    1.15;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    -.025em;\n}\n\n\n.sophos-sbd-principles__core-content p {\n  margin:\n    18px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.62);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   LIST\n   ========================================================= *\/\n\n.sophos-sbd-principles__list {\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    8px;\n}\n\n\n.sophos-sbd-principles__item {\n  position:\n    relative;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    42px\n    minmax(0,1fr);\n\n  gap:\n    12px;\n\n  align-items:\n    center;\n\n  width:\n    100%;\n\n  min-height:\n    76px;\n\n  padding:\n    12px\n    16px;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(21,52,71,.10);\n\n  border-radius:\n    12px;\n\n  background:\n    #fff;\n\n  color:\n    #153447;\n\n  font-family:\n    inherit;\n\n  text-align:\n    left;\n\n  cursor:\n    pointer;\n\n  transition:\n    border-color .28s ease,\n    transform .28s ease,\n    background-color .28s ease,\n    box-shadow .28s ease;\n}\n\n\n.sophos-sbd-principles__item::after {\n  content: \"\";\n\n  position:\n    absolute;\n\n  left: 0;\n  bottom: 0;\n\n  width: 0;\n  height: 3px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #316bff,\n      #ed5740\n    );\n\n  transition:\n    width .3s ease;\n}\n\n\n.sophos-sbd-principles__item:hover,\n.sophos-sbd-principles__item:focus-visible {\n  transform:\n    translateX(4px);\n\n  border-color:\n    rgba(49,107,255,.28);\n\n  box-shadow:\n    0 14px 34px\n    rgba(21,52,71,.07);\n}\n\n\n.sophos-sbd-principles__item.is-active {\n  border-color:\n    rgba(49,107,255,.35);\n\n  background:\n    #f6f9ff;\n\n  box-shadow:\n    0 14px 34px\n    rgba(21,52,71,.07);\n}\n\n\n.sophos-sbd-principles__item.is-active::after {\n  width:\n    100%;\n}\n\n\n.sophos-sbd-principles__item span {\n  display:\n    grid;\n\n  place-items:\n    center;\n\n  width:\n    36px;\n\n  height:\n    36px;\n\n  border-radius:\n    50%;\n\n  background:\n    #f0f5ff;\n\n  color:\n    #316bff;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n}\n\n\n.sophos-sbd-principles__item strong {\n  color:\n    #153447;\n\n  font-size:\n    18px;\n\n  line-height:\n    1.25;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-principles__item:focus-visible {\n  outline:\n    3px solid\n    rgba(49,107,255,.17);\n\n  outline-offset:\n    2px;\n}\n\n\n\/* =========================================================\n   BOTTOM\n   ========================================================= *\/\n\n.sophos-sbd-principles__bottom {\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    25px;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    70px\n    auto\n    0;\n\n  padding-top:\n    22px;\n\n  border-top:\n    1px solid\n    rgba(21,52,71,.10);\n}\n\n\n.sophos-sbd-principles__bottom span {\n  color:\n    #316bff;\n\n  font-size:\n    12px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .13em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-principles__bottom strong {\n  color:\n    rgba(21,52,71,.72);\n\n  font-size:\n    18px;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .sophos-sbd-principles__inner {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      55px;\n  }\n\n\n  .sophos-sbd-principles__intro {\n    max-width:\n      800px;\n  }\n\n\n  .sophos-sbd-principles__explorer {\n    grid-template-columns:\n      minmax(300px,.9fr)\n      minmax(280px,1fr);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 720px) {\n\n  .sophos-sbd-principles {\n    padding:\n      75px\n      18px;\n  }\n\n\n  .sophos-sbd-principles__intro h2 {\n    font-size:\n      clamp(42px,12vw,58px);\n  }\n\n\n  .sophos-sbd-principles__intro > p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-principles__explorer {\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .sophos-sbd-principles__core {\n    min-height:\n      390px;\n  }\n\n\n  .sophos-sbd-principles__core-orbit {\n    width:\n      320px;\n\n    height:\n      320px;\n  }\n\n\n  .sophos-sbd-principles__item {\n    min-height:\n      68px;\n  }\n\n\n  .sophos-sbd-principles__bottom {\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n\n    margin-top:\n      50px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-principles__item {\n    transition:\n      none;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  const section =\n    document.querySelector(\n      \".sophos-sbd-principles\"\n    );\n\n  if (!section) {\n    return;\n  }\n\n\n  const items =\n    Array.from(\n      section.querySelectorAll(\n        \".sophos-sbd-principles__item\"\n      )\n    );\n\n\n  const number =\n    section.querySelector(\n      \"#sophos-sbd-core-number\"\n    );\n\n  const title =\n    section.querySelector(\n      \"#sophos-sbd-core-title\"\n    );\n\n  const copy =\n    section.querySelector(\n      \"#sophos-sbd-core-copy\"\n    );\n\n\n  if (\n    !items.length ||\n    !number ||\n    !title ||\n    !copy\n  ) {\n    return;\n  }\n\n\n  items.forEach(function (item) {\n\n    item.addEventListener(\n      \"click\",\n      function () {\n\n        items.forEach(function (button) {\n\n          button.classList.remove(\n            \"is-active\"\n          );\n\n          button.setAttribute(\n            \"aria-selected\",\n            \"false\"\n          );\n\n        });\n\n\n        item.classList.add(\n          \"is-active\"\n        );\n\n        item.setAttribute(\n          \"aria-selected\",\n          \"true\"\n        );\n\n\n        number.textContent =\n          item.dataset.sbdNumber || \"\";\n\n        title.textContent =\n          item.dataset.sbdTitle || \"\";\n\n        copy.textContent =\n          item.dataset.sbdCopy || \"\";\n\n      }\n    );\n\n  });\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN DE\n     PAGE ID 27644\n     BLOCK 03 \u2013 MARKET OPPORTUNITY\n     ========================================================= -->\n\n<section class=\"sophos-sbd-opportunity\" id=\"sophos-marktchance\" aria-labelledby=\"sophos-sbd-opportunity-title\">\n\n  <div class=\"sophos-sbd-opportunity__inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-opportunity__header\">\n\n      <div class=\"sophos-sbd-opportunity__headline\">\n\n        <h2 id=\"sophos-sbd-opportunity-title\">\n          Die Marktchance\n          <strong>ist jetzt.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"sophos-sbd-opportunity__intro\">\n\n        <p>\n          Viele Unternehmen \u00fcberpr\u00fcfen ihre Firewall-Strategie.\n          Steigende regulatorische Anforderungen, zunehmende\n          Cyberrisiken und der Bedarf nach h\u00f6herer Cyberresilienz\n          bringen bestehende L\u00f6sungen auf den Pr\u00fcfstand.\n        <\/p>\n\n        <strong>\n  F\u00fcr dich entstehen daraus konkrete neue Projekte.\n<\/strong>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BUSINESS OPPORTUNITIES\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-opportunity__grid\" aria-label=\"Gesch\u00e4ftschancen f\u00fcr Partner\">\n\n      <!-- 01 -->\n\n      <article class=\"sophos-sbd-opportunity__card\">\n\n        <span class=\"sophos-sbd-opportunity__number\">\n          01\n        <\/span>\n\n        <div class=\"sophos-sbd-opportunity__card-content\">\n\n          <h3>\n            Wettbewerbs-Firewalls\n            <strong>ersetzen.<\/strong>\n          <\/h3>\n\n          <p>\n            Bestehende Installationen neu bewerten und\n            konkrete Migrationsprojekte identifizieren.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sophos-sbd-opportunity__arrow\" aria-hidden=\"true\">\n          \u2197\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 02 -->\n\n      <article class=\"sophos-sbd-opportunity__card\">\n\n        <span class=\"sophos-sbd-opportunity__number\">\n          02\n        <\/span>\n\n        <div class=\"sophos-sbd-opportunity__card-content\">\n\n          <h3>\n            Kundenumgebungen\n            <strong>modernisieren.<\/strong>\n          <\/h3>\n\n          <p>\n            Infrastruktur vereinfachen und Security\n            auf ein neues technologisches Fundament stellen.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sophos-sbd-opportunity__arrow\" aria-hidden=\"true\">\n          \u2197\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 03 -->\n\n      <article class=\"sophos-sbd-opportunity__card\">\n\n        <span class=\"sophos-sbd-opportunity__number\">\n          03\n        <\/span>\n\n        <div class=\"sophos-sbd-opportunity__card-content\">\n\n          <h3>\n            Zus\u00e4tzliche Security-Services\n            <strong>platzieren.<\/strong>\n          <\/h3>\n\n          <p>\n            Firewall-Projekte als Ausgangspunkt\n            f\u00fcr weitere Security- und Managed Services nutzen.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sophos-sbd-opportunity__arrow\" aria-hidden=\"true\">\n          \u2197\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 04 -->\n\n      <article class=\"sophos-sbd-opportunity__card\">\n\n        <span class=\"sophos-sbd-opportunity__number\">\n          04\n        <\/span>\n\n        <div class=\"sophos-sbd-opportunity__card-content\">\n\n          <h3>\n            Wiederkehrende Ums\u00e4tze\n            <strong>aufbauen.<\/strong>\n          <\/h3>\n\n          <p>\n            Neue Services und langfristige\n            Kundenbeziehungen rund um Security entwickeln.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sophos-sbd-opportunity__arrow\" aria-hidden=\"true\">\n          \u2197\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 05 -->\n\n      <article class=\"sophos-sbd-opportunity__card sophos-sbd-opportunity__card--wide\">\n\n        <span class=\"sophos-sbd-opportunity__number\">\n          05\n        <\/span>\n\n        <div class=\"sophos-sbd-opportunity__card-content\">\n\n          <h3>\n            Strategischer Security-Berater\n            <strong>werden.<\/strong>\n          <\/h3>\n\n          <p>\n            Kunden nicht nur bei der Produktauswahl,\n            sondern bei der Weiterentwicklung ihrer\n            Sicherheitsstrategie begleiten.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sophos-sbd-opportunity__arrow\" aria-hidden=\"true\">\n          \u2197\n        <\/span>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM CTA\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-opportunity__bottom\">\n\n      <div>\n\n        <span>\n          N\u00e4chster Schritt\n        <\/span>\n\n        <strong>\n          Vom Potenzial zum konkreten Firewall-Projekt.\n        <\/strong>\n\n      <\/div>\n\n\n      <a class=\"sophos-sbd-opportunity__button\" href=\"#sophos-migration\">\n        <span>Migration entdecken<\/span>\n        <i aria-hidden=\"true\">\u2193<\/i>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BLOCK 03 \u2013 ROOT\n   ========================================================= *\/\n\n.sophos-sbd-opportunity,\n.sophos-sbd-opportunity * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-opportunity {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(95px,9vw,145px)\n    28px\n    clamp(90px,8vw,120px);\n\n  overflow: hidden;\n\n  color: #fff;\n\n  font-family:\n    \"Outfit\", serif;\n\n  background:\n    linear-gradient(\n      145deg,\n      #04101b 0%,\n      #071d31 50%,\n      #0b2a46 100%\n    );\n}\n\n\n\/* subtle glow *\/\n\n.sophos-sbd-opportunity::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -180px;\n  right: -120px;\n\n  width: 600px;\n  height: 600px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(49,107,255,.14);\n\n  filter:\n    blur(115px);\n\n  pointer-events: none;\n}\n\n\n\/* subtle coral glow *\/\n\n.sophos-sbd-opportunity::after {\n  content: \"\";\n\n  position: absolute;\n\n  bottom: -230px;\n  left: -170px;\n\n  width: 480px;\n  height: 480px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(237,87,64,.08);\n\n  filter:\n    blur(115px);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-opportunity__inner {\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.sophos-sbd-opportunity__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,.95fr)\n    minmax(390px,.75fr);\n\n  gap:\n    clamp(60px,8vw,130px);\n\n  align-items:\n    end;\n\n  padding-bottom:\n    60px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n\/* headline *\/\n\n.sophos-sbd-opportunity__headline h2 {\n  max-width:\n    720px;\n\n  margin: 0;\n\n  color: #fff;\n\n  font-size:\n    clamp(52px,5.6vw,82px);\n\n  line-height:\n    .98;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.045em;\n}\n\n\n.sophos-sbd-opportunity__headline h2 strong {\n  display: block;\n\n  margin-top:\n    6px;\n\n  color:\n    #fff;\n\n  font-weight:\n    500;\n}\n\n\n\/* intro *\/\n\n.sophos-sbd-opportunity__intro p {\n  margin: 0;\n\n  color:\n    rgba(255,255,255,.64);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n.sophos-sbd-opportunity__intro > strong {\n  display: block;\n\n  margin-top:\n    22px;\n\n  color:\n    #fff;\n\n  font-size:\n    22px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.sophos-sbd-opportunity__grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:\n    14px;\n\n  margin-top:\n    55px;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.sophos-sbd-opportunity__card {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    65px\n    minmax(0,1fr)\n    42px;\n\n  gap:\n    18px;\n\n  align-items:\n    start;\n\n  min-height:\n    235px;\n\n  padding:\n    32px;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:\n    16px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  backdrop-filter:\n    blur(8px);\n\n  transition:\n    transform .32s ease,\n    border-color .32s ease,\n    background-color .32s ease,\n    box-shadow .32s ease;\n}\n\n\n\/* hover glow *\/\n\n.sophos-sbd-opportunity__card::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -120px;\n  right: -120px;\n\n  width:\n    260px;\n\n  height:\n    260px;\n\n  border-radius:\n    50%;\n\n  opacity: 0;\n\n  background:\n    rgba(49,107,255,.18);\n\n  filter:\n    blur(70px);\n\n  transition:\n    opacity .35s ease;\n}\n\n\n.sophos-sbd-opportunity__card:hover {\n  transform:\n    translateY(-5px);\n\n  border-color:\n    rgba(77,132,255,.34);\n\n  background:\n    rgba(255,255,255,.055);\n\n  box-shadow:\n    0 24px 55px\n    rgba(0,0,0,.18);\n}\n\n\n.sophos-sbd-opportunity__card:hover::before {\n  opacity: 1;\n}\n\n\n\/* wide final card *\/\n\n.sophos-sbd-opportunity__card--wide {\n  grid-column:\n    1 \/ -1;\n\n  min-height:\n    205px;\n\n  background:\n    linear-gradient(\n      110deg,\n      rgba(49,107,255,.10),\n      rgba(255,255,255,.035)\n    );\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.sophos-sbd-opportunity__number {\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  place-items: center;\n\n  width:\n    52px;\n\n  height:\n    52px;\n\n  border:\n    1px solid\n    rgba(79,136,255,.38);\n\n  border-radius:\n    50%;\n\n  color:\n    #75a2ff;\n\n  font-size:\n    12px;\n\n  line-height:\n    1;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .08em;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.sophos-sbd-opportunity__card-content {\n  position: relative;\n\n  z-index: 2;\n}\n\n\n.sophos-sbd-opportunity__card h3 {\n  max-width:\n    500px;\n\n  margin: 0;\n\n  color: #fff;\n\n  font-size:\n    clamp(27px,2.4vw,35px);\n\n  line-height:\n    1.14;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.025em;\n}\n\n\n.sophos-sbd-opportunity__card h3 strong {\n  display: block;\n\n  color:\n    rgba(255,255,255,.92);\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-opportunity__card p {\n  max-width:\n    520px;\n\n  margin:\n    20px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.55);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   ARROW\n   ========================================================= *\/\n\n.sophos-sbd-opportunity__arrow {\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  place-items: center;\n\n  width:\n    38px;\n\n  height:\n    38px;\n\n  justify-self:\n    end;\n\n  border:\n    1px solid\n    rgba(255,255,255,.13);\n\n  border-radius:\n    50%;\n\n  color:\n    rgba(255,255,255,.48);\n\n  font-size:\n    18px;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease,\n    background-color .3s ease;\n}\n\n\n.sophos-sbd-opportunity__card:hover\n.sophos-sbd-opportunity__arrow {\n  transform:\n    translate(3px,-3px);\n\n  color:\n    #fff;\n\n  border-color:\n    rgba(237,87,64,.55);\n\n  background:\n    rgba(237,87,64,.12);\n}\n\n\n\/* =========================================================\n   BOTTOM CTA\n   ========================================================= *\/\n\n.sophos-sbd-opportunity__bottom {\n  display: flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    35px;\n\n  margin-top:\n    55px;\n\n  padding-top:\n    27px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sophos-sbd-opportunity__bottom > div {\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    8px;\n}\n\n\n.sophos-sbd-opportunity__bottom > div span {\n  color:\n    #ed5740;\n\n  font-size:\n    12px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .13em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-opportunity__bottom > div strong {\n  color:\n    rgba(255,255,255,.83);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    400;\n}\n\n\n\/* button *\/\n\n.sophos-sbd-opportunity__button {\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    .5em;\n\n  flex:\n    0 0 auto;\n\n  padding:\n    .8em\n    1.5em;\n\n  border:\n    1px solid\n    #ed5740;\n\n  border-radius:\n    6px;\n\n  background:\n    #ed5740;\n\n  color:\n    #fff !important;\n\n  font-family:\n    \"Outfit\", serif;\n\n  font-size:\n    18px;\n\n  line-height:\n    28px;\n\n  font-weight:\n    500;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    transform .3s ease,\n    background-color .3s ease,\n    border-color .3s ease,\n    color .3s ease;\n}\n\n\n.sophos-sbd-opportunity__button:hover,\n.sophos-sbd-opportunity__button:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #fff;\n\n  border-color:\n    #fff;\n\n  color:\n    #ed5740 !important;\n}\n\n\n.sophos-sbd-opportunity__button i {\n  font-style:\n    normal;\n\n  font-size:\n    19px;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.sophos-sbd-opportunity__button:hover i {\n  transform:\n    translateY(3px);\n}\n\n\n.sophos-sbd-opportunity__button:focus-visible {\n  outline:\n    3px solid\n    rgba(255,255,255,.25);\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 980px) {\n\n  .sophos-sbd-opportunity__header {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      30px;\n  }\n\n\n  .sophos-sbd-opportunity__intro {\n    max-width:\n      720px;\n  }\n\n\n  .sophos-sbd-opportunity__grid {\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .sophos-sbd-opportunity__card--wide {\n    grid-column:\n      auto;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .sophos-sbd-opportunity {\n    padding:\n      75px\n      18px;\n  }\n\n\n  .sophos-sbd-opportunity__headline h2 {\n    font-size:\n      clamp(44px,12vw,60px);\n  }\n\n\n  .sophos-sbd-opportunity__intro p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-opportunity__card {\n    grid-template-columns:\n      48px\n      minmax(0,1fr);\n\n    min-height:\n      auto;\n\n    padding:\n      24px\n      20px;\n  }\n\n\n  .sophos-sbd-opportunity__number {\n    width:\n      42px;\n\n    height:\n      42px;\n  }\n\n\n  .sophos-sbd-opportunity__arrow {\n    display:\n      none;\n  }\n\n\n  .sophos-sbd-opportunity__card h3 {\n    font-size:\n      27px;\n  }\n\n\n  .sophos-sbd-opportunity__card p {\n    font-size:\n      17px;\n  }\n\n\n  .sophos-sbd-opportunity__bottom {\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n  }\n\n\n  .sophos-sbd-opportunity__button {\n    width:\n      100%;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-opportunity__card,\n  .sophos-sbd-opportunity__arrow,\n  .sophos-sbd-opportunity__button,\n  .sophos-sbd-opportunity__button i {\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN DE\n     PAGE ID 27644\n     BLOCK 04 \u2013 SOPHOS FIREWALL\n     ========================================================= -->\n\n<section class=\"sophos-sbd-firewall\" id=\"sophos-firewall\" aria-labelledby=\"sophos-sbd-firewall-title\">\n\n  <div class=\"sophos-sbd-firewall__inner\">\n\n    <!-- =====================================================\n         LEFT \/ VISUAL\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-firewall__visual\">\n\n      <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos_firewall_2.webp\" alt=\"Sophos Firewall Appliance mit Security-Visualisierung\" loading=\"lazy\">\n\n      <div class=\"sophos-sbd-firewall__visual-shade\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"sophos-sbd-firewall__badge\">\n        <span>\n          Sophos Firewall\n        <\/span>\n\n        <strong>\n          Secure by Design\n        <\/strong>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         RIGHT \/ CONTENT\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-firewall__content\">\n\n      <h2 id=\"sophos-sbd-firewall-title\">\n        Sophos Firewall.\n        <strong>\n          Secure by Design im Kern.\n        <\/strong>\n      <\/h2>\n\n\n      <p class=\"sophos-sbd-firewall__lead\">\n        Eine Firewall sch\u00fctzt nur dann zuverl\u00e4ssig,\n        wenn Sicherheit nicht erst sp\u00e4ter erg\u00e4nzt wird.\n      <\/p>\n\n\n      <p class=\"sophos-sbd-firewall__copy\">\n        Sophos Firewall wurde so entwickelt, dass zentrale\n        Sicherheitsmechanismen direkt in Architektur,\n        Konfiguration und Betrieb integriert sind.\n      <\/p>\n\n\n      <!-- FEATURES -->\n\n      <div class=\"sophos-sbd-firewall__features\">\n\n        <article class=\"sophos-sbd-firewall__feature\">\n          <span>01<\/span>\n\n          <div>\n            <strong>\n              Geh\u00e4rtete Architektur\n            <\/strong>\n\n            <p>\n              Schutz auf Kernel-, Portal- und\n              Vertrauensgrenzen-Ebene.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <article class=\"sophos-sbd-firewall__feature\">\n          <span>02<\/span>\n\n          <div>\n            <strong>\n              Health Check\n            <\/strong>\n\n            <p>\n              Fehlkonfigurationen und Risikobereiche\n              schneller erkennen.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <article class=\"sophos-sbd-firewall__feature\">\n          <span>03<\/span>\n\n          <div>\n            <strong>\n              Automatische Hotfixes\n            <\/strong>\n\n            <p>\n              Wichtige Security-Patches ohne geplante\n              Ausfallzeiten einspielen.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <article class=\"sophos-sbd-firewall__feature\">\n          <span>04<\/span>\n\n          <div>\n            <strong>\n              Proaktives Monitoring\n            <\/strong>\n\n            <p>\n              Integrit\u00e4t \u00fcberwachen und auf Angriffe\n              schneller reagieren.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <article class=\"sophos-sbd-firewall__feature\">\n          <span>05<\/span>\n\n          <div>\n            <strong>\n              MFA &amp; sichere Administration\n            <\/strong>\n\n            <p>\n              Zugriff auf sensible Verwaltungsbereiche\n              konsequent absichern.\n            <\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n\n      <!-- CTA -->\n\n      <div class=\"sophos-sbd-firewall__actions\">\n\n        <a class=\"sophos-sbd-firewall__button\" href=\"#sophos-migration\">\n          <span>Migration planen<\/span>\n          <i aria-hidden=\"true\">\u2192<\/i>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BLOCK 04 \u2013 ROOT\n   ========================================================= *\/\n\n.sophos-sbd-firewall,\n.sophos-sbd-firewall * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-firewall {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(95px,9vw,145px)\n    28px;\n\n  overflow: hidden;\n\n  font-family:\n    \"Outfit\", serif;\n\n  color:\n    #153447;\n\n  background:\n    #ffffff;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-firewall__inner {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.02fr)\n    minmax(470px,.98fr);\n\n  gap:\n    clamp(60px,7vw,120px);\n\n  align-items:\n    center;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.sophos-sbd-firewall__visual {\n  position: relative;\n\n  min-height:\n    680px;\n\n  overflow: hidden;\n\n  border-radius:\n    24px;\n\n  background:\n    #071625;\n\n  box-shadow:\n    0 30px 75px\n    rgba(21,52,71,.13);\n}\n\n\n.sophos-sbd-firewall__visual img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  min-height:\n    680px;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center;\n\n  transition:\n    transform .7s\n    cubic-bezier(.22,1,.36,1);\n}\n\n\n.sophos-sbd-firewall__visual:hover img {\n  transform:\n    scale(1.025);\n}\n\n\n\/* subtle visual fade *\/\n\n.sophos-sbd-firewall__visual-shade {\n  position: absolute;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent 48%,\n      rgba(3,13,23,.76) 100%\n    );\n}\n\n\n\/* =========================================================\n   BADGE\n   ========================================================= *\/\n\n.sophos-sbd-firewall__badge {\n  position: absolute;\n\n  right: 26px;\n  bottom: 26px;\n  left: 26px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 20px;\n\n  padding:\n    18px\n    20px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.14);\n\n  border-radius:\n    12px;\n\n  background:\n    rgba(4,17,31,.70);\n\n  backdrop-filter:\n    blur(12px);\n}\n\n\n.sophos-sbd-firewall__badge span {\n  color:\n    rgba(255,255,255,.50);\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-firewall__badge strong {\n  color:\n    #fff;\n\n  font-size:\n    17px;\n\n  font-weight:\n    500;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.sophos-sbd-firewall__content {\n  max-width:\n    620px;\n}\n\n\n.sophos-sbd-firewall__content h2 {\n  margin: 0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(50px,5vw,72px);\n\n  line-height:\n    1.02;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.04em;\n}\n\n\n.sophos-sbd-firewall__content h2 strong {\n  display: block;\n\n  margin-top:\n    6px;\n\n  color:\n    #153447;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-firewall__lead {\n  margin:\n    30px\n    0\n    0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(24px,2vw,29px);\n\n  line-height:\n    1.35;\n\n  font-weight:\n    300;\n}\n\n\n.sophos-sbd-firewall__copy {\n  margin:\n    17px\n    0\n    0;\n\n  color:\n    rgba(21,52,71,.67);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   FEATURES\n   ========================================================= *\/\n\n.sophos-sbd-firewall__features {\n  display: flex;\n\n  flex-direction: column;\n\n  margin-top:\n    42px;\n\n  border-top:\n    1px solid\n    rgba(21,52,71,.12);\n}\n\n\n.sophos-sbd-firewall__feature {\n  display: grid;\n\n  grid-template-columns:\n    48px\n    minmax(0,1fr);\n\n  gap:\n    17px;\n\n  padding:\n    20px\n    0;\n\n  border-bottom:\n    1px solid\n    rgba(21,52,71,.10);\n}\n\n\n.sophos-sbd-firewall__feature > span {\n  display: grid;\n\n  place-items: center;\n\n  width:\n    38px;\n\n  height:\n    38px;\n\n  border-radius:\n    50%;\n\n  background:\n    #eef3ff;\n\n  color:\n    #316bff;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .06em;\n}\n\n\n.sophos-sbd-firewall__feature strong {\n  display: block;\n\n  color:\n    #153447;\n\n  font-size:\n    20px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-firewall__feature p {\n  margin:\n    5px\n    0\n    0;\n\n  color:\n    rgba(21,52,71,.58);\n\n  font-size:\n    17px;\n\n  line-height:\n    1.45;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   ACTION\n   ========================================================= *\/\n\n.sophos-sbd-firewall__actions {\n  margin-top:\n    34px;\n}\n\n\n.sophos-sbd-firewall__button {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap:\n    .5em;\n\n  padding:\n    .8em\n    1.5em;\n\n  border:\n    1px solid\n    #ed5740;\n\n  border-radius:\n    6px;\n\n  background:\n    #fff;\n\n  color:\n    #ed5740 !important;\n\n  font-size:\n    18px;\n\n  line-height:\n    28px;\n\n  font-weight:\n    500;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    transform .3s ease,\n    background-color .3s ease,\n    color .3s ease,\n    border-color .3s ease;\n}\n\n\n.sophos-sbd-firewall__button:hover,\n.sophos-sbd-firewall__button:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #ed5740;\n\n  border-color:\n    #ed5740;\n\n  color:\n    #fff !important;\n}\n\n\n.sophos-sbd-firewall__button i {\n  font-style:\n    normal;\n\n  font-size:\n    19px;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.sophos-sbd-firewall__button:hover i {\n  transform:\n    translateX(4px);\n}\n\n\n.sophos-sbd-firewall__button:focus-visible {\n  outline:\n    3px solid\n    rgba(237,87,64,.18);\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .sophos-sbd-firewall__inner {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      55px;\n  }\n\n\n  .sophos-sbd-firewall__visual {\n    min-height:\n      560px;\n  }\n\n\n  .sophos-sbd-firewall__visual img {\n    min-height:\n      560px;\n  }\n\n\n  .sophos-sbd-firewall__content {\n    max-width:\n      820px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .sophos-sbd-firewall {\n    padding:\n      75px\n      18px;\n  }\n\n\n  .sophos-sbd-firewall__visual {\n    min-height:\n      420px;\n\n    border-radius:\n      18px;\n  }\n\n\n  .sophos-sbd-firewall__visual img {\n    min-height:\n      420px;\n\n    object-position:\n      58% center;\n  }\n\n\n  .sophos-sbd-firewall__badge {\n    right:\n      15px;\n\n    bottom:\n      15px;\n\n    left:\n      15px;\n\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n\n    gap:\n      5px;\n  }\n\n\n  .sophos-sbd-firewall__content h2 {\n    font-size:\n      clamp(43px,12vw,58px);\n  }\n\n\n  .sophos-sbd-firewall__lead {\n    font-size:\n      22px;\n  }\n\n\n  .sophos-sbd-firewall__copy {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-firewall__feature {\n    grid-template-columns:\n      42px\n      minmax(0,1fr);\n  }\n\n\n  .sophos-sbd-firewall__button {\n    width:\n      100%;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-firewall__visual img,\n  .sophos-sbd-firewall__button,\n  .sophos-sbd-firewall__button i {\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN DE\n     PAGE ID 27644\n     BLOCK 05 \u2013 MIGRATION JOURNEY\n     ========================================================= -->\n\n<section class=\"sophos-sbd-migration\" id=\"sophos-migration\" aria-labelledby=\"sophos-sbd-migration-title\">\n\n  <div class=\"sophos-sbd-migration__inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-migration__header\">\n\n      <div>\n\n        <h2 id=\"sophos-sbd-migration-title\">\n          Der Wechsel muss nicht\n          <strong>kompliziert sein.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div>\n\n        <p>\n          Mit einer klaren Planung, den richtigen Tools\n          und den passenden Ressourcen l\u00e4sst sich der Wechsel\n          zur Sophos Firewall effizient und kontrolliert umsetzen.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FULLWIDTH VISUAL\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-migration__visual\">\n\n      <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos_migration_1.webp\" alt=\"Migration von einer bestehenden Firewall zu Sophos Firewall\" loading=\"lazy\">\n\n      <div class=\"sophos-sbd-migration__visual-shade\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"sophos-sbd-migration__visual-note\">\n\n        <span>\n          Firewall Migration\n        <\/span>\n\n        <strong>\n          Von bestehender Infrastruktur\n          zur Sophos Firewall.\n        <\/strong>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         JOURNEY\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-migration__journey\">\n\n      <!-- NAV -->\n\n      <div class=\"sophos-sbd-migration__steps\" role=\"tablist\" aria-label=\"F\u00fcnf Schritte der Firewall-Migration\">\n\n        <button class=\"sophos-sbd-migration__step is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-migration-number=\"01\" data-migration-title=\"Planen\" data-migration-copy=\"Erstelle einen realistischen Migrationszeitplan und ber\u00fccksichtige Lizenzlaufzeiten, Liefertermine, Wartungsfenster und verf\u00fcgbare Ressourcen.\">\n          <span>01<\/span>\n          <strong>Planen<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-migration__step\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-migration-number=\"02\" data-migration-title=\"Pr\u00fcfen\" data-migration-copy=\"Analysiere bestehende Regeln, Sicherheitsrichtlinien, Abh\u00e4ngigkeiten und m\u00f6gliche Infrastrukturengp\u00e4sse.\">\n          <span>02<\/span>\n          <strong>Pr\u00fcfen<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-migration__step\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-migration-number=\"03\" data-migration-title=\"Konfigurieren\" data-migration-copy=\"Designe und konfiguriere die Sophos Firewall und nutze verf\u00fcgbare Migrationstools, Trainings und Baseline-Einstellungen.\">\n          <span>03<\/span>\n          <strong>Konfigurieren<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-migration__step\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-migration-number=\"04\" data-migration-title=\"Validieren\" data-migration-copy=\"Pr\u00fcfe Regeln, Konnektivit\u00e4t, Performance und Failover, bevor die neue Umgebung produktiv geht.\">\n          <span>04<\/span>\n          <strong>Validieren<\/strong>\n        <\/button>\n\n\n        <button class=\"sophos-sbd-migration__step\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-migration-number=\"05\" data-migration-title=\"Umstellen\" data-migration-copy=\"Plane den Cutover, stelle Experten bereit und halte bei Bedarf einen klaren Rollback-Plan vor.\">\n          <span>05<\/span>\n          <strong>Umstellen<\/strong>\n        <\/button>\n\n      <\/div>\n\n\n      <!-- ACTIVE CONTENT -->\n\n      <div class=\"sophos-sbd-migration__panel\">\n\n        <span class=\"sophos-sbd-migration__panel-number\" id=\"sophos-migration-number\">\n          01\n        <\/span>\n\n\n        <div>\n\n          <strong class=\"sophos-sbd-migration__panel-title\" id=\"sophos-migration-panel-title\">\n            Planen\n          <\/strong>\n\n          <p id=\"sophos-migration-panel-copy\">\n  Erstelle einen realistischen Migrationszeitplan\n  und ber\u00fccksichtige Lizenzlaufzeiten, Liefertermine,\n  Wartungsfenster und verf\u00fcgbare Ressourcen.\n<\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CTA\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-migration__bottom\">\n\n      <div>\n\n        <span>\n          Migrationsanleitung\n        <\/span>\n\n        <strong>\n          Alle f\u00fcnf Schritte kompakt zusammengefasst.\n        <\/strong>\n\n      <\/div>\n\n\n      <a class=\"sophos-sbd-migration__button\" href=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-firewall-migration-guide-de.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span>Migrationsanleitung herunterladen<\/span>\n        <i aria-hidden=\"true\">\u2197<\/i>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BLOCK 05 \u2013 ROOT\n   ========================================================= *\/\n\n.sophos-sbd-migration,\n.sophos-sbd-migration * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-migration {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(95px,9vw,145px)\n    28px\n    clamp(90px,8vw,120px);\n\n  overflow: hidden;\n\n  font-family:\n    \"Outfit\", serif;\n\n  color:\n    #153447;\n\n  background:\n    #f6f8fb;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-migration__inner {\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.sophos-sbd-migration__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(380px,.72fr);\n\n  gap:\n    clamp(55px,8vw,130px);\n\n  align-items:\n    end;\n\n  margin-bottom:\n    55px;\n}\n\n\n.sophos-sbd-migration__header h2 {\n  max-width:\n    760px;\n\n  margin:\n    0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(50px,5vw,74px);\n\n  line-height:\n    1.02;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.04em;\n}\n\n\n.sophos-sbd-migration__header h2 strong {\n  display: block;\n\n  margin-top:\n    6px;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-migration__header p {\n  margin:\n    0;\n\n  color:\n    rgba(21,52,71,.67);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.sophos-sbd-migration__visual {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio:\n    16 \/ 7;\n\n  min-height:\n    440px;\n\n  overflow: hidden;\n\n  border-radius:\n    24px;\n\n  background:\n    #071625;\n\n  box-shadow:\n    0 28px 70px\n    rgba(21,52,71,.12);\n}\n\n\n.sophos-sbd-migration__visual img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center;\n}\n\n\n.sophos-sbd-migration__visual-shade {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(4,14,27,.55) 0%,\n      rgba(4,14,27,.08) 52%,\n      rgba(4,14,27,.10) 100%\n    ),\n    linear-gradient(\n      180deg,\n      transparent 55%,\n      rgba(4,14,27,.62) 100%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* note *\/\n\n.sophos-sbd-migration__visual-note {\n  position: absolute;\n\n  left: 30px;\n  bottom: 28px;\n\n  max-width:\n    430px;\n\n  padding:\n    18px\n    20px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.14);\n\n  border-radius:\n    12px;\n\n  background:\n    rgba(4,17,31,.68);\n\n  backdrop-filter:\n    blur(12px);\n}\n\n\n.sophos-sbd-migration__visual-note span {\n  display: block;\n\n  margin-bottom:\n    7px;\n\n  color:\n    rgba(255,255,255,.48);\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-migration__visual-note strong {\n  color:\n    #fff;\n\n  font-size:\n    22px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   JOURNEY\n   ========================================================= *\/\n\n.sophos-sbd-migration__journey {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.15fr)\n    minmax(320px,.85fr);\n\n  gap:\n    26px;\n\n  margin-top:\n    35px;\n}\n\n\n\/* =========================================================\n   STEPS\n   ========================================================= *\/\n\n.sophos-sbd-migration__steps {\n  display: grid;\n\n  grid-template-columns:\n    repeat(5,minmax(0,1fr));\n\n  gap:\n    8px;\n}\n\n\n.sophos-sbd-migration__step {\n  position: relative;\n\n  min-height:\n    118px;\n\n  padding:\n    20px 16px;\n\n  border:\n    1px solid\n    rgba(21,52,71,.10);\n\n  border-radius:\n    12px;\n\n  background:\n    #fff;\n\n  color:\n    #153447;\n\n  font-family:\n    inherit;\n\n  text-align:\n    left;\n\n  cursor:\n    pointer;\n\n  overflow:\n    hidden;\n\n  transition:\n    transform .28s ease,\n    border-color .28s ease,\n    background-color .28s ease,\n    box-shadow .28s ease;\n}\n\n\n.sophos-sbd-migration__step::after {\n  content: \"\";\n\n  position: absolute;\n\n  bottom: 0;\n  left: 0;\n\n  width: 0;\n  height: 3px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #316bff,\n      #ed5740\n    );\n\n  transition:\n    width .3s ease;\n}\n\n\n.sophos-sbd-migration__step:hover,\n.sophos-sbd-migration__step:focus-visible {\n  transform:\n    translateY(-3px);\n\n  border-color:\n    rgba(49,107,255,.26);\n\n  box-shadow:\n    0 14px 30px\n    rgba(21,52,71,.06);\n}\n\n\n.sophos-sbd-migration__step.is-active {\n  border-color:\n    rgba(49,107,255,.34);\n\n  background:\n    #f4f7ff;\n}\n\n\n.sophos-sbd-migration__step.is-active::after {\n  width:\n    100%;\n}\n\n\n.sophos-sbd-migration__step span {\n  display: block;\n\n  margin-bottom:\n    16px;\n\n  color:\n    #316bff;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .08em;\n}\n\n\n.sophos-sbd-migration__step strong {\n  display: block;\n\n  color:\n    #153447;\n\n  font-size:\n    17px;\n\n  line-height:\n    1.25;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-migration__step:focus-visible {\n  outline:\n    3px solid\n    rgba(49,107,255,.17);\n\n  outline-offset:\n    2px;\n}\n\n\n\/* =========================================================\n   PANEL\n   ========================================================= *\/\n\n.sophos-sbd-migration__panel {\n  display: grid;\n\n  grid-template-columns:\n    64px\n    minmax(0,1fr);\n\n  gap:\n    24px;\n\n  align-items:\n    start;\n\n  min-height:\n    220px;\n\n  padding:\n    32px;\n\n  border:\n    1px solid\n    rgba(49,107,255,.16);\n\n  border-radius:\n    16px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #06172a 0%,\n      #0a2b51 100%\n    );\n\n  color:\n    #fff;\n\n  box-shadow:\n    0 20px 50px\n    rgba(21,52,71,.10);\n}\n\n\n.sophos-sbd-migration__panel-number {\n  display: grid;\n\n  place-items: center;\n\n  width:\n    56px;\n\n  height:\n    56px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.17);\n\n  border-radius:\n    50%;\n\n  color:\n    #75a2ff;\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n}\n\n\n.sophos-sbd-migration__panel-title {\n  display: block;\n\n  color:\n    #fff;\n\n  font-size:\n    clamp(28px,2.5vw,36px);\n\n  line-height:\n    1.2;\n\n  font-weight:\n    400;\n}\n\n\n.sophos-sbd-migration__panel p {\n  margin:\n    16px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.63);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   BOTTOM CTA\n   ========================================================= *\/\n\n.sophos-sbd-migration__bottom {\n  display: flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    35px;\n\n  margin-top:\n    48px;\n\n  padding-top:\n    25px;\n\n  border-top:\n    1px solid\n    rgba(21,52,71,.10);\n}\n\n\n.sophos-sbd-migration__bottom > div {\n  display: flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    7px;\n}\n\n\n.sophos-sbd-migration__bottom span {\n  color:\n    #316bff;\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-migration__bottom strong {\n  color:\n    #153447;\n\n  font-size:\n    20px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    400;\n}\n\n\n\/* button *\/\n\n.sophos-sbd-migration__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: .5em;\n\n  flex: 0 0 auto;\n\n  padding:\n    .8em\n    1.5em;\n\n  border:\n    1px solid\n    #ed5740;\n\n  border-radius:\n    6px;\n\n  background:\n    #ffffff !important;\n\n  color:\n    #ed5740 !important;\n\n  font-family:\n    \"Outfit\", serif !important;\n\n  font-size:\n    18px !important;\n\n  line-height:\n    28px !important;\n\n  font-weight:\n    500 !important;\n\n  letter-spacing:\n    0 !important;\n\n  text-transform:\n    none !important;\n\n  text-decoration:\n    none !important;\n\n  box-shadow:\n    none !important;\n\n  transition:\n    transform .3s ease,\n    background-color .3s ease,\n    border-color .3s ease,\n    color .3s ease;\n}\n\n\n.sophos-sbd-migration__button:hover,\n.sophos-sbd-migration__button:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #ed5740 !important;\n\n  border-color:\n    #ed5740 !important;\n\n  color:\n    #ffffff !important;\n\n  text-decoration:\n    none !important;\n}\n\n\n.sophos-sbd-migration__button span {\n  color:\n    inherit !important;\n\n  font-family:\n    inherit !important;\n\n  font-size:\n    inherit !important;\n\n  font-weight:\n    inherit !important;\n\n  letter-spacing:\n    0 !important;\n\n  text-transform:\n    none !important;\n}\n\n\n.sophos-sbd-migration__button i {\n  color:\n    inherit !important;\n\n  font-style:\n    normal;\n\n  font-size:\n    18px;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.sophos-sbd-migration__button:hover i {\n  transform:\n    translate(3px,-3px);\n}\n\n\n.sophos-sbd-migration__button:focus-visible {\n  outline:\n    3px solid\n    rgba(237,87,64,.18);\n\n  outline-offset:\n    4px;\n}\n\n\n.sophos-sbd-migration__button:hover,\n.sophos-sbd-migration__button:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #ed5740;\n\n  border-color:\n    #ed5740;\n\n  color:\n    #fff !important;\n}\n\n\n.sophos-sbd-migration__button i {\n  font-style:\n    normal;\n\n  font-size:\n    18px;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.sophos-sbd-migration__button:hover i {\n  transform:\n    translate(3px,-3px);\n}\n\n\n.sophos-sbd-migration__button:focus-visible {\n  outline:\n    3px solid\n    rgba(237,87,64,.18);\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .sophos-sbd-migration__header {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      28px;\n  }\n\n\n  .sophos-sbd-migration__journey {\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .sophos-sbd-migration__steps {\n    grid-template-columns:\n      repeat(5,minmax(120px,1fr));\n\n    overflow-x:\n      auto;\n\n    padding-bottom:\n      5px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .sophos-sbd-migration {\n    padding:\n      75px\n      18px;\n  }\n\n\n  .sophos-sbd-migration__header h2 {\n    font-size:\n      clamp(43px,12vw,58px);\n  }\n\n\n  .sophos-sbd-migration__header p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-migration__visual {\n    aspect-ratio:\n      4 \/ 3;\n\n    min-height:\n      390px;\n\n    border-radius:\n      18px;\n  }\n\n\n  .sophos-sbd-migration__visual img {\n    object-position:\n      center;\n  }\n\n\n  .sophos-sbd-migration__visual-note {\n    right:\n      15px;\n\n    bottom:\n      15px;\n\n    left:\n      15px;\n  }\n\n\n  .sophos-sbd-migration__steps {\n    display: flex;\n  }\n\n\n  .sophos-sbd-migration__step {\n    flex:\n      0 0 145px;\n  }\n\n\n  .sophos-sbd-migration__panel {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      18px;\n  }\n\n\n  .sophos-sbd-migration__bottom {\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n  }\n\n\n  .sophos-sbd-migration__button {\n    width:\n      100%;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-migration__step,\n  .sophos-sbd-migration__button,\n  .sophos-sbd-migration__button i {\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  const section =\n    document.querySelector(\n      \".sophos-sbd-migration\"\n    );\n\n  if (!section) return;\n\n\n  const steps =\n    Array.from(\n      section.querySelectorAll(\n        \".sophos-sbd-migration__step\"\n      )\n    );\n\n\n  const number =\n    section.querySelector(\n      \"#sophos-migration-number\"\n    );\n\n  const title =\n    section.querySelector(\n      \"#sophos-migration-panel-title\"\n    );\n\n  const copy =\n    section.querySelector(\n      \"#sophos-migration-panel-copy\"\n    );\n\n\n  if (\n    !steps.length ||\n    !number ||\n    !title ||\n    !copy\n  ) {\n    return;\n  }\n\n\n  steps.forEach(function (step) {\n\n    step.addEventListener(\n      \"click\",\n      function () {\n\n        steps.forEach(function (item) {\n\n          item.classList.remove(\n            \"is-active\"\n          );\n\n          item.setAttribute(\n            \"aria-selected\",\n            \"false\"\n          );\n\n        });\n\n\n        step.classList.add(\n          \"is-active\"\n        );\n\n        step.setAttribute(\n          \"aria-selected\",\n          \"true\"\n        );\n\n\n        number.textContent =\n          step.dataset.migrationNumber || \"\";\n\n        title.textContent =\n          step.dataset.migrationTitle || \"\";\n\n        copy.textContent =\n          step.dataset.migrationCopy || \"\";\n\n      }\n    );\n\n  });\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN DE\n     PAGE ID 27644\n     BLOCK 06 \u2013 MORE BUSINESS PER FIREWALL PROJECT\n     ========================================================= -->\n\n<section class=\"sophos-sbd-services\" id=\"sophos-services\" aria-labelledby=\"sophos-sbd-services-title\">\n\n  <div class=\"sophos-sbd-services__inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-services__header\">\n\n      <div>\n\n        <h2 id=\"sophos-sbd-services-title\">\n          Eine Firewall.\n          <strong>Mehr Gesch\u00e4ft dahinter.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div>\n\n        <p>\n          Durch die Integration in Sophos MDR und Sophos XDR\n          wird die Firewall zum Ausgangspunkt f\u00fcr zus\u00e4tzliche\n          Security-Services und langfristiges Servicegesch\u00e4ft.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BUSINESS MODEL\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-services__stage\">\n\n      <!-- CORE -->\n\n      <div class=\"sophos-sbd-services__core\">\n\n        <span>\n          Sophos Firewall\n        <\/span>\n\n        <strong>\n          Projekt\n        <\/strong>\n\n        <small>\n          wird zum Servicegesch\u00e4ft\n        <\/small>\n\n      <\/div>\n\n\n      <!-- CONNECTIONS -->\n\n      <div class=\"sophos-sbd-services__connection sophos-sbd-services__connection--one\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"sophos-sbd-services__connection sophos-sbd-services__connection--two\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"sophos-sbd-services__connection sophos-sbd-services__connection--three\" aria-hidden=\"true\"><\/div>\n\n\n      <!-- CARD 01 -->\n\n      <article class=\"sophos-sbd-services__card sophos-sbd-services__card--one\">\n\n        <span class=\"sophos-sbd-services__number\">\n          01\n        <\/span>\n\n        <h3>\n          Managed\n          <strong>Security.<\/strong>\n        <\/h3>\n\n        <p>\n          MDR und XDR als Grundlage f\u00fcr zus\u00e4tzliche\n          Managed Security Services.\n        <\/p>\n\n        <div>\n          <span>MDR<\/span>\n          <span>XDR<\/span>\n          <span>Managed Services<\/span>\n        <\/div>\n\n      <\/article>\n\n\n      <!-- CARD 02 -->\n\n      <article class=\"sophos-sbd-services__card sophos-sbd-services__card--two\">\n\n        <span class=\"sophos-sbd-services__number\">\n          02\n        <\/span>\n\n        <h3>\n          Security\n          <strong>Operations.<\/strong>\n        <\/h3>\n\n        <p>\n          Monitoring, Threat Hunting und Incident Response\n          als erweiterte Leistungen etablieren.\n        <\/p>\n\n        <div>\n          <span>Monitoring<\/span>\n          <span>Threat Hunting<\/span>\n          <span>Response<\/span>\n        <\/div>\n\n      <\/article>\n\n\n      <!-- CARD 03 -->\n\n      <article class=\"sophos-sbd-services__card sophos-sbd-services__card--three\">\n\n        <span class=\"sophos-sbd-services__number\">\n          03\n        <\/span>\n\n        <h3>\n          Wiederkehrende\n          <strong>Ums\u00e4tze.<\/strong>\n        <\/h3>\n\n        <p>\n          Assessments, Servicevertr\u00e4ge und zus\u00e4tzliche\n          Leistungen langfristig beim Kunden verankern.\n        <\/p>\n\n        <div>\n          <span>Assessments<\/span>\n          <span>Services<\/span>\n          <span>Recurring Revenue<\/span>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BUSINESS BENEFIT\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-services__benefit\">\n\n      <span>\n        Dein Vorteil\n      <\/span>\n\n      <strong>\n        Mehr Gesch\u00e4ft pro Kunde.\n        L\u00e4ngere Kundenbeziehungen.\n        Neue Wachstumsperspektiven.\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BLOCK 06 \u2013 ROOT\n   ========================================================= *\/\n\n.sophos-sbd-services,\n.sophos-sbd-services * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-services {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(100px,9vw,145px)\n    28px\n    clamp(95px,8vw,130px);\n\n  overflow: hidden;\n\n  font-family:\n    \"Outfit\", serif;\n\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      145deg,\n      #061421 0%,\n      #0a2440 53%,\n      #10345a 100%\n    );\n}\n\n\n\/* background glow *\/\n\n.sophos-sbd-services::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 20%;\n  left: 50%;\n\n  width: 680px;\n  height: 680px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(49,107,255,.13);\n\n  filter:\n    blur(125px);\n\n  transform:\n    translateX(-50%);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-services__inner {\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.sophos-sbd-services__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(390px,.72fr);\n\n  gap:\n    clamp(60px,8vw,130px);\n\n  align-items: end;\n\n  margin-bottom:\n    72px;\n}\n\n\n.sophos-sbd-services__header h2 {\n  max-width:\n    760px;\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size:\n    clamp(52px,5.3vw,78px);\n\n  line-height:\n    1;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.045em;\n}\n\n\n.sophos-sbd-services__header h2 strong {\n  display: block;\n\n  margin-top: 7px;\n\n  color: #ffffff;\n\n  font-weight: 500;\n}\n\n\n.sophos-sbd-services__header p {\n  margin: 0;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   STAGE\n   ========================================================= *\/\n\n.sophos-sbd-services__stage {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:\n    18px;\n\n  padding-top:\n    190px;\n}\n\n\n\/* =========================================================\n   CORE\n   ========================================================= *\/\n\n.sophos-sbd-services__core {\n  position: absolute;\n\n  top: 0;\n  left: 50%;\n\n  z-index: 4;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width:\n    155px;\n\n  height:\n    155px;\n\n  border:\n    1px solid\n    rgba(93,143,255,.52);\n\n  border-radius:\n    50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(49,107,255,.18),\n      rgba(5,22,39,.94) 68%\n    );\n\n  box-shadow:\n    0 0 0 13px\n    rgba(49,107,255,.035),\n    0 0 70px\n    rgba(49,107,255,.17);\n\n  transform:\n    translateX(-50%);\n\n  text-align: center;\n}\n\n\n.sophos-sbd-services__core span {\n  color:\n    rgba(255,255,255,.43);\n\n  font-size:\n    10px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .1em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-services__core strong {\n  margin-top:\n    6px;\n\n  color:\n    #ffffff;\n\n  font-size:\n    26px;\n\n  line-height:\n    1;\n\n  font-weight:\n    400;\n}\n\n\n.sophos-sbd-services__core small {\n  margin-top:\n    8px;\n\n  color:\n    rgba(255,255,255,.39);\n\n  font-size:\n    10px;\n}\n\n\n\/* =========================================================\n   CONNECTIONS\n   ========================================================= *\/\n\n.sophos-sbd-services__connection {\n  position: absolute;\n\n  top: 145px;\n\n  z-index: 1;\n\n  height: 1px;\n\n  transform-origin:\n    center;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(81,135,255,.38),\n      transparent\n    );\n}\n\n\n.sophos-sbd-services__connection--one {\n  left: 18%;\n\n  width: 32%;\n\n  transform:\n    rotate(-17deg);\n}\n\n\n.sophos-sbd-services__connection--two {\n  top: 150px;\n  left: 50%;\n\n  width: 1px;\n  height: 70px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(81,135,255,.38),\n      transparent\n    );\n\n  transform: none;\n}\n\n\n.sophos-sbd-services__connection--three {\n  right: 18%;\n\n  width: 32%;\n\n  transform:\n    rotate(17deg);\n}\n\n\n\/* =========================================================\n   CARDS\n   ========================================================= *\/\n\n.sophos-sbd-services__card {\n  position: relative;\n\n  z-index: 2;\n\n  min-height:\n    340px;\n\n  padding:\n    31px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:\n    18px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  backdrop-filter:\n    blur(10px);\n\n  transition:\n    transform .32s ease,\n    border-color .32s ease,\n    background-color .32s ease,\n    box-shadow .32s ease;\n}\n\n\n.sophos-sbd-services__card::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -150px;\n  right: -130px;\n\n  width:\n    300px;\n\n  height:\n    300px;\n\n  border-radius:\n    50%;\n\n  opacity: 0;\n\n  background:\n    rgba(49,107,255,.20);\n\n  filter:\n    blur(75px);\n\n  transition:\n    opacity .35s ease;\n}\n\n\n.sophos-sbd-services__card:hover {\n  transform:\n    translateY(-7px);\n\n  border-color:\n    rgba(78,135,255,.33);\n\n  background:\n    rgba(255,255,255,.06);\n\n  box-shadow:\n    0 25px 55px\n    rgba(0,0,0,.18);\n}\n\n\n.sophos-sbd-services__card:hover::before {\n  opacity: 1;\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.sophos-sbd-services__number {\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  place-items: center;\n\n  width:\n    46px;\n\n  height:\n    46px;\n\n  margin-bottom:\n    28px;\n\n  border:\n    1px solid\n    rgba(92,145,255,.38);\n\n  border-radius:\n    50%;\n\n  color:\n    #78a4ff;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .08em;\n}\n\n\n\/* =========================================================\n   CARD CONTENT\n   ========================================================= *\/\n\n.sophos-sbd-services__card h3 {\n  position: relative;\n\n  z-index: 2;\n\n  margin: 0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(29px,2.6vw,38px);\n\n  line-height:\n    1.1;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.03em;\n}\n\n\n.sophos-sbd-services__card h3 strong {\n  display: block;\n\n  margin-top:\n    4px;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-services__card p {\n  position: relative;\n\n  z-index: 2;\n\n  margin:\n    21px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.56);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* tags *\/\n\n.sophos-sbd-services__card > div {\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap:\n    7px;\n\n  margin-top:\n    27px;\n}\n\n\n.sophos-sbd-services__card > div span {\n  display: inline-flex;\n\n  align-items: center;\n\n  min-height:\n    31px;\n\n  padding:\n    5px\n    10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.11);\n\n  border-radius:\n    6px;\n\n  color:\n    rgba(255,255,255,.60);\n\n  background:\n    rgba(255,255,255,.035);\n\n  font-size:\n    12px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   BENEFIT\n   ========================================================= *\/\n\n.sophos-sbd-services__benefit {\n  display: grid;\n\n  grid-template-columns:\n    150px\n    minmax(0,1fr);\n\n  gap:\n    32px;\n\n  align-items: start;\n\n  margin-top:\n    65px;\n\n  padding-top:\n    27px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sophos-sbd-services__benefit span {\n  color:\n    #ed5740;\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .13em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-services__benefit strong {\n  max-width:\n    880px;\n\n  color:\n    rgba(255,255,255,.88);\n\n  font-size:\n    clamp(24px,2.2vw,31px);\n\n  line-height:\n    1.35;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 980px) {\n\n  .sophos-sbd-services__header {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      28px;\n  }\n\n\n  .sophos-sbd-services__stage {\n    grid-template-columns:\n      1fr;\n\n    padding-top:\n      180px;\n  }\n\n\n  .sophos-sbd-services__connection {\n    display:\n      none;\n  }\n\n\n  .sophos-sbd-services__card {\n    min-height:\n      auto;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .sophos-sbd-services {\n    padding:\n      75px\n      18px;\n  }\n\n\n  .sophos-sbd-services__header h2 {\n    font-size:\n      clamp(44px,12vw,60px);\n  }\n\n\n  .sophos-sbd-services__header p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-services__stage {\n    padding-top:\n      155px;\n  }\n\n\n  .sophos-sbd-services__core {\n    width:\n      135px;\n\n    height:\n      135px;\n  }\n\n\n  .sophos-sbd-services__card {\n    padding:\n      25px\n      21px;\n  }\n\n\n  .sophos-sbd-services__benefit {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      14px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-services__card {\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN DE\n     PAGE ID 27644\n     BLOCK 07 \u2013 INFINIGATE PARTNER VALUE\n     ========================================================= -->\n\n<section class=\"sophos-sbd-partner\" id=\"sophos-infinigate\" aria-labelledby=\"sophos-sbd-partner-title\">\n\n  <div class=\"sophos-sbd-partner__inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-partner__header\">\n\n      <div>\n\n        <h2 id=\"sophos-sbd-partner-title\">\n          Technologie allein\n          <strong>gewinnt kein Projekt.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div>\n\n       <p>\n  Infinigate unterst\u00fctzt dich dabei, Potenziale\n  im Kundenbestand zu erkennen und daraus konkrete\n  Sophos Firewall-Projekte zu entwickeln.\n<\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BENTO GRID\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-partner__grid\">\n\n      <!-- 01 LARGE -->\n\n      <article class=\"sophos-sbd-partner__card sophos-sbd-partner__card--large\">\n\n        <span class=\"sophos-sbd-partner__number\">\n          01\n        <\/span>\n\n        <div>\n\n          <h3>\n            Individuelle\n            <strong>Beratung.<\/strong>\n          <\/h3>\n\n          <p>\n            Gemeinsam identifizieren wir passende Kunden,\n            Projektpotenziale und konkrete n\u00e4chste Schritte.\n          <\/p>\n\n        <\/div>\n\n        <span class=\"sophos-sbd-partner__symbol\" aria-hidden=\"true\">\n          +\n        <\/span>\n\n      <\/article>\n\n\n      <!-- 02 -->\n\n      <article class=\"sophos-sbd-partner__card\">\n\n        <span class=\"sophos-sbd-partner__number\">\n          02\n        <\/span>\n\n        <h3>\n          Sales\n          <strong>Support.<\/strong>\n        <\/h3>\n\n        <p>\n          Unterst\u00fctzung bei Positionierung,\n          Kundengespr\u00e4chen und Projektentwicklung.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 03 -->\n\n      <article class=\"sophos-sbd-partner__card\">\n\n        <span class=\"sophos-sbd-partner__number\">\n          03\n        <\/span>\n\n        <h3>\n          Technisches\n          <strong>Enablement.<\/strong>\n        <\/h3>\n\n        <p>\n          Know-how und Unterst\u00fctzung f\u00fcr\n          technische Fragen und Projektvorbereitung.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 04 ACCENT -->\n\n      <article class=\"sophos-sbd-partner__card sophos-sbd-partner__card--accent\">\n\n        <span class=\"sophos-sbd-partner__number\">\n          04\n        <\/span>\n\n        <h3>\n          Marketing\n          <strong>Unterst\u00fctzung.<\/strong>\n        <\/h3>\n\n        <p>\n          Kampagnenmaterialien und Ressourcen\n          f\u00fcr die gezielte Kundenansprache.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 05 -->\n\n      <article class=\"sophos-sbd-partner__card\">\n\n        <span class=\"sophos-sbd-partner__number\">\n          05\n        <\/span>\n\n        <h3>\n          Migrations-\n          <strong>Support.<\/strong>\n        <\/h3>\n\n        <p>\n          Unterst\u00fctzung bei Planung,\n          Vorbereitung und Umsetzung von Migrationen.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 06 WIDE -->\n\n      <article class=\"sophos-sbd-partner__card sophos-sbd-partner__card--wide\">\n\n        <span class=\"sophos-sbd-partner__number\">\n          06\n        <\/span>\n\n        <div>\n\n          <h3>\n            Know-how &amp;\n            <strong>Ressourcen.<\/strong>\n          <\/h3>\n\n          <p>\n  Direkter Zugang zu relevanten Produktinformationen,\n  Kampagneninhalten und Materialien f\u00fcr deine Projekte.\n<\/p>\n\n        <\/div>\n\n        <div class=\"sophos-sbd-partner__tags\">\n          <span>Sales<\/span>\n          <span>Technical<\/span>\n          <span>Marketing<\/span>\n          <span>Migration<\/span>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CTA\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-partner__bottom\">\n\n      <div>\n\n        <span>\n          Gemeinsam zum Projekt\n        <\/span>\n\n        <strong>\n  Sprich mit unserem Sophos-Team.\n<\/strong>\n\n      <\/div>\n\n\n      <a class=\"sophos-sbd-partner__button\" href=\"#sophos-beratung\">\n        <span>Beratungsgespr\u00e4ch anfragen<\/span>\n        <i aria-hidden=\"true\">\u2192<\/i>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BLOCK 07 \u2013 ROOT\n   ========================================================= *\/\n\n.sophos-sbd-partner,\n.sophos-sbd-partner * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-partner {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(100px,9vw,145px)\n    28px\n    clamp(90px,8vw,125px);\n\n  overflow: hidden;\n\n  font-family:\n    \"Outfit\", serif;\n\n  color:\n    #153447;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f7f9fb 100%\n    );\n}\n\n\n\/* subtle blue glow *\/\n\n.sophos-sbd-partner::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -220px;\n  right: -150px;\n\n  width: 600px;\n  height: 600px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(49,107,255,.055);\n\n  filter:\n    blur(100px);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-partner__inner {\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.sophos-sbd-partner__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(390px,.72fr);\n\n  gap:\n    clamp(60px,8vw,130px);\n\n  align-items:\n    end;\n\n  margin-bottom:\n    60px;\n}\n\n\n.sophos-sbd-partner__header h2 {\n  max-width:\n    760px;\n\n  margin: 0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(52px,5.3vw,78px);\n\n  line-height:\n    1;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.045em;\n}\n\n\n.sophos-sbd-partner__header h2 strong {\n  display: block;\n\n  margin-top: 7px;\n\n  color:\n    #153447;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-partner__header p {\n  margin: 0;\n\n  color:\n    rgba(21,52,71,.67);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.sophos-sbd-partner__grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  grid-auto-rows:\n    minmax(245px,auto);\n\n  gap:\n    14px;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.sophos-sbd-partner__card {\n  position: relative;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n\n  min-height:\n    245px;\n\n  padding:\n    29px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(21,52,71,.10);\n\n  border-radius:\n    16px;\n\n  background:\n    rgba(255,255,255,.88);\n\n  box-shadow:\n    0 16px 45px\n    rgba(21,52,71,.045);\n\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.sophos-sbd-partner__card:hover {\n  transform:\n    translateY(-5px);\n\n  border-color:\n    rgba(49,107,255,.24);\n\n  box-shadow:\n    0 24px 55px\n    rgba(21,52,71,.08);\n}\n\n\n\/* =========================================================\n   SPECIAL SIZES\n   ========================================================= *\/\n\n.sophos-sbd-partner__card--large {\n  grid-column:\n    span 2;\n\n  grid-row:\n    span 2;\n\n  min-height:\n    504px;\n\n  padding:\n    38px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #071a2d 0%,\n      #0b3157 100%\n    );\n\n  color:\n    #ffffff;\n}\n\n\n.sophos-sbd-partner__card--wide {\n  grid-column:\n    span 2;\n}\n\n\n\/* accent *\/\n\n.sophos-sbd-partner__card--accent {\n  background:\n    linear-gradient(\n      145deg,\n      #f0f5ff 0%,\n      #ffffff 100%\n    );\n\n  border-color:\n    rgba(49,107,255,.18);\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.sophos-sbd-partner__number {\n  display: grid;\n\n  place-items: center;\n\n  width:\n    42px;\n\n  height:\n    42px;\n\n  margin-bottom:\n    32px;\n\n  border:\n    1px solid\n    rgba(49,107,255,.22);\n\n  border-radius:\n    50%;\n\n  color:\n    #316bff;\n\n  background:\n    #f3f6ff;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .07em;\n}\n\n\n.sophos-sbd-partner__card--large\n.sophos-sbd-partner__number {\n  border-color:\n    rgba(255,255,255,.18);\n\n  background:\n    rgba(255,255,255,.05);\n\n  color:\n    #79a5ff;\n}\n\n\n\/* =========================================================\n   TITLES\n   ========================================================= *\/\n\n.sophos-sbd-partner__card h3 {\n  margin: 0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(25px,2.15vw,32px);\n\n  line-height:\n    1.12;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.025em;\n}\n\n\n.sophos-sbd-partner__card h3 strong {\n  display: block;\n\n  margin-top:\n    3px;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-partner__card p {\n  margin:\n    18px\n    0\n    0;\n\n  color:\n    rgba(21,52,71,.59);\n\n  font-size:\n    17px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* large card *\/\n\n.sophos-sbd-partner__card--large h3 {\n  max-width:\n    480px;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(37px,3.5vw,52px);\n\n  line-height:\n    1.06;\n}\n\n\n.sophos-sbd-partner__card--large p {\n  max-width:\n    480px;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size:\n    19px;\n}\n\n\n\/* =========================================================\n   LARGE CARD SYMBOL\n   ========================================================= *\/\n\n.sophos-sbd-partner__symbol {\n  position: absolute;\n\n  right:\n    30px;\n\n  bottom:\n    18px;\n\n  color:\n    rgba(255,255,255,.06);\n\n  font-size:\n    180px;\n\n  line-height:\n    1;\n\n  font-weight:\n    200;\n\n  pointer-events:\n    none;\n}\n\n\n\/* =========================================================\n   TAGS\n   ========================================================= *\/\n\n.sophos-sbd-partner__tags {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap:\n    7px;\n\n  margin-top:\n    25px;\n}\n\n\n.sophos-sbd-partner__tags span {\n  display: inline-flex;\n\n  padding:\n    6px\n    10px;\n\n  border:\n    1px solid\n    rgba(21,52,71,.11);\n\n  border-radius:\n    6px;\n\n  color:\n    rgba(21,52,71,.59);\n\n  background:\n    #ffffff;\n\n  font-size:\n    12px;\n\n  line-height:\n    1.2;\n}\n\n\n\/* =========================================================\n   BOTTOM CTA\n   ========================================================= *\/\n\n.sophos-sbd-partner__bottom {\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap:\n    35px;\n\n  margin-top:\n    55px;\n\n  padding-top:\n    26px;\n\n  border-top:\n    1px solid\n    rgba(21,52,71,.10);\n}\n\n\n.sophos-sbd-partner__bottom > div {\n  display: flex;\n\n  flex-direction: column;\n\n  gap:\n    7px;\n}\n\n\n.sophos-sbd-partner__bottom span {\n  color:\n    #ed5740;\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-partner__bottom strong {\n  color:\n    #153447;\n\n  font-size:\n    21px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    400;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.sophos-sbd-partner__button {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap:\n    .5em;\n\n  flex:\n    0 0 auto;\n\n  padding:\n    .8em\n    1.5em;\n\n  border:\n    1px solid\n    #ed5740;\n\n  border-radius:\n    6px;\n\n  background:\n    #ffffff !important;\n\n  color:\n    #ed5740 !important;\n\n  font-family:\n    \"Outfit\", serif !important;\n\n  font-size:\n    18px !important;\n\n  line-height:\n    28px !important;\n\n  font-weight:\n    500 !important;\n\n  letter-spacing:\n    0 !important;\n\n  text-transform:\n    none !important;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    transform .3s ease,\n    background-color .3s ease,\n    border-color .3s ease,\n    color .3s ease;\n}\n\n\n.sophos-sbd-partner__button:hover,\n.sophos-sbd-partner__button:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #ed5740 !important;\n\n  border-color:\n    #ed5740 !important;\n\n  color:\n    #ffffff !important;\n}\n\n\n.sophos-sbd-partner__button span {\n  color:\n    inherit !important;\n\n  font-size:\n    inherit !important;\n\n  letter-spacing:\n    0 !important;\n\n  text-transform:\n    none !important;\n}\n\n\n.sophos-sbd-partner__button i {\n  color:\n    inherit !important;\n\n  font-style:\n    normal;\n\n  font-size:\n    18px;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.sophos-sbd-partner__button:hover i {\n  transform:\n    translateX(4px);\n}\n\n\n.sophos-sbd-partner__button:focus-visible {\n  outline:\n    3px solid\n    rgba(237,87,64,.18);\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .sophos-sbd-partner__header {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      28px;\n  }\n\n\n  .sophos-sbd-partner__grid {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n\n  .sophos-sbd-partner__card--large {\n    grid-row:\n      auto;\n\n    min-height:\n      370px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .sophos-sbd-partner {\n    padding:\n      75px\n      18px;\n  }\n\n\n  .sophos-sbd-partner__header h2 {\n    font-size:\n      clamp(44px,12vw,60px);\n  }\n\n\n  .sophos-sbd-partner__header p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-partner__grid {\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .sophos-sbd-partner__card,\n  .sophos-sbd-partner__card--large,\n  .sophos-sbd-partner__card--wide {\n    grid-column:\n      auto;\n\n    min-height:\n      auto;\n  }\n\n\n  .sophos-sbd-partner__card--large {\n    padding:\n      29px;\n\n    min-height:\n      340px;\n  }\n\n\n  .sophos-sbd-partner__bottom {\n    flex-direction:\n      column;\n\n    align-items:\n      flex-start;\n  }\n\n\n  .sophos-sbd-partner__button {\n    width:\n      100%;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-partner__card,\n  .sophos-sbd-partner__button,\n  .sophos-sbd-partner__button i {\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN DE\n     PAGE ID 27644\n     BLOCK 09 \u2013 DOWNLOAD LIBRARY\n     ========================================================= -->\n\n<section class=\"sophos-sbd-downloads\" id=\"sophos-downloads\" aria-labelledby=\"sophos-sbd-downloads-title\">\n\n  <div class=\"sophos-sbd-downloads__inner\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-downloads__header\">\n\n      <div>\n\n        <h2 id=\"sophos-sbd-downloads-title\">\n  Wissen f\u00fcr dein\n  <strong>n\u00e4chstes Projekt.<\/strong>\n<\/h2>\n\n      <\/div>\n\n\n      <div>\n\n        <p>\n  Nutze Whitepaper, Solution Briefs und den\n  Migration Guide f\u00fcr Kundengespr\u00e4che,\n  Projektvorbereitung und technische Bewertung.\n<\/p>\n\n        <span>\n          Einmal registrieren \u2013 alle Materialien nutzen.\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         RESOURCE GRID\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-downloads__grid\">\n\n      <!-- 01 -->\n\n      <article class=\"sophos-sbd-downloads__card\">\n\n        <div class=\"sophos-sbd-downloads__cover\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/Secure-by-Design-Building-cybersecurity-into-the-foundation.jpg\" alt=\"Secure by Design \u2013 Building cybersecurity into the foundation\" loading=\"lazy\">\n\n          <span class=\"sophos-sbd-downloads__type\">\n            Whitepaper\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"sophos-sbd-downloads__content\">\n\n          <span class=\"sophos-sbd-downloads__number\">\n            01\n          <\/span>\n\n          <h3>\n            Secure by Design\n            <strong>Building cybersecurity into the foundation<\/strong>\n          <\/h3>\n\n          <button class=\"sophos-sbd-downloads__button\" type=\"button\" data-download-title=\"Secure by Design \u2013 Building cybersecurity into the foundation\" data-download-url=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/Secure-by-Design-Building-cybersecurity-into-the-foundation-DE.pdf\">\n            <span>Dokument herunterladen<\/span>\n            <i aria-hidden=\"true\">\u2192<\/i>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 02 -->\n\n      <article class=\"sophos-sbd-downloads__card\">\n\n        <div class=\"sophos-sbd-downloads__cover\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-firewall-brde.jpg\" alt=\"Sophos Firewall Brosch\u00fcre\" loading=\"lazy\">\n\n          <span class=\"sophos-sbd-downloads__type\">\n            Brosch\u00fcre\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"sophos-sbd-downloads__content\">\n\n          <span class=\"sophos-sbd-downloads__number\">\n            02\n          <\/span>\n\n          <h3>\n            Sophos Firewall\n            <strong>Brosch\u00fcre<\/strong>\n          <\/h3>\n\n          <button class=\"sophos-sbd-downloads__button\" type=\"button\" data-download-title=\"Sophos Firewall Brosch\u00fcre\" data-download-url=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-firewall-brde.pdf\">\n            <span>Dokument herunterladen<\/span>\n            <i aria-hidden=\"true\">\u2192<\/i>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 03 -->\n\n      <article class=\"sophos-sbd-downloads__card\">\n\n        <div class=\"sophos-sbd-downloads__cover\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-firewall-migration-guide.jpg\" alt=\"Sophos Firewall Migration Guide\" loading=\"lazy\">\n\n          <span class=\"sophos-sbd-downloads__type\">\n            Migration Guide\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"sophos-sbd-downloads__content\">\n\n          <span class=\"sophos-sbd-downloads__number\">\n            03\n          <\/span>\n\n          <h3>\n            Sophos Firewall\n            <strong>Migration Guide<\/strong>\n          <\/h3>\n\n          <button class=\"sophos-sbd-downloads__button\" type=\"button\" data-download-title=\"Sophos Firewall Migration Guide\" data-download-url=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-firewall-migration-guide-de.pdf\">\n            <span>Dokument herunterladen<\/span>\n            <i aria-hidden=\"true\">\u2192<\/i>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 04 -->\n\n      <article class=\"sophos-sbd-downloads__card\">\n\n        <div class=\"sophos-sbd-downloads__cover\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-firewall-security-brief.jpg\" alt=\"Sophos Firewall Security Brief\" loading=\"lazy\">\n\n          <span class=\"sophos-sbd-downloads__type\">\n            Security Brief\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"sophos-sbd-downloads__content\">\n\n          <span class=\"sophos-sbd-downloads__number\">\n            04\n          <\/span>\n\n          <h3>\n            Sophos Firewall\n            <strong>Security Brief<\/strong>\n          <\/h3>\n\n          <button class=\"sophos-sbd-downloads__button\" type=\"button\" data-download-title=\"Sophos Firewall Security Brief\" data-download-url=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-firewall-security-brief-de.pdf\">\n            <span>Dokument herunterladen<\/span>\n            <i aria-hidden=\"true\">\u2192<\/i>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 05 -->\n\n      <article class=\"sophos-sbd-downloads__card\">\n\n        <div class=\"sophos-sbd-downloads__cover\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/Sophos-Firewall-Solution-Brief.jpg\" alt=\"Sophos Firewall Solution Brief\" loading=\"lazy\">\n\n          <span class=\"sophos-sbd-downloads__type\">\n            Solution Brief\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"sophos-sbd-downloads__content\">\n\n          <span class=\"sophos-sbd-downloads__number\">\n            05\n          <\/span>\n\n          <h3>\n            Sophos Firewall\n            <strong>Solution Brief<\/strong>\n          <\/h3>\n\n          <button class=\"sophos-sbd-downloads__button\" type=\"button\" data-download-title=\"Sophos Firewall Solution Brief\" data-download-url=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/Sophos-Firewall-Solution-Brief-DE.pdf\">\n            <span>Dokument herunterladen<\/span>\n            <i aria-hidden=\"true\">\u2192<\/i>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 06 -->\n\n      <article class=\"sophos-sbd-downloads__card\">\n\n        <div class=\"sophos-sbd-downloads__cover\">\n\n          <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-secure-by-design-whitepaper.jpg\" alt=\"Sophos Secure by Design Whitepaper\" loading=\"lazy\">\n\n          <span class=\"sophos-sbd-downloads__type\">\n            Whitepaper\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"sophos-sbd-downloads__content\">\n\n          <span class=\"sophos-sbd-downloads__number\">\n            06\n          <\/span>\n\n          <h3>\n            Sophos\n            <strong>Secure by Design Whitepaper<\/strong>\n          <\/h3>\n\n          <button class=\"sophos-sbd-downloads__button\" type=\"button\" data-download-title=\"Sophos Secure by Design Whitepaper\" data-download-url=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/sophos-secure-by-design-whitepaper-de.pdf\">\n            <span>Dokument herunterladen<\/span>\n            <i aria-hidden=\"true\">\u2192<\/i>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n<!-- 07 -->\n\n<article class=\"sophos-sbd-downloads__card\">\n\n  <div class=\"sophos-sbd-downloads__cover\">\n\n    <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/11\/Sophos-Firewall-Key-New-Features-in-OS-v23-1.jpg\" alt=\"Sophos Firewall OS v23 \u2013 Key New Features\" loading=\"lazy\">\n\n    <span class=\"sophos-sbd-downloads__type\">\n      Feature-\u00dcbersicht\n    <\/span>\n\n  <\/div>\n\n\n  <div class=\"sophos-sbd-downloads__content\">\n\n    <span class=\"sophos-sbd-downloads__number\">\n      07\n    <\/span>\n\n    <h3>\n      Sophos Firewall OS v23\n      <strong>Key New Features<\/strong>\n    <\/h3>\n\n    <button class=\"sophos-sbd-downloads__button\" type=\"button\" data-download-title=\"Sophos Firewall OS v23 \u2013 Key New Features\" data-download-url=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/11\/Sophos-Firewall-Key-New-Features-in-OS-v23.pdf\">\n      <span>Dokument herunterladen<\/span>\n      <i aria-hidden=\"true\">\u2192<\/i>\n    <\/button>\n\n  <\/div>\n\n<\/article>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       DOWNLOAD MODAL\n       FORMULAR WIRD SP\u00c4TER EINGESETZT\n       ===================================================== -->\n\n  <div class=\"sophos-sbd-download-modal\" id=\"sophos-download-modal\" aria-hidden=\"true\">\n\n    <div class=\"sophos-sbd-download-modal__backdrop\" data-download-close=\"\"><\/div>\n\n\n    <div class=\"sophos-sbd-download-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sophos-download-modal-title\">\n\n      <button class=\"sophos-sbd-download-modal__close\" type=\"button\" aria-label=\"Fenster schliessen\" data-download-close=\"\">\n        \u00d7\n      <\/button>\n\n\n      <span class=\"sophos-sbd-download-modal__label\">\n        Download freischalten\n      <\/span>\n\n\n      <h3 id=\"sophos-download-modal-title\">\n        Material herunterladen\n      <\/h3>\n\n\n     <p>\n  Gib kurz deine Kontaktdaten an.\n  Anschliessend steht dir das gew\u00fcnschte Dokument zur Verf\u00fcgung.\n<\/p>\n\n\n      <div class=\"sophos-sbd-download-modal__form\">\n\n        <!-- =================================================\n             HIER SP\u00c4TER DAS GRAVITY FORM EINSETZEN\n             Ben\u00f6tigte Felder:\n             Vorname \/ Nachname\n             Unternehmen\n             E-Mail\n             ================================================= -->\n\n        <div class=\"sophos-sbd-download-modal__gravity\">\n\n  <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_344' ><div id='gf_344' class='gform_anchor' tabindex='-1'><\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_344' id='gform_344'  action='\/ch\/wp-json\/wp\/v2\/pages\/27644#gf_344' data-formid='344' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_344' class='gform_fields top_label form_sublabel_above description_above validation_below' data-column-layout='fill'><div id=\"field_344_8\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"><label id='gfield_label_344_8' class='gfield_label gform-field-label' for='input_344_8'><span class='gform-field-label__text'>Comments<\/span><\/label><div class='gfield_description' id='gfield_description_344_8'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><div class='ginput_container'><input name='input_8' id='input_344_8' type='text' value='' autocomplete='new-password'\/><\/div><\/div><div id=\"field_344_2\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"e79f5572\" data-field-span=\"12\"><label id='gfield_label_344_2' class='gfield_label gform-field-label' for='input_344_2'><span class='gform-field-label__text'>E-Mail<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_344_2' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><fieldset id=\"field_344_1\" class=\"gfield gfield--type-name gfield--input-type-name field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\" data-group-id=\"755102fe\" data-field-span=\"12\"><legend id='gfield_label_344_1' class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Name<\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_344_1'>\n                            \n                            <span id='input_344_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <label for='input_344_1_3' id='input_344_1_3_label' class='gform-field-label gform-field-label--type-sub '>Vorname<\/label>\n                                                    <input type='text' name='input_1.3' id='input_344_1_3' value=''   aria-required='false'    autocomplete=\"given-name\" aria-labelledby=\"input_344_1_3_label gfield_label_344_1\"\/>\n                                                <\/span>\n                            \n                            <span id='input_344_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                            <label for='input_344_1_6' id='input_344_1_6_label' class='gform-field-label gform-field-label--type-sub '>Nachname<\/label>\n                                                            <input type='text' name='input_1.6' id='input_344_1_6' value=''   aria-required='false'    autocomplete=\"family-name\" \/>\n                                                        <\/span>\n                            \n                        <\/div><\/fieldset><div id=\"field_344_7\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_hidden\" data-group-id=\"d8881a8d\" data-field-span=\"12\"><label id='gfield_label_344_7' class='gfield_label gform-field-label' for='input_344_7'><span class='gform-field-label__text'>Gew\u00e4hlter Download<\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_344_7' type='text' value='' class='large'      aria-invalid=\"false\"   \/><\/div><\/div><fieldset id=\"field_344_6\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible gfield--choice-align-vertical\" data-group-id=\"61168907\" data-field-span=\"12\"><legend id='gfield_label_344_6' class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Einwilligung<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(erforderlich)<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_6.1' id='input_344_6_1' type='checkbox' value='1'   aria-labelledby=\"input_344_6_1_label gfield_label_344_6\" aria-required=\"true\" aria-invalid=\"false\"   \/> <label id='input_344_6_1_label' class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_344_6_1' ><span class='gform-field-label__text'>Ich habe die <a href=\"https:\/\/www.infinigate.com\/ch\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a> der Infinigate (Schweiz) AG zur Kenntnis genommen.<\/span><\/label><input type='hidden' name='input_6.2' value='Ich habe die &lt;a href=&quot;https:\/\/www.infinigate.com\/ch\/datenschutz\/&quot;&gt;Datenschutzerkl\u00e4rung&lt;\/a&gt; der Infinigate (Schweiz) AG zur Kenntnis genommen.' class='gform_hidden' \/><input type='hidden' name='input_6.3' value='171' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_344' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >PDF herunterladen<\/button> <input type='hidden' name='gform_ajax' value='form_id=344&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=fd20f2e18a61dd22558e7b013f5f3012' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_344' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_344' id='gform_theme_344' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_344' id='gform_style_settings_344' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_344' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='344' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='CHF' value='kzyck6PSnmIWCxzYAbTTyQZ3JL0BZKNysj8GYQKzj8D1uc6WAxTjKogF3HxfXCT1Sj7pjfhFK8lKWFcQbTm6eigYnPnfDSWeEhX6KyolSCDKshs=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_344' value='WyJ7XCI2LjFcIjpcIjdlODI1Y2E3MDdhMDliNzU5OWZjYmFkNmZmYjMxMmFlXCIsXCI2LjJcIjpcImY3Mjc4ZTAwMjdlMDVhYmQ5NGY1YmVkNjliODY0N2JjXCIsXCI2LjNcIjpcImJkZDhiMjI4OTdiNmNkMDllMjY0OGFiNjIzYWNiMmEwXCIsXCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcIjc1Y2IxOGUzYjM2ZTQ0Y2RiYTNmMGUzOTQzNzRjYTA5XCIsXCI2NGM4MDlkOWQzZmZjMjhmYWRmZjNlZTIxYzY1NGEwNFwiLFwiZDc4MDNkZjc5MWVmMWVhNTA2NjkwYmY2ZTRmOWFiMGNcIl0sXCJnZm9ybV90aGVtZVwiOlwiNzdmMTNiNDg2NGNjNjZmODA0YThkMWZlNDYwNTI3MThcIixcImdmb3JtX3N0eWxlX3NldHRpbmdzXCI6XCJlOGRjMGI1OTEzYWNlNzdkMGQ4NTlmMDM1MDI4MGNjZVwiLFwiZm9ybV9pZFwiOlwiYmE0MjQ4ZjM0NTE2NzYzNTY0Y2EyYjQwNDJhMTExMTlcIixcInVybFwiOlwiZTBmY2I5NWRkZjk1ZDNhMzVjOTQ2MDlmZWIxZWQwMGRcIixcInN0YXRlX3RpbWVzdGFtcFwiOlwiODM0MjA0YWE4MDcwMjE3MTQzY2VkZDAwOTQ5MzhkOWFcIn0iLCI4MjRmMGViZGVmZjYxZGMxY2U5Njg5ODk0ZGI3YTljOCIsMTc5NDI0ODIxOF0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_344' id='gform_target_page_number_344' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_344' id='gform_source_page_number_344' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_344' id='gform_ajax_frame_344' title='Dieser iframe enth\u00e4lt die erforderliche Logik um Gravity Forms Formulare mit AJAX zu handhaben.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {jQuery('#gform_ajax_frame_344').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_344');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_344').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_344').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_344').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_344').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_344').offset().top - mt); }, 50 );var current_page = jQuery('#gform_source_page_number_344').val();jQuery(document).trigger('gform_page_loaded', [344, current_page]);window['gf_submitting_344'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_344').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_344').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [344]);if(window.gform && gform.pagination && gform.pagination.removePageQueryArg){gform.pagination.removePageQueryArg(344);}window['gf_submitting_344'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_344').text());}else{jQuery('#gform_344').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"344\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_344\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_344\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_344\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 344, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n\n<\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   GRAVITY FORM 227\n   ========================================================= *\/\n\n.sophos-sbd-download-modal__gravity {\n  margin-top: 30px;\n}\n\n\n\/* Feld 7 \u2013 Gew\u00e4hlter Download verstecken *\/\n\n#field_344_7 {\n  display: none !important;\n}\n\n\n\/* Gravity Forms Typografie *\/\n\n.sophos-sbd-download-modal__gravity .gform_wrapper,\n.sophos-sbd-download-modal__gravity .gform_wrapper * {\n  font-family: \"Outfit\", serif;\n}\n\n\n.sophos-sbd-download-modal__gravity .gfield_label {\n  color: #153447 !important;\n\n  font-size: 16px !important;\n\n  font-weight: 500 !important;\n}\n\n\n.sophos-sbd-download-modal__gravity input[type=\"text\"],\n.sophos-sbd-download-modal__gravity input[type=\"email\"] {\n  min-height: 48px;\n\n  border:\n    1px solid rgba(21,52,71,.16) !important;\n\n  border-radius:\n    6px !important;\n\n  background:\n    #ffffff !important;\n\n  color:\n    #153447 !important;\n\n  font-size:\n    17px !important;\n\n  box-shadow:\n    none !important;\n}\n\n\n.sophos-sbd-download-modal__gravity input[type=\"text\"]:focus,\n.sophos-sbd-download-modal__gravity input[type=\"email\"]:focus {\n  border-color:\n    #316bff !important;\n\n  outline:\n    3px solid rgba(49,107,255,.10) !important;\n\n  outline-offset:\n    1px;\n}\n\n\n\/* Submit *\/\n\n.sophos-sbd-download-modal__gravity\n.gform_button {\n  padding:\n    .8em\n    1.5em !important;\n\n  border:\n    1px solid #ed5740 !important;\n\n  border-radius:\n    6px !important;\n\n  background:\n    #ffffff !important;\n\n  color:\n    #ed5740 !important;\n\n  font-family:\n    \"Outfit\", serif !important;\n\n  font-size:\n    18px !important;\n\n  line-height:\n    28px !important;\n\n  font-weight:\n    500 !important;\n\n  letter-spacing:\n    0 !important;\n\n  text-transform:\n    none !important;\n\n  cursor:\n    pointer;\n\n  transition:\n    background-color .3s ease,\n    color .3s ease,\n    transform .3s ease;\n}\n\n\n.sophos-sbd-download-modal__gravity\n.gform_button:hover,\n.sophos-sbd-download-modal__gravity\n.gform_button:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #ed5740 !important;\n\n  color:\n    #ffffff !important;\n}\n\/* =========================================================\n   BLOCK 09 \u2013 ROOT\n   ========================================================= *\/\n\n.sophos-sbd-downloads,\n.sophos-sbd-downloads * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-downloads {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(100px,9vw,145px)\n    28px\n    clamp(95px,8vw,130px);\n\n  overflow: hidden;\n\n  font-family:\n    \"Outfit\", serif;\n\n  color:\n    #153447;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f7f9fc 0%,\n      #ffffff 100%\n    );\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-downloads__inner {\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.sophos-sbd-downloads__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(390px,.72fr);\n\n  gap:\n    clamp(60px,8vw,130px);\n\n  align-items:\n    end;\n\n  margin-bottom:\n    60px;\n}\n\n\n.sophos-sbd-downloads__header h2 {\n  margin: 0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(52px,5.3vw,78px);\n\n  line-height:\n    1;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.045em;\n}\n\n\n.sophos-sbd-downloads__header h2 strong {\n  display: block;\n\n  margin-top:\n    7px;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-downloads__header p {\n  margin: 0;\n\n  color:\n    rgba(21,52,71,.67);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n.sophos-sbd-downloads__header > div:last-child > span {\n  display: block;\n\n  margin-top:\n    18px;\n\n  color:\n    #316bff;\n\n  font-size:\n    14px;\n\n  font-weight:\n    500;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.sophos-sbd-downloads__grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:\n    16px;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.sophos-sbd-downloads__card {\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(21,52,71,.10);\n\n  border-radius:\n    18px;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 18px 46px\n    rgba(21,52,71,.055);\n\n  transition:\n    transform .32s ease,\n    border-color .32s ease,\n    box-shadow .32s ease;\n}\n\n\n.sophos-sbd-downloads__card:hover {\n  transform:\n    translateY(-6px);\n\n  border-color:\n    rgba(49,107,255,.22);\n\n  box-shadow:\n    0 28px 65px\n    rgba(21,52,71,.10);\n}\n\n\n\/* =========================================================\n   COVER\n   ========================================================= *\/\n\n.sophos-sbd-downloads__cover {\n  position: relative;\n\n  aspect-ratio:\n    16 \/ 10;\n\n  overflow: hidden;\n\n  background:\n    #e9edf3;\n}\n\n\n.sophos-sbd-downloads__cover img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  object-position: center;\n\n  transition:\n    transform .6s\n    cubic-bezier(.22,1,.36,1);\n}\n\n\n.sophos-sbd-downloads__card:hover\n.sophos-sbd-downloads__cover img {\n  transform:\n    scale(1.025);\n}\n\n\n\/* type badge *\/\n\n.sophos-sbd-downloads__type {\n  position: absolute;\n\n  top: 15px;\n  left: 15px;\n\n  padding:\n    6px\n    9px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.24);\n\n  border-radius:\n    6px;\n\n  color:\n    #ffffff;\n\n  background:\n    rgba(4,18,31,.72);\n\n  backdrop-filter:\n    blur(8px);\n\n  font-size:\n    11px;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    .05em;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.sophos-sbd-downloads__content {\n  display: flex;\n\n  flex-direction: column;\n\n  min-height:\n    235px;\n\n  padding:\n    22px;\n}\n\n\n.sophos-sbd-downloads__number {\n  color:\n    #316bff;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .08em;\n}\n\n\n.sophos-sbd-downloads__content h3 {\n  margin:\n    14px\n    0\n    24px;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(22px,1.7vw,27px);\n\n  line-height:\n    1.15;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.025em;\n}\n\n\n.sophos-sbd-downloads__content h3 strong {\n  display: block;\n\n  margin-top:\n    3px;\n\n  font-weight:\n    500;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.sophos-sbd-downloads__button {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap:\n    .5em;\n\n  width:\n    fit-content;\n\n  margin-top:\n    auto;\n\n  padding:\n    .8em\n    1.5em;\n\n  border:\n    1px solid\n    #ed5740;\n\n  border-radius:\n    6px;\n\n  background:\n    #ffffff !important;\n\n  color:\n    #ed5740 !important;\n\n  font-family:\n    \"Outfit\", serif !important;\n\n  font-size:\n    18px !important;\n\n  line-height:\n    28px !important;\n\n  font-weight:\n    500 !important;\n\n  letter-spacing:\n    0 !important;\n\n  text-transform:\n    none !important;\n\n  cursor: pointer;\n\n  transition:\n    transform .3s ease,\n    background-color .3s ease,\n    border-color .3s ease,\n    color .3s ease;\n}\n\n\n.sophos-sbd-downloads__button:hover,\n.sophos-sbd-downloads__button:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #ed5740 !important;\n\n  border-color:\n    #ed5740 !important;\n\n  color:\n    #ffffff !important;\n}\n\n\n.sophos-sbd-downloads__button span,\n.sophos-sbd-downloads__button i {\n  color:\n    inherit !important;\n\n  text-transform:\n    none !important;\n}\n\n\n.sophos-sbd-downloads__button i {\n  font-style: normal;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.sophos-sbd-downloads__button:hover i {\n  transform:\n    translateX(4px);\n}\n\n\n\/* =========================================================\n   MODAL\n   ========================================================= *\/\n\n.sophos-sbd-download-modal {\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 99999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  padding: 25px;\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .3s ease,\n    visibility .3s ease;\n}\n\n\n.sophos-sbd-download-modal.is-open {\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n}\n\n\n.sophos-sbd-download-modal__backdrop {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    rgba(3,12,22,.76);\n\n  backdrop-filter:\n    blur(8px);\n}\n\n\n.sophos-sbd-download-modal__dialog {\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(620px,100%);\n\n  max-height:\n    calc(100vh - 50px);\n\n  overflow-y: auto;\n\n  padding:\n    42px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:\n    18px;\n\n  color:\n    #153447;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 35px 100px\n    rgba(0,0,0,.28);\n}\n\n\n.sophos-sbd-download-modal__close {\n  position: absolute;\n\n  top: 16px;\n  right: 18px;\n\n  width:\n    38px;\n\n  height:\n    38px;\n\n  border:\n    1px solid\n    rgba(21,52,71,.12);\n\n  border-radius:\n    50%;\n\n  color:\n    #153447;\n\n  background:\n    #ffffff;\n\n  font-size:\n    24px;\n\n  line-height:\n    1;\n\n  cursor:\n    pointer;\n}\n\n\n.sophos-sbd-download-modal__label {\n  display: block;\n\n  margin-bottom:\n    15px;\n\n  color:\n    #ed5740;\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-download-modal__dialog h3 {\n  margin: 0;\n\n  color:\n    #153447;\n\n  font-size:\n    clamp(34px,4vw,46px);\n\n  line-height:\n    1.05;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    -.03em;\n}\n\n\n.sophos-sbd-download-modal__dialog > p {\n  margin:\n    20px\n    0\n    0;\n\n  color:\n    rgba(21,52,71,.66);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* placeholder *\/\n\n.sophos-sbd-download-modal__placeholder {\n  display: flex;\n\n  flex-direction: column;\n\n  gap:\n    8px;\n\n  margin-top:\n    30px;\n\n  padding:\n    24px;\n\n  border:\n    1px dashed\n    rgba(49,107,255,.32);\n\n  border-radius:\n    12px;\n\n  background:\n    #f6f9ff;\n}\n\n\n.sophos-sbd-download-modal__placeholder strong {\n  color:\n    #153447;\n\n  font-size:\n    18px;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-download-modal__placeholder span {\n  color:\n    rgba(21,52,71,.58);\n\n  font-size:\n    16px;\n\n  line-height:\n    1.45;\n}\n\n\n\/* modal open *\/\n\nbody.sophos-sbd-download-open {\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .sophos-sbd-downloads__header {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      28px;\n  }\n\n\n  .sophos-sbd-downloads__grid {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .sophos-sbd-downloads {\n    padding:\n      75px\n      18px;\n  }\n\n\n  .sophos-sbd-downloads__header h2 {\n    font-size:\n      clamp(44px,12vw,60px);\n  }\n\n\n  .sophos-sbd-downloads__header p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-downloads__grid {\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .sophos-sbd-downloads__content {\n    min-height:\n      auto;\n  }\n\n\n  .sophos-sbd-downloads__button {\n    width:\n      100%;\n  }\n\n\n  .sophos-sbd-download-modal {\n    padding:\n      14px;\n  }\n\n\n  .sophos-sbd-download-modal__dialog {\n    padding:\n      34px\n      22px\n      24px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-downloads__card,\n  .sophos-sbd-downloads__cover img,\n  .sophos-sbd-downloads__button,\n  .sophos-sbd-download-modal {\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n<script>\n\n(function () {\n\n  const section =\n    document.querySelector(\n      \".sophos-sbd-downloads\"\n    );\n\n  if (!section) return;\n\n\n  const modal =\n    section.querySelector(\n      \"#sophos-download-modal\"\n    );\n\n\n  const modalTitle =\n    section.querySelector(\n      \"#sophos-download-modal-title\"\n    );\n\n\n  const buttons =\n    Array.from(\n      section.querySelectorAll(\n        \".sophos-sbd-downloads__button\"\n      )\n    );\n\n\n  const closeButtons =\n    Array.from(\n      section.querySelectorAll(\n        \"[data-download-close]\"\n      )\n    );\n\n\n  let selectedDownloadTitle = \"\";\n  let lastTrigger = null;\n\n\n  \/* =======================================================\n     SET GRAVITY FORMS FIELD 344 \/ 7\n     ======================================================= *\/\n\n  function setDownloadField(value) {\n\n    const field =\n      document.querySelector(\n        \"#input_344_7\"\n      );\n\n    if (!field) {\n      return false;\n    }\n\n\n    field.value = value;\n\n\n    field.dispatchEvent(\n      new Event(\n        \"input\",\n        {\n          bubbles: true\n        }\n      )\n    );\n\n\n    field.dispatchEvent(\n      new Event(\n        \"change\",\n        {\n          bubbles: true\n        }\n      )\n    );\n\n\n    return true;\n\n  }\n\n\n  \/* =======================================================\n     OPEN MODAL\n     ======================================================= *\/\n\n  function openModal(button) {\n\n    lastTrigger = button;\n\n    selectedDownloadTitle =\n      button.dataset.downloadTitle || \"\";\n\n\n    modalTitle.textContent =\n      selectedDownloadTitle ||\n      \"Material herunterladen\";\n\n\n    modal.classList.add(\n      \"is-open\"\n    );\n\n\n    modal.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.classList.add(\n      \"sophos-sbd-download-open\"\n    );\n\n\n    \/*\n     Gravity Forms kann durch AJAX minimal sp\u00e4ter\n     im DOM vorhanden sein.\n    *\/\n\n    setDownloadField(\n      selectedDownloadTitle\n    );\n\n\n    window.setTimeout(\n      function () {\n\n        setDownloadField(\n          selectedDownloadTitle\n        );\n\n      },\n      150\n    );\n\n\n    const closeButton =\n      modal.querySelector(\n        \".sophos-sbd-download-modal__close\"\n      );\n\n\n    if (closeButton) {\n      closeButton.focus();\n    }\n\n  }\n\n\n  \/* =======================================================\n     CLOSE MODAL\n     ======================================================= *\/\n\n  function closeModal() {\n\n    modal.classList.remove(\n      \"is-open\"\n    );\n\n\n    modal.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.classList.remove(\n      \"sophos-sbd-download-open\"\n    );\n\n\n    if (lastTrigger) {\n      lastTrigger.focus();\n    }\n\n  }\n\n\n  \/* =======================================================\n     DOWNLOAD BUTTONS\n     ======================================================= *\/\n\n  buttons.forEach(function (button) {\n\n    button.addEventListener(\n      \"click\",\n      function () {\n\n        openModal(\n          button\n        );\n\n      }\n    );\n\n  });\n\/* =======================================================\n   EXTERNE DOWNLOAD-TRIGGER\n   z.B. Sophos Firewall OS v23 Bereich\n   ======================================================= *\/\n\nconst externalDownloadTriggers =\n  Array.from(\n    document.querySelectorAll(\n      \"[data-sbd-download-trigger]\"\n    )\n  );\n\n\nexternalDownloadTriggers.forEach(function (trigger) {\n\n  trigger.addEventListener(\n    \"click\",\n    function () {\n\n      const downloadTitle =\n        trigger.getAttribute(\n          \"data-sbd-download-trigger\"\n        ) || \"\";\n\n\n      const matchingButton =\n        section.querySelector(\n          '.sophos-sbd-downloads__button[data-download-title=\"' +\n          CSS.escape(downloadTitle) +\n          '\"]'\n        );\n\n\n      if (!matchingButton) {\n        return;\n      }\n\n\n      openModal(\n        matchingButton\n      );\n\n    }\n  );\n\n});\n\n  \/* =======================================================\n     CLOSE\n     ======================================================= *\/\n\n  closeButtons.forEach(function (button) {\n\n    button.addEventListener(\n      \"click\",\n      closeModal\n    );\n\n  });\n\n\n  \/* =======================================================\n     ESC\n     ======================================================= *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        event.key === \"Escape\" &&\n        modal.classList.contains(\n          \"is-open\"\n        )\n      ) {\n\n        closeModal();\n\n      }\n\n    }\n  );\n\n\n  \/* =======================================================\n     GRAVITY FORMS AJAX\n     Nach erneutem Rendern Feld wieder setzen\n     ======================================================= *\/\n\n  document.addEventListener(\n    \"gform\/postRender\",\n    function (event) {\n\n      if (\n        !selectedDownloadTitle\n      ) {\n        return;\n      }\n\n\n      setDownloadField(\n        selectedDownloadTitle\n      );\n\n    }\n  );\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     SOPHOS SECURE BY DESIGN CH\n     PAGE ID 27644\n     BLOCK 10 \u2013 FINAL CTA \/ CONTACT CH\n     ========================================================= -->\n\n<section class=\"sophos-sbd-final\" id=\"sophos-beratung\" aria-labelledby=\"sophos-sbd-final-title\">\n\n  <div class=\"sophos-sbd-final__inner\">\n\n    <!-- =====================================================\n         HEADLINE\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-final__header\">\n\n      <h2 id=\"sophos-sbd-final-title\">\n        Mach Secure by Design\n        <strong>zu deinem n\u00e4chsten Wachstumstreiber.<\/strong>\n      <\/h2>\n\n      <p>\n        Nutze Sophos Firewall als Einstieg in neue Projekte,\n        zus\u00e4tzliche Security-Services und langfristiges\n        Kundengesch\u00e4ft \u2013 gemeinsam mit Infinigate.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         THREE PILLARS\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-final__pillars\">\n\n      <article>\n\n        <span>01<\/span>\n\n        <strong>\n          Neue Projekte\n        <\/strong>\n\n        <p>\n          Firewall-Migrationen identifizieren\n          und neue Kundenchancen erschliessen.\n        <\/p>\n\n      <\/article>\n\n\n      <article>\n\n        <span>02<\/span>\n\n        <strong>\n          Mehr Services\n        <\/strong>\n\n        <p>\n          MDR, XDR und Managed Security\n          gezielt erg\u00e4nzen.\n        <\/p>\n\n      <\/article>\n\n\n      <article>\n\n        <span>03<\/span>\n\n        <strong>\n          Mehr Wachstum\n        <\/strong>\n\n        <p>\n          Wiederkehrende Ums\u00e4tze und langfristige\n          Kundenbeziehungen aufbauen.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CONTACT INTRO\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-final__contact-intro\">\n\n      <div>\n\n        <span>\n          Dein n\u00e4chster Schritt\n        <\/span>\n\n        <h3>\n          Lass uns \u00fcber dein n\u00e4chstes\n          Sophos-Projekt sprechen.\n        <\/h3>\n\n      <\/div>\n\n      <p>\n        Unser Sophos-Team unterst\u00fctzt dich bei Projektbewertung,\n        Migration, Positionierung und der Entwicklung zus\u00e4tzlicher\n        Gesch\u00e4ftsm\u00f6glichkeiten.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CH TEAM\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-final__team\">\n\n\n      <!-- RAMONA -->\n\n      <article class=\"sophos-sbd-final__person\">\n\n        <div class=\"sophos-sbd-final__person-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2023\/04\/Ramona-Reichlin.jpg\"\n            alt=\"Ramona Reichlin\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <div class=\"sophos-sbd-final__person-content\">\n\n          <span class=\"sophos-sbd-final__role\">\n            Inside Sales \/ Vendor Manager\n          <\/span>\n\n          <h3>\n            Ramona Reichlin\n          <\/h3>\n\n          <div class=\"sophos-sbd-final__person-contact\">\n\n            <a href=\"mailto:sophos@infinigate.ch\">\n              sophos@infinigate.ch\n            <\/a>\n\n            <a href=\"tel:+41417990102\">\n              +41 41 799 01 02\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- MILAN -->\n\n      <article class=\"sophos-sbd-final__person\">\n\n        <div class=\"sophos-sbd-final__person-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2023\/04\/Milan-Gvozdenovic_1.jpg\"\n            alt=\"Milan Gvozdenovic\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <div class=\"sophos-sbd-final__person-content\">\n\n          <span class=\"sophos-sbd-final__role\">\n            Inside Sales\n          <\/span>\n\n          <h3>\n            Milan Gvozdenovic\n          <\/h3>\n\n          <div class=\"sophos-sbd-final__person-contact\">\n\n            <a href=\"mailto:sophos@infinigate.ch\">\n              sophos@infinigate.ch\n            <\/a>\n\n            <a href=\"tel:+41417990102\">\n              +41 41 799 01 02\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- RENE -->\n\n      <article class=\"sophos-sbd-final__person\">\n\n        <div class=\"sophos-sbd-final__person-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2023\/04\/Rene-Wallmann_2.jpg\"\n            alt=\"Ren\u00e9 Wallmann\"\n            loading=\"lazy\"\n          >\n\n        <\/div>\n\n        <div class=\"sophos-sbd-final__person-content\">\n\n          <span class=\"sophos-sbd-final__role\">\n            Inside Sales\n          <\/span>\n\n          <h3>\n            Ren\u00e9 Wallmann\n          <\/h3>\n\n          <div class=\"sophos-sbd-final__person-contact\">\n\n            <a href=\"mailto:sophos@infinigate.ch\">\n              sophos@infinigate.ch\n            <\/a>\n\n            <a href=\"tel:+41417990102\">\n              +41 41 799 01 02\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FINAL CTA\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-final__cta\">\n\n      <div>\n\n        <span>\n          Sophos \u00b7 Infinigate Schweiz\n        <\/span>\n\n        <strong>\n          Von der ersten Opportunity bis zum laufenden\n          Security-Gesch\u00e4ft: Wir begleiten dich.\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"sophos-sbd-final__cta-actions\">\n\n        <a\n          class=\"sophos-sbd-final__button sophos-sbd-final__button--primary\"\n          href=\"mailto:sophos@infinigate.ch?subject=Beratungsgespr%C3%A4ch%20Sophos%20Firewall%20und%20Secure%20by%20Design\"\n        >\n          <span>Beratungsgespr\u00e4ch anfragen<\/span>\n          <i aria-hidden=\"true\">\u2192<\/i>\n        <\/a>\n\n\n        <a\n          class=\"sophos-sbd-final__button sophos-sbd-final__button--secondary\"\n          href=\"#sophos-downloads\"\n        >\n          <span>Materialien herunterladen<\/span>\n          <i aria-hidden=\"true\">\u2191<\/i>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FOOTER LINE\n         ===================================================== -->\n\n    <div class=\"sophos-sbd-final__bottom\">\n\n      <span>\n        Sophos Firewall\n      <\/span>\n\n      <i><\/i>\n\n      <span>\n        Secure by Design\n      <\/span>\n\n      <i><\/i>\n\n      <span>\n        Infinigate Schweiz\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BLOCK 10 \u2013 ROOT\n   ========================================================= *\/\n\n.sophos-sbd-final,\n.sophos-sbd-final * {\n  box-sizing: border-box;\n}\n\n\n.sophos-sbd-final {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left:\n    calc(50% - 50vw);\n\n  margin-right:\n    calc(50% - 50vw);\n\n  padding:\n    clamp(105px,9vw,150px)\n    28px\n    45px;\n\n  overflow: hidden;\n\n  color:\n    #ffffff;\n\n  font-family:\n    \"Outfit\", serif;\n\n  background:\n    linear-gradient(\n      145deg,\n      #04101b 0%,\n      #08223a 52%,\n      #0b3154 100%\n    );\n}\n\n\n\/* BLUE GLOW *\/\n\n.sophos-sbd-final::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -180px;\n  right: -130px;\n\n  width:\n    650px;\n\n  height:\n    650px;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(49,107,255,.15);\n\n  filter:\n    blur(120px);\n\n  pointer-events: none;\n}\n\n\n\/* CORAL GLOW *\/\n\n.sophos-sbd-final::after {\n  content: \"\";\n\n  position: absolute;\n\n  bottom: -250px;\n  left: -170px;\n\n  width:\n    520px;\n\n  height:\n    520px;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(237,87,64,.08);\n\n  filter:\n    blur(120px);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.sophos-sbd-final__inner {\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(1380px,100%);\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.sophos-sbd-final__header {\n  max-width:\n    1100px;\n}\n\n\n.sophos-sbd-final__header h2 {\n  margin:\n    0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(56px,6vw,88px);\n\n  line-height:\n    .98;\n\n  font-weight:\n    300;\n\n  letter-spacing:\n    -.045em;\n}\n\n\n.sophos-sbd-final__header h2 strong {\n  display:\n    block;\n\n  margin-top:\n    7px;\n\n  color:\n    #ffffff;\n\n  font-weight:\n    500;\n}\n\n\n.sophos-sbd-final__header p {\n  max-width:\n    760px;\n\n  margin:\n    32px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-size:\n    21px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   PILLARS\n   ========================================================= *\/\n\n.sophos-sbd-final__pillars {\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:\n    14px;\n\n  margin-top:\n    65px;\n}\n\n\n.sophos-sbd-final__pillars article {\n  min-height:\n    220px;\n\n  padding:\n    29px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:\n    16px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  backdrop-filter:\n    blur(8px);\n\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    background-color .3s ease;\n}\n\n\n.sophos-sbd-final__pillars article:hover {\n  transform:\n    translateY(-5px);\n\n  border-color:\n    rgba(77,132,255,.30);\n\n  background:\n    rgba(255,255,255,.055);\n}\n\n\n.sophos-sbd-final__pillars article > span {\n  display:\n    grid;\n\n  place-items:\n    center;\n\n  width:\n    40px;\n\n  height:\n    40px;\n\n  margin-bottom:\n    27px;\n\n  border:\n    1px solid\n    rgba(86,139,255,.34);\n\n  border-radius:\n    50%;\n\n  color:\n    #78a4ff;\n\n  font-size:\n    11px;\n\n  font-weight:\n    600;\n}\n\n\n.sophos-sbd-final__pillars strong {\n  display:\n    block;\n\n  color:\n    #ffffff;\n\n  font-size:\n    29px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    400;\n}\n\n\n.sophos-sbd-final__pillars p {\n  margin:\n    15px\n    0\n    0;\n\n  color:\n    rgba(255,255,255,.53);\n\n  font-size:\n    17px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   CONTACT INTRO\n   ========================================================= *\/\n\n.sophos-sbd-final__contact-intro {\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(360px,.75fr);\n\n  gap:\n    clamp(50px,7vw,110px);\n\n  align-items:\n    end;\n\n  margin-top:\n    80px;\n\n  padding-bottom:\n    36px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n}\n\n\n.sophos-sbd-final__contact-intro > div > span {\n  display:\n    block;\n\n  margin-bottom:\n    15px;\n\n  color:\n    #ed5740;\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-final__contact-intro h3 {\n  max-width:\n    760px;\n\n  margin:\n    0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(36px,4vw,54px);\n\n  line-height:\n    1.06;\n\n  font-weight:\n    400;\n\n  letter-spacing:\n    -.035em;\n}\n\n\n.sophos-sbd-final__contact-intro > p {\n  margin:\n    0;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:\n    19px;\n\n  line-height:\n    1.55;\n\n  font-weight:\n    300;\n}\n\n\n\/* =========================================================\n   TEAM GRID\n   ========================================================= *\/\n\n.sophos-sbd-final__team {\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:\n    16px;\n\n  margin-top:\n    35px;\n}\n\n\n.sophos-sbd-final__person {\n  overflow:\n    hidden;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:\n    18px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  backdrop-filter:\n    blur(8px);\n\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    background-color .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.sophos-sbd-final__person:hover {\n  transform:\n    translateY(-6px);\n\n  border-color:\n    rgba(85,142,255,.34);\n\n  background:\n    rgba(255,255,255,.065);\n\n  box-shadow:\n    0 26px 55px\n    rgba(0,0,0,.18);\n}\n\n\n\/* IMAGE *\/\n\n.sophos-sbd-final__person-image {\n  position:\n    relative;\n\n  aspect-ratio:\n    4 \/ 3;\n\n  overflow:\n    hidden;\n\n  background:\n    #dfe6eb;\n}\n\n\n.sophos-sbd-final__person-image::after {\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  inset:\n    auto 0 0;\n\n  height:\n    80px;\n\n  pointer-events:\n    none;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      rgba(4,15,27,.20)\n    );\n}\n\n\n.sophos-sbd-final__person-image img {\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center top;\n\n  transition:\n    transform .55s\n    cubic-bezier(.22,1,.36,1);\n}\n\n\n.sophos-sbd-final__person:hover\n.sophos-sbd-final__person-image img {\n  transform:\n    scale(1.035);\n}\n\n\n\/* PERSON CONTENT *\/\n\n.sophos-sbd-final__person-content {\n  padding:\n    26px;\n}\n\n\n.sophos-sbd-final__role {\n  display:\n    block;\n\n  margin-bottom:\n    7px;\n\n  color:\n    #78a4ff;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .09em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-final__person h3 {\n  margin:\n    0;\n\n  color:\n    #ffffff;\n\n  font-size:\n    clamp(25px,2.2vw,31px);\n\n  line-height:\n    1.2;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    -.02em;\n}\n\n\n\/* PERSON CONTACT *\/\n\n.sophos-sbd-final__person-contact {\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    7px;\n\n  margin-top:\n    21px;\n\n  padding-top:\n    18px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.09);\n}\n\n\n.sophos-sbd-final__person-contact a {\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    9px;\n\n  width:\n    fit-content;\n\n  color:\n    rgba(255,255,255,.58) !important;\n\n  font-size:\n    16px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    300;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    color .25s ease;\n}\n\n\n.sophos-sbd-final__person-contact a::before {\n  content:\n    \"\";\n\n  flex:\n    0 0 auto;\n\n  width:\n    6px;\n\n  height:\n    6px;\n\n  border-radius:\n    50%;\n\n  background:\n    #5685ff;\n}\n\n\n.sophos-sbd-final__person-contact a:last-child::before {\n  background:\n    #ed5740;\n}\n\n\n.sophos-sbd-final__person-contact a:hover {\n  color:\n    #ffffff !important;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.sophos-sbd-final__cta {\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(360px,.55fr);\n\n  gap:\n    clamp(40px,6vw,85px);\n\n  align-items:\n    center;\n\n  margin-top:\n    32px;\n\n  padding:\n    clamp(30px,4vw,44px);\n\n  border:\n    1px solid\n    rgba(255,255,255,.11);\n\n  border-radius:\n    18px;\n\n  background:\n    linear-gradient(\n      120deg,\n      rgba(49,107,255,.11),\n      rgba(255,255,255,.03)\n    );\n\n  box-shadow:\n    0 24px 60px\n    rgba(0,0,0,.14);\n}\n\n\n.sophos-sbd-final__cta > div:first-child > span {\n  display:\n    block;\n\n  margin-bottom:\n    10px;\n\n  color:\n    #ed5740;\n\n  font-size:\n    12px;\n\n  font-weight:\n    600;\n\n  letter-spacing:\n    .12em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-final__cta > div:first-child > strong {\n  display:\n    block;\n\n  max-width:\n    750px;\n\n  color:\n    rgba(255,255,255,.90);\n\n  font-size:\n    clamp(24px,2.3vw,32px);\n\n  line-height:\n    1.35;\n\n  font-weight:\n    300;\n}\n\n\n.sophos-sbd-final__cta-actions {\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    11px;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.sophos-sbd-final__button {\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    15px;\n\n  width:\n    100%;\n\n  padding:\n    .8em\n    1.5em;\n\n  border:\n    1px solid\n    #ed5740;\n\n  border-radius:\n    6px;\n\n  font-family:\n    \"Outfit\", serif !important;\n\n  font-size:\n    18px !important;\n\n  line-height:\n    28px !important;\n\n  font-weight:\n    500 !important;\n\n  letter-spacing:\n    0 !important;\n\n  text-transform:\n    none !important;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    transform .3s ease,\n    background-color .3s ease,\n    color .3s ease,\n    border-color .3s ease;\n}\n\n\n.sophos-sbd-final__button--primary {\n  background:\n    #ed5740 !important;\n\n  color:\n    #ffffff !important;\n}\n\n\n.sophos-sbd-final__button--primary:hover,\n.sophos-sbd-final__button--primary:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #ffffff !important;\n\n  border-color:\n    #ffffff !important;\n\n  color:\n    #ed5740 !important;\n}\n\n\n.sophos-sbd-final__button--secondary {\n  background:\n    #ffffff !important;\n\n  color:\n    #ed5740 !important;\n}\n\n\n.sophos-sbd-final__button--secondary:hover,\n.sophos-sbd-final__button--secondary:focus-visible {\n  transform:\n    translateY(-2px);\n\n  background:\n    #ed5740 !important;\n\n  border-color:\n    #ed5740 !important;\n\n  color:\n    #ffffff !important;\n}\n\n\n.sophos-sbd-final__button span,\n.sophos-sbd-final__button i {\n  color:\n    inherit !important;\n\n  text-transform:\n    none !important;\n}\n\n\n.sophos-sbd-final__button i {\n  font-style:\n    normal;\n\n  font-size:\n    18px;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.sophos-sbd-final__button--primary:hover i {\n  transform:\n    translateX(4px);\n}\n\n\n.sophos-sbd-final__button--secondary:hover i {\n  transform:\n    translateY(-3px);\n}\n\n\n.sophos-sbd-final__button:focus-visible {\n  outline:\n    3px solid\n    rgba(255,255,255,.20);\n\n  outline-offset:\n    4px;\n}\n\n\n\/* =========================================================\n   BOTTOM\n   ========================================================= *\/\n\n.sophos-sbd-final__bottom {\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  flex-wrap:\n    wrap;\n\n  gap:\n    13px;\n\n  margin-top:\n    55px;\n\n  padding-top:\n    24px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.08);\n\n  color:\n    rgba(255,255,255,.34);\n\n  font-size:\n    11px;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    .08em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.sophos-sbd-final__bottom i {\n  width:\n    4px;\n\n  height:\n    4px;\n\n  border-radius:\n    50%;\n\n  background:\n    #ed5740;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 980px) {\n\n  .sophos-sbd-final__pillars {\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .sophos-sbd-final__pillars article {\n    min-height:\n      auto;\n  }\n\n\n  .sophos-sbd-final__contact-intro {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      25px;\n  }\n\n\n  .sophos-sbd-final__team {\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .sophos-sbd-final__person {\n    display:\n      grid;\n\n    grid-template-columns:\n      260px\n      minmax(0,1fr);\n  }\n\n\n  .sophos-sbd-final__person-image {\n    aspect-ratio:\n      auto;\n\n    min-height:\n      310px;\n  }\n\n\n  .sophos-sbd-final__cta {\n    grid-template-columns:\n      1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .sophos-sbd-final {\n    padding:\n      75px\n      18px\n      35px;\n  }\n\n\n  .sophos-sbd-final__header h2 {\n    font-size:\n      clamp(46px,12.5vw,62px);\n  }\n\n\n  .sophos-sbd-final__header p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-final__contact-intro {\n    margin-top:\n      65px;\n  }\n\n\n  .sophos-sbd-final__contact-intro h3 {\n    font-size:\n      clamp(34px,10vw,44px);\n  }\n\n\n  .sophos-sbd-final__contact-intro > p {\n    font-size:\n      18px;\n  }\n\n\n  .sophos-sbd-final__person {\n    display:\n      block;\n  }\n\n\n  .sophos-sbd-final__person-image {\n    min-height:\n      0;\n\n    aspect-ratio:\n      4 \/ 3;\n  }\n\n\n  .sophos-sbd-final__person-content {\n    padding:\n      23px\n      21px\n      25px;\n  }\n\n\n  .sophos-sbd-final__cta {\n    padding:\n      27px\n      21px;\n  }\n\n\n  .sophos-sbd-final__button {\n    justify-content:\n      center;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .sophos-sbd-final__pillars article,\n  .sophos-sbd-final__person,\n  .sophos-sbd-final__person-image img,\n  .sophos-sbd-final__button,\n  .sophos-sbd-final__button i {\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Secure by Design. Sicherheit von Anfang an. Gewinne neue Firewall-Projekte mit Sophos und Infinigate. Cyberangriffe werden raffinierter, w\u00e4hrend Unternehmen gleichzeitig&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-27644","page","type-page","status-publish","hentry"],"acf":[],"lang":"de","translations":{"de":27644,"en":27742},"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\/27644","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=27644"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/27644\/revisions"}],"predecessor-version":[{"id":27778,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/pages\/27644\/revisions\/27778"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media?parent=27644"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/folder?post=27644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}