Versand
Shipping Information - Button Amsterdam
/* Base reset and mobile-first approach */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body {
width: 100%;
overflow-x: hidden;
font-size: 14px;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background: #f5f5f5;
color: #333;
line-height: 1.6;
}
/* Main container with proper mobile constraints */
.shipping-wrap {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 12px;
}
.shipping-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
width: 100%;
}
/* Card styling with mobile optimization */
.card {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 12px;
padding: 16px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
width: 100%;
max-width: 100%;
overflow: hidden;
}
.card h3 {
margin: 0 0 12px;
line-height: 1.3;
font-size: 22px;
word-wrap: break-word;
}
.card p {
margin: 7px 0;
line-height: 1.5;
font-size: 14px;
word-wrap: break-word;
}
.card strong {
display: inline;
font-size: 16px;
font-weight: 600;
}
.card em {
color: #666;
font-size: 13px;
}
.card u {
text-decoration: underline;
text-decoration-color: #999;
}
/* Ensure all text wraps properly */
.card, .card * {
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
/* Schedule list - mobile optimized */
.schedule {
margin: 7px 0 7px 0;
padding-left: 17px;
font-size: 12px;
list-style-position: outside;
}
.schedule li {
margin: 6px 0;
line-height: 1.5;
padding-right: 0;
}
/* Table improvements for mobile */
.table-wrap {
border: 1px solid #e5e5e5;
border-radius: 10px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 7px 0;
width: 100%;
max-width: 100%;
}
.table {
width: 100%;
min-width: 500px;
border-collapse: collapse;
}
.table th,
.table td {
padding: 12px 10px;
border-bottom: 1px solid #eee;
text-align: left;
font-size: 12px;
}
.table th {
background: #fafafa;
font-weight: 600;
position: sticky;
top: 0;
z-index: 1;
}
.table td {
white-space: nowrap;
}
.table tbody tr:last-child td {
border-bottom: none;
}
.country {
white-space: normal;
min-width: 140px;
}
/* Other countries card */
.other-card {
grid-column: 1;
}
.other-card small {
line-height: 1.4;
display: block;
margin-top: 7px;
color: #666;
font-size: 11px;
}
/* Customs Banner - mobile optimized */
.customs-banner {
background: #fff3cd;
border: 2px solid #ffc107;
border-radius: 12px;
padding: 14px;
margin-bottom: 16px;
box-shadow: 0 2px 4px rgba(0,0,0,0.08);
width: 100%;
max-width: 100%;
overflow: hidden;
}
.customs-banner h2 {
margin: 0 0 10px;
color: #856404;
font-size: 20px;
line-height: 1.3;
word-wrap: break-word;
}
.customs-banner p {
margin: 7px 0;
color: #856404;
line-height: 1.6;
font-size: 15px;
word-wrap: break-word;
}
.customs-banner strong {
color: #664d03;
font-size: 15px;
display: inline;
font-weight: 600;
}
.customs-banner em {
font-size: 15px;
}
/* Customs note boxes */
.customs-note {
background: #f8f9fa;
border-left: 4px solid #6c757d;
padding: 10px 12px;
margin: 12px 0 0 0;
border-radius: 4px;
font-size: 12px;
width: 100%;
max-width: 100%;
}
.customs-note p {
margin: 4px 0;
color: #495057;
line-height: 1.4;
font-size: 12px;
word-wrap: break-word;
}
.customs-note strong {
font-size: 16px;
font-weight: 600;
}
/* Tablet breakpoint (600px and up) */
@media (min-width: 600px) {
.shipping-wrap {
padding: 20px;
}
.shipping-grid {
gap: 20px;
}
.card {
padding: 20px;
}
.card h3 {
font-size: 24px;
}
.card p {
font-size: 14px;
}
.card strong {
font-size: 16px;
}
.card em {
font-size: 13px;
}
.schedule {
font-size: 13px;
}
.customs-banner {
padding: 18px;
}
.customs-banner h2 {
font-size: 22px;
}
.customs-banner p {
font-size: 15px;
}
.customs-banner strong {
font-size: 15px;
}
.customs-banner em {
font-size: 15px;
}
.customs-note {
font-size: 13px;
padding: 12px 14px;
}
.customs-note p {
font-size: 13px;
}
.customs-note strong {
font-size: 16px;
}
.table th,
.table td {
font-size: 13px;
}
.other-card small {
font-size: 11px;
}
}
/* Desktop breakpoint (900px and up) */
@media (min-width: 900px) {
.shipping-wrap {
max-width: 1200px;
padding: 24px;
}
.shipping-grid {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.other-card {
grid-column: 1 / -1;
}
.card h3 {
font-size: 24px;
}
.card p {
font-size: 14px;
}
.card strong {
font-size: 16px;
}
.card em {
font-size: 13px;
}
.schedule {
font-size: 14px;
}
.customs-banner {
padding: 20px;
}
.customs-banner h2 {
font-size: 22px;
}
.customs-banner p {
font-size: 15px;
}
.customs-banner strong {
font-size: 15px;
}
.customs-banner em {
font-size: 15px;
}
.customs-note {
font-size: 13px;
}
.customs-note p {
font-size: 13px;
}
.customs-note strong {
font-size: 16px;
}
.table th,
.table td {
font-size: 13px;
}
.other-card small {
font-size: 11px;
}
}
/* Very small mobile devices (360px and below) */
@media (max-width: 360px) {
.shipping-wrap {
padding: 10px;
}
.card {
padding: 12px;
}
.card h3 {
font-size: 20px;
}
.card p {
font-size: 13px;
}
.card strong {
font-size: 15px;
}
.card em {
font-size: 12px;
}
.schedule {
font-size: 12px;
padding-left: 14px;
}
.table th,
.table td {
padding: 8px 6px;
font-size: 11px;
}
.customs-banner {
padding: 12px;
}
.customs-banner h2 {
font-size: 18px;
}
.customs-banner p {
font-size: 14px;
}
.customs-banner strong {
font-size: 14px;
}
.customs-banner em {
font-size: 14px;
}
.customs-note {
font-size: 11px;
padding: 8px 10px;
}
.customs-note p {
font-size: 11px;
}
.customs-note strong {
font-size: 15px;
}
.other-card small {
font-size: 10px;
}
}
Kalendertage = Montag bis Sonntag. Feiertage können das Lieferfenster verlängern.
Zolllegende: ✓ EU = Keine Zollgebühren innerhalb der EU | ⚠️ Kann anfallen = Einfuhrzölle/Steuern können vom Zoll erhoben werden
🇳🇱 Niederlande
Lieferzeit: Nächster Werktag nach Versand
Abschlussschema:
- Montagsbestellung vor 23:00 → Lieferung Dienstag
- Dienstagsbestellung vor 23:00 → Lieferung Mittwoch
- Mittwochsbestellung vor 23:00 → Lieferung Donnerstag
- Donnerstagsbestellung vor 23:00 → Lieferung Freitag
- Freitagsbestellung vor 23:00 → Lieferung Samstag
- Samstagsbestellung vor 23:00 → Lieferung Montag
- Sonntagsbestellung vor 23:00 → Lieferung Montag
Zoll: Keine zusätzlichen Gebühren für EU-Lieferungen
🇧🇪 Belgien
Lieferzeit: 2–4 Kalendertage
Abschlussschema:
- Montagsbestellung vor 20:00 → Lieferung Di–Mi
- Dienstagsbestellung vor 20:00 → Lieferung Mi–Do
- Mittwochsbestellung vor 20:00 → Lieferung Do–Fr
- Donnerstagsbestellung vor 20:00 → Lieferung Freitag
- Freitagsbestellung vor 20:00 → Lieferung Sa–Mo
- Samstagsbestellung vor 23:59 → Lieferung Dienstag
- Sonntagsbestellung vor 23:59 → Lieferung Dienstag
Zoll: Keine zusätzlichen Gebühren für EU-Lieferungen
🇩🇪 Deutschland
Lieferzeit: 2–4 Kalendertage
Abschlussschema:
- Mo vor 20:00 → Lieferung Mi–Do
- Di vor 20:00 → Lieferung Do–Fr
- Mi vor 20:00 → Lieferung Fr–Mo
- Do vor 20:00 → Lieferung Mo–Di
- Fr vor 20:00 → Lieferung Di
- Sa vor 23:59 → Lieferung Mi–Do
- So vor 23:59 → Lieferung Mi–Do
Zoll: Keine zusätzlichen Gebühren für EU-Lieferungen
🇫🇷 Frankreich
Lieferzeit: 3–5 Kalendertage
Abschlussschema:
- Mo vor 20:00 → Lieferung Mi–Do
- Di vor 20:00 → Lieferung Do–Fr
- Mi vor 20:00 → Lieferung Fr–Mo
- Do vor 20:00 → Lieferung Mo–Di
- Fr vor 20:00 → Lieferung Di
- Sa vor 23:59 → Lieferung Mi–Do
- So vor 23:59 → Lieferung Mi–Do
Zoll: Keine zusätzlichen Gebühren für EU-Lieferungen
🇺🇸 Vereinigte Staaten
Lieferzeit: 5–8 Werktage
Zoll oder lokale Übergabe kann ±1 Tag hinzufügen.
Zoll: Kann bei Bestellungen über 800 $ anfallen. Käufer trägt alle Einfuhrzölle und Steuern.
🇬🇧 Vereinigtes Königreich
Lieferzeit: 3–6 Kalendertage
Typischer Zeitrahmen für das britische Festland.
Zoll: Einfuhrumsatzsteuer und Zölle können anfallen. Käufer trägt alle Gebühren.
🌍 Andere Länder (Kalendertage)
| Land | Lieferzeit | Zoll |
|---|---|---|
| 🇦🇺 Australien | 8–12 | ⚠️ Kann anfallen |
| 🇦🇹 Österreich | 4–6 | ✓ EU |
| 🇧🇦 Bosnien & Herzegowina | 6–9 | ⚠️ Kann anfallen |
| 🇧🇬 Bulgarien | 9–13 | ✓ EU |
| 🇨🇦 Kanada | 6–10 | ⚠️ Kann anfallen |
| 🇭🇷 Kroatien | 6–9 | ✓ EU |
| 🇨🇾 Zypern | 12–16 | ✓ EU |
| 🇨🇿 Tschechien | 6–10 | ✓ EU |
| 🇩🇰 Dänemark | 7–9 | ✓ EU |
| 🇪🇪 Estland | 7–10 | ✓ EU |
| 🇫🇮 Finnland | 7–10 | ✓ EU |
| 🇬🇷 Griechenland | 7–10 | ✓ EU |
| 🇭🇺 Ungarn | 8–11 | ✓ EU |
| 🇮🇪 Irland | 6–9 | ✓ EU |
| 🇮🇱 Israel | 11–15 | ⚠️ Kann anfallen |
| 🇮🇹 Italien | 7–10 | ✓ EU |
| 🇱🇻 Lettland | 7–10 | ✓ EU |
| 🇱🇹 Litauen | 8–12 | ✓ EU |
| 🇱🇺 Luxemburg | 4–6 | ✓ EU |
| 🇳🇿 Neuseeland | 7–10 | ⚠️ Kann anfallen |
| 🇳🇬 Nigeria | 9–13 | ⚠️ Kann anfallen |
| 🇳🇴 Norwegen | 8–12 | ⚠️ Kann anfallen |
| 🇵🇱 Polen | 8–12 | ✓ EU |
| 🇵🇹 Portugal | 7–9 | ✓ EU |
| 🇷🇴 Rumänien | 6–9 | ✓ EU |
| 🇸🇰 Slowakei | 7–10 | ✓ EU |
| 🇸🇮 Slowenien | 7–10 | ✓ EU |
| 🇪🇸 Spanien | 7–9 | ✓ EU |
| 🇸🇪 Schweden | 7–11 | ✓ EU |
| 🇨🇭 Schweiz | 4–6 | ⚠️ Kann anfallen |
| 🇹🇷 Türkei | 11–15 | ⚠️ Kann anfallen |
| 🇦🇪 Vereinigte Arabische Emirate | 8–12 | ⚠️ Kann anfallen |
