Versand
Versand — Primalean Premium Naturals
/* Alle Styles auf .pl-versand begrenzt, damit das Shopify-Theme unberührt bleibt */
.pl-versand{
--obsidian:#0F0F0F;
--cream:#F5EFE2;
--gold:#C9A961;
--eucalyptus:#8FAB8C;
--stone:#5C5852;
--smoke: rgba(245,239,226,0.08);
--cream-70: rgba(245,239,226,0.7);
--stone-70: rgba(92,88,82,0.7);
--eucalyptus-35: rgba(143,171,140,0.35);
--eucalyptus-20: rgba(143,171,140,0.2);
background:
radial-gradient(ellipse 900px 500px at 50% -10%, rgba(143,171,140,0.12), transparent 60%),
var(--obsidian);
color:var(--cream);
font-family:'DM Sans', sans-serif;
-webkit-font-smoothing:antialiased;
}
.pl-versand *{box-sizing:border-box;}
.pl-versand a{color:var(--eucalyptus);}
.pl-versand a:focus-visible,
.pl-versand summary:focus-visible{outline:2px solid var(--eucalyptus); outline-offset:3px;}
.pl-versand .wrap{
max-width:720px;
margin:0 auto;
padding:64px 24px 56px;
}
/* Header */
.pl-versand header{
text-align:center;
margin-bottom:40px;
}
.pl-versand .eyebrow{
font-family:'Montserrat', sans-serif;
font-weight:600;
font-size:11px;
letter-spacing:0.22em;
text-transform:uppercase;
color:var(--eucalyptus);
margin:0 0 18px;
}
.pl-versand h1{
font-family:'Tenor Sans', serif;
font-weight:400;
font-size:clamp(30px, 6.4vw, 44px);
line-height:1.14;
margin:0 0 16px;
color:var(--cream);
}
.pl-versand .sub{
font-size:14.5px;
line-height:1.65;
color:var(--cream-70);
max-width:500px;
margin:0 auto;
}
.pl-versand .sub b{color:var(--cream); font-weight:500;}
.pl-versand .value-badge{
display:inline-flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:8px 10px;
margin:20px auto 0;
padding:9px 18px;
background:var(--smoke);
border:1px solid var(--eucalyptus-35);
border-radius:999px;
}
.pl-versand .value-label{
font-family:'Montserrat', sans-serif;
font-weight:600;
font-size:10px;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--eucalyptus);
}
.pl-versand .value-amount{
font-family:'JetBrains Mono', monospace;
font-weight:500;
font-size:14px;
color:var(--gold);
}
/* Section headings */
.pl-versand h2{
font-family:'Tenor Sans', serif;
font-weight:400;
font-size:clamp(22px, 4.4vw, 28px);
line-height:1.2;
margin:0 0 8px;
color:var(--cream);
}
.pl-versand .section{margin:0 0 56px;}
.pl-versand .section-intro{
font-size:14px;
line-height:1.65;
color:var(--cream-70);
margin:0 0 24px;
}
/* Key facts */
.pl-versand .facts{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:12px;
margin:0 0 56px;
}
.pl-versand .fact{
background:var(--smoke);
border:1px solid var(--eucalyptus-20);
border-radius:14px;
padding:20px 14px 18px;
text-align:center;
}
.pl-versand .fact-label{
display:block;
font-family:'Montserrat', sans-serif;
font-weight:600;
font-size:10px;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--eucalyptus);
margin:0 0 10px;
}
.pl-versand .fact-value{
display:block;
font-family:'JetBrains Mono', monospace;
font-weight:500;
font-size:19px;
color:var(--gold);
margin:0 0 6px;
}
.pl-versand .fact-note{
display:block;
font-size:12px;
line-height:1.45;
color:var(--cream-70);
}
/* Free shipping threshold — signature element */
.pl-versand .threshold{
background:var(--smoke);
border:1px solid var(--eucalyptus-20);
border-radius:14px;
padding:28px 24px 22px;
}
.pl-versand .bar{
position:relative;
height:6px;
border-radius:999px;
background:repeating-linear-gradient(90deg, var(--eucalyptus-35) 0 6px, transparent 6px 12px);
margin:34px 0 14px;
}
.pl-versand .bar-fill{
position:absolute;
left:0; top:0; bottom:0;
width:0;
border-radius:999px;
background:linear-gradient(90deg, var(--eucalyptus), var(--gold));
transition:width 1.2s ease;
}
.pl-versand .threshold.is-visible .bar-fill{width:100%;}
.pl-versand .bar-mark{
position:absolute;
right:0;
top:50%;
width:30px;
height:30px;
transform:translate(50%, -50%);
background:var(--obsidian);
border:1px solid var(--gold);
clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.pl-versand .bar-mark::after{
content:"";
position:absolute;
inset:8px;
background:var(--gold);
clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
.pl-versand .bar-labels{
display:flex;
justify-content:space-between;
font-family:'JetBrains Mono', monospace;
font-size:12.5px;
color:var(--cream-70);
}
.pl-versand .bar-labels span:last-child{color:var(--gold);}
.pl-versand table{
width:100%;
border-collapse:collapse;
margin:22px 0 0;
font-size:14px;
}
.pl-versand th{
font-family:'Montserrat', sans-serif;
font-weight:600;
font-size:10px;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--eucalyptus);
text-align:left;
padding:0 0 10px;
border-bottom:1px solid var(--eucalyptus-35);
}
.pl-versand th:last-child,
.pl-versand td:last-child{text-align:right;}
.pl-versand td{
padding:14px 0;
border-bottom:1px solid var(--smoke);
color:var(--cream);
}
.pl-versand tr:last-child td{border-bottom:none;}
.pl-versand .price{
font-family:'JetBrains Mono', monospace;
font-weight:500;
color:var(--gold);
white-space:nowrap;
}
/* Step path */
.pl-versand .steps{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:8px;
margin:32px 0 0;
position:relative;
}
.pl-versand .steps::before{
content:"";
position:absolute;
top:23px;
left:10%;
right:10%;
height:1px;
background:repeating-linear-gradient(90deg, var(--eucalyptus-35) 0 6px, transparent 6px 12px);
z-index:0;
}
.pl-versand .step{
position:relative;
z-index:1;
flex:1;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:12px;
}
.pl-versand .hex{
width:46px;
height:46px;
flex-shrink:0;
position:relative;
background:var(--eucalyptus-35);
clip-path:polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
display:flex;
align-items:center;
justify-content:center;
font-family:'JetBrains Mono', monospace;
font-size:13px;
font-weight:500;
color:var(--eucalyptus);
}
/* Innenfläche, damit der Hex-Rahmen trotz clip-path sichtbar bleibt */
.pl-versand .hex::before{
content:"";
position:absolute;
inset:1px;
background:var(--obsidian);
clip-path:inherit;
z-index:-1;
}
.pl-versand .hex{isolation:isolate;}
.pl-versand .step-text{display:contents;}
.pl-versand .step h3{
font-family:'Montserrat', sans-serif;
font-weight:600;
font-size:12.5px;
letter-spacing:0.03em;
text-transform:uppercase;
color:var(--cream);
margin:0;
}
.pl-versand .step p{
font-size:12.5px;
line-height:1.5;
color:var(--cream-70);
margin:0;
max-width:150px;
}
/* Fade-up reveal */
.pl-versand .reveal{
opacity:0;
transform:translateY(16px);
transition:opacity .6s ease, transform .6s ease;
}
.pl-versand .reveal.is-visible{opacity:1; transform:translateY(0);}
.pl-versand .steps .step:nth-child(2){transition-delay:.12s;}
.pl-versand .steps .step:nth-child(3){transition-delay:.24s;}
.pl-versand .steps .step:nth-child(4){transition-delay:.36s;}
/* FAQ */
.pl-versand .faq{border-top:1px solid var(--eucalyptus-20);}
.pl-versand details{border-bottom:1px solid var(--eucalyptus-20);}
.pl-versand summary{
list-style:none;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
padding:18px 0;
font-size:15px;
font-weight:500;
color:var(--cream);
}
.pl-versand summary::-webkit-details-marker{display:none;}
.pl-versand summary::after{
content:"+";
flex-shrink:0;
font-family:'JetBrains Mono', monospace;
font-size:18px;
color:var(--eucalyptus);
transition:transform .25s ease;
}
.pl-versand details[open] summary::after{transform:rotate(45deg);}
.pl-versand details p{
font-size:14px;
line-height:1.7;
color:var(--cream-70);
margin:0 0 18px;
max-width:600px;
}
/* Contact */
.pl-versand .contact{
text-align:center;
background:var(--smoke);
border:1px solid var(--eucalyptus-20);
border-radius:14px;
padding:32px 24px;
}
.pl-versand .contact p{
font-size:14px;
line-height:1.65;
color:var(--cream-70);
margin:0 auto 18px;
max-width:440px;
}
.pl-versand .btn{
display:inline-block;
font-family:'Montserrat', sans-serif;
font-weight:600;
font-size:12px;
letter-spacing:0.12em;
text-transform:uppercase;
text-decoration:none;
color:var(--obsidian);
background:var(--gold);
padding:13px 26px;
border-radius:999px;
transition:opacity .2s ease;
}
.pl-versand .btn:hover{opacity:.88;}
.pl-versand .legal{
text-align:center;
font-size:10.5px;
line-height:1.7;
color:var(--stone);
max-width:480px;
margin:32px auto 0;
}
@media (max-width:640px){
.pl-versand .facts{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:480px){
.pl-versand .wrap{padding:48px 16px 40px;}
.pl-versand .threshold{padding:24px 18px 18px;}
.pl-versand .fact-value{font-size:17px;}
.pl-versand .steps{flex-direction:column; gap:22px; align-items:stretch;}
.pl-versand .steps::before{display:none;}
.pl-versand .step{
flex-direction:row;
align-items:flex-start;
text-align:left;
gap:16px;
}
.pl-versand .step-text{display:block;}
.pl-versand .step-text h3{margin:4px 0 4px;}
.pl-versand .step:not(:first-child)::before{
content:"";
position:absolute;
left:22px;
top:-45px;
width:1px;
height:68px;
background:repeating-linear-gradient(180deg, var(--eucalyptus-35) 0 6px, transparent 6px 12px);
z-index:-1;
}
.pl-versand .step p{max-width:none;}
}
@media (prefers-reduced-motion: reduce){
.pl-versand *{transition:none !important;}
}
.pl-versand .reveal{opacity:1 !important; transform:none !important;}
.pl-versand .bar-fill{width:100% !important;}
(function(){
var items = document.querySelectorAll('.pl-versand .reveal');
if('IntersectionObserver' in window){
var observer = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if(entry.isIntersecting){
entry.target.classList.add('is-visible');
observer.unobserve(entry.target);
}
});
}, {threshold:0.3});
items.forEach(function(item){ observer.observe(item); });
} else {
items.forEach(function(item){ item.classList.add('is-visible'); });
}
})();
Versand & Lieferung
Schnell bei dir. Sicher verpackt.
Wir versenden alle Bestellungen mit DHL. Innerhalb Deutschlands ist dein Paket in der Regel in 1–2 Werktagen bei dir.
Versandkostenfrei ab59,00 €
Versandpartner
DHL
mit Sendungsverfolgung
Lieferzeit
1–2
Werktage
Versandkosten
4,90 €
unter 59 € Bestellwert
Kostenlos
ab 59 €
Bestellwert
Versandkosten
Die Versandkosten richten sich nach deinem Bestellwert. Im Warenkorb siehst du jederzeit, wie viel dir noch bis zum kostenlosen Versand fehlt.
| Bestellwert | Versandkosten |
|---|---|
| unter 59,00 € | 4,90 € |
| ab 59,00 € | kostenlos |
So kommt deine Bestellung zu dir
01
Bestellen
Du erhältst sofort eine Bestellbestätigung per E-Mail
02
Verpacken
Wir packen deine Produkte sorgfältig und geben sie an DHL
03
Verfolgen
Du bekommst deine DHL-Sendungsnummer per E-Mail
04
Ankommen
In der Regel 1–2 Werktage später bei dir
Häufige Fragen zum Versand
Alles Wichtige rund um Lieferung und Zustellung.
Mit welchem Versanddienstleister versendet ihr?
Wir versenden ausschließlich mit DHL. So kannst du dein Paket zuverlässig verfolgen und bei Bedarf auch über die DHL Post & Paket App steuern.
Wie lange dauert die Lieferung?Innerhalb Deutschlands beträgt die Lieferzeit in der Regel 1–2 Werktage. In Ausnahmefällen, etwa rund um Feiertage oder bei hohem Sendungsaufkommen, kann die Zustellung durch DHL etwas länger dauern.
Was kostet der Versand?Bei einem Bestellwert unter 59 € berechnen wir pauschal 4,90 € Versandkosten. Ab einem Bestellwert von 59 € ist der Versand für dich kostenlos.
Wohin liefert ihr?Aktuell liefern wir innerhalb Deutschlands.
Wie kann ich meine Sendung verfolgen?Sobald dein Paket an DHL übergeben wurde, erhältst du eine Versandbestätigung per E-Mail mit deiner Sendungsnummer. Darüber kannst du den aktuellen Status jederzeit auf der DHL-Website oder in der DHL-App einsehen.
Was passiert, wenn ich nicht zu Hause bin?DHL versucht dann in der Regel, dein Paket bei einem Nachbarn abzugeben, oder hinterlegt es in einer nahegelegenen Filiale bzw. Packstation. Du erhältst dazu eine Benachrichtigung von DHL.
Mein Paket ist beschädigt angekommen. Was nun?Das tut uns leid! Bitte mach ein paar Fotos von Paket und Inhalt und schreib uns an info@primalean.de. Wir kümmern uns umgehend um eine Lösung.
Noch Fragen?
Wir helfen dir gerne persönlich weiter, ob zu deiner Bestellung, zur Lieferung oder zu unseren Produkten.
Schreib unsAlle Preise inkl. gesetzlicher MwSt. Die angegebenen Lieferzeiten gelten für Lieferungen innerhalb Deutschlands.