Bestellvorgang bei hepster
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
.hep-guide{
--jungle:#2A514D; --jungle-600:#22423F; --lime:#E5FE46;
--gulf:#7DBB97; --gulf-tint:#EAF6EF; --coral:#E98263;
--paper:#FBFCFB; --ink:#1C2B29; --muted:#5E726E; --line:#DDE8E3;
box-sizing:border-box; max-width:820px; margin:0 auto; padding:56px 20px 72px;
font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif;
color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased;
}
.hep-guide *{box-sizing:border-box;}
/* Header */
.hep-guide .hg-eyebrow{
display:inline-block; font-size:13px; font-weight:700; letter-spacing:.14em;
text-transform:uppercase; color:var(--jungle);
background:var(--lime); border-radius:999px; padding:7px 16px; margin:0 0 22px;
}
.hep-guide h1{
font-family:'Qanelas Soft','Poppins',sans-serif; font-weight:800; font-size:clamp(30px,5.2vw,46px);
line-height:1.12; color:var(--jungle); margin:0 0 6px; letter-spacing:-.01em;
}
.hep-guide .hg-underline{
display:block; width:88px; height:8px; border-radius:999px;
background:var(--lime); margin:14px 0 26px;
}
.hep-guide .hg-intro{
font-size:18px; color:#3B4F4B; background:#fff; border:2px solid var(--line);
border-radius:24px; padding:26px 28px; margin:0 0 48px;
box-shadow:0 12px 30px -18px rgba(42,81,77,.35);
}
.hep-guide .hg-intro strong{color:var(--jungle); font-weight:700;}
/* Timeline */
.hep-guide .hg-steps{position:relative; margin:0; padding:0; list-style:none;}
.hep-guide .hg-step{position:relative; display:grid; grid-template-columns:64px 1fr; gap:22px; padding-bottom:34px;}
.hep-guide .hg-step:last-child{padding-bottom:0;}
/* connecting line */
.hep-guide .hg-step::before{
content:""; position:absolute; left:31px; top:64px; bottom:-6px; width:3px;
background:linear-gradient(var(--gulf),var(--line)); border-radius:3px; z-index:0;
}
.hep-guide .hg-step:last-child::before{display:none;}
.hep-guide .hg-num{
position:relative; z-index:1; width:64px; height:64px; border-radius:50%;
background:var(--lime); color:var(--jungle); font-family:'Qanelas Soft','Poppins',sans-serif;
font-weight:800; font-size:24px; display:flex; align-items:center; justify-content:center;
box-shadow:0 8px 18px -8px rgba(42,81,77,.45); border:3px solid var(--paper);
}
.hep-guide .hg-card{
background:#fff; border:2px solid var(--line); border-radius:22px;
padding:24px 26px; box-shadow:0 10px 26px -20px rgba(42,81,77,.4);
transition:transform .22s ease-out, box-shadow .22s ease-out, border-color .22s ease-out;
}
.hep-guide .hg-card:hover{
transform:translateY(-4px); border-color:var(--gulf);
box-shadow:0 22px 40px -22px rgba(42,81,77,.5);
}
.hep-guide .hg-card h2{
font-family:'Qanelas Soft','Poppins',sans-serif; font-weight:700; font-size:22px;
color:var(--jungle); margin:0 0 10px; line-height:1.25;
}
.hep-guide .hg-card p{margin:0 0 12px; color:#3B4F4B; font-size:16.5px;}
.hep-guide .hg-card p:last-child{margin-bottom:0;}
.hep-guide .hg-card .hg-tag{
display:inline-block; background:var(--lime); color:var(--jungle);
border-radius:6px; padding:1px 7px; font-weight:700; white-space:nowrap;
}
/* bullet list (step 8) */
.hep-guide .hg-list{list-style:none; margin:6px 0 0; padding:0;}
.hep-guide .hg-list li{
position:relative; padding:0 0 0 30px; margin:0 0 10px; font-size:16.5px; color:#3B4F4B;
}
.hep-guide .hg-list li:last-child{margin-bottom:0;}
.hep-guide .hg-list li::before{
content:""; position:absolute; left:0; top:8px; width:14px; height:14px;
border-radius:50%; background:var(--gulf); box-shadow:inset 0 0 0 3px #fff;
outline:2px solid var(--gulf);
}
/* closing note */
.hep-guide .hg-closing{
margin-top:44px; background:var(--jungle); color:#fff; border-radius:24px;
padding:30px 30px; display:flex; align-items:center; gap:18px; flex-wrap:wrap;
}
.hep-guide .hg-closing .hg-dot{
flex:0 0 auto; width:46px; height:46px; border-radius:50%; background:var(--lime);
display:flex; align-items:center; justify-content:center;
}
.hep-guide .hg-closing .hg-dot svg{width:24px; height:24px;}
.hep-guide .hg-closing p{margin:0; font-size:17px; line-height:1.5;}
.hep-guide .hg-closing strong{color:var(--lime); font-weight:700;}
@media (max-width:520px){
.hep-guide{padding:40px 16px 56px;}
.hep-guide .hg-step{grid-template-columns:50px 1fr; gap:16px;}
.hep-guide .hg-num{width:50px; height:50px; font-size:20px;}
.hep-guide .hg-step::before{left:24px; top:50px;}
.hep-guide .hg-card{padding:20px;}
}
Schritt für Schritt
So einfach buchst du deine Versicherung bei hepster.
Bei hepster kannst du deine Versicherung vollständig online abschließen.
Wähle deinen gewünschten Schutz, gib die erforderlichen Daten ein und bezahle sicher über
unseren Zahlungsanbieter. Nach dem Abschluss erhältst du alle wichtigen Informationen und
Vertragsunterlagen direkt per E-Mail.
- 1
Versicherung auswählen
Informiere dich auf unseren Produktseiten über die verfügbaren Versicherungen, Tarife und Leistungen. Wähle die Absicherung, die zu deinen Bedürfnissen passt.
- 2
Schutz konfigurieren
Lege die gewünschten Vertragsdetails fest. Abhängig von der Versicherung kannst du unter anderem den Tarif, den Versicherungsbeginn, die Laufzeit, die Versicherungssumme, eine Selbstbeteiligung oder zusätzliche versicherte Personen auswählen.
- 3
Buchung starten
Mit einem Klick auf Schutz buchen übernimmst du deine Auswahl in den Bestellvorgang und gelangst direkt zur Kasse.
- 4
Angaben zur Versicherung ergänzen
Überprüfe deine Auswahl und ergänze die für den Vertrag erforderlichen Angaben. Welche Informationen benötigt werden, hängt von der gewählten Versicherung ab.
Das können beispielsweise Angaben zum versicherten Gegenstand, zu einem Tier oder zu weiteren versicherten Personen sein.
- 5
Persönliche Daten eingeben
Gib deine persönlichen Daten und deine Kontaktdaten ein. Deine E-Mail-Adresse benötigen wir unter anderem, um dir die Vertragsbestätigung und deine Versicherungsunterlagen zuzusenden.
- 6
Bestellung prüfen
Bevor du die Versicherung verbindlich abschließt, erhältst du noch einmal eine Übersicht über deine Auswahl, den Versicherungsbeitrag und die wichtigsten Vertragsdetails.
Prüfe deine Angaben sorgfältig und bestätige die erforderlichen Vertrags- und Datenschutzinformationen.
- 7
Sicher bezahlen
Nach Klick auf den Buchen-Button am Ende der Seite wirst du zur geschützten Zahlungsseite unseres Zahlungsanbieters Adyen weitergeleitet.
Dort wählst du eine verfügbare Zahlungsmethode aus und bestätigst die Zahlung sicher. Bei einem Vertrag mit wiederkehrender Zahlung wird der Versicherungsbeitrag entsprechend dem vereinbarten Zahlungsintervall abgebucht, bis der Vertrag beendet wird.
- 8
Bestätigung und Unterlagen erhalten
Nach erfolgreicher Zahlung gelangst du auf unsere Bestätigungsseite. Gleichzeitig senden wir dir deine Vertragsunterlagen per E-Mail zu.
Dazu gehören je nach Versicherung insbesondere:
- dein Versicherungszertifikat
- das Informationsblatt zu Versicherungsprodukten
- die Allgemeinen Versicherungsbedingungen
- Informationen zu Versicherungsbeginn, Laufzeit und Leistungsumfang
Bewahre diese Unterlagen gut auf.
- 9
Versicherung online verwalten
Über dein persönliches Kundenkonto kannst du deine Versicherungen jederzeit online einsehen und verwalten.
Dort findest du unter anderem deine aktuellen, zukünftigen und bereits beendeten Verträge. Außerdem kannst du Vertragsangelegenheiten bearbeiten und einen Schaden digital melden.
Fertig! Deine Versicherung ist aktiv — ohne Papierkram, ganz ohne Kopfschmerzen.