*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --bg: #0d0d0d; --surface: #161616; --card: #1e1e1e; --border: #2a2a2a; --gold: #e8a020; --gold-soft: #f5c860; --red: #e60023; --white: #f5f5f5; --muted: #888; --radius: 14px; } html { scroll-behavior: smooth; } body { background: var(--bg); color: var(--white); font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; } /* ── HERO ───────────────────────────────── */ .hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px 24px 80px; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(232,160,32,.18) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 80% 80%, rgba(230,0,35,.10) 0%, transparent 60%); pointer-events: none; } .badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(232,160,32,.12); border: 1px solid rgba(232,160,32,.3); border-radius: 100px; padding: 6px 18px; font-size: 13px; font-weight: 600; color: var(--gold); letter-spacing: .04em; text-transform: uppercase; margin-bottom: 28px; } .hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 6vw, 4rem); font-weight: 900; line-height: 1.15; max-width: 720px; margin-bottom: 20px; } .hero h1 em { font-style: normal; color: var(--gold); } .hero p.sub { font-size: clamp(1rem, 2.5vw, 1.2rem); color: #aaa; max-width: 540px; margin-bottom: 44px; } /* ── FORM CARD ──────────────────────────── */ .form-card { background: var(--card); border: 1px solid var(--border); border-radius: 20px; padding: 36px 32px; width: 100%; max-width: 460px; box-shadow: 0 24px 60px rgba(0,0,0,.5); position: relative; } .form-card::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); } .form-card h2 { font-size: 1.1rem; font-weight: 700; margin-bottom: 6px; color: var(--white); } .form-card p { font-size: .9rem; color: var(--muted); margin-bottom: 24px; } .form-group { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; } .form-group input { background: #111; border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; font-size: .95rem; color: var(--white); font-family: 'Inter', sans-serif; transition: border-color .2s; outline: none; width: 100%; } .form-group input::placeholder { color: #555; } .form-group input:focus { border-color: var(--gold); } .btn-cta { display: block; width: 100%; background: linear-gradient(135deg, var(--gold), #f5a623); color: #000; font-weight: 800; font-size: 1rem; border: none; border-radius: 10px; padding: 16px; cursor: pointer; letter-spacing: .01em; transition: opacity .2s, transform .15s; } .btn-cta:hover { opacity: .92; transform: translateY(-1px); } .form-note { font-size: .78rem; color: #555; text-align: center; margin-top: 12px; } /* Systeme.io embed placeholder */ .systeme-placeholder { background: rgba(232,160,32,.04); border: 1px dashed rgba(232,160,32,.2); border-radius: 10px; padding: 20px; text-align: center; font-size: .85rem; color: #666; margin-top: 16px; } .systeme-placeholder strong { color: var(--gold); display: block; margin-bottom: 6px; } /* ── WHAT YOU GET ───────────────────────── */ .section { padding: 80px 24px; max-width: 960px; margin: 0 auto; } .eyebrow { font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; } .section-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 700; line-height: 1.2; margin-bottom: 16px; } .section-sub { color: #888; max-width: 520px; margin-bottom: 48px; font-size: .95rem; } .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; } .step-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; transition: border-color .2s; } .step-card:hover { border-color: rgba(232,160,32,.3); } .step-num { font-family: 'Playfair Display', serif; font-size: 2rem; font-weight: 900; color: rgba(232,160,32,.2); line-height: 1; margin-bottom: 10px; } .step-card h3 { font-size: .95rem; font-weight: 700; margin-bottom: 6px; color: var(--white); } .step-card p { font-size: .85rem; color: var(--muted); line-height: 1.5; } /* ── FOR WHOM ───────────────────────────── */ .for-whom { background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); } .whom-list { display: flex; flex-direction: column; gap: 12px; margin-top: 36px; } .whom-item { display: flex; align-items: flex-start; gap: 14px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 20px; } .whom-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; } .whom-item p { font-size: .92rem; color: #ccc; line-height: 1.5; } .whom-item strong { color: var(--white); } /* ── FUNNEL VISUAL ──────────────────────── */ .funnel-section { text-align: center; } .funnel-steps { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0; margin-top: 40px; } .funnel-step { display: flex; flex-direction: column; align-items: center; gap: 8px; } .funnel-bubble { width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; border: 2px solid var(--border); background: var(--card); } .funnel-bubble.active { border-color: var(--gold); background: rgba(232,160,32,.1); } .funnel-label { font-size: .75rem; font-weight: 600; color: var(--muted); text-align: center; max-width: 80px; } .funnel-label.active { color: var(--gold-soft); } .funnel-arrow { font-size: 1.2rem; color: var(--border); padding: 0 6px; margin-bottom: 28px; } /* ── CTA BOTTOM ─────────────────────────── */ .cta-bottom { text-align: center; padding: 80px 24px; position: relative; overflow: hidden; } .cta-bottom::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(232,160,32,.08) 0%, transparent 70%); pointer-events: none; } .cta-bottom h2 { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 700; margin-bottom: 16px; } .cta-bottom p { color: #888; margin-bottom: 36px; max-width: 460px; margin-left: auto; margin-right: auto; } .btn-cta-outline { display: inline-block; border: 2px solid var(--gold); color: var(--gold); font-weight: 700; font-size: 1rem; border-radius: 10px; padding: 15px 36px; cursor: pointer; text-decoration: none; transition: background .2s, color .2s; } .btn-cta-outline:hover { background: var(--gold); color: #000; } /* ── FOOTER ─────────────────────────────── */ footer { border-top: 1px solid var(--border); padding: 28px 24px; text-align: center; font-size: .8rem; color: #444; } footer a { color: #555; text-decoration: none; margin: 0 8px; } footer a:hover { color: var(--gold); } /* ── DIVIDER ────────────────────────────── */ .divider { border: none; border-top: 1px solid var(--border); } /* ── RESPONSIVE ─────────────────────────── */ @media (max-width: 600px) { .form-card { padding: 28px 20px; } .funnel-arrow { display: none; } .funnel-steps { gap: 16px; } } Zum Hauptinhalt springen
🎁 100% Kostenlos · Sofort-Download

Dein strukturierter Einstieg ins
Affiliate Marketing

Die Affiliate Marketing Starter-Checkliste zeigt dir die 10 Schritte, die die meisten Anfänger überspringen – und wie du es von Anfang an richtig angehst.

3D Mockup der Affiliate Marketing Starter-Checkliste auf Buch, iPhone und iPad

Sichere dir jetzt deine kostenlose Checkliste

Klicke auf den Button, um deine Checkliste gratis über Digistore24 anzufordern. Der Download-Link wird dir sofort per E-Mail zugeschickt.

📥 Jetzt kostenlos anfordern →

🔒 Kostenlos. Kein Abo. Direkt-Download nach Anmeldung.

Die Bestellung wird sicher über Digistore24.com abgewickelt.

10 Schritte – strukturiert
ins Affiliate Marketing starten

Kein Chaos, keine widersprüchlichen Ratschläge. Nur das, was wirklich relevant ist – in der richtigen Reihenfolge.

Mindset & Erwartungshaltung

Realistische Erwartungen setzen und mit der richtigen Grundhaltung starten.

Nische & Zielgruppe

Kein „alles für jeden" – du lernst, wie du eine Nische wählst die zu dir passt.

Plattform-Fokus

Eine Hauptplattform. Kein Verzettelns. Empfehlung: Pinterest + Blog.

Content-Strategie

Inhalte die Probleme lösen – und dadurch automatisch Vertrauen aufbauen.

Affiliate-Produkte auswählen

Wie du die richtigen Produkte findest – und welche du besser meidest.

Links richtig einsetzen

Kein rohes Link-Spammen. Die Formel: Content → Lösung → Empfehlung → Link.

Einfacher Funnel

Pin → Blogartikel → Freebie → E-Mail. So sieht ein funktionierender Funnel aus.

Freebie & E-Mail-Liste

Warum deine E-Mail-Liste dein wichtigstes Asset ist – und wie du sie aufbaust.

Tracking & Optimierung

Klicks, Conversions, Pin-Hooks. Nicht raten – messen.

Die 90-Tage-Regel

Die meisten scheitern nicht am System – sondern an Ungeduld.

Perfekt für dich, wenn…

Du mit Affiliate Marketing starten willst – aber nicht weißt, wo du anfangen sollst.

Du bereits erste Schritte gemacht hast – aber das Gefühl hast, dass dir eine klare Struktur fehlt.

Du Pinterest als Traffic-Kanal aufbauen willst – mit einer klaren Content-Strategie dahinter.

Du ein nachvollziehbares System suchst – statt widersprüchlicher Ratschläge aus verschiedenen Quellen.

Das System hinter
strukturiertem Affiliate Marketing

Die Checkliste führt dich durch jeden dieser Schritte – in der richtigen Reihenfolge.

Pinterest Pin
Blog­artikel
Freebie
E-Mail Liste
Dein Ziel

Bereit für einen strukturierten Start?

Die Checkliste ist kostenlos. Fordere sie jetzt an und du erhältst den Download-Link sofort per E-Mail.

📥 Jetzt kostenlos anfordern →