(function(){
/* ─── Generischer Card-Stack ─────────────────────────────── */
function initStack(opts){
var cards = opts.cards;
var total = cards.length;
var cur = 0;
var busy = false;
var card = document.getElementById(opts.card);
var eyebrow = document.getElementById(opts.eyebrow);
var title = document.getElementById(opts.title);
var body = document.getElementById(opts.body);
var badge = document.getElementById(opts.badge);
var dotsW = document.getElementById(opts.dots);
var btnNext = opts.next ? document.getElementById(opts.next) : null;
var btnPrev = opts.prev ? document.getElementById(opts.prev) : null;
var ctaLink = opts.link ? document.getElementById(opts.link) : null;
var chipsEl = opts.chips ? document.getElementById(opts.chips) : null;
var visualEl= opts.visual? document.getElementById(opts.visual): null;
if(!card) return;
var dots = [];
for(var i = 0; i < total; i++){
var d = document.createElement('div');
d.style.cssText = 'width:6px;height:6px;border-radius:50%;background:#ccc;cursor:pointer;transition:width .25s,background .25s,border-radius .25s;';
(function(idx){ d.addEventListener('click', function(){ goTo(idx); }); })(i);
dotsW.appendChild(d);
dots.push(d);
}
function updateDots(){
dots.forEach(function(d,i){
if(i===cur){ d.style.width='18px'; d.style.borderRadius='999px'; d.style.background='#111'; }
else { d.style.width='6px'; d.style.borderRadius='50%'; d.style.background='#ccc'; }
});
badge.textContent = (cur+1)+' / '+total;
}
function render(){
var c = cards[cur];
eyebrow.textContent = c.eyebrow || '';
title.textContent = c.title || '';
body.textContent = c.body || '';
if(ctaLink && c.link){
ctaLink.href = c.link;
ctaLink.textContent = (c.linkLabel || 'Koffer ansehen') + ' \u2192';
}
if(chipsEl){
chipsEl.innerHTML = '';
(c.chips || []).forEach(function(chip){
var s = document.createElement('span');
s.textContent = chip;
s.style.cssText = 'background:#f0f0f0;border-radius:999px;padding:5px 12px;font:500 12px/1 system-ui,Arial,sans-serif;color:#555;';
chipsEl.appendChild(s);
});
}
if(visualEl){
visualEl.innerHTML = c.visual || '';
}
updateDots();
}
function goTo(idx){
if(busy) return;
idx = ((idx % total) + total) % total;
if(idx === cur) return;
busy = true;
card.style.opacity = '0';
setTimeout(function(){
cur = idx;
render();
card.style.opacity = '1';
busy = false;
}, 200);
}
if(btnNext) btnNext.addEventListener('click', function(){ goTo(cur + 1); });
if(btnPrev) btnPrev.addEventListener('click', function(){ goTo(cur - 1); });
card.addEventListener('touchstart', function(e){ card._tx = e.touches[0].clientX; }, {passive:true});
card.addEventListener('touchend', function(e){
var dx = e.changedTouches[0].clientX - card._tx;
if(Math.abs(dx) > 44) goTo(dx < 0 ? cur+1 : cur-1);
}, {passive:true});
var mx = 0, dragging = false;
card.addEventListener('mousedown', function(e){
if(e.target.tagName === 'BUTTON' || e.target.tagName === 'A') return;
mx = e.clientX;
dragging = true;
card.style.cursor = 'grabbing';
});
document.addEventListener('mouseup', function(e){
if(!dragging) return;
dragging = false;
card.style.cursor = 'grab';
var dx = e.clientX - mx;
if(Math.abs(dx) > 44) goTo(dx < 0 ? cur+1 : cur-1);
});
render();
}
function sizeBar(fill, label){
return '
'
+ '
'
+ 'Volumen'
+ '' + label + ''
+ '
'
+ '
'
+ '
';
}
/* ─── Block 1: Größenberater ─────────────────────────────── */
initStack({
card:'ck-size-card',
eyebrow:'ck-size-eyebrow',
title:'ck-size-title',
body:'ck-size-body',
badge:'ck-size-badge',
dots:'ck-size-dots',
next:'ck-size-next',
prev:'ck-size-prev',
link:'ck-size-link',
chips:'ck-size-chips',
visual:'ck-size-visual',
cards:[
{
eyebrow: 'Kabinengepäck',
title: 'Handgepäck-Koffer',
body: 'Handgepäck-Koffer sind ideal für Kurztrips, Wochenendreisen und Geschäftsreisen ohne aufgegebenes Gepäck. Sie sind kompakt, leicht zu bewegen und passen je nach Airline ins Kabinengepäck.',
visual: sizeBar(28, 'Handgepäck'),
chips: ['Kurztrip', 'Kabine', 'Business-Reise', '1\u20133 Tage'],
link: 'https://www.modeherz.de/herren/reisegepaeck?attrib%5BGep%C3%A4ckgr%C3%B6%C3%9Fe%5D%5B0%5D=Handgep%C3%A4ck&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Handgepäck ansehen'
},
{
eyebrow: 'Kompakt',
title: 'Kleine Koffer',
body: 'Kleine Samsonite Koffer mit ca. 51\u201356 cm Höhe bieten etwas mehr Stauraum als klassisches Handgepäck und bleiben trotzdem angenehm handlich.',
visual: sizeBar(38, '51\u201356 cm'),
chips: ['Kompakt', 'Kurzreise', 'Handlich'],
link: 'https://www.modeherz.de/herren/reisegepaeck?attrib%5BGep%C3%A4ckgr%C3%B6%C3%9Fe%5D%5B0%5D=klein%20(%2051%20-%2056%20cm%20)&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Kleine Koffer ansehen'
},
{
eyebrow: 'Allrounder',
title: 'Mittlere Koffer',
body: 'Mittlere Samsonite Koffer mit ca. 57\u201369 cm Höhe eignen sich gut für mehrere Tage Reisezeit und sind eine praktische Wahl für Urlaub, Bahnreise oder aufgegebenes Gepäck.',
visual: sizeBar(58, '57\u201369 cm'),
chips: ['Mehrere Tage', 'Allrounder', 'Aufgabegepäck'],
link: 'https://www.modeherz.de/herren/reisegepaeck?attrib%5BGep%C3%A4ckgr%C3%B6%C3%9Fe%5D%5B0%5D=mittel%20(%2057%20-%2069%20cm%20)&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Mittlere Koffer ansehen'
},
{
eyebrow: 'Groß',
title: 'Große Koffer',
body: 'Große Samsonite Koffer mit ca. 70\u201379 cm Höhe bieten viel Platz für längere Urlaube, Flugreisen und Reisende, die mehr Gepäck mitnehmen möchten.',
visual: sizeBar(78, '70\u201379 cm'),
chips: ['Urlaub', 'Flugreise', 'Viel Gepäck'],
link: 'https://www.modeherz.de/herren/reisegepaeck?attrib%5BGep%C3%A4ckgr%C3%B6%C3%9Fe%5D%5B0%5D=gro%C3%9F%20(%2070%20-%2079%20cm%20)&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Große Koffer ansehen'
},
{
eyebrow: 'Extra groß',
title: 'Extragroße Koffer',
body: 'Extragroße Samsonite Koffer mit ca. 80\u201384 cm Höhe sind ideal für lange Reisen, Familiengepäck oder besonders viel Packvolumen.',
visual: sizeBar(100, '80\u201384 cm'),
chips: ['Langreise', 'Familiengepäck', 'Maximaler Stauraum'],
link: 'https://www.modeherz.de/herren/reisegepaeck?attrib%5BGep%C3%A4ckgr%C3%B6%C3%9Fe%5D%5B0%5D=extragro%C3%9F%20(%2080%20-%2084%20cm%20)&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Extragroße Koffer ansehen'
}
]
});
/* ─── Block 3: Welcher Koffer passt zu mir? ──────────────── */
initStack({
card:'ck-fit-card',
eyebrow:'ck-fit-eyebrow',
title:'ck-fit-title',
body:'ck-fit-body',
badge:'ck-fit-badge',
dots:'ck-fit-dots',
next:'ck-fit-next',
prev:'ck-fit-prev',
link:'ck-fit-link',
cards:[
{
eyebrow: 'Passt zu dir, wenn \u2026',
title: '\u2026 du oft und viel fliegst',
body: 'Dann lohnt sich ein Samsonite Koffer mit 4 Rollen und integriertem TSA-Zahlenschloss. Er lässt sich komfortabel durch Flughäfen bewegen und ist besonders praktisch für internationale Reisen.',
link: 'https://www.modeherz.de/herren/reisegepaeck/gepaeck?attrib%5BRollensystem%5D%5B0%5D=4%20Rollen&attrib%5BSchloss%20Typ%5D%5B0%5D=TSA-Zahlenschloss%20integriert&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Koffer für Flugreisen'
},
{
eyebrow: 'Passt zu dir, wenn \u2026',
title: '\u2026 du viel Stauraum brauchst',
body: 'Dann sind große oder extragroße Samsonite Koffer ideal. Sie bieten viel Packvolumen für längere Reisen, Familienurlaub oder Gepäck für mehrere Personen.',
link: 'https://www.modeherz.de/herren/reisegepaeck?attrib%5BGep%C3%A4ckgr%C3%B6%C3%9Fe%5D%5B0%5D=extragro%C3%9F%20(%2080%20-%2084%20cm%20)&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Extragroße Koffer ansehen'
},
{
eyebrow: 'Passt zu dir, wenn \u2026',
title: '\u2026 du empfindliche Inhalte schützen möchtest',
body: 'Dann ist ein Samsonite Hartschalenkoffer die passende Wahl. Die feste Schale schützt den Inhalt zuverlässig und eignet sich besonders gut für Flugreisen und aufgegebenes Gepäck.',
link: 'https://www.modeherz.de/herren/reisegepaeck/gepaeck/koffer-trolleys?attrib%5BGep%C3%A4ckart%5D%5B0%5D=Hartschale&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Hartschalenkoffer ansehen'
},
{
eyebrow: 'Passt zu dir, wenn \u2026',
title: '\u2026 du flexibel packen möchtest',
body: 'Dann passt Weichgepäck besonders gut. Samsonite Weichgepäck ist oft flexibler, bietet praktische Außentaschen und eignet sich gut für Bahnreisen, Kurztrips und wechselnde Packmengen.',
link: 'https://www.modeherz.de/herren/reisegepaeck/gepaeck/koffer-trolleys?attrib%5BGep%C3%A4ckart%5D%5B0%5D=Weichgep%C3%A4ck&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Weichgepäck ansehen'
},
{
eyebrow: 'Passt zu dir, wenn \u2026',
title: '\u2026 du besonders komfortabel unterwegs sein willst',
body: 'Dann sind Samsonite Koffer mit 4 Rollen ideal. Sie lassen sich aufrecht schieben, leicht drehen und angenehm durch Bahnhöfe, Flughäfen und Hotels bewegen.',
link: 'https://www.modeherz.de/herren/reisegepaeck/gepaeck/koffer-trolleys?attrib%5BRollensystem%5D%5B0%5D=4%20Rollen&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Koffer mit 4 Rollen'
},
{
eyebrow: 'Passt zu dir, wenn \u2026',
title: '\u2026 du klassisch ziehen möchtest',
body: 'Dann sind Samsonite Koffer mit 2 Rollen eine gute Wahl. Sie werden leicht gekippt und gezogen und sind besonders praktisch auf längeren Wegen oder unebenerem Untergrund.',
link: 'https://www.modeherz.de/herren/reisegepaeck/gepaeck/koffer-trolleys?attrib%5BRollensystem%5D%5B0%5D=2%20Rollen&attrib%5Bvendor%5D%5B0%5D=Samsonite',
linkLabel: 'Koffer mit 2 Rollen'
}
]
});
/* ─── Block 5: Koffer-Linien ─────────────────────────────── */
initStack({
card:'ck-line-card',
eyebrow:'ck-line-eyebrow',
title:'ck-line-title',
body:'ck-line-body',
badge:'ck-line-badge',
dots:'ck-line-dots',
next:'ck-line-next',
prev:'ck-line-prev',
link:'ck-line-link',
chips:'ck-line-chips',
cards:[
{
eyebrow: 'Linie',
title: "S'Cure",
body: "S'Cure zählt zu den klassischen Samsonite Hartschalen-Serien. Die Koffer sind robust, formstabil und eignen sich besonders für Reisende, die zuverlässiges Gepäck für Urlaub, Flugreise und Familienreisen suchen.",
chips: ['Hartschale', 'Robust', 'Klassiker', 'Viele Größen'],
link: 'https://www.modeherz.de/search?query=samsonite%20s%27cure&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: "S'Cure ansehen"
},
{
eyebrow: 'Linie',
title: 'Lite-Shock & Litebeam',
body: 'Die Lite-Serien sind auf geringes Eigengewicht ausgelegt. Sie passen gut zu Reisenden, die leicht unterwegs sein möchten und trotzdem Wert auf Stabilität, Komfort und Samsonite Qualität legen.',
chips: ['Leichtgewicht', 'Hartschale', 'Reisegepäck', 'Komfort'],
link: 'https://www.modeherz.de/search?query=samsonite%20lite&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Lite-Serien ansehen'
},
{
eyebrow: 'Linie',
title: 'Intuo',
body: 'Intuo verbindet modernes Design mit praktischer Ausstattung. Die Serie eignet sich für Kurztrips, Urlaubsreisen und Geschäftsreisen mit zeitgemäßer Optik.',
chips: ['Modern', 'Expandable', 'Viele Farben', 'Reisealltag'],
link: 'https://www.modeherz.de/search?query=samsonite%20intuo&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Intuo ansehen'
},
{
eyebrow: 'Linie',
title: 'Attrix',
body: 'Attrix ist eine hochwertige Samsonite Linie für anspruchsvolle Reisende. Sie passt zu Vielreisenden, die ein modernes, widerstandsfähiges und komfortables Gepäckstück suchen.',
chips: ['Premium', 'Hartschale', 'Elegant', 'Vielreisende'],
link: 'https://www.modeherz.de/search?query=samsonite%20attrix&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Attrix ansehen'
},
{
eyebrow: 'Linie',
title: 'Magnum Eco',
body: 'Magnum Eco bietet viel Packvolumen und eine robuste Kofferkonstruktion. Die Serie ist besonders spannend für Urlaub, Familienreisen und längere Aufenthalte.',
chips: ['Großes Volumen', 'Robust', 'Hartschale', 'Urlaub'],
link: 'https://www.modeherz.de/search?query=samsonite%20magnum%20eco&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Magnum Eco ansehen'
},
{
eyebrow: 'Linie',
title: 'Spark SNG Eco',
body: 'Spark SNG Eco ist eine praktische Weichgepäck-Serie für flexible Reisende. Die Koffer bieten gute Organisation, oft erweiterbares Volumen und eignen sich gut für variable Packmengen.',
chips: ['Weichgepäck', 'Erweiterbar', 'Organisation', 'Flexibel'],
link: 'https://www.modeherz.de/search?query=samsonite%20spark%20sng%20eco&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Spark SNG Eco ansehen'
},
{
eyebrow: 'Linie',
title: 'Base Breeze & Base Boost',
body: 'Base Breeze und Base Boost sind vielseitige Samsonite Linien für preisbewusste Reisende. Sie bieten solide Funktionen, praktische Größen und ein starkes Preis-Leistungs-Verhältnis.',
chips: ['Allrounder', 'Preis-Leistung', 'Urlaub', 'Praktisch'],
link: 'https://www.modeherz.de/search?query=samsonite%20base&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Base-Serien ansehen'
},
{
eyebrow: 'Linie',
title: 'Airea',
body: 'Airea ist eine leichte und elegante Serie für Kurzreisen, Business-Trips und alle, die unkompliziert und stilvoll unterwegs sein möchten.',
chips: ['Leicht', 'Elegant', 'Business', 'Kurzreise'],
link: 'https://www.modeherz.de/search?query=samsonite%20airea&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Airea ansehen'
},
{
eyebrow: 'Linie',
title: 'Paradiver Light',
body: 'Paradiver Light ist sportlicher und flexibler als klassische Kofferserien. Die Linie eignet sich für Wochenendtrips, aktive Reisen und Rollenreisetaschen mit funktionalem Look.',
chips: ['Sportlich', 'Rollenreisetasche', 'Flexibel', 'Kurztrip'],
link: 'https://www.modeherz.de/search?query=samsonite%20paradiver%20light&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Paradiver Light ansehen'
},
{
eyebrow: 'Linie',
title: 'Roader',
body: 'Roader passt zu urbanen Reisenden, die flexible Rollen-Duffles und modernes Reisegepäck mit lässigem Look bevorzugen.',
chips: ['Urban', 'Wheeled Duffel', 'Modern', 'Flexibel'],
link: 'https://www.modeherz.de/search?query=samsonite%20roader&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Roader ansehen'
},
{
eyebrow: 'Linie',
title: 'Dream2Go',
body: 'Dream2Go ist die passende Samsonite Serie für Kinderreisen. Die Ride-on Suitcases sind kindgerecht gestaltet und machen das Reisen für Familien spielerischer und praktischer.',
chips: ['Kinderkoffer', 'Ride-on', 'Familienreise', 'Spielerisch'],
link: 'https://www.modeherz.de/search?query=samsonite%20dream2go&attrib%5BProdukttyp%5D%5B0%5D=Trolley%20%2F%20Koffer',
linkLabel: 'Dream2Go ansehen'
}
]
});
/* ─── Block 6: FAQ ───────────────────────────────────────── */
var FAQS = [
{
q: 'Welche Koffergröße gilt als Handgepäck?',
a: 'Das hängt von der Airline ab. Die meisten Fluggesellschaften erlauben Koffer bis ca. 55 × 40 × 20 cm als Kabinengepäck. Low-Cost-Carrier wie Ryanair oder easyJet haben teils strengere Vorgaben. Bitte prüfe die aktuellen Maße direkt auf der Website deiner Airline vor dem Kauf.'
},
{
q: 'Was bedeutet TSA-Schloss genau?',
a: 'TSA steht für Transportation Security Administration – die US-amerikanische Transportsicherheitsbehörde. Ein TSA-Schloss kann von offiziellen US-Zollbeamten mit einem Spezialschlüssel geöffnet werden, ohne das Schloss zu zerstören. Für Reisen in die USA ist es daher sehr empfehlenswert.'
},
{
q: 'Was ist der Unterschied zwischen 2 und 4 Rollen?',
a: '2-Rollen-Koffer werden schräg gekippt und gezogen. 4-Rollen-Koffer stehen aufrecht und lassen sich in alle Richtungen rollen – besonders komfortabel auf glatten Flughafen- und Bahnhofsböden.'
},
{
q: 'Wie pflege ich meinen Hartschalenkoffer?',
a: 'Hartschalenkoffer lassen sich gut mit einem feuchten Tuch und mildem Reiniger abwischen. Rollen und Teleskopgriff sollten gelegentlich auf Leichtgängigkeit geprüft werden.'
},
{
q: 'Was bedeutet die Expanderfunktion?',
a: 'Viele Samsonite-Koffer haben einen zusätzlichen Reißverschluss am Rahmen, der das Innenvolumen um einige Zentimeter erweitert. Achtung: Ein expandierter Koffer überschreitet eventuell die Handgepäckmaße.'
},
{
q: 'Gibt es Samsonite-Koffer speziell für Kinder?',
a: 'Ja, Samsonite bietet auch kinderfreundliche Modelle und kleinere Koffer in kindgerechten Designs an. Sie sind auf das Gewicht und die Bedürfnisse jüngerer Reisender abgestimmt und leicht zu tragen oder zu rollen.'
}
];
var wrap = document.getElementById('ck-koffer-faq');
if(wrap){
FAQS.forEach(function(faq){
var item = document.createElement('div');
item.style.cssText = 'border-bottom:1px solid rgba(0,0,0,.07);';
var btn = document.createElement('button');
btn.style.cssText = 'width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 0;font:500 13px/1.4 system-ui,Arial,sans-serif;color:#111;text-align:left;gap:12px;';
var qSpan = document.createElement('span');
qSpan.textContent = faq.q;
var icon = document.createElement('span');
icon.textContent = '+';
icon.style.cssText = 'font:400 20px/1 system-ui,Arial,sans-serif;color:rgba(0,0,0,.3);flex-shrink:0;';
btn.appendChild(qSpan);
btn.appendChild(icon);
var body = document.createElement('div');
body.style.cssText = 'overflow:hidden;max-height:0;transition:max-height .3s ease;';
var p = document.createElement('p');
p.textContent = faq.a;
p.style.cssText = 'font:400 13px/1.75 system-ui,Roboto,Arial,sans-serif;color:#666;padding-bottom:15px;margin:0;';
body.appendChild(p);
item.appendChild(btn);
item.appendChild(body);
wrap.appendChild(item);
var open = false;
btn.addEventListener('click', function(){
open = !open;
body.style.maxHeight = open ? body.scrollHeight + 'px' : '0';
icon.textContent = open ? '\u00d7' : '+';
});
});
}
})();
