{"id":52825,"date":"2026-10-17T15:29:19","date_gmt":"2026-10-17T13:29:19","guid":{"rendered":"https:\/\/www.infinigate.com\/de\/?page_id=52825"},"modified":"2026-10-22T11:13:34","modified_gmt":"2026-10-22T09:13:34","slug":"marketing-as-a-service-connect","status":"publish","type":"page","link":"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-connect\/","title":{"rendered":"Marketing as a Service Connect"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull pm26-connect-page-wrap is-layout-constrained wp-block-group-is-layout-constrained\">\n<style>\n\/* =========================================================\n   MAAS CONNECT \u2013 SEITEN-STYLES (aus MaaS V2 \u00fcbernommen) (PAGE ID 52825)\n   Rhythmus Hell \/ Navy, interaktive Module. Pr\u00e4fix: .mx-\n   ========================================================= *\/\n\nbody.page-id-52825 .pm26-connect-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-52825 .pm26-connect-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-52825 > .site-main__header, body.page-id-52825 .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\/* =========================================================\n   PAKETSEITEN-MODULE (Connect \/ Grow \/ Scale)\n   ========================================================= *\/\n.mx-crumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 26px; padding: 0; list-style: none; color: rgba(255,255,255,.55); font-size: 14px; }\n.mx-crumb li { margin: 0; }\n.mx-crumb li + li::before { content: \"\/\"; margin-right: 8px; color: rgba(255,255,255,.3); }\n.mx-crumb a { color: rgba(255,255,255,.7) !important; text-decoration: none !important; }\n.mx-crumb a:hover { color: #fff !important; }\n.mx-crumb [aria-current] { color: #fff; }\n\n\/* F\u00fcr wen: Aussage-Karten (hell) *\/\n.mx-fitp__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; align-items: center; }\n.mx-fitp__list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }\n.mx-fitp__item { display: flex; align-items: center; gap: 18px; margin: 0; padding: 22px 24px; border-radius: 20px; background: var(--soft); color: var(--navy); font-size: 19px; line-height: 1.4; transition: transform .35s var(--ease), background-color .3s ease, box-shadow .3s ease; }\n.mx-fitp__item:hover { transform: translateX(6px); background: #fff; box-shadow: 0 14px 34px rgba(5,43,63,.09); }\n.mx-fitp__check { flex: 0 0 40px; height: 40px; border-radius: 50%; background: var(--orange); position: relative; }\n.mx-fitp__check::after { content: \"\"; position: absolute; left: 14px; top: 12px; width: 12px; height: 7px; border-left: 2.5px solid #fff; border-bottom: 2.5px solid #fff; transform: rotate(-45deg); }\n.mx-fitp__hint { margin: 22px 0 0; color: var(--muted); font-size: 15.5px; }\n\n\/* Nutzen mit 3 Karten *\/\n.mx-benefits__cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.mx-benefits--wide .mx-benefits__grid { grid-template-columns: 1fr; gap: 44px; }\n.mx-benefits--wide .mx-benefits__intro { max-width: 760px; }\n\n\/* Leistungs-Explorer (hell) *\/\n.mx-explore { display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); gap: 28px; margin-top: 52px; align-items: stretch; }\n.mx-explore__tabs { display: grid; gap: 8px; align-content: start; }\n.mx-xtab { display: flex; align-items: center; gap: 16px; width: 100%; padding: 18px 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; color: var(--navy); font-family: inherit; font-size: 18px; font-weight: 500; text-align: left; cursor: pointer; transition: border-color .25s ease, background-color .25s ease, color .25s ease, transform .3s var(--ease); }\n.mx-xtab:hover { border-color: var(--navy); transform: translateX(4px); }\n.mx-xtab[aria-selected=\"true\"] { background: var(--navy); border-color: var(--navy); color: #fff; }\n.mx-xtab__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 42px; height: 42px; border-radius: 12px; background: rgba(237,87,64,.12); transition: background-color .25s ease; }\n.mx-xtab[aria-selected=\"true\"] .mx-xtab__icon { background: var(--orange); }\n.mx-xtab__icon svg { width: 21px; height: 21px; fill: none; stroke: var(--orange); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n.mx-xtab[aria-selected=\"true\"] .mx-xtab__icon svg { stroke: #fff; }\n.mx-xtab__count { margin-left: auto; color: var(--muted); font-size: 14px; font-weight: 400; }\n.mx-xtab[aria-selected=\"true\"] .mx-xtab__count { color: rgba(255,255,255,.6); }\n.mx-explore__panels { position: relative; border-radius: 28px; background: linear-gradient(150deg, #0b2a3a 0%, #153447 70%, #1c4358 100%); color: #fff; overflow: hidden; }\n.mx-xpanel { padding: 40px 40px 36px; }\n.mx-js .mx-xpanel[hidden] { display: none; }\n.mx-js .mx-xpanel.is-enter > * { animation: mxStep .5s var(--ease) both; }\n.mx-js .mx-xpanel.is-enter > *:nth-child(2) { animation-delay: .06s; }\n.mx-js .mx-xpanel.is-enter > *:nth-child(3) { animation-delay: .12s; }\n.mx-xpanel + .mx-xpanel { border-top: 1px solid rgba(255,255,255,.1); }\n.mx-js .mx-xpanel + .mx-xpanel { border-top: 0; }\n.mx-xpanel__label { display: block; margin-bottom: 10px; color: var(--orange); font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\n.mx-xpanel h3 { margin: 0 0 12px; color: #fff; font-size: clamp(28px, 2.6vw, 38px); line-height: 1.1; font-weight: 400; letter-spacing: -.025em; }\n.mx-xpanel p { margin: 0 0 26px; max-width: 520px; color: rgba(255,255,255,.7); font-size: 17px; line-height: 1.55; font-weight: 300; }\n.mx-xpanel__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }\n.mx-xpanel__items li { position: relative; margin: 0; padding: 14px 16px 14px 46px; border-radius: 14px; background: rgba(255,255,255,.07); color: #fff; font-size: 15.5px; line-height: 1.4; }\n.mx-xpanel__items li::before { content: \"\"; position: absolute; left: 18px; top: 19px; width: 12px; height: 7px; border-left: 2px solid var(--orange); border-bottom: 2px solid var(--orange); transform: rotate(-45deg); }\n\n\/* Preisleiste *\/\n.mx-pricebar { display: flex; align-items: center; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap; margin-top: 28px; padding: 26px 30px; border-radius: 24px; background: var(--soft); }\n.mx-pricebar__nums { display: flex; flex-wrap: wrap; gap: 14px 40px; }\n.mx-pricebar__nums div { color: var(--muted); font-size: 14px; }\n.mx-pricebar__nums strong { display: block; color: var(--navy); font-size: 28px; line-height: 1.1; font-weight: 500; letter-spacing: -.02em; }\n.mx-pricebar__nums .is-hl strong { color: var(--orange); }\n\n\/* Upgrade-Karten (dunkel) *\/\n.mx-upg__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 48px; }\n.mx-upg { position: relative; display: grid; grid-template-columns: 170px minmax(0, 1fr); min-height: 230px; border-radius: 26px; overflow: hidden; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); text-decoration: none !important; transition: transform .4s var(--ease), border-color .3s ease, background-color .3s ease; }\n.mx-upg:hover { transform: translateY(-5px); border-color: rgba(237,87,64,.45); background: rgba(255,255,255,.08); }\n.mx-upg__img { position: relative; overflow: hidden; }\n.mx-upg__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 25%; transition: transform 1s var(--ease); }\n.mx-upg:hover .mx-upg__img img { transform: scale(1.06); }\n.mx-upg__body { display: flex; flex-direction: column; padding: 28px 28px 26px; }\n.mx-upg__goal { color: var(--orange); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\n.mx-upg h3 { margin: 6px 0 4px; color: #fff; font-size: 32px; line-height: 1; font-weight: 500; letter-spacing: -.03em; }\n.mx-upg__price { color: rgba(255,255,255,.6); font-size: 15px; }\n.mx-upg p { margin: 14px 0 18px; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.5; font-weight: 300; }\n.mx-upg__go { margin-top: auto; color: #fff; font-size: 15px; font-weight: 500; }\n.mx-upg__go span { display: inline-block; margin-left: 6px; color: var(--orange); transition: transform .25s ease; }\n.mx-upg:hover .mx-upg__go span { transform: translateX(5px); }\n.mx-upg-note { margin: 26px 0 0; color: rgba(255,255,255,.45); font-size: 13.5px; line-height: 1.6; text-align: center; }\n\n@media (max-width: 980px) {\n  .mx-fitp__grid, .mx-explore { grid-template-columns: 1fr; gap: 36px; }\n  .mx-explore { gap: 18px; }\n  .mx-benefits__cards--3 { grid-template-columns: 1fr; }\n  .mx-upg__grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 680px) {\n  .mx-fitp__item { padding: 18px; font-size: 17px; }\n  .mx-explore__tabs { grid-template-columns: 1fr; }\n  .mx-xtab { padding: 14px 16px; font-size: 16px; }\n  .mx-xpanel { padding: 28px 22px; }\n  .mx-xpanel__items { grid-template-columns: 1fr; }\n  .mx-pricebar { padding: 22px 20px; }\n  .mx-pricebar .mx-btn { width: 100%; }\n  .mx-upg { grid-template-columns: 1fr; }\n  .mx-upg__img { height: 180px; }\n}\n<\/style>\n\n\n\n<script>document.documentElement.classList.add(\"mx-js\");<\/script>\n<style>\n\/* Paket-Hero: Bild rechts unter dem Website-Men\u00fc, Kopf nie angeschnitten *\/\n.mx-hero--pkg { background-image: var(--hero-img) !important; background-size: auto calc(100% - 205px) !important; background-position: right bottom !important; background-repeat: no-repeat !important; }\n@media (max-width: 680px) {\n  .mx-hero--pkg { background-size: 170% auto !important; background-position: 62% 190px !important; }\n  .mx-hero--pkg .mx-hero__inner { padding-top: 430px !important; }\n  .mx-hero--pkg .mx-crumb { display: none; }\n}\n<\/style>\n<section class=\"mx mx--deep mx-hero mx-hero--pkg\" style=\"--hero-img: url('https:\/\/www.infinigate.com\/de\/wp-content\/uploads\/sites\/25\/2026\/01\/Partnermarketing_paket1.jpg')\" id=\"paket-home\" aria-labelledby=\"paket-title\">\n  <div class=\"mx-hero__inner\">\n    <div class=\"mx-hero__copy\">\n      <ol class=\"mx-crumb\" data-intro=\"1\" aria-label=\"Brotkr\u00fcmel\">\n        <li><a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/\">Partner-Marketing<\/a><\/li>\n        <li><a href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service\/\">Marketing as a Service<\/a><\/li>\n        <li aria-current=\"page\">Connect<\/li>\n      <\/ol>\n      <div class=\"mx-kicker\" data-intro=\"1\">Marketing as a Service \u00b7 Connect<\/div>\n      <h1 id=\"paket-title\" data-intro=\"2\">\n        Marketing as a Service Connect:\n        <strong>mehr Sichtbarkeit f\u00fcr Ihr Systemhaus<\/strong>\n      <\/h1>\n      <p class=\"mx-hero__intro\" data-intro=\"3\">\n        Connect legt die Grundlage: Positionierung, eine auffindbare Website, ein aktiver\n        LinkedIn-Auftritt und erste Kundentermine \u00fcber Telemarketing und Webinare. Ein fester\n        Projektleiter sorgt daf\u00fcr, dass die Ma\u00dfnahmen umgesetzt werden, auch wenn das\n        Tagesgesch\u00e4ft keine Zeit l\u00e4sst.\n      <\/p>\n      <div data-intro=\"4\">\n        <div class=\"mx-hero__actions\">\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-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>1.950 \u20ac<\/strong>netto pro Monat<\/li>\n          <li><strong>12 Monate<\/strong>Laufzeit<\/li>\n          <li><strong>16,1 %<\/strong>g\u00fcnstiger als einzeln<\/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\/\" aria-current=\"page\">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\" id=\"paket-fuer-wen\" aria-labelledby=\"paket-fit-title\">\n  <div class=\"mx__inner\">\n    <div class=\"mx-fitp__grid\">\n      <div data-reveal>\n        <div class=\"mx-kicker\">F\u00fcr wen<\/div>\n        <h2 class=\"mx-h2\" id=\"paket-fit-title\">Connect passt, <strong>wenn Sie \u2026<\/strong><\/h2>\n        <p class=\"mx-fitp__hint\">Sie sind bereits sichtbar und wollen Nachfrage steigern? Dann ist <a class=\"mx-link\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-grow\/\">Grow <span aria-hidden=\"true\">\u2192<\/span><\/a> der bessere Start.<\/p>\n      <\/div>\n      <ul class=\"mx-fitp__list\" data-reveal=\"2\">\n        <li class=\"mx-fitp__item\"><span class=\"mx-fitp__check\" aria-hidden=\"true\"><\/span>fachlich stark sind, aber online kaum gefunden werden<\/li>\n        <li class=\"mx-fitp__item\"><span class=\"mx-fitp__check\" aria-hidden=\"true\"><\/span>Marketing bisher nebenbei oder gar nicht betrieben haben<\/li>\n        <li class=\"mx-fitp__item\"><span class=\"mx-fitp__check\" aria-hidden=\"true\"><\/span>einen strukturierten Einstieg mit festem Ansprechpartner suchen<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--dark mx-benefits mx-benefits--wide\" id=\"paket-nutzen\" aria-labelledby=\"paket-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=\"paket-nutzen-title\">Was sich f\u00fcr Ihren Vertrieb <strong>verbessert.<\/strong><\/h2>\n      <\/div>\n      <div class=\"mx-benefits__cards mx-benefits__cards--3\">\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\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M20 20l-4-4\"\/><\/svg><\/div>\n          <h3>Sie werden gefunden<\/h3>\n          <p>Website und Unternehmensprofil sind auf Ihre Zielkunden und Ihr Einzugsgebiet ausgerichtet.<\/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\"><circle cx=\"12\" cy=\"9\" r=\"6\"\/><path d=\"M8.5 13.5L7 22l5-3 5 3-1.5-8.5\"\/><\/svg><\/div>\n          <h3>Sie sind erkennbar<\/h3>\n          <p>Positionierung und Brand Kit machen klar, wof\u00fcr Ihr Systemhaus steht.<\/p>\n        <\/article>\n        <article class=\"mx-bcard\" data-reveal=\"3\">\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\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path d=\"M8 2v4M16 2v4M3 9h18M8 14h3\"\/><\/svg><\/div>\n          <h3>Erste Termine entstehen<\/h3>\n          <p>Telemarketing und Webinare liefern konkrete Gespr\u00e4chsanl\u00e4sse f\u00fcr Ihren Vertrieb.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--light mx-pad\" id=\"paket-leistungen\" aria-labelledby=\"paket-leistungen-title\">\n  <div class=\"mx__inner\">\n    <div data-reveal>\n      <div class=\"mx-kicker\">Leistungen im Paket<\/div>\n      <h2 class=\"mx-h2\" id=\"paket-leistungen-title\">Was in Connect <strong>steckt.<\/strong><\/h2>\n      <p class=\"mx-lead\">F\u00fcnf Bereiche, ein Ziel: mehr Sichtbarkeit. W\u00e4hlen Sie einen Bereich, um die Leistungen zu sehen.<\/p>\n    <\/div>\n    <div class=\"mx-explore\" data-reveal=\"2\">\n      <div class=\"mx-explore__tabs mx-nojs-hide\" role=\"tablist\" aria-label=\"Leistungsbereiche\">\n        <button type=\"button\" class=\"mx-xtab\" role=\"tab\" id=\"xtab-strategie\" aria-controls=\"xpanel-strategie\" aria-selected=\"true\" data-x=\"strategie\"><span class=\"mx-xtab__icon\"><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><\/span>Strategie &amp; Beratung<span class=\"mx-xtab__count\">5<\/span><\/button>\n        <button type=\"button\" class=\"mx-xtab\" role=\"tab\" id=\"xtab-website\" aria-controls=\"xpanel-website\" aria-selected=\"false\" data-x=\"website\"><span class=\"mx-xtab__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M7 6.5h.01M10 6.5h.01\"\/><circle cx=\"11\" cy=\"14\" r=\"2.5\"\/><path d=\"M13 16l2.5 2.5\"\/><\/svg><\/span>Website &amp; Auffindbarkeit<span class=\"mx-xtab__count\">3<\/span><\/button>\n        <button type=\"button\" class=\"mx-xtab\" role=\"tab\" id=\"xtab-social\" aria-controls=\"xpanel-social\" aria-selected=\"false\" data-x=\"social\"><span class=\"mx-xtab__icon\"><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><\/span>Social Media<span class=\"mx-xtab__count\">3<\/span><\/button>\n        <button type=\"button\" class=\"mx-xtab\" role=\"tab\" id=\"xtab-content\" aria-controls=\"xpanel-content\" aria-selected=\"false\" data-x=\"content\"><span class=\"mx-xtab__icon\"><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><\/span>Brand &amp; Content<span class=\"mx-xtab__count\">4<\/span><\/button>\n        <button type=\"button\" class=\"mx-xtab\" role=\"tab\" id=\"xtab-leads\" aria-controls=\"xpanel-leads\" aria-selected=\"false\" data-x=\"leads\"><span class=\"mx-xtab__icon\"><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><\/span>Leadgenerierung<span class=\"mx-xtab__count\">2<\/span><\/button>\n      <\/div>\n      <div class=\"mx-explore__panels\">\n        <div class=\"mx-xpanel\" role=\"tabpanel\" id=\"xpanel-strategie\" aria-labelledby=\"xtab-strategie\" data-x=\"strategie\">\n          <span class=\"mx-xpanel__label\">Bereich 01 von 05<\/span>\n          <h3>Strategie &amp; Beratung<\/h3>\n          <p>Wir kl\u00e4ren, wo Sie stehen, und legen fest, was in den n\u00e4chsten zw\u00f6lf Monaten passiert.<\/p>\n          <ul class=\"mx-xpanel__items\">\n            <li>Kick-off-Workshop<\/li>\n            <li>12-Monats-Marketingplan<\/li>\n            <li>Positionierung<\/li>\n            <li>Zielgruppen- und Wettbewerbsanalyse<\/li>\n            <li>W\u00f6chentliche Abstimmung mit Ihrem Projektleiter<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mx-xpanel\" role=\"tabpanel\" id=\"xpanel-website\" aria-labelledby=\"xtab-website\" data-x=\"website\">\n          <span class=\"mx-xpanel__label\">Bereich 02 von 05<\/span>\n          <h3>Website &amp; Auffindbarkeit<\/h3>\n          <p>Damit Zielkunden Sie bei Google und in KI-Suchen finden und auf Ihrer Website verstehen, was Sie anbieten.<\/p>\n          <ul class=\"mx-xpanel__items\">\n            <li>Analyse Unternehmensprofil<\/li>\n            <li>Analyse User Journey<\/li>\n            <li>SEO &amp; GEO<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mx-xpanel\" role=\"tabpanel\" id=\"xpanel-social\" aria-labelledby=\"xtab-social\" data-x=\"social\">\n          <span class=\"mx-xpanel__label\">Bereich 03 von 05<\/span>\n          <h3>Social Media<\/h3>\n          <p>Ihr LinkedIn-Auftritt bekommt eine klare Linie und einen Plan f\u00fcr zw\u00f6lf Monate.<\/p>\n          <ul class=\"mx-xpanel__items\">\n            <li>LinkedIn-Setup<\/li>\n            <li>Growth Guidance<\/li>\n            <li>Strategische Jahresplanung<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mx-xpanel\" role=\"tabpanel\" id=\"xpanel-content\" aria-labelledby=\"xtab-content\" data-x=\"content\">\n          <span class=\"mx-xpanel__label\">Bereich 04 von 05<\/span>\n          <h3>Brand &amp; Content<\/h3>\n          <p>Ein konsistenter Auftritt und erste Inhalte, mit denen Ihr Vertrieb arbeiten kann.<\/p>\n          <ul class=\"mx-xpanel__items\">\n            <li>Brand Kit<\/li>\n            <li>Zwei Lead-Magnete<\/li>\n            <li>Vier Content-Beitr\u00e4ge<\/li>\n            <li>Content-Strategie-Coaching<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mx-xpanel\" role=\"tabpanel\" id=\"xpanel-leads\" aria-labelledby=\"xtab-leads\" data-x=\"leads\">\n          <span class=\"mx-xpanel__label\">Bereich 05 von 05<\/span>\n          <h3>Leadgenerierung<\/h3>\n          <p>Konkrete Gespr\u00e4chsanl\u00e4sse: fest vereinbarte Termine und eigene Webinare.<\/p>\n          <ul class=\"mx-xpanel__items\">\n            <li>20 Telemarketing-Termine<\/li>\n            <li>Zwei Webinare<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"mx-pricebar\" data-reveal>\n      <div class=\"mx-pricebar__nums\">\n        <div class=\"is-hl\"><strong>1.950 \u20ac<\/strong>netto pro Monat<\/div>\n        <div><strong>23.400 \u20ac<\/strong>f\u00fcr 12 Monate<\/div>\n        <div><strong>16,1 %<\/strong>g\u00fcnstiger als die Einzelbuchung<\/div>\n      <\/div>\n      <a class=\"mx-btn mx-btn--primary\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/?maas=connect\">Connect anfragen<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--deep mx-pad\" id=\"paket-mehr\" aria-labelledby=\"paket-mehr-title\">\n  <div class=\"mx__inner\">\n    <div class=\"mx-center\" data-reveal>\n      <div class=\"mx-kicker\">Mehr vorhaben?<\/div>\n      <h2 class=\"mx-h2\" id=\"paket-mehr-title\">Wenn Sichtbarkeit <strong>nicht reicht.<\/strong><\/h2>\n      <p class=\"mx-lead\">Grow und Scale gehen weiter: mit laufendem Content, Success Stories, Video und eigenen Events.<\/p>\n    <\/div>\n    <div class=\"mx-upg__grid\">\n      <a class=\"mx-upg\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-grow\/\" data-reveal=\"1\">\n        <div class=\"mx-upg__img\"><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-upg__body\">\n          <span class=\"mx-upg__goal\">Mehr Nachfrage<\/span>\n          <h3>Grow<\/h3>\n          <span class=\"mx-upg__price\">2.950 \u20ac netto \/ Monat<\/span>\n          <p>Content-Abo \u00fcber sechs Monate, Success Story als Video und PR sowie ein eigenes Networking-Event.<\/p>\n          <span class=\"mx-upg__go\">Grow ansehen<span aria-hidden=\"true\">\u2192<\/span><\/span>\n        <\/div>\n      <\/a>\n      <a class=\"mx-upg\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service-scale\/\" data-reveal=\"2\">\n        <div class=\"mx-upg__img\"><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-upg__body\">\n          <span class=\"mx-upg__goal\">Mehr Umsatz<\/span>\n          <h3>Scale<\/h3>\n          <span class=\"mx-upg__price\">3.950 \u20ac netto \/ Monat<\/span>\n          <p>LinkedIn-Kanal\u00fcbernahme, Teaser- und KI-Avatar-Videos, Success Story und eine eigene Hausmesse.<\/p>\n          <span class=\"mx-upg__go\">Scale ansehen<span aria-hidden=\"true\">\u2192<\/span><\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n    <p class=\"mx-upg-note\"><a class=\"mx-link\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/marketing-as-a-service\/#maas-leistungen\">Alle drei Pakete vergleichen <span aria-hidden=\"true\">\u2192<\/span><\/a><\/p>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--light mx-pad mx-faq\" id=\"paket-faq\" aria-labelledby=\"paket-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=\"paket-faq-title\">Fragen zu <strong>Connect.<\/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>F\u00fcr wen ist Connect die richtige Wahl?<\/summary>\n          <p>F\u00fcr Systemh\u00e4user, die mit Marketing anfangen oder es erstmals strukturiert aufsetzen wollen. Wer bereits sichtbar ist und Nachfrage steigern will, startet mit Grow.<\/p>\n        <\/details>\n        <details class=\"mx-faq__item\">\n          <summary>Wie lange l\u00e4uft Connect?<\/summary>\n          <p>12 Monate. Das Paket endet automatisch, eine Verl\u00e4ngerung ist jederzeit m\u00f6glich.<\/p>\n        <\/details>\n        <details class=\"mx-faq__item\">\n          <summary>Was ist nicht enthalten?<\/summary>\n          <p>Externe Kosten wie Mediabudgets, LinkedIn Ads, Telemarketing-Adressen oder externe Speaker werden separat kalkuliert und vorab mit Ihnen abgestimmt.<\/p>\n        <\/details>\n        <details class=\"mx-faq__item\">\n          <summary>Wie starten wir?<\/summary>\n          <p>Mit einem Erstgespr\u00e4ch zu Ihrer aktuellen Situation. Danach folgt der Kick-off-Workshop.<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mx mx--dark mx-final\" id=\"paket-kontakt\" aria-labelledby=\"paket-kontakt-title\">\n  <div class=\"mx-final__grid\">\n    <div class=\"mx-final__content\">\n      <div data-reveal>\n        <div class=\"mx-kicker\">Connect buchen<\/div>\n        <h2 class=\"mx-h2\" id=\"paket-kontakt-title\">Bereit f\u00fcr <strong>mehr Sichtbarkeit?<\/strong><\/h2>\n        <p class=\"mx-lead\">Connect f\u00fcr 1.950 \u20ac netto pro Monat bei 12 Monaten Laufzeit. \u00dcber das Buchungsformular stellen Sie die Anfrage direkt, wir melden uns innerhalb von zwei Werktagen zur Abstimmung des Kick-off-Termins.<\/p>\n        <div class=\"mx-final__actions\">\n          <a class=\"mx-btn mx-btn--primary\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/?maas=connect\">Connect jetzt anfragen<\/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        <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>Connect<\/strong> \u00b7 <strong>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\" href=\"https:\/\/www.infinigate.com\/de\/services\/partnermarketing\/anfrage\/?maas=connect\">Connect anfragen<\/a>\n<\/div>\n<script>\n(function () {\n  document.documentElement.classList.add('mx-js');\n  var reduce = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\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  var hasIO = 'IntersectionObserver' in window;\n\n  var rev = $$('.mx [data-reveal]');\n  if (hasIO) {\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  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  var xtabs = $$('.mx-xtab'), xpanels = $$('.mx-xpanel');\n  function showX(key, animate) {\n    xtabs.forEach(function (t) { var on = t.getAttribute('data-x') === key; t.setAttribute('aria-selected', on ? 'true' : 'false'); t.tabIndex = on ? 0 : -1; });\n    xpanels.forEach(function (p) {\n      var on = p.getAttribute('data-x') === key;\n      p.hidden = !on; p.classList.remove('is-enter');\n      if (on ? animate : false) { void p.offsetWidth; p.classList.add('is-enter'); }\n    });\n  }\n  xtabs.forEach(function (t, i) {\n    t.addEventListener('click', function () { showX(t.getAttribute('data-x'), !reduce); });\n    t.addEventListener('keydown', function (e) {\n      var d = (e.key === 'ArrowDown' || e.key === 'ArrowRight') ? 1 : (e.key === 'ArrowUp' || e.key === 'ArrowLeft') ? -1 : 0;\n      if (!d) return; e.preventDefault();\n      var n = xtabs[(i + d + xtabs.length) % xtabs.length]; n.focus(); n.click();\n    });\n  });\n  if (xtabs.length) showX(xtabs[0].getAttribute('data-x'), false);\n\n  var dock = $('.mx-dock'), hero = $('#paket-home'), fin = $('#paket-kontakt'), heroOut = false, finIn = false;\n  function toggleDock() { if (dock) dock.classList.toggle('is-visible', heroOut ? !finIn : false); }\n  if (hasIO ? !!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<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Partner-Marketing Marketing as a Service Connect Marketing as a Service \u00b7 Connect Marketing as a Service Connect: mehr Sichtbarkeit f\u00fcr&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-52825","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\/52825","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=52825"}],"version-history":[{"count":4,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/pages\/52825\/revisions"}],"predecessor-version":[{"id":53048,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/pages\/52825\/revisions\/53048"}],"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=52825"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.infinigate.com\/de\/wp-json\/wp\/v2\/folder?post=52825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}