Fossil steht für Taschen und Accessoires mit zeitlosem Design, hochwertigen Materialien und praktischen Details – für Damen und Herren, die Alltag, Stil und Funktion mühelos verbinden möchten.
Damenkollektion
Zeitlos unterwegs
Fossil Damentaschen verbinden klassische Formen mit modernen Details und begleiten stilvoll durch Alltag, Freizeit und besondere Momente.
Damentaschen entdecken →
Accessoires
Details mit Charakter
Von Geldbörse bis Gürtel: Fossil Accessoires ergänzen jedes Outfit mit hochwertigen Materialien und einem unverwechselbaren Look.
Accessoires entdecken →
Herrenkollektion
Praktisch mit Stil
Fossil Herrentaschen bieten zuverlässigen Stauraum, klare Designs und einen lässig-eleganten Stil für Beruf, Reise und Alltag.
Herrentaschen 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();
})();
FOSSIL
Marke
1086
Preis
€
€
Farben
405
243
98
96
54
45
34
34
31
27
23
17
16
12
6
6
6
5
5
1
Geschlecht
560
352
174
Produkttyp
2
63
14
14
11
228
10
2
99
3
38
34
1
9
6
133
119
1
2
8
8
9
4
19
2
28
23
14
4
169
20
4
1
229
61
SALE
879
769
381
290
265
218
101
Nachhaltigkeit
240
1.094 Artikel
