Kapten & Son

(function(){ 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; 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 || 'Kategorie ansehen →'; } 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); }); } var touchStartX = 0; card.addEventListener('touchstart', function(e){ touchStartX = e.touches[0].clientX; }, {passive:true}); card.addEventListener('touchend', function(e){ var dx = e.changedTouches[0].clientX - touchStartX; if(Math.abs(dx) > 44){ goTo(dx < 0 ? cur + 1 : cur - 1); } }, {passive:true}); var mouseStartX = 0; var dragging = false; card.addEventListener('mousedown', function(e){ if(e.target.tagName === 'BUTTON' || e.target.tagName === 'A') return; mouseStartX = 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 - mouseStartX; if(Math.abs(dx) > 44){ goTo(dx < 0 ? cur + 1 : cur - 1); } }); render(); } initStack({ card:'ks-story-card', eyebrow:'ks-st-eyebrow', title:'ks-st-title', body:'ks-st-body', badge:'ks-st-badge', dots:'ks-st-dots', next:'ks-st-next', prev:'ks-st-prev', cards:[ { eyebrow:'Die Anfänge', title:'Alles begann mit einer Taucheruhr', body:'Kapten & Son entstand aus einem Studentenprojekt in Münster. Die Gründer entwickelten zunächst eine Taucheruhr für sich selbst und ließen später 100 Stück für Freunde und Kommilitonen produzieren. Bereits nach sieben Tagen waren alle Exemplare ausverkauft.' }, { eyebrow:'Wachstum', title:'Vom Studentenprojekt zur Lifestyle-Marke', body:'Aus der kleinen Uhrenidee entwickelte sich innerhalb weniger Jahre eine international bekannte Marke. Das Sortiment wuchs um Sonnenbrillen, Rucksäcke und weitere Accessoires, während Kapten & Son seine Präsenz auf zahlreiche Länder ausweitete und besonders durch frühes Influencer-Marketing schnell Bekanntheit aufbaute.' }, { eyebrow:'Design', title:'Für unterwegs gedacht', body:'Kapten & Son verbindet eine moderne, reduzierte Designsprache mit Produkten, die im Alltag praktisch funktionieren. Rucksäcke, Taschen und Reisebegleiter sind darauf ausgelegt, unkompliziert zwischen Arbeit, Freizeit und unterwegs zu wechseln.' }, { eyebrow:'Funktion', title:'Durchdacht organisiert', body:'Praktische Fächer und eine übersichtliche Aufteilung helfen dabei, wichtige Dinge schnell griffbereit zu haben. So eignen sich viele Modelle sowohl für den täglichen Weg zur Arbeit oder Universität als auch für Freizeit und Reisen.' }, { eyebrow:'Look', title:'Modern und vielseitig', body:'Klare Formen und zurückhaltende Farben machen Kapten & Son einfach kombinierbar. Dadurch passen die Produkte zu sportlichen, urbanen und minimalistischen Looks.' }, { eyebrow:'Travel', title:'Vom Alltag bis zur Reise', body:'Neben Rucksäcken und Taschen bietet Kapten & Son auch Reisebegleiter für längere Strecken. So lässt sich der typische Look der Marke vom täglichen Weg durch die Stadt bis zum nächsten Urlaub mitnehmen.' } ] }); initStack({ card:'ks-use-card', eyebrow:'ks-use-eyebrow', title:'ks-use-title', body:'ks-use-body', badge:'ks-use-badge', dots:'ks-use-dots', link:'ks-use-link', cards:[ { eyebrow:'Passt zu dir, wenn …', title:'… du einen Rucksack für jeden Tag suchst', body:'Dann sind Kapten & Son Rucksäcke eine gute Wahl für Arbeit, Uni, Stadt und Freizeit. Sie bieten Platz für deine täglichen Essentials und lassen sich vielseitig kombinieren.', link:'/all/rucksaecke?attrib%5Bvendor%5D%5B0%5D=Kapten+%26+Son', linkLabel:'Rucksäcke ansehen →' }, { eyebrow:'Passt zu dir, wenn …', title:'… du kompakter unterwegs sein möchtest', body:'Dann lohnt sich ein Blick auf die Taschen von Kapten & Son. Sie eignen sich für Smartphone, Geldbörse, Schlüssel und andere Dinge, die du schnell griffbereit haben möchtest.', link:'/all/taschen?attrib%5Bvendor%5D%5B0%5D=Kapten+%26+Son', linkLabel:'Taschen ansehen →' }, { eyebrow:'Passt zu dir, wenn …', title:'… du regelmäßig Laptop und Technik dabeihast', body:'Dann sind Modelle mit passender Innenaufteilung besonders praktisch. So lassen sich Laptop, Zubehör und persönliche Dinge übersichtlich im Alltag transportieren.', link:'/all/rucksaecke?attrib%5Bvendor%5D%5B0%5D=Kapten+%26+Son', linkLabel:'Rucksäcke ansehen →' }, { eyebrow:'Passt zu dir, wenn …', title:'… dein nächster Trip schon geplant ist', body:'Dann findest du bei Kapten & Son auch passende Reisebegleiter für Kurztrip, Wochenende und Urlaub.', link:'/all/reisegepaeck?attrib%5Bvendor%5D%5B0%5D=Kapten+%26+Son', linkLabel:'Reisegepäck ansehen →' } ] }); var FAQS = [ { q:'Welche Kapten & Son Produkte gibt es bei modeherz?', a:'Bei modeherz findest du je nach aktuellem Sortiment unter anderem Rucksäcke, Taschen und Reisegepäck von Kapten & Son.' }, { q:'Sind Kapten & Son Rucksäcke für den Alltag geeignet?', a:'Viele Modelle sind für den täglichen Einsatz konzipiert und bieten eine praktische Aufteilung für persönliche Dinge, Arbeit, Universität oder Freizeit.' }, { q:'Gibt es Kapten & Son Rucksäcke mit Laptopfach?', a:'Je nach Modell verfügen Kapten & Son Rucksäcke über separate oder gepolsterte Fächer für Laptops und andere technische Geräte. Beachte dafür die jeweilige Produktbeschreibung.' }, { q:'Welche Größe sollte mein Kapten & Son Rucksack haben?', a:'Das hängt davon ab, was du transportieren möchtest. Für wenige Essentials reicht ein kompakteres Modell, während für Laptop, Unterlagen oder längere Tage ein größerer Rucksack praktischer sein kann.' }, { q:'Gibt es von Kapten & Son auch Reisegepäck?', a:'Ja, Kapten & Son bietet neben Taschen und Rucksäcken auch Produkte für Reisen. Welche Modelle aktuell verfügbar sind, siehst du direkt im Sortiment bei modeherz.' }, { q:'Welche Farben gibt es bei Kapten & Son?', a:'Die verfügbaren Farben unterscheiden sich je nach Modell und Kollektion. Häufig findest du klassische und zurückhaltende Farbtöne ebenso wie saisonale Akzentfarben.' }, { q:'Wie pflege ich meinen Kapten & Son Rucksack?', a:'Die richtige Pflege hängt vom jeweiligen Material ab. Orientiere dich deshalb an den Pflegehinweisen des konkreten Produkts und verwende nur dafür geeignete Reinigungsmittel.' }, { q:'Sind Kapten & Son Taschen für Reisen geeignet?', a:'Viele Modelle eignen sich gut als kompakte Begleiter auf Reisen. Für größere Mengen Gepäck sind die entsprechenden Reiseprodukte oder geräumigere Modelle besser geeignet.' } ]; var faqWrap = document.getElementById('ks-faq-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;transition:transform .25s;'; 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); faqWrap.appendChild(item); var open = false; btn.addEventListener('click', function(){ open = !open; body.style.maxHeight = open ? body.scrollHeight + 'px' : '0'; icon.textContent = open ? '×' : '+'; Array.prototype.forEach.call(faqWrap.children, function(sibling){ if(sibling !== item){ var sBody = sibling.querySelector('div'); var sIcon = sibling.querySelector('button span:last-child'); if(sBody){ sBody.style.maxHeight = '0'; } if(sIcon){ sIcon.textContent = '+'; } } }); }); }); (function generateFAQSchema(faqArray){ if(!faqArray || faqArray.length === 0) return; var schema = { "@context":"https://schema.org", "@type":"FAQPage", "mainEntity":[] }; faqArray.forEach(function(item){ schema.mainEntity.push({ "@type":"Question", "name":item.q, "acceptedAnswer":{ "@type":"Answer", "text":item.a } }); }); var script = document.createElement('script'); script.type = 'application/ld+json'; script.text = JSON.stringify(schema); document.head.appendChild(script); })(FAQS); })();