{"id":29340,"date":"2026-04-22T19:27:31","date_gmt":"2026-04-22T19:27:31","guid":{"rendered":"https:\/\/marketingsite.innform.io\/preisplaene\/"},"modified":"2026-04-22T19:29:53","modified_gmt":"2026-04-22T19:29:53","slug":"preisplaene","status":"publish","type":"page","link":"https:\/\/marketingsite.innform.io\/de\/preisplaene\/","title":{"rendered":"Preispl\u00e4ne"},"content":{"rendered":"<!-- Innform Pricing - WordPress embed fragment -->\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --blue: #1a56f5;\n  --blue-dark: #1240d4;\n  --blue-light: #e8efff;\n  --navy: #0f1f3d;\n  --text: #1a2340;\n  --muted: #6b7a99;\n  --border: #e3e8f0;\n  --bg: #f8fafd;\n  --white: #ffffff;\n  --green: #16a34a;\n  --font-display: 'sofia-pro', sans-serif;\n  --font-body: 'sofia-pro', sans-serif;\n  --radius: 14px;\n  --shadow: 0 2px 16px rgba(26,86,245,0.08);\n  --shadow-card: 0 4px 32px rgba(26,86,245,0.10);\n}\n\nhtml { scroll-behavior: smooth; }\nbody { font-family: var(--font-body); color: var(--text); background: var(--white); -webkit-font-smoothing: antialiased; font-size: 15px; line-height: 1.6; }\n\n\/* NAV *\/\nnav { display: flex; align-items: center; justify-content: space-between; padding: 0 32px; height: 60px; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); z-index: 200; }\n.nav-logo { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--navy); display: flex; align-items: center; gap: 6px; }\n.nav-links { display: flex; align-items: center; gap: 24px; }\n.nav-links a { color: var(--muted); text-decoration: none; font-size: 14px; font-weight: 500; transition: color .2s; }\n.nav-links a:hover { color: var(--text); }\n.nav-actions { display: flex; align-items: center; gap: 10px; }\n.btn-ghost { padding: 7px 16px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--text); text-decoration: none; transition: background .2s; background: none; border: none; cursor: pointer; font-family: var(--font-body); }\n.btn-ghost:hover { background: var(--bg); }\n.btn-nav-primary { padding: 7px 16px; border-radius: 8px; font-size: 14px; font-weight: 600; background: var(--blue); color: white; text-decoration: none; transition: background .2s, transform .15s; border: none; cursor: pointer; font-family: var(--font-body); }\n.btn-nav-primary:hover { background: var(--blue-dark); transform: translateY(-1px); }\n\n\/* CURRENCY PICKER *\/\n.currency-picker { position: relative; display: inline-flex; align-items: center; }\n.currency-btn { display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; border: 1.5px solid var(--border); background: var(--white); cursor: pointer; font-size: 13px; font-weight: 600; color: var(--navy); transition: border-color .2s, box-shadow .2s; font-family: var(--font-body); }\n.currency-btn:hover { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(26,86,245,0.08); }\n.currency-flag { font-size: 16px; line-height: 1; }\n.currency-chevron { width: 12px; height: 12px; color: var(--muted); transition: transform .2s; flex-shrink: 0; margin-left: 4px; }\n.currency-picker.open .currency-chevron { transform: rotate(180deg); }\n.currency-dropdown { position: absolute; top: calc(100% + 8px); right: 0; background: white; border: 1.5px solid var(--border); border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,0.12); min-width: 200px; overflow: hidden; opacity: 0; transform: translateY(-6px); pointer-events: none; transition: opacity .18s, transform .18s; z-index: 300; }\n.currency-picker.open .currency-dropdown { opacity: 1; transform: translateY(0); pointer-events: all; }\n.currency-option { display: flex; align-items: center; gap: 10px; padding: 10px 14px; cursor: pointer; font-size: 13px; font-weight: 500; color: var(--text); transition: background .15s; }\n.currency-option:hover { background: var(--bg); }\n.currency-option.active { background: var(--blue-light); color: var(--blue); font-weight: 700; }\n.cur-flag { font-size: 18px; display: flex; align-items: center; }\n.cur-flag-btn { display: inline-flex; align-items: center; margin-right: 6px; }\n.cur-name { flex: 1; white-space: nowrap; }\n.cur-sym { color: var(--muted); font-size: 12px; }\n.currency-option.active .cur-sym { color: var(--blue); }\n\n\/* HERO *\/\n.hero { text-align: center; padding: 40px 24px 28px; background: linear-gradient(180deg, #f0f5ff 0%, #ffffff 100%); }\n.hero h1 { font-family: var(--font-display); font-size: clamp(28px,4.5vw,46px); font-weight: 800; color: var(--navy); letter-spacing: -1.5px; line-height: 1.1; margin-bottom: 16px; }\n.hero-badges { display: flex; align-items: center; justify-content: center; gap: 12px 20px; flex-wrap: wrap; margin-bottom: 24px; padding: 0 8px; }\n.hero-badge { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 500; color: var(--text); }\n.hero-badge .check { width: 18px; height: 18px; background: var(--blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.hero-badge .check svg { width: 10px; height: 10px; color: white; }\n.stats-bar { display: inline-flex; align-items: center; gap: 28px; background: white; border: 1px solid var(--border); border-radius: 12px; padding: 12px 28px; box-shadow: var(--shadow); flex-wrap: wrap; justify-content: center; }\n.stat { text-align: center; }\n.stat-val { font-family: var(--font-display); font-size: 18px; font-weight: 700; color: var(--navy); display: block; }\n.stat-lbl { font-size: 11px; color: var(--muted); display: block; margin-top: 1px; }\n.stars { color: #f59e0b; font-size: 13px; }\n.stat-divider { width: 1px; height: 36px; background: var(--border); }\n\n\/* CONTROLS *\/\n.controls-wrap { padding: 20px 24px 0; max-width: 1100px; margin: 0 auto; }\n\n\/* \u2500\u2500 User count stepper box \u2500\u2500 *\/\n.user-input-box {\n  background: var(--bg); border: 1.5px solid var(--border); border-radius: 12px;\n  padding: 14px 18px 10px; margin-bottom: 8px;\n}\n.user-input-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--muted); margin-bottom: 8px; display: block; }\n\n\/* stepper row *\/\n.stepper-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n.stepper-btn {\n  width: 36px; height: 36px; border-radius: 8px; border: 1.5px solid var(--border);\n  background: white; cursor: pointer; font-size: 18px; font-weight: 400; color: var(--navy);\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n  transition: border-color .15s, background .15s, transform .1s;\n  font-family: var(--font-body); line-height: 1; user-select: none;\n}\n.stepper-btn:hover { border-color: var(--blue); background: var(--blue-light); transform: scale(1.06); }\n.stepper-btn:active { transform: scale(0.96); }\n.stepper-input {\n  width: 90px; text-align: center; font-family: var(--font-display); font-size: 22px;\n  font-weight: 800; color: var(--navy); border: 1.5px solid var(--border); border-radius: 8px;\n  padding: 6px 10px; outline: none; background: white;\n  transition: border-color .2s, box-shadow .2s;\n}\n.stepper-input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(26,86,245,0.1); }\n.stepper-unit { font-size: 14px; color: var(--muted); font-weight: 500; }\n.stepper-hint { font-size: 12px; color: var(--muted); margin-left: auto; }\n\n\/* Tier progress bar *\/\n.tier-progress { margin-top: 4px; }\n\n\/* Two-column info row ABOVE the bar \u2014 no collision possible *\/\n.tier-info-row {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 10px; gap: 8px;\n}\n.tier-info-current { display: flex; flex-direction: column; gap: 1px; }\n.tier-info-current-sub { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--muted); }\n.tier-info-current-val { font-family: var(--font-display); font-size: 14px; font-weight: 800; color: var(--navy); }\n.tier-info-next { display: flex; align-items: center; gap: 6px; transition: opacity .3s; }\n.tier-info-next.hidden { opacity: 0; pointer-events: none; }\n.tier-info-next-label { font-size: 12px; color: var(--muted); font-weight: 500; }\n.tier-info-next-target { font-size: 12px; font-weight: 700; color: var(--navy); }\n.tier-info-next-chip { background: var(--blue); color: white; font-size: 11px; font-weight: 800; border-radius: 20px; padding: 2px 8px; white-space: nowrap; }\n\n\/* Bar track \u2014 just the bar, no labels hanging off it *\/\n.tier-bar-wrap { position: relative; margin-bottom: 10px; }\n.tier-bar-track { height: 8px; background: var(--border); border-radius: 99px; position: relative; overflow: visible; }\n.tier-bar-fill { height: 100%; border-radius: 99px; background: linear-gradient(90deg, #93b4fd 0%, var(--blue) 100%); transition: width .1s ease; position: absolute; top: 0; left: 0; }\n.tier-bar-wrap.dragging .tier-bar-fill,\n.tier-bar-wrap.dragging .tier-bar-dot,\n.tier-bar-wrap.dragging .tier-bar-connector { transition: none; }\n.tier-bar-dot { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; border-radius: 50%; background: var(--blue); border: 3px solid white; box-shadow: 0 1px 8px rgba(26,86,245,0.45); transition: left .1s ease, box-shadow .15s, transform .15s; z-index: 3; cursor: grab; }\n.tier-bar-dot:active, .tier-bar-dot.dragging { cursor: grabbing; box-shadow: 0 2px 16px rgba(26,86,245,0.55); transform: translate(-50%, -50%) scale(1.2); transition: box-shadow .15s, transform .15s; }\n.tier-bar-track { cursor: pointer; }\n.tier-bar-ghost { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 50%; border: 2.5px dashed var(--blue); background: white; opacity: .6; transition: left .35s cubic-bezier(0.4,0,0.2,1), opacity .3s; z-index: 2; }\n.tier-bar-ghost.hidden { opacity: 0; pointer-events: none; }\n.tier-bar-connector { position: absolute; top: 50%; height: 2px; transform: translateY(-50%); background: repeating-linear-gradient(90deg, var(--blue) 0, var(--blue) 4px, transparent 4px, transparent 8px); opacity: .25; transition: left .35s cubic-bezier(0.4,0,0.2,1), width .35s cubic-bezier(0.4,0,0.2,1); z-index: 1; }\n.tier-bar-connector.hidden { opacity: 0; }\n\n\/* Nudge line *\/\n.tier-nudge { font-size: 12px; color: var(--blue); font-weight: 600; min-height: 36px; margin-top: 8px; line-height: 1.5; }\n.tier-nudge.top-tier { color: var(--green); }\n\n\/* \u2500\u2500 Bottom controls row: billing toggle + currency \u2500\u2500 *\/\n.controls-bottom {\n  display: flex; align-items: center; justify-content: space-between;\n  flex-wrap: wrap; gap: 12px; margin-bottom: 20px;\n}\n.billing-toggle { display: flex; align-items: center; gap: 4px; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 4px; }\n.billing-btn { padding: 7px 18px; border-radius: 7px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; transition: all .2s; background: transparent; color: var(--muted); font-family: var(--font-body); }\n.billing-btn.active { background: white; color: var(--navy); box-shadow: 0 1px 6px rgba(0,0,0,0.10); }\n.save-badge { display: inline-flex; background: #d1fae5; color: #065f46; font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 20px; margin-left: 2px; }\n\n\/* inline currency picker (bottom row) *\/\n.currency-picker-inline { position: relative; display: inline-flex; align-items: center; }\n.currency-btn-inline {\n  display: flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 8px;\n  border: 1.5px solid var(--border); background: white; cursor: pointer;\n  font-size: 13px; font-weight: 600; color: var(--navy);\n  transition: border-color .2s, box-shadow .2s; font-family: var(--font-body);\n}\n.currency-btn-inline:hover { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(26,86,245,0.08); }\n.currency-picker-inline.open .currency-chevron { transform: rotate(180deg); }\n.currency-picker-inline .currency-dropdown {\n  position: absolute; top: calc(100% + 8px); right: 0; background: white;\n  border: 1.5px solid var(--border); border-radius: 10px;\n  box-shadow: 0 8px 32px rgba(0,0,0,0.12); min-width: 180px; overflow: hidden;\n  opacity: 0; transform: translateY(-6px); pointer-events: none;\n  transition: opacity .18s, transform .18s; z-index: 300;\n}\n.currency-picker-inline.open .currency-dropdown { opacity: 1; transform: translateY(0); pointer-events: all; }\n\n\/* PLAN CARDS *\/\n.plans-section { max-width: 1100px; margin: 0 auto; padding: 0 24px 36px; }\n.plans-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; align-items: start; }\n.plan-card { border: 2px solid var(--border); border-radius: var(--radius); padding: 28px 24px 24px; background: white; position: relative; transition: box-shadow .25s, transform .25s; }\n.plan-card:hover { box-shadow: var(--shadow-card); transform: translateY(-3px); }\n.plan-card.featured { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(26,86,245,0.10), var(--shadow-card); }\n.plan-card.featured:hover { transform: translateY(-4px); }\n.plan-badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: var(--blue); color: white; font-size: 11px; font-weight: 700; padding: 4px 14px; border-radius: 20px; white-space: nowrap; }\n.plan-name { font-family: var(--font-display); font-size: 20px; font-weight: 800; color: var(--navy); margin-bottom: 4px; }\n.plan-original { font-size: 13px; color: var(--muted); text-decoration: line-through; display: inline-block; margin-right: 6px; }\n.plan-discount-badge { display: inline-flex; background: #fef3c7; color: #92400e; font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 20px; }\n.plan-price-row { display: flex; align-items: flex-end; gap: 4px; margin: 10px 0 4px; }\n.plan-currency-sym { font-family: var(--font-display); font-size: 20px; font-weight: 700; color: var(--navy); line-height: 1; margin-bottom: 4px; }\n.plan-amount { font-family: var(--font-display); font-size: 42px; font-weight: 800; color: var(--navy); line-height: 1; letter-spacing: -1.5px; transition: opacity .15s, transform .15s; }\n.plan-amount.updating { opacity: 0; transform: translateY(-4px); }\n.plan-period { font-size: 13px; color: var(--muted); }\n.plan-per-user { font-size: 12px; color: var(--muted); margin-bottom: 18px; margin-top: 2px; }\n.plan-cta { display: block; text-align: center; padding: 10px; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; margin-bottom: 20px; transition: all .2s; cursor: pointer; border: none; width: 100%; font-family: var(--font-body); }\n.plan-cta-outline { border: 2px solid var(--border); color: var(--navy); background: transparent; }\n.plan-cta-outline:hover { border-color: var(--blue); color: var(--blue); }\n.plan-cta-primary { background: var(--blue); color: white; }\n.plan-cta-primary:hover { background: var(--blue-dark); transform: translateY(-1px); }\n.plan-cta-dark { background: var(--navy); color: white; }\n.plan-cta-dark:hover { background: #162f5c; transform: translateY(-1px); }\n.plan-description { font-size: 13px; color: var(--muted); margin-bottom: 18px; line-height: 1.5; }\n.plan-features-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--muted); margin-bottom: 10px; }\n.plan-features { list-style: none; display: flex; flex-direction: column; gap: 8px; }\n.plan-features li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--text); line-height: 1.4; }\n.feat-check { width: 16px; height: 16px; border-radius: 50%; background: #dcfce7; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\n.feat-check svg { width: 9px; height: 9px; }\n.enterprise-price { font-family: var(--font-display); font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 4px; }\n\n\/* COMPARE TRIGGER *\/\n.compare-trigger-wrap { text-align: center; margin: 20px 0 40px; }\n.compare-trigger { display: inline-flex; align-items: center; gap: 8px; background: none; border: none; cursor: pointer; color: var(--blue); font-size: 14px; font-weight: 600; font-family: var(--font-body); padding: 10px 20px; border-radius: 8px; transition: background .2s; }\n.compare-trigger:hover { background: var(--blue-light); }\n.compare-arrow { transition: transform .35s cubic-bezier(0.34,1.2,0.64,1); }\n.compare-trigger.open .compare-arrow { transform: rotate(180deg); }\n\n\/* COMPARE TABLE *\/\n.compare-section { max-width: 1100px; margin: 0 auto 60px; padding: 0 24px; overflow: hidden; max-height: 0; opacity: 0; transition: max-height .55s cubic-bezier(0.4,0,0.2,1), opacity .3s; }\n.compare-section.visible { max-height: 4000px; opacity: 1; }\n.compare-inner { border: 2px solid var(--border); border-radius: var(--radius); overflow: hidden; background: white; box-shadow: var(--shadow-card); }\n\n\/* Compare: column layout *\/\n.compare-header { display: grid; grid-template-columns: 220px repeat(4,1fr); border-bottom: 2px solid var(--border); }\n.ch-label { padding: 20px 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px; color: var(--muted); display: flex; align-items: flex-end; }\n.ch-plan { padding: 20px 12px 16px; text-align: center; border-left: 1px solid var(--border); display: flex; flex-direction: column; align-items: center; gap: 6px; }\n.ch-plan.featured { background: linear-gradient(180deg,#eef4ff 0%,white 100%); border-top: 3px solid var(--blue); }\n.ch-plan-name { font-family: var(--font-display); font-size: 14px; font-weight: 800; color: var(--navy); }\n.ch-plan-price { font-family: var(--font-display); font-size: 12px; font-weight: 600; color: var(--blue); min-height: 18px; }\n.ch-plan-cta { padding: 7px 14px; border-radius: 7px; font-size: 12px; font-weight: 700; cursor: pointer; border: none; font-family: var(--font-body); white-space: nowrap; transition: all .2s; margin-top: 2px; }\n.cta-outline { border: 2px solid var(--border); background: transparent; color: var(--navy); }\n.cta-outline:hover { border-color: var(--blue); color: var(--blue); }\n.cta-filled { background: var(--blue); color: white; }\n.cta-filled:hover { background: var(--blue-dark); }\n.cta-dark { background: var(--navy); color: white; }\n.cta-dark:hover { background: #162f5c; }\n\n\/* Compare rows *\/\n.compare-category { display: grid; grid-template-columns: 220px repeat(4,1fr); background: var(--bg); border-bottom: 1px solid var(--border); }\n.compare-cat-label { padding: 10px 20px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .9px; color: var(--blue); grid-column: 1 \/ -1; }\n.compare-row { display: grid; grid-template-columns: 220px repeat(4,1fr); border-bottom: 1px solid var(--border); transition: background .15s; }\n.compare-row:last-child { border-bottom: none; }\n.compare-row:hover { background: #fafbff; }\n.cr-label { padding: 13px 20px; font-size: 13px; color: var(--text); display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }\n.cr-label-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n\/* Custom tooltip \u2014 position:fixed to escape overflow:hidden containers *\/\n.info-tip {\n  display: inline-flex; width: 15px; height: 15px; border-radius: 50%;\n  background: var(--border); align-items: center; justify-content: center;\n  font-size: 9px; color: var(--muted); cursor: pointer; flex-shrink: 0;\n  font-style: normal; position: relative; vertical-align: middle;\n}\n.info-tip::after {\n  content: attr(data-tip);\n  position: fixed;\n  background: var(--navy); color: white;\n  font-size: 12px; font-weight: 500; line-height: 1.5;\n  padding: 7px 11px; border-radius: 8px;\n  white-space: normal; width: 200px; text-align: left;\n  pointer-events: none; opacity: 0;\n  transition: opacity .18s;\n  z-index: 9999; font-style: normal;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.2);\n  \/* Position is set via JS on hover *\/\n  top: var(--tip-y, 0px); left: var(--tip-x, 0px);\n  transform: translateX(-50%) translateY(-100%) translateY(-8px);\n}\n.info-tip:hover::after,\n.info-tip.active::after {\n  opacity: 1;\n}\n.cr-label { padding: 13px 20px; font-size: 13px; color: var(--text); display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; overflow: visible; }\n.cr-label-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.cr-cell { padding: 13px 10px; border-left: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; color: var(--navy); }\n.cr-cell.featured { background: rgba(26,86,245,0.025); }\n.ic-yes { width: 20px; height: 20px; border-radius: 50%; background: #dcfce7; display: flex; align-items: center; justify-content: center; }\n.ic-yes svg { width: 11px; height: 11px; }\n.ic-no { width: 20px; height: 20px; border-radius: 50%; background: var(--bg); display: flex; align-items: center; justify-content: center; }\n.ic-no svg { width: 10px; height: 10px; }\n.ic-text { font-size: 12px; font-weight: 600; color: var(--navy); text-align: center; }\n.ic-muted { font-size: 11px; font-weight: 400; color: var(--muted); }\n\n\/* FREE SECTION *\/\n.free-section { background: linear-gradient(135deg,#eef2ff 0%,#f0f9ff 100%); padding: 60px 24px; text-align: center; }\n.free-inner { max-width: 540px; margin: 0 auto; }\n.free-section h2 { font-family: var(--font-display); font-size: clamp(22px,3vw,30px); font-weight: 800; color: var(--navy); margin-bottom: 6px; }\n.free-price { font-family: var(--font-display); font-size: 22px; font-weight: 700; color: var(--blue); margin-bottom: 16px; }\n.free-description { color: var(--muted); font-size: 15px; margin-bottom: 16px; line-height: 1.7; }\n.free-notes { display: flex; flex-direction: column; gap: 4px; margin-bottom: 28px; }\n.free-note { font-size: 14px; font-weight: 600; color: var(--navy); }\n.btn-free { display: inline-block; padding: 13px 34px; background: var(--navy); color: white; font-size: 15px; font-weight: 700; border-radius: 10px; text-decoration: none; transition: all .2s; }\n.btn-free:hover { background: var(--blue); transform: translateY(-2px); }\n\n\/* ADDONS *\/\n.addons-section { padding: 48px 24px; max-width: 1100px; margin: 0 auto; }\n.section-title { font-family: var(--font-display); font-size: clamp(22px,3vw,30px); font-weight: 800; color: var(--navy); text-align: center; margin-bottom: 6px; }\n.section-sub { text-align: center; color: var(--muted); font-size: 14px; margin-bottom: 32px; }\n\n\/* Addon card \u2014 stacked vertical, full width, expandable *\/\n.addon-card {\n  border: 1.5px solid var(--border); border-radius: var(--radius);\n  background: white; overflow: hidden;\n  transition: box-shadow .25s, border-color .2s;\n  margin-bottom: 12px;\n}\n.addon-card:last-child { margin-bottom: 0; }\n.addon-card.open { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(26,86,245,0.08), var(--shadow-card); }\n\n\/* Card header row \u2014 always visible, clickable *\/\n.addon-header {\n  display: flex; align-items: center; gap: 16px;\n  padding: 20px 24px; cursor: pointer; user-select: none;\n}\n.addon-header:hover .addon-name { color: var(--blue); }\n.addon-icon { width: 40px; height: 40px; background: var(--blue-light); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.addon-icon svg { width: 20px; height: 20px; color: var(--blue); }\n.addon-header-text { flex: 1; min-width: 0; }\n.addon-name { font-family: var(--font-display); font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 2px; transition: color .2s; }\n.addon-tagline { font-size: 13px; color: var(--muted); line-height: 1.4; }\n.addon-free-badge {\n  display: inline-flex; align-items: center;\n  background: #dcfce7; color: #15803d;\n  font-size: 11px; font-weight: 700; border-radius: 20px;\n  padding: 3px 9px; white-space: nowrap; margin-right: 8px;\n}\n.addon-price-preview { font-family: var(--font-display); font-size: 13px; font-weight: 700; color: var(--navy); white-space: nowrap; margin-right: 8px; flex-shrink: 0; }\n.addon-price-preview span { font-size: 11px; font-weight: 500; color: var(--muted); }\n.addon-toggle-btn {\n  width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--border);\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n  transition: transform .3s, border-color .2s, background .2s;\n}\n.addon-toggle-btn svg { width: 12px; height: 12px; color: var(--muted); transition: color .2s; }\n.addon-card.open .addon-toggle-btn { transform: rotate(45deg); border-color: var(--blue); background: var(--blue); }\n.addon-card.open .addon-toggle-btn svg { color: white; }\n\n\/* Expandable body *\/\n.addon-body {\n  max-height: 0; overflow: hidden;\n  transition: max-height .4s cubic-bezier(0.4,0,0.2,1);\n  border-top: 0px solid var(--border);\n}\n.addon-card.open .addon-body {\n  max-height: 2400px;\n  border-top-width: 1px;\n}\n.addon-body-inner { padding: 24px; }\n\n\/* Plan badge on addon *\/\n.addon-plan-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  background: #f0f5ff; border: 1px solid #c7d9ff; border-radius: 20px;\n  font-size: 11px; font-weight: 700; color: var(--blue);\n  padding: 3px 10px; margin-bottom: 20px;\n}\n\n\/* Token \/ translation packages grid *\/\n.addon-packages { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 20px; }\n.addon-package {\n  border: 1.5px solid var(--border); border-radius: 10px; padding: 16px;\n  text-align: center; position: relative; transition: border-color .2s, box-shadow .2s;\n  cursor: default;\n}\n.addon-package:hover { border-color: var(--blue); box-shadow: var(--shadow); }\n.addon-package.popular { border-color: var(--blue); background: linear-gradient(180deg,#f0f5ff 0%,white 100%); }\n.addon-package-badge {\n  position: absolute; top: -10px; left: 50%; transform: translateX(-50%);\n  background: var(--blue); color: white; font-size: 10px; font-weight: 800;\n  padding: 2px 10px; border-radius: 20px; white-space: nowrap;\n}\n.addon-pkg-amount { font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--navy); display: block; margin-bottom: 2px; }\n.addon-pkg-unit { font-size: 11px; color: var(--muted); font-weight: 500; display: block; margin-bottom: 10px; }\n.addon-pkg-price { font-family: var(--font-display); font-size: 18px; font-weight: 800; color: var(--blue); display: block; margin-bottom: 2px; }\n.addon-pkg-per { font-size: 11px; color: var(--muted); display: block; }\n\n\/* Two-col detail layout *\/\n.addon-detail-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; overflow: visible; }\n.addon-detail-col h4 { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--muted); margin-bottom: 10px; }\n.addon-feature-list { list-style: none; display: flex; flex-direction: column; gap: 7px; }\n.addon-feature-list li { display: flex; align-items: flex-start; gap: 7px; font-size: 13px; color: var(--text); line-height: 1.4; }\n.afl-check { width: 15px; height: 15px; border-radius: 50%; background: #dcfce7; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\n.afl-check svg { width: 8px; height: 8px; color: var(--green); }\n\n\/* Info callout box *\/\n.addon-callout {\n  background: var(--bg); border: 1px solid var(--border); border-radius: 10px;\n  padding: 14px 16px; font-size: 13px; color: var(--muted); line-height: 1.6;\n  margin-bottom: 16px;\n}\n.addon-callout strong { color: var(--navy); }\n\n\/* SCORM tier cards *\/\n.scorm-tiers { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 20px; }\n.scorm-tier {\n  border: 1.5px solid var(--border); border-radius: 10px; padding: 18px;\n  position: relative;\n}\n.scorm-tier.featured { border-color: var(--blue); background: linear-gradient(180deg,#f0f5ff 0%,white 100%); }\n.scorm-tier-name { font-family: var(--font-display); font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 4px; }\n.scorm-tier-price { font-family: var(--font-display); font-size: 22px; font-weight: 800; color: var(--blue); margin-bottom: 12px; }\n.scorm-tier-price span { font-size: 12px; font-weight: 500; color: var(--muted); }\n\n.addon-cta-row { display: flex; gap: 10px; flex-wrap: wrap; }\n.btn-addon-primary { padding: 9px 20px; background: var(--blue); color: white; border: none; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: var(--font-body); transition: background .2s, transform .15s; text-decoration: none; }\n.btn-addon-primary:hover { background: var(--blue-dark); transform: translateY(-1px); }\n.btn-addon-ghost { padding: 9px 20px; background: transparent; color: var(--navy); border: 1.5px solid var(--border); border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: var(--font-body); transition: border-color .2s; text-decoration: none; }\n.btn-addon-ghost:hover { border-color: var(--blue); color: var(--blue); }\n\n@media (max-width: 700px) {\n  .addon-packages { grid-template-columns: 1fr; }\n  .addon-detail-cols { grid-template-columns: 1fr !important; }\n  .scorm-tiers { grid-template-columns: 1fr !important; }\n  \/* Addon header mobile: wrap so price+badge drop below text *\/\n  .addon-header {\n    flex-wrap: wrap !important;\n    padding: 16px !important;\n    row-gap: 0 !important;\n    column-gap: 12px !important;\n    align-items: flex-start !important;\n  }\n  .addon-icon { order: 1; flex-shrink: 0 !important; }\n  .addon-header-text { order: 2; flex: 1 !important; min-width: 0 !important; }\n  .addon-toggle-btn { order: 3; flex-shrink: 0 !important; margin-left: auto !important; }\n  .addon-price-preview { order: 4; width: 100% !important; padding-left: 52px !important; margin-top: 10px !important; font-size: 12px !important; margin-right: 4px !important; }\n  .addon-free-badge { order: 5; margin-left: 52px !important; margin-top: 6px !important; font-size: 10px !important; padding: 2px 7px !important; }\n  \/* Remove Flatsome extra border on addon cards and faq items *\/\n  #innform-pricing .addon-card { border: 1.5px solid #e3e8f0 !important; border-radius: 14px !important; }\n  #innform-pricing .addon-card.open { border-color: #1a56f5 !important; }\n  #innform-pricing .faq-item { border: none !important; outline: none !important; box-shadow: none !important; }\n  .addon-detail-cols { grid-template-columns: 1fr; }\n  .scorm-tiers { grid-template-columns: 1fr; }\n}\n\n\/* FAQ *\/\n.faq-section { padding: 60px 24px; max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: 260px 1fr; gap: 60px; align-items: start; }\n.faq-heading { font-family: var(--font-display); font-size: 28px; font-weight: 800; color: var(--navy); position: sticky; top: 80px; }\n.faq-list { display: flex; flex-direction: column; }\n.faq-item { border-top: 1px solid var(--border); }\n.faq-item:last-child { border-bottom: 1px solid var(--border); }\n.faq-question { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; cursor: pointer; font-weight: 600; font-size: 15px; color: var(--navy); gap: 16px; user-select: none; }\n.faq-question:hover { color: var(--blue); }\n.faq-icon { width: 22px; height: 22px; border: 1.5px solid var(--border); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .3s, border-color .2s, background .2s; }\n.faq-icon svg { width: 12px; height: 12px; color: var(--muted); transition: color .2s; }\n.faq-item.open .faq-icon { transform: rotate(45deg); border-color: var(--blue); background: var(--blue); }\n.faq-item.open .faq-icon svg { color: white; }\n.faq-answer { font-size: 14px; color: var(--muted); line-height: 1.7; max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease; }\n.faq-item.open .faq-answer { max-height: 300px; padding-bottom: 18px; }\n\n\/* FOOTER CTA *\/\n.footer-cta { background: var(--navy); padding: 72px 24px; text-align: center; }\n.footer-cta h2 { font-family: var(--font-display); font-size: clamp(28px,4vw,44px); font-weight: 800; color: white; letter-spacing: -1px; line-height: 1.1; margin-bottom: 12px; }\n.footer-cta p { color: #8fa8d8; font-size: 15px; margin-bottom: 32px; max-width: 380px; margin-left: auto; margin-right: auto; }\n.footer-cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\n.btn-cta-outline { padding: 13px 28px; border-radius: 10px; font-size: 15px; font-weight: 700; border: 2px solid rgba(255,255,255,0.25); color: white; text-decoration: none; transition: all .2s; cursor: pointer; background: transparent; font-family: var(--font-body); }\n.btn-cta-outline:hover { border-color: white; }\n.btn-cta-primary { padding: 13px 28px; border-radius: 10px; font-size: 15px; font-weight: 700; background: var(--blue); color: white; text-decoration: none; border: none; transition: all .2s; cursor: pointer; font-family: var(--font-body); }\n.btn-cta-primary:hover { background: var(--blue-dark); transform: translateY(-2px); }\nfooter { border-top: 1px solid #1f3460; background: var(--navy); padding: 20px 32px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }\nfooter p { color: #5a7ab0; font-size: 13px; }\n.trust { display: flex; gap: 20px; }\n.trust span { color: #5a7ab0; font-size: 13px; }\n\n\/* TOAST *\/\n.currency-toast { position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%) translateY(80px); background: var(--navy); color: white; padding: 12px 22px; border-radius: 10px; font-size: 14px; font-weight: 600; box-shadow: 0 8px 32px rgba(0,0,0,0.2); display: flex; align-items: center; gap: 10px; z-index: 9999; transition: transform .4s cubic-bezier(0.34,1.4,0.64,1), opacity .3s; opacity: 0; white-space: nowrap; }\n.currency-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 1000px) {\n  .plans-grid { grid-template-columns: repeat(2,1fr); }\n  .nav-links { display: none; }\n  .compare-header, .compare-category, .compare-row { grid-template-columns: 150px repeat(4,1fr); }\n  .ch-label, .cr-label { padding: 12px 12px; font-size: 12px; }\n}\n@media (max-width: 700px) {\n  .plans-grid { grid-template-columns: 1fr; }\n  .addons-grid { grid-template-columns: 1fr; }\n  .faq-section { grid-template-columns: 1fr; gap: 28px; }\n  .faq-heading { position: static; }\n  nav { padding: 0 14px; }\n  .nav-actions .btn-ghost:not(:last-child) { display: none; }\n  .stats-bar { gap: 12px 20px; padding: 14px 16px; }\n  .stat-divider { display: none; }\n  .controls { flex-direction: column; }\n  .user-control { min-width: unset; }\n  .compare-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .compare-header, .compare-category, .compare-row { grid-template-columns: 130px repeat(4,110px); min-width: 570px; }\n  \/* Mobile stepper improvements *\/\n  .stepper-btn { width: 44px !important; height: 44px !important; font-size: 22px !important; }\n  .stepper-input { font-size: 26px !important; width: 100px !important; max-width: 100px !important; min-width: 100px !important; }\n  .stepper-hint { display: none; }\n  .stepper-row { gap: 8px !important; }\n  .controls-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }\n  .billing-toggle { width: 100%; justify-content: center; }\n  .currency-picker-inline { width: 100%; }\n  .currency-btn-inline { width: 100%; justify-content: space-between; }\n  .tier-bar-dot { width: 24px !important; height: 24px !important; }\n  .tier-nudge { font-size: 11px !important; min-height: 34px !important; }\n  .user-input-box { padding: 14px 14px 12px !important; }\n}\n<\/style>\n\n<style>\n\/* -- Flatsome conflict overrides -- high specificity -- *\/\n#innform-pricing { all: initial; display: block; font-family: 'sofia-pro', sans-serif; font-size: 15px; line-height: 1.6; color: #1a2340; -webkit-font-smoothing: antialiased; }\n#innform-pricing *, #innform-pricing *::before, #innform-pricing *::after { box-sizing: border-box; }\n\n\/* Input -- prevent Flatsome stretching it -- maximum specificity *\/\n#innform-pricing .stepper-row input[type=\"number\"],\n#innform-pricing .stepper-row input[type=\"number\"].stepper-input,\n#innform-pricing input.stepper-input {\n  width: 90px !important; max-width: 90px !important; min-width: 0 !important;\n  flex: 0 0 90px !important; text-align: center !important;\n  font-size: 22px !important; font-weight: 800 !important;\n  padding: 6px 10px !important; border: 1.5px solid #e3e8f0 !important;\n  border-radius: 8px !important; background: white !important;\n  box-shadow: none !important; height: auto !important;\n  color: #0f1f3d !important; outline: none !important;\n  margin: 0 !important; vertical-align: middle !important;\n  -webkit-appearance: textfield !important; appearance: textfield !important;\n}\n#innform-pricing .stepper-row input[type=\"number\"]:focus,\n#innform-pricing input.stepper-input:focus {\n  border-color: #1a56f5 !important; box-shadow: 0 0 0 3px rgba(26,86,245,0.1) !important;\n}\n\n\/* Buttons -- reset Flatsome button styles *\/\n#innform-pricing button,\n#innform-pricing .billing-btn,\n#innform-pricing .stepper-btn,\n#innform-pricing .plan-cta,\n#innform-pricing .compare-trigger,\n#innform-pricing .ch-plan-cta {\n  all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex;\n  align-items: center; justify-content: center; font-family: 'sofia-pro', sans-serif;\n}\n\n\/* Addon toggle button *\/\n#innform-pricing .addon-toggle-btn {\n  width: 28px !important; height: 28px !important; border-radius: 50% !important;\n  border: 1.5px solid #e3e8f0 !important; background: white !important;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n  flex-shrink: 0 !important; cursor: pointer !important;\n  transition: transform .3s, border-color .2s, background .2s !important;\n  margin-left: auto !important;\n}\n\n\/* Stepper buttons specifically *\/\n#innform-pricing .stepper-btn {\n  width: 36px !important; height: 36px !important; border-radius: 8px !important;\n  border: 1.5px solid #e3e8f0 !important; background: white !important;\n  font-size: 18px !important; color: #0f1f3d !important;\n  transition: border-color .15s, background .15s, transform .1s !important;\n  flex-shrink: 0 !important; user-select: none !important;\n}\n#innform-pricing .stepper-btn:hover { border-color: #1a56f5 !important; background: #e8efff !important; }\n\n\/* Billing toggle *\/\n#innform-pricing .billing-toggle .billing-btn,\n#innform-pricing .billing-toggle button.billing-btn {\n  padding: 7px 18px !important; border-radius: 7px !important;\n  font-size: 13px !important; font-weight: 600 !important;\n  background: transparent !important; color: #6b7a99 !important;\n  border: none !important; box-shadow: none !important;\n  transition: all .2s !important;\n  display: inline-flex !important; align-items: center !important;\n}\n#innform-pricing .billing-toggle .billing-btn.active,\n#innform-pricing .billing-toggle button.billing-btn.active {\n  background: white !important; color: #0f1f3d !important;\n  box-shadow: 0 1px 6px rgba(0,0,0,0.10) !important;\n}\n\n\/* Plan CTAs *\/\n#innform-pricing .plan-cta {\n  display: block !important; width: 100% !important;\n  text-align: center !important; padding: 10px !important;\n  border-radius: 8px !important; font-size: 14px !important;\n  font-weight: 600 !important; margin-bottom: 20px !important;\n  transition: all .2s !important;\n}\n#innform-pricing .plan-cta-outline {\n  border: 2px solid #e3e8f0 !important; color: #0f1f3d !important; background: transparent !important;\n}\n#innform-pricing .plan-cta-outline:hover { border-color: #1a56f5 !important; color: #1a56f5 !important; }\n#innform-pricing .plan-cta-primary { background: #1a56f5 !important; color: white !important; border: none !important; }\n#innform-pricing .plan-cta-primary:hover { background: #1240d4 !important; }\n#innform-pricing .plan-cta-dark { background: #0f1f3d !important; color: white !important; border: none !important; }\n\n\/* Bar track -- ensure pointer events work for drag *\/\n#innform-pricing .tier-bar-track { pointer-events: all !important; cursor: pointer !important; touch-action: none !important; }\n#innform-pricing .tier-bar-dot { pointer-events: all !important; cursor: grab !important; touch-action: none !important; }\n#innform-pricing .tier-bar-dot:active { cursor: grabbing !important; }\n\n\/* Flex rows -- prevent Flatsome collapsing them *\/\n#innform-pricing .stepper-row { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: nowrap !important; }\n#innform-pricing .controls-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; }\n#innform-pricing .billing-toggle { display: flex !important; align-items: center !important; }\n<\/style>\n\n<div id=\"innform-pricing\">\n\n<a href=\"#innform-main-content\" class=\"skip-link\" style=\"position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;background:#1a56f5;color:white;padding:8px 16px;border-radius:0 0 8px 8px;font-weight:700;font-size:14px;\">Zur Preis\u00fcbersicht springen<\/a>\n\n<!-- CURRENCY TOAST -->\n<div class=\"currency-toast\" id=\"currencyToast\">\n  <span id=\"toastFlag\"><\/span>\n  <span id=\"toastMsg\">Preise in EUR basierend auf deinem Standort<\/span>\n<\/div>\n\n\n<!-- HERO -->\n<main id=\"innform-main-content\">\n<div class=\"hero\">\n  <h1>W\u00e4hle deinen Plan<\/h1>\n  <div class=\"hero-badges\">\n    <div class=\"hero-badge\"><span class=\"check\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5l2.5 2.5L8 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>14 Tage kostenlos testen<\/div>\n    <div class=\"hero-badge\"><span class=\"check\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5l2.5 2.5L8 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Keine Kreditkarte erforderlich.<\/div>\n    <div class=\"hero-badge\"><span class=\"check\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5l2.5 2.5L8 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Keine Einrichtungsgeb\u00fchren oder versteckten Kosten.<\/div>\n  <\/div>\n  <div class=\"stats-bar\">\n    <div class=\"stat\"><span class=\"stat-val\">4,000<\/span><span class=\"stat-lbl\">Unternehmen trainiert<\/span><\/div>\n    <div class=\"stat-divider\"><\/div>\n    <div class=\"stat\"><span class=\"stat-val\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><\/span><span class=\"stat-lbl\">4,8\/5 auf G2<\/span><\/div>\n    <div class=\"stat-divider\"><\/div>\n    <div class=\"stat\"><span class=\"stat-val\">200k+<\/span><span class=\"stat-lbl\">Lernende onboardet<\/span><\/div>\n  <\/div>\n<\/div>\n\n<!-- CONTROLS -->\n<div class=\"controls-wrap\">\n\n  <!-- User count stepper -->\n  <div class=\"user-input-box\">\n    <label class=\"user-input-label\" for=\"userInput\" id=\"userInputLabel\">Wie viele Nutzer?<\/label>\n    <div class=\"stepper-row\" style=\"display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;flex-wrap:nowrap!important;\">\n      <button class=\"stepper-btn\" id=\"stepDown\" onclick=\"_ip.stepUsers(-1)\" aria-label=\"Decrease user count\" style=\"width:36px!important;height:36px!important;min-width:36px!important;flex-shrink:0!important;border-radius:8px!important;border:1.5px solid #e3e8f0!important;background:white!important;font-size:18px!important;color:#0f1f3d!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;outline:none!important;box-shadow:none!important;\">\u2212<\/button>\n      <input type=\"number\" id=\"userInput\" class=\"stepper-input\" value=\"50\" min=\"1\" max=\"1000\" aria-label=\"Number of users\" aria-describedby=\"tierNudge\" style=\"width:90px!important;max-width:90px!important;min-width:90px!important;flex:0 0 90px!important;text-align:center!important;font-size:22px!important;font-weight:800!important;padding:6px 10px!important;border:1.5px solid #e3e8f0!important;border-radius:8px!important;background:white!important;box-shadow:none!important;height:auto!important;color:#0f1f3d!important;outline:none!important;margin:0!important;vertical-align:middle!important;\" \/>\n      <button class=\"stepper-btn\" id=\"stepUp\" onclick=\"_ip.stepUsers(1)\" aria-label=\"Increase user count\" style=\"width:36px!important;height:36px!important;min-width:36px!important;flex-shrink:0!important;border-radius:8px!important;border:1.5px solid #e3e8f0!important;background:white!important;font-size:18px!important;color:#0f1f3d!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;outline:none!important;box-shadow:none!important;\">+<\/button>\n      <span class=\"stepper-unit\">Nutzer<\/span>\n      <span class=\"stepper-hint\">Nutzer jederzeit einfrieren, um Kosten zu senken<\/span>\n    <\/div>\n\n    <!-- Tier progress indicator -->\n    <div class=\"tier-progress\" id=\"tierProgress\">\n\n      <!-- Static two-column row: current tier left, next target right -->\n      <div class=\"tier-info-row\">\n        <div class=\"tier-info-current\">\n          <span class=\"tier-info-current-sub\" id=\"tierCurrentSub\">Base rate<\/span>\n          <span class=\"tier-info-current-val\" id=\"tierCurrentVal\">1\u201320 users<\/span>\n        <\/div>\n        <div class=\"tier-info-next\" id=\"tierNextRow\">\n          <span class=\"tier-info-next-label\">N\u00e4chste Stufe:<\/span>\n          <span class=\"tier-info-next-target\" id=\"tierNextTarget\">21 users<\/span>\n          <span class=\"tier-info-next-chip\" id=\"tierNextChip\">\u22123%<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Bar: dot moves, ghost stays fixed at next tier boundary -->\n      <div class=\"tier-bar-wrap\" role=\"presentation\" aria-hidden=\"true\">\n        <div class=\"tier-bar-track\">\n          <div class=\"tier-bar-fill\"      id=\"tierBarFill\"><\/div>\n          <div class=\"tier-bar-connector\" id=\"tierBarConnector\"><\/div>\n          <div class=\"tier-bar-ghost\"     id=\"tierBarGhost\"><\/div>\n          <div class=\"tier-bar-dot\"       id=\"tierBarDot\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tier-nudge\" id=\"tierNudge\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Bottom row: billing toggle + currency -->\n  <div class=\"controls-bottom\">\n    <div class=\"billing-toggle\" role=\"group\" aria-label=\"Billing frequency\" style=\"display:flex!important;align-items:center!important;gap:4px!important;background:#f8fafd!important;border:1px solid #e3e8f0!important;border-radius:10px!important;padding:4px!important;\">\n      <button class=\"billing-btn active\" id=\"btnMonthly\" onclick=\"_ip.setBilling('monthly')\" aria-pressed=\"true\" style=\"padding:7px 18px!important;border-radius:7px!important;font-size:13px!important;font-weight:600!important;background:white!important;color:#0f1f3d!important;border:none!important;box-shadow:0 1px 6px rgba(0,0,0,0.10)!important;cursor:pointer!important;outline:none!important;display:inline-flex!important;align-items:center!important;\">Monatlich zahlen<\/button>\n      <button class=\"billing-btn\" id=\"btnYearly\" onclick=\"_ip.setBilling('yearly')\" aria-pressed=\"false\" style=\"padding:7px 18px!important;border-radius:7px!important;font-size:13px!important;font-weight:600!important;background:transparent!important;color:#6b7a99!important;border:none!important;box-shadow:none!important;cursor:pointer!important;outline:none!important;display:inline-flex!important;align-items:center!important;gap:4px!important;\">J\u00e4hrlich zahlen <span class=\"save-badge\" aria-label=\"Save 10 percent\" style=\"display:inline-flex!important;align-items:center!important;background:#d1fae5!important;color:#065f46!important;font-size:11px!important;font-weight:700!important;padding:2px 7px!important;border-radius:20px!important;margin-left:4px!important;white-space:nowrap!important;\">10% sparen<\/span><\/button>\n    <\/div>\n\n    <!-- Inline currency picker (moved here from nav) -->\n    <div class=\"currency-picker-inline\" id=\"currencyPickerInline\">\n      <button class=\"currency-btn-inline\" onclick=\"_ip.toggleCurrencyDropdownInline()\" aria-haspopup=\"listbox\" aria-expanded=\"false\" aria-label=\"Select currency\" id=\"currencyBtnInline\">\n        <span id=\"currencyFlagInline\" class=\"cur-flag-btn\" data-cur=\"EUR\" style=\"margin-right:6px\"><\/span>\n        <span id=\"currencyLabelInline\">EUR \u2014 Euro<\/span>\n        <svg class=\"currency-chevron\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 4l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/button>\n      <div class=\"currency-dropdown\" id=\"currencyDropdownInline\" role=\"listbox\" aria-labelledby=\"currencyBtnInline\">\n        <div class=\"currency-option\" data-cur=\"EUR\" onclick=\"_ip.selectCurrency('EUR')\" role=\"option\" aria-selected=\"false\" tabindex=\"0\" aria-label=\"Euro\">\n          <span class=\"cur-flag\"><svg width=\"20\" height=\"15\" viewBox=\"0 0 20 15\" style=\"border-radius:2px;flex-shrink:0\"><rect width=\"20\" height=\"15\" fill=\"#003399\"\/><g fill=\"#FFCC00\" transform=\"translate(10,7.5)\"><circle r=\"1\" transform=\"rotate(0) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(30) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(60) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(90) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(120) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(150) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(180) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(210) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(240) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(270) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(300) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(330) translate(0,-4)\"\/><\/g><\/svg><\/span><span class=\"cur-name\">Euro<\/span><span class=\"cur-sym\">EUR \u20ac<\/span>\n        <\/div>\n        <div class=\"currency-option\" data-cur=\"GBP\" onclick=\"_ip.selectCurrency('GBP')\" role=\"option\" aria-selected=\"false\" tabindex=\"0\" aria-label=\"Britisches Pfund\">\n          <span class=\"cur-flag\"><svg width=\"20\" height=\"15\" viewBox=\"0 0 20 15\" style=\"border-radius:2px;flex-shrink:0\"><rect width=\"20\" height=\"15\" fill=\"#012169\"\/><path d=\"M0,0 L20,15 M20,0 L0,15\" stroke=\"white\" stroke-width=\"3\"\/><path d=\"M0,0 L20,15 M20,0 L0,15\" stroke=\"#C8102E\" stroke-width=\"1.8\"\/><path d=\"M10,0 V15 M0,7.5 H20\" stroke=\"white\" stroke-width=\"5\"\/><path d=\"M10,0 V15 M0,7.5 H20\" stroke=\"#C8102E\" stroke-width=\"3\"\/><\/svg><\/span><span class=\"cur-name\">Britisches Pfund<\/span><span class=\"cur-sym\">GBP \u00a3<\/span>\n        <\/div>\n        <div class=\"currency-option\" data-cur=\"USD\" onclick=\"_ip.selectCurrency('USD')\" role=\"option\" aria-selected=\"false\" tabindex=\"0\" aria-label=\"US-Dollar\">\n          <span class=\"cur-flag\"><svg width=\"20\" height=\"15\" viewBox=\"0 0 20 15\" style=\"border-radius:2px;flex-shrink:0\"><rect width=\"20\" height=\"15\" fill=\"#B22234\"\/><rect y=\"1.15\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"3.46\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"5.77\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"8.08\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"10.38\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"12.69\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect width=\"8\" height=\"8.08\" fill=\"#3C3B6E\"\/><\/svg><\/span><span class=\"cur-name\">US-Dollar<\/span><span class=\"cur-sym\">USD $<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- PLAN CARDS -->\n<div class=\"plans-section\" role=\"region\" aria-label=\"Pricing plans\">\n  <div class=\"plans-grid\">\n\n    <!-- STARTER -->\n    <div class=\"plan-card\" role=\"article\" aria-label=\"Starter plan\">\n      <div class=\"plan-name\">Starter<\/div>\n      <div style=\"display:flex;align-items:center;gap:6px;min-height:22px;margin-bottom:2px;\">\n        <span class=\"plan-original\" id=\"starter-original\"><\/span>\n        <span class=\"plan-discount-badge\" id=\"starter-badge\" style=\"display:none\"><\/span>\n      <\/div>\n      <div class=\"plan-price-row\">\n        <span class=\"plan-currency-sym\" id=\"starter-sym\">\u20ac<\/span>\n        <span class=\"plan-amount\" id=\"starter-price\">\u2014<\/span>\n      <\/div>\n      <div class=\"plan-period\">\/Monat<\/div>\n      <div class=\"plan-per-user\" id=\"starter-per-user\"><\/div>\n      <button class=\"plan-cta plan-cta-outline\">14 Tage kostenlos testen<\/button>\n      <p class=\"plan-description\">Starte mit einem einfach zu bedienenden Lernmanagementsystem.<\/p>\n      <div class=\"plan-features-label\">Enth\u00e4lt:<\/div>\n      <ul class=\"plan-features\">\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>10 Trainingsinhalte<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Quizze &amp; Bewertungen<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Tracking &amp; Berichte<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>iOS &amp; Android App<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>2-Faktor-Authentifizierung<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Trainingsveranstaltungen erstellen<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Mehrere Benutzerrollen<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- ESSENTIAL -->\n    <div class=\"plan-card\" role=\"article\" aria-label=\"Essential plan\">\n      <div class=\"plan-name\">Essential<\/div>\n      <div style=\"display:flex;align-items:center;gap:6px;min-height:22px;margin-bottom:2px;\">\n        <span class=\"plan-original\" id=\"essential-original\"><\/span>\n        <span class=\"plan-discount-badge\" id=\"essential-badge\" style=\"display:none\"><\/span>\n      <\/div>\n      <div class=\"plan-price-row\">\n        <span class=\"plan-currency-sym\" id=\"essential-sym\">\u20ac<\/span>\n        <span class=\"plan-amount\" id=\"essential-price\">\u2014<\/span>\n      <\/div>\n      <div class=\"plan-period\">\/Monat<\/div>\n      <div class=\"plan-per-user\" id=\"essential-per-user\"><\/div>\n      <button class=\"plan-cta plan-cta-outline\">14 Tage kostenlos testen<\/button>\n      <p class=\"plan-description\">F\u00fcr Unternehmen, die die Kraft des Online-Trainings nutzen m\u00f6chten.<\/p>\n      <div class=\"plan-features-label\">Alles aus Starter, und:<\/div>\n      <ul class=\"plan-features\">\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>100 Trainingsinhalte<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>In Gruppen trainieren &amp; verfolgen<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Markenanpassung<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Individuelle Zertifizierung<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Versionskontrolle<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Auto-Erinnerungen &amp; Neuzuweisungen<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- PRO -->\n    <div class=\"plan-card featured\" role=\"article\" aria-label=\"Pro plan, recommended\">\n      <div class=\"plan-badge\">Ideal f\u00fcr wachsende Teams<\/div>\n      <div class=\"plan-name\">Pro<\/div>\n      <div style=\"display:flex;align-items:center;gap:6px;min-height:22px;margin-bottom:2px;\">\n        <span class=\"plan-original\" id=\"pro-original\"><\/span>\n        <span class=\"plan-discount-badge\" id=\"pro-badge\" style=\"display:none\"><\/span>\n      <\/div>\n      <div class=\"plan-price-row\">\n        <span class=\"plan-currency-sym\" id=\"pro-sym\">\u20ac<\/span>\n        <span class=\"plan-amount\" id=\"pro-price\">\u2014<\/span>\n      <\/div>\n      <div class=\"plan-period\">\/Monat<\/div>\n      <div class=\"plan-per-user\" id=\"pro-per-user\"><\/div>\n      <button class=\"plan-cta plan-cta-primary\">14 Tage kostenlos testen<\/button>\n      <p class=\"plan-description\">F\u00fcr Unternehmen, die das Beste aus Innform herausholen m\u00f6chten.<\/p>\n      <div class=\"plan-features-label\">Alles aus Essential, und:<\/div>\n      <ul class=\"plan-features\">\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Unbegrenzte Trainingsinhalte<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Lernpfade<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Blended Learning<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Mehrsprachige Unterst\u00fctzung<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>SCORM Import\/Export<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Gamification<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>SSO &amp; Active Directory<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Priorit\u00e4tssupport<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- ENTERPRISE -->\n    <div class=\"plan-card\" role=\"article\" aria-label=\"Enterprise plan\">\n      <div class=\"plan-name\">Enterprise<\/div>\n      <div style=\"min-height:22px;margin-bottom:2px;\"><\/div>\n      <div class=\"enterprise-price\">Kontakt aufnehmen<\/div>\n      <div class=\"plan-per-user\">F\u00fcr 500+ Nutzer oder besondere Anforderungen.<\/div>\n      <button class=\"plan-cta plan-cta-dark\" style=\"margin-top:12px;\">Gespr\u00e4ch buchen<\/button>\n      <p class=\"plan-description\">Erhalte Zugang zu erweitertem Support und individuellen Anpassungen.<\/p>\n      <div class=\"plan-features-label\">Alles aus Pro, plus:<\/div>\n      <ul class=\"plan-features\">\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Account Manager<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Individuelle Zahlungsoptionen<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Dediziertes Onboarding<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Dedizierter Support<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Service Level Agreement<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Eigene Domain<\/li>\n        <li><span class=\"feat-check\"><svg viewBox=\"0 0 9 9\" fill=\"none\"><path d=\"M1.5 4.5l2 2L7.5 2\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Individuelle Funktionen<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- COMPARE TRIGGER -->\n  <div class=\"compare-trigger-wrap\">\n    <button class=\"compare-trigger\" id=\"compareTrigger\" onclick=\"_ip.toggleCompare()\">\n      <span id=\"compareTriggerText\">Alle Pl\u00e4ne vergleichen<\/span>\n      <svg class=\"compare-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 6l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- COMPARE TABLE -->\n<div class=\"compare-section\" id=\"compareSection\" role=\"region\" aria-label=\"Plan comparison table\">\n  <div class=\"compare-inner\" role=\"table\" aria-label=\"Feature comparison\">\n\n    <!-- STICKY HEADER -->\n    <div class=\"compare-header\" role=\"row\">\n      <div class=\"ch-label\" role=\"columnheader\">Funktion<\/div>\n      <div class=\"ch-plan\">\n        <div class=\"ch-plan-name\" role=\"columnheader\">Starter<\/div>\n        <div class=\"ch-plan-price\" id=\"ch-starter-price\"><\/div>\n        <button class=\"ch-plan-cta cta-outline\">Kostenlos testen<\/button>\n      <\/div>\n      <div class=\"ch-plan\">\n        <div class=\"ch-plan-name\" role=\"columnheader\">Essential<\/div>\n        <div class=\"ch-plan-price\" id=\"ch-essential-price\"><\/div>\n        <button class=\"ch-plan-cta cta-outline\">Kostenlos testen<\/button>\n      <\/div>\n      <div class=\"ch-plan featured\">\n        <div class=\"ch-plan-name\" role=\"columnheader\">Pro \u2b50<\/div>\n        <div class=\"ch-plan-price\" id=\"ch-pro-price\"><\/div>\n        <button class=\"ch-plan-cta cta-filled\">Kostenlos testen<\/button>\n      <\/div>\n      <div class=\"ch-plan\">\n        <div class=\"ch-plan-name\" role=\"columnheader\">Enterprise<\/div>\n        <div class=\"ch-plan-price\" style=\"color:var(--muted)\">Individuell<\/div>\n        <button class=\"ch-plan-cta cta-dark\">Gespr\u00e4ch buchen<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Kernfunktionen -->\n    <div class=\"compare-category\"><div class=\"compare-cat-label\">Kernfunktionen<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Trainingsinhalte <\/span><i class=\"info-tip\" data-tip=\"Kurse, Quizze, Handb\u00fccher und Nachschlagewerke, die du erstellen kannst\">i<\/i><\/div><div class=\"cr-cell T\">10<\/div><div class=\"cr-cell T\">100<\/div><div class=\"cr-cell T featured\">Unbegrenzt<\/div><div class=\"cr-cell T\">Unbegrenzt<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Tracking &amp; Berichte <\/span><i class=\"info-tip\" data-tip=\"Lernfortschritt, Abschlussquoten und Quizergebnisse \u00fcberwachen\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">iOS &amp; Android App <\/span><i class=\"info-tip\" data-tip=\"Lernende k\u00f6nnen auf jedem mobilen Ger\u00e4t auf Training zugreifen\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">2-Faktor-Authentifizierung <\/span><i class=\"info-tip\" data-tip=\"Zus\u00e4tzliche Anmeldesicherheit f\u00fcr alle Konten\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Lernendengruppen <\/span><i class=\"info-tip\" data-tip=\"Nutzer in Teams, Abteilungen oder Standorte organisieren\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Zertifizierung <\/span><i class=\"info-tip\" data-tip=\"Individuelle Zertifikate nach Kursabschluss vergeben\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Blended Learning <\/span><i class=\"info-tip\" data-tip=\"Online-Training mit Pr\u00e4senzeinheiten kombinieren\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Gamification <\/span><i class=\"info-tip\" data-tip=\"Points, leaderboards and badges to boost engagement\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">SSO &amp; Active Directory <\/span><i class=\"info-tip\" data-tip=\"SAML \/ OAuth single sign-on\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n\n    <!-- Trainingserstellung -->\n    <div class=\"compare-category\"><div class=\"compare-cat-label\">Trainingserstellung<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Video- &amp; Bildunterst\u00fctzung <\/span><i class=\"info-tip\" data-tip=\"MP4, MOV, JPG, PNG und mehr hochladen\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Handb\u00fccher erstellen<\/span><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">PPT &amp; PDF hochladen<\/span><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Kostenlose Fotointegration<\/span><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Dateiablage<\/span><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">iFrames einbetten <\/span><i class=\"info-tip\" data-tip=\"Externe Inhalte wie Typeform, Google Maps oder Drittanbieter einbetten\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Veranstaltungen erstellen (ILT) <\/span><i class=\"info-tip\" data-tip=\"Pr\u00e4senztrainings mit Anwesenheits-Tracking planen\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">SCORM hochladen <\/span><i class=\"info-tip\" data-tip=\"Trainingspakete aus anderen Autorentools importieren\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Lernpfade <\/span><i class=\"info-tip\" data-tip=\"Kurse zu strukturierten Programmen verkn\u00fcpfen\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Automatische Videoverarbeitung <\/span><i class=\"info-tip\" data-tip=\"Videos werden automatisch in adaptives Streaming (HLS) konvertiert\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Versionskontrolle <\/span><i class=\"info-tip\" data-tip=\"\u00c4nderungshistorie f\u00fchren und Inhalte auf fr\u00fchere Versionen zur\u00fccksetzen\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n\n    <!-- Lernenden-Engagement -->\n    <div class=\"compare-category\"><div class=\"compare-cat-label\">Lernenden-Engagement<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Benachrichtigungen<\/span><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Auto-Erinnerungen <\/span><i class=\"info-tip\" data-tip=\"Lernende automatisch an bevorstehende Fristen erinnern\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Auto-Neuzuweisungen <\/span><i class=\"info-tip\" data-tip=\"Lernende bei ablaufenden Zertifizierungen automatisch neu einschreiben\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">On-Demand-Bibliothek <\/span><i class=\"info-tip\" data-tip=\"Lernende k\u00f6nnen sich selbst aus einem Inhaltskatalog einschreiben\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Nachrichten <\/span><i class=\"info-tip\" data-tip=\"Direktnachrichten an Lernende innerhalb von Innform senden\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Gamification <\/span><i class=\"info-tip\" data-tip=\"Points, leaderboards &amp; badges\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n\n    <!-- Tracking & Reporting -->\n    <div class=\"compare-category\"><div class=\"compare-cat-label\">Tracking &amp; Berichte<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Exportierbare Berichte <\/span><i class=\"info-tip\" data-tip=\"Berichte als CSV oder PDF herunterladen\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Leistungsstarke Filter<\/span><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Compliance-Tracking <\/span><i class=\"info-tip\" data-tip=\"Pflichttraining-Abschl\u00fcsse im gesamten Unternehmen verfolgen\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Lernende pausieren &amp; reaktivieren <\/span><i class=\"info-tip\" data-tip=\"Nutzer einfrieren um Zugang zu entziehen und Abrechnung zu stoppen \u2014 jederzeit reaktivieren\">i<\/i><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Massenaktionen<\/span><\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Gruppierung &amp; mehrere Ansichten<\/span><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Lernpfade tracking <\/span><i class=\"info-tip\" data-tip=\"Fortschritt \u00fcber mehrkursige Programme verfolgen\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n\n    <!-- Anpassung -->\n    <div class=\"compare-category\"><div class=\"compare-cat-label\">Anpassung<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Logo \u00e4ndern<\/span><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Farben anpassen<\/span><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Individuelle Zertifizierung <\/span><i class=\"info-tip\" data-tip=\"Zertifikate mit deinem Logo und Farben gestalten\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Individuelle E-Mail-Texte <\/span><i class=\"info-tip\" data-tip=\"Automatisierte E-Mails an Lernende personalisieren\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Mehrsprachige Unterst\u00fctzung <\/span><i class=\"info-tip\" data-tip=\"Training in mehreren Sprachen aus einem einzigen Account anbieten\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n\n    <!-- Integrationen -->\n    <div class=\"compare-category\"><div class=\"compare-cat-label\">Integrationen<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">\u00d6ffentliche API <\/span><i class=\"info-tip\" data-tip=\"Innform \u00fcber REST API mit eigenen Systemen verbinden\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Zapier-Integrationen <\/span><i class=\"info-tip\" data-tip=\"Workflows mit 5.000+ Apps \u00fcber Zapier automatisieren\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">Y<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Individuelle Integrationen <\/span><i class=\"info-tip\" data-tip=\"Individuelle Integrationen f\u00fcr Enterprise-Kunden\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">N<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">SSO &amp; Active Directory <\/span><i class=\"info-tip\" data-tip=\"Single sign-on via SAML or OAuth \u2014 no separate login needed\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">Y<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n\n    <!-- Enterprise -->\n    <div class=\"compare-category\"><div class=\"compare-cat-label\">Nur Enterprise<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Account Manager<\/span><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">N<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Individuelle Zahlungsoptionen<\/span><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">N<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Dediziertes Onboarding <\/span><i class=\"info-tip\" data-tip=\"Ein dediziertes Team hilft beim Einrichten und Starten von Innform\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">N<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Dedizierter Support <\/span><i class=\"info-tip\" data-tip=\"Priorit\u00e4tssupport with a named contact and faster response times\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">N<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Service Level Agreement <\/span><i class=\"info-tip\" data-tip=\"Garantierte Verf\u00fcgbarkeit und Reaktionszeitversprechen\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">N<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Eigene Domain <\/span><i class=\"info-tip\" data-tip=\"Eigene Domain verwenden (z.B. lernen.deinfirma.de)\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">N<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n    <div class=\"compare-row\"><div class=\"cr-label\"><span class=\"cr-label-text\">Individuelle Funktionen <\/span><i class=\"info-tip\" data-tip=\"Funktionsentwicklung auf deine Gesch\u00e4ftsanforderungen zugeschnitten\">i<\/i><\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell\">N<\/div><div class=\"cr-cell featured\">N<\/div><div class=\"cr-cell\">Y<\/div><\/div>\n  <\/div>\n<\/div>\n\n<!-- FREE PLAN -->\n<div class=\"free-section\">\n  <div class=\"free-inner\">\n    <h2>Der Innform Free Plan<\/h2>\n    <div class=\"free-price\">\u20ac0 \u2014 unlimited users<\/div>\n    <p class=\"free-description\">Perfekt f\u00fcr kleine Teams, die mit Innform starten. Erstelle und liefere Trainings, verfolge Fortschritte und unterst\u00fctze deine Lernenden \u2013 kostenlos.<\/p>\n    <div class=\"free-notes\">\n      <span class=\"free-note\">Keine Kreditkarte erforderlich.<\/span>\n      <span class=\"free-note\">Chat- und E-Mail-Support inklusive.<\/span>\n    <\/div>\n    <a href=\"#\" class=\"btn-free\">Kostenlos starten<\/a>\n  <\/div>\n<\/div>\n\n<!-- ADDONS -->\n<div class=\"addons-section\">\n  <h2 class=\"section-title\">Erweiterungen<\/h2>\n  <p class=\"section-sub\">Erweitere Innform mit leistungsstarken Funktionen \u2014 zahle nur, was du brauchst.<\/p>\n\n  <!-- \u2500\u2500 AI TOOLS \u2500\u2500 -->\n  <div class=\"addon-card\" id=\"addonAI\">\n    <div class=\"addon-header\" onclick=\"_ip.toggleAddon('addonAI')\">\n      <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M9 21h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <div class=\"addon-header-text\">\n        <div class=\"addon-name\">KI-Inhaltswerkzeuge<\/div>\n        <div class=\"addon-tagline\">Kurse, Quizze & Trainingsmaterialien mit KI erstellen \u2014 powered by Claude<\/div>\n      <\/div>\n      <div class=\"addon-price-preview\">ab <span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"ai-preview\">19<\/span><span>\/Mo.<\/span><\/div>\n      <div class=\"addon-toggle-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n    <\/div>\n    <div class=\"addon-body\">\n      <div class=\"addon-body-inner\">\n        <div class=\"addon-plan-badge\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"6\" cy=\"6\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M6 4v2l1 1\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n          F\u00fcr alle Pl\u00e4ne verf\u00fcgbar\n        <\/div>\n\n        <div class=\"addon-callout\">\n          KI-Generierungen werden als <strong>monatliche Pakete<\/strong> verkauft. Eine Generierung = eine KI-gest\u00fctzte Aktion (z.B. Kurs\u00fcbersicht, Quiz, Abschnitt neu schreiben). Ungenutzte Generierungen <strong>verfallen am Monatsende<\/strong> \u2014 Pakete werden nicht \u00fcbertragen.\n        <\/div>\n\n        <!-- Package tiers -->\n        <div class=\"addon-packages\">\n          <div class=\"addon-package\">\n            <span class=\"addon-pkg-amount\">100<\/span>\n            <span class=\"addon-pkg-unit\">Generierungen \/ Monat<\/span>\n            <span class=\"addon-pkg-price\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"ai-100\">19<\/span><\/span>\n            <span class=\"addon-pkg-per\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-ppu=\"ai-100\">0.19<\/span> pro Generierung<\/span>\n          <\/div>\n          <div class=\"addon-package popular\">\n            <div class=\"addon-package-badge\">Am beliebtesten<\/div>\n            <span class=\"addon-pkg-amount\">300<\/span>\n            <span class=\"addon-pkg-unit\">Generierungen \/ Monat<\/span>\n            <span class=\"addon-pkg-price\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"ai-300\">49<\/span><\/span>\n            <span class=\"addon-pkg-per\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-ppu=\"ai-300\">0.16<\/span> pro Generierung<\/span>\n          <\/div>\n          <div class=\"addon-package\">\n            <span class=\"addon-pkg-amount\">750<\/span>\n            <span class=\"addon-pkg-unit\">Generierungen \/ Monat<\/span>\n            <span class=\"addon-pkg-price\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"ai-750\">99<\/span><\/span>\n            <span class=\"addon-pkg-per\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-ppu=\"ai-750\">0.13<\/span> pro Generierung<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"addon-detail-cols\">\n          <div class=\"addon-detail-col\">\n            <h4>Was z\u00e4hlt als 1 Generierung<\/h4>\n            <ul class=\"addon-feature-list\">\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Kurs\u00fcbersicht generieren<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Quiz-Set (bis zu 10 Fragen)<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Abschnitts- oder Lektionsentwurf<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Inhalts\u00fcberarbeitung oder -verbesserung<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Bildprompt-Generierung<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"addon-detail-col\">\n            <h4>Unterst\u00fctzt von<\/h4>\n            <ul class=\"addon-feature-list\">\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Claude Sonnet (Anthropic) via AWS<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Datenschutz auf Unternehmensniveau<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Deine Inhalte werden nicht f\u00fcr KI-Training genutzt<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Mehrsprachige Ausgabe<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Generation history & audit log<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"addon-cta-row\">\n          <a href=\"#\" class=\"btn-addon-ghost\">Vertrieb kontaktieren<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 AUTO-TRANSLATION \u2500\u2500 -->\n  <div class=\"addon-card\" id=\"addonTranslation\">\n    <div class=\"addon-header\" onclick=\"_ip.toggleAddon('addonTranslation')\">\n      <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M12 3c-2 3-2 15 0 18M3 12c3-2 15-2 18 0\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <div class=\"addon-header-text\">\n        <div class=\"addon-name\">Auto-\u00dcbersetzung<\/div>\n        <div class=\"addon-tagline\">Kurse, Handb\u00fccher & Inhalte sofort in jede Sprache \u00fcbersetzen<\/div>\n      <\/div>\n      <div class=\"addon-price-preview\">ab <span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"tr-preview\">125<\/span><span>\/Paket<\/span><\/div> <div class=\"addon-free-badge\">5 kostenlos\/Mo. im Pro-Plan<\/div>\n      <div class=\"addon-toggle-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n    <\/div>\n    <div class=\"addon-body\">\n      <div class=\"addon-body-inner\">\n        <div class=\"addon-plan-badge\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"6\" cy=\"6\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M6 4v2l1 1\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n          5 kostenlose \u00dcbersetzungen\/Mo. bei Pro &amp; Enterprise inklusive\n        <\/div>\n\n        <div class=\"addon-callout\">\n          <strong>1 \u00dcbersetzungstoken = 1 Inhalt in 1 Sprache.<\/strong> Um einen Kurs in 5 Sprachen zu \u00fcbersetzen, ben\u00f6tigst du 5 Token. Pro &amp; Enterprise beinhalten <strong>5 kostenlose Token pro Monat<\/strong>, die jeden Zyklus zur\u00fcckgesetzt werden. Zus\u00e4tzliche Token verfallen nicht.\n        <\/div>\n\n        <!-- Translation packages -->\n        <div class=\"addon-packages\">\n          <div class=\"addon-package\">\n            <span class=\"addon-pkg-amount\">50<\/span>\n            <span class=\"addon-pkg-unit\">\u00dcbersetzungstoken<\/span>\n            <span class=\"addon-pkg-price\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"tr-50\">125<\/span><\/span>\n            <span class=\"addon-pkg-per\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-ppu=\"tr-50\">2.50<\/span> pro \u00dcbersetzung<\/span>\n          <\/div>\n          <div class=\"addon-package popular\">\n            <div class=\"addon-package-badge\">Am beliebtesten<\/div>\n            <span class=\"addon-pkg-amount\">150<\/span>\n            <span class=\"addon-pkg-unit\">\u00dcbersetzungstoken<\/span>\n            <span class=\"addon-pkg-price\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"tr-150\">375<\/span><\/span>\n            <span class=\"addon-pkg-per\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-ppu=\"tr-150\">2.50<\/span> pro \u00dcbersetzung<\/span>\n          <\/div>\n          <div class=\"addon-package\">\n            <span class=\"addon-pkg-amount\">400<\/span>\n            <span class=\"addon-pkg-unit\">\u00dcbersetzungstoken<\/span>\n            <span class=\"addon-pkg-price\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"tr-400\">1,000<\/span><\/span>\n            <span class=\"addon-pkg-per\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-ppu=\"tr-400\">2.50<\/span> pro \u00dcbersetzung<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"addon-detail-cols\">\n          <div class=\"addon-detail-col\">\n            <h4>Wie Token funktionieren<\/h4>\n            <ul class=\"addon-feature-list\">\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>1 Token = 1 Inhalt \u00d7 1 Sprache<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Gekaufte Token verfallen nicht<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Kostenlose Token werden monatlich zur\u00fcckgesetzt<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Kostenlose Token werden zuerst verwendet<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Token-Guthaben im Dashboard einsehbar<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"addon-detail-col\">\n            <h4>Unterst\u00fctzte Inhaltstypen<\/h4>\n            <ul class=\"addon-feature-list\">\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Kurse &amp; Lektionen<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Handb\u00fccher &amp; Trainingsunterlagen<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Quizze &amp; Bewertungen<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>50+ Sprachen unterst\u00fctzt<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Menschlicher \u00dcberpr\u00fcfungsmodus verf\u00fcgbar<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"addon-cta-row\">\n          <a href=\"#\" class=\"btn-addon-ghost\">Vertrieb kontaktieren<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 SCORM EXPORT \u2500\u2500 -->\n  <div class=\"addon-card\" id=\"addonSCORM\">\n    <div class=\"addon-header\" onclick=\"_ip.toggleAddon('addonSCORM')\">\n      <div class=\"addon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M3 9h18M9 21V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <div class=\"addon-header-text\">\n        <div class=\"addon-name\">SCORM Export<\/div>\n        <div class=\"addon-tagline\">Innform-Kurse in jedes externe LMS mit SCORM exportieren<\/div>\n      <\/div>\n      <div class=\"addon-price-preview\">ab <span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"scorm-preview\">100<\/span><span>\/Mo.<\/span><\/div>\n      <div class=\"addon-toggle-btn\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/div>\n    <\/div>\n    <div class=\"addon-body\">\n      <div class=\"addon-body-inner\">\n        <div class=\"addon-plan-badge\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"6\" cy=\"6\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M6 4v2l1 1\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n          F\u00fcr Essential, Pro &amp; Enterprise\n        <\/div>\n\n        <div class=\"addon-callout\">\n          Erstelle Inhalte mit Innforms Autorentool und exportiere sie als SCORM-Paket f\u00fcr jedes kompatible LMS. W\u00e4hle Standard f\u00fcr einfache Inhaltslieferung oder Advanced f\u00fcr Abschluss-Tracking und xAPI-Berichte.\n        <\/div>\n\n        <div class=\"scorm-tiers\">\n          <div class=\"scorm-tier\">\n            <div class=\"scorm-tier-name\">Standard Export<\/div>\n            <div class=\"scorm-tier-price\"><span class=\"addon-sym\">\u20ac<\/span><span data-addon-price=\"scorm-std\">100<\/span> <span>\/ month<\/span><\/div>\n            <ul class=\"addon-feature-list\">\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>SCORM 1.2 &amp; 2004 Export<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Unbegrenzte Exporte pro Monat<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Kurse, Quizze &amp; Handb\u00fccher<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Standardverpackung &amp; Metadaten<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Kompatibel mit Moodle, TalentLMS, Docebo &amp; mehr<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"scorm-tier featured\">\n            <div class=\"addon-package-badge\">Advanced<\/div>\n            <div class=\"scorm-tier-name\">Erweiterter Export<\/div>\n            <div class=\"scorm-tier-price\" style=\"color:var(--navy)\">Preis auf Anfrage<\/div>\n            <ul class=\"addon-feature-list\">\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Alles aus Standard<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Abschluss- &amp; Ergebnis-Tracking<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>xAPI \/ Tin Can Unterst\u00fctzung<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Punkte &amp; Fortschritt an externes LMS<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Individuelles Branding beim Export<\/li>\n              <li><span class=\"afl-check\"><svg viewBox=\"0 0 8 8\" fill=\"none\"><path d=\"M1.5 4l2 2L6.5 2\" stroke=\"#16a34a\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Dedizierter Integrationssupport<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"addon-cta-row\">\n          <a href=\"#\" class=\"btn-addon-ghost\">Erweitertes Angebot anfragen<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- FAQ -->\n<div class=\"faq-section\" role=\"region\" aria-label=\"Frequently asked questions\">\n  <div class=\"faq-heading\">Hast du<br\/>Fragen?<\/div>\n  <div class=\"faq-list\">\n\n    <div class=\"faq-item open\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Kann ich eigene Kurse mit Innform erstellen?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Ja \u2014 Innform enth\u00e4lt ein vollst\u00e4ndiges Authoring-Tool, mit dem du Kurse, Bewertungen und Handb\u00fccher erstellen kannst. Keine Design-Erfahrung erforderlich.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Wie funktioniert die Nutzerabrechnung?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Du wirst f\u00fcr alle Nutzer im Workspace abgerechnet. Nutzer k\u00f6nnen jederzeit eingefroren werden \u2014 sie verlieren sofort den Zugang und werden nicht mehr berechnet. Du kannst sie jederzeit reaktivieren.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Kann ich jederzeit den Plan wechseln?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Ja. Upgrades sind sofort wirksam und werden anteilig berechnet. Downgrades gelten ab dem n\u00e4chsten Abrechnungszeitraum.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Gibt es einen Vertrag oder eine Mindestlaufzeit?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Keine Vertr\u00e4ge, keine Bindung. Monatliche Pl\u00e4ne k\u00f6nnen jederzeit gek\u00fcndigt werden. Jahrespl\u00e4ne werden im Voraus abgerechnet und sind nach 14 Tagen nicht erstattbar, aber du sparst 10%.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Was passiert mit meinen Daten bei K\u00fcndigung?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Nach der K\u00fcndigung gibt es eine 30-t\u00e4gige Schonfrist, in der du alle Daten exportieren kannst. Danach werden Workspace und Daten dauerhaft gel\u00f6scht.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Wie funktioniert die KI-Generierungs-Erweiterung?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Du kaufst ein monatliches Paket (100, 300 oder 750 Generierungen). Eine Generierung = eine KI-gest\u00fctzte Aktion. Generierungen werden monatlich zur\u00fcckgesetzt und verfallen. Deine Inhalte werden nicht f\u00fcr KI-Training genutzt.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">How do \u00dcbersetzungstoken work?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Ein Token \u00fcbersetzt einen Inhalt in eine Sprache. Pro- und Enterprise-Pl\u00e4ne beinhalten 5 kostenlose Token\/Monat. Zus\u00e4tzlich gekaufte Token verfallen nicht.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Kann ich Kurse im SCORM-Format importieren und exportieren?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">SCORM import is available on the Pro plan and above. SCORM export is available as a paid add-on starting at \u20ac100\/Monat \u2014 this lets you deliver Innform-authored content in any external LMS. An Advanced tier with completion tracking and xAPI support is available on request.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Kann ich mein Training planen und automatisieren?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Ja. Du kannst automatisierte Kurszuweisungen, Erinnerungen und wiederkehrende Trainingspl\u00e4ne einrichten.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Kann ich externe Lernende einladen?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Ja \u2014 du kannst externe Lernende wie Partner oder Kunden einladen. Du erh\u00e4ltst nur Zugang zu den geteilten Inhalten.<\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n      <div class=\"faq-question\" onclick=\"_ip.toggleFaq(this)\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\">Gibt es Rabatte f\u00fcr gemeinn\u00fctzige Organisationen?<span class=\"faq-icon\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M6 2v8M2 6h8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span><\/div>\n      <div class=\"faq-answer\">Ja, wir bieten Sonderpreise f\u00fcr gemeinn\u00fctzige Organisationen und Bildungseinrichtungen. Kontaktiere unser Vertriebsteam.<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/main>\n\n<script>\n(function() {\n'use strict';\n\/\/ \u2500\u2500 CURRENCY CONFIG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst CURRENCIES = {\n  EUR: { symbol: '\u20ac', flag: 'EUR', name: 'Euro',          rate: 1.000 },\n  GBP: { symbol: '\u00a3', flag: 'GBP', name: 'British Pound', rate: 0.855 },\n  USD: { symbol: '$', flag: 'USD', name: 'US Dollar',     rate: 1.085 },\n};\n\nconst FLAG_SVGS = {\n  EUR: '<svg width=\"20\" height=\"15\" viewBox=\"0 0 20 15\" style=\"border-radius:2px;vertical-align:middle;flex-shrink:0\"><rect width=\"20\" height=\"15\" fill=\"#003399\"\/><g fill=\"#FFCC00\" transform=\"translate(10,7.5)\"><circle r=\"1\" transform=\"rotate(0) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(30) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(60) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(90) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(120) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(150) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(180) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(210) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(240) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(270) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(300) translate(0,-4)\"\/><circle r=\"1\" transform=\"rotate(330) translate(0,-4)\"\/><\/g><\/svg>',\n  GBP: '<svg width=\"20\" height=\"15\" viewBox=\"0 0 20 15\" style=\"border-radius:2px;vertical-align:middle;flex-shrink:0\"><rect width=\"20\" height=\"15\" fill=\"#012169\"\/><path d=\"M0,0 L20,15 M20,0 L0,15\" stroke=\"white\" stroke-width=\"3\"\/><path d=\"M0,0 L20,15 M20,0 L0,15\" stroke=\"#C8102E\" stroke-width=\"1.8\"\/><path d=\"M10,0 V15 M0,7.5 H20\" stroke=\"white\" stroke-width=\"5\"\/><path d=\"M10,0 V15 M0,7.5 H20\" stroke=\"#C8102E\" stroke-width=\"3\"\/><\/svg>',\n  USD: '<svg width=\"20\" height=\"15\" viewBox=\"0 0 20 15\" style=\"border-radius:2px;vertical-align:middle;flex-shrink:0\"><rect width=\"20\" height=\"15\" fill=\"#B22234\"\/><rect y=\"1.15\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"3.46\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"5.77\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"8.08\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"10.38\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect y=\"12.69\" width=\"20\" height=\"1.15\" fill=\"white\"\/><rect width=\"8\" height=\"8.08\" fill=\"#3C3B6E\"\/><\/svg>',\n};\n\nfunction setFlagIcon(elId, code) {\n  const el = document.getElementById(elId);\n  if (el && FLAG_SVGS[code]) el.innerHTML = FLAG_SVGS[code];\n}\n\nfunction detectCurrency() {\n  const tz   = Intl.DateTimeFormat().resolvedOptions().timeZone || '';\n  const lang = (navigator.language || '').toLowerCase();\n  if (tz.startsWith('Europe\/London') || lang === 'en-gb') return 'GBP';\n  const usTZs = ['America\/', 'US\/Pacific', 'US\/Mountain', 'US\/Central', 'US\/Eastern'];\n  if (usTZs.some(t => tz.startsWith(t))) return 'USD';\n  if (tz.startsWith('Europe\/')) return 'EUR';\n  if (lang.startsWith('en-us')) return 'USD';\n  return 'EUR';\n}\n\nlet activeCurrency = detectCurrency();\n\nfunction selectCurrency(code, showToast = true) {\n  activeCurrency = code;\n  const cur = CURRENCIES[code];\n  \/\/ Update nav picker\n  const nf = document.getElementById('currencyFlag'); if(nf) nf.textContent = cur.flag;\n  const nl = document.getElementById('currencyLabel'); if(nl) nl.textContent = code;\n  \/\/ Update inline picker\n  setFlagIcon('currencyFlagInline', code);\n  document.getElementById('currencyLabelInline').textContent = code + ' \u2014 ' + cur.name;\n  \/\/ Active state + aria-selected in both dropdowns\n  document.querySelectorAll('.currency-option').forEach(el => {\n    const active = el.dataset.cur === code;\n    el.classList.toggle('active', active);\n    el.setAttribute('aria-selected', active ? 'true' : 'false');\n  });\n  closeCurrencyDropdown();\n  closeCurrencyDropdownInline();\n  renderPrices();\n  if (showToast) flashToast(`Preise jetzt in ${code}`, cur.flag);\n}\n\nfunction toggleCurrencyDropdown() {\n  const el = document.getElementById('currencyPicker'); if(el) el.classList.toggle('open');\n}\nfunction closeCurrencyDropdown() {\n  const el = document.getElementById('currencyPicker'); if(el) el.classList.remove('open');\n}\nfunction toggleCurrencyDropdownInline() {\n  const picker = document.getElementById('currencyPickerInline');\n  const btn    = document.getElementById('currencyBtnInline');\n  const isOpen = picker.classList.toggle('open');\n  if (btn) btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n}\nfunction closeCurrencyDropdownInline() {\n  document.getElementById('currencyPickerInline').classList.remove('open');\n  const btn = document.getElementById('currencyBtnInline');\n  if (btn) btn.setAttribute('aria-expanded', 'false');\n}\ndocument.addEventListener('click', e => {\n  const cp = document.getElementById('currencyPicker'); if(cp && !cp.contains(e.target)) closeCurrencyDropdown();\n  if (!document.getElementById('currencyPickerInline').contains(e.target)) closeCurrencyDropdownInline();\n});\n\n\/\/ \u2500\u2500 TOAST \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nlet toastTimer;\nfunction flashToast(msg, flag) {\n  const toast = document.getElementById('currencyToast');\n  const tf = document.getElementById('toastFlag'); if(tf) tf.innerHTML = FLAG_SVGS[activeCurrency] || activeCurrency;\n  document.getElementById('toastMsg').textContent  = msg;\n  toast.classList.add('show');\n  clearTimeout(toastTimer);\n  toastTimer = setTimeout(() => toast.classList.remove('show'), 3000);\n}\n\n\/\/ \u2500\u2500 PRICING ENGINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\/\/ Real tier data from pricing table \u2014 discount % applied to base PPU per currency\nconst TIERS = [\n  { min:   1, max:   20, discount: 0  },\n  { min:  21, max:   50, discount: 3  },\n  { min:  51, max:  100, discount: 6  },\n  { min: 101, max:  150, discount: 9  },\n  { min: 151, max:  250, discount: 12 },\n  { min: 251, max:  350, discount: 15 },\n  { min: 351, max:  500, discount: 25 },\n  { min: 501, max:  750, discount: 30 },\n  { min: 751, max: 1000, discount: 52 },\n];\n\n\/\/ Base per-user prices (tier 1, no discount) per currency\nconst BASE_PPU = {\n  pro:       { EUR: 4.60, GBP: 4.00, USD: 5.60 },\n  essential: { EUR: 2.30, GBP: 2.00, USD: 2.80 },\n  starter:   { EUR: 1.15, GBP: 1.00, USD: 1.40 },\n};\n\n\/\/ Addon prices in EUR \u2014 converted at render time\nconst ADDON_PRICES_EUR = {\n  'ai-preview':   19,\n  'ai-100':       19,    'ai-100-ppu':   19\/100,\n  'ai-300':       49,    'ai-300-ppu':   49\/300,\n  'ai-750':       99,    'ai-750-ppu':   99\/750,\n  'tr-preview':  125,\n  'tr-50':       125,    'tr-50-ppu':    125\/50,\n  'tr-150':      375,    'tr-150-ppu':   375\/150,\n  'tr-400':     1000,    'tr-400-ppu':   1000\/400,\n  'scorm-preview':100,\n  'scorm-std':   100,\n};\n\nfunction fmtAddon(eurVal) {\n  const val = r2(eurVal * CURRENCIES[activeCurrency].rate);\n  if (val >= 1000) {\n    const s = Math.round(val).toString();\n    return s.slice(0,-3) + ',' + s.slice(-3);\n  }\n  return val % 1 === 0 ? val.toFixed(0) : val.toFixed(2);\n}\n\nfunction renderAddonPrices() {\n  const sym = CURRENCIES[activeCurrency].symbol;\n\n  \/\/ Update all symbol spans\n  document.querySelectorAll('.addon-sym').forEach(el => el.textContent = sym);\n\n  \/\/ Update all price value spans\n  document.querySelectorAll('[data-addon-price]').forEach(el => {\n    const key = el.dataset.addonPrice;\n    if (ADDON_PRICES_EUR[key] !== undefined) {\n      el.textContent = fmtAddon(ADDON_PRICES_EUR[key]);\n    }\n  });\n\n  \/\/ Update all per-unit spans\n  document.querySelectorAll('[data-addon-ppu]').forEach(el => {\n    const key = el.dataset.addonPpu;\n    const ppuKey = key + '-ppu';\n    if (ADDON_PRICES_EUR[ppuKey] !== undefined) {\n      el.textContent = fmtAddon(ADDON_PRICES_EUR[ppuKey]);\n    }\n  });\n}\n\nlet billingMode = 'monthly';\nlet userCount   = 50;\n\nfunction getTier(u) {\n  return TIERS.find(t => u >= t.min && u <= t.max) ?? TIERS[TIERS.length - 1];\n}\nfunction getTierIndex(u) {\n  const idx = TIERS.findIndex(t => u >= t.min && u <= t.max);\n  return idx === -1 ? TIERS.length - 1 : idx;\n}\n\nfunction r2(v) { return Math.round(v * 100) \/ 100; }\nfunction fmt(v) {\n  if (v >= 1000) { const s = Math.round(v).toString(); return s.slice(0,-3)+','+s.slice(-3); }\n  return v % 1 === 0 ? v.toFixed(0) : v.toFixed(2);\n}\n\nfunction calcPlan(plan, users, billing) {\n  const proPPU_raw = BASE_PPU['pro'][activeCurrency];\n  const planMult   = plan === 'pro' ? 1 : plan === 'essential' ? 0.5 : 0.25;\n  const tier       = getTier(users);\n  const discMult   = (1 - tier.discount \/ 100);\n  const billMult   = billing === 'yearly' ? 0.9 : 1;\n  \/\/ Total: scale from unrounded Pro total so ratios are preserved exactly\n  const proTotal_raw = proPPU_raw * discMult * billMult * users;\n  const total      = r2(proTotal_raw * planMult);\n  \/\/ PPU: derive from unrounded base too \u2014 never back-calculate from rounded total\n  const ppu        = r2(proPPU_raw * planMult * discMult * billMult);\n  const baseTotal  = r2(proPPU_raw * planMult * users);\n  const totalDiscount = Math.round((1 - total \/ baseTotal) * 100);\n  return { ppu, total, baseTotal, discount: Math.max(0, totalDiscount) };\n}\n\nfunction animPrice(el, val) {\n  el.classList.add('updating');\n  setTimeout(() => { el.textContent = val; el.classList.remove('updating'); }, 140);\n}\n\nfunction renderPrices() {\n  const sym = CURRENCIES[activeCurrency].symbol;\n  const plans = [\n    { id: 'pro',       key: 'pro'       },\n    { id: 'essential', key: 'essential' },\n    { id: 'starter',   key: 'starter'   },\n  ];\n  plans.forEach(({ id, key }) => {\n    const d = calcPlan(key, userCount, billingMode);\n    animPrice(document.getElementById(`${id}-price`), fmt(d.total));\n    document.getElementById(`${id}-sym`).textContent      = sym;\n    document.getElementById(`${id}-per-user`).textContent = `${sym}${d.ppu.toFixed(2)} pro Nutzer`;\n    const orig  = document.getElementById(`${id}-original`);\n    const badge = document.getElementById(`${id}-badge`);\n    if (d.discount > 0) {\n      orig.textContent    = `${sym}${fmt(d.baseTotal)}`;\n      badge.textContent   = `${d.discount}% Rabatt`;\n      badge.style.display = 'inline-flex';\n    } else {\n      orig.textContent    = '';\n      badge.style.display = 'none';\n    }\n  });\n\n  \/\/ Compare header\n  const sym2 = sym;\n  document.getElementById('ch-starter-price').textContent   = `${sym2}${fmt(calcPlan('starter',   userCount, billingMode).total)}\/Mo.`;\n  document.getElementById('ch-essential-price').textContent = `${sym2}${fmt(calcPlan('essential', userCount, billingMode).total)}\/Mo.`;\n  document.getElementById('ch-pro-price').textContent       = `${sym2}${fmt(calcPlan('pro',       userCount, billingMode).total)}\/Mo.`;\n\n  updateTierProgress(userCount);\n  renderAddonPrices();\n}\n\n\/\/ \u2500\u2500 TIER PROGRESS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction updateTierProgress(u) {\n  const idx     = getTierIndex(u);\n  const current = TIERS[idx];\n  const next    = TIERS[idx + 1] ?? null;\n  const sym     = CURRENCIES[activeCurrency].symbol;\n\n  const TOTAL_MIN = 1, TOTAL_MAX = 1000;\n  function toPct(val) {\n    return Math.min(100, Math.max(0, ((val - TOTAL_MIN) \/ (TOTAL_MAX - TOTAL_MIN)) * 100));\n  }\n\n  const currentPct  = toPct(u);\n  \/\/ Ghost is pinned at the fixed max of the current tier (= start of next)\n  const ghostTarget = next ? current.max + 1 : null;\n  const ghostPct    = ghostTarget ? toPct(ghostTarget) : null;\n\n  \/\/ \u2500\u2500 Info row (above bar) \u2500\u2500\n  const discLabel = current.discount === 0 ? 'Grundpreis' : `\u2212${current.discount}% Rabatt`;\n  document.getElementById('tierCurrentSub').textContent = discLabel;\n  document.getElementById('tierCurrentVal').textContent =\n    `${current.min}\u2013${current.max} Nutzer`;\n\n  const nextRow = document.getElementById('tierNextRow');\n  if (next) {\n    nextRow.classList.remove('hidden');\n    document.getElementById('tierNextTarget').textContent = `${next.min} Nutzer`;\n    document.getElementById('tierNextChip').textContent   = `\u2212${next.discount}%`;\n  } else {\n    nextRow.classList.add('hidden');\n  }\n\n  \/\/ \u2500\u2500 Bar \u2500\u2500\n  document.getElementById('tierBarFill').style.width = `${currentPct}%`;\n  document.getElementById('tierBarDot').style.left   = `${currentPct}%`;\n\n  const ghost     = document.getElementById('tierBarGhost');\n  const connector = document.getElementById('tierBarConnector');\n\n  if (next && ghostPct !== null) {\n    \/\/ Ghost stays fixed; nudge it slightly if dot is exactly on top\n    const ghostRenderPct = ghostPct <= currentPct ? Math.min(99, currentPct + 1.5) : ghostPct;\n    ghost.style.left = `${ghostRenderPct}%`;\n    ghost.classList.remove('hidden');\n\n    const connGap = ghostRenderPct - currentPct;\n    connector.style.left  = `${currentPct}%`;\n    connector.style.width = `${Math.max(0, connGap)}%`;\n    connector.classList.remove('hidden');\n  } else {\n    ghost.classList.add('hidden');\n    connector.classList.add('hidden');\n  }\n\n  \/\/ \u2500\u2500 Nudge text \u2500\u2500\n  const nudge = document.getElementById('tierNudge');\n  if (next) {\n    const diff      = next.min - u;\n    const proAtNext = calcPlan('pro', next.min, billingMode).ppu;\n    const proNow    = calcPlan('pro', u,        billingMode).ppu;\n    const savingPPU = r2(proNow - proAtNext);\n    if (diff <= 15) {\n      nudge.textContent = `\ud83c\udf89 Nur noch ${diff} Nutzer bis zum \u2212${next.discount}%-Rabatt \u2014 spart ${sym}${savingPPU.toFixed(2)}\/Nutzer\/Mo.`;\n    } else {\n      nudge.textContent = `${diff} weitere Nutzer bis zur \u2212${next.discount}%-Rabattstufe`;\n    }\n    nudge.classList.remove('top-tier');\n  } else {\n    nudge.textContent = 'Bester Rabatt erreicht \u2014 kontaktiere uns f\u00fcr Enterprise-Preise \u00fcber 1.000 Nutzer';\n    nudge.classList.add('top-tier');\n  }\n}\n\n\/\/ \u2500\u2500 COMPARE TABLE \u2014 render Y\/N\/T cells \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst YES = `<span class=\"ic-yes\"><svg viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 5.5l2.5 2.5L9 3\" stroke=\"#16a34a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>`;\nconst NO  = `<span class=\"ic-no\"><svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M3 3l4 4M7 3l-4 4\" stroke=\"#d1d9e6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg><\/span>`;\n\ndocument.querySelectorAll('.cr-cell').forEach(cell => {\n  const t = cell.textContent.trim();\n  if      (t === 'Y') cell.innerHTML = YES;\n  else if (t === 'N') cell.innerHTML = NO;\n});\ndocument.querySelectorAll('.cr-cell.T').forEach(cell => {\n  cell.classList.remove('T');\n  cell.innerHTML = `<span class=\"ic-text\">${cell.textContent.trim()}<\/span>`;\n});\n\n\/\/ \u2500\u2500 COMPARE TOGGLE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nlet compareOpen = false;\nfunction toggleCompare() {\n  setTimeout(function(){ if(window._ipBindTips) window._ipBindTips(); }, 600);\n  compareOpen = !compareOpen;\n  document.getElementById('compareSection').classList.toggle('visible', compareOpen);\n  document.getElementById('compareTrigger').classList.toggle('open', compareOpen);\n  document.getElementById('compareTriggerText').textContent = compareOpen ? 'Vergleich ausblenden' : 'Alle Pl\u00e4ne vergleichen';\n  if (compareOpen) {\n    setTimeout(() => document.getElementById('compareSection')\n      .scrollIntoView({ behavior: 'smooth', block: 'nearest' }), 80);\n  }\n}\n\n\/\/ \u2500\u2500 BILLING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction setBilling(mode) {\n  billingMode = mode;\n  const monthly = document.getElementById('btnMonthly');\n  const yearly  = document.getElementById('btnYearly');\n  monthly.classList.toggle('active', mode === 'monthly');\n  yearly.classList.toggle('active',  mode === 'yearly');\n  monthly.setAttribute('aria-pressed', mode === 'monthly' ? 'true' : 'false');\n  yearly.setAttribute('aria-pressed',  mode === 'yearly'  ? 'true' : 'false');\n  const base = 'padding:7px 18px!important;border-radius:7px!important;font-size:13px!important;font-weight:600!important;border:none!important;cursor:pointer!important;outline:none!important;display:inline-flex!important;align-items:center!important;gap:4px!important;';\n  monthly.setAttribute('style', (mode==='monthly' ? base+'background:white!important;color:#0f1f3d!important;box-shadow:0 1px 6px rgba(0,0,0,0.10)!important;' : base+'background:transparent!important;color:#6b7a99!important;box-shadow:none!important;'));\n  yearly.setAttribute('style',  (mode==='yearly'  ? base+'background:white!important;color:#0f1f3d!important;box-shadow:0 1px 6px rgba(0,0,0,0.10)!important;' : base+'background:transparent!important;color:#6b7a99!important;box-shadow:none!important;'));\n  renderPrices();\n}\n\n\/\/ \u2500\u2500 STEPPER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst userInput = document.getElementById('userInput');\n\nfunction setUserCount(val) {\n  userCount = Math.max(1, Math.min(1000, Math.round(val) || 1));\n  userInput.value = userCount;\n  renderPrices();\n}\n\nfunction stepUsers(delta) {\n  const cur = userCount;\n  const boundaries = TIERS.slice(1).map(t => t.min); \/\/ [21,51,101,151,251,351,501,751]\n  let next = cur + delta;\n\n  if (delta > 0) {\n    \/\/ Crossing up into a new tier? snap to that tier's min\n    const b = boundaries.find(m => m > cur && m <= cur + Math.abs(delta));\n    if (b) next = b;\n  } else {\n    \/\/ Crossing DOWN: snap to one below the boundary we just crossed into\n    \/\/ e.g. at 151 (start of tier), going down should land at 150 (end of prev tier)\n    const b = boundaries.find(m => m === cur); \/\/ are we exactly on a boundary?\n    if (b) next = cur - 1; \/\/ just step off it naturally\n  }\n  setUserCount(next);\n}\n\nuserInput.addEventListener('input', () => setUserCount(parseInt(userInput.value) || 1));\nuserInput.addEventListener('blur',  () => { userInput.value = userCount; });\n\nlet stepInterval;\nfunction startStep(delta) { stepUsers(delta); stepInterval = setInterval(() => stepUsers(delta), 110); }\nfunction stopStep() { clearInterval(stepInterval); }\ndocument.getElementById('stepDown').addEventListener('mousedown', () => startStep(-1));\ndocument.getElementById('stepUp').addEventListener('mousedown',   () => startStep(1));\ndocument.addEventListener('mouseup', stopStep);\ndocument.getElementById('stepDown').addEventListener('touchstart', e => { e.preventDefault(); startStep(-1); });\ndocument.getElementById('stepUp').addEventListener('touchstart',   e => { e.preventDefault(); startStep(1);  });\ndocument.addEventListener('touchend', stopStep);\n\n\/\/ \u2500\u2500 BAR DRAG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function initBarDrag() {\n  const track = document.querySelector('.tier-bar-track');\n  const dot   = document.getElementById('tierBarDot');\n  const wrap  = document.querySelector('.tier-bar-wrap');\n  let dragging = false;\n\n  function pctToUsers(pct) {\n    \/\/ Map 0\u2013100% \u2192 1\u20131000 users, rounded to nearest int\n    return Math.max(1, Math.min(1000, Math.round(1 + (pct \/ 100) * 999)));\n  }\n\n  function getPctFromEvent(e) {\n    const rect = track.getBoundingClientRect();\n    const clientX = e.touches ? e.touches[0].clientX : e.clientX;\n    return Math.max(0, Math.min(100, ((clientX - rect.left) \/ rect.width) * 100));\n  }\n\n  function startDrag(e) {\n    e.preventDefault();\n    dragging = true;\n    dot.classList.add('dragging');\n    wrap.classList.add('dragging');\n    moveDrag(e);\n  }\n\n  function moveDrag(e) {\n    if (!dragging) return;\n    if (e.cancelable) e.preventDefault();\n    const pct   = getPctFromEvent(e);\n    const users = pctToUsers(pct);\n    setUserCount(users);\n  }\n\n  function endDrag() {\n    if (!dragging) return;\n    dragging = false;\n    dot.classList.remove('dragging');\n    wrap.classList.remove('dragging');\n  }\n\n  \/\/ Dot drag\n  dot.addEventListener('mousedown',  startDrag);\n  dot.addEventListener('touchstart', startDrag, { passive: false });\n\n  \/\/ Click anywhere on track to jump\n  track.addEventListener('mousedown', startDrag);\n  track.addEventListener('touchstart', startDrag, { passive: false });\n\n  \/\/ Move + end on document so drag works outside the element\n  document.addEventListener('mousemove', moveDrag);\n  document.addEventListener('touchmove',  moveDrag, { passive: false });\n  document.addEventListener('mouseup',   endDrag);\n  document.addEventListener('touchend',  endDrag);\n})();\n\n\/\/ \u2500\u2500 ADDON TOGGLE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction toggleAddon(id) {\n  document.getElementById(id).classList.toggle('open');\n}\n\nfunction toggleFaq(q) {\n  const item = q.parentElement;\n  const was  = item.classList.contains('open');\n  document.querySelectorAll('.faq-item').forEach(i => {\n    i.classList.remove('open');\n    i.querySelector('[role=\"button\"]')?.setAttribute('aria-expanded', 'false');\n  });\n  if (!was) {\n    item.classList.add('open');\n    q.setAttribute('aria-expanded', 'true');\n  }\n}\n\n\/\/ \u2500\u2500 INIT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function init() {\n  const cur = CURRENCIES[activeCurrency];\n  \/\/ Nav picker\n  const nf2 = document.getElementById('currencyFlag'); if(nf2) nf2.textContent = cur.flag;\n  const nl2 = document.getElementById('currencyLabel'); if(nl2) nl2.textContent = activeCurrency;\n  \/\/ Inline picker\n  setFlagIcon('currencyFlagInline', activeCurrency);\n  document.getElementById('currencyLabelInline').textContent = activeCurrency + ' \u2014 ' + cur.name;\n  \/\/ Active state\n  document.querySelectorAll('.currency-option').forEach(el =>\n    el.classList.toggle('active', el.dataset.cur === activeCurrency));\n\n  \/\/ Floating tooltip bubble\n  const tipBubble = document.createElement('div');\n  tipBubble.id = 'ip-tooltip';\n  tipBubble.style.cssText = 'position:fixed;z-index:99999;background:#0f1f3d;color:white;font-size:12px;font-weight:500;line-height:1.5;padding:7px 11px;border-radius:8px;white-space:normal;width:200px;text-align:left;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,0.2);transform:translateX(-50%) translateY(-100%) translateY(-8px);transition:opacity .15s;opacity:0;';\n  document.body.appendChild(tipBubble);\n\n  function showTip(tip) {\n    const r = tip.getBoundingClientRect();\n    tipBubble.textContent = tip.getAttribute('data-tip');\n    tipBubble.style.left = (r.left + r.width \/ 2) + 'px';\n    tipBubble.style.top  = r.top + 'px';\n    tipBubble.style.opacity = '1';\n  }\n  function hideTip() { tipBubble.style.opacity = '0'; }\n\n  let hideTimer;\n  function hideTipDelayed() {\n    clearTimeout(hideTimer);\n    hideTimer = setTimeout(hideTip, 100);\n  }\n\n  function bindTips() {\n    document.querySelectorAll('.info-tip:not([data-tip-bound])').forEach(tip => {\n      tip.setAttribute('data-tip-bound', '1');\n      tip.addEventListener('mouseenter', () => { clearTimeout(hideTimer); showTip(tip); });\n      tip.addEventListener('mouseleave', hideTipDelayed);\n      tip.addEventListener('click', e => {\n        e.stopPropagation();\n        clearTimeout(hideTimer);\n        if (tipBubble.style.opacity === '1' && tipBubble.textContent === tip.getAttribute('data-tip')) {\n          hideTip();\n        } else {\n          showTip(tip);\n        }\n      });\n    });\n  }\n  window._ipBindTips = bindTips; \/\/ expose so toggleCompare can call it\n\n  \/\/ Bind immediately for visible tips\n  bindTips();\n\n\n  setUserCount(50);\n\n  \/\/ Keyboard support for currency options\n  document.querySelectorAll('.currency-option').forEach(el => {\n    el.addEventListener('keydown', e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        selectCurrency(el.dataset.cur);\n      }\n    });\n  });\n\n  \/\/ Keyboard support for FAQ questions\n  document.querySelectorAll('.faq-question').forEach(el => {\n    el.addEventListener('keydown', e => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        toggleFaq(el);\n      }\n    });\n  });\n\n  \/\/ Set initial aria-expanded on first open FAQ\n  const firstFaq = document.querySelector('.faq-item.open .faq-question');\n  if (firstFaq) firstFaq.setAttribute('aria-expanded', 'true');\n\n  setTimeout(() => {\n    flashToast(`Preise in ${activeCurrency} basierend auf deinem Standort`, cur.flag);\n  }, 700);\n})();\n\nwindow._ip = { setBilling, toggleCompare, toggleAddon, toggleFaq,\n  selectCurrency, toggleCurrencyDropdown, toggleCurrencyDropdownInline, stepUsers };\n})();\n<\/script>\n\n<\/div><!-- \/#innform-pricing -->\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"inline_featured_image":false,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Preispl\u00e4ne - Innform<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marketingsite.innform.io\/de\/preisplaene\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Preispl\u00e4ne - Innform\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marketingsite.innform.io\/de\/preisplaene\/\" \/>\n<meta property=\"og:site_name\" content=\"Innform\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/innformapp\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-22T19:29:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marketingsite.innform.io\/wp-content\/uploads\/2020\/12\/innform_web2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"559\" \/>\n\t<meta property=\"og:image:height\" content=\"143\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@innformapp\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marketingsite.innform.io\/de\/preisplaene\/\",\"url\":\"https:\/\/marketingsite.innform.io\/de\/preisplaene\/\",\"name\":\"Preispl\u00e4ne - Innform\",\"isPartOf\":{\"@id\":\"https:\/\/marketingsite.innform.io\/de\/#website\"},\"datePublished\":\"2026-04-22T19:27:31+00:00\",\"dateModified\":\"2026-04-22T19:29:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/marketingsite.innform.io\/de\/preisplaene\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marketingsite.innform.io\/de\/preisplaene\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/marketingsite.innform.io\/de\/preisplaene\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/marketingsite.innform.io\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Preispl\u00e4ne\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marketingsite.innform.io\/de\/#website\",\"url\":\"https:\/\/marketingsite.innform.io\/de\/\",\"name\":\"Innform\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/marketingsite.innform.io\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/marketingsite.innform.io\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/marketingsite.innform.io\/de\/#organization\",\"name\":\"Innform\",\"url\":\"https:\/\/marketingsite.innform.io\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/marketingsite.innform.io\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.innform.io\/wp-content\/uploads\/2020\/12\/innform_web2.png\",\"contentUrl\":\"https:\/\/www.innform.io\/wp-content\/uploads\/2020\/12\/innform_web2.png\",\"width\":559,\"height\":143,\"caption\":\"Innform\"},\"image\":{\"@id\":\"https:\/\/marketingsite.innform.io\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/innformapp\/\",\"https:\/\/twitter.com\/innformapp\",\"https:\/\/www.instagram.com\/innform.io\",\"https:\/\/www.linkedin.com\/company\/innform\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Preispl\u00e4ne - Innform","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/marketingsite.innform.io\/de\/preisplaene\/","og_locale":"de_DE","og_type":"article","og_title":"Preispl\u00e4ne - Innform","og_url":"https:\/\/marketingsite.innform.io\/de\/preisplaene\/","og_site_name":"Innform","article_publisher":"https:\/\/www.facebook.com\/innformapp\/","article_modified_time":"2026-04-22T19:29:53+00:00","og_image":[{"width":559,"height":143,"url":"https:\/\/marketingsite.innform.io\/wp-content\/uploads\/2020\/12\/innform_web2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@innformapp","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/marketingsite.innform.io\/de\/preisplaene\/","url":"https:\/\/marketingsite.innform.io\/de\/preisplaene\/","name":"Preispl\u00e4ne - Innform","isPartOf":{"@id":"https:\/\/marketingsite.innform.io\/de\/#website"},"datePublished":"2026-04-22T19:27:31+00:00","dateModified":"2026-04-22T19:29:53+00:00","breadcrumb":{"@id":"https:\/\/marketingsite.innform.io\/de\/preisplaene\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marketingsite.innform.io\/de\/preisplaene\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/marketingsite.innform.io\/de\/preisplaene\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/marketingsite.innform.io\/de\/"},{"@type":"ListItem","position":2,"name":"Preispl\u00e4ne"}]},{"@type":"WebSite","@id":"https:\/\/marketingsite.innform.io\/de\/#website","url":"https:\/\/marketingsite.innform.io\/de\/","name":"Innform","description":"","publisher":{"@id":"https:\/\/marketingsite.innform.io\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marketingsite.innform.io\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/marketingsite.innform.io\/de\/#organization","name":"Innform","url":"https:\/\/marketingsite.innform.io\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/marketingsite.innform.io\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.innform.io\/wp-content\/uploads\/2020\/12\/innform_web2.png","contentUrl":"https:\/\/www.innform.io\/wp-content\/uploads\/2020\/12\/innform_web2.png","width":559,"height":143,"caption":"Innform"},"image":{"@id":"https:\/\/marketingsite.innform.io\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/innformapp\/","https:\/\/twitter.com\/innformapp","https:\/\/www.instagram.com\/innform.io","https:\/\/www.linkedin.com\/company\/innform\/"]}]}},"_links":{"self":[{"href":"https:\/\/marketingsite.innform.io\/de\/wp-json\/wp\/v2\/pages\/29340"}],"collection":[{"href":"https:\/\/marketingsite.innform.io\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketingsite.innform.io\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketingsite.innform.io\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingsite.innform.io\/de\/wp-json\/wp\/v2\/comments?post=29340"}],"version-history":[{"count":1,"href":"https:\/\/marketingsite.innform.io\/de\/wp-json\/wp\/v2\/pages\/29340\/revisions"}],"predecessor-version":[{"id":29342,"href":"https:\/\/marketingsite.innform.io\/de\/wp-json\/wp\/v2\/pages\/29340\/revisions\/29342"}],"wp:attachment":[{"href":"https:\/\/marketingsite.innform.io\/de\/wp-json\/wp\/v2\/media?parent=29340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}