Lieferzeiten & Versand – Hoppel-Werkstatt
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #faf6f0; font-family: 'Nunito', sans-serif; color: #3d2c1e; line-height: 1.7; }
.hero {
background: linear-gradient(135deg, #3d2c1e 0%, #6b4025 60%, #8b5e3c 100%);
padding: 56px 24px 48px; text-align: center; position: relative; overflow: hidden;
}
.hero::before { content: “🚚”; position: absolute; font-size: 200px; opacity: 0.06; top: -30px; right: -20px; transform: rotate(-10deg); }
.hero::after { content: “📦”; position: absolute; font-size: 140px; opacity: 0.05; bottom: -10px; left: -10px; transform: rotate(8deg); }
.hero-label {
display: inline-block; background: rgba(255,255,255,0.12); color: #f5d9a8;
font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
padding: 6px 16px; border-radius: 20px; margin-bottom: 18px; border: 1px solid rgba(255,255,255,0.2);
}
.hero h1 { font-family: ‘Playfair Display’, serif; font-size: clamp(26px,5vw,38px); color: white; margin-bottom: 14px; line-height: 1.2; }
.hero p { font-size: 15px; color: #f5d9a8; max-width: 520px; margin: 0 auto; line-height: 1.8; }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 20px; }
.intro-card {
background: white; border-radius: 20px; padding: 32px 28px;
margin: -28px auto 40px; max-width: 720px; position: relative; z-index: 2;
box-shadow: 0 8px 40px rgba(60,30,10,0.10); border: 1.5px solid #eedfc8; text-align: center;
}
.intro-card h2 { font-family: ‘Playfair Display’, serif; font-size: 21px; color: #5a3010; margin-bottom: 12px; }
.intro-card p { font-size: 14.5px; color: #5a4030; max-width: 580px; margin: 0 auto; line-height: 1.85; }
.section-header { text-align: center; margin: 48px 0 28px; }
.section-header .tag {
display: inline-block; background: #f5e8d0; color: #8b5e3c;
font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase;
padding: 5px 14px; border-radius: 20px; margin-bottom: 10px; font-weight: 700;
}
.section-header h2 { font-family: ‘Playfair Display’, serif; font-size: 24px; color: #3d2c1e; }
.quick-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 48px; }
@media(max-width:520px){.quick-strip{grid-template-columns:1fr}}
.quick-card {
background: white; border-radius: 16px; padding: 22px 16px; text-align: center;
border: 1.5px solid #eedfc8; transition: transform .2s, box-shadow .2s;
}
.quick-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(120,70,20,0.12); }
.quick-card .icon { font-size: 34px; margin-bottom: 10px; display: block; }
.quick-card h3 { font-size: 13px; font-weight: 800; color: #5a3010; margin-bottom: 5px; }
.quick-card p { font-size: 12px; color: #8a6050; line-height: 1.6; }
.badge {
display: inline-block; background: #fff0dc; color: #8b5e3c;
font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 20px; margin-top: 8px;
}
.badge.green { background: #e8f5e8; color: #2e6a2e; }
.delivery-table { background: white; border-radius: 16px; border: 1.5px solid #eedfc8; overflow: hidden; margin-bottom: 32px; }
.delivery-table-header {
background: linear-gradient(135deg, #3d2c1e, #6b4025);
padding: 16px 22px; color: white; font-weight: 800; font-size: 14px;
display: flex; align-items: center; gap: 10px;
}
.delivery-row {
display: flex; justify-content: space-between; align-items: center;
padding: 16px 22px; border-bottom: 1px solid #f5ece0; gap: 12px; flex-wrap: wrap;
}
.delivery-row:last-child { border-bottom: none; }
.delivery-row:nth-child(even) { background: #fdf8f2; }
.delivery-label { font-size: 13.5px; font-weight: 700; color: #5a3010; display: flex; align-items: center; gap: 8px; }
.delivery-value { font-size: 13px; color: #7a5030; text-align: right; }
.delivery-value strong { color: #3d2c1e; }
.versand-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 12px; }
@media(max-width:600px){.versand-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.versand-grid{grid-template-columns:1fr}}
.land-card {
background: white; border-radius: 14px; padding: 22px 16px; text-align: center;
border: 1.5px solid #eedfc8; transition: transform .2s, box-shadow .2s;
}
.land-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(120,70,20,0.10); }
.land-card .flag { font-size: 36px; margin-bottom: 8px; display: block; }
.land-card h4 { font-size: 14px; font-weight: 800; color: #5a3010; margin-bottom: 6px; }
.land-card .preis { font-family: ‘Playfair Display’, serif; font-size: 20px; font-weight: 700; color: #b8783a; margin-bottom: 6px; }
.land-card p { font-size: 11.5px; color: #8a6050; line-height: 1.6; }
.frei-badge { display: inline-block; background: #e8f5e8; color: #2e6a2e; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 20px; margin-top: 6px; }
.info-badge { display: inline-block; background: #f5e8d0; color: #8b5e3c; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 20px; margin-top: 6px; }
.notice {
background: #fff8ee; border: 1px solid #e8cfa0; border-radius: 12px;
padding: 14px 18px; margin-bottom: 48px; font-size: 13px; color: #7a5030; line-height: 1.7;
}
.wait-banner {
background: linear-gradient(135deg, #fdf6ec, #fef0d8);
border: 2px solid #d4a96a; border-radius: 16px; padding: 28px 24px;
margin-bottom: 48px; display: flex; gap: 20px; align-items: flex-start;
}
@media(max-width:520px){.wait-banner{flex-direction:column}}
.wait-banner .wait-icon { font-size: 42px; flex-shrink: 0; }
.wait-banner h3 { font-family: ‘Playfair Display’, serif; font-size: 18px; color: #5a3010; margin-bottom: 8px; }
.wait-banner p { font-size: 13.5px; color: #7a5030; line-height: 1.8; }
.steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 48px; }
@media(max-width:600px){.steps{grid-template-columns:repeat(2,1fr)}}
.step { background: white; border-radius: 14px; padding: 20px 14px; text-align: center; border: 1.5px solid #eedfc8; }
.step-num {
width: 32px; height: 32px;
background: linear-gradient(135deg, #d4a96a, #b8783a);
border-radius: 50%; color: white; font-weight: 800; font-size: 14px;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 10px; box-shadow: 0 4px 12px rgba(180,100,30,.2);
}
.step .step-icon { font-size: 26px; margin-bottom: 8px; }
.step h4 { font-size: 12px; font-weight: 800; color: #5a3010; margin-bottom: 5px; line-height: 1.3; }
.step p { font-size: 11px; color: #8a6050; line-height: 1.5; }
.faq-list { margin-bottom: 48px; }
.faq-item { background: white; border-radius: 14px; margin-bottom: 10px; border: 1.5px solid #eedfc8; overflow: hidden; }
.faq-q {
padding: 16px 20px; display: flex; justify-content: space-between; align-items: center;
cursor: pointer; font-weight: 700; font-size: 14px; color: #3d2c1e; gap: 12px; transition: background .15s;
}
.faq-q:hover { background: #fdf6ec; }
.faq-q .faq-icon {
width: 28px; height: 28px; border-radius: 50%; background: #f5e8d0;
display: flex; align-items: center; justify-content: center;
font-size: 14px; flex-shrink: 0; transition: transform .3s, background .2s;
}
.faq-item.open .faq-q .faq-icon { transform: rotate(45deg); background: #b8783a; color: white; }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .35s ease; font-size: 13.5px; color: #5a4030; line-height: 1.8; }
.faq-a-inner { padding: 0 20px 18px; }
.faq-item.open .faq-a { max-height: 300px; }
.cta-box {
background: linear-gradient(135deg, #3d2c1e, #6b4025);
border-radius: 20px; padding: 36px 28px; text-align: center; margin-bottom: 48px;
position: relative; overflow: hidden;
}
.cta-box::before { content: “💚”; position: absolute; font-size: 100px; opacity: 0.07; top: -10px; right: 10px; }
.cta-box h2 { font-family: ‘Playfair Display’, serif; font-size: 22px; color: white; margin-bottom: 12px; }
.cta-box p { font-size: 14px; color: #f5d9a8; max-width: 480px; margin: 0 auto 24px; line-height: 1.8; }
.cta-channels { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.cta-btn {
display: inline-flex; align-items: center; gap: 8px; background: white; color: #5a3010;
font-family: ‘Nunito’, sans-serif; font-weight: 800; font-size: 13px;
padding: 12px 22px; border-radius: 12px; text-decoration: none; border: none; cursor: pointer;
transition: transform .15s, box-shadow .15s;
}
.cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.15); }
.cta-btn.gold { background: linear-gradient(135deg, #d4a96a, #b8783a); color: white; }
🚚 Hoppel-Werkstatt
Lieferzeiten & Versand
Alles was du über den Versand wissen musst – transparent, ehrlich und mit dem Herz eines Familienbetriebs erklärt.
Warum dauert es manchmal etwas länger? 🛠️
Bei der Hoppel-Werkstatt wird nichts von der Stange verkauft. Jedes Holzprodukt wird erst nach deiner Bestellung von Hand gefertigt – mit Liebe, Sorgfalt und hohem Qualitätsanspruch. Das braucht seine Zeit, und die ist es wert. Wir versprechen dir: Am Ende hält dein Paket mehr als nur ein Produkt – es hält ein Stück unserer Leidenschaft.
🚚
Versandpartner
Wir versenden ausschließlich per DHL – sicher und zuverlässig.
DHL Versand
📅
Versandtage
Versand erfolgt Montag bis Freitag. Wochenenden & Feiertage ausgenommen.
Mo – Fr
🎁
Gratis Versand
Innerhalb Deutschlands ab einem Bestellwert von 90 €.
ab 90 € kostenlos
🛠️ Holzprodukte (Fressklos, Häuser, Gehege...)
15 – 40 Werktage
ca. 3 – 8 Wochen
🧵 Nähstube (PipiPads, Kuschelecke...)
15 – 25 Werktage
ca. 3 – 5 Wochen
🌿 Dimikro & Zubehör
2 – 5 Werktage
Lagerware
✨ Sonderanfertigungen
auf Anfrage
individuelle Abstimmung
📅 Versandtage
Montag – Freitag
Wochenenden & Feiertage ausgenommen
🇩🇪
Deutschland
7,00 €
Standardversand per DHL
✓ ab 90 € kostenlos
🇦🇹
Österreich
15 – 30 €
Je nach Versandgewicht
gewichtsabhängig
🇧🇪
Belgien
25 – 50 €
Je nach Versandgewicht
gewichtsabhängig
🇱🇺
Luxemburg
25 – 50 €
Je nach Versandgewicht
gewichtsabhängig
🇳🇱
Niederlande
25 – 50 €
Je nach Versandgewicht
gewichtsabhängig
🌍
Andere Länder
Auf Anfrage
Schreib uns gerne an – wir prüfen ob ein Versand möglich ist.
info@hoppel-werkstatt.de
⚠️ Hinweis Auslandsversand: Bei Lieferungen ins Ausland können zusätzliche Zölle, Steuern und Gebühren anfallen, die im angezeigten Preis nicht enthalten sind. Diese werden vom jeweiligen Land erhoben und liegen außerhalb unseres Einflussbereichs.
🐇
Die Wartezeit lohnt sich – versprochen!
Jedes Produkt aus unserer Werkstatt entsteht erst nach deiner Bestellung – von Hand, mit unbehandeltem Fichtenholz, gefertigt von einem kleinen Team das selbst Tiere liebt. Wir setzen unter jedes einzelne Stück unsere Qualitätssicherung, denn du sollst am Ende ein Produkt erhalten das dich und dein Tier begeistert. Kein Massenprodukt. Ein Lieblingsprodukt.
🛒
1
Bestellung eingegangen
Deine Bestellung landet direkt bei uns in der Werkstatt.
🛠️
2
Handgefertigt
Wir fertigen dein Produkt liebevoll von Hand.
🔍
3
Qualitätsprüfung
Jedes Stück wird vor dem Versand sorgfältig geprüft.
📦
4
Versand per DHL
Sicher verpackt und auf dem Weg zu dir.
Ab wann ist der Versand kostenlos?
+
Ab einem Bestellwert von 90 € innerhalb Deutschlands ist der Versand komplett kostenlos. Darunter berechnen wir eine pauschale Versandgebühr von 7,00 € per DHL.
Wann wird meine Bestellung versendet?
+
Wir versenden ausschließlich Montag bis Freitag. An Wochenenden und gesetzlichen Feiertagen ruht der Versand. Sobald dein Paket bei DHL aufgegeben wurde, erhältst du automatisch eine Tracking-Nummer per E-Mail.
Fallen beim Auslandsversand zusätzliche Kosten an?
+
Bei Lieferungen ins Ausland können zusätzliche Zölle, Steuern und Gebühren anfallen, die im angezeigten Kaufpreis nicht enthalten sind. Diese werden direkt vom jeweiligen Land erhoben und liegen außerhalb unseres Einflussbereichs.
Kann ich meine Bestellung dringend haben?
+
Da alle Holzprodukte erst nach deiner Bestellung handgefertigt werden, sind die Lieferzeiten leider nicht wesentlich verkürzt. Bei besonders dringlichen Wünschen schreib uns gerne an – wir schauen gemeinsam was möglich ist. Für Lagerartikel wie Dimikro sind deutlich kürzere Lieferzeiten möglich.
Ich wohne in einem anderen Land – kann ich trotzdem bestellen?
+
Aktuell versenden wir nach Deutschland, Österreich, Belgien, Luxemburg und in die Niederlande. Wenn du in einem anderen Land wohnst, schreib uns gerne eine E-Mail an info@hoppel-werkstatt.de – wir prüfen ob ein Versand möglich ist.
Noch Fragen zum Versand? 💚
Wir helfen dir gerne weiter – persönlich, schnell und mit einem Lächeln. Ruf uns an oder schreib uns eine Nachricht.
function toggleFaq(el) {
const item = el.closest('.faq-item');
const isOpen = item.classList.contains('open');
document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));
if (!isOpen) item.classList.add('open');
}