/* ===== Hero mit Video (wie Startseite, weniger Höhe) ===== */ .hero{ position:relative; height:60vh; min-height:430px; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--primary-color); overflow:hidden; isolation:isolate; background:#000; } .hero video#bg-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; filter:brightness(1.18) contrast(1.08) saturate(1.08); background:#000; } .hero::after{ content:""; position:absolute; inset:0; z-index:-1; background: radial-gradient(60% 55% at 50% 40%, rgba(0,0,0,.22) 0%, rgba(0,0,0,.7) 100%), linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.78) 100%); } .hero-content{ z-index:1; max-width:900px; padding:18px; } .hero-content h1{ font-size:clamp(2.1rem,5.4vw,3.8rem); font-weight:900; letter-spacing:.4px; line-height:1.06; text-transform:uppercase; color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.6); margin-bottom:.25rem; } .hero-content .highlight{ background:linear-gradient(135deg,var(--accent-color),var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 18px rgba(255,255,255,.3); } .hero-content p{ font-size:clamp(.98rem,2.2vw,1.2rem); opacity:.98; margin:.7rem auto 1.2rem; max-width:760px; } .cta-row{ display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap; margin-bottom:.25rem; } .cta{ --shadow:0 10px 25px rgba(0,255,163,.25), 0 6px 12px rgba(24,195,255,.18); display:inline-flex; align-items:center; gap:.65rem; padding:.9rem 1.15rem; border-radius:14px; font-weight:800; font-size:.98rem; color:#071a13; background:linear-gradient(135deg,var(--accent-color) 0%, var(--accent-2) 100%); text-decoration:none; box-shadow:var(--shadow); border:0; user-select:none; transition:transform .18s ease, filter .18s ease, box-shadow .18s ease; } .cta:hover{ transform:translateY(-2px) scale(1.01); filter:saturate(1.05); } .cta-ghost{ display:inline-flex; align-items:center; gap:.55rem; padding:.85rem 1.05rem; border-radius:14px; border:1px solid var(--border); background:rgba(255,255,255,.06); backdrop-filter:blur(6px); color:#fff; text-decoration:none; font-weight:800; font-size:.95rem; } .subtle{ font-size:.86rem; color:#d7dde4; opacity:.95; margin-top:.4rem; }
.pill-row{ display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:.5rem; font-size:.85rem; } .pill{ display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; background:rgba(255,255,255,.07); border:1px solid var(--border); } .pill span.dot{ width:8px;height:8px;border-radius:50%;background:var(--accent-color); }
/* ===== Sections (Cards etc.), etwas kompakter ===== */ .section{ padding:50px 0; background:var(--bg-color); } .section-title{ text-align:center; font-size:2.05rem; font-weight:900; margin-bottom:18px; color:var(--primary-color); } .section-lead{ max-width:900px; margin:0 auto 16px; text-align:center; color:#e8edf3; font-size:.98rem; }
.card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; } .card{ background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)); border-radius:16px; border:1px solid var(--border); padding:18px; display:flex; flex-direction:column; gap:6px; transition:transform .25s ease, box-shadow .25s ease; } .card:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.4); } .card .icon{ font-size:1.8rem; color:var(--accent-color); } .card h3{ color:var(--primary-color); font-size:1.15rem; font-weight:900; } .card p{ opacity:.96; font-size:.96rem; }
.steps{ max-width:900px; margin:14px auto 0; display:grid; gap:10px; } .step{ background:var(--card-bg-color); border:1px solid var(--border); border-radius:14px; padding:12px 14px; display:flex; gap:10px; align-items:flex-start; font-size:.95rem; } .badge{ flex:0 0 auto; display:inline-grid; place-items:center; width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,var(--accent-color),var(--accent-2)); color:#04140f; font-weight:900; font-size:.9rem; }
.voucher-box{ background:var(--card-bg-color); border:1px solid var(--border); border-radius:16px; padding:16px; margin:20px auto 0; max-width:900px; font-size:.95rem; } .voucher-badge{ display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; background:rgba(0,255,163,.12); color:#b9ffe5; font-weight:800; font-size:.86rem; margin-bottom:5px; }
.faq{ max-width:900px; margin:0 auto; } .faq details{ background:var(--card-bg-color); border:1px solid var(--border); border-radius:12px; padding:10px 12px; margin:8px 0; font-size:.95rem; } .faq summary{ cursor:pointer; font-weight:800; } .faq p{margin-top:5px}
.sticky{ position:sticky; bottom:0; inset-inline:0; z-index:20; background:rgba(15,16,20,.9); backdrop-filter:blur(8px); border-top:1px solid var(--border); padding:8px 12px; display:flex; justify-content:center; } .sticky a{ display:inline-flex; align-items:center; gap:.5rem; padding:.8rem 1.05rem; border-radius:12px; font-weight:900; text-decoration:none; color:#041914; background:linear-gradient(135deg,var(--accent-color),var(--accent-2)); font-size:.94rem; }
a{color:var(--accent-2)} a:hover{text-decoration:underline}
@media (prefers-reduced-motion: reduce){ .hero video#bg-video{display:none} .hero{background:#0e0e0e url('https://images.pexels.com/photos/210019/pexels-photo-210019.jpeg?auto=compress&cs=tinysrgb&w=1920') center/cover no-repeat} .cta,.cta-ghost{transition:none} }
Kfz-Versicherung vergleichen & Bonus mitnehmen.
Du fährst schon wie Main Character, aber zahlst noch NPC-Preise? Lass uns das fix drehen: Tarife vergleichen, sparen & mit etwas Glück einen 60 € BestChoice-Gutschein on top sichern.
Werbung / Affiliate-Link – für dich bleibt der Preis gleich. Wir können eine Provision erhalten.
Warum Kfz-Versicherung nicht „einmal & nie wieder“ sein sollte
Viele lassen ihre Kfz-Versicherung einfach laufen – Jahr für Jahr. Meanwhile: Beiträge steigen, neue Tarife kommen, Sparpotenzial bleibt liegen.
Du kannst das smarter machen.
Preise ändern sich ständig
Versicherer passen ihre Tarife regelmäßig an. Ein kurzer Check beim Vergleich zeigt dir, ob dein aktueller Tarif noch cool ist – oder eher 2015 vibet.
Leistung passend zu deinem Life
Daily Pendeln, nur am Wochenende mit der Gang unterwegs oder Saisonkennzeichen? Über den Vergleich justierst du Kasko, Selbstbeteiligung & Extras passend zu deinem Alltag.
2–3 Minuten, done
Du musst nicht „Versicherungssprache“ studieren. Im Online-Vergleich gibst du kurz die wichtigsten Daten ein – den Rest übernimmt der Rechner für dich.
So holst du dir in wenigen Steps einen besseren Tarif
Kein Hexenwerk. Eher wie: Link klicken, ein paar Felder ausfüllen, beste Option picken.
Tippe auf „Jetzt Kfz-Versicherung vergleichen“. Es öffnet sich der Vergleichsrechner von Tarifcheck.
Trage ein, was du weißt: Auto, ungefähre Kilometer pro Jahr, wer fährt, wo du wohnst. Wenn du deinen aktuellen Vertrag griffbereit hast, geht’s noch leichter.
Check die Ergebnisse: Filtere z. B. nach Teilkasko/Vollkasko, Werkstattbindung oder Schutzbrief. Such dir in Ruhe das Angebot aus, das Preis & Leistung für dich gut matcht.
Wenn alles passt, kannst du direkt online wechseln. Die Kündigung beim alten Anbieter läuft oft über den neuen Versicherer – easy.
Mit Wechsel einen 60 € BestChoice-Gutschein sichern*
Über diesen speziellen Link kannst du – bei erfolgreichem Kfz-Versicherungswechsel – einen
60 € BestChoice-Gutschein erhalten:
*Wichtig: Der Gutschein wird nicht von meinfinanzcheck.info, sondern von Tarifcheck bzw. deren Gutscheinkonzept umgesetzt.
Es gelten die jeweiligen Teilnahmebedingungen des Anbieters. Bitte lies diese auf der Aktionsseite genau durch.
TikTok-Style Mindset: Dein Auto, dein Budget, deine Rules
Du kennst es: Für Sprit, Parkplatz, Pflege & manchmal auch Reparaturen geht schon genug Geld drauf.
Deswegen ist es smart, die Versicherung so effizient wie möglich zu halten – ohne auf Sicherheit zu verzichten.
„Bis zu“-Angaben richtig einordnen
Wirst du überall lesen: „bis zu X €“ sparen. Real talk: Wie viel bei dir drin ist, hängt von deinem Auto, deinem Wohnort, deiner SF-Klasse und deinem aktuellen Vertrag ab. Der Vergleich zeigt dir, was für dich konkret möglich ist.
Transparenz & kein Bullshit
Du siehst im Vergleich, was im Tarif drin ist: Deckungssumme, Selbstbeteiligung, Extras. Triff deine Entscheidung bewusst – nicht aus Bauchgefühl oder nur wegen eines Logos.
Safe unterwegs
Gerade bei neuen Fahrer:innen ist eine passende Versicherung wichtig. Im Zweifel lieber einmal mehr hinschauen, wie gut du abgesichert bist – und dann entspannt fahren.
FAQ – kurz & klar
Schadet der Vergleich meiner Schufa?
Nein. Der Tarifvergleich selbst ist unverbindlich und erfolgt ohne Schufa-Anfrage. Erst wenn du wirklich einen Vertrag abschließt, kann der Versicherer ggf. Daten prüfen.
Ich bin Fahranfänger:in – lohnt sich der Vergleich trotzdem?
Auf jeden Fall. Gerade bei jungen Fahrer:innen sind die Unterschiede zwischen den Anbietern oft groß. Achte auf Kilometer, Fahrer:innenkreis, Kasko-Art & ob ggf. eine Zweitwagenregelung über die Eltern möglich ist.
Wie bekomme ich den 60 € BestChoice-Gutschein?
Der Gutschein läuft über die Aktion von Tarifcheck. Nutze für den Bonus den Aktionslink
https://www.tarifcheck.com/shUxwrz
und beachte dort die Teilnahmebedingungen. Wichtig: Der Gutschein wird erst bei einem erfolgreichen, aktionsberechtigten Wechsel gewährt – nicht bei jedem Klick.
Ready für deinen Kfz-Versicherungs-Glow-Up?
Kurzer Vergleich jetzt, entspannter fahren später.
Check deine Optionen & nutze bei Bedarf die Bonus-Aktion.
Hinweis: Alle Angaben ohne Gewähr. Ob und wie viel du sparst, hängt von deiner persönlichen Situation ab
(Fahrzeug, Region, Schadenfreiheitsklasse, bisheriger Vertrag etc.).
Der BestChoice-Gutschein wird – bei erfolgtem, teilnahmeberechtigtem Wechsel – von Tarifcheck bzw. deren Partnern abgewickelt.