Fossil Damen Taschen verbinden zeitloses Design, hochwertige Materialien und praktische Details. Ob Schultertasche, Handtasche oder Rucksack – die Kollektionen passen zu Alltag, Freizeit und modernen Looks mit lässig-elegantem Charakter.
Schultertaschen
Elegante Schultertaschen
Fossil Schultertaschen sind unkomplizierte Begleiter für jeden Tag – mit angenehmem Tragekomfort, praktischer Aufteilung und zeitlosem Look.
Schultertaschen entdecken →
Handtaschen
Zeitlose Handtaschen
Von klassisch bis modern: Fossil Handtaschen ergänzen Alltagslooks mit klarer Form, hochwertigen Details und vielseitigem Stil.
Handtaschen entdecken →
Rucksäcke
Praktische Rucksäcke
Fossil Damenrucksäcke bieten Bewegungsfreiheit, Stauraum und einen modernen Look – ideal für Stadt, Arbeit, Freizeit und unterwegs.
Rucksäcke entdecken →
(function(){
var carousel = document.getElementById('ox2-carousel');
if(!carousel) return;
var STYLE_ID = 'ox2-fossil-damen-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();
})();
Braune FOSSIL Taschen für Damen
Preis
€
€
Farben
62
35
30
29
29
15
14
15
9
6
4
4
2
2
1
Produkttyp
4
5
4
1
8
11
3
1
1
1
4
1
63
5
76
13
SALE
84
82
26
18
13
11
2
Nachhaltigkeit
28
124 Artikel
Farben: Braun
