<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>555€ schufafrei kassieren – Dealdachs</title>
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
<style>
:root {
--bg: #0a0a0a;
--surface: #111111;
--surface2: #181818;
--border: #222222;
--accent: #c8f04f;
--accent2: #f0c84f;
--text: #f0ede8;
--muted: #888;
--green: #4ade80;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: var(--bg);
color: var(--text);
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.6;
overflow-x: hidden;
}
/* NOISE TEXTURE */
body::before {
content: '';
position: fixed;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 100;
opacity: 0.4;
}
/* HERO */
.hero {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 80px 24px 60px;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(200,240,79,0.12) 0%, transparent 70%);
top: 50%;
left: 50%;
transform: translate(-50%, -60%);
pointer-events: none;
}
.badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(200,240,79,0.1);
border: 1px solid rgba(200,240,79,0.3);
color: var(--accent);
padding: 6px 16px;
border-radius: 100px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 32px;
animation: fadeUp 0.6s ease both;
}
.hero h1 {
font-family: 'Syne', sans-serif;
font-size: clamp(52px, 10vw, 110px);
font-weight: 800;
line-height: 0.95;
letter-spacing: -0.03em;
margin-bottom: 24px;
animation: fadeUp 0.7s 0.1s ease both;
}
.hero h1 .highlight {
color: var(--accent);
display: block;
}
.hero-sub {
font-size: clamp(16px, 2vw, 20px);
color: var(--muted);
max-width: 540px;
margin: 0 auto 40px;
animation: fadeUp 0.7s 0.2s ease both;
}
.hero-sub strong { color: var(--text); }
.cta-group {
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
animation: fadeUp 0.7s 0.3s ease both;
}
.btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--accent);
color: #0a0a0a;
font-family: 'Syne', sans-serif;
font-weight: 700;
font-size: 16px;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
transition: all 0.2s;
letter-spacing: -0.01em;
}
.btn-primary:hover {
background: #d8ff5f;
transform: translateY(-2px);
box-shadow: 0 12px 40px rgba(200,240,79,0.25);
}
.btn-ghost {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: var(--text);
font-size: 15px;
padding: 14px 24px;
border-radius: 8px;
text-decoration: none;
border: 1px solid var(--border);
transition: all 0.2s;
}
.btn-ghost:hover { border-color: #444; background: var(--surface); }
.scroll-hint {
position: absolute;
bottom: 32px;
left: 50%;
transform: translateX(-50%);
color: var(--muted);
font-size: 13px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
animation: fadeUp 0.7s 0.5s ease both;
}
.scroll-hint .arrow {
width: 20px;
height: 20px;
border-right: 2px solid var(--muted);
border-bottom: 2px solid var(--muted);
transform: rotate(45deg);
animation: bounce 1.5s ease infinite;
}
/* STATS BAR */
.stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 1px;
background: var(--border);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.stat {
background: var(--bg);
padding: 28px 32px;
text-align: center;
}
.stat-num {
font-family: 'Syne', sans-serif;
font-size: 36px;
font-weight: 800;
color: var(--accent);
display: block;
}
.stat-label {
font-size: 13px;
color: var(--muted);
margin-top: 4px;
}
/* SECTION */
.section {
max-width: 860px;
margin: 0 auto;
padding: 80px 24px;
}
.section-label {
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--accent);
font-weight: 600;
margin-bottom: 12px;
}
.section-title {
font-family: 'Syne', sans-serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.02em;
margin-bottom: 20px;
}
.section-desc {
color: var(--muted);
max-width: 580px;
font-size: 16px;
margin-bottom: 48px;
}
/* DEALS GRID */
.deals-grid {
display: flex;
flex-direction: column;
gap: 16px;
}
.deal-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 16px;
overflow: hidden;
transition: border-color 0.2s, transform 0.2s;
position: relative;
}
.deal-card:hover {
border-color: rgba(200,240,79,0.3);
transform: translateY(-2px);
}
.deal-card.featured {
border-color: rgba(200,240,79,0.25);
background: linear-gradient(135deg, #131a0a 0%, #111111 60%);
}
.deal-card.featured::before {
content: '⭐ Top-Deal';
position: absolute;
top: 16px;
right: 16px;
background: var(--accent);
color: #0a0a0a;
font-size: 11px;
font-weight: 700;
padding: 4px 10px;
border-radius: 100px;
letter-spacing: 0.04em;
font-family: 'Syne', sans-serif;
}
.deal-inner {
display: grid;
grid-template-columns: 1fr auto;
gap: 20px;
align-items: start;
padding: 28px;
}
.deal-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.deal-icon {
width: 44px;
height: 44px;
border-radius: 10px;
background: rgba(200,240,79,0.12);
border: 1px solid rgba(200,240,79,0.2);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
flex-shrink: 0;
}
.deal-name {
font-family: 'Syne', sans-serif;
font-size: 20px;
font-weight: 700;
letter-spacing: -0.01em;
}
.deal-tag {
display: inline-block;
font-size: 11px;
padding: 3px 8px;
border-radius: 4px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-top: 4px;
}
.tag-depot { background: rgba(74,222,128,0.1); color: var(--green); border: 1px solid rgba(74,222,128,0.2); }
.tag-konto { background: rgba(200,240,79,0.1); color: var(--accent); border: 1px solid rgba(200,240,79,0.2); }
.tag-cashback { background: rgba(240,200,79,0.1); color: var(--accent2); border: 1px solid rgba(240,200,79,0.2); }
.tag-easy { background: rgba(147,197,253,0.1); color: #93c5fd; border: 1px solid rgba(147,197,253,0.2); }
.deal-amount {
font-family: 'Syne', sans-serif;
font-size: 40px;
font-weight: 800;
color: var(--accent);
line-height: 1;
white-space: nowrap;
text-align: right;
}
.deal-amount small {
display: block;
font-size: 13px;
color: var(--muted);
font-family: 'DM Sans', sans-serif;
font-weight: 400;
margin-top: 4px;
text-align: right;
}
.deal-desc {
color: var(--muted);
font-size: 14px;
margin-bottom: 16px;
line-height: 1.5;
}
.steps {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 20px;
}
.step {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
color: #ccc;
}
.step-num {
width: 22px;
height: 22px;
border-radius: 50%;
background: rgba(200,240,79,0.15);
border: 1px solid rgba(200,240,79,0.3);
color: var(--accent);
font-size: 11px;
font-weight: 700;
font-family: 'Syne', sans-serif;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
}
.deal-footer {
border-top: 1px solid var(--border);
padding: 16px 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.deal-note {
font-size: 12px;
color: var(--muted);
display: flex;
align-items: center;
gap: 6px;
}
.deal-note svg { flex-shrink: 0; }
.btn-deal {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--accent);
color: #0a0a0a;
font-family: 'Syne', sans-serif;
font-weight: 700;
font-size: 14px;
padding: 10px 20px;
border-radius: 8px;
text-decoration: none;
transition: all 0.2s;
white-space: nowrap;
}
.btn-deal:hover {
background: #d8ff5f;
transform: translateY(-1px);
}
/* WARNING BOX */
.warning-box {
background: rgba(240,200,79,0.06);
border: 1px solid rgba(240,200,79,0.2);
border-radius: 12px;
padding: 20px 24px;
margin: 20px 28px 0;
font-size: 13px;
color: #d4b84a;
display: flex;
gap: 12px;
}
.warning-box strong { color: var(--accent2); }
/* TOTAL BAR */
.total-bar {
background: var(--surface2);
border: 1px solid rgba(200,240,79,0.25);
border-radius: 16px;
padding: 28px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 32px;
flex-wrap: wrap;
}
.total-bar-text { font-size: 15px; color: var(--muted); }
.total-bar-text strong { color: var(--text); display: block; font-family: 'Syne', sans-serif; font-size: 20px; font-weight: 700; }
.total-amount {
font-family: 'Syne', sans-serif;
font-size: 52px;
font-weight: 800;
color: var(--accent);
line-height: 1;
}
/* HOW IT WORKS */
.how-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
}
.how-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
padding: 24px;
}
.how-num {
font-family: 'Syne', sans-serif;
font-size: 48px;
font-weight: 800;
color: var(--border);
line-height: 1;
margin-bottom: 12px;
}
.how-title {
font-family: 'Syne', sans-serif;
font-weight: 700;
font-size: 17px;
margin-bottom: 8px;
}
.how-desc { font-size: 14px; color: var(--muted); line-height: 1.5; }
/* DISCLAIMER */
.disclaimer {
background: var(--surface);
border-top: 1px solid var(--border);
padding: 40px 24px;
text-align: center;
}
.disclaimer p {
font-size: 13px;
color: var(--muted);
max-width: 600px;
margin: 0 auto 8px;
line-height: 1.6;
}
.disclaimer a { color: var(--muted); text-decoration: underline; }
/* FOOTER */
footer {
background: var(--bg);
border-top: 1px solid var(--border);
padding: 24px;
text-align: center;
font-size: 13px;
color: #555;
}
footer a { color: #555; text-decoration: underline; }
/* STICKY CTA */
.sticky-cta {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 50;
animation: fadeUp 1s 1s ease both;
}
.sticky-cta a {
display: flex;
align-items: center;
gap: 10px;
background: var(--accent);
color: #0a0a0a;
font-family: 'Syne', sans-serif;
font-weight: 700;
font-size: 14px;
padding: 12px 20px;
border-radius: 100px;
text-decoration: none;
box-shadow: 0 8px 32px rgba(200,240,79,0.3);
transition: all 0.2s;
}
.sticky-cta a:hover {
transform: scale(1.04);
box-shadow: 0 12px 40px rgba(200,240,79,0.4);
}
/* ANIMATIONS */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes bounce {
0%, 100% { transform: rotate(45deg) translateY(0); }
50% { transform: rotate(45deg) translateY(5px); }
}
.fade-in {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: none;
}
@media (max-width: 600px) {
.deal-inner { grid-template-columns: 1fr; }
.deal-amount { text-align: left; font-size: 32px; }
.total-bar { flex-direction: column; text-align: center; }
.deal-footer { flex-direction: column; align-items: flex-start; }
.sticky-cta { bottom: 16px; right: 16px; }
}
</style>
</head>
<body>
<!-- STICKY CTA -->
<div class="sticky-cta">
<a href="#deals">
<span>🦡</span>
Jetzt starten
</a>
</div>
<!-- HERO -->
<section class="hero">
<div class="badge">🦡 Dealdachs · Bonus-Liste 2026</div>
<h1>
Bis zu
<span class="highlight">555 €</span>
kassieren
</h1>
<p class="hero-sub">
Ohne Kredit. Ohne Schufa-Abfrage. <strong>Schritt für Schritt</strong> – mit Cashback-Deals, Depot-Boni und Startguthaben, die wirklich funktionieren.
</p>
<div class="cta-group">
<a href="#deals" class="btn-primary">
Deals anzeigen
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a href="#wie" class="btn-ghost">Wie funktioniert das?</a>
</div>
<div class="scroll-hint">
<span>Scroll</span>
<div class="arrow"></div>
</div>
</section>
<!-- STATS -->
<div class="stats">
<div class="stat">
<span class="stat-num">555 €</span>
<div class="stat-label">Gesamtpotenzial</div>
</div>
<div class="stat">
<span class="stat-num">8</span>
<div class="stat-label">Deals in der Liste</div>
</div>
<div class="stat">
<span class="stat-num">0 €</span>
<div class="stat-label">Laufende Kosten</div>
</div>
<div class="stat">
<span class="stat-num">0</span>
<div class="stat-label">Schufa-Abfragen</div>
</div>
</div>
<!-- WIE FUNKTIONIERT ES -->
<section class="section" id="wie">
<div class="fade-in">
<div class="section-label">So geht's</div>
<h2 class="section-title">Einfacher als du denkst</h2>
<p class="section-desc">Kein Expertenwissen nötig. Einfach die Liste abarbeiten, Boni kassieren, fertig.</p>
<div class="how-grid">
<div class="how-card">
<div class="how-num">01</div>
<div class="how-title">Deal aussuchen</div>
<div class="how-desc">Wähle einen Deal aus der Liste und klicke auf den Partnerlink.</div>
</div>
<div class="how-card">
<div class="how-num">02</div>
<div class="how-title">Konto eröffnen</div>
<div class="how-desc">Registrierung dauert meist 5–10 Minuten. Alles kostenlos, keine Schufa.</div>
</div>
<div class="how-card">
<div class="how-num">03</div>
<div class="how-title">Bonus erhalten</div>
<div class="how-desc">Bedingungen erfüllen (z. B. 1 Trade) – und der Bonus landet auf dem Konto.</div>
</div>
<div class="how-card">
<div class="how-num">04</div>
<div class="how-title">Nächsten Deal starten</div>
<div class="how-desc">Alle Depots sind dauerhaft kostenlos. Einfach weitermachen und sammeln.</div>
</div>
</div>
</div>
</section>
<!-- DEALS -->
<section class="section" id="deals" style="padding-top: 0;">
<div class="fade-in">
<div class="section-label">Die Deals</div>
<h2 class="section-title">Alle Boni auf einen Blick</h2>
<p class="section-desc">Sortiert nach Aufwand & Bonus. Am besten von oben nach unten abarbeiten.</p>
</div>
<div class="deals-grid">
<!-- Trade Republic -->
<div class="deal-card featured fade-in">
<div class="deal-inner">
<div>
<div class="deal-header">
<div class="deal-icon">📈</div>
<div>
<div class="deal-name">Trade Republic</div>
<span class="deal-tag tag-depot">Depot</span>
</div>
</div>
<p class="deal-desc">Deutschlands beliebtestes Depot. Einfachster Einstieg – nach einem einzigen Trade (schon ab 1 €) gibt's die Prämie.</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><span>Als Neukunde registrieren</span></div>
<div class="step"><div class="step-num">2</div><span>Mindestens 10 € einzahlen</span></div>
<div class="step"><div class="step-num">3</div><span>1 Trade ausführen (z. B. eine Aktie für 1 €)</span></div>
</div>
</div>
<div>
<div class="deal-amount">50 €<small>Prämie</small></div>
</div>
</div>
<div class="deal-footer">
<div class="deal-note">
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
Dauerhaft kostenlos · schufafrei
</div>
<a href="https://dachs.deals/traderepublic" target="_blank" class="btn-deal">
50 € sichern*
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<!-- JoeBroker -->
<div class="deal-card fade-in">
<div class="deal-inner">
<div>
<div class="deal-header">
<div class="deal-icon">💼</div>
<div>
<div class="deal-name">JoeBroker</div>
<span class="deal-tag tag-depot">Depot</span>
</div>
</div>
<p class="deal-desc">Kostenloses Depot von TARGOBANK. 100 € Prämie als ETF-Anteil – Aktion läuft nur bis 31.03.2026!</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><span>Als Neukunde Depot eröffnen</span></div>
<div class="step"><div class="step-num">2</div><span>Mindestens 100 € einzahlen (innerhalb 30 Tage)</span></div>
<div class="step"><div class="step-num">3</div><span>2 Trades ausführen (keine Sparpläne)</span></div>
</div>
</div>
<div>
<div class="deal-amount">100 €<small>als ETF-Anteil</small></div>
</div>
</div>
<div class="deal-footer">
<div class="deal-note">
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
⚡ Läuft bis 31.03.2026
</div>
<a href="https://dachs.deals/joe" target="_blank" class="btn-deal">
100 € sichern*
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<!-- Instabank -->
<div class="deal-card fade-in">
<div class="deal-inner">
<div>
<div class="deal-header">
<div class="deal-icon">💳</div>
<div>
<div class="deal-name">Instabank</div>
<span class="deal-tag tag-cashback">Cashback</span>
</div>
</div>
<p class="deal-desc">80 € Cashback für einen validen Abschluss – schufafrei. Über Shoop aktivieren, alle Cookies akzeptieren, Abschluss nicht über die App.</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><span>Link klicken und Cashback bei Shoop aktivieren</span></div>
<div class="step"><div class="step-num">2</div><span>Instabank als Neukunde abschließen (nicht über App)</span></div>
<div class="step"><div class="step-num">3</div><span>Vertrag nicht widerrufen / kündigen</span></div>
</div>
</div>
<div>
<div class="deal-amount">80 €<small>+ 15 € Bonus</small></div>
</div>
</div>
<div class="warning-box">
<span>⚠️</span>
<div><strong>Wichtig:</strong> Bei dieser Karte fällt sofort ein eff. Jahreszins von 20,63 % an. Entweder Guthaben vorher aufladen oder nach jeder Zahlung sofort ausgleichen – oder Karte gar nicht nutzen und nur den Cashback mitnehmen.</div>
</div>
<div class="deal-footer">
<div class="deal-note">
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
Nur Neukunden · Aktion läuft noch kurze Zeit
</div>
<a href="https://dachs.deals/shoop" target="_blank" class="btn-deal">
80 € Cashback holen
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<!-- quirion -->
<div class="deal-card fade-in">
<div class="deal-inner">
<div>
<div class="deal-header">
<div class="deal-icon">🤖</div>
<div>
<div class="deal-name">quirion</div>
<span class="deal-tag tag-depot">Depot · Robo-Advisor</span>
</div>
</div>
<p class="deal-desc">55 € Sofortprämie + bis zu 150 € extra bei Sparplan oder Einmalzahlung. Code <strong style="color:var(--accent)">START2026</strong> nicht vergessen!</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><span>Als Neukunde Depot eröffnen</span></div>
<div class="step"><div class="step-num">2</div><span>Code <strong>START2026</strong> bei Registrierung eingeben</span></div>
<div class="step"><div class="step-num">3</div><span>Mindestens 25 € einzahlen</span></div>
</div>
</div>
<div>
<div class="deal-amount">55 €<small>+ bis 150 € extra</small></div>
</div>
</div>
<div class="deal-footer">
<div class="deal-note">
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
Code: <strong style="color:var(--accent);margin-left:4px">START2026</strong>
</div>
<a href="https://dachs.deals/quirion" target="_blank" class="btn-deal">
55–205 € sichern*
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<!-- finanzen.net zero -->
<div class="deal-card fade-in">
<div class="deal-inner">
<div>
<div class="deal-header">
<div class="deal-icon">📊</div>
<div>
<div class="deal-name">finanzen.net zero</div>
<span class="deal-tag tag-depot">Depot</span>
</div>
</div>
<p class="deal-desc">Kostenloses Depot mit 0 € Ordergebühren für Aktien, ETFs & Kryptos. 70 € nach 5 Trades innerhalb von 45 Tagen.</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><span>Als Neukunde Depot eröffnen (6 Monate kein Konto)</span></div>
<div class="step"><div class="step-num">2</div><span>Innerhalb von 45 Tagen 5 Trades ausführen (keine Sparpläne)</span></div>
</div>
</div>
<div>
<div class="deal-amount">70 €<small>Prämie</small></div>
</div>
</div>
<div class="deal-footer">
<div class="deal-note">
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
0 € Ordergebühren · schufafrei
</div>
<a href="https://dachs.deals/zero" target="_blank" class="btn-deal">
70 € sichern*
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<!-- VW Bank -->
<div class="deal-card fade-in">
<div class="deal-inner">
<div>
<div class="deal-header">
<div class="deal-icon">🏦</div>
<div>
<div class="deal-name">VW Bank Tagesgeld</div>
<span class="deal-tag tag-konto">Tagesgeld</span>
</div>
</div>
<p class="deal-desc">15 € Prämie + 2,9 % Zinsen p.a. auf das gesamte Guthaben. Wichtig: 10-stellige Referenznummer vom PostIdent notieren!</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><span>Tagesgeldkonto bei VW Bank eröffnen (12 Monate kein Kunde)</span></div>
<div class="step"><div class="step-num">2</div><span>Referenznummer vom PostIdent notieren</span></div>
</div>
</div>
<div>
<div class="deal-amount">15 €<small>+ 2,9 % p.a.</small></div>
</div>
</div>
<div class="deal-footer">
<div class="deal-note">
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
2,9 % Zinsen auf gesamtes Guthaben
</div>
<a href="https://dachs.deals/vwtagesgeld" target="_blank" class="btn-deal">
Konto eröffnen
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<!-- Smartbroker -->
<div class="deal-card fade-in">
<div class="deal-inner">
<div>
<div class="deal-header">
<div class="deal-icon">🏹</div>
<div>
<div class="deal-name">Smartbroker+</div>
<span class="deal-tag tag-depot">Depot</span>
</div>
</div>
<p class="deal-desc">30 € Prämie nach einem Trade. Ordergebühr 4 € (ab 500 € kostenlos). Depot dauerhaft kostenlos.</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><span>Depot eröffnen (12 Monate kein Kunde)</span></div>
<div class="step"><div class="step-num">2</div><span>1 Trade mit ETF oder Aktie ausführen</span></div>
</div>
</div>
<div>
<div class="deal-amount">30 €<small>Prämie</small></div>
</div>
</div>
<div class="deal-footer">
<div class="deal-note">
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
Dauerhaft kostenlos · schufafrei
</div>
<a href="https://dachs.deals/smartbroker" target="_blank" class="btn-deal">
30 € sichern*
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<!-- GfK -->
<div class="deal-card fade-in">
<div class="deal-inner">
<div>
<div class="deal-header">
<div class="deal-icon">📱</div>
<div>
<div class="deal-name">GfK Digital Trends</div>
<span class="deal-tag tag-easy">Easy 2 Min</span>
</div>
</div>
<p class="deal-desc">Super easy: App runterladen, registrieren – fertig. 5 € Sofortbonus, danach monatlich Punkte für Gutscheine sammeln.</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><span>Kostenlos bei GfK registrieren</span></div>
<div class="step"><div class="step-num">2</div><span>App herunterladen</span></div>
</div>
</div>
<div>
<div class="deal-amount">5 €<small>+ monatliche Punkte</small></div>
</div>
</div>
<div class="deal-footer">
<div class="deal-note">
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
Bonus nach 24–48 Stunden
</div>
<a href="https://dachs.deals/gfk" target="_blank" class="btn-deal">
5 € mitnehmen
<svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</div>
</div>
<!-- TOTAL BAR -->
<div class="total-bar fade-in">
<div class="total-bar-text">
Alle Deals zusammen
<strong>Mögliches Gesamtpotenzial</strong>
</div>
<div class="total-amount">555 €</div>
</div>
</section>
<!-- TAX HINT -->
<div style="max-width:860px;margin:0 auto;padding: 0 24px 80px;">
<div class="fade-in" style="background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 32px;">
<div class="section-label" style="margin-bottom:8px">Steuer-Hinweis</div>
<p style="font-size:14px;color:var(--muted);line-height:1.7;margin:0">
Bankprämien (z. B. Startguthaben oder Freundschaftswerbung) gelten als steuerpflichtige Einnahmen. <strong style="color:var(--text)">Bis zu 256 € pro Kalenderjahr bleiben steuerfrei</strong> und müssen nicht angegeben werden. Achtung: Das ist eine Freigrenze, kein Freibetrag – wer darüber kommt, versteuert den gesamten Betrag. Eintragen unter <em>Sonstige Einkünfte</em>. Im Zweifel Steuerberater fragen. <em>Dies ist keine Steuerberatung.</em>
</p>
</div>
</div>
<!-- DISCLAIMER -->
<div class="disclaimer">
<p>Links mit <strong>*</strong> sind Affiliate-/Partnerlinks. Wenn du darüber abschließt, erhält der Dealdachs eine kleine Provision. Für dich ändert sich nichts am Bonus oder Preis.</p>
<p style="margin-top:8px"><a href="https://dachs.deals/impressum/" target="_blank">Impressum</a></p>
</div>
<!-- FOOTER -->
<footer>
<p>© 2026 Dealdachs · <a href="https://dachs.deals/impressum/" target="_blank">Impressum</a></p>
</footer>
<script>
// Intersection Observer for fade-in
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry, i) => {
if (entry.isIntersecting) {
setTimeout(() => {
entry.target.classList.add('visible');
}, 80);
observer.unobserve(entry.target);
}
});
}, { threshold: 0.08 });
document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
</script>
</body>
</html>