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('ox2-carousel');
if(!carousel) return;
var STYLE_ID = 'ox2-boss-mobile-style';
if(!document.getElementById(STYLE_ID)){
var css = [
'@media(max-width:768px){',
'.ox2-slide{flex:0 0 96% !important;min-width:96% !important;padding:0 6px !important;cursor:pointer;}',
'.ox2-slide > div > div:last-of-type{padding:0px 10px 30px 20px !important;}',
'.ox2-tag{font-size:9px !important;letter-spacing:.08em !important;margin-bottom:3px !important;}',
'.ox2-title{line-height:1.1 !important;margin-bottom:3px !important;}',
'.ox2-desc{display:none !important;}',
'.ox2-cta{font-size:11px !important;padding:6px 12px !important;margin-top:6px !important;}',
'}',
'@media(min-width:769px) and (max-width:1600px){',
'#ox2-carousel{max-width:480px !important;}',
'.ox2-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('ox2-track');
var dotsWrap = document.getElementById('ox2-dots');
var progress = document.getElementById('ox2-progress');
var slides = Array.prototype.slice.call(carousel.querySelectorAll('.ox2-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;
var lockAxis = null;
slides.forEach(function(slide){
var img = slide.querySelector('img');
if(img) img.style.transition = 'transform 0.08s linear';
});
slides.forEach(function(slide){
var inner = slide.querySelector('div');
if(inner) inner.style.webkitTransform = inner.style.webkitTransform || 'translateZ(0)';
});
track.style.touchAction = 'pan-y';
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){
['ox2-tag','ox2-title','ox2-desc','ox2-cta'].forEach(function(cls){
var el = slides[idx].querySelector('.' + cls);
if(!el) return;
el.style.opacity = '1';
el.style.transform = 'none';
});
}
function hideContent(idx){
['ox2-tag','ox2-title','ox2-desc','ox2-cta'].forEach(function(cls){
var el = slides[idx].querySelector('.' + cls);
if(!el) return;
el.style.opacity = '0';
el.style.transform = 'translateY(10px)';
});
}
var isIOSafari = /iP(ad|hone|od)/.test(navigator.userAgent) &&
/WebKit/i.test(navigator.userAgent) &&
!/CriOS|FxiOS|EdgiOS/i.test(navigator.userAgent);
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';
if(isIOSafari){
inner.style.transition = 'opacity .25s ease';
inner.style.transform = 'none';
inner.style.opacity = i === current ? '1' : '0.82';
} else {
inner.style.transition = 'transform .65s cubic-bezier(.25,.8,.25,1), opacity .65s ease';
inner.style.transform = 'none';
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 = '';
}
});
}
function applyParallax(offset){
if(isMobile() || isIOSafari) return;
slides.forEach(function(slide, i){
var img = slide.querySelector('img');
if(!img) return;
var raw = (i - current + offset) * 12;
var clamped = Math.max(-13, Math.min(13, raw));
img.style.transform = 'scale(1.1) translateX(' + clamped + 'px)';
});
}
function goTo(idx){
hideContent(current);
current = ((idx % total) + total) % total;
track.style.transition = 'transform .65s cubic-bezier(.77,0,.175,1)';
requestAnimationFrame(function(){
requestAnimationFrame(function(){
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);
}
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;
});
var touchStartY = 0;
carousel.addEventListener('touchstart', function(e){
dragStart = e.touches[0].clientX;
touchStartY= e.touches[0].clientY;
dragDelta = 0;
dragging = true;
dragT = Date.now();
wasDragged = false;
lockAxis = null;
track.style.transition = 'none';
clearTimeout(autoTimer);
}, { passive: false });
carousel.addEventListener('touchmove', function(e){
if(!dragging) return;
var dx = e.touches[0].clientX - dragStart;
var dy = e.touches[0].clientY - touchStartY;
if(!lockAxis && (Math.abs(dx) > 4 || Math.abs(dy) > 4)){
lockAxis = Math.abs(dx) >= Math.abs(dy) ? 'x' : 'y';
}
if(lockAxis === 'x'){
e.preventDefault();
dragDelta = dx;
track.style.transform = 'translateX(' + (-getOffset(current) + dragDelta) + 'px)';
applyParallax(-dragDelta / carousel.offsetWidth);
}
}, { passive: false });
carousel.addEventListener('touchend', function(){
if(!dragging) return;
dragging = false;
var vel = Math.abs(dragDelta) / (Date.now() - dragT);
wasDragged = Math.abs(dragDelta) > 5;
if(lockAxis === 'x' && (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;
lockAxis = null;
});
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();
});
slides.forEach(function(slide){
slide.addEventListener('click', function(){
if(wasDragged) return;
var link = slide.querySelector('.ox2-cta');
if(link) window.location.href = link.href;
});
});
updateDots();
revealContent(0);
applyMobilePeek();
startProgress();
})();
BOSS
Marke
1264
Preis
€
€
Farben
573
385
139
53
43
23
23
15
13
12
6
3
3
1
1
1
Geschlecht
305
927
32
Produkttyp
4
19
57
3
85
3
664
15
19
2
2
30
49
1
10
32
9
54
12
39
31
7
96
14
4
159
4
SALE
765
646
129
Nachhaltigkeit
255
1.258 Artikel
