{"id":26985,"date":"2026-10-01T14:00:21","date_gmt":"2026-10-01T12:00:21","guid":{"rendered":"https:\/\/www.infinigate.com\/ch\/?post_type=event&#038;p=26985"},"modified":"2026-10-01T15:17:36","modified_gmt":"2026-10-01T13:17:36","slug":"vom-mspzum-mssp","status":"publish","type":"event","link":"https:\/\/www.infinigate.com\/ch\/Events\/vom-mspzum-mssp\/","title":{"rendered":"Vom MSP zum MSSP"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull mssp-hero-wrap is-layout-constrained wp-block-group-is-layout-constrained\" id=\"Herow\">\n<section class=\"mssp-dach-hero\" id=\"mssp-roadshow\" aria-labelledby=\"mssp-dach-hero-title\">\n\n<style>\n\n\/* =========================================================\n   M(S)SP DACH KAMPAGNE 2026\n   SECTION 01 \u00b7 HERO \/ ATF\n   PAGE ID 26985\n   ========================================================= *\/\n\n\n\/* =========================================================\n   01 \u00b7 WORDPRESS \/ TEMPLATE FIX\n   ========================================================= *\/\n\n\/* Template-Seitenheader ausblenden *\/\n.page-id-26985 .site-main__header,\n.page-id-26985 .entry-header,\n.page-id-26985 .wp-block-post-title {\n  display: none !important;\n}\n\n\n\/* Theme-Wrapper d\u00fcrfen den Hero nicht abschneiden *\/\n.page-id-26985 .site-main,\n.page-id-26985 .site-main__content,\n.page-id-26985 main,\n.page-id-26985 .entry-content,\n.page-id-26985 .wp-block-post-content,\n.page-id-26985 .wp-block-group,\n.page-id-26985 .wp-block-html {\n  overflow: visible !important;\n}\n\n\n\/* Seiteninterne Abst\u00e4nde neutralisieren *\/\n.page-id-26985 .site-main,\n.page-id-26985 .site-main__content,\n.page-id-26985 .entry-content,\n.page-id-26985 .wp-block-post-content {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n\n\n\/* Gutenberg HTML-Block vollst\u00e4ndig \u00f6ffnen *\/\n.page-id-26985 .wp-block-html:has(.mssp-dach-hero) {\n  width: 100vw !important;\n  max-width: none !important;\n\n  margin-top: 0 !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: 0 !important;\n  margin-bottom: -145px !important;\n\n  padding: 0 !important;\n\n  overflow: visible !important;\n}\n\n\n\/* \u00dcbergeordnete Gutenberg-Gruppe \u00f6ffnen *\/\n.page-id-26985 .wp-block-group:has(.mssp-dach-hero) {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n\n  padding: 0 !important;\n\n  overflow: visible !important;\n}\n\n\n\/* Hero visuell unter Navigation ziehen *\/\n.page-id-26985 .mssp-dach-hero {\n  position: relative !important;\n\n  width: 100vw !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n\n  transform: translateY(-145px) !important;\n\n  z-index: 2 !important;\n}\n\n\n\/* Navigation bleibt vor dem Hero *\/\n.page-id-26985 .site-header {\n  position: relative;\n  z-index: 20;\n}\n\n\n\/* =========================================================\n   02 \u00b7 BASIS\n   ========================================================= *\/\n\n.mssp-dach-hero,\n.mssp-dach-hero * {\n  box-sizing: border-box;\n}\n\n\n.mssp-dach-hero {\n  --mssp-blue: #153447;\n  --mssp-dark: #071824;\n  --mssp-orange: #ed5740;\n\n  overflow: hidden;\n\n  color: #fff;\n  background: var(--mssp-dark);\n\n  font-family: \"Outfit\", serif;\n}\n\n\n\/* =========================================================\n   03 \u00b7 HERO STAGE\n   ========================================================= *\/\n\n.mssp-dach-hero-stage {\n  position: relative;\n\n  min-height: min(860px, 90vh);\n\n  display: flex;\n  align-items: center;\n\n  isolation: isolate;\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(7,24,36,.98) 0%,\n      rgba(7,24,36,.94) 32%,\n      rgba(7,24,36,.72) 53%,\n      rgba(21,52,71,.34) 74%,\n      rgba(21,52,71,.08) 100%\n    ),\n    url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/mssp_herow_1.jpg\")\n    center right \/ cover no-repeat;\n}\n\n\n\/* Licht \/ Tiefe *\/\n.mssp-dach-hero-stage::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle at 24% 34%,\n      rgba(237,87,64,.18),\n      transparent 30%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(7,24,36,.03) 0%,\n      rgba(7,24,36,.78) 100%\n    );\n}\n\n\n\/* Dezente grafische Ringe *\/\n.mssp-dach-hero-stage::after {\n  content: \"\";\n\n  position: absolute;\n  top: -30px;\n  right: -170px;\n\n  width: 580px;\n  height: 580px;\n\n  border: 1px solid rgba(237,87,64,.12);\n  border-radius: 50%;\n\n  box-shadow:\n    0 0 0 90px rgba(237,87,64,.025),\n    0 0 0 180px rgba(237,87,64,.014);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   04 \u00b7 INNER \/ GRID\n   ========================================================= *\/\n\n.mssp-dach-hero-inner {\n  position: relative;\n  z-index: 2;\n\n  width: min(1320px, calc(100% - 48px));\n  margin: 0 auto;\n\n  padding: 160px 0 88px;\n}\n\n\n.mssp-dach-hero-grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(400px, 450px);\n\n  gap: 60px;\n\n  align-items: center;\n}\n\n\n.mssp-dach-hero-content {\n  width: min(800px, 100%);\n}\n\n\n\/* =========================================================\n   05 \u00b7 KICKER\n   ========================================================= *\/\n\n.mssp-dach-hero-brandline {\n  margin-bottom: 24px;\n}\n\n\n.mssp-dach-hero-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n\n  color: rgba(255,255,255,.86);\n\n  font-size: 14px;\n  line-height: 1.2;\n  font-weight: 500;\n\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n\n.mssp-dach-hero-kicker::before {\n  content: \"\";\n\n  width: 36px;\n  height: 1px;\n\n  background: var(--mssp-orange);\n}\n\n\n\/* =========================================================\n   06 \u00b7 CLAIM \/ HEADLINE\n   ========================================================= *\/\n\n.mssp-dach-hero h1 {\n  max-width: 840px;\n\n  margin: 0;\n\n  color: #fff;\n\n  font-size: clamp(54px, 5.7vw, 82px);\n  line-height: 1.00;\n  font-weight: 300;\n\n  letter-spacing: -.055em;\n}\n\n\n.mssp-dach-hero h1 strong {\n  display: block;\n\n  color: var(--mssp-orange);\n\n  font-weight: 500;\n}\n\n\n\/* =========================================================\n   07 \u00b7 SLOGAN\n   ========================================================= *\/\n\n.mssp-dach-hero-slogan {\n  margin: 23px 0 0;\n\n  color: #fff;\n\n  font-size: clamp(23px,2.2vw,31px);\n  line-height: 1.25;\n  font-weight: 400;\n\n  letter-spacing: -.025em;\n}\n\n\n\/* =========================================================\n   08 \u00b7 CORE MESSAGE\n   ========================================================= *\/\n\n.mssp-dach-hero-lead {\n  max-width: 800px;\n\n  margin: 24px 0 0;\n\n  color: rgba(255,255,255,.80);\n\n  font-size: 22px;\n  line-height: 1.52;\n  font-weight: 300;\n}\n\n\n\/* =========================================================\n   09 \u00b7 CTA\n   ========================================================= *\/\n\n.mssp-dach-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n\n  gap: 14px;\n\n  margin-top: 34px;\n}\n\n\n.mssp-dach-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: .82em 1.5em;\n\n  border: 1px solid var(--mssp-orange);\n  border-radius: 6px;\n\n  font-size: 18px;\n  line-height: 28px;\n  font-weight: 500;\n\n  text-decoration: none !important;\n\n  transition:\n    background-color .3s ease,\n    border-color .3s ease,\n    color .3s ease,\n    transform .3s cubic-bezier(.22,1,.36,1);\n}\n\n\n.mssp-dach-button--primary {\n  background: var(--mssp-orange);\n  color: #fff !important;\n}\n\n\n.mssp-dach-button--primary:hover,\n.mssp-dach-button--primary:focus-visible {\n  transform: translateY(-3px);\n\n  background: #fff;\n  border-color: #fff;\n\n  color: var(--mssp-orange) !important;\n}\n\n\n.mssp-dach-button--secondary {\n  background: transparent;\n\n  border-color: rgba(255,255,255,.32);\n\n  color: #fff !important;\n}\n\n\n.mssp-dach-button--secondary:hover,\n.mssp-dach-button--secondary:focus-visible {\n  transform: translateY(-3px);\n\n  background: rgba(255,255,255,.09);\n  border-color: #fff;\n\n  color: #fff !important;\n}\n\n\n\/* =========================================================\n   10 \u00b7 INFO PANEL\n   ========================================================= *\/\n\n.mssp-dach-hero-panel {\n  position: relative;\n\n  width: 100%;\n\n  margin-top: 36px;\n\n  padding: 28px;\n\n  border: 1px solid rgba(255,255,255,.18);\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.11),\n      rgba(255,255,255,.045)\n    );\n\n  backdrop-filter: blur(14px);\n\n  box-shadow:\n    0 28px 80px rgba(0,0,0,.24);\n\n  overflow: hidden;\n}\n\n\n.mssp-dach-hero-panel::after {\n  content: \"\";\n\n  position: absolute;\n  right: -92px;\n  bottom: -105px;\n\n  width: 225px;\n  height: 225px;\n\n  border-radius: 50%;\n\n  background: rgba(237,87,64,.20);\n\n  pointer-events: none;\n}\n\n\n.mssp-dach-hero-panel-content {\n  position: relative;\n  z-index: 1;\n}\n\n\n.mssp-dach-hero-panel small {\n  display: block;\n\n  margin-bottom: 13px;\n\n  color: var(--mssp-orange);\n\n  font-size: 13px;\n  line-height: 1.2;\n  font-weight: 600;\n\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n\n.mssp-dach-hero-panel h2 {\n  max-width: 390px;\n\n  margin: 0;\n\n  color: #fff;\n\n  font-size: clamp(28px, 2.15vw, 34px);\n  line-height: 1.10;\n  font-weight: 300;\n\n  letter-spacing: -.035em;\n}\n\n\n.mssp-dach-hero-panel p {\n  max-width: 400px;\n\n  margin: 18px 0 0;\n\n  color: rgba(255,255,255,.76);\n\n  font-size: 19px;\n  line-height: 1.5;\n  font-weight: 300;\n}\n\n\n\/* =========================================================\n   11 \u00b7 PANEL FACTS\n   ========================================================= *\/\n\n.mssp-dach-hero-facts {\n  display: grid;\n\n  grid-template-columns: repeat(2, minmax(0,1fr));\n\n  gap: 10px;\n\n  margin-top: 22px;\n}\n\n\n.mssp-dach-hero-fact {\n  min-height: 82px;\n\n  padding: 15px 16px;\n\n  border-radius: 14px;\n\n  background: rgba(255,255,255,.09);\n}\n\n\n.mssp-dach-hero-fact strong {\n  display: block;\n\n  color: #fff;\n\n  font-size: 25px;\n  line-height: 1;\n  font-weight: 400;\n\n  letter-spacing: -.04em;\n}\n\n\n.mssp-dach-hero-fact span {\n  display: block;\n\n  margin-top: 8px;\n\n  color: rgba(255,255,255,.72);\n\n  font-size: 15px;\n  line-height: 1.35;\n  font-weight: 300;\n}\n\n\n\/* =========================================================\n   12 \u00b7 ORGANISER\n   ========================================================= *\/\n\n.mssp-dach-hero-organiser {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-top: 22px;\n\n  color: rgba(255,255,255,.74);\n\n  font-size: 16px;\n  line-height: 1.45;\n  font-weight: 300;\n}\n\n\n.mssp-dach-hero-organiser::before {\n  content: \"\";\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--mssp-orange);\n\n  box-shadow:\n    0 0 0 5px rgba(237,87,64,.12);\n}\n\n\n\/* =========================================================\n   13 \u00b7 BOTTOM TRANSITION\n   ========================================================= *\/\n\n.mssp-dach-hero-bottom {\n  position: absolute;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  height: 90px;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      to bottom,\n      rgba(7,24,36,0),\n      rgba(7,24,36,.72)\n    );\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1080px) {\n\n  .mssp-dach-hero-stage {\n    min-height: auto;\n\n    background-position: 68% center;\n  }\n\n  .mssp-dach-hero-panel {\n    margin-top: 10px;\n  }\n\n\n  .mssp-dach-hero-inner {\n    padding: 145px 0 105px;\n  }\n\n\n  .mssp-dach-hero-grid {\n    grid-template-columns: 1fr;\n\n    gap: 40px;\n  }\n\n\n  .mssp-dach-hero-content {\n    width: min(760px, 95%);\n  }\n\n\n  .mssp-dach-hero-panel {\n    max-width: 680px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n  .page-id-26985 .mssp-dach-hero {\n    transform: translateY(-70px) !important;\n  }\n\n  .mssp-dach-hero-panel {\n    margin-top: 0;\n  }\n\n\n  .page-id-26985 .wp-block-html:has(.mssp-dach-hero) {\n    margin-bottom: -70px !important;\n  }\n\n\n  .mssp-dach-hero-stage {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(7,24,36,.88) 0%,\n        rgba(7,24,36,.92) 52%,\n        rgba(7,24,36,.99) 100%\n      ),\n      url(\"https:\/\/www.infinigate.com\/ch\/wp-content\/uploads\/sites\/21\/2026\/09\/mssp_herow_1.jpg\")\n      66% center \/ cover no-repeat;\n  }\n\n\n  .mssp-dach-hero-inner {\n    width: calc(100% - 36px);\n\n    padding: 115px 0 92px;\n  }\n\n\n  .mssp-dach-hero h1 {\n    font-size: clamp(44px,12vw,58px);\n  }\n\n\n  .mssp-dach-hero-slogan {\n    font-size: 22px;\n  }\n\n\n  .mssp-dach-hero-lead {\n    font-size: 19px;\n    line-height: 1.5;\n  }\n\n  .mssp-dach-hero-panel p {\n    font-size: 18px;\n  }\n\n\n  .mssp-dach-hero-fact span {\n    font-size: 14px;\n  }\n\n\n  .mssp-dach-hero-organiser {\n    font-size: 15px;\n  }\n\n\n  .mssp-dach-hero-actions {\n    flex-direction: column;\n  }\n\n\n  .mssp-dach-button {\n    width: 100%;\n  }\n\n\n  .mssp-dach-hero-facts {\n    grid-template-columns: 1fr 1fr;\n  }\n\n\n  .mssp-dach-hero-panel {\n    padding: 22px;\n\n    border-radius: 18px;\n  }\n\n}\n\n\n@media (max-width: 440px) {\n\n  .mssp-dach-hero-facts {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .mssp-dach-button {\n    transition: none;\n  }\n\n\n  .mssp-dach-button:hover {\n    transform: none;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"mssp-dach-hero-stage\">\n\n  <div class=\"mssp-dach-hero-inner\">\n\n    <div class=\"mssp-dach-hero-grid\">\n\n\n      <!-- LEFT -->\n\n      <div class=\"mssp-dach-hero-content\">\n\n        <div class=\"mssp-dach-hero-brandline\">\n        <\/div>\n\n\n        <h1 id=\"mssp-dach-hero-title\">\n          Vom MSP\n          <strong>zum MSSP<\/strong>\n        <\/h1>\n\n\n        <p class=\"mssp-dach-hero-slogan\">\n          Gemeinsam. Transformieren. Wachsen.\n        <\/p>\n\n\n        <p class=\"mssp-dach-hero-lead\">\n          Ob du erste Managed Security Services aufbaust oder ein bestehendes\n          MSSP-Modell skalierst: Du definierst das Ziel. Der MSSP Growth Check\n          zeigt, wo du heute startest. Infinigate bringt dich von dort gezielt weiter.\n        <\/p>\n\n\n        <div class=\"mssp-dach-hero-actions\">\n\n          <a class=\"mssp-dach-button mssp-dach-button--primary\" href=\"https:\/\/www.infinigate.com\/ch\/mssp-roadshow\/#roadshow-termine#growth-check\">\n            Growth Check starten\n          <\/a>\n\n          <a class=\"mssp-dach-button mssp-dach-button--secondary\" href=\"https:\/\/www.infinigate.com\/ch\/mssp-roadshow\/#roadshow-termine\">\n            Roadshow entdecken\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- RIGHT -->\n\n      <aside class=\"mssp-dach-hero-panel\" aria-label=\"MSSP Roadshow \u00dcberblick\">\n\n        <div class=\"mssp-dach-hero-panel-content\">\n\n          <small>\n            Dein Weg. Dein Startpunkt.\n          <\/small>\n\n\n          <h2>\n            Du sagst, wo du hinwillst. Wir zeigen, wo du heute startest.\n          <\/h2>\n\n\n          <p>\n            Mit dem Growth Check schaffst du Klarheit \u00fcber deinen aktuellen\n            Ausgangspunkt. Auf der Roadshow diskutierst du deine n\u00e4chsten\n            Schritte pers\u00f6nlich mit Experten, Partnern und Herstellern.\n          <\/p>\n\n\n          <div class=\"mssp-dach-hero-facts\">\n\n            <div class=\"mssp-dach-hero-fact\">\n              <strong>4<\/strong>\n              <span>Growth-Check-Dimensionen<\/span>\n            <\/div>\n\n            <div class=\"mssp-dach-hero-fact\">\n              <strong>6<\/strong>\n              <span>Roadshow-Standorte<\/span>\n            <\/div>\n\n            <div class=\"mssp-dach-hero-fact\">\n              <strong>2 Min.<\/strong>\n              <span>f\u00fcr den Growth Check<\/span>\n            <\/div>\n\n            <div class=\"mssp-dach-hero-fact\">\n              <strong>1 Ziel<\/strong>\n              <span>der n\u00e4chste sinnvolle Schritt<\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"mssp-dach-hero-organiser\">\n            Eine Infinigate MSSP Kampagne.\n          <\/div>\n\n        <\/div>\n\n      <\/aside>\n\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"mssp-dach-hero-bottom\" aria-hidden=\"true\"><\/div>\n\n<\/div>\n\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gemeinsam. Transformieren. Wachsen.<br \/>\nOb du erste Managed Security Services aufbaust oder ein bestehendes MSSP-Modell skalierst: Du definierst das Ziel. Der MSSP Growth Check zeigt, wo du heute startest. Infinigate bringt dich von dort gezielt weiter.<\/p>\n","protected":false},"author":43,"featured_media":26044,"template":"","meta":{"_acf_changed":false,"footnotes":""},"event-type":[45],"event_folder":[],"class_list":["post-26985","event","type-event","status-publish","has-post-thumbnail","hentry","event-type-live-events"],"acf":[],"lang":"de","translations":{"de":26985},"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\/event\/26985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/event"}],"about":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/types\/event"}],"author":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/users\/43"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/event\/26985\/revisions"}],"predecessor-version":[{"id":27008,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/event\/26985\/revisions\/27008"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media\/26044"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/media?parent=26985"}],"wp:term":[{"taxonomy":"event-type","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/event-type?post=26985"},{"taxonomy":"event_folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/ch\/wp-json\/wp\/v2\/event_folder?post=26985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}