{"id":51777,"date":"2026-09-23T20:59:28","date_gmt":"2026-09-23T18:59:28","guid":{"rendered":"https:\/\/www.infinigate.com\/de\/?page_id=51777"},"modified":"2026-10-22T11:20:47","modified_gmt":"2026-10-22T09:20:47","slug":"marketing-as-a-service","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service\/","title":{"rendered":"Marketing as a Service"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull pm26-maas-page-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<style>\n\/* =========================================================\n   MARKETING AS A SERVICE \u2013 SEITEN-STYLES V2 (PAGE ID 51777)\n   Rhythmus Hell \/ Navy, interaktive Module. Pr\u00e4fix: .mx-\n   ========================================================= *\/\n\nbody.page-id-51777 .pm26-maas-page-wrap {\n  position: relative !important; width: 100vw !important; max-width: 100vw !important;\n  margin: 0 calc(50% - 50vw) !important; padding: 0 !important; gap: 0 !important; row-gap: 0 !important;\n  overflow: visible !important;\n}\nbody.page-id-51777 .pm26-maas-page-wrap > .wp-block-html {\n  width: 100% !important; max-width: none !important; margin: 0 !important; margin-block: 0 !important; padding: 0 !important;\n}\n.post-51777 > .site-main__header, body.page-id-51777 .site-main__header { display: none !important; }\n\n.mx, .mx * { box-sizing: border-box; }\n.mx {\n  --navy: #153447; --navy-2: #0f2a3a; --deep: #071d2a; --orange: #ed5740; --orange-2: #d9452f;\n  --text: #1d1e1f; --muted: #66747d; --line: #dde5e9; --soft: #f4f7f8;\n  --ease: cubic-bezier(.2,.75,.2,1);\n  position: relative;\n  width: 100vw !important; max-width: none !important;\n  margin-left: calc(50% - 50vw) !important; margin-right: 0 !important;\n  font-family: \"Outfit\", Arial, sans-serif; color: var(--text);\n}\n.mx--light { background: #fff; }\n.mx--soft { background: var(--soft); }\n.mx--dark { background: var(--navy-2); color: #fff; }\n.mx--deep { background: var(--deep); color: #fff; }\n.mx__inner { width: min(1240px, calc(100% - 64px)); margin: 0 auto; }\n.mx-pad { padding: 120px 0; }\n\n.mx-kicker {\n  display: inline-flex; align-items: center; gap: 12px; margin-bottom: 18px;\n  color: var(--orange); font-size: 13px; line-height: 1.2; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;\n}\n.mx-kicker::before { content: \"\"; width: 40px; height: 2px; background: var(--orange); }\n.mx-h2 {\n  margin: 0; color: var(--navy);\n  font-size: clamp(38px, 4.6vw, 64px); line-height: 1.04; font-weight: 300; letter-spacing: -.04em;\n}\n.mx-h2 strong { color: var(--orange); font-weight: 500; }\n.mx--dark .mx-h2, .mx--deep .mx-h2 { color: #fff; }\n.mx-lead { margin: 20px 0 0; max-width: 640px; color: var(--muted); font-size: 19px; line-height: 1.6; font-weight: 300; }\n.mx--dark .mx-lead, .mx--deep .mx-lead { color: rgba(255,255,255,.7); }\n.mx-center { text-align: center; }\n.mx-center .mx-lead { margin-left: auto; margin-right: auto; }\n.mx-center .mx-kicker { justify-content: center; }\n\n\/* ---------- Buttons ---------- *\/\n.mx-btn {\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n  min-height: 52px; padding: .8em 1.5em; border-radius: 8px !important; border: 1px solid transparent;\n  font-family: \"Outfit\", Arial, sans-serif; font-size: 17px; line-height: 1.3; font-weight: 500;\n  text-decoration: none !important; cursor: pointer; white-space: nowrap;\n  transition: transform .25s var(--ease), background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;\n}\n.mx-btn--primary { background: var(--orange); border-color: var(--orange); color: #fff !important; }\n.mx-btn--primary:hover, .mx-btn--primary:focus-visible { transform: translateY(-2px); background: var(--orange-2); border-color: var(--orange-2); box-shadow: 0 12px 26px rgba(237,87,64,.28); }\n.mx-btn--ghost { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.5); color: #fff !important; }\n.mx-btn--ghost:hover, .mx-btn--ghost:focus-visible { transform: translateY(-2px); background: #fff; border-color: #fff; color: var(--navy) !important; }\n.mx-btn--line { background: transparent; border-color: var(--line); color: var(--navy) !important; }\n.mx-btn--line:hover, .mx-btn--line:focus-visible { transform: translateY(-2px); border-color: var(--navy); }\n.mx-link { display: inline-flex; align-items: center; gap: 8px; color: var(--orange) !important; font-size: 16px; font-weight: 500; text-decoration: none !important; background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit; }\n.mx-link span { transition: transform .2s ease; }\n.mx-link:hover span { transform: translateX(4px); }\n\n\/* ---------- Reveal beim Scrollen (nur mit JS) ---------- *\/\n.mx-js [data-reveal] { opacity: 0; transform: translateY(34px); transition: opacity .9s var(--ease), transform .9s var(--ease); }\n.mx-js [data-reveal].is-in { opacity: 1; transform: none; }\n.mx-js [data-reveal=\"2\"] { transition-delay: .12s; }\n.mx-js [data-reveal=\"3\"] { transition-delay: .24s; }\n\n\/* =========================================================\n   1 HERO (dunkel)\n   ========================================================= *\/\n.mx-hero {\n  margin-top: -205px !important; min-height: 100vh; overflow: hidden; display: flex; align-items: center; isolation: isolate;\n  background: var(--deep) url(\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/marketing-as-a-service_hero_1.jpg\") center center \/ cover no-repeat;\n}\n.mx-hero::before { content: \"\"; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(5,22,32,1) 0%, rgba(5,22,32,.97) 28%, rgba(5,22,32,.86) 44%, rgba(5,22,32,.5) 60%, rgba(5,22,32,0) 82%); }\n.mx-hero__inner { position: relative; z-index: 1; width: min(1380px, calc(100% - 64px)); margin: 0 auto; padding: 255px 0 130px; }\n.mx-hero__copy { width: min(700px, 58%); }\n.mx-hero .mx-kicker { color: rgba(255,255,255,.75); }\n.mx-hero h1 { margin: 0; color: #fff; font-size: clamp(46px, 5.4vw, 80px); line-height: 1; font-weight: 300; letter-spacing: -.045em; }\n.mx-hero h1 strong { display: block; margin-top: 8px; color: var(--orange); font-weight: 500; }\n.mx-hero__intro { margin: 26px 0 0; max-width: 600px; color: rgba(255,255,255,.8); font-size: 19px; line-height: 1.6; font-weight: 300; }\n.mx-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }\n.mx-hero__facts { display: flex; flex-wrap: wrap; gap: 14px 40px; margin: 40px 0 0; padding: 0; list-style: none; }\n.mx-hero__facts li { margin: 0; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.3; }\n.mx-hero__facts strong { display: block; margin-bottom: 4px; color: #fff; font-size: 26px; font-weight: 500; letter-spacing: -.02em; }\n.mx-scrollcue { position: absolute; z-index: 1; left: 50%; bottom: 30px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; color: rgba(255,255,255,.55); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; text-decoration: none !important; }\n.mx-scrollcue i { display: block; width: 1px; height: 44px; background: linear-gradient(rgba(255,255,255,.7), transparent); animation: mxCue 2.2s var(--ease) infinite; transform-origin: top; }\n@keyframes mxCue { 0% { transform: scaleY(0); opacity: 1; } 60% { transform: scaleY(1); opacity: 1; } 100% { transform: scaleY(1); opacity: 0; } }\n.mx-js .mx-hero [data-intro] { opacity: 0; transform: translateY(24px); animation: mxIntro 1s var(--ease) forwards; }\n.mx-js .mx-hero [data-intro=\"2\"] { animation-delay: .15s; }\n.mx-js .mx-hero [data-intro=\"3\"] { animation-delay: .3s; }\n.mx-js .mx-hero [data-intro=\"4\"] { animation-delay: .45s; }\n@keyframes mxIntro { to { opacity: 1; transform: none; } }\n\n\/* =========================================================\n   2 STICKY SUB-NAV\n   ========================================================= *\/\n.mx-nav { position: sticky; top: 0; z-index: 100; background: rgba(21,52,71,.96); border-bottom: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }\n.mx-nav__inner { width: min(1380px, calc(100% - 48px)); min-height: 66px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 4px; }\n.mx-nav a { position: relative; min-height: 44px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 10px; color: rgba(255,255,255,.83) !important; font-size: 18px; line-height: 1.2; text-decoration: none !important; white-space: nowrap; transition: color .2s ease, background-color .2s ease; }\n.mx-nav a:hover, .mx-nav a:focus-visible { color: #fff !important; background: rgba(255,255,255,.08); }\n.mx-nav a[aria-current=\"page\"] { color: #fff !important; }\n.mx-nav a[aria-current=\"page\"]::after { content: \"\"; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px; border-radius: 10px; background: var(--orange); }\n.mx-progress { position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; transform-origin: left; transform: scaleX(0); background: var(--orange); }\n\n\/* =========================================================\n   3 PAKET-FINDER (hell)\n   ========================================================= *\/\n.mx-finder__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 72px; align-items: center; }\n.mx-finder__fit { margin: 34px 0 0; padding: 0; list-style: none; }\n.mx-finder__fit li { position: relative; margin: 0 0 12px; padding-left: 30px; color: var(--navy); font-size: 17px; line-height: 1.5; }\n.mx-finder__fit li::before { content: \"\"; position: absolute; left: 2px; top: 7px; width: 12px; height: 7px; border-left: 2px solid var(--orange); border-bottom: 2px solid var(--orange); transform: rotate(-45deg); }\n.mx-quiz { position: relative; padding: 40px; border-radius: 28px; background: var(--soft); min-height: 470px; overflow: hidden; }\n.mx-quiz__bar { display: flex; gap: 6px; margin-bottom: 30px; }\n.mx-quiz__bar i { flex: 1; height: 4px; border-radius: 4px; background: var(--line); transition: background-color .4s ease; }\n.mx-quiz__bar i.on { background: var(--orange); }\n.mx-quiz__step { display: none; }\n.mx-quiz__step.is-active { display: block; animation: mxStep .55s var(--ease); }\n@keyframes mxStep { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }\n.mx-quiz__count { display: block; margin-bottom: 10px; color: var(--muted); font-size: 14px; }\n.mx-quiz__q { margin: 0 0 24px; color: var(--navy); font-size: clamp(24px, 2.3vw, 31px); line-height: 1.2; font-weight: 500; letter-spacing: -.02em; }\n.mx-quiz__opts { display: grid; gap: 10px; }\n.mx-opt {\n  display: flex; align-items: center; gap: 14px; width: 100%; padding: 18px 20px; border: 1px solid var(--line); border-radius: 16px;\n  background: #fff; color: var(--navy); font-family: inherit; font-size: 17px; line-height: 1.4; text-align: left; cursor: pointer;\n  transition: border-color .2s ease, transform .2s var(--ease), box-shadow .2s ease;\n}\n.mx-opt:hover, .mx-opt:focus-visible { border-color: var(--orange); transform: translateX(4px); box-shadow: 0 10px 24px rgba(5,43,63,.07); outline: none; }\n.mx-opt b { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; height: 30px; border-radius: 50%; background: var(--soft); color: var(--orange); font-size: 14px; font-weight: 600; }\n.mx-quiz__back { margin-top: 18px; padding: 0; border: 0; background: none; color: var(--muted); font-family: inherit; font-size: 15px; cursor: pointer; }\n.mx-quiz__back:hover { color: var(--navy); }\n.mx-quiz__result { display: none; text-align: left; }\n.mx-quiz__result.is-active { display: block; animation: mxStep .6s var(--ease); }\n.mx-quiz__result small { display: block; color: var(--muted); font-size: 14px; margin-bottom: 8px; }\n.mx-quiz__name { margin: 0; color: var(--navy); font-size: clamp(48px, 5vw, 72px); line-height: 1; font-weight: 500; letter-spacing: -.04em; }\n.mx-quiz__goal { display: block; margin: 10px 0 18px; color: var(--orange); font-size: 14px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\n.mx-quiz__why { margin: 0 0 28px; color: var(--muted); font-size: 18px; line-height: 1.55; font-weight: 300; }\n.mx-quiz__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }\n.mx-quiz__note { margin: 22px 0 0; color: var(--muted); font-size: 14px; }\n.mx-nojs-hide { display: none; }\n.mx-js .mx-nojs-hide { display: block; }\n.mx-js .mx-js-hide { display: none; }\n\n\/* =========================================================\n   4 STICKY STORY (dunkel)\n   ========================================================= *\/\n.mx-story__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 80px; }\n.mx-story__sticky { position: sticky; top: 140px; align-self: start; }\n.mx-story__dots { display: flex; gap: 8px; margin-top: 40px; }\n.mx-story__dots i { width: 36px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.18); transition: background-color .4s ease, width .4s var(--ease); }\n.mx-story__dots i.on { width: 60px; background: var(--orange); }\n.mx-story__item { min-height: 62vh; display: flex; flex-direction: column; justify-content: center; padding: 40px 0; border-top: 1px solid rgba(255,255,255,.1); }\n.mx-story__item:first-child { border-top: 0; }\n.mx-js .mx-story__item { opacity: .22; transition: opacity .6s ease; }\n.mx-js .mx-story__item.is-active { opacity: 1; }\n.mx-story__num { display: block; margin-bottom: 18px; color: var(--orange); font-size: 15px; font-weight: 600; letter-spacing: .1em; }\n.mx-story__item h3 { margin: 0 0 16px; color: #fff; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.08; font-weight: 400; letter-spacing: -.03em; }\n.mx-story__item p { margin: 0; max-width: 520px; color: rgba(255,255,255,.7); font-size: 19px; line-height: 1.6; font-weight: 300; }\n\n\/* =========================================================\n   5 PAKET-UMSCHALTER (hell)\n   ========================================================= *\/\n.mx-switch { display: inline-flex; gap: 4px; margin: 40px auto 0; padding: 5px; border-radius: 999px; background: var(--soft); position: relative; }\n.mx-switch__btn {\n  position: relative; z-index: 1; min-width: 130px; min-height: 48px; padding: 0 26px; border: 0; border-radius: 999px; background: transparent;\n  color: var(--navy); font-family: inherit; font-size: 17px; font-weight: 500; cursor: pointer; transition: color .3s ease;\n}\n.mx-switch__btn[aria-selected=\"true\"] { color: #fff; }\n.mx-switch__pill { position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 5px; border-radius: 999px; background: var(--navy); transition: transform .45s var(--ease), width .45s var(--ease); }\n.mx-switch-wrap { text-align: center; }\n.mx-pkgs { margin-top: 48px; }\n.mx-pkg { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 64px; align-items: center; }\n.mx-pkg + .mx-pkg { margin-top: 80px; }\n.mx-js .mx-pkg + .mx-pkg { margin-top: 0; }\n.mx-pkg[hidden] { display: none !important; }\n.mx-pkg.is-enter .mx-pkg__media { animation: mxPkgImg .8s var(--ease); }\n.mx-pkg.is-enter .mx-pkg__body > * { animation: mxStep .6s var(--ease) both; }\n.mx-pkg.is-enter .mx-pkg__body > *:nth-child(2) { animation-delay: .05s; }\n.mx-pkg.is-enter .mx-pkg__body > *:nth-child(3) { animation-delay: .1s; }\n.mx-pkg.is-enter .mx-pkg__body > *:nth-child(4) { animation-delay: .15s; }\n.mx-pkg.is-enter .mx-pkg__body > *:nth-child(5) { animation-delay: .2s; }\n.mx-pkg.is-enter .mx-pkg__body > *:nth-child(6) { animation-delay: .25s; }\n@keyframes mxPkgImg { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }\n.mx-pkg__media { position: relative; border-radius: 28px; overflow: hidden; aspect-ratio: 4 \/ 3.4; background: var(--navy); }\n.mx-pkg__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; display: block; transition: transform 1.2s var(--ease); }\n.mx-pkg:hover .mx-pkg__media img { transform: scale(1.03); }\n.mx-pkg__badge { position: absolute; left: 22px; bottom: 22px; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 999px; background: rgba(7,29,42,.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #fff; font-size: 14px; font-weight: 500; }\n.mx-pkg__level { display: inline-flex; gap: 4px; }\n.mx-pkg__level i { width: 18px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.3); }\n.mx-pkg__level i.on { background: var(--orange); }\n.mx-pkg__goal { display: block; color: var(--orange); font-size: 14px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\n.mx-pkg__name { margin: 10px 0 0; color: var(--navy); font-size: clamp(48px, 5vw, 76px); line-height: .95; font-weight: 500; letter-spacing: -.045em; }\n.mx-pkg__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; margin: 22px 0 0; color: var(--navy); }\n.mx-pkg__price strong { font-size: clamp(36px, 3.4vw, 48px); line-height: 1; font-weight: 300; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }\n.mx-pkg__price span { color: var(--muted); font-size: 15px; }\n.mx-pkg__for { margin: 22px 0 0; color: var(--navy); font-size: 19px; line-height: 1.5; font-weight: 400; }\n.mx-pkg__list { margin: 24px 0 0; padding: 0; list-style: none; }\n.mx-pkg__list li { position: relative; margin: 0; padding: 11px 0 11px 32px; border-top: 1px solid var(--line); color: var(--text); font-size: 16.5px; line-height: 1.45; }\n.mx-pkg__list li::before { content: \"\"; position: absolute; left: 3px; top: 17px; width: 13px; height: 7px; border-left: 2px solid var(--orange); border-bottom: 2px solid var(--orange); transform: rotate(-45deg); }\n.mx-pkg__total { margin: 20px 0 0; color: var(--muted); font-size: 14.5px; }\n.mx-pkg__total strong { color: var(--navy); }\n.mx-pkg__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }\n.mx-base { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 72px; }\n.mx-base strong { width: 100%; text-align: center; margin-bottom: 4px; color: var(--navy); font-size: 15px; font-weight: 600; }\n.mx-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 0 15px; border-radius: 999px; background: var(--soft); color: var(--navy); font-size: 14.5px; }\n\n\/* =========================================================\n   6 LEISTUNGS-KARUSSELL (dunkel)\n   ========================================================= *\/\n.mx-carousel__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap; }\n.mx-filter { display: inline-flex; gap: 6px; padding: 5px; border-radius: 999px; background: rgba(255,255,255,.07); }\n.mx-filter button { min-height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: rgba(255,255,255,.75); font-family: inherit; font-size: 15px; font-weight: 500; cursor: pointer; transition: background-color .25s ease, color .25s ease; }\n.mx-filter button[aria-pressed=\"true\"] { background: #fff; color: var(--navy); }\n.mx-track {\n  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 300px); gap: 16px;\n  margin-top: 50px; padding: 4px max(32px, calc((100vw - 1240px) \/ 2)) 30px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 max(32px, calc((100vw - 1240px) \/ 2));\n  scrollbar-width: none; -webkit-overflow-scrolling: touch;\n}\n.mx-track::-webkit-scrollbar { display: none; }\n.mx-tile {\n  scroll-snap-align: start; display: flex; flex-direction: column; min-height: 330px; padding: 28px 26px 24px; border-radius: 24px;\n  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09);\n  transition: opacity .35s ease, transform .35s var(--ease), background-color .3s ease;\n}\n.mx-tile:hover { background: rgba(255,255,255,.1); transform: translateY(-4px); }\n.mx-tile.is-dim { opacity: .22; }\n.mx-tile__icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 26px; border-radius: 16px; background: rgba(237,87,64,.14); }\n.mx-tile__icon svg { width: 25px; height: 25px; fill: none; stroke: var(--orange); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\n.mx-tile h3 { margin: 0 0 10px; color: #fff; font-size: 22px; line-height: 1.2; font-weight: 500; }\n.mx-tile p { margin: 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.55; font-weight: 300; }\n.mx-tile__in { display: flex; gap: 6px; margin-top: auto; padding-top: 22px; }\n.mx-tile__in span { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 28px; padding: 0 8px; border-radius: 8px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.3); font-size: 12px; font-weight: 600; }\n.mx-tile__in span.on { background: var(--orange); color: #fff; }\n.mx-carousel__nav { display: flex; gap: 10px; }\n.mx-arrow { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: transparent; color: #fff; font-size: 20px; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; }\n.mx-arrow:hover { background: #fff; color: var(--navy); border-color: #fff; }\n.mx-carousel__foot { display: flex; justify-content: space-between; align-items: center; gap: 30px; flex-wrap: wrap; }\n.mx-carousel__note { margin: 0; max-width: 760px; color: rgba(255,255,255,.55); font-size: 14.5px; line-height: 1.6; }\n.mx-legend { display: flex; gap: 16px; color: rgba(255,255,255,.6); font-size: 14px; }\n.mx-legend b { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 22px; margin-right: 6px; border-radius: 6px; background: var(--orange); color: #fff; font-size: 11px; }\n\n\/* =========================================================\n   7 ABOS (hell)\n   ========================================================= *\/\n.mx-abos__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 56px; }\n.mx-abo { display: flex; flex-direction: column; border-radius: 28px; background: var(--soft); overflow: hidden; transition: transform .4s var(--ease), box-shadow .4s ease; }\n.mx-abo:hover { transform: translateY(-6px); box-shadow: 0 28px 60px rgba(5,43,63,.12); }\n.mx-abo__media { position: relative; aspect-ratio: 16 \/ 9.5; overflow: hidden; }\n.mx-abo__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; display: block; transition: transform 1.2s var(--ease); }\n.mx-abo:hover .mx-abo__media img { transform: scale(1.05); }\n.mx-abo__tag { position: absolute; top: 20px; left: 20px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--navy); font-size: 13px; font-weight: 600; }\n.mx-abo__body { display: flex; flex-direction: column; flex: 1; padding: 34px 34px 36px; }\n.mx-abo h3 { margin: 0; color: var(--navy); font-size: 32px; line-height: 1.1; font-weight: 500; letter-spacing: -.025em; }\n.mx-abo__price { margin: 10px 0 0; color: var(--orange); font-size: 18px; font-weight: 500; }\n.mx-abo p { margin: 16px 0 26px; color: var(--muted); font-size: 17px; line-height: 1.55; font-weight: 300; }\n.mx-abo .mx-btn { margin-top: auto; align-self: flex-start; }\n.mx-abos__note { margin: 28px 0 0; color: var(--muted); font-size: 15px; text-align: center; }\n\n\/* =========================================================\n   8 KUNDENSTIMME (dunkel)\n   ========================================================= *\/\n.mx-voice { overflow: hidden; }\n.mx-voice__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); min-height: 640px; }\n.mx-voice__text { display: flex; flex-direction: column; justify-content: center; padding: 110px 70px 110px max(32px, calc((100vw - 1240px) \/ 2)); }\n.mx-voice blockquote { margin: 0; padding: 0; border: 0; }\n.mx-voice blockquote p { margin: 0; color: #fff; font-size: clamp(30px, 3.4vw, 50px); line-height: 1.15; font-weight: 300; letter-spacing: -.03em; }\n.mx-voice blockquote p::before { content: \"\u201e\"; color: var(--orange); }\n.mx-voice blockquote p::after { content: \"\u201c\"; color: var(--orange); }\n.mx-voice__more { margin: 26px 0 0; max-width: 560px; color: rgba(255,255,255,.66); font-size: 18px; line-height: 1.6; font-weight: 300; }\n.mx-voice__who { margin: 34px 0 0; color: rgba(255,255,255,.7); font-size: 16px; }\n.mx-voice__who strong { display: block; color: #fff; font-size: 19px; font-weight: 600; }\n.mx-voice__media { position: relative; min-height: 420px; }\n.mx-voice__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block; }\n.mx-voice__media::before { content: \"\"; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, var(--deep) 0%, rgba(7,29,42,0) 35%); }\n\n\/* =========================================================\n   9 FAQ (hell)\n   ========================================================= *\/\n.mx-faq__grid { display: grid; grid-template-columns: minmax(0, .4fr) minmax(0, .6fr); gap: 72px; align-items: start; }\n.mx-faq__item { border-bottom: 1px solid var(--line); }\n.mx-faq__item:first-child { border-top: 1px solid var(--line); }\n.mx-faq__item summary { list-style: none; position: relative; padding: 26px 56px 26px 0; cursor: pointer; color: var(--navy); font-size: 20px; line-height: 1.4; font-weight: 500; }\n.mx-faq__item summary::-webkit-details-marker { display: none; }\n.mx-faq__item summary::after { content: \"+\"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; background: var(--soft); color: var(--orange); font-size: 22px; line-height: 36px; text-align: center; transition: transform .3s var(--ease), background-color .3s ease, color .3s ease; }\n.mx-faq__item[open] summary::after { transform: translateY(-50%) rotate(45deg); background: var(--orange); color: #fff; }\n.mx-faq__item summary:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }\n.mx-faq__item p { margin: 0 0 26px; max-width: 720px; color: var(--muted); font-size: 17.5px; line-height: 1.6; font-weight: 300; }\n\n\/* =========================================================\n   10 ABSCHLUSS (dunkel)\n   ========================================================= *\/\n.mx-final__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 620px; }\n.mx-final__content { display: flex; align-items: center; padding: 110px 70px 110px max(32px, calc((100vw - 1240px) \/ 2)); }\n.mx-final__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }\n.mx-final__ways { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.15); }\n.mx-final__ways a { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.85) !important; font-size: 15px; text-decoration: none !important; }\n.mx-final__ways a:hover { color: #fff !important; }\n.mx-final__ways svg { width: 18px; height: 18px; fill: none; stroke: var(--orange); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n.mx-final__media { position: relative; min-height: 380px; }\n.mx-final__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; }\n\n\/* =========================================================\n   11 SCHWEBENDE BUCHUNGSLEISTE\n   ========================================================= *\/\n.mx-dock {\n  --navy: #153447; --orange: #ed5740; --orange-2: #d9452f; --ease: cubic-bezier(.2,.75,.2,1);\n  position: fixed; z-index: 9990; left: 50%; bottom: 22px; transform: translate(-50%, 140%);\n  display: flex; align-items: center; gap: 18px; padding: 10px 10px 10px 24px; border-radius: 999px;\n  background: rgba(15,42,58,.88); backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4);\n  box-shadow: 0 18px 50px rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.1);\n  font-family: \"Outfit\", Arial, sans-serif; color: #fff; transition: transform .6s var(--ease, cubic-bezier(.2,.75,.2,1)); white-space: nowrap;\n}\n.mx-dock.is-visible { transform: translate(-50%, 0); }\n.mx-dock__text { font-size: 15px; color: rgba(255,255,255,.75); }\n.mx-dock__text strong { color: #fff; font-weight: 500; }\n.mx-dock .mx-btn { min-height: 44px; padding: 0 20px; font-size: 15px; border-radius: 999px !important; }\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n@media (max-width: 1100px) {\n  .mx-nav { overflow-x: auto; scrollbar-width: none; }\n  .mx-nav::-webkit-scrollbar { display: none; }\n  .mx-nav__inner { width: max-content; min-width: 100%; justify-content: flex-start; padding: 0 18px; }\n  .mx-pkg { grid-template-columns: 1fr; gap: 36px; }\n  .mx-pkg__media { aspect-ratio: 16 \/ 10; }\n}\n@media (max-width: 980px) {\n  .mx-pad { padding: 88px 0; }\n  .mx-hero::before { background: linear-gradient(90deg, rgba(5,22,32,1) 0%, rgba(5,22,32,.95) 52%, rgba(5,22,32,.6) 78%, rgba(5,22,32,.2) 100%); }\n  .mx-hero__inner { padding: 160px 0 120px; }\n  .mx-hero__copy { width: 74%; }\n  .mx-finder__grid, .mx-story__grid, .mx-faq__grid { grid-template-columns: 1fr; gap: 44px; }\n  .mx-story__sticky { position: static; }\n  .mx-story__item { min-height: 0; padding: 30px 0; }\n  .mx-js .mx-story__item { opacity: 1; }\n  .mx-story__dots { display: none; }\n  .mx-abos__grid { grid-template-columns: 1fr; }\n  .mx-voice__grid, .mx-final__grid { grid-template-columns: 1fr; }\n  .mx-voice__text, .mx-final__content { padding: 80px 32px; }\n  .mx-voice__media { order: -1; min-height: 420px; }\n  .mx-voice__media::before { background: linear-gradient(0deg, var(--deep) 0%, rgba(7,29,42,0) 45%); }\n}\n@media (max-width: 680px) {\n  .mx__inner, .mx-hero__inner { width: calc(100% - 36px); }\n  .mx-pad { padding: 70px 0; }\n  .mx-hero { align-items: flex-end; background-position: 70% center; }\n  .mx-hero::before { background: linear-gradient(180deg, rgba(5,22,32,.1) 0%, rgba(5,22,32,.45) 28%, rgba(5,22,32,.93) 52%, rgba(5,22,32,1) 100%); }\n  .mx-hero__inner { padding: 260px 0 90px; }\n  .mx-hero__copy { width: 100%; }\n  .mx-hero h1 { font-size: clamp(38px, 11vw, 52px); }\n  .mx-hero__intro, .mx-lead { font-size: 17px; }\n  .mx-hero__actions { flex-direction: column; }\n  .mx-btn { width: 100%; white-space: normal; }\n  .mx-nav__inner { min-height: 58px; padding: 0 12px; }\n  .mx-nav a { font-size: 15px; padding: 0 11px; }\n  .mx-quiz { padding: 26px 20px; min-height: 0; }\n  .mx-switch { display: flex; width: 100%; }\n  .mx-switch__btn { flex: 1; min-width: 0; padding: 0 8px; font-size: 16px; }\n  .mx-carousel__nav { display: none; }\n  .mx-track { padding-left: 18px; padding-right: 18px; scroll-padding: 0 18px; grid-auto-columns: 82%; }\n  .mx-abo__body { padding: 26px 22px 28px; }\n  .mx-voice__text, .mx-final__content { padding: 64px 18px; }\n  .mx-dock { left: 12px; right: 12px; bottom: 12px; transform: translateY(140%); justify-content: space-between; padding: 8px 8px 8px 16px; }\n  .mx-dock.is-visible { transform: none; }\n  .mx-dock__text { white-space: normal; font-size: 13px; line-height: 1.3; }\n  .mx-dock .mx-btn { width: auto; }\n  .mx-dock .mx-btn--ghost { display: none; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .mx *, .mx-dock { animation: none !important; transition: none !important; }\n  .mx-js [data-reveal] { opacity: 1; transform: none; }\n  .mx-js .mx-hero [data-intro] { opacity: 1; transform: none; }\n}\n\n\/* ---------- Feinschliff V2.1 ---------- *\/\n.mx-js .mx-filter.mx-nojs-hide { display: inline-flex; }\n.mx-js .mx-carousel__nav.mx-nojs-hide { display: flex; }\n@media (max-width: 680px) {\n  .mx-js .mx-carousel__nav.mx-nojs-hide { display: none; }\n  .mx-dock { bottom: 78px; }\n  .mx-dock__sub { display: none; }\n  .mx-dock__text { font-size: 14px; }\n}\n\n\/* =========================================================\n   PAKETVERGLEICH ALS BAUSTEINE (V3) \u2013 ersetzt Karussell\n   ========================================================= *\/\n.mx-stack__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 56px; }\n.mx-js .mx-stack__grid[data-reveal] { opacity: 1; transform: none; }\n.mx-col { display: flex; flex-direction: column; padding: 24px 22px 22px; border-radius: 26px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); transition: background-color .3s ease, border-color .3s ease, transform .4s var(--ease); }\n.mx-col:hover { background: rgba(255,255,255,.07); border-color: rgba(237,87,64,.35); transform: translateY(-4px); }\n.mx-col__head { padding: 2px 4px 18px; }\n.mx-col__level { display: flex; gap: 4px; margin-bottom: 16px; }\n.mx-col__level i { width: 22px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.18); }\n.mx-col__level i.on { background: var(--orange); }\n.mx-col__goal { display: block; color: var(--orange); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\n.mx-col__name { margin: 6px 0 0; color: #fff; font-size: 36px; line-height: 1; font-weight: 500; letter-spacing: -.035em; }\n.mx-col__price { margin: 14px 0 0; color: #fff; font-size: 30px; line-height: 1; font-weight: 300; letter-spacing: -.02em; }\n.mx-col__price span { color: rgba(255,255,255,.55); font-size: 14px; letter-spacing: 0; }\n.mx-col__save { margin: 8px 0 0; color: rgba(255,255,255,.5); font-size: 13px; }\n.mx-col__blocks { display: grid; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }\n.mx-blk { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 72px; margin: 0; padding: 10px 14px 10px 52px; border-radius: 16px; background: rgba(255,255,255,.08); color: #fff; outline: none; cursor: default; transition: opacity .3s ease, box-shadow .3s ease, transform .3s var(--ease), background-color .3s ease; }\n.mx-blk svg { position: absolute; left: 16px; top: 50%; width: 22px; height: 22px; margin-top: -11px; fill: none; stroke: var(--orange); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\n.mx-blk b { display: block; color: #fff; font-size: 16px; line-height: 1.25; font-weight: 500; }\n.mx-blk span { display: block; margin-top: 3px; color: rgba(255,255,255,.6); font-size: 13.5px; line-height: 1.35; }\n.mx-blk--off { background: transparent; border: 1px dashed rgba(255,255,255,.15); }\n.mx-blk--off b { color: rgba(255,255,255,.28); font-weight: 400; }\n.mx-blk--off svg { stroke: rgba(255,255,255,.2); }\n.mx-blk--base { background: var(--orange); }\n.mx-blk--base svg { stroke: #fff; }\n.mx-blk--base span { color: rgba(255,255,255,.88); }\n.mx-col .mx-btn { width: 100%; margin-top: auto; }\n.mx-col__more { display: inline-flex; justify-content: center; gap: 6px; margin-top: 12px; color: rgba(255,255,255,.72) !important; font-size: 15px; text-decoration: none !important; }\n.mx-col__more:hover { color: #fff !important; }\n.mx-col__more span { transition: transform .2s ease; }\n.mx-col__more:hover span { transform: translateX(4px); }\n.mx-stack__base { margin: 34px auto 0; max-width: 900px; color: rgba(255,255,255,.7); font-size: 15.5px; line-height: 1.6; text-align: center; }\n.mx-stack__base strong { color: #fff; font-weight: 500; }\n.mx-stack__note { margin: 12px auto 0; max-width: 900px; color: rgba(255,255,255,.45); font-size: 13.5px; line-height: 1.6; text-align: center; }\n.mx-stack__hint { display: inline; }\n@media (hover: none) { .mx-stack__hint { display: none; } }\n.mx-stack__grid:has(.mx-blk[data-k=\"event\"]:hover) .mx-blk:not([data-k=\"event\"]),\n.mx-stack__grid:has(.mx-blk[data-k=\"event\"]:focus-visible) .mx-blk:not([data-k=\"event\"]) { opacity: .2; }\n.mx-stack__grid:has(.mx-blk[data-k=\"event\"]:hover) .mx-blk[data-k=\"event\"]:not(.mx-blk--off),\n.mx-stack__grid:has(.mx-blk[data-k=\"event\"]:focus-visible) .mx-blk[data-k=\"event\"]:not(.mx-blk--off) { box-shadow: 0 0 0 2px var(--orange); transform: scale(1.02); }\n.mx-stack__grid:has(.mx-blk[data-k=\"video\"]:hover) .mx-blk:not([data-k=\"video\"]),\n.mx-stack__grid:has(.mx-blk[data-k=\"video\"]:focus-visible) .mx-blk:not([data-k=\"video\"]) { opacity: .2; }\n.mx-stack__grid:has(.mx-blk[data-k=\"video\"]:hover) .mx-blk[data-k=\"video\"]:not(.mx-blk--off),\n.mx-stack__grid:has(.mx-blk[data-k=\"video\"]:focus-visible) .mx-blk[data-k=\"video\"]:not(.mx-blk--off) { box-shadow: 0 0 0 2px var(--orange); transform: scale(1.02); }\n.mx-stack__grid:has(.mx-blk[data-k=\"story\"]:hover) .mx-blk:not([data-k=\"story\"]),\n.mx-stack__grid:has(.mx-blk[data-k=\"story\"]:focus-visible) .mx-blk:not([data-k=\"story\"]) { opacity: .2; }\n.mx-stack__grid:has(.mx-blk[data-k=\"story\"]:hover) .mx-blk[data-k=\"story\"]:not(.mx-blk--off),\n.mx-stack__grid:has(.mx-blk[data-k=\"story\"]:focus-visible) .mx-blk[data-k=\"story\"]:not(.mx-blk--off) { box-shadow: 0 0 0 2px var(--orange); transform: scale(1.02); }\n.mx-stack__grid:has(.mx-blk[data-k=\"content\"]:hover) .mx-blk:not([data-k=\"content\"]),\n.mx-stack__grid:has(.mx-blk[data-k=\"content\"]:focus-visible) .mx-blk:not([data-k=\"content\"]) { opacity: .2; }\n.mx-stack__grid:has(.mx-blk[data-k=\"content\"]:hover) .mx-blk[data-k=\"content\"]:not(.mx-blk--off),\n.mx-stack__grid:has(.mx-blk[data-k=\"content\"]:focus-visible) .mx-blk[data-k=\"content\"]:not(.mx-blk--off) { box-shadow: 0 0 0 2px var(--orange); transform: scale(1.02); }\n.mx-stack__grid:has(.mx-blk[data-k=\"social\"]:hover) .mx-blk:not([data-k=\"social\"]),\n.mx-stack__grid:has(.mx-blk[data-k=\"social\"]:focus-visible) .mx-blk:not([data-k=\"social\"]) { opacity: .2; }\n.mx-stack__grid:has(.mx-blk[data-k=\"social\"]:hover) .mx-blk[data-k=\"social\"]:not(.mx-blk--off),\n.mx-stack__grid:has(.mx-blk[data-k=\"social\"]:focus-visible) .mx-blk[data-k=\"social\"]:not(.mx-blk--off) { box-shadow: 0 0 0 2px var(--orange); transform: scale(1.02); }\n.mx-stack__grid:has(.mx-blk[data-k=\"base\"]:hover) .mx-blk:not([data-k=\"base\"]),\n.mx-stack__grid:has(.mx-blk[data-k=\"base\"]:focus-visible) .mx-blk:not([data-k=\"base\"]) { opacity: .2; }\n.mx-stack__grid:has(.mx-blk[data-k=\"base\"]:hover) .mx-blk[data-k=\"base\"]:not(.mx-blk--off),\n.mx-stack__grid:has(.mx-blk[data-k=\"base\"]:focus-visible) .mx-blk[data-k=\"base\"]:not(.mx-blk--off) { box-shadow: 0 0 0 2px var(--orange); transform: scale(1.02); }\n.mx-js .mx-stack__grid:not(.is-in) .mx-blk { opacity: 0; }\n.mx-js .mx-stack__grid.is-in .mx-blk { animation: mxBlk .6s var(--ease) backwards; animation-delay: calc(var(--i) * 45ms); }\n@keyframes mxBlk { from { opacity: 0; transform: translateY(16px) scale(.96); } }\n@media (max-width: 980px) {\n  .mx-stack__grid { gap: 12px; }\n  .mx-col { padding: 20px 14px 18px; }\n  .mx-col__name { font-size: 28px; }\n  .mx-col__price { font-size: 24px; }\n  .mx-blk { min-height: 84px; padding-left: 44px; }\n  .mx-blk svg { left: 13px; width: 20px; height: 20px; margin-top: -10px; }\n  .mx-blk b { font-size: 15px; }\n  .mx-blk span { font-size: 13px; }\n}\n@media (max-width: 680px) {\n  .mx-stack__grid { grid-template-columns: 1fr; gap: 14px; margin-top: 40px; }\n  .mx-col { padding: 22px 18px; }\n  .mx-col:hover { transform: none; }\n  .mx-blk--off { display: none; }\n  .mx-blk { min-height: 0; padding: 13px 14px 13px 48px; }\n  .mx-col__head { display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: 12px; }\n  .mx-col__level, .mx-col__goal, .mx-col__name { grid-column: 1; }\n  .mx-col__price { grid-column: 2; grid-row: 2 \/ 4; margin: 0; text-align: right; }\n  .mx-col__price span { display: block; margin-top: 4px; font-size: 12px; }\n  .mx-col__save { grid-column: 1 \/ -1; }\n}\n\n\/* =========================================================\n   IHR NUTZEN KOMPAKT (V3.1) \u2013 ersetzt Sticky-Story\n   ========================================================= *\/\n.mx-benefits { padding: 100px 0; }\n.mx-benefits__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; align-items: center; }\n.mx-benefits__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }\n.mx-bcard { position: relative; overflow: hidden; padding: 28px 26px 26px; border-radius: 22px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); transition: background-color .35s ease, border-color .35s ease, transform .4s var(--ease); }\n.mx-bcard::after { content: \"\"; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--ease); }\n.mx-bcard:hover { background: rgba(255,255,255,.09); border-color: rgba(237,87,64,.4); transform: translateY(-4px); }\n.mx-bcard:hover::after { transform: scaleX(1); }\n.mx-bcard__num { position: absolute; top: 18px; right: 22px; color: rgba(255,255,255,.1); font-size: 44px; line-height: 1; font-weight: 600; letter-spacing: -.04em; transition: color .35s ease; }\n.mx-bcard:hover .mx-bcard__num { color: rgba(237,87,64,.5); }\n.mx-bcard__icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 22px; border-radius: 14px; background: rgba(237,87,64,.14); transition: transform .4s var(--ease), background-color .35s ease; }\n.mx-bcard:hover .mx-bcard__icon { transform: scale(1.08) rotate(-4deg); background: var(--orange); }\n.mx-bcard__icon svg { width: 23px; height: 23px; fill: none; stroke: var(--orange); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: stroke .35s ease; }\n.mx-bcard:hover .mx-bcard__icon svg { stroke: #fff; }\n.mx-bcard h3 { margin: 0 0 8px; color: #fff; font-size: 21px; line-height: 1.25; font-weight: 500; letter-spacing: -.01em; }\n.mx-bcard p { margin: 0; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.55; font-weight: 300; }\n@media (max-width: 980px) {\n  .mx-benefits { padding: 80px 0; }\n  .mx-benefits__grid { grid-template-columns: 1fr; gap: 40px; }\n}\n@media (max-width: 680px) {\n  .mx-benefits { padding: 64px 0; }\n  .mx-benefits__cards { grid-template-columns: 1fr; gap: 12px; }\n  .mx-bcard { padding: 22px 20px; }\n  .mx-bcard:hover { transform: none; }\n}\n\n\/* Korrektur 10\/2026: Paketbilder im Vergleich, Basis oben, Auswahl-Hervorhebung *\/\n.mx-col { overflow: hidden; }\n.mx-col__media { margin: -24px -22px 18px; height: 180px; overflow: hidden; }\n.mx-col__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 22%; transition: transform .6s var(--ease); }\n.mx-col:hover .mx-col__media img { transform: scale(1.04); }\n.mx-col__for { margin: 12px 0 0; color: rgba(255,255,255,.74); font-size: 14.5px; line-height: 1.5; }\n.mx-stack__base--top { margin: 0 auto 30px !important; max-width: 900px; color: rgba(255,255,255,.72); font-size: 15.5px; line-height: 1.6; text-align: center; }\n.mx-stack__base--top strong { color: #fff; font-weight: 500; }\n.mx-col.is-pick { border-color: var(--orange); box-shadow: 0 0 0 2px var(--orange); }\n@media (max-width: 1100px) { .mx-col__media { margin: -20px -14px 16px; height: 150px; } }\n@media (max-width: 680px) { .mx-col__media { margin: -22px -18px 16px; height: 170px; grid-column: 1 \/ -1; } .mx-col__for { grid-column: 1 \/ -1; } }\n\/* Hero: Motiv v2 *\/\n.mx-hero { background-image: url(\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/10\/marketing-as-a-service_hero_v2.jpg\") !important; background-position: 72% center !important; background-size: cover !important; }\n@media (max-width: 680px) { .mx-hero { background-position: 74% center !important; } }\n<\/style>\n\n\n\n<script>document.documentElement.classList.add(\"mx-js\");<\/script>\n<section class=\"mx mx--deep mx-hero\" id=\"maas-home\" aria-labelledby=\"maas-title\">\n  <div class=\"mx-hero__inner\">\n    <div class=\"mx-hero__copy\">\n      <div class=\"mx-kicker\" data-intro=\"1\">Marketing as a Service<\/div>\n      <h1 id=\"maas-title\" data-intro=\"2\">\n        Partner-Marketing f\u00fcr Systemh\u00e4user:\n        <strong>planbar neue Kundentermine gewinnen<\/strong>\n      <\/h1>\n      <p class=\"mx-hero__intro\" data-intro=\"3\">\n        Neue Kunden entstehen bei vielen Systemh\u00e4usern noch zuf\u00e4llig: \u00fcber Empfehlungen,\n        bestehende Kontakte oder einzelne Vertriebsaktionen. Mit Marketing as a Service\n        werden Sie kontinuierlich sichtbar, sprechen die richtigen Zielkunden an und machen\n        aus Marketing konkrete Gespr\u00e4che f\u00fcr Ihren Vertrieb.\n      <\/p>\n      <div data-intro=\"4\">\n        <div class=\"mx-hero__actions\">\n          <a class=\"mx-btn mx-btn--primary\" href=\"#maas-finder\">Passendes Paket finden<\/a>\n          <a class=\"mx-btn mx-btn--ghost\" href=\"https:\/\/outlook.office365.com\/book\/InfinigatePartnermarketing@Infinigate.onmicrosoft.com\/?ismsaljsauthenabled=true\" target=\"_blank\" rel=\"noopener noreferrer\">Kostenfreie Erstberatung<\/a>\n        <\/div>\n        <ul class=\"mx-hero__facts\">\n          <li><strong>3 Pakete<\/strong>Connect, Grow, Scale<\/li>\n          <li><strong>12 Monate<\/strong>Laufzeit<\/li>\n          <li><strong>ab 1.950 \u20ac<\/strong>netto pro Monat<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n<\/section>\n\n\n\n<nav class=\"mx mx-nav\" aria-label=\"Partner-Marketing Navigation\">\n  <style>\n    .mx-nav-dd { position: relative; display: inline-flex; }\n    .mx-nav-dd__chev { width: 12px; height: 12px; margin-left: 6px; fill: none; stroke: currentColor; stroke-width: 1.6; transition: transform .2s ease; }\n    .mx-nav-dd__menu { position: absolute; top: calc(100% + 6px); left: 0; min-width: 230px; padding: 8px; border-radius: 14px; background: #153447; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 18px 40px rgba(4,19,29,.35); display: flex; flex-direction: column; gap: 2px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 5; }\n    .mx-nav-dd__menu::before { content: \"\"; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }\n    .mx-nav .mx-nav-dd__menu a { width: 100%; font-size: 16px; }\n    .mx-nav-dd:hover .mx-nav-dd__menu, .mx-nav-dd:focus-within .mx-nav-dd__menu { opacity: 1; visibility: visible; transform: none; }\n    .mx-nav-dd:hover .mx-nav-dd__chev, .mx-nav-dd:focus-within .mx-nav-dd__chev { transform: rotate(180deg); }\n    @media (max-width: 1100px) {\n      .mx-nav-dd__chev { display: none; }\n      .mx-nav-dd__menu { position: static; opacity: 1; visibility: visible; transform: none; flex-direction: row; min-width: 0; padding: 0; background: none; border: 0; box-shadow: none; }\n      .mx-nav-dd__menu::before { display: none; }\n      .mx-nav .mx-nav-dd__menu a { width: auto; font-size: 14px; color: rgba(255,255,255,.62) !important; }\n    }\n  <\/style>\n  <div class=\"mx-nav__inner\">\n    <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/\">Home<\/a>\n    <div class=\"mx-nav-dd\">\n      <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service\/\" aria-current=\"page\">Marketing as a Service<svg class=\"mx-nav-dd__chev\" viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"M2.5 4.5 6 8l3.5-3.5\"\/><\/svg><\/a>\n      <div class=\"mx-nav-dd__menu\">\n        <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-connect\/\">Connect<\/a>\n        <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-grow\/\">Grow<\/a>\n        <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-scale\/\">Scale<\/a>\n      <\/div>\n    <\/div>\n    <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/leadgenerierung\/\">Leadgenerierung<\/a>\n    <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/schulung\/\">Schulung<\/a>\n    <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/leistungen\/\">Weitere Leistungen<\/a>\n    <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/#pm26-news\">Blog<\/a>\n    <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/#pm26-voices\">Kundenstimmen<\/a>\n    <a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/faq\/\">FAQ<\/a>\n  <\/div>\n  <span class=\"mx-progress\" aria-hidden=\"true\"><\/span>\n<\/nav>\n\n\n\n<section class=\"mx mx--light mx-pad mx-finder\" id=\"maas-finder\" aria-labelledby=\"maas-finder-title\">\n  <div class=\"mx__inner\">\n    <div class=\"mx-finder__grid\">\n\n      <div data-reveal>\n        <div class=\"mx-kicker\">Paket-Finder<\/div>\n        <h2 class=\"mx-h2\" id=\"maas-finder-title\">Welches Paket passt? <strong>Drei Klicks.<\/strong><\/h2>\n        <p class=\"mx-lead\">Marketing as a Service passt, wenn Sie:<\/p>\n        <ul class=\"mx-finder__fit\">\n          <li>regelm\u00e4\u00dfig neue Kundentermine aufbauen und weniger von Empfehlungen abh\u00e4ngig sein m\u00f6chten<\/li>\n          <li>fachlich stark sind, online aber noch zu wenig sichtbar<\/li>\n          <li>keine eigene Marketingabteilung haben und Marketing nicht mehr nebenbei machen wollen<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"mx-quiz\" data-reveal=\"2\">\n        <div class=\"mx-js-hide\">\n          <p class=\"mx-quiz__q\">Connect, Grow oder Scale?<\/p>\n          <p class=\"mx-quiz__why\">Im kostenfreien Erstgespr\u00e4ch finden wir gemeinsam heraus, welches Paket zu Ihrem Ziel passt.<\/p>\n          <a class=\"mx-btn mx-btn--primary\" href=\"#maas-leistungen\">Pakete ansehen<\/a>\n        <\/div>\n        <div class=\"mx-nojs-hide\">\n          <div class=\"mx-quiz__bar\" aria-hidden=\"true\"><i class=\"on\"><\/i><i><\/i><i><\/i><\/div>\n          \n          <div class=\"mx-quiz__step is-active\" data-step=\"0\">\n            <span class=\"mx-quiz__count\">Frage 1 von 3<\/span>\n            <p class=\"mx-quiz__q\">Wie gewinnen Sie heute neue Kunden?<\/p>\n            <div class=\"mx-quiz__opts\">\n              <button type=\"button\" class=\"mx-opt\" data-val=\"connect\"><b>A<\/b>Vor allem \u00fcber Empfehlungen und Bestandskunden<\/button>\n              <button type=\"button\" class=\"mx-opt\" data-val=\"grow\"><b>B<\/b>Wir sind sichtbar, aber Anfragen kommen unregelm\u00e4\u00dfig<\/button>\n              <button type=\"button\" class=\"mx-opt\" data-val=\"scale\"><b>C<\/b>Marketing l\u00e4uft und soll zum festen Vertriebskanal werden<\/button>\n            <\/div>\n            \n          <\/div>\n          <div class=\"mx-quiz__step\" data-step=\"1\">\n            <span class=\"mx-quiz__count\">Frage 2 von 3<\/span>\n            <p class=\"mx-quiz__q\">Wie sichtbar ist Ihr Systemhaus online?<\/p>\n            <div class=\"mx-quiz__opts\">\n              <button type=\"button\" class=\"mx-opt\" data-val=\"connect\"><b>A<\/b>Kaum: Website und LinkedIn laufen nebenbei<\/button>\n              <button type=\"button\" class=\"mx-opt\" data-val=\"grow\"><b>B<\/b>Ordentlich, aber ohne regelm\u00e4\u00dfigen Content<\/button>\n              <button type=\"button\" class=\"mx-opt\" data-val=\"scale\"><b>C<\/b>Gut: Jetzt sollen Reichweite und Pr\u00e4senz wachsen<\/button>\n            <\/div>\n            <button type=\"button\" class=\"mx-quiz__back\">\u2190 Zur\u00fcck<\/button>\n          <\/div>\n          <div class=\"mx-quiz__step\" data-step=\"2\">\n            <span class=\"mx-quiz__count\">Frage 3 von 3<\/span>\n            <p class=\"mx-quiz__q\">Was soll Ihr Vertrieb als N\u00e4chstes erreichen?<\/p>\n            <div class=\"mx-quiz__opts\">\n              <button type=\"button\" class=\"mx-opt\" data-val=\"connect\"><b>A<\/b>Gefunden werden und erste Termine<\/button>\n              <button type=\"button\" class=\"mx-opt\" data-val=\"grow\"><b>B<\/b>Kontinuierlich neue Anfragen<\/button>\n              <button type=\"button\" class=\"mx-opt\" data-val=\"scale\"><b>C<\/b>Mehr Umsatz \u00fcber LinkedIn, Video und Events<\/button>\n            <\/div>\n            <button type=\"button\" class=\"mx-quiz__back\">\u2190 Zur\u00fcck<\/button>\n          <\/div>\n          <div class=\"mx-quiz__result\" aria-live=\"polite\">\n            <small>Unsere Empfehlung f\u00fcr Sie<\/small>\n            <p class=\"mx-quiz__name\" data-r=\"name\">Grow<\/p>\n            <span class=\"mx-quiz__goal\" data-r=\"goal\">Mehr Nachfrage<\/span>\n            <p class=\"mx-quiz__why\" data-r=\"why\"><\/p>\n            <div class=\"mx-quiz__actions\">\n              <button type=\"button\" class=\"mx-btn mx-btn--primary\" data-r=\"show\">Paket ansehen<\/button>\n              <button type=\"button\" class=\"mx-link mx-quiz__restart\">Neu starten <span aria-hidden=\"true\">\u21ba<\/span><\/button>\n            <\/div>\n            <p class=\"mx-quiz__note\">Unverbindliche Orientierung. Im Erstgespr\u00e4ch pr\u00fcfen wir das gemeinsam.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--dark mx-benefits\" id=\"maas-nutzen\" aria-labelledby=\"maas-nutzen-title\">\n  <div class=\"mx__inner\">\n    <div class=\"mx-benefits__grid\">\n      <div class=\"mx-benefits__intro\" data-reveal>\n        <div class=\"mx-kicker\">Ihr Nutzen<\/div>\n        <h2 class=\"mx-h2\" id=\"maas-nutzen-title\">Was sich f\u00fcr Ihren Vertrieb <strong>verbessert.<\/strong><\/h2>\n        <p class=\"mx-lead\">Marketing as a Service macht aus Marketing einen planbaren Teil Ihres Vertriebs.<\/p>\n      <\/div>\n      <div class=\"mx-benefits__cards\">\n        <article class=\"mx-bcard\" data-reveal=\"1\">\n          <span class=\"mx-bcard__num\" aria-hidden=\"true\">01<\/span>\n          <div class=\"mx-bcard__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path d=\"M8 2v4M16 2v4M3 9h18M8 14h3\"\/><\/svg><\/div>\n          <h3>Mehr planbare Kundentermine<\/h3>\n          <p>Ma\u00dfnahmen zielen auf relevante Kontakte und konkrete Vertriebschancen, nicht nur auf Reichweite.<\/p>\n        <\/article>\n        <article class=\"mx-bcard\" data-reveal=\"2\">\n          <span class=\"mx-bcard__num\" aria-hidden=\"true\">02<\/span>\n          <div class=\"mx-bcard__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\n          <h3>Sichtbare Spezialisierung<\/h3>\n          <p>Potenzielle Kunden verstehen, welches Problem Sie l\u00f6sen und warum sie mit Ihnen sprechen sollten.<\/p>\n        <\/article>\n        <article class=\"mx-bcard\" data-reveal=\"1\">\n          <span class=\"mx-bcard__num\" aria-hidden=\"true\">03<\/span>\n          <div class=\"mx-bcard__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6\"\/><\/svg><\/div>\n          <h3>Entlastung f\u00fcr Ihr Team<\/h3>\n          <p>Planung, Priorisierung und Umsetzung liegen bei einem festen Projektleiter, nicht nebenbei bei Ihnen.<\/p>\n        <\/article>\n        <article class=\"mx-bcard\" data-reveal=\"2\">\n          <span class=\"mx-bcard__num\" aria-hidden=\"true\">04<\/span>\n          <div class=\"mx-bcard__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><path d=\"M14 17.5h7M17.5 14v7\"\/><\/svg><\/div>\n          <h3>Mehr Struktur<\/h3>\n          <p>Einzelne Ma\u00dfnahmen greifen ineinander, statt punktuell zu verpuffen.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--deep mx-pad mx-stack\" id=\"maas-leistungen\" aria-labelledby=\"maas-leistungen-title\">\n  <div class=\"mx__inner\">\n    <div class=\"mx-center\" data-reveal>\n      <div class=\"mx-kicker\">Paketvergleich<\/div>\n      <h2 class=\"mx-h2\" id=\"maas-leistungen-title\">Alle drei Pakete <strong>auf einen Blick.<\/strong><\/h2>\n      <p class=\"mx-lead\">Gleiche Basis, unterschiedliche Bausteine obendrauf. <span class=\"mx-stack__hint\">Fahren Sie \u00fcber einen Baustein, um ihn in allen Paketen zu sehen.<\/span><\/p>\n    <\/div>\n    <p class=\"mx-stack__base mx-stack__base--top\"><strong>Gemeinsame Basis in allen Paketen:<\/strong> Kick-off-Workshop, 12-Monats-Plan, Positionierung, Zielgruppen- und Wettbewerbsanalyse, fester Projektleiter, Website-Analyse mit SEO &amp; GEO, Brand Kit, 2 Lead-Magnete, 20 Telemarketing-Termine und 2 Webinare.<\/p>\n    <div class=\"mx-stack__grid\" data-reveal>\n    <article class=\"mx-col\" data-col=\"connect\">\n      <div class=\"mx-col__media\"><img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/01\/Partnermarketing_paket1-1024x771.jpg\" alt=\"\" loading=\"lazy\"><\/div>\n        <div class=\"mx-col__head\">\n        <div class=\"mx-col__level\" aria-hidden=\"true\"><i class=\"on\"><\/i><i><\/i><i><\/i><\/div>\n        <span class=\"mx-col__goal\">Mehr Sichtbarkeit<\/span>\n        <h3 class=\"mx-col__name\">Connect<\/h3>\n        <p class=\"mx-col__price\">1.950 \u20ac<span> netto \/ Monat<\/span><\/p>\n        <p class=\"mx-col__save\">12 Monate \u00b7 16,1 % g\u00fcnstiger als einzeln<\/p>\n          <p class=\"mx-col__for\">F\u00fcr Systemh\u00e4user, die ihr Marketing auf eine belastbare Grundlage stellen wollen.<\/p>\n      <\/div>\n      <ul class=\"mx-col__blocks\">\n        <li class=\"mx-blk mx-blk--off\" data-k=\"event\" style=\"--i:1\" aria-label=\"Event: nicht enthalten\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.5\"\/><circle cx=\"17\" cy=\"9.5\" r=\"2.5\"\/><path d=\"M3 20c.8-3.4 3.2-5 6-5s5.2 1.6 6 5M15.5 15c2.6 0 4.6 1.4 5.5 4\"\/><\/svg><b>Event<\/b><\/li>\n        <li class=\"mx-blk mx-blk--off\" data-k=\"video\" style=\"--i:2\" aria-label=\"Video: nicht enthalten\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"6\" width=\"13\" height=\"12\" rx=\"2\"\/><path d=\"M16 10l5-3v10l-5-3z\"\/><\/svg><b>Video<\/b><\/li>\n        <li class=\"mx-blk mx-blk--off\" data-k=\"story\" style=\"--i:3\" aria-label=\"Success Story: nicht enthalten\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z\"\/><\/svg><b>Success Story<\/b><\/li>\n        <li class=\"mx-blk\" data-k=\"content\" tabindex=\"0\" style=\"--i:4\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16z\"\/><path d=\"M13.5 6.5l4 4\"\/><\/svg><b>Content-Start<\/b><span>4 Beitr\u00e4ge und Coaching<\/span><\/li>\n        <li class=\"mx-blk\" data-k=\"social\" tabindex=\"0\" style=\"--i:5\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/><path d=\"M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 10v7\"\/><\/svg><b>LinkedIn-Beratung<\/b><span>Setup bis Jahresplanung<\/span><\/li>\n        <li class=\"mx-blk mx-blk--base\" data-k=\"base\" tabindex=\"0\" style=\"--i:6\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg><b>Gemeinsame Basis<\/b><span>Strategie, Website, Telemarketing, Webinare<\/span><\/li>\n      <\/ul>\n      <a class=\"mx-btn mx-btn--primary\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/?maas=connect\">Connect anfragen<\/a>\n      <a class=\"mx-col__more\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-connect\/\">Alle Details zu Connect <span aria-hidden=\"true\">\u2192<\/span><\/a>\n    <\/article>\n    <article class=\"mx-col\" data-col=\"grow\">\n      <div class=\"mx-col__media\"><img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2025\/12\/Partnermarketing_pakage_1.jpg\" alt=\"\" loading=\"lazy\"><\/div>\n        <div class=\"mx-col__head\">\n        <div class=\"mx-col__level\" aria-hidden=\"true\"><i class=\"on\"><\/i><i class=\"on\"><\/i><i><\/i><\/div>\n        <span class=\"mx-col__goal\">Mehr Nachfrage<\/span>\n        <h3 class=\"mx-col__name\">Grow<\/h3>\n        <p class=\"mx-col__price\">2.950 \u20ac<span> netto \/ Monat<\/span><\/p>\n        <p class=\"mx-col__save\">12 Monate \u00b7 16,5 % g\u00fcnstiger als einzeln<\/p>\n          <p class=\"mx-col__for\">F\u00fcr Partner, die bereits sichtbar sind und jetzt kontinuierlich Nachfrage erzeugen wollen.<\/p>\n      <\/div>\n      <ul class=\"mx-col__blocks\">\n        <li class=\"mx-blk\" data-k=\"event\" tabindex=\"0\" style=\"--i:7\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.5\"\/><circle cx=\"17\" cy=\"9.5\" r=\"2.5\"\/><path d=\"M3 20c.8-3.4 3.2-5 6-5s5.2 1.6 6 5M15.5 15c2.6 0 4.6 1.4 5.5 4\"\/><\/svg><b>Networking-Event<\/b><span>Bis zu 50 G\u00e4ste<\/span><\/li>\n        <li class=\"mx-blk mx-blk--off\" data-k=\"video\" style=\"--i:8\" aria-label=\"Video: nicht enthalten\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"6\" width=\"13\" height=\"12\" rx=\"2\"\/><path d=\"M16 10l5-3v10l-5-3z\"\/><\/svg><b>Video<\/b><\/li>\n        <li class=\"mx-blk\" data-k=\"story\" tabindex=\"0\" style=\"--i:9\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z\"\/><\/svg><b>Success Story<\/b><span>Als Video und PR<\/span><\/li>\n        <li class=\"mx-blk\" data-k=\"content\" tabindex=\"0\" style=\"--i:10\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16z\"\/><path d=\"M13.5 6.5l4 4\"\/><\/svg><b>Content-Abo<\/b><span>6 Monate, jede Woche<\/span><\/li>\n        <li class=\"mx-blk\" data-k=\"social\" tabindex=\"0\" style=\"--i:11\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/><path d=\"M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 10v7\"\/><\/svg><b>LinkedIn-Beratung<\/b><span>Setup bis Jahresplanung<\/span><\/li>\n        <li class=\"mx-blk mx-blk--base\" data-k=\"base\" tabindex=\"0\" style=\"--i:12\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg><b>Gemeinsame Basis<\/b><span>Strategie, Website, Telemarketing, Webinare<\/span><\/li>\n      <\/ul>\n      <a class=\"mx-btn mx-btn--primary\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/?maas=grow\">Grow anfragen<\/a>\n      <a class=\"mx-col__more\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-grow\/\">Alle Details zu Grow <span aria-hidden=\"true\">\u2192<\/span><\/a>\n    <\/article>\n    <article class=\"mx-col\" data-col=\"scale\">\n      <div class=\"mx-col__media\"><img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/09\/pm_2026_2.jpg\" alt=\"\" loading=\"lazy\"><\/div>\n        <div class=\"mx-col__head\">\n        <div class=\"mx-col__level\" aria-hidden=\"true\"><i class=\"on\"><\/i><i class=\"on\"><\/i><i class=\"on\"><\/i><\/div>\n        <span class=\"mx-col__goal\">Mehr Umsatz<\/span>\n        <h3 class=\"mx-col__name\">Scale<\/h3>\n        <p class=\"mx-col__price\">3.950 \u20ac<span> netto \/ Monat<\/span><\/p>\n        <p class=\"mx-col__save\">12 Monate \u00b7 14,9 % g\u00fcnstiger als einzeln<\/p>\n          <p class=\"mx-col__for\">F\u00fcr Systemh\u00e4user, die Marketing als festen Vertriebskanal nutzen wollen.<\/p>\n      <\/div>\n      <ul class=\"mx-col__blocks\">\n        <li class=\"mx-blk\" data-k=\"event\" tabindex=\"0\" style=\"--i:13\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.5\"\/><circle cx=\"17\" cy=\"9.5\" r=\"2.5\"\/><path d=\"M3 20c.8-3.4 3.2-5 6-5s5.2 1.6 6 5M15.5 15c2.6 0 4.6 1.4 5.5 4\"\/><\/svg><b>Hausmesse<\/b><span>Vortr\u00e4ge und Aussteller<\/span><\/li>\n        <li class=\"mx-blk\" data-k=\"video\" tabindex=\"0\" style=\"--i:14\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"6\" width=\"13\" height=\"12\" rx=\"2\"\/><path d=\"M16 10l5-3v10l-5-3z\"\/><\/svg><b>Video<\/b><span>6 Teaser und KI-Avatar-Video<\/span><\/li>\n        <li class=\"mx-blk\" data-k=\"story\" tabindex=\"0\" style=\"--i:15\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z\"\/><\/svg><b>Success Story<\/b><span>Als Video und PR<\/span><\/li>\n        <li class=\"mx-blk\" data-k=\"content\" tabindex=\"0\" style=\"--i:16\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16z\"\/><path d=\"M13.5 6.5l4 4\"\/><\/svg><b>Content-Abo<\/b><span>6 Monate, jede Woche<\/span><\/li>\n        <li class=\"mx-blk\" data-k=\"social\" tabindex=\"0\" style=\"--i:17\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/><path d=\"M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 10v7\"\/><\/svg><b>LinkedIn-Kanal\u00fcbernahme<\/b><span>6 Monate, 24 Beitr\u00e4ge<\/span><\/li>\n        <li class=\"mx-blk mx-blk--base\" data-k=\"base\" tabindex=\"0\" style=\"--i:18\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg><b>Gemeinsame Basis<\/b><span>Strategie, Website, Telemarketing, Webinare<\/span><\/li>\n      <\/ul>\n      <a class=\"mx-btn mx-btn--primary\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/?maas=scale\">Scale anfragen<\/a>\n      <a class=\"mx-col__more\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-scale\/\">Alle Details zu Scale <span aria-hidden=\"true\">\u2192<\/span><\/a>\n    <\/article>\n    <\/div>\n    \n    <p class=\"mx-stack__note\">Alle Preise netto. Externe Kosten wie Mediabudgets, LinkedIn Ads, externe Speaker, Telemarketing-Einladungen, Reisekosten, Location und Catering werden separat kalkuliert und vorab mit Ihnen abgestimmt.<\/p>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--deep mx-voice\" id=\"maas-kundenstimme\" aria-label=\"Kundenstimme\">\n  <div class=\"mx-voice__grid\">\n    <div class=\"mx-voice__text\" data-reveal>\n      <div class=\"mx-kicker\">Kundenstimme<\/div>\n      <blockquote>\n        <p>Unsere Anforderungen wurden nicht nur verstanden, sondern mit kreativen und wertvollen Ideen bereichert.<\/p>\n      <\/blockquote>\n      <p class=\"mx-voice__more\">Nach dem ersten Projekt hat die Treml Systemberatung zwei weitere Marketing-Pakete in Auftrag gegeben.<\/p>\n      <p class=\"mx-voice__who\"><strong>Andreas Treml<\/strong>Inhaber, Treml Systemberatung<\/p>\n    <\/div>\n    <div class=\"mx-voice__media\">\n      <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2025\/12\/testimonial_1.jpg\" alt=\"Andreas Treml, Inhaber der Treml Systemberatung\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--light mx-pad mx-faq\" id=\"maas-faq\" aria-labelledby=\"maas-faq-title\">\n  <div class=\"mx__inner\">\n    <div class=\"mx-faq__grid\">\n      <div data-reveal>\n        <div class=\"mx-kicker\">FAQ<\/div>\n        <h2 class=\"mx-h2\" id=\"maas-faq-title\">H\u00e4ufige <strong>Fragen.<\/strong><\/h2>\n        <p class=\"mx-lead\">Ihre Frage ist nicht dabei? <a class=\"mx-link\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/faq\/\">Alle Fragen und Antworten <span aria-hidden=\"true\">\u2192<\/span><\/a><\/p>\n      <\/div>\n      <div data-reveal=\"2\">\n        <details class=\"mx-faq__item\">\n          <summary>Was unterscheidet Connect, Grow und Scale?<\/summary>\n          <p>Das Ziel. Connect baut Sichtbarkeit und Struktur auf, Grow erzeugt kontinuierlich Nachfrage, Scale macht Marketing zum festen Vertriebskanal. Strategie, Website-Optimierung, Telemarketing und Webinare sind in allen drei Paketen enthalten; die Unterschiede liegen bei Social Media, Content, Video, PR und Events.<\/p>\n        <\/details>\n        <details class=\"mx-faq__item\">\n          <summary>Was ist der Unterschied zwischen den Abos und den Paketen?<\/summary>\n          <p>Content Abo und Kanal\u00fcbernahme sind einzelne Leistungen \u00fcber drei Monate. Connect, Grow und Scale b\u00fcndeln Strategie, Website, Content, Social Media und Leadgenerierung \u00fcber zw\u00f6lf Monate. Das Content Abo ist in Grow und Scale enthalten, die Kanal\u00fcbernahme in Scale.<\/p>\n        <\/details>\n        <details class=\"mx-faq__item\">\n          <summary>Muss mein Systemhaus bereits eine Marketingstrategie haben?<\/summary>\n          <p>Nein. Jedes Paket beginnt mit Kick-off-Workshop, Positionierung und Marketingplan. Viele Partner starten genau deshalb, weil Marketing bisher nebenbei lief.<\/p>\n        <\/details>\n        <details class=\"mx-faq__item\">\n          <summary>F\u00fcr welche Themen eignet sich Marketing as a Service besonders?<\/summary>\n          <p>F\u00fcr erkl\u00e4rungsbed\u00fcrftige IT-Themen wie Cybersecurity, Cloud, Microsoft 365, Infrastruktur, Backup, Managed Services oder moderne Arbeitsplatzl\u00f6sungen. Entscheidend ist, dass Ihre Zielkunden verstehen, welches Problem Sie l\u00f6sen.<\/p>\n        <\/details>\n        <details class=\"mx-faq__item\">\n          <summary>Sind externe Kosten im Monatspreis enthalten?<\/summary>\n          <p>Nein. Mediabudgets, LinkedIn Ads, externe Speaker, Telemarketing-Einladungen, Reisekosten, Location und Catering werden separat kalkuliert und vorab mit Ihnen abgestimmt.<\/p>\n        <\/details>\n        <details class=\"mx-faq__item\">\n          <summary>Wie starten wir am besten?<\/summary>\n          <p>Mit einem kurzen Erstgespr\u00e4ch: Wie gewinnen Sie heute neue Kunden, welche Themen wollen Sie positionieren, was bleibt liegen? Daraus ergibt sich, ob Connect, Grow oder Scale zu Ihrem Ziel passt.<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--dark mx-final\" id=\"maas-kontakt\" aria-labelledby=\"maas-kontakt-title\">\n  <div class=\"mx-final__grid\">\n    <div class=\"mx-final__content\">\n      <div data-reveal>\n        <div class=\"mx-kicker\">Der n\u00e4chste Schritt<\/div>\n        <h2 class=\"mx-h2\" id=\"maas-kontakt-title\">Welches Paket passt <strong>zu Ihrem Systemhaus?<\/strong><\/h2>\n        <p class=\"mx-lead\">Wir schauen gemeinsam auf Ihre Situation und die sinnvollsten n\u00e4chsten Schritte. Wenn Sie Ihr Paket schon kennen, fragen Sie es direkt an.<\/p>\n        <div class=\"mx-final__actions\">\n          <a class=\"mx-btn mx-btn--primary\" href=\"https:\/\/outlook.office365.com\/book\/InfinigatePartnermarketing@Infinigate.onmicrosoft.com\/?ismsaljsauthenabled=true\" target=\"_blank\" rel=\"noopener noreferrer\">Kostenfreie Erstberatung<\/a>\n          <a class=\"mx-btn mx-btn--ghost\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/?kategorie=marketing-as-a-service\">Paket anfragen<\/a>\n        <\/div>\n        <div class=\"mx-final__ways\">\n          <a href=\"tel:+498989048355\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 4h3l2 5-2 1.5a15 15 0 0 0 5.5 5.5L15 14l5 2v3a2 2 0 0 1-2 2C9.7 21 3 14.3 3 6a2 2 0 0 1 2-2z\"\/><\/svg>+49 89 89048-355<\/a>\n          <a href=\"mailto:partnermarketing@infinigate.de\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>partnermarketing@infinigate.de<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"mx-final__media\">\n      <img decoding=\"async\" src=\"https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/09\/pm_2026_3.jpg\" alt=\"\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<div class=\"mx-dock\" role=\"region\" aria-label=\"Schnell anfragen\">\n  <span class=\"mx-dock__text\"><strong data-d=\"name\">Connect<\/strong> \u00b7 ab <strong data-d=\"price\">1.950 \u20ac<\/strong><span class=\"mx-dock__sub\"> netto \/ Monat<\/span><\/span>\n  <a class=\"mx-btn mx-btn--ghost\" href=\"https:\/\/outlook.office365.com\/book\/InfinigatePartnermarketing@Infinigate.onmicrosoft.com\/?ismsaljsauthenabled=true\" target=\"_blank\" rel=\"noopener noreferrer\">Erstberatung<\/a>\n  <a class=\"mx-btn mx-btn--primary\" data-d=\"cta\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/?maas=connect\">Connect anfragen<\/a>\n<\/div>\n<script>\n(function () {\n  var root = document.documentElement;\n  root.classList.add('mx-js');\n  var reduce = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n  var FORM = 'https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/';\n  var $ = function (s, c) { return (c || document).querySelector(s); };\n  var $$ = function (s, c) { return Array.prototype.slice.call((c || document).querySelectorAll(s)); };\n\n  \/* ---------- Reveal ---------- *\/\n  var rev = $$('.mx [data-reveal]');\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (es) {\n      es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); } });\n    }, { rootMargin: '0px 0px -8% 0px' });\n    rev.forEach(function (el) { io.observe(el); });\n  } else { rev.forEach(function (el) { el.classList.add('is-in'); }); }\n\n  \/* ---------- Fortschrittsbalken in der Navigation ---------- *\/\n  var bar = $('.mx-progress');\n  function onScroll() {\n    if (!bar) return;\n    var h = document.documentElement.scrollHeight - window.innerHeight;\n    bar.style.transform = 'scaleX(' + (h > 0 ? Math.min(1, window.scrollY \/ h) : 0) + ')';\n  }\n  window.addEventListener('scroll', onScroll, { passive: true }); onScroll();\n\n  \/* ---------- Paket-Umschalter ---------- *\/\n  var tabs = $$('.mx-switch__btn'), pill = $('.mx-switch__pill'), panels = $$('.mx-pkg'), current = 'connect';\n  function movePill(btn) {\n    if (!pill || !btn) return;\n    pill.style.width = btn.offsetWidth + 'px';\n    pill.style.transform = 'translateX(' + (btn.offsetLeft - 5) + 'px)';\n  }\n  function countUp(el) {\n    var to = parseInt(el.getAttribute('data-count'), 10);\n    if (reduce || !to) return;\n    var from = Math.round(to * 0.6), t0 = null;\n    function step(t) {\n      if (!t0) t0 = t;\n      var p = Math.min(1, (t - t0) \/ 700), v = Math.round(from + (to - from) * (1 - Math.pow(1 - p, 3)));\n      el.textContent = v.toLocaleString('de-DE') + ' \u20ac';\n      if (p < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n  function select(key, animate) {\n    current = key;\n    tabs.forEach(function (b) {\n      var on = b.getAttribute('data-tab') === key;\n      b.setAttribute('aria-selected', on ? 'true' : 'false');\n      b.tabIndex = on ? 0 : -1;\n      if (on) movePill(b);\n    });\n    panels.forEach(function (p) {\n      var on = p.getAttribute('data-pkg') === key;\n      p.hidden = !on;\n      p.classList.remove('is-enter');\n      if (on ? animate : false) { void p.offsetWidth; p.classList.add('is-enter'); countUp($('[data-count]', p)); }\n    });\n    $('.mx-col').forEach(function (c) { c.classList.toggle('is-pick', animate ? c.getAttribute('data-col') === key : false); });\n    updateDock();\n  }\n  tabs.forEach(function (b, i) {\n    b.addEventListener('click', function () { select(b.getAttribute('data-tab'), true); });\n    b.addEventListener('keydown', function (e) {\n      var d = e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0;\n      if (!d) return;\n      var n = tabs[(i + d + tabs.length) % tabs.length]; n.focus(); n.click();\n    });\n  });\n  window.addEventListener('resize', function () { movePill($('.mx-switch__btn[aria-selected=\"true\"]')); });\n\n  \/* ---------- Paket-Finder ---------- *\/\n  var quiz = $('.mx-quiz'), answers = [];\n  var info = {\n    connect: ['Connect', 'Mehr Sichtbarkeit', 'Sie legen eine belastbare Grundlage: Positionierung, eine auffindbare Website, ein aktiver LinkedIn-Auftritt und erste Termine \u00fcber Telemarketing und Webinare.'],\n    grow: ['Grow', 'Mehr Nachfrage', 'Sie sind sichtbar und wollen kontinuierlich Nachfrage erzeugen: mit laufendem Content, einer Success Story als Video und PR sowie einem eigenen Networking-Event.'],\n    scale: ['Scale', 'Mehr Umsatz', 'Sie machen Marketing zum festen Vertriebskanal: mit LinkedIn-Kanal\u00fcbernahme, Teaser- und KI-Avatar-Videos und einer eigenen Hausmesse.']\n  };\n  function showStep(n) {\n    $$('.mx-quiz__step', quiz).forEach(function (s) { s.classList.toggle('is-active', +s.getAttribute('data-step') === n); });\n    $('.mx-quiz__result', quiz).classList.remove('is-active');\n    $$('.mx-quiz__bar i', quiz).forEach(function (b, i) { b.classList.toggle('on', i <= n); });\n  }\n  function result() {\n    var c = { connect: 0, grow: 0, scale: 0 };\n    answers.forEach(function (a) { c[a]++; });\n    var best = 'connect';\n    ['grow', 'scale'].forEach(function (k) { if (c[k] > c[best]) best = k; });\n    if (c.connect === 1 ? (c.grow === 1) : false) best = 'grow';\n    var r = info[best];\n    $('[data-r=\"name\"]', quiz).textContent = r[0];\n    $('[data-r=\"goal\"]', quiz).textContent = r[1];\n    $('[data-r=\"why\"]', quiz).textContent = r[2];\n    $('[data-r=\"show\"]', quiz).textContent = r[0] + ' ansehen';\n    $('[data-r=\"show\"]', quiz).setAttribute('data-key', best);\n    $$('.mx-quiz__step', quiz).forEach(function (s) { s.classList.remove('is-active'); });\n    $$('.mx-quiz__bar i', quiz).forEach(function (b) { b.classList.add('on'); });\n    $('.mx-quiz__result', quiz).classList.add('is-active');\n  }\n  if (quiz) {\n    $$('.mx-opt', quiz).forEach(function (o) {\n      o.addEventListener('click', function () {\n        var step = +o.closest('.mx-quiz__step').getAttribute('data-step');\n        answers[step] = o.getAttribute('data-val'); answers.length = step + 1;\n        if (step < 2) showStep(step + 1); else result();\n      });\n    });\n    $$('.mx-quiz__back', quiz).forEach(function (b) {\n      b.addEventListener('click', function () { var s = +b.closest('.mx-quiz__step').getAttribute('data-step'); showStep(s - 1); });\n    });\n    $('.mx-quiz__restart', quiz).addEventListener('click', function () { answers = []; showStep(0); });\n    $('[data-r=\"show\"]', quiz).addEventListener('click', function () {\n      var k = this.getAttribute('data-key');\n      $('#maas-leistungen').scrollIntoView({ behavior: reduce ? 'auto' : 'smooth' });\n      setTimeout(function () { select(k, true); }, reduce ? 0 : 450);\n    });\n  }\n\n  \/* ---------- Sticky Story ---------- *\/\n  var items = $$('.mx-story__item'), dots = $$('.mx-story__dots i');\n  if (('IntersectionObserver' in window) ? items.length > 0 : false) {\n    var so = new IntersectionObserver(function (es) {\n      es.forEach(function (e) {\n        if (!e.isIntersecting) return;\n        var i = items.indexOf(e.target);\n        items.forEach(function (it, j) { it.classList.toggle('is-active', j === i); });\n        dots.forEach(function (d, j) { d.classList.toggle('on', j === i); });\n      });\n    }, { rootMargin: '-45% 0px -45% 0px' });\n    items.forEach(function (it) { so.observe(it); });\n  }\n\n  \/* ---------- Karussell ---------- *\/\n  var track = $('.mx-track');\n  $$('.mx-filter button').forEach(function (b) {\n    b.addEventListener('click', function () {\n      var f = b.getAttribute('data-filter');\n      $$('.mx-filter button').forEach(function (x) { x.setAttribute('aria-pressed', x === b ? 'true' : 'false'); });\n      $$('.mx-tile').forEach(function (t) { t.classList.toggle('is-dim', f === 'all' ? false : t.getAttribute('data-in').indexOf(f) < 0); });\n      if (f === 'all' ? false : !!track) {\n        var first = $$('.mx-tile').filter(function (t) { return t.getAttribute('data-in').indexOf(f) >= 0; })[0];\n        if (first) track.scrollTo({ left: first.offsetLeft - track.firstElementChild.offsetLeft, behavior: reduce ? 'auto' : 'smooth' });\n      }\n    });\n  });\n  $$('.mx-arrow').forEach(function (a) {\n    a.addEventListener('click', function () {\n      var t = $('.mx-tile'); if (!track || !t) return;\n      track.scrollBy({ left: (+a.getAttribute('data-dir')) * (t.offsetWidth + 16) * 2, behavior: reduce ? 'auto' : 'smooth' });\n    });\n  });\n\n  \/* ---------- Schwebende Leiste ---------- *\/\n  var dock = $('.mx-dock'), hero = $('#maas-home'), fin = $('#maas-kontakt'), heroOut = false, finIn = false;\n  var prices = { connect: '1.950 \u20ac', grow: '2.950 \u20ac', scale: '3.950 \u20ac' }, names = { connect: 'Connect', grow: 'Grow', scale: 'Scale' };\n  function updateDock() {\n    if (!dock) return;\n    $('[data-d=\"name\"]', dock).textContent = names[current];\n    $('[data-d=\"price\"]', dock).textContent = prices[current];\n    var a = $('[data-d=\"cta\"]', dock);\n    a.textContent = names[current] + ' anfragen';\n    a.href = FORM + '?maas=' + current;\n  }\n  function toggleDock() { if (dock) dock.classList.toggle('is-visible', heroOut ? !finIn : false); }\n  if (('IntersectionObserver' in window) ? !!dock : false) {\n    new IntersectionObserver(function (es) { heroOut = !es[0].isIntersecting; toggleDock(); }).observe(hero);\n    new IntersectionObserver(function (es) { finIn = es[0].isIntersecting; toggleDock(); }).observe(fin);\n  }\n\n  \/* ---------- Start ---------- *\/\n  var startKey = (location.hash.match(\/^#maas-(connect|grow|scale)$\/) || [])[1] || 'connect';\n  select(startKey, false);\n  setTimeout(function () { movePill($('.mx-switch__btn[aria-selected=\"true\"]')); }, 300);\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Marketing as a Service Partner-Marketing f\u00fcr Systemh\u00e4user: planbar neue Kundentermine gewinnen Neue Kunden entstehen bei vielen Systemh\u00e4usern noch zuf\u00e4llig: \u00fcber&hellip;<\/p>\n","protected":false},"author":43,"featured_media":0,"parent":30433,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[547],"class_list":["post-51777","page","type-page","status-publish","hentry"],"acf":[],"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Infinigate | Deutschland","distributor_original_site_url":"https:\/\/www.infinigate.com\/de","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/pages\/51777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/comments?post=51777"}],"version-history":[{"count":5,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/pages\/51777\/revisions"}],"predecessor-version":[{"id":53059,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/pages\/51777\/revisions\/53059"}],"up":[{"embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/pages\/30433"}],"wp:attachment":[{"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/media?parent=51777"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/folder?post=51777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}