oxmox

(function(){ function initOxmoxStack(opts){ var cards = opts.cards; var total = cards.length; var cur = 0; var busy = false; var card = document.getElementById(opts.card); var eyebrow = document.getElementById(opts.eyebrow); var title = document.getElementById(opts.title); var body = document.getElementById(opts.body); var badge = document.getElementById(opts.badge); var dotsW = document.getElementById(opts.dots); var btnNext = opts.next ? document.getElementById(opts.next) : null; var btnPrev = opts.prev ? document.getElementById(opts.prev) : null; var ctaLink = opts.link ? document.getElementById(opts.link) : null; if (!card) return; var dots = []; for (var i = 0; i < total; i++){ var d = document.createElement('div'); d.style.cssText = 'width:6px;height:6px;border-radius:50%;background:#ccc;cursor:pointer;transition:width .25s,background .25s,border-radius .25s;'; (function(idx){ d.addEventListener('click', function(){ goTo(idx); }); })(i); dotsW.appendChild(d); dots.push(d); } function updateDots(){ dots.forEach(function(d, i){ if (i === cur){ d.style.width = '18px'; d.style.borderRadius = '999px'; d.style.background = '#111'; } else { d.style.width = '6px'; d.style.borderRadius = '50%'; d.style.background = '#ccc'; } }); badge.textContent = (cur + 1) + ' / ' + total; } function render(){ var c = cards[cur]; eyebrow.textContent = c.eyebrow; title.textContent = c.title; body.textContent = c.body; if (ctaLink && c.link){ ctaLink.href = c.link; ctaLink.textContent = c.linkLabel || 'Modelle ansehen →'; } updateDots(); } function goTo(idx){ if (busy) return; idx = ((idx % total) + total) % total; if (idx === cur) return; busy = true; card.style.opacity = '0'; setTimeout(function(){ cur = idx; render(); card.style.opacity = '1'; busy = false; }, 200); } if (btnNext){ btnNext.addEventListener('click', function(){ goTo(cur + 1); }); } if (btnPrev){ btnPrev.addEventListener('click', function(){ goTo(cur - 1); }); } /* Touch Swipe */ var touchStartX = 0; card.addEventListener('touchstart', function(e){ touchStartX = e.touches[0].clientX; }, { passive:true }); card.addEventListener('touchend', function(e){ var dx = e.changedTouches[0].clientX - touchStartX; if (Math.abs(dx) > 44){ goTo( dx < 0 ? cur + 1 : cur - 1 ); } }, { passive:true }); /* Desktop Drag */ var mouseStartX = 0; var dragging = false; card.addEventListener('mousedown', function(e){ if ( e.target.tagName === 'BUTTON' || e.target.tagName === 'A' ){ return; } mouseStartX = e.clientX; dragging = true; card.style.cursor = 'grabbing'; }); document.addEventListener('mouseup', function(e){ if (!dragging) return; dragging = false; card.style.cursor = 'grab'; var dx = e.clientX - mouseStartX; if (Math.abs(dx) > 44){ goTo( dx < 0 ? cur + 1 : cur - 1 ); } }); render(); } /* Auswahlhilfe */ initOxmoxStack({ card:'oxmox-use-card', eyebrow:'oxmox-use-eyebrow', title:'oxmox-use-title', body:'oxmox-use-body', badge:'oxmox-use-badge', dots:'oxmox-use-dots', link:'oxmox-use-link', cards:[ { eyebrow:'Passt zu Dir, wenn …', title:'… Du eine besonders handliche Börse suchst', body:'Die Pocketbörse ist besonders kompakt und ideal für unterwegs. Sie bietet Platz für die wichtigsten Karten, Scheine und Münzen und passt auch gut in kleinere Taschen.', link:'https://www.modeherz.de/search?query=oxmox%20Pocketb%C3%B6rse', linkLabel:'Pocketbörsen ansehen →' }, { eyebrow:'Passt zu Dir, wenn …', title:'… Du eine klassische Geldbörse bevorzugst', body:'Die Querscheinbörse bietet eine übersichtliche Aufteilung und das klassische horizontale Geldbörsenformat. Karten, Scheine und Münzen bleiben schnell erreichbar.', link:'https://www.modeherz.de/search?query=oxmox%Querscheinb%C3%B6rse', linkLabel:'Querscheinbörse ansehen →' }, { eyebrow:'Passt zu Dir, wenn …', title:'… Du viel Platz in einem kompakten Format möchtest', body:'Die Kombibörse ist das geräumigste oxmox Format. Sie ist im Hochformat aufgebaut und bietet besonders viel Platz für Karten, Scheine, Münzen und weitere kleine Dinge.', link:'https://www.modeherz.de/oxmox?attrib%5BGeldb%C3%B6rsenformat%5D%5B0%5D=Hochformat', linkLabel:'Kombibörsen ansehen →' }, { eyebrow:'Passt zu Dir, wenn …', title:'… Du echtes Leder magst', body:'Die Leder-Geldbörsen von oxmox werden aus weichem Vollrindnappa gefertigt und verbinden eine angenehme Haptik mit natürlicher Optik und hoher Alltagstauglichkeit.', link:'https://www.modeherz.de/oxmox?attrib%5BLederanteil%5D%5B%5D=Leder', linkLabel:'Leder-Geldbörsen ansehen →' }, { eyebrow:'Passt zu Dir, wenn …', title:'… Du eine vegane Alternative suchst', body:'New Cryptan ist das vegane Hightech-Material von oxmox. Es ist wasserfest, äußerst strapazierfähig und langlebig und bleibt dabei angenehm weich im Griff.', link:'https://www.modeherz.de/oxmox?attrib%5BLederanteil%5D%5B%5D=Lederfrei', linkLabel:'Lederfreie Modelle ansehen →' } ] }); /* Markenstory */ initOxmoxStack({ card:'oxmox-story-card', eyebrow:'oxmox-st-eyebrow', title:'oxmox-st-title', body:'oxmox-st-body', badge:'oxmox-st-badge', dots:'oxmox-st-dots', next:'oxmox-st-next', prev:'oxmox-st-prev', cards:[ { eyebrow:'Material', title:'Leder oder veganes New Cryptan', body:'oxmox bietet seine Modelle sowohl aus weichem Vollrindnappa als auch aus dem veganen Hightech-Material New Cryptan an. So kannst Du passend zu deinen persönlichen Vorlieben zwischen klassischem Leder und einer lederfreien Alternative wählen.' }, { eyebrow:'Designs', title:'Motive mit Wiedererkennungswert', body:'Charakteristisch für oxmox sind markante Prägungen und Druckmotive. Zu den bekanntesten Designs gehören Lizard und Jumping Jack. Die Freedom-Serie ergänzt das Sortiment um Motive wie Freedom Cross, Freedom Lion, Freedom Pigeon, Freedom Fish und Freedom Anchor.' }, { eyebrow:'RFID', title:'Schutz für Karten und Daten', body:'RFID-Technologie ermöglicht das kontaktlose Auslesen von Kartendaten. Ein integrierter RFID-Schutz blockiert entsprechende Funksignale und schützt vor unbefugtem Zugriff. oxmox Geldbörsen sind auch mit RFID-Schutz erhältlich.' }, { eyebrow:'Nachhaltigkeit', title:'Mitglied der Leather Working Group', body:'oxmox ist Mitglied der Leather Working Group, kurz LWG. Damit unterstützt die Marke eine verantwortungsvollere und transparentere Lederherstellung mit dem Ziel, Umweltstandards entlang der Lieferkette zu verbessern.' }, { eyebrow:'Geschenkidee', title:'Direkt bereit zum Verschenken', body:'Jedes oxmox Produkt wird in einer eigenständigen Geschenkbox geliefert. Dadurch eignen sich Geldbörsen und Keyholder auch besonders gut als Geschenk – praktisch, hochwertig und direkt bereit zum Überreichen.' } ] }); /* FAQ */ var FAQS = [ { q:'Welche oxmox Geldbörse passt zu mir?', a:'Wenn Du eine besonders kompakte Geldbörse suchst, ist die Pocketbörse eine gute Wahl. Die Querscheinbörse bietet ein klassisches Format mit übersichtlicher Aufteilung. Zusätzlich gibt es Modelle im Hochformat und weitere Varianten mit unterschiedlichen Innenaufteilungen.' }, { q:'Welche Materialien verwendet oxmox?', a:'oxmox bietet Geldbörsen aus weichem Vollrindnappa sowie lederfreie Modelle aus dem veganen Hightech-Material New Cryptan an.' }, { q:'Was ist New Cryptan?', a:'New Cryptan ist eine exklusive Materialinnovation von oxmox. Das vegane Hightech-Material ist wasserfest, äußerst strapazierfähig und langlebig und bleibt dabei angenehm weich im Griff.' }, { q:'Sind oxmox Geldbörsen aus echtem Leder?', a:'Ein Teil der oxmox Geldbörsen wird aus echtem Vollrindnappa gefertigt. Zusätzlich gibt es lederfreie Modelle aus dem veganen Material New Cryptan.' }, { q:'Welche oxmox Designs gibt es?', a:'Zu den bekannten oxmox Designs gehören unter anderem Lizard und Jumping Jack. Die Freedom-Serie umfasst außerdem Motive wie Freedom Cross, Freedom Lion, Freedom Pigeon, Freedom Fish und Freedom Anchor.' }, { q:'Gibt es oxmox Geldbörsen mit RFID-Schutz?', a:'Ja. oxmox Geldbörsen sind auch mit integriertem RFID-Schutz erhältlich. Dieser blockiert entsprechende Funksignale und kann so vor dem unbefugten kontaktlosen Auslesen geeigneter Karten schützen.' }, { q:'Gibt es oxmox Geldbörsen im Querformat?', a:'Ja. oxmox bietet klassische Geldbörsen im Querformat an. Diese Form eignet sich besonders, wenn Du eine traditionelle horizontale Geldbörsenform bevorzugst.' }, { q:'Gibt es oxmox Geldbörsen im Hochformat?', a:'Ja. Neben Modellen im Querformat gibt es auch oxmox Geldbörsen im Hochformat.' }, { q:'Welche weiteren Produkte gibt es von oxmox?', a:'Neben Geldbörsen bietet oxmox auch Keyholder beziehungsweise Schlüsselmäppchen sowie Schlampermäppchen für kleinere Alltagsgegenstände an.' }, { q:'Werden oxmox Produkte in einer Geschenkbox geliefert?', a:'Ja. Jedes oxmox Produkt wird in einer eigenständigen Geschenkbox geliefert und eignet sich dadurch auch gut als Geschenk.' } ]; var faqWrap = document.getElementById('oxmox-faq-wrap'); FAQS.forEach(function(faq){ var item = document.createElement('div'); item.style.cssText = 'border-bottom:1px solid rgba(0,0,0,.07);'; var btn = document.createElement('button'); btn.style.cssText = 'width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 0;font:500 13px/1.4 system-ui,Arial,sans-serif;color:#111;text-align:left;gap:12px;'; var qSpan = document.createElement('span'); qSpan.textContent = faq.q; var icon = document.createElement('span'); icon.textContent = '+'; icon.style.cssText = 'font:400 20px/1 system-ui,Arial,sans-serif;color:rgba(0,0,0,.3);flex-shrink:0;transition:transform .25s;'; btn.appendChild(qSpan); btn.appendChild(icon); var answer = document.createElement('div'); answer.style.cssText = 'overflow:hidden;max-height:0;transition:max-height .3s ease;'; var p = document.createElement('p'); p.textContent = faq.a; p.style.cssText = 'font:400 13px/1.75 system-ui,Roboto,Arial,sans-serif;color:#666;padding-bottom:15px;margin:0;'; answer.appendChild(p); item.appendChild(btn); item.appendChild(answer); faqWrap.appendChild(item); var open = false; btn.addEventListener('click', function(){ open = !open; answer.style.maxHeight = open ? answer.scrollHeight + 'px' : '0'; icon.textContent = open ? '×' : '+'; Array.prototype.forEach.call( faqWrap.children, function(sibling){ if (sibling !== item){ var sBody = sibling.querySelector('div'); var sIcon = sibling.querySelector('button span:last-child'); if (sBody){ sBody.style.maxHeight = '0'; } if (sIcon){ sIcon.textContent = '+'; } } } ); }); }); /* FAQ Schema */ (function generateFAQSchema(faqArray){ if (!faqArray || faqArray.length === 0) return; var schema = { "@context":"https://schema.org", "@type":"FAQPage", "mainEntity":[] }; faqArray.forEach(function(item){ schema.mainEntity.push({ "@type":"Question", "name":item.q, "acceptedAnswer":{ "@type":"Answer", "text":item.a } }); }); var script = document.createElement('script'); script.type = 'application/ld+json'; script.text = JSON.stringify(schema); document.head.appendChild(script); })(FAQS); })();