BOSS steht für moderne Taschen und Accessoires mit klaren Linien, hochwertiger Verarbeitung und funktionalem Design – für Damen und Herren mit Anspruch an Qualität und Stil.
Damenkollektion
Stilvoll im Alltag
Mit den Taschen von BOSS jederzeit modern unterwegs. Das geht durch klare Formen und elegante Details, die jedem Outfit eine stilvolle, souveräne Ausstrahlung verleihen.
Damentaschen entdecken →
Herrenkollektion
Souveräner Auftritt
BOSS Taschen sorgen für ein souveränes Erscheinungsbild und einen selbstbewussten Auftritt.
Herrentaschen entdecken →
Business
Business & Travel
Von Aktentasche bis Weekender: BOSS bietet funktionale Taschenlösungen mit klarer Linie für Büro, Reisen und Alltag.
Businesstaschen entdecken →
(function(){
var carousel = document.getElementById('ox-carousel');
if(!carousel) return;
var STYLE_ID = 'ox-boss-mobile-style';
if(!document.getElementById(STYLE_ID)){
var css = [
'@media(max-width:768px){',
'.ox-slide{flex:0 0 96% !important;min-width:96% !important;padding:0 6px !important;cursor:pointer;}',
'.ox-slide > div > div:last-of-type{padding:0px 10px 30px 20px !important;}',
'.ox-tag{font-size:9px !important;letter-spacing:.08em !important;margin-bottom:3px !important;}',
'.ox-title{line-height:1.1 !important;margin-bottom:3px !important;}',
'.ox-desc{display:none !important;}',
'.ox-cta{font-size:11px !important;padding:6px 12px !important;margin-top:6px !important;}',
'}',
'@media(min-width:769px) and (max-width:1600px){',
'#ox-carousel{max-width:480px !important;}',
'.ox-title{font-size:clamp(15px,2vw,26px) !important;}',
'}'
].join('');
var s = document.createElement('style');
s.id = STYLE_ID; s.textContent = css;
document.head.appendChild(s);
}
var track = document.getElementById('ox-track');
var dotsWrap = document.getElementById('ox-dots');
var progress = document.getElementById('ox-progress');
var slides = Array.prototype.slice.call(carousel.querySelectorAll('.ox-slide'));
var total = slides.length;
var current = 0;
var autoTimer;
var DURATION = 5000;
var dots = [];
var dragStart=0, dragDelta=0, dragging=false, dragT=0, wasDragged=false;
function isMobile(){ return window.innerWidth <= 768; }
function getOffset(idx){
if(isMobile()){
var slideW = slides[0].offsetWidth;
var peekW = (carousel.offsetWidth - slideW) / 2;
if(idx === 0) return 0;
if(idx === total - 1) return track.scrollWidth - carousel.offsetWidth;
return idx * slideW - peekW;
}
return idx * carousel.offsetWidth;
}
for(var i = 0; i < total; i++){
var d = document.createElement('div');
d.setAttribute('data-idx', i);
d.style.cssText = 'width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.35);cursor:pointer;transition:all .4s ease;';
dotsWrap.appendChild(d);
dots.push(d);
}
function updateDots(){
dots.forEach(function(d,i){
d.style.width = i===current ? '22px' : '6px';
d.style.background= i===current ? '#fff' : 'rgba(255,255,255,.35)';
});
}
function revealContent(idx){
['ox-tag','ox-title','ox-desc','ox-cta'].forEach(function(cls){
var el = slides[idx].querySelector('.'+cls);
if(el){ el.style.opacity='1'; el.style.transform='translateY(0)'; }
});
}
function hideContent(idx){
['ox-tag','ox-title','ox-desc','ox-cta'].forEach(function(cls,ci){
var el = slides[idx].querySelector('.'+cls);
if(el){ el.style.opacity='0'; el.style.transform='translateY('+(ci<2?'14px':'10px')+')'; }
});
}
function applyMobilePeek(){
var section = carousel.closest('section') || carousel.parentElement;
slides.forEach(function(slide, i){
var inner = slide.querySelector('div');
if(!inner) return;
if(isMobile()){
section.style.overflow = 'visible';
carousel.style.overflow = 'visible';
carousel.style.padding = '0';
inner.style.transition = 'transform .65s cubic-bezier(.25,.8,.25,1), opacity .65s ease';
inner.style.transformOrigin = 'center center';
inner.style.transform = i === current ? 'scale(1)' : 'scale(0.95)';
inner.style.opacity = i === current ? '1' : '0.45';
} else {
section.style.overflow = '';
carousel.style.overflow = '';
carousel.style.padding = '';
inner.style.transform = '';
inner.style.opacity = '';
inner.style.transition = '';
inner.style.transformOrigin = '';
}
});
}
function goTo(idx){
hideContent(current);
current = ((idx % total) + total) % total;
track.style.transition = 'transform .65s cubic-bezier(.77,0,.175,1)';
track.style.transform = 'translateX(-' + getOffset(current) + 'px)';
updateDots();
applyMobilePeek();
setTimeout(function(){ revealContent(current); }, 120);
startProgress();
}
function startProgress(){
clearTimeout(autoTimer);
progress.style.transition = 'none';
progress.style.width = '0%';
setTimeout(function(){
progress.style.transition = 'width ' + DURATION + 'ms linear';
progress.style.width = '100%';
}, 30);
autoTimer = setTimeout(function(){ goTo(current + 1); }, DURATION);
}
function applyParallax(offset){
if(isMobile()) return;
slides.forEach(function(slide, i){
var img = slide.querySelector('img');
if(!img) return;
img.style.transform = 'scale(1.1) translateX(' + ((i - current + offset) * 12) + 'px)';
});
}
var dragStart=0, dragDelta=0, dragging=false, dragT=0, wasDragged=false;
carousel.addEventListener('mousedown', function(e){
if(e.button!==0) return;
dragging=true; dragStart=e.clientX; dragDelta=0; dragT=Date.now(); wasDragged=false;
track.style.transition='none';
clearTimeout(autoTimer);
slides.forEach(function(s){ s.style.cursor='grabbing'; });
});
document.addEventListener('mousemove', function(e){
if(!dragging) return;
dragDelta = e.clientX - dragStart;
track.style.transform = 'translateX(' + (-getOffset(current) + dragDelta) + 'px)';
applyParallax(-dragDelta / carousel.offsetWidth);
});
document.addEventListener('mouseup', function(){
if(!dragging) return;
dragging=false;
slides.forEach(function(s){ s.style.cursor='grab'; });
var vel = Math.abs(dragDelta)/(Date.now()-dragT);
wasDragged = Math.abs(dragDelta) > 5;
if(Math.abs(dragDelta)>60 || vel>0.45){
goTo(dragDelta<0 ? current+1 : current-1);
} else {
track.style.transition='transform .45s cubic-bezier(.77,0,.175,1)';
track.style.transform='translateX(-' + getOffset(current) + 'px)';
applyMobilePeek();
startProgress();
}
dragDelta=0;
});
carousel.addEventListener('touchstart', function(e){
dragStart=e.touches[0].clientX; dragDelta=0; dragging=true; dragT=Date.now(); wasDragged=false;
track.style.transition='none';
clearTimeout(autoTimer);
},{passive:true});
carousel.addEventListener('touchmove', function(e){
if(!dragging) return;
dragDelta = e.touches[0].clientX - dragStart;
track.style.transform = 'translateX(' + (-getOffset(current) + dragDelta) + 'px)';
applyParallax(-dragDelta / carousel.offsetWidth);
},{passive:true});
carousel.addEventListener('touchend', function(){
if(!dragging) return;
dragging=false;
var vel = Math.abs(dragDelta)/(Date.now()-dragT);
wasDragged = Math.abs(dragDelta) > 5;
if(Math.abs(dragDelta)>55 || vel>0.45){
goTo(dragDelta<0 ? current+1 : current-1);
} else {
track.style.transition='transform .45s cubic-bezier(.77,0,.175,1)';
track.style.transform='translateX(-' + getOffset(current) + 'px)';
applyMobilePeek();
startProgress();
}
dragDelta=0;
});
dotsWrap.addEventListener('click', function(e){
var d = e.target.closest('[data-idx]');
if(d) goTo(parseInt(d.getAttribute('data-idx'),10));
});
window.addEventListener('resize', function(){
track.style.transition = 'none';
track.style.transform = 'translateX(-' + getOffset(current) + 'px)';
applyMobilePeek();
});
updateDots();
revealContent(0);
applyMobilePeek();
startProgress();
slides.forEach(function(slide){
slide.addEventListener('click', function(){
if(wasDragged) return;
var link = slide.querySelector('.ox-cta');
if(link) window.location.href = link.href;
});
});
})();
BOSS
Marke
1268
Preis
€
€
Farben
558
390
147
51
50
27
24
20
12
11
7
3
3
2
2
1
Geschlecht
294
943
31
Produkttyp
3
19
68
3
78
2
691
12
13
2
2
29
43
1
10
26
7
59
10
33
30
7
94
10
4
155
4
SALE
433
387
104
Nachhaltigkeit
248
1.271 Artikel
