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
1060
Preis
€
€
Farben
397
232
93
92
50
44
34
33
30
27
24
23
17
13
6
6
5
5
5
Geschlecht
556
334
170
Produkttyp
2
73
14
14
10
215
9
2
99
3
35
32
1
9
6
129
116
1
2
5
8
6
4
19
2
25
22
14
4
167
20
3
1
224
57
SALE
843
767
381
281
242
202
92
Nachhaltigkeit
232
1.069 Artikel
