{"id":46511,"date":"2026-06-04T10:02:29","date_gmt":"2026-06-04T08:02:29","guid":{"rendered":"https:\/\/www.schwiizerfranke.com\/?page_id=46511"},"modified":"2026-06-04T10:31:28","modified_gmt":"2026-06-04T08:31:28","slug":"etf-startplan","status":"publish","type":"page","link":"https:\/\/www.schwiizerfranke.com\/en\/etf-startplan","title":{"rendered":"ETF launch plan"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nETF-Kurs Schweiz: Gratis 5-Tage Startplan f\u00fcr ETF-Anleger | Schwiizerfranke<\/title>\n<meta name=\"description\" content=\"Kostenfreier ETF-Kurs f\u00fcr Schweizer Anleger. In 5 Tagen lernst du, wie du dein pers\u00f6nliches ETF-Portfolio aufbaust. Mit Schweizer Steuer-Tipps, Broker-Vergleich und S\u00e4ule 3a.\">\n\n<!-- Open Graph \/ Social -->\n<meta property=\"og:title\" content=\"ETF-Kurs Schweiz: Gratis 5-Tage Startplan f\u00fcr ETF-Anleger\">\n<meta property=\"og:description\" content=\"Kostenfreier 5-t\u00e4giger E-Mail-Kurs f\u00fcr Schweizer Anleger. Schweizer Steuern, Broker und Allokations-Entscheidungen klar erkl\u00e4rt.\">\n<meta property=\"og:type\" content=\"website\">\n\n<!-- Schema.org Course Markup -->\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Course\",\n \"name\": \"ETF-Startplan: 5-Tage ETF-Kurs f\u00fcr Schweizer Anleger\",\n \"description\": \"Kostenfreier 5-t\u00e4giger E-Mail-Kurs f\u00fcr Schweizer ETF-Anleger. Schweizer Steuern, Broker und Allokations-Entscheidungen klar erkl\u00e4rt.\",\n \"provider\": {\n \"@type\": \"Organization\",\n \"name\": \"Schwiizerfranke\",\n \"url\": \"https:\/\/www.schwiizerfranke.com\",\n \"logo\": \"https:\/\/www.schwiizerfranke.com\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-15-um-10.34.18.png\"\n },\n \"author\": {\n \"@type\": \"Person\",\n \"name\": \"Eric Marschall\",\n \"jobTitle\": \"Verm\u00f6gensberater IAF\",\n \"url\": \"https:\/\/www.schwiizerfranke.com\/about\"\n },\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"0\",\n \"priceCurrency\": \"CHF\",\n \"availability\": \"https:\/\/schema.org\/InStock\",\n \"category\": \"Educational\"\n },\n \"inLanguage\": \"de-CH\",\n \"audience\": {\n \"@type\": \"Audience\",\n \"audienceType\": \"Schweizer Anleger\",\n \"geographicArea\": {\n \"@type\": \"Country\",\n \"name\": \"Schweiz\"\n }\n },\n \"educationalLevel\": \"Beginner to Intermediate\",\n \"teaches\": \"ETF-Auswahl, Schweizer Steueroptimierung, Broker-Wahl, Portfolio-Allokation, S\u00e4ule 3a\",\n \"hasCourseInstance\": {\n \"@type\": \"CourseInstance\",\n \"courseMode\": \"online\",\n \"courseWorkload\": \"PT5D\",\n \"instructor\": {\n \"@type\": \"Person\",\n \"name\": \"Eric Marschall\"\n }\n }\n}\n<\/script>\n\n<!-- Schema.org FAQ Markup -->\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Ist der ETF-Startplan wirklich kostenfrei?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ja. Du erh\u00e4ltst 5 E-Mails und ein ausf\u00fcllbares PDF kostenfrei. Es gibt keinen versteckten Kaufzwang und keine Zahlungsdaten n\u00f6tig.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Ist der Kurs auch geeignet, wenn ich schon investiere?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ja, gerade dann. Viele starten mit ETFs, wissen aber nicht ob Portfolio, Broker und Kosten wirklich zusammenpassen. Der Kurs zeigt dir konkret, was du anpassen kannst.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Bekomme ich konkrete ETF- oder Broker-Empfehlungen?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Du bekommst klare Kriterien, Beispiele und Bewertungen. Es geht um Bildung und Orientierung, nicht um individuelle Anlageberatung.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Warum reicht ein All-World-ETF nicht immer?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ein All-World-ETF ist ein guter Start. Viele untersch\u00e4tzen aber die hohe USA-Gewichtung (\u00fcber 60%) und den fehlenden Schweizer Kontext bei Steuern, Vorsorge und W\u00e4hrung.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Ist das auch f\u00fcr Schweizer Steuern und Vorsorge relevant?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Ja, genau darum geht es. Schweizer Anleger brauchen andere Antworten als deutsche oder US-Ratgeber. Quellensteuer, S\u00e4ule 3a und Schweizer ETFs werden konkret behandelt.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie viel Zeit muss ich investieren?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Pro Mail etwa 3-5 Minuten Lesezeit. Insgesamt unter 30 Minuten \u00fcber 5 Tage verteilt. Plus optional ein paar Minuten, um deinen pers\u00f6nlichen Plan im PDF auszuf\u00fcllen.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Was passiert nach den 5 Tagen?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Du erh\u00e4ltst deinen pers\u00f6nlichen ETF-Startplan und kannst entscheiden, ob du alleine weitermachst oder dich weiter vertiefst. Du bleibst kostenfrei im Wealth-Letter (w\u00f6chentlich), jederzeit abmeldbar.\"\n }\n }\n ]\n}\n<\/script>\n\n<style>\n\/* ============================================================\n THEME-RESET \u2014 \u00fcberschreibt WordPress\/Elementor-Defaults\n ============================================================ *\/\nhtml body { margin: 0 !important; padding: 0 !important; }\n\n\/* Falls Theme einen Site-Header injiziert der trotz Canvas bleibt *\/\n.site-header, header.site-header, #masthead, .main-header {\n display: none !important;\n}\n\n\/* Elementor-Section\/Container Padding-Reset f\u00fcr unsere LP *\/\n.elementor-section:first-of-type,\n.elementor-section-wrap > section:first-child,\n.elementor > section:first-child {\n padding-top: 0 !important;\n margin-top: 0 !important;\n}\n\n\/* ============================================================\n DESIGN TOKENS \u2014 Schwiizerfranke Brand System\n ============================================================ *\/\n:root {\n \/* Brand Blues *\/\n --blue-900: #0a1628;\n --blue-800: #0f2440;\n --blue-700: #163a5f;\n --blue-600: #1e5a8a;\n --blue-500: #2878b5;\n --blue-400: #4a9ad4;\n --blue-300: #7bb8e3;\n --blue-200: #b3d7f2;\n --blue-100: #dbedf9;\n --blue-50: #f0f7fd;\n\n \/* Greens *\/\n --green-500: #34d399;\n --green-400: #6ee7b7;\n --green-100: #d1fae5;\n --green-50: #ecfdf5;\n\n \/* Neutrals *\/\n --white: #ffffff;\n --gray-50: #f8fafc;\n --gray-100: #f1f5f9;\n --gray-200: #e2e8f0;\n --gray-300: #cbd5e1;\n --gray-400: #94a3b8;\n --gray-500: #64748b;\n --gray-700: #334155;\n --gray-900: #0f172a;\n\n \/* Semantic *\/\n --bg: var(--white);\n --bg-soft: var(--gray-50);\n --text: var(--blue-900);\n --text-soft: var(--gray-500);\n --primary: var(--blue-700);\n --accent: var(--blue-500);\n --success: var(--green-500);\n\n \/* Shadow *\/\n --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);\n --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);\n --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);\n --shadow-cta: 0 4px 14px rgba(30, 90, 138, 0.35);\n}\n\n\/* ============================================================\n RESET & BASE\n ============================================================ *\/\n*, *::before, *::after { box-sizing: border-box; }\n* { margin: 0; padding: 0; }\n\nhtml {\n -webkit-text-size-adjust: 100%;\n scroll-behavior: smooth;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n line-height: 1.6;\n color: var(--text);\n background: var(--bg);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n}\n\n\/* GRAIN OVERLAY \u2014 subtle texture across entire page for premium feel *\/\nbody::before {\n content: '';\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n opacity: 0.035;\n mix-blend-mode: multiply;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.15 0 0 0 0 0.25 0 0 0 0.9 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n background-size: 200px;\n}\n\nimg { max-width: 100%; height: auto; display: block; }\n\na {\n color: var(--primary);\n text-decoration: none;\n transition: color 0.2s;\n}\na:hover { color: var(--accent); }\n\nbutton {\n font-family: inherit;\n cursor: pointer;\n border: none;\n background: none;\n}\n\n\/* ============================================================\n LAYOUT HELPERS\n ============================================================ *\/\n.container {\n width: 100%;\n max-width: 1180px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n@media (min-width: 768px) {\n .container { padding: 0 40px; }\n}\n\n@media (min-width: 1280px) {\n .container { padding: 0 48px; }\n}\n\n\/* ============================================================\n TRUST-BAR (Mini-Header) \u2014 kein sticky, scrollt normal mit\n ============================================================ *\/\n.trust-bar {\n background: var(--white);\n border-bottom: 1px solid var(--gray-200);\n padding: 12px 0;\n position: relative;\n z-index: 10;\n}\n\n.trust-bar__inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n}\n\n.trust-bar__logo {\n font-family: 'Inter', sans-serif;\n font-weight: 800;\n font-size: 1.05rem;\n color: var(--blue-800);\n letter-spacing: -0.01em;\n white-space: nowrap;\n}\n\n.trust-bar__logo span {\n color: var(--blue-500);\n}\n\n.trust-bar__meta {\n font-size: 0.78rem;\n color: var(--gray-500);\n letter-spacing: 0.02em;\n white-space: nowrap;\n}\n\n.trust-bar__meta strong {\n color: var(--blue-700);\n font-weight: 600;\n}\n\n@media (max-width: 480px) {\n .trust-bar__meta { font-size: 0.7rem; }\n .trust-bar__logo { font-size: 0.95rem; }\n}\n\n\/* ============================================================\n HERO\n ============================================================ *\/\n.hero {\n position: relative;\n padding: 32px 0 48px;\n background:\n radial-gradient(circle at 20% 0%, rgba(75, 154, 212, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 100%, rgba(40, 120, 181, 0.05) 0%, transparent 50%),\n var(--bg);\n overflow: hidden;\n}\n\n.hero__inner {\n display: flex;\n flex-direction: column;\n gap: 28px;\n}\n\n.hero__badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--blue-50);\n color: var(--blue-700);\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n padding: 7px 14px;\n border-radius: 100px;\n width: fit-content;\n border: 1px solid var(--blue-200);\n}\n\n.hero__badge::before {\n content: '';\n width: 6px;\n height: 6px;\n background: var(--green-500);\n border-radius: 50%;\n box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.15);\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n\n.hero__title {\n font-size: clamp(1.85rem, 5.5vw, 3.4rem);\n font-weight: 800;\n line-height: 1.05;\n color: var(--blue-900);\n letter-spacing: -0.025em;\n text-wrap: balance;\n}\n\n.hero__title span {\n color: var(--blue-500);\n position: relative;\n display: inline;\n background-image: linear-gradient(90deg, rgba(75, 154, 212, 0.25), rgba(75, 154, 212, 0.25));\n background-size: 100% 6px;\n background-position: 0 100%;\n background-repeat: no-repeat;\n padding-bottom: 2px;\n}\n\n.hero__title span::after {\n display: none;\n}\n\n.hero__subtitle {\n font-size: clamp(1rem, 2.5vw, 1.18rem);\n line-height: 1.55;\n color: var(--gray-700);\n max-width: 640px;\n}\n\n.hero__subtitle strong {\n color: var(--blue-800);\n font-weight: 600;\n}\n\n.hero__usp-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px 16px;\n margin: 4px 0;\n font-size: 0.88rem;\n}\n\n.hero__usp-list li {\n list-style: none;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--gray-700);\n font-weight: 500;\n}\n\n.hero__usp-list li::before {\n content: '\u2713';\n color: var(--green-500);\n font-weight: 700;\n font-size: 1rem;\n}\n\n\/* Outcome Promise Block *\/\n.hero__outcome {\n background: linear-gradient(135deg, var(--blue-50), var(--white));\n border: 1px solid var(--blue-200);\n border-radius: 12px;\n padding: 16px 20px;\n margin-top: 4px;\n}\n\n.hero__outcome-label {\n font-size: 0.82rem;\n font-weight: 700;\n color: var(--blue-700);\n letter-spacing: 0.02em;\n margin-bottom: 8px;\n text-transform: uppercase;\n}\n\n.hero__outcome-list {\n display: flex;\n flex-direction: column;\n gap: 6px;\n font-size: 0.92rem;\n color: var(--blue-900);\n font-weight: 500;\n}\n\n.hero__outcome-list li {\n list-style: none;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.hero__outcome-list li::before {\n content: '\u2713';\n color: var(--green-500);\n font-weight: 800;\n font-size: 1.05rem;\n flex-shrink: 0;\n}\n\n\/* HERO GRID \u2014 Desktop split *\/\n.hero__grid {\n display: flex;\n flex-direction: column;\n gap: 32px;\n}\n\n@media (min-width: 980px) {\n .hero { padding: 72px 0 96px; }\n .hero__grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\n}\n\n@media (min-width: 1200px) {\n .hero { padding: 88px 0 112px; }\n .hero__grid {\n gap: 80px;\n }\n}\n\n\/* HERO IMAGE *\/\n.hero__image-wrap {\n position: relative;\n border-radius: 20px;\n overflow: hidden;\n box-shadow:\n 0 1px 0 rgba(255, 255, 255, 0.6) inset,\n 0 4px 12px rgba(15, 23, 42, 0.06),\n 0 16px 40px rgba(30, 90, 138, 0.10),\n 0 32px 64px rgba(30, 90, 138, 0.06);\n background: var(--blue-50);\n aspect-ratio: 5 \/ 4;\n}\n\n.hero__image-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.hero__image-decor {\n position: absolute;\n top: -20px;\n right: -20px;\n width: 100px;\n height: 100px;\n background: radial-gradient(circle, var(--blue-200) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n z-index: -1;\n}\n\n\/* ============================================================\n FORM CARD \u2014 direkt im Hero, mobile-optimiert\n ============================================================ *\/\n.form-card {\n background: var(--white);\n border-radius: 18px;\n padding: 26px 22px;\n border: 1px solid var(--gray-200);\n box-shadow:\n 0 1px 0 rgba(255, 255, 255, 0.8) inset,\n 0 1px 3px rgba(15, 23, 42, 0.04),\n 0 8px 24px rgba(15, 23, 42, 0.08),\n 0 24px 48px rgba(30, 90, 138, 0.04);\n position: relative;\n overflow: hidden;\n max-width: 100%;\n}\n\n.form-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(75, 154, 212, 0.4), transparent);\n}\n\n.form-card::after {\n content: '';\n position: absolute;\n top: -40%;\n right: -20%;\n width: 60%;\n height: 80%;\n background: radial-gradient(circle, rgba(75, 154, 212, 0.06) 0%, transparent 60%);\n pointer-events: none;\n z-index: 0;\n}\n\n.form-card > * { position: relative; z-index: 1; }\n\n@media (min-width: 768px) {\n .form-card { padding: 30px 26px; }\n}\n\n@media (min-width: 980px) {\n \/* Form im Hero kompakter auf Desktop \u2014 wirkt edler *\/\n .hero .form-card { max-width: 380px; }\n}\n\n.form-card__title {\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--blue-800);\n margin-bottom: 4px;\n}\n\n.form-card__subtitle {\n font-size: 0.88rem;\n color: var(--gray-500);\n margin-bottom: 18px;\n}\n\n\/* ============================================================\n SF FORM \u2014 eigenes Form-Element, direkt zu Kit API\n ============================================================ *\/\n.sf-form {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.sf-form__field {\n position: relative;\n}\n\n.sf-form__input {\n width: 100%;\n height: 52px;\n padding: 0 18px;\n border: 1.5px solid var(--gray-200);\n border-radius: 12px;\n font-size: 16px; \/* prevents iOS zoom *\/\n font-family: inherit;\n color: var(--blue-900);\n background: var(--white);\n transition: border-color 0.2s, box-shadow 0.2s;\n -webkit-appearance: none;\n appearance: none;\n letter-spacing: -0.005em;\n}\n\n.sf-form__input::placeholder {\n color: var(--gray-400);\n font-weight: 400;\n}\n\n.sf-form__input:focus {\n outline: none;\n border-color: var(--blue-400);\n box-shadow: 0 0 0 3px rgba(75, 154, 212, 0.15);\n}\n\n.sf-form__input--error {\n border-color: #ef4444;\n background: #fef2f2;\n}\n\n.sf-form__error {\n display: none;\n font-size: 0.8rem;\n color: #b91c1c;\n margin-top: 4px;\n padding-left: 4px;\n font-weight: 500;\n}\n\n.sf-form__error.is-visible {\n display: block;\n animation: shakeIn 0.3s ease;\n}\n\n@keyframes shakeIn {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-3px); }\n 75% { transform: translateX(3px); }\n}\n\n.sf-form__submit {\n width: 100%;\n height: 54px;\n margin-top: 2px;\n border-radius: 12px;\n background: linear-gradient(135deg, var(--blue-700), var(--blue-500));\n color: var(--white);\n font-size: 1rem;\n font-weight: 700;\n letter-spacing: 0.005em;\n border: none;\n cursor: pointer;\n box-shadow: var(--shadow-cta);\n transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.3s ease;\n position: relative;\n overflow: hidden;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.sf-form__submit::after {\n content: '\u2192';\n font-size: 1.15rem;\n line-height: 1;\n transition: transform 0.2s ease;\n}\n\n.sf-form__submit:hover:not(:disabled) {\n transform: translateY(-1px);\n box-shadow: 0 6px 20px rgba(30, 90, 138, 0.45);\n background: linear-gradient(135deg, var(--blue-600), var(--blue-400));\n}\n\n.sf-form__submit:hover:not(:disabled)::after {\n transform: translateX(3px);\n}\n\n.sf-form__submit:active:not(:disabled) {\n transform: translateY(0);\n}\n\n.sf-form__submit:disabled {\n opacity: 0.7;\n cursor: wait;\n}\n\n.sf-form__submit.is-loading::after {\n display: none;\n}\n\n.sf-form__spinner {\n display: none;\n width: 18px;\n height: 18px;\n border: 2.5px solid rgba(255, 255, 255, 0.3);\n border-top-color: var(--white);\n border-radius: 50%;\n animation: spinForm 0.7s linear infinite;\n}\n\n.sf-form__submit.is-loading .sf-form__spinner {\n display: inline-block;\n}\n\n@keyframes spinForm {\n to { transform: rotate(360deg); }\n}\n\n\/* Form trust signals *\/\n.form-card__trust {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-top: 16px;\n padding-top: 14px;\n border-top: 1px dashed var(--gray-200);\n font-size: 0.78rem;\n color: var(--gray-500);\n}\n\n.form-card__trust-item {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.form-card__trust-item::before {\n content: '';\n width: 14px;\n height: 14px;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n background-size: contain;\n background-repeat: no-repeat;\n flex-shrink: 0;\n}\n\n\/* Mini Eric in Hero *\/\n.hero__eric {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-top: 8px;\n font-size: 0.82rem;\n color: var(--gray-500);\n}\n\n.hero__eric img {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n object-fit: cover;\n border: 2px solid var(--white);\n box-shadow: var(--shadow-sm);\n}\n\n.hero__eric strong {\n color: var(--blue-800);\n font-weight: 600;\n}\n\n\/* ============================================================\n SECTIONS \u2014 generic\n ============================================================ *\/\nsection {\n padding: 56px 0;\n}\n\n@media (min-width: 768px) {\n section { padding: 88px 0; }\n}\n\n@media (min-width: 1080px) {\n section { padding: 104px 0; }\n}\n\n.section__head {\n text-align: center;\n margin-bottom: 36px;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (min-width: 768px) {\n .section__head { margin-bottom: 56px; }\n}\n\n.section__eyebrow {\n display: inline-block;\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--blue-500);\n margin-bottom: 10px;\n}\n\n.section__title {\n font-size: clamp(1.55rem, 4vw, 2.4rem);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.02em;\n color: var(--blue-900);\n margin-bottom: 14px;\n}\n\n.section__subtitle {\n font-size: clamp(0.98rem, 2vw, 1.12rem);\n line-height: 1.55;\n color: var(--gray-700);\n}\n\n\/* ============================================================\n PROBLEM SECTION\n ============================================================ *\/\n.problem {\n background: var(--bg-soft);\n position: relative;\n}\n\n.problem__pains {\n display: grid;\n gap: 16px;\n max-width: 760px;\n margin: 0 auto;\n}\n\n@media (min-width: 640px) {\n .problem__pains {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.pain {\n background: var(--white);\n padding: 26px 24px;\n border-radius: 14px;\n border: 1px solid var(--gray-200);\n display: flex;\n flex-direction: column;\n gap: 8px;\n transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n position: relative;\n overflow: hidden;\n}\n\n.pain::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle at 100% 0%, rgba(75, 154, 212, 0.04) 0%, transparent 60%);\n pointer-events: none;\n z-index: 0;\n}\n\n.pain > * { position: relative; z-index: 1; }\n\n.pain:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-md);\n border-color: var(--blue-200);\n}\n\n.pain__icon {\n width: 38px;\n height: 38px;\n background: linear-gradient(135deg, var(--blue-50), var(--blue-100));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 6px;\n color: var(--blue-600);\n border: 1px solid rgba(75, 154, 212, 0.2);\n}\n\n.pain__title {\n font-size: 1rem;\n font-weight: 700;\n color: var(--blue-800);\n}\n\n.pain__text {\n font-size: 0.92rem;\n color: var(--gray-700);\n line-height: 1.5;\n}\n\n.problem__bridge {\n text-align: center;\n margin-top: 32px;\n font-size: 1.08rem;\n font-weight: 600;\n color: var(--blue-700);\n}\n\n\/* ============================================================\n WHAT YOU GET\n ============================================================ *\/\n.what-you-get__grid {\n display: flex;\n flex-direction: column;\n gap: 36px;\n}\n\n@media (min-width: 980px) {\n .what-you-get__grid {\n display: grid;\n grid-template-columns: 0.95fr 1.05fr;\n gap: 56px;\n align-items: center;\n }\n}\n\n.what-you-get__visual {\n border-radius: 20px;\n overflow: hidden;\n box-shadow:\n 0 1px 0 rgba(255, 255, 255, 0.6) inset,\n 0 4px 12px rgba(15, 23, 42, 0.06),\n 0 16px 40px rgba(30, 90, 138, 0.10),\n 0 32px 64px rgba(30, 90, 138, 0.06);\n background: var(--blue-50);\n aspect-ratio: 1 \/ 1;\n}\n\n.what-you-get__visual img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.days {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.day {\n display: flex;\n gap: 16px;\n padding: 16px 18px;\n background: var(--white);\n border: 1px solid var(--gray-200);\n border-radius: 12px;\n transition: all 0.2s;\n align-items: flex-start;\n}\n\n.day:hover {\n border-color: var(--blue-300);\n box-shadow: var(--shadow-sm);\n transform: translateX(2px);\n}\n\n.day__number {\n flex-shrink: 0;\n width: 38px;\n height: 38px;\n background: linear-gradient(135deg, var(--blue-700), var(--blue-500));\n color: var(--white);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 0.88rem;\n letter-spacing: 0.02em;\n}\n\n.day__content { flex: 1; }\n\n.day__title {\n font-size: 1rem;\n font-weight: 700;\n color: var(--blue-800);\n margin-bottom: 2px;\n}\n\n.day__text {\n font-size: 0.88rem;\n color: var(--gray-500);\n line-height: 1.45;\n}\n\n.bonus-day {\n background: linear-gradient(135deg, var(--green-50), var(--white));\n border-color: var(--green-400);\n}\n\n.bonus-day .day__number {\n background: linear-gradient(135deg, var(--green-500), #10b981);\n}\n\n.bonus-badge {\n display: inline-block;\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n color: #047857;\n background: var(--green-100);\n padding: 2px 8px;\n border-radius: 100px;\n margin-left: 8px;\n vertical-align: middle;\n}\n\n\/* ============================================================\n WHY (Schweizer ETF-Anleger falsch starten)\n ============================================================ *\/\n.why {\n background: linear-gradient(180deg, var(--blue-900) 0%, var(--blue-800) 100%);\n color: var(--white);\n position: relative;\n overflow: hidden;\n}\n\n.why::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80%;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(75, 154, 212, 0.4), transparent);\n}\n\n.why .section__title,\n.why .section__subtitle {\n color: var(--white);\n}\n\n.why .section__subtitle {\n color: var(--blue-200);\n}\n\n.why .section__eyebrow {\n color: var(--blue-300);\n}\n\n.mistakes {\n display: grid;\n gap: 20px;\n max-width: 920px;\n margin: 0 auto;\n}\n\n@media (min-width: 768px) {\n .mistakes {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n.mistake {\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid rgba(75, 154, 212, 0.18);\n border-radius: 16px;\n padding: 28px 26px;\n backdrop-filter: blur(6px);\n position: relative;\n overflow: hidden;\n transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n}\n\n.mistake::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(75, 154, 212, 0.5), transparent);\n}\n\n.mistake::after {\n content: '';\n position: absolute;\n top: -30%;\n right: -30%;\n width: 60%;\n height: 60%;\n background: radial-gradient(circle, rgba(75, 154, 212, 0.12) 0%, transparent 70%);\n pointer-events: none;\n z-index: 0;\n}\n\n.mistake > * { position: relative; z-index: 1; }\n\n.mistake:hover {\n transform: translateY(-3px);\n border-color: rgba(75, 154, 212, 0.35);\n background: rgba(255, 255, 255, 0.06);\n}\n\n.mistake__num {\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n color: var(--blue-300);\n margin-bottom: 8px;\n}\n\n.mistake__title {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 8px;\n line-height: 1.25;\n}\n\n.mistake__text {\n font-size: 0.92rem;\n line-height: 1.55;\n color: var(--blue-200);\n}\n\n.why__footer {\n text-align: center;\n margin-top: 36px;\n font-size: 1.02rem;\n color: var(--blue-200);\n}\n\n.why__footer strong {\n color: var(--white);\n font-weight: 600;\n}\n\n\/* ============================================================\n ABOUT ERIC\n ============================================================ *\/\n.about__grid {\n display: flex;\n flex-direction: column;\n gap: 32px;\n align-items: center;\n max-width: 920px;\n margin: 0 auto;\n text-align: center;\n}\n\n@media (min-width: 768px) {\n .about__grid {\n flex-direction: row;\n text-align: left;\n gap: 56px;\n align-items: center;\n }\n}\n\n.about__photo-wrap {\n flex-shrink: 0;\n position: relative;\n}\n\n.about__photo {\n width: 180px;\n height: 180px;\n border-radius: 50%;\n object-fit: cover;\n border: 5px solid var(--white);\n box-shadow:\n 0 4px 12px rgba(15, 23, 42, 0.06),\n 0 16px 40px rgba(30, 90, 138, 0.12);\n background: var(--blue-100);\n}\n\n@media (min-width: 768px) {\n .about__photo {\n width: 200px;\n height: 200px;\n }\n}\n\n.about__photo-badge {\n position: absolute;\n bottom: 4px;\n right: 4px;\n background: var(--blue-700);\n color: var(--white);\n padding: 4px 10px;\n border-radius: 100px;\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.04em;\n border: 2px solid var(--white);\n}\n\n.about__content {\n flex: 1;\n}\n\n.about__name {\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--blue-900);\n margin-bottom: 4px;\n}\n\n.about__role {\n font-size: 0.92rem;\n color: var(--gray-500);\n margin-bottom: 12px;\n font-weight: 500;\n}\n\n.about__bio {\n font-size: 1rem;\n line-height: 1.6;\n color: var(--gray-700);\n margin-bottom: 16px;\n}\n\n.about__stats {\n display: flex;\n flex-wrap: wrap;\n gap: 20px 28px;\n justify-content: center;\n}\n\n@media (min-width: 768px) {\n .about__stats { justify-content: flex-start; }\n}\n\n.stat {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.stat__value {\n font-size: 1.35rem;\n font-weight: 800;\n color: var(--blue-700);\n line-height: 1;\n}\n\n.stat__label {\n font-size: 0.75rem;\n color: var(--gray-500);\n font-weight: 500;\n letter-spacing: 0.02em;\n}\n\n\/* ============================================================\n SOCIAL PROOF \/ STAT-BLOCK\n ============================================================ *\/\n.social-proof {\n background: var(--bg-soft);\n}\n\n.proof-stats {\n display: grid;\n gap: 16px;\n max-width: 1080px;\n margin: 0 auto;\n grid-template-columns: repeat(2, 1fr);\n}\n\n@media (min-width: 768px) {\n .proof-stats {\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n }\n}\n\n.proof-stat {\n background: var(--white);\n border-radius: 16px;\n padding: 32px 24px;\n border: 1px solid var(--gray-200);\n text-align: center;\n transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n position: relative;\n overflow: hidden;\n}\n\n.proof-stat::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 2px;\n background: linear-gradient(90deg, var(--blue-500), var(--blue-400));\n border-radius: 0 0 2px 2px;\n}\n\n.proof-stat::after {\n content: '';\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 50% 0%, rgba(75, 154, 212, 0.04) 0%, transparent 70%);\n pointer-events: none;\n z-index: 0;\n}\n\n.proof-stat > * { position: relative; z-index: 1; }\n\n.proof-stat:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);\n border-color: var(--blue-300);\n}\n\n.proof-stat__value {\n font-size: clamp(1.8rem, 4vw, 2.4rem);\n font-weight: 800;\n color: var(--blue-700);\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 8px;\n}\n\n.proof-stat__stars {\n font-size: 0.95rem;\n color: #f59e0b;\n letter-spacing: 0.08em;\n margin-bottom: 6px;\n line-height: 1;\n}\n\n.proof-stat__label {\n font-size: 0.92rem;\n font-weight: 700;\n color: var(--blue-800);\n margin-bottom: 4px;\n}\n\n.proof-stat__sub {\n font-size: 0.78rem;\n color: var(--gray-500);\n font-weight: 500;\n}\n\n\/* ============================================================\n INLINE-CTA (Jump-Button mid-page)\n ============================================================ *\/\n.inline-cta {\n background: linear-gradient(135deg, var(--blue-50), var(--white));\n border: 1px dashed var(--blue-300);\n border-radius: 18px;\n padding: 32px 28px;\n text-align: center;\n max-width: 560px;\n margin: 56px auto 0;\n display: flex;\n flex-direction: column;\n gap: 14px;\n align-items: center;\n}\n\n.inline-cta__text {\n font-size: 1.02rem;\n font-weight: 600;\n color: var(--blue-800);\n line-height: 1.4;\n}\n\n.inline-cta__btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: linear-gradient(135deg, var(--blue-700), var(--blue-500));\n color: var(--white) !important;\n font-size: 0.98rem;\n font-weight: 700;\n padding: 14px 28px;\n border-radius: 10px;\n text-decoration: none;\n box-shadow: var(--shadow-cta);\n transition: transform 0.15s, box-shadow 0.2s;\n letter-spacing: 0.01em;\n}\n\n.inline-cta__btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 18px rgba(30, 90, 138, 0.45);\n color: var(--white) !important;\n}\n\n.inline-cta__btn::after {\n content: '\u2193';\n font-size: 1.1rem;\n line-height: 1;\n}\n\n.inline-cta__hint {\n font-size: 0.78rem;\n color: var(--gray-500);\n margin-top: 2px;\n}\n\n\/* ============================================================\n FAQ\n ============================================================ *\/\n.faq__list {\n max-width: 760px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.faq-item {\n background: var(--white);\n border: 1px solid var(--gray-200);\n border-radius: 14px;\n overflow: hidden;\n transition: border-color 0.25s ease, box-shadow 0.25s ease;\n}\n\n.faq-item[open] {\n border-color: var(--blue-300);\n box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);\n}\n\n.faq-item summary {\n padding: 20px 24px;\n cursor: pointer;\n font-weight: 600;\n font-size: 1rem;\n color: var(--blue-800);\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n transition: background 0.15s;\n}\n\n.faq-item summary:hover { background: var(--gray-50); }\n\n.faq-item summary::-webkit-details-marker { display: none; }\n\n.faq-item summary::after {\n content: '+';\n font-size: 1.5rem;\n color: var(--blue-500);\n font-weight: 400;\n transition: transform 0.2s;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.faq-item[open] summary::after {\n content: '\u2212';\n}\n\n.faq-item__answer {\n padding: 0 20px 20px;\n font-size: 0.94rem;\n line-height: 1.6;\n color: var(--gray-700);\n}\n\n\/* ============================================================\n FINAL CTA\n ============================================================ *\/\n.final-cta {\n background:\n radial-gradient(circle at 30% 50%, rgba(40, 120, 181, 0.06) 0%, transparent 60%),\n var(--bg);\n text-align: center;\n}\n\n.final-cta__inner {\n max-width: 560px;\n margin: 0 auto;\n}\n\n.final-cta__title {\n font-size: clamp(1.5rem, 4vw, 2.2rem);\n font-weight: 800;\n color: var(--blue-900);\n letter-spacing: -0.02em;\n margin-bottom: 14px;\n line-height: 1.15;\n}\n\n.final-cta__subtitle {\n font-size: 1.02rem;\n line-height: 1.55;\n color: var(--gray-700);\n margin-bottom: 32px;\n max-width: 480px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.final-cta .form-card {\n text-align: left;\n max-width: 460px;\n margin: 0 auto;\n}\n\n\/* ============================================================\n FOOTER\n ============================================================ *\/\n.footer {\n background: var(--blue-900);\n color: var(--blue-200);\n padding: 56px 0 32px;\n font-size: 0.85rem;\n}\n\n.footer__inner {\n display: flex;\n flex-direction: column;\n gap: 28px;\n}\n\n@media (min-width: 768px) {\n .footer__inner {\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 40px;\n }\n}\n\n.footer__brand {\n font-weight: 700;\n font-size: 1rem;\n color: var(--white);\n margin-bottom: 8px;\n}\n\n.footer__brand span { color: var(--blue-400); }\n\n.footer__meta {\n font-size: 0.78rem;\n color: var(--blue-300);\n line-height: 1.55;\n max-width: 480px;\n}\n\n.footer__links {\n display: flex;\n flex-wrap: wrap;\n gap: 8px 20px;\n font-size: 0.82rem;\n}\n\n.footer__links a {\n color: var(--blue-200);\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s, color 0.2s;\n}\n\n.footer__links a:hover {\n color: var(--white);\n border-bottom-color: var(--blue-400);\n}\n\n.footer__disclaimer {\n margin-top: 24px;\n padding-top: 20px;\n border-top: 1px solid rgba(75, 154, 212, 0.2);\n font-size: 0.74rem;\n color: var(--blue-300);\n line-height: 1.55;\n}\n\n\/* ============================================================\n SUCCESS POPUP (Double Opt-In Bridge)\n ============================================================ *\/\n.success-overlay {\n position: fixed;\n inset: 0;\n background: rgba(10, 22, 40, 0.65);\n backdrop-filter: blur(8px);\n display: none;\n align-items: center;\n justify-content: center;\n padding: 20px;\n z-index: 1000;\n animation: overlayFadeIn 0.25s ease;\n}\n\n.success-overlay.is-active { display: flex; }\n\n@keyframes overlayFadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n.success-modal {\n background: var(--white);\n border-radius: 18px;\n max-width: 500px;\n width: 100%;\n padding: 36px 28px 32px;\n text-align: center;\n box-shadow: var(--shadow-lg);\n position: relative;\n animation: modalScaleIn 0.3s ease;\n}\n\n@keyframes modalScaleIn {\n from { opacity: 0; transform: scale(0.95) translateY(10px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n}\n\n.success-modal__icon {\n width: 64px;\n height: 64px;\n background: var(--green-100);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 18px;\n color: var(--green-500);\n}\n\n.success-modal__icon svg {\n width: 32px;\n height: 32px;\n stroke: var(--green-500);\n stroke-width: 3;\n}\n\n.success-modal__title {\n font-size: 1.5rem;\n font-weight: 800;\n color: var(--blue-900);\n margin-bottom: 10px;\n letter-spacing: -0.01em;\n}\n\n.success-modal__title span { color: var(--blue-500); }\n\n.success-modal__text {\n font-size: 0.98rem;\n line-height: 1.6;\n color: var(--gray-700);\n margin-bottom: 22px;\n}\n\n.success-modal__steps {\n background: var(--blue-50);\n border-radius: 12px;\n padding: 18px 20px;\n text-align: left;\n margin-bottom: 22px;\n}\n\n.success-modal__step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n font-size: 0.9rem;\n color: var(--gray-700);\n padding: 6px 0;\n}\n\n.success-modal__step-num {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n background: var(--blue-700);\n color: var(--white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.72rem;\n font-weight: 700;\n}\n\n.success-modal__step strong {\n color: var(--blue-800);\n font-weight: 600;\n}\n\n.success-modal__hint {\n font-size: 0.82rem;\n color: var(--gray-500);\n border-top: 1px dashed var(--gray-200);\n padding-top: 14px;\n margin-top: 4px;\n line-height: 1.5;\n}\n\n.success-modal__close {\n position: absolute;\n top: 14px;\n right: 14px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--gray-100);\n color: var(--gray-500);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n line-height: 1;\n transition: background 0.2s, color 0.2s;\n}\n\n.success-modal__close:hover {\n background: var(--gray-200);\n color: var(--blue-700);\n}\n\n\/* ============================================================\n ACCESSIBILITY & REDUCED MOTION\n ============================================================ *\/\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n:focus-visible {\n outline: 3px solid var(--blue-400);\n outline-offset: 2px;\n border-radius: 4px;\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- ============================================================\n HERO\n ============================================================ -->\n<section class=\"hero\">\n <div class=\"container\">\n <div class=\"hero__grid\">\n <!-- LEFT: Copy + Form -->\n <div class=\"hero__inner\">\n <div class=\"hero__badge\">\n <span>Kostenfreier E-Mail-Kurs<\/span>\n <\/div>\n\n <h1 class=\"hero__title\">\n In 5 Tagen zu <span>deinem pers\u00f6nlichen ETF-Portfolio<\/span>\n <\/h1>\n\n <p class=\"hero__subtitle\">\n Egal ob du <strong>schon investierst<\/strong> oder <strong>gerade erst startest<\/strong>: In 5 Tagen baust du deinen pers\u00f6nlichen ETF-Startplan f\u00fcr die Schweiz.\n <\/p>\n\n <ul class=\"hero__usp-list\">\n <li>Unabh\u00e4ngig<\/li>\n <li>F\u00fcr Schweizer Anleger<\/li>\n <li>Kein Anbieter-Hype<\/li>\n <li>5 Tage, in 30 Min lesbar<\/li>\n <\/ul>\n\n <!-- Outcome-Promise: Was kennst du am Ende -->\n <div class=\"hero__outcome\">\n <div class=\"hero__outcome-label\">Am Ende kennst du:<\/div>\n <ul class=\"hero__outcome-list\">\n <li>deinen Broker<\/li>\n <li>deine ETF-Strategie<\/li>\n <li>deinen n\u00e4chsten konkreten Schritt<\/li>\n <\/ul>\n <\/div>\n\n <!-- FORM CARD -->\n <div class=\"form-card\">\n <div class=\"form-card__title\">ETF-Startplan kostenfrei sichern<\/div>\n <div class=\"form-card__subtitle\">Trage Vorname und E-Mail ein. Die erste Mail kommt direkt nach deiner Best\u00e4tigung.<\/div>\n\n <form class=\"sf-form\" id=\"sfFormHero\" novalidate>\n <div class=\"sf-form__field\">\n <input type=\"text\"\n class=\"sf-form__input\"\n name=\"first_name\"\n placeholder=\"Vorname\"\n required\n autocomplete=\"given-name\"\n aria-label=\"Vorname\">\n <\/div>\n <div class=\"sf-form__field\">\n <input type=\"email\"\n class=\"sf-form__input\"\n name=\"email_address\"\n placeholder=\"Deine E-Mail-Adresse\"\n required\n autocomplete=\"email\"\n aria-label=\"E-Mail-Adresse\">\n <div class=\"sf-form__error\">Bitte g\u00fcltige E-Mail-Adresse eingeben.<\/div>\n <\/div>\n <button type=\"submit\" class=\"sf-form__submit\">\n <span class=\"sf-form__spinner\"><\/span>\n <span class=\"sf-form__label\">ETF-Startplan kostenfrei sichern<\/span>\n <\/button>\n <\/form>\n\n <div class=\"form-card__trust\">\n <div class=\"form-card__trust-item\">5 kurze Mails, in 3-5 Minuten lesbar<\/div>\n <div class=\"form-card__trust-item\">Jederzeit abmeldbar, kein Spam<\/div>\n <div class=\"form-card__trust-item\">Unabh\u00e4ngig, f\u00fcr Schweizer Anleger<\/div>\n <\/div>\n <\/div>\n\n <!-- Mini-Trust mit Eric -->\n <div class=\"hero__eric\">\n <img decoding=\"async\" src=\"https:\/\/www.schwiizerfranke.com\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-15-um-10.34.18.png\" alt=\"Eric Marschall, Schwiizerfranke\" loading=\"lazy\" onerror=\"this.style.display='none'\" title=\"\">\n <div>Erstellt von <strong>Eric Marschall<\/strong>, Verm\u00f6gensberater IAF \u00b7 8'000+ Schweizer im Wealth-Letter<\/div>\n <\/div>\n <\/div>\n\n <!-- RIGHT: Hero Image -->\n <div class=\"hero__image-wrap\">\n <span class=\"hero__image-decor\" aria-hidden=\"true\"><\/span>\n <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.schwiizerfranke.com\/wp-content\/uploads\/2026\/06\/etf-chaos-zu-klarheit-.png\" alt=\"ETF-Startplan: Von Chaos zu Klarheit in 5 Tagen\" loading=\"eager\" width=\"1200\" height=\"950\" title=\"\">\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n PROBLEM \/ PAIN POINTS\n ============================================================ -->\n<section class=\"problem\">\n <div class=\"container\">\n <div class=\"section__head\">\n <div class=\"section__eyebrow\">Das Problem<\/div>\n <h2 class=\"section__title\">Du willst es richtig machen. Aber wo anfangen?<\/h2>\n <p class=\"section__subtitle\">\n Die meisten Schweizer Anleger scheitern nicht am falschen ETF. Sie scheitern, weil zu viele Fragen zu lange offen bleiben.\n <\/p>\n <\/div>\n\n <div class=\"problem__pains\">\n <div class=\"pain\">\n <div class=\"pain__icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\n <\/div>\n <div class=\"pain__title\">All-World, MSCI World, ACWI?<\/div>\n <div class=\"pain__text\">Welcher Index passt f\u00fcr Schweizer Anleger und warum machen die meisten denselben Fehler?<\/div>\n <\/div>\n\n <div class=\"pain\">\n <div class=\"pain__icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\n <\/div>\n <div class=\"pain__title\">Welcher Broker f\u00fcr mich?<\/div>\n <div class=\"pain__text\">Yuh, Saxo, Swissquote oder Robo-Advisor? Drei Wege, eine klare Entscheidung.<\/div>\n <\/div>\n\n <div class=\"pain\">\n <div class=\"pain__icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"><\/path><path d=\"M22 12A10 10 0 0 0 12 2v10z\"><\/path><\/svg>\n <\/div>\n <div class=\"pain__title\">Schweiz-Anteil sinnvoll?<\/div>\n <div class=\"pain__text\">Wie viel Heimatmarkt geh\u00f6rt ins Portfolio? Und wie hoch ist das USA-Klumpenrisiko bei All-World wirklich?<\/div>\n <\/div>\n\n <div class=\"pain\">\n <div class=\"pain__icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n <\/div>\n <div class=\"pain__title\">Steuern und 3a optimieren?<\/div>\n <div class=\"pain__text\">Quellensteuer, S\u00e4ule 3a, E-Steuerauszug. Was Schweizer Anleger anders machen m\u00fcssen als deutsche oder US-Vorbilder.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"problem__bridge\">\n Genau daf\u00fcr gibt es den ETF-Startplan.\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n WHAT YOU GET\n ============================================================ -->\n<section class=\"what-you-get\">\n <div class=\"container\">\n <div class=\"section__head\">\n <div class=\"section__eyebrow\">Was du bekommst<\/div>\n <h2 class=\"section__title\">5 Mails plus dein pers\u00f6nlicher Startplan als PDF.<\/h2>\n <p class=\"section__subtitle\">\n Jeden Tag eine kurze E-Mail. Strukturiert, verst\u00e4ndlich, ohne Banken-Sprache. Am Ende: dein ausf\u00fcllbarer ETF-Startplan auf einer A4-Seite.\n <\/p>\n <\/div>\n\n <div class=\"what-you-get__grid\">\n <div class=\"what-you-get__visual\">\n <img decoding=\"async\" src=\"https:\/\/www.schwiizerfranke.com\/wp-content\/uploads\/2026\/06\/etf-portfolio-starterbox.png\" alt=\"Dein ETF-Startplan: 5 Karten f\u00fcr 5 Tage\" loading=\"lazy\" width=\"1200\" height=\"1200\" title=\"\">\n <\/div>\n\n <div class=\"days\">\n <div class=\"day\">\n <div class=\"day__number\">01<\/div>\n <div class=\"day__content\">\n <div class=\"day__title\">Verstehen, worauf es bei ETFs wirklich ankommt<\/div>\n <div class=\"day__text\">Was ein ETF tats\u00e4chlich ist und welche Hebel \u00fcber deinen Erfolg entscheiden.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"day\">\n <div class=\"day__number\">02<\/div>\n <div class=\"day__content\">\n <div class=\"day__title\">Warum All-World allein nicht reicht<\/div>\n <div class=\"day__text\">Wieso \u00abkauf einen All-World-ETF und gut ist\u00bb f\u00fcr Schweizer Anleger oft zu kurz gedacht ist.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"day\">\n <div class=\"day__number\">03<\/div>\n <div class=\"day__content\">\n <div class=\"day__title\">Dein Portfolio in 3 Entscheidungen<\/div>\n <div class=\"day__text\">Welt, Schweiz, Erg\u00e4nzungen. Realistische Bandbreiten statt komplizierter Theorie.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"day\">\n <div class=\"day__number\">04<\/div>\n <div class=\"day__content\">\n <div class=\"day__title\">Wissen, wo du investieren willst<\/div>\n <div class=\"day__text\">3 Wege, klare Empfehlung. Und worauf ich bei meinem eigenen Broker achte.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"day\">\n <div class=\"day__number\">05<\/div>\n <div class=\"day__content\">\n <div class=\"day__title\">Dein Plan auf einer Seite, ausf\u00fcllbar\n <span class=\"bonus-badge\">PDF<\/span>\n <\/div>\n <div class=\"day__text\">Alles auf einer A4-Seite. Ausf\u00fcllbar, ausdruckbar, direkt umsetzbar.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Inline-CTA: Jump-Button zum Final-Form -->\n <div class=\"inline-cta\">\n <div class=\"inline-cta__text\">\n Klingt nach deinem Plan?\n <\/div>\n <a href=\"#final-cta\" class=\"inline-cta__btn\">\n ETF-Startplan kostenfrei sichern\n <\/a>\n <div class=\"inline-cta__hint\">Kein Spam. Jederzeit abmeldbar.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n WHY SCHWEIZER ANLEGER OFT FALSCH STARTEN\n ============================================================ -->\n<section class=\"why\">\n <div class=\"container\">\n <div class=\"section__head\">\n <div class=\"section__eyebrow\">Warum es schief geht<\/div>\n <h2 class=\"section__title\">3 Fehler, die Schweizer ETF-Anleger oft machen.<\/h2>\n <p class=\"section__subtitle\">\n Die meisten Tipps stammen aus Deutschland oder den USA und passen f\u00fcr Schweizer Anleger oft nicht 1:1.\n <\/p>\n <\/div>\n\n <div class=\"mistakes\">\n <div class=\"mistake\">\n <div class=\"mistake__num\">FEHLER 01<\/div>\n <div class=\"mistake__title\">USA-Klumpen untersch\u00e4tzt<\/div>\n <div class=\"mistake__text\">Ein All-World-ETF besteht heute zu \u00fcber 60 % aus US-Aktien. Viele Anleger sind \u00fcberrascht, wie dominant die USA darin gewichtet sind.<\/div>\n <\/div>\n\n <div class=\"mistake\">\n <div class=\"mistake__num\">FEHLER 02<\/div>\n <div class=\"mistake__title\">Ausl\u00e4ndische Tipps 1:1<\/div>\n <div class=\"mistake__text\">Was Finanzfluss, Kommer und Co. predigen, funktioniert f\u00fcr Schweizer nur teilweise. Quellensteuer, 3a und Schweizer Domizil-ETFs werden meist vergessen.<\/div>\n <\/div>\n\n <div class=\"mistake\">\n <div class=\"mistake__num\">FEHLER 03<\/div>\n <div class=\"mistake__title\">Bei der Hausbank gelandet<\/div>\n <div class=\"mistake__text\">1.5 % Hausbank-Geb\u00fchr statt 0.3 % beim Online-Broker. \u00dcber 30 Jahre macht das schnell sechsstellige Unterschiede aus.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"why__footer\">\n Im ETF-Startplan zeige ich dir, <strong>wie du es anders machst<\/strong>.\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n ABOUT ERIC\n ============================================================ -->\n<section class=\"about\">\n <div class=\"container\">\n <div class=\"section__head\">\n <div class=\"section__eyebrow\">\u00dcber mich<\/div>\n <h2 class=\"section__title\">Wer dich durch die 5 Tage begleitet.<\/h2>\n <\/div>\n\n <div class=\"about__grid\">\n <div class=\"about__photo-wrap\">\n <img decoding=\"async\" src=\"https:\/\/www.schwiizerfranke.com\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-15-um-10.34.18.png\" alt=\"Eric Marschall, Verm\u00f6gensberater IAF\" class=\"about__photo\" loading=\"lazy\" width=\"320\" height=\"320\" title=\"\">\n <div class=\"about__photo-badge\">IAF<\/div>\n <\/div>\n\n <div class=\"about__content\">\n <div class=\"about__name\">Eric Marschall<\/div>\n <div class=\"about__role\">Verm\u00f6gensberater IAF \u00b7 Gr\u00fcnder Schwiizerfranke<\/div>\n <p class=\"about__bio\">\n Ich habe Schwiizerfranke 2019 gestartet, weil mich zwei Dinge genervt haben: die Banken-Sprache, die mehr versteckt als erkl\u00e4rt. Und Schweizer Anleger, die ausl\u00e4ndische Tipps \u00fcbernehmen, die hier oft nicht sauber passen. Heute lesen mich zehntausende Schweizer pro Monat.\n <\/p>\n\n <div class=\"about__stats\">\n <div class=\"stat\">\n <div class=\"stat__value\">8'000+<\/div>\n <div class=\"stat__label\">Im Wealth-Letter<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat__value\">30'000+<\/div>\n <div class=\"stat__label\">Monatl. Besucher<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat__value\">4.8 \u2605<\/div>\n <div class=\"stat__label\">100+ Bewertungen<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat__value\">2019<\/div>\n <div class=\"stat__label\">Schwiizerfranke seit<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n SOCIAL PROOF \u2014 Stat-Block (statt Testimonials)\n ============================================================ -->\n<section class=\"social-proof\">\n <div class=\"container\">\n <div class=\"section__head\">\n <div class=\"section__eyebrow\">Schwiizerfranke in Zahlen<\/div>\n <h2 class=\"section__title\">Eine der gr\u00f6ssten unabh\u00e4ngigen Schweizer Finanz-Stimmen.<\/h2>\n <p class=\"section__subtitle\">\n Schwiizerfranke begleitet seit 2019 Schweizer Anleger durch ihre wichtigsten Geld-Entscheidungen. Ohne Anbieter-Hype, ohne Provisionsdruck.\n <\/p>\n <\/div>\n\n <div class=\"proof-stats\">\n <div class=\"proof-stat\">\n <div class=\"proof-stat__value\">8'000+<\/div>\n <div class=\"proof-stat__label\">Im Wealth-Letter<\/div>\n <div class=\"proof-stat__sub\">W\u00f6chentlicher Newsletter<\/div>\n <\/div>\n <div class=\"proof-stat\">\n <div class=\"proof-stat__value\">30'000+<\/div>\n <div class=\"proof-stat__label\">Monatliche Besucher<\/div>\n <div class=\"proof-stat__sub\">Auf schwiizerfranke.com<\/div>\n <\/div>\n <div class=\"proof-stat\">\n <div class=\"proof-stat__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"proof-stat__value\">4.8<\/div>\n <div class=\"proof-stat__label\">Aus 100+ Bewertungen<\/div>\n <div class=\"proof-stat__sub\">Wealth-Letter & Community<\/div>\n <\/div>\n <div class=\"proof-stat\">\n <div class=\"proof-stat__value\">1'400+<\/div>\n <div class=\"proof-stat__label\">Kurs-Teilnehmer<\/div>\n <div class=\"proof-stat__sub\">ETF-Kurs Schwiizerfranke<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n FAQ\n ============================================================ -->\n<section class=\"faq\">\n <div class=\"container\">\n <div class=\"section__head\">\n <div class=\"section__eyebrow\">FAQ<\/div>\n <h2 class=\"section__title\">H\u00e4ufige Fragen vor dem Start.<\/h2>\n <\/div>\n\n <div class=\"faq__list\">\n <details class=\"faq-item\">\n <summary>Ist der ETF-Startplan wirklich kostenfrei?<\/summary>\n <div class=\"faq-item__answer\">\n Ja. Du erh\u00e4ltst 5 E-Mails und ein ausf\u00fcllbares PDF kostenfrei. Es gibt keinen versteckten Kaufzwang und keine Zahlungsdaten n\u00f6tig.\n <\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Ist der Kurs auch geeignet, wenn ich schon investiere?<\/summary>\n <div class=\"faq-item__answer\">\n Ja, gerade dann. Viele starten mit ETFs, wissen aber nicht ob Portfolio, Broker und Kosten wirklich zusammenpassen. Der Kurs zeigt dir konkret, was du anpassen kannst.\n <\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Bekomme ich konkrete ETF- oder Broker-Empfehlungen?<\/summary>\n <div class=\"faq-item__answer\">\n Du bekommst klare Kriterien, Beispiele und Bewertungen. Es geht um Bildung und Orientierung, nicht um individuelle Anlageberatung.\n <\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Warum reicht ein All-World-ETF nicht immer?<\/summary>\n <div class=\"faq-item__answer\">\n Ein All-World-ETF ist ein guter Start. Viele untersch\u00e4tzen aber die hohe USA-Gewichtung (\u00fcber 60 %) und den fehlenden Schweizer Kontext bei Steuern, Vorsorge und W\u00e4hrung.\n <\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Ist das auch f\u00fcr Schweizer Steuern und Vorsorge relevant?<\/summary>\n <div class=\"faq-item__answer\">\n Ja, genau darum geht es. Schweizer Anleger brauchen andere Antworten als deutsche oder US-Ratgeber. Quellensteuer, S\u00e4ule 3a und Schweizer Domizil-ETFs werden konkret behandelt.\n <\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Wie viel Zeit muss ich investieren?<\/summary>\n <div class=\"faq-item__answer\">\n Pro Mail etwa 3-5 Minuten Lesezeit. Insgesamt unter 30 Minuten \u00fcber 5 Tage verteilt. Plus optional ein paar Minuten, um deinen pers\u00f6nlichen Plan im PDF auszuf\u00fcllen.\n <\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Was passiert nach den 5 Tagen?<\/summary>\n <div class=\"faq-item__answer\">\n Du erh\u00e4ltst deinen pers\u00f6nlichen ETF-Startplan und kannst entscheiden, ob du alleine weitermachst oder dich weiter vertiefst. Du bleibst kostenfrei im Wealth-Letter (w\u00f6chentlich), jederzeit abmeldbar.\n <\/div>\n <\/details>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n FINAL CTA\n ============================================================ -->\n<section class=\"final-cta\" id=\"final-cta\">\n <div class=\"container\">\n <div class=\"final-cta__inner\">\n <h2 class=\"final-cta__title\">Bereit f\u00fcr deinen pers\u00f6nlichen ETF-Startplan?<\/h2>\n <p class=\"final-cta__subtitle\">\n Trage Vorname und E-Mail ein. Die erste Mail kommt direkt nach deiner Best\u00e4tigung.\n <\/p>\n\n <div class=\"form-card\">\n <div class=\"kit-form-wrap\" id=\"kit-form-bottom\">\n <form class=\"sf-form\" id=\"sfFormBottom\" novalidate>\n <div class=\"sf-form__field\">\n <input type=\"text\"\n class=\"sf-form__input\"\n name=\"first_name\"\n placeholder=\"Vorname\"\n required\n autocomplete=\"given-name\"\n aria-label=\"Vorname\">\n <\/div>\n <div class=\"sf-form__field\">\n <input type=\"email\"\n class=\"sf-form__input\"\n name=\"email_address\"\n placeholder=\"Deine E-Mail-Adresse\"\n required\n autocomplete=\"email\"\n aria-label=\"E-Mail-Adresse\">\n <div class=\"sf-form__error\">Bitte g\u00fcltige E-Mail-Adresse eingeben.<\/div>\n <\/div>\n <button type=\"submit\" class=\"sf-form__submit\">\n <span class=\"sf-form__spinner\"><\/span>\n <span class=\"sf-form__label\">ETF-Startplan kostenfrei sichern<\/span>\n <\/button>\n <\/form>\n <\/div>\n\n <div class=\"form-card__trust\">\n <div class=\"form-card__trust-item\">5 kurze Mails, in 3-5 Minuten lesbar<\/div>\n <div class=\"form-card__trust-item\">Jederzeit abmeldbar, kein Spam<\/div>\n <div class=\"form-card__trust-item\">Unabh\u00e4ngig, f\u00fcr Schweizer Anleger<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n SUCCESS POPUP (Double Opt-In Bridge)\n ============================================================ -->\n<div class=\"success-overlay\" id=\"successOverlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"successTitle\">\n <div class=\"success-modal\">\n <button class=\"success-modal__close\" id=\"successClose\" aria-label=\"Schliessen\">\u00d7<\/button>\n\n <div class=\"success-modal__icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n <\/svg>\n <\/div>\n\n <h2 class=\"success-modal__title\" id=\"successTitle\">Fast geschafft, <span>nur noch ein Klick.<\/span><\/h2>\n <p class=\"success-modal__text\">\n Best\u00e4tige kurz deine Anmeldung, danach geht's direkt los:\n <\/p>\n\n <div class=\"success-modal__steps\">\n <div class=\"success-modal__step\">\n <div class=\"success-modal__step-num\">1<\/div>\n <div>\u00d6ffne dein <strong>E-Mail-Postfach<\/strong><\/div>\n <\/div>\n <div class=\"success-modal__step\">\n <div class=\"success-modal__step-num\">2<\/div>\n <div>Suche die Mail von <strong>Eric Marschall<\/strong> (Betreff: \u00abBitte best\u00e4tige deine Anmeldung\u00bb)<\/div>\n <\/div>\n <div class=\"success-modal__step\">\n <div class=\"success-modal__step-num\">3<\/div>\n <div>Klicke den <strong>Best\u00e4tigungs-Link<\/strong> in der Mail<\/div>\n <\/div>\n <\/div>\n\n <p class=\"success-modal__hint\">\n Keine Mail erhalten? Pr\u00fcfe deinen Spam-Ordner. Oder antworte einfach kurz auf die Best\u00e4tigungs-Mail, dann melde ich dich manuell an.\n <\/p>\n <\/div>\n<\/div>\n\n<!-- ============================================================\n JS \u2014 Success Modal Trigger\n ============================================================ -->\n<script>\n(function() {\n 'use strict';\n\n \/\/ ============================================================\n \/\/ CONFIG\n \/\/ ============================================================\n var KIT_FORM_ID = '9521781';\n var KIT_ENDPOINT = 'https:\/\/app.kit.com\/forms\/' + KIT_FORM_ID + '\/subscriptions';\n\n \/\/ Rate limiting\n var RATE_LIMIT_MAX = 3;\n var RATE_LIMIT_WINDOW_MS = 600000; \/\/ 10 minutes\n var submitTimestamps = [];\n\n \/\/ ============================================================\n \/\/ SUCCESS MODAL\n \/\/ ============================================================\n var overlay = document.getElementById('successOverlay');\n var closeBtn = document.getElementById('successClose');\n\n function openOverlay() {\n overlay.classList.add('is-active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeOverlay() {\n overlay.classList.remove('is-active');\n document.body.style.overflow = '';\n }\n\n if (closeBtn) {\n closeBtn.addEventListener('click', closeOverlay);\n }\n if (overlay) {\n overlay.addEventListener('click', function(e) {\n if (e.target === overlay) closeOverlay();\n });\n }\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape' && overlay && overlay.classList.contains('is-active')) closeOverlay();\n });\n\n \/\/ ============================================================\n \/\/ HELPERS\n \/\/ ============================================================\n function isValidEmail(email) {\n if (!email || email.length > 254) return false;\n return \/^[a-zA-Z0-9._%+\\-]+@[a-zA-Z0-9.\\-]+\\.[a-zA-Z]{2,}$\/.test(email);\n }\n\n function isRateLimited() {\n var now = Date.now();\n submitTimestamps = submitTimestamps.filter(function(ts) {\n return now - ts < RATE_LIMIT_WINDOW_MS;\n });\n return submitTimestamps.length >= RATE_LIMIT_MAX;\n }\n\n function showError(input, errorEl, message) {\n input.classList.add('sf-form__input--error');\n if (errorEl) {\n errorEl.textContent = message;\n errorEl.classList.add('is-visible');\n }\n }\n\n function clearError(input, errorEl) {\n input.classList.remove('sf-form__input--error');\n if (errorEl) {\n errorEl.classList.remove('is-visible');\n }\n }\n\n function setLoading(button, loading) {\n if (loading) {\n button.disabled = true;\n button.classList.add('is-loading');\n var label = button.querySelector('.sf-form__label');\n if (label) label.textContent = 'Wird gesendet...';\n } else {\n button.disabled = false;\n button.classList.remove('is-loading');\n var labelReset = button.querySelector('.sf-form__label');\n if (labelReset) labelReset.textContent = 'ETF-Startplan kostenfrei sichern';\n }\n }\n\n \/\/ ============================================================\n \/\/ FORM SUBMIT \u2014 Kit API direkt\n \/\/ ============================================================\n function handleSubmit(form) {\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n\n var firstNameInput = form.querySelector('input[name=\"first_name\"]');\n var emailInput = form.querySelector('input[name=\"email_address\"]');\n var emailError = emailInput.parentElement.querySelector('.sf-form__error');\n var submitBtn = form.querySelector('.sf-form__submit');\n\n var firstName = firstNameInput.value.trim();\n var email = emailInput.value.trim();\n\n \/\/ Reset previous errors\n clearError(firstNameInput, null);\n clearError(emailInput, emailError);\n\n \/\/ Validation\n var hasError = false;\n\n if (!firstName) {\n firstNameInput.classList.add('sf-form__input--error');\n firstNameInput.focus();\n hasError = true;\n }\n\n if (!isValidEmail(email)) {\n showError(emailInput, emailError, 'Bitte g\u00fcltige E-Mail-Adresse eingeben.');\n if (!hasError) emailInput.focus();\n hasError = true;\n }\n\n if (hasError) return;\n\n \/\/ Rate limit check\n if (isRateLimited()) {\n showError(emailInput, emailError, 'Zu viele Versuche. Bitte warte ein paar Minuten.');\n return;\n }\n\n \/\/ Submit to Kit\n setLoading(submitBtn, true);\n submitTimestamps.push(Date.now());\n\n var formData = new FormData();\n formData.append('email_address', email);\n formData.append('fields[first_name]', firstName);\n\n var xhr = new XMLHttpRequest();\n xhr.open('POST', KIT_ENDPOINT, true);\n\n xhr.onreadystatechange = function() {\n if (xhr.readyState !== 4) return;\n\n setLoading(submitBtn, false);\n\n \/\/ Kit returns 200 or 201 on success, sometimes 302 redirect\n if (xhr.status >= 200 && xhr.status < 400) {\n \/\/ Success \u2014 open modal\n form.reset();\n openOverlay();\n\n \/\/ Plausible event (if available)\n if (typeof window.plausible === 'function') {\n try {\n window.plausible('Lead_ETF_Startplan', { props: { source: 'organic' } });\n } catch(err) {}\n }\n\n \/\/ Meta Pixel (if available)\n if (typeof window.fbq === 'function') {\n try {\n window.fbq('track', 'Lead', { content_name: 'ETF-Startplan-Organic' });\n } catch(err) {}\n }\n\n \/\/ GA4 (if available)\n if (typeof window.gtag === 'function') {\n try {\n window.gtag('event', 'generate_lead', {\n lead_source: 'etf_startplan_landing'\n });\n } catch(err) {}\n }\n } else {\n \/\/ Error \u2014 show friendly message\n showError(emailInput, emailError, 'Etwas ist schiefgelaufen. Bitte erneut versuchen.');\n }\n };\n\n xhr.onerror = function() {\n setLoading(submitBtn, false);\n showError(emailInput, emailError, 'Netzwerkfehler. Bitte erneut versuchen.');\n };\n\n xhr.send(formData);\n });\n\n \/\/ Clear errors on input\n form.querySelectorAll('input').forEach(function(input) {\n input.addEventListener('input', function() {\n input.classList.remove('sf-form__input--error');\n var errorEl = input.parentElement.querySelector('.sf-form__error');\n if (errorEl) errorEl.classList.remove('is-visible');\n });\n });\n }\n\n \/\/ Attach to both forms\n var heroForm = document.getElementById('sfFormHero');\n var bottomForm = document.getElementById('sfFormBottom');\n\n if (heroForm) handleSubmit(heroForm);\n if (bottomForm) handleSubmit(bottomForm);\n\n \/\/ Expose for testing\n window.SF_openSuccessModal = openOverlay;\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ETF-Kurs Schweiz: Gratis 5-Tage Startplan f\u00fcr ETF-Anleger | Schwiizerfranke Kostenfreier E-Mail-Kurs In 5 Tagen zu deinem pers\u00f6nlichen ETF-Portfolio Egal ob du schon investierst oder gerade erst startest: In 5 Tagen baust du deinen pers\u00f6nlichen ETF-Startplan f\u00fcr die Schweiz. Unabh\u00e4ngig F\u00fcr Schweizer Anleger Kein Anbieter-Hype 5 Tage, in 30 Min lesbar Am Ende kennst du: deinen […]<\/p>\n","protected":false},"author":2,"featured_media":46477,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_wp_convertkit_post_meta":{"form":"-1","landing_page":"0","tag":"0","restrict_content":"0"},"footnotes":""},"class_list":["post-46511","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/pages\/46511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/comments?post=46511"}],"version-history":[{"count":16,"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/pages\/46511\/revisions"}],"predecessor-version":[{"id":46534,"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/pages\/46511\/revisions\/46534"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/media\/46477"}],"wp:attachment":[{"href":"https:\/\/www.schwiizerfranke.com\/en\/wp-json\/wp\/v2\/media?parent=46511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}