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
1269
Preis
€
€
Farben
576
385
140
53
43
23
23
15
13
12
6
4
3
1
1
1
Geschlecht
307
930
32
Produkttyp
4
19
58
3
86
3
666
15
19
2
2
30
49
1
10
32
9
54
12
39
31
7
96
14
4
160
4
SALE
769
650
130
Nachhaltigkeit
257
1.265 Artikel
- Nachhaltig
- −26%
BOSS
Calis - Logo Sz35 Leather Belt W85 BlackUVP85,00 €62,90 €Sie sparen 22,10 €
- Nachhaltig
- −27%
BOSS
Giftpack Reversible Leather Belt W110 Black - kürzbarUVP150,00 €109,50 €Sie sparen 40,50 €
