{"id":7,"date":"2026-11-09T09:34:44","date_gmt":"2026-11-09T09:34:44","guid":{"rendered":"https:\/\/aura-store.eu\/?page_id=7"},"modified":"2026-11-09T09:55:36","modified_gmt":"2026-11-09T09:55:36","slug":"homepage","status":"publish","type":"page","link":"https:\/\/aura-store.eu\/","title":{"rendered":"HomePage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-029c5d1 e-con-full e-flex e-con e-parent\" data-id=\"029c5d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffd5aea elementor-widget elementor-widget-html\" data-id=\"ffd5aea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"de\">\r\n<head>\r\n<meta charset=\"utf-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<title>Aura-Store \u2013 Schuhkunst, neu gedacht<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n  --bg:#f8f4ed; --bg2:#efe7da; --ivory:#1d1a16; --muted:#7a7166; --gold:#a8844b; --gold2:#d6b57c;\r\n  --line:rgba(29,26,22,.12); --ease:cubic-bezier(.16,1,.3,1);\r\n}\r\n*{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ivory);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-weight:300}\r\nbody.lock{overflow:hidden}\r\na{color:inherit;text-decoration:none}\r\nbutton{font:inherit;cursor:pointer;border:0;background:none;color:inherit}\r\n.serif{font-family:\"Cormorant Garamond\",Georgia,serif;font-weight:300;letter-spacing:-.01em}\r\n.wrap{max-width:1280px;margin:0 auto;padding:0 32px}\r\n.label{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:500}\r\n.gold-text{background:linear-gradient(100deg,var(--gold) 0%,var(--gold2) 40%,var(--gold) 60%,#9c7d47 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}\r\n@keyframes sheen{to{background-position:-200% 0}}\r\n\r\n\/* Grain *\/\r\nbody::after{content:\"\";position:fixed;inset:0;pointer-events:none;z-index:400;opacity:.035;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\r\n\r\n\/* Intro loader *\/\r\n#intro{position:fixed;inset:0;background:var(--bg);z-index:500;display:grid;place-items:center;transition:transform 1.2s var(--ease) .2s}\r\n#intro.done{transform:translateY(-100%)}\r\n#intro .word{font-family:\"Cormorant Garamond\";font-size:clamp(64px,12vw,160px);letter-spacing:.3em;display:flex;padding-left:.3em}\r\n#intro .word span{opacity:0;transform:translateY(30px);animation:in 1s var(--ease) forwards}\r\n#intro .bar{position:absolute;bottom:18%;width:160px;height:1px;background:var(--line);overflow:hidden}\r\n#intro .bar i{display:block;height:100%;background:var(--gold);width:0;animation:load 1.4s var(--ease) forwards .3s}\r\n@keyframes in{to{opacity:1;transform:none}}\r\n@keyframes load{to{width:100%}}\r\n\r\n\/* Nav *\/\r\nnav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:26px 40px;transition:padding .5s var(--ease),background .5s,transform .6s var(--ease)}\r\nnav.solid{padding:16px 40px;background:rgba(248,244,237,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}\r\nnav.hide{transform:translateY(-100%)}\r\n.logo{font-family:\"Cormorant Garamond\";font-size:28px;letter-spacing:.32em;font-weight:400}\r\n.logo sup{font-family:Manrope;font-size:9px;letter-spacing:.3em;color:var(--gold);margin-left:2px;vertical-align:super}\r\n.navlinks{display:flex;gap:40px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}\r\n.navlinks a{position:relative;opacity:.75;transition:opacity .3s}\r\n.navlinks a:hover{opacity:1}\r\n.navlinks a::after{content:\"\";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .5s var(--ease)}\r\n.navlinks a:hover::after{transform:scaleX(1)}\r\n.btn{display:inline-flex;align-items:center;gap:14px;padding:16px 30px;border:1px solid var(--gold);color:var(--gold);font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:500;position:relative;overflow:hidden;transition:color .5s var(--ease)}\r\n.btn::before{content:\"\";position:absolute;inset:0;background:var(--gold);transform:translateY(101%);transition:transform .5s var(--ease)}\r\n.btn:hover{color:var(--bg)}\r\n.btn:hover::before{transform:none}\r\n.btn span{position:relative}\r\n.btn.sm{padding:12px 22px}\r\n.btn.solid{background:var(--gold);color:var(--bg)}\r\n.btn.solid::before{background:var(--ivory)}\r\n\r\n\/* Hero *\/\r\n.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;padding:140px 0 80px}\r\n.hero::before{content:\"\";position:absolute;width:900px;height:900px;right:-200px;top:50%;translate:0 -50%;background:radial-gradient(circle,rgba(214,181,124,.35),transparent 60%);pointer-events:none}\r\n.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;width:100%}\r\n.hero h1{font-size:clamp(60px,9vw,140px);line-height:.92;margin:28px 0 34px}\r\n.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}\r\n.hero h1 .ln span{display:inline-block;transform:translateY(110%)}\r\n.ready .hero h1 .ln span{animation:up 1.4s var(--ease) forwards}\r\n.ready .hero h1 .ln:nth-child(2) span{animation-delay:.12s}\r\n.ready .hero h1 .ln:nth-child(3) span{animation-delay:.24s}\r\n@keyframes up{to{transform:none}}\r\n.hero h1 em{font-style:italic}\r\n.hero p{max-width:420px;color:var(--muted);line-height:1.9;font-size:16px}\r\n.fade{opacity:0;transform:translateY(20px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}\r\n.ready .fade{opacity:1;transform:none}\r\n.ready .fade.d1{transition-delay:.5s}.ready .fade.d2{transition-delay:.7s}.ready .fade.d3{transition-delay:.9s}\r\n.hero .ctas{display:flex;gap:28px;align-items:center;margin-top:44px;flex-wrap:wrap}\r\n.link-arrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;display:inline-flex;gap:12px;align-items:center}\r\n.link-arrow i{width:40px;height:1px;background:currentColor;transition:width .5s var(--ease)}\r\n.link-arrow:hover i{width:64px}\r\n\r\n.stage{position:relative;aspect-ratio:1;display:grid;place-items:center}\r\n.orbit{position:absolute;inset:4%;border:1px solid var(--line);border-radius:50%}\r\n.orbit.o2{inset:16%;border-color:rgba(201,169,110,.25)}\r\n.orbit::after{content:\"\";position:absolute;top:-4px;left:50%;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}\r\n.orbit.o1{animation:spin 26s linear infinite}\r\n.orbit.o2{animation:spin 18s linear infinite reverse}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n.pedestal{position:absolute;bottom:17%;width:58%;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(60,45,25,.3),transparent 70%);filter:blur(6px)}\r\n.hero-shoe{position:relative;width:88%;filter:drop-shadow(0 30px 34px rgba(60,45,25,.28));transition:transform .3s ease-out}\r\n.hero-shoe svg{width:100%;animation:float 7s ease-in-out infinite}\r\n@keyframes float{0%,100%{transform:translateY(-10px) rotate(-7deg)}50%{transform:translateY(10px) rotate(-3deg)}}\r\n.spec{position:absolute;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px}\r\n.spec b{color:var(--ivory);font-weight:400}\r\n.spec i{width:50px;height:1px;background:var(--gold)}\r\n.spec.s1{top:14%;left:2%}.spec.s2{bottom:10%;right:4%;flex-direction:row-reverse}\r\n.scroll{position:absolute;bottom:34px;left:40px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;display:flex;align-items:center;gap:16px}\r\n.scroll i{width:1px;height:60px;background:linear-gradient(var(--gold) 50%,transparent 50%);background-size:100% 200%;animation:drip 2s linear infinite}\r\n@keyframes drip{to{background-position:0 -200%}}\r\n\r\n\/* Marquee *\/\r\n.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;overflow:hidden}\r\n.track{display:flex;width:max-content;animation:slide 40s linear infinite}\r\n.track span{font-family:\"Cormorant Garamond\";font-style:italic;font-size:clamp(34px,5vw,64px);padding:0 34px;display:flex;align-items:center;gap:68px;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(29,26,22,.35)}\r\n.track span:nth-child(odd){color:var(--ivory);-webkit-text-stroke:0}\r\n.track span::after{content:\"\u2726\";font-style:normal;font-size:.35em;color:var(--gold);-webkit-text-stroke:0}\r\n@keyframes slide{to{transform:translateX(-50%)}}\r\n\r\nsection{padding:150px 0}\r\n.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:70px;flex-wrap:wrap}\r\n.head h2{font-size:clamp(48px,6.5vw,96px);line-height:.95;margin-top:18px}\r\n.head h2 em{font-style:italic}\r\n\r\n\/* Filters *\/\r\n.filters{display:flex;gap:34px;flex-wrap:wrap}\r\n.filters button{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);padding:8px 0;position:relative;transition:color .4s}\r\n.filters button sup{font-size:9px;margin-left:4px;color:var(--gold)}\r\n.filters button::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}\r\n.filters button.active{color:var(--ivory)}\r\n.filters button.active::after{transform:scaleX(1)}\r\n\r\n\/* Grid *\/\r\n.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}\r\n.card{background:#fcfaf6;padding:30px;position:relative;cursor:pointer;overflow:hidden;transition:opacity .6s var(--ease)}\r\n.card.out{display:none}\r\n.card::before{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,40%),rgba(214,181,124,.28),transparent 55%);opacity:0;transition:opacity .6s}\r\n.card:hover::before{opacity:1}\r\n.card .no{font-family:\"Cormorant Garamond\";font-size:15px;color:var(--muted);display:flex;justify-content:space-between}\r\n.card .no em{font-family:Manrope;font-style:normal;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}\r\n.card .img{aspect-ratio:1.15;display:grid;place-items:center;position:relative;margin:10px 0 20px}\r\n.card .img::after{content:\"\";position:absolute;bottom:16%;width:60%;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(60,45,25,.28),transparent 70%);transition:transform .9s var(--ease)}\r\n.card .img svg{width:84%;position:relative;z-index:1;transform:rotate(-6deg);transition:transform 1s var(--ease);filter:drop-shadow(0 18px 18px rgba(60,45,25,.22))}\r\n.card:hover .img svg{transform:rotate(-13deg) translateY(-14px) scale(1.06)}\r\n.card .img svg.flat{width:70%;transform:none}\r\n.card:hover .img svg.flat{transform:translateY(-12px) scale(1.05)}\r\n.m-img svg.flat{width:80%;transform:none}\r\n.card:hover .img::after{transform:scale(.8)}\r\n.card h3{font-family:\"Cormorant Garamond\";font-weight:400;font-size:28px;line-height:1.1}\r\nsvg.shoe,#mShoe,.hero-shoe svg,.sig-visual svg{stroke:rgba(29,26,22,.28);stroke-width:1}\r\n.card .img img.photo{width:88%;height:88%;object-fit:contain;position:relative;z-index:1;transition:transform 1s var(--ease)}\r\n.card:hover .img img.photo{transform:translateY(-10px) scale(1.04)}\r\n.m-img img.photo{width:100%;max-height:420px;object-fit:contain;mix-blend-mode:multiply}\r\n.card .img img.photo{mix-blend-mode:multiply}\r\n.card .img:has(img.photo)::after{display:none}\r\n.card .meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:var(--muted);letter-spacing:.06em}\r\n.dots{display:flex;gap:7px}\r\n.dots i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px var(--line);transition:transform .3s}\r\n.dots i:hover,.dots i.sel{transform:scale(1.35);box-shadow:0 0 0 1px var(--gold)}\r\n.card .view{position:absolute;right:30px;bottom:30px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);opacity:0;transform:translateX(-10px);transition:all .6s var(--ease)}\r\n.card:hover .view{opacity:1;transform:none}\r\n.card:hover .meta .dots{opacity:0}\r\n.card .meta .dots{transition:opacity .4s}\r\n\r\n\/* Signature *\/\r\n.sig{background:var(--bg2);position:relative;overflow:hidden}\r\n.sig-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}\r\n.sig-visual{position:relative;aspect-ratio:1;display:grid;place-items:center}\r\n.sig-visual .frame{position:absolute;inset:8%;border:1px solid rgba(201,169,110,.35)}\r\n.sig-visual .frame::before,.sig-visual .frame::after{content:\"\";position:absolute;width:24px;height:24px;border:1px solid var(--gold)}\r\n.sig-visual .frame::before{top:-6px;left:-6px;border-right:0;border-bottom:0}\r\n.sig-visual .frame::after{bottom:-6px;right:-6px;border-left:0;border-top:0}\r\n.sig-visual .big{position:absolute;font-family:\"Cormorant Garamond\";font-style:italic;font-size:clamp(140px,22vw,320px);color:rgba(168,132,75,.1);line-height:1}\r\n.sig-visual svg{width:86%;position:relative;transform:rotate(-8deg);filter:drop-shadow(0 34px 34px rgba(60,45,25,.28))}\r\n.sig h2{font-size:clamp(48px,6vw,88px);line-height:.95;margin:18px 0 24px}\r\n.sig h2 em{font-style:italic}\r\n.sig p{color:var(--muted);line-height:1.9;max-width:460px}\r\n.specs{margin:44px 0}\r\n.specs li{list-style:none;display:flex;justify-content:space-between;padding:18px 0;font-size:14px;position:relative}\r\n.specs li::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease)}\r\n.in .specs li::after{transform:scaleX(1)}\r\n.in .specs li:nth-child(2)::after{transition-delay:.15s}.in .specs li:nth-child(3)::after{transition-delay:.3s}.in .specs li:nth-child(4)::after{transition-delay:.45s}\r\n.specs li span:first-child{color:var(--muted);font-size:11px;letter-spacing:.24em;text-transform:uppercase}\r\n\r\n\/* Philosophy word reveal *\/\r\n.philo{text-align:center}\r\n.philo .label{display:block;margin-bottom:40px}\r\n.philo p{font-family:\"Cormorant Garamond\";font-size:clamp(32px,4.4vw,64px);line-height:1.2;max-width:1050px;margin:0 auto}\r\n.philo p .w{opacity:.14;transition:opacity .4s}\r\n.philo p .w.on{opacity:1}\r\n.philo p em{font-style:italic;color:var(--gold)}\r\n.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:110px;text-align:left}\r\n.pillar{background:#fcfaf6;padding:44px 36px;transition:background .6s}\r\n.pillar:hover{background:var(--bg2)}\r\n.pillar .n{font-family:\"Cormorant Garamond\";font-style:italic;font-size:44px;color:var(--gold)}\r\n.pillar h4{font-family:\"Cormorant Garamond\";font-weight:400;font-size:28px;margin:18px 0 12px}\r\n.pillar p{font-family:Manrope;font-size:14px;color:var(--muted);line-height:1.8}\r\n\r\n\/* Visit *\/\r\n.visit{border-top:1px solid var(--line)}\r\n.visit-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}\r\n.visit h2{font-size:clamp(56px,8vw,130px);line-height:.9;margin-top:18px}\r\n.visit h2 em{font-style:italic}\r\n.info{display:grid;grid-template-columns:1fr 1fr;gap:40px}\r\n.info h5{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:14px}\r\n.info p{color:var(--muted);line-height:1.9;font-size:14px}\r\n.visit .btn{margin-top:44px}\r\n.info a{transition:color .3s}\r\n.info a:hover{color:var(--gold)}\r\n.social a{color:var(--ivory)}\r\n\r\nfooter{border-top:1px solid var(--line);padding:50px 0}\r\n.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);letter-spacing:.06em}\r\n.foot .links{display:flex;gap:28px}\r\n.foot a:hover{color:var(--gold)}\r\n.giant{font-family:\"Cormorant Garamond\";font-size:24vw;text-align:center;letter-spacing:.12em;line-height:.8;padding-top:60px;color:transparent;-webkit-text-stroke:1px rgba(168,132,75,.35);user-select:none;overflow:hidden}\r\n\r\n\/* Reveal *\/\r\n.reveal{opacity:0;transform:translateY(60px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}\r\n.reveal.in{opacity:1;transform:none}\r\n\r\n\/* Modal *\/\r\n.modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;pointer-events:none}\r\n.modal .backdrop{position:absolute;inset:0;background:rgba(248,244,237,.75);backdrop-filter:blur(10px);opacity:0;transition:opacity .6s var(--ease)}\r\n.modal .panel{position:relative;width:min(1000px,100%);max-height:calc(100svh - 48px);overflow:auto;background:#fcfaf6;border:1px solid var(--line);box-shadow:0 40px 80px -30px rgba(60,45,25,.35);display:grid;grid-template-columns:1.1fr 1fr;opacity:0;transform:translateY(40px) scale(.98);transition:all .7s var(--ease)}\r\n.modal.open{pointer-events:auto}\r\n.modal.open .backdrop{opacity:1}\r\n.modal.open .panel{opacity:1;transform:none}\r\n.m-img{display:grid;place-items:center;padding:50px;background:radial-gradient(circle at 50% 45%,rgba(214,181,124,.3),transparent 65%);min-height:340px}\r\n.m-img svg{width:100%;transform:rotate(-8deg);filter:drop-shadow(0 26px 26px rgba(60,45,25,.25));transition:color .6s}\r\n.m-body{padding:50px 44px}\r\n.m-body h3{font-family:\"Cormorant Garamond\";font-weight:300;font-size:48px;line-height:1;margin:14px 0 18px}\r\n.m-body p{color:var(--muted);line-height:1.85;font-size:14px}\r\n.m-body .sub{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:32px 0 14px}\r\n.m-body .dots i{width:22px;height:22px;cursor:pointer}\r\n.sizes{display:flex;flex-wrap:wrap;gap:8px}\r\n.sizes span{border:1px solid var(--line);padding:9px 12px;min-width:46px;text-align:center;font-size:13px}\r\n.m-body .btn{margin-top:36px}\r\n.close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:18px;z-index:2;transition:transform .5s var(--ease),border-color .3s}\r\n.close:hover{transform:rotate(90deg);border-color:var(--gold)}\r\n\r\n\r\n\/* Impressum *\/\r\n.legal .panel{grid-template-columns:1fr;width:min(720px,100%)}\r\n.legal-body{padding:56px 52px}\r\n.legal-body h3{font-family:\"Cormorant Garamond\";font-weight:300;font-size:52px;line-height:1;margin:14px 0 30px}\r\n.legal-body h4{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:500;margin:26px 0 8px}\r\n.legal-body p{color:var(--muted);line-height:1.8;font-size:14px;margin-bottom:12px;overflow-wrap:anywhere}\r\n.legal-body h5{font-family:\"Cormorant Garamond\";font-weight:400;font-size:28px;margin:48px 0 4px;padding-top:28px;border-top:1px solid var(--line)}\r\n.legal-body ul{margin:4px 0 14px 18px;color:var(--muted);font-size:14px;line-height:1.8}\r\n.legal-body a{color:var(--ivory);border-bottom:1px solid var(--line);transition:border-color .3s}\r\n.legal-body a:hover{border-color:var(--gold)}\r\n@media (max-width:600px){.legal-body{padding:40px 22px}.legal-body h3{font-size:40px}}\r\n\r\n\r\n\/* Map *\/\r\n.map{position:relative;margin-top:90px;height:520px;border:1px solid var(--line);overflow:hidden;background:var(--bg2)}\r\n.map-placeholder,.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\r\n.map iframe{filter:grayscale(1) sepia(.35) contrast(.92) brightness(1.04) saturate(.9);opacity:0;transition:opacity 1.2s var(--ease)}\r\n.map iframe.on{opacity:1}\r\n.map-art{position:absolute;inset:0;width:100%;height:100%}\r\n.pin{position:absolute;left:58.3%;top:52%;translate:-50% -100%;display:grid;justify-items:center}\r\n.pin span{width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(168,132,75,.18);position:relative;z-index:1}\r\n.pin i{position:absolute;top:9px;left:50%;width:18px;height:18px;translate:-50% -50%;border-radius:50%;border:1px solid var(--gold);animation:ping 2.4s var(--ease) infinite}\r\n@keyframes ping{to{transform:scale(4.5);opacity:0}}\r\n.map-consent{position:absolute;right:28px;bottom:28px;max-width:340px;background:rgba(252,250,246,.92);backdrop-filter:blur(8px);border:1px solid var(--line);padding:22px 24px;text-align:left}\r\n.map-consent p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:16px}\r\n.map-consent a{color:var(--ivory);border-bottom:1px solid var(--line)}\r\n.visit .map-consent .btn{margin-top:0}\r\n.map-card{position:absolute;left:28px;top:28px;background:#fcfaf6;border:1px solid var(--line);padding:26px 30px;box-shadow:0 30px 60px -30px rgba(60,45,25,.35);z-index:2}\r\n.map-card h4{font-family:\"Cormorant Garamond\";font-weight:400;font-size:30px;margin:10px 0 8px}\r\n.map-card p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:16px}\r\n@media (max-width:700px){\r\n  .map{height:auto;display:flex;flex-direction:column}\r\n  .map-placeholder,.map iframe{position:relative;height:340px}\r\n  .map iframe{position:absolute;top:0}\r\n  .map-card{position:relative;left:0;top:0;box-shadow:none;border:0;border-top:1px solid var(--line);order:2}\r\n  .map-consent{left:16px;right:16px;bottom:16px;max-width:none}\r\n}\r\n\r\n\/* Cursor *\/\r\n.cursor{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:450;translate:-50% -50%;opacity:0}\r\n.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,169,110,.5);pointer-events:none;z-index:450;translate:-50% -50%;transition:width .5s var(--ease),height .5s var(--ease),background .5s;opacity:0;display:grid;place-items:center;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--bg)}\r\n.cursor-ring.hover{width:80px;height:80px;background:rgba(201,169,110,.12)}\r\n.cursor-ring.view{width:96px;height:96px;background:var(--gold)}\r\n.cursor-ring span{opacity:0;transition:opacity .3s}\r\n.cursor-ring.view span{opacity:1}\r\n\r\n@media (max-width:980px){\r\n  nav,nav.solid{padding-left:20px;padding-right:20px}\r\n  .navlinks{display:none}\r\n  .hero-grid,.sig-grid,.visit-grid{grid-template-columns:1fr;gap:50px}\r\n  .stage{max-width:480px;width:100%;margin:0 auto}\r\n  .grid{grid-template-columns:1fr 1fr}\r\n  .pillars{grid-template-columns:1fr}\r\n  .modal .panel{grid-template-columns:1fr}\r\n  .m-img{min-height:240px;padding:30px}\r\n  .m-body{padding:34px 26px}\r\n  section{padding:100px 0}\r\n  .scroll{display:none}\r\n  .cursor,.cursor-ring{display:none}\r\n}\r\n@media (max-width:600px){\r\n  .wrap{padding:0 16px}\r\n  .grid{grid-template-columns:1fr}\r\n  .info{grid-template-columns:1fr;gap:28px}\r\n  .spec{display:none}\r\n  .card .view{opacity:1;transform:none;position:static;display:block;margin-top:14px}\r\n  .card .meta .dots{opacity:1!important}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}\r\n  .reveal,.fade{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body class=\"lock\">\r\n\r\n<div id=\"intro\"><div class=\"word\"><span>A<\/span><span style=\"animation-delay:.1s\">U<\/span><span style=\"animation-delay:.2s\">R<\/span><span style=\"animation-delay:.3s\">A<\/span><\/div><div class=\"bar\"><i><\/i><\/div><\/div>\r\n<div class=\"cursor\" id=\"cur\"><\/div><div class=\"cursor-ring\" id=\"ring\"><span>Ansehen<\/span><\/div>\r\n\r\n<!-- Shoe shapes -->\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\">\r\n  <defs>\r\n    <linearGradient id=\"shine\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".28\"\/><stop offset=\".5\" stop-color=\"#fff\" stop-opacity=\"0\"\/><stop offset=\"1\" stop-color=\"#000\" stop-opacity=\".25\"\/><\/linearGradient>\r\n    <symbol id=\"sneaker\" viewBox=\"0 0 200 100\">\r\n      <path d=\"M8 76 Q8 90 22 90 L184 90 Q196 90 196 78 L196 72 L8 72 Z\" fill=\"#ece6dc\"\/>\r\n      <path d=\"M8 81 L196 81\" stroke=\"#000\" stroke-width=\"1\" opacity=\".2\"\/>\r\n      <path d=\"M12 72 L17 46 Q19 37 30 39 L58 44 Q68 28 84 24 L100 21 Q109 21 111 30 L119 49 Q152 55 176 59 Q194 63 196 72 Z\" fill=\"currentColor\"\/>\r\n      <path d=\"M12 72 L17 46 Q19 37 30 39 L58 44 Q68 28 84 24 L100 21 Q109 21 111 30 L119 49 Q152 55 176 59 Q194 63 196 72 Z\" fill=\"url(#shine)\"\/>\r\n      <path d=\"M70 40 L82 52 M78 35 L92 48 M87 31 L101 44\" stroke=\"#ece6dc\" stroke-width=\"2.4\" stroke-linecap=\"round\" opacity=\".9\"\/>\r\n      <path d=\"M120 60 Q150 64 172 66\" stroke=\"#c9a96e\" stroke-width=\"1.6\" fill=\"none\"\/>\r\n      <circle cx=\"40\" cy=\"58\" r=\"2.4\" fill=\"#c9a96e\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"boot\" viewBox=\"0 0 200 100\">\r\n      <path d=\"M8 78 Q8 92 22 92 L184 92 Q196 92 196 80 L196 74 L8 74 Z\" fill=\"#1c1410\"\/>\r\n      <path d=\"M12 74 L14 16 Q14 6 25 6 L72 6 Q80 6 80 16 L82 46 Q140 51 174 57 Q194 61 196 74 Z\" fill=\"currentColor\"\/>\r\n      <path d=\"M12 74 L14 16 Q14 6 25 6 L72 6 Q80 6 80 16 L82 46 Q140 51 174 57 Q194 61 196 74 Z\" fill=\"url(#shine)\"\/>\r\n      <path d=\"M60 12 L62 46\" stroke=\"#000\" stroke-width=\"1.5\" opacity=\".4\"\/>\r\n      <path d=\"M53 16 h16 M53 26 h17 M54 36 h17\" stroke=\"#c9a96e\" stroke-width=\"1.6\"\/>\r\n      <path d=\"M90 56 Q140 60 178 66\" stroke=\"#c9a96e\" stroke-width=\"1\" stroke-dasharray=\"3 3\" fill=\"none\" opacity=\".7\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"loafer\" viewBox=\"0 0 200 100\">\r\n      <path d=\"M8 78 Q8 88 20 88 L184 88 Q196 88 196 78 L196 74 L8 74 Z\" fill=\"#141210\"\/>\r\n      <path d=\"M10 74 Q10 52 30 50 L78 46 Q128 38 168 50 Q194 58 196 74 Z\" fill=\"currentColor\"\/>\r\n      <path d=\"M10 74 Q10 52 30 50 L78 46 Q128 38 168 50 Q194 58 196 74 Z\" fill=\"url(#shine)\"\/>\r\n      <path d=\"M78 46 Q100 58 134 46\" stroke=\"#000\" stroke-width=\"1.6\" fill=\"none\" opacity=\".45\"\/>\r\n      <rect x=\"95\" y=\"49\" width=\"20\" height=\"5\" rx=\"2.5\" fill=\"#c9a96e\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"heel\" viewBox=\"0 0 200 100\">\r\n      <path d=\"M22 50 L15 92 L22 92 L32 56 Z\" fill=\"#c9a96e\"\/>\r\n      <path d=\"M14 44 Q14 30 30 32 Q60 40 96 66 Q130 80 180 74 Q196 74 196 84 L194 90 L120 90 Q80 88 46 60 L30 52 Z\" fill=\"currentColor\"\/>\r\n      <path d=\"M14 44 Q14 30 30 32 Q60 40 96 66 Q130 80 180 74 Q196 74 196 84 L194 90 L120 90 Q80 88 46 60 L30 52 Z\" fill=\"url(#shine)\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"sandal\" viewBox=\"0 0 200 100\">\r\n      <path d=\"M10 76 Q10 88 24 88 L184 88 Q196 88 196 78 L196 72 L10 72 Z\" fill=\"#b89a74\"\/>\r\n      <path d=\"M40 72 Q50 40 80 40 Q96 40 100 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\"\/>\r\n      <path d=\"M118 72 Q130 46 160 50 Q176 54 178 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\"\/>\r\n      <path d=\"M20 72 Q14 56 28 52\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"7\"\/>\r\n      <circle cx=\"70\" cy=\"42\" r=\"3\" fill=\"#c9a96e\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"bag\" viewBox=\"0 0 200 100\">\r\n      <path d=\"M74 42 Q74 8 100 8 Q126 8 126 42\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"5\"\/>\r\n      <path d=\"M52 40 L148 40 L160 96 L40 96 Z\" fill=\"currentColor\"\/>\r\n      <path d=\"M52 40 L148 40 L160 96 L40 96 Z\" fill=\"url(#shine)\"\/>\r\n      <path d=\"M50 52 L150 52\" stroke=\"#000\" stroke-width=\"1\" opacity=\".2\"\/>\r\n      <rect x=\"93\" y=\"48\" width=\"14\" height=\"9\" rx=\"2\" fill=\"#c9a96e\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"jacket\" viewBox=\"0 0 200 100\">\r\n      <path d=\"M74 8 L88 3 L100 13 L112 3 L126 8 L150 22 L163 72 L150 76 L141 42 L139 97 L61 97 L59 42 L50 76 L37 72 L50 22 Z\" fill=\"currentColor\"\/>\r\n      <path d=\"M74 8 L88 3 L100 13 L112 3 L126 8 L150 22 L163 72 L150 76 L141 42 L139 97 L61 97 L59 42 L50 76 L37 72 L50 22 Z\" fill=\"url(#shine)\"\/>\r\n      <path d=\"M88 3 L82 30 L100 50 L118 30 L112 3\" fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" opacity=\".4\"\/>\r\n      <path d=\"M100 50 L112 97\" stroke=\"#c9a96e\" stroke-width=\"1.6\"\/>\r\n      <path d=\"M61 88 L139 88\" stroke=\"#000\" stroke-width=\"1\" opacity=\".25\"\/>\r\n    <\/symbol>\r\n    <symbol id=\"coat\" viewBox=\"0 0 200 100\">\r\n      <path d=\"M76 3 L100 15 L124 3 L147 16 L160 72 L148 76 L139 40 L147 99 L53 99 L61 40 L52 76 L40 72 L53 16 Z\" fill=\"currentColor\"\/>\r\n      <path d=\"M76 3 L100 15 L124 3 L147 16 L160 72 L148 76 L139 40 L147 99 L53 99 L61 40 L52 76 L40 72 L53 16 Z\" fill=\"url(#shine)\"\/>\r\n      <path d=\"M76 3 L84 28 L100 15 L116 28 L124 3\" fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" opacity=\".4\"\/>\r\n      <rect x=\"57\" y=\"58\" width=\"86\" height=\"6\" fill=\"#000\" opacity=\".25\"\/>\r\n      <rect x=\"95\" y=\"57\" width=\"10\" height=\"8\" rx=\"1.5\" fill=\"none\" stroke=\"#c9a96e\" stroke-width=\"1.6\"\/>\r\n      <circle cx=\"91\" cy=\"34\" r=\"2\" fill=\"#c9a96e\"\/><circle cx=\"109\" cy=\"34\" r=\"2\" fill=\"#c9a96e\"\/>\r\n      <circle cx=\"91\" cy=\"46\" r=\"2\" fill=\"#c9a96e\"\/><circle cx=\"109\" cy=\"46\" r=\"2\" fill=\"#c9a96e\"\/>\r\n    <\/symbol>\r\n  <\/defs>\r\n<\/svg>\r\n\r\n<nav id=\"nav\">\r\n  <a href=\"#top\" class=\"logo\">AURA<sup>STORE<\/sup><\/a>\r\n  <div class=\"navlinks\">\r\n    <a href=\"#kollektion\">Kollektion<\/a>\r\n    <a href=\"#signature\">Signature<\/a>\r\n    <a href=\"#philosophie\">Philosophie<\/a>\r\n    <a href=\"#besuch\">Besuch<\/a>\r\n  <\/div>\r\n  <a href=\"#besuch\" class=\"btn sm\"><span>Store besuchen<\/span><\/a>\r\n<\/nav>\r\n\r\n<header class=\"hero\" id=\"top\">\r\n  <div class=\"wrap hero-grid\">\r\n    <div>\r\n      <span class=\"label fade d1\">Kollektion Herbst \/ Winter 2026<\/span>\r\n      <h1 class=\"serif\">\r\n        <span class=\"ln\"><span>Schritte<\/span><\/span>\r\n        <span class=\"ln\"><span><em class=\"gold-text\">mit<\/em> Aura.<\/span><\/span>\r\n      <\/h1>\r\n      <p class=\"fade d2\">Ausgew\u00e4hlte Schuhe, Taschen und Jacken f\u00fcr Damen und Herren \u2013 f\u00fcr Menschen, die Qualit\u00e4t sp\u00fcren wollen. Entdecken Sie unsere Kollektion im Isenburg-Zentrum.<\/p>\r\n      <div class=\"ctas fade d3\">\r\n        <a href=\"#kollektion\" class=\"btn solid\"><span>Kollektion entdecken<\/span><\/a>\r\n        <a href=\"#signature\" class=\"link-arrow\">Signature-Modell <i><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"stage fade d2\" id=\"stage\">\r\n      <div class=\"orbit o1\"><\/div><div class=\"orbit o2\"><\/div>\r\n      <div class=\"pedestal\"><\/div>\r\n      <div class=\"hero-shoe\" id=\"heroShoe\"><svg style=\"color:#2b1d14\"><use href=\"#boot\"\/><\/svg><\/div>\r\n      <div class=\"spec s1\"><i><\/i><span>Material <b>Leder<\/b><\/span><\/div>\r\n      <div class=\"spec s2\"><i><\/i><span>Kollektion <b>Herbst \/ Winter<\/b><\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"scroll\">Scrollen<i><\/i><\/div>\r\n<\/header>\r\n\r\n<div class=\"marquee\" aria-hidden=\"true\">\r\n  <div class=\"track\">\r\n    <span>Schuhe<\/span><span>Taschen<\/span><span>Jacken<\/span><span>Leder &amp; Wildleder<\/span><span>Eleganz<\/span>\r\n    <span>Schuhe<\/span><span>Taschen<\/span><span>Jacken<\/span><span>Leder &amp; Wildleder<\/span><span>Eleganz<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<section id=\"kollektion\">\r\n  <div class=\"wrap\">\r\n    <div class=\"head reveal\">\r\n      <div><span class=\"label\">Die Kollektion<\/span><h2 class=\"serif\">Kuratierte<br><em>Meisterst\u00fccke<\/em><\/h2><\/div>\r\n      <div class=\"filters\" id=\"filters\">\r\n        <button class=\"active\" data-f=\"all\">Alle<\/button>\r\n        <button data-f=\"damen\">Damen<\/button>\r\n        <button data-f=\"herren\">Herren<\/button>\r\n        <button data-f=\"sneaker\">Sneaker<\/button>\r\n        <button data-f=\"taschen\">Taschen<\/button>\r\n        <button data-f=\"jacken\">Jacken<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"grid\" id=\"grid\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"sig\" id=\"signature\">\r\n  <div class=\"wrap sig-grid\">\r\n    <div class=\"sig-visual reveal\">\r\n      <div class=\"frame\"><\/div>\r\n      <div class=\"big\">No.1<\/div>\r\n      <svg style=\"color:#2C4A7A\"><use href=\"#loafer\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"reveal\" id=\"sigText\">\r\n      <span class=\"label\">Signature-Modell<\/span>\r\n      <h2 class=\"serif\">Der <em class=\"gold-text\">Wildleder<\/em><br>Mokassin<\/h2>\r\n      <p>Unser Favorit f\u00fcr die Herren: samtiges Wildleder, innen mit Leder gef\u00fcttert, und eine Farbpalette von klassisch bis mediterran. Ein Mokassin, der zu Jeans ebenso passt wie zum Sakko.<\/p>\r\n      <ul class=\"specs\">\r\n        <li><span>Obermaterial<\/span><span>Wildleder<\/span><\/li>\r\n        <li><span>Futter<\/span><span>Leder<\/span><\/li>\r\n        <li><span>Gr\u00f6\u00dfen<\/span><span>40 \u2013 45<\/span><\/li>\r\n        <li><span>Farben<\/span><span>Schwarz \u00b7 Grau \u00b7 Blau<\/span><\/li>\r\n      <\/ul>\r\n      <a href=\"#besuch\" class=\"btn\"><span>Im Store anprobieren<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"philo\" id=\"philosophie\">\r\n  <div class=\"wrap\">\r\n    <span class=\"label\">Unsere Philosophie<\/span>\r\n    <p class=\"serif\" id=\"philoText\">Wir glauben, dass ein guter Schuh mehr ist als ein Accessoire. Er tr\u00e4gt Sie durch jeden Tag \u2013 deshalb w\u00e4hlen wir nur, was <em>Bestand hat<\/em>: ehrliche Materialien, sorgf\u00e4ltige Verarbeitung und eine Form, die nie aus der Mode kommt.<\/p>\r\n    <div class=\"pillars\">\r\n      <div class=\"pillar reveal\"><div class=\"n\">I.<\/div><h4>Material<\/h4><p>Leder, Wildleder und Textil \u2013 ausgew\u00e4hlt f\u00fcr Qualit\u00e4t, Tragekomfort und Langlebigkeit.<\/p><\/div>\r\n      <div class=\"pillar reveal\" style=\"transition-delay:.12s\"><div class=\"n\">II.<\/div><h4>Auswahl<\/h4><p>Vom Sneaker bis zur Lederjacke: jedes St\u00fcck ist sorgf\u00e4ltig f\u00fcr unsere Kollektion ausgesucht.<\/p><\/div>\r\n      <div class=\"pillar reveal\" style=\"transition-delay:.24s\"><div class=\"n\">III.<\/div><h4>Beratung<\/h4><p>Pers\u00f6nliche Anprobe und Pflegeberatung in unserem Store \u2013 in aller Ruhe.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"visit\" id=\"besuch\">\r\n  <div class=\"wrap visit-grid\">\r\n    <div class=\"reveal\">\r\n      <span class=\"label\">Besuchen Sie uns<\/span>\r\n      <h2 class=\"serif\">Erleben Sie<br><em class=\"gold-text\">Aura<\/em> live.<\/h2>\r\n    <\/div>\r\n    <div class=\"reveal\">\r\n      <div class=\"info\">\r\n        <div><h5>Adresse<\/h5><p>Aura-Store im Isenburg-Zentrum<br>Hermesstra\u00dfe 4<br>63263 Neu-Isenburg<\/p><\/div>\r\n        <div><h5>\u00d6ffnungszeiten<\/h5><p>Mo \u2013 Sa: 10:00 \u2013 19:00<br>So: geschlossen<\/p><\/div>\r\n        <div><h5>Telefon<\/h5><p><a href=\"tel:+4961028147818\">06102 8147818<\/a><\/p><\/div>\r\n        <div><h5>Folgen Sie uns<\/h5><p class=\"social\"><a href=\"https:\/\/www.instagram.com\/bata.deutschland\/\" target=\"_blank\" rel=\"noopener\">Instagram \u2197<\/a><br><a href=\"https:\/\/www.facebook.com\/people\/Bata-Deutschland\/61579313165647\/\" target=\"_blank\" rel=\"noopener\">Facebook \u2197<\/a><\/p><\/div>\r\n      <\/div>\r\n      <a href=\"tel:+4961028147818\" class=\"btn solid\"><span>Jetzt anrufen<\/span><\/a>\r\n      <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Hermesstra%C3%9Fe+4%2C+63263+Neu-Isenburg\" target=\"_blank\" rel=\"noopener\" class=\"link-arrow\" style=\"margin-left:24px\">Route planen <i><\/i><\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"wrap\">\r\n    <div class=\"map reveal\" id=\"map\">\r\n      <div class=\"map-placeholder\" id=\"mapPh\">\r\n        <svg class=\"map-art\" viewBox=\"0 0 1200 520\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\r\n          <rect width=\"1200\" height=\"520\" fill=\"#efe7da\"\/>\r\n          <g fill=\"#e6dccb\"><rect x=\"80\" y=\"60\" width=\"230\" height=\"140\" rx=\"6\"\/><rect x=\"360\" y=\"40\" width=\"180\" height=\"170\" rx=\"6\"\/><rect x=\"600\" y=\"70\" width=\"260\" height=\"120\" rx=\"6\"\/><rect x=\"910\" y=\"40\" width=\"220\" height=\"190\" rx=\"6\"\/><rect x=\"60\" y=\"280\" width=\"260\" height=\"180\" rx=\"6\"\/><rect x=\"370\" y=\"300\" width=\"200\" height=\"170\" rx=\"6\"\/><rect x=\"820\" y=\"300\" width=\"300\" height=\"160\" rx=\"6\"\/><\/g>\r\n          <rect x=\"620\" y=\"250\" width=\"160\" height=\"200\" rx=\"8\" fill=\"#e3d3b4\"\/>\r\n          <g stroke=\"#fcfaf6\" stroke-linecap=\"round\" fill=\"none\"><path d=\"M0 240 H1200\" stroke-width=\"22\"\/><path d=\"M340 0 V520\" stroke-width=\"16\"\/><path d=\"M580 0 V520\" stroke-width=\"14\"\/><path d=\"M880 0 Q900 260 860 520\" stroke-width=\"18\"\/><path d=\"M0 470 Q600 430 1200 490\" stroke-width=\"12\"\/><\/g>\r\n          <g fill=\"#a8844b\" font-family=\"Manrope,sans-serif\" font-size=\"13\" letter-spacing=\"3\"><text x=\"40\" y=\"232\">HERMESSTRASSE<\/text><text x=\"636\" y=\"470\">ISENBURG-ZENTRUM<\/text><\/g>\r\n        <\/svg>\r\n        <div class=\"pin\"><span><\/span><i><\/i><\/div>\r\n        <div class=\"map-consent\">\r\n          <p>Mit dem Laden der Karte werden Daten an Google \u00fcbertragen. Mehr dazu in der <a href=\"#datenschutz\">Datenschutzerkl\u00e4rung<\/a>.<\/p>\r\n          <button class=\"btn solid\" id=\"loadMap\" type=\"button\"><span>Karte laden<\/span><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"map-card\">\r\n        <span class=\"label\">Standort<\/span>\r\n        <h4>Aura-Store<\/h4>\r\n        <p>Isenburg-Zentrum<br>Hermesstra\u00dfe 4<br>63263 Neu-Isenburg<\/p>\r\n        <a class=\"link-arrow\" href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Aura-Store%2C+Hermesstra%C3%9Fe+4%2C+63263+Neu-Isenburg\" target=\"_blank\" rel=\"noopener\">Route planen <i><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n  <div class=\"wrap foot\">\r\n    <a href=\"#top\" class=\"logo\" style=\"font-size:22px\">AURA<sup>STORE<\/sup><\/a>\r\n    <div class=\"links\"><a href=\"#impressum\">Impressum<\/a><a href=\"#datenschutz\">Datenschutz<\/a><a href=\"https:\/\/www.instagram.com\/bata.deutschland\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><a href=\"https:\/\/www.facebook.com\/people\/Bata-Deutschland\/61579313165647\/\" target=\"_blank\" rel=\"noopener\">Facebook<\/a><\/div>\r\n    <span>\u00a9 2026 Aura-Store<\/span>\r\n  <\/div>\r\n  <div class=\"giant\" aria-hidden=\"true\">AURA<\/div>\r\n<\/footer>\r\n\r\n<div class=\"modal legal\" id=\"impressum\" aria-hidden=\"true\">\r\n  <div class=\"backdrop\" data-close-legal><\/div>\r\n  <div class=\"panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"impTitle\">\r\n    <button class=\"close\" data-close-legal aria-label=\"Schlie\u00dfen\">\u2715<\/button>\r\n    <div class=\"legal-body\">\r\n      <span class=\"label\">Rechtliches<\/span>\r\n      <h3 id=\"impTitle\">Impressum<\/h3>\r\n      <h4>Angaben gem\u00e4\u00df \u00a7 5 TMG<\/h4>\r\n      <p>Xpress Paper GmbH<br>Paper Recycling Management<br>An der Br\u00fccke 1-5<br>64546 M\u00f6rfelden-Walldorf<\/p>\r\n      <h4>Vertreten durch Gesch\u00e4ftsf\u00fchrer<\/h4>\r\n      <p>Herr Attaulmanan Aslam<\/p>\r\n      <h4>Aufsichtsbeh\u00f6rde<\/h4>\r\n      <p>Landratsamt Gro\u00df-Gerau<\/p>\r\n      <h4>Registereintrag<\/h4>\r\n      <p>Eintragung im Handelsregister.<br>Registergericht: Amtsgericht Darmstadt<br>Registernummer: HRB 96978<\/p>\r\n      <h4>Kontakt<\/h4>\r\n      <p>Telefon: <a href=\"tel:+496105308804-0\">+49 6105 308804 - 0<\/a><br>Telefax: +49 6105 308804- 9<br>E-Mail: <a href=\"mailto:info@xpresspaper.eu\">info@xpresspaper.eu<\/a><\/p>\r\n      <h4>Umsatzsteuer-ID<\/h4>\r\n      <p>Umsatzsteuer-Identifikationsnummer gem\u00e4\u00df \u00a727 a Umsatzsteuergesetz: DE285670371<\/p>\r\n      <h4>Inhaltlich verantwortlich<\/h4>\r\n      <p>Inhaltlich verantwortlich gem. \u00a710 Abs. 3 MDStV: Xpress Paper GmbH<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"modal legal\" id=\"datenschutz\" aria-hidden=\"true\">\r\n  <div class=\"backdrop\" data-close-legal><\/div>\r\n  <div class=\"panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dsTitle\">\r\n    <button class=\"close\" data-close-legal aria-label=\"Schlie\u00dfen\">\u2715<\/button>\r\n    <div class=\"legal-body\">\r\n      <span class=\"label\">Rechtliches<\/span>\r\n      <h3 id=\"dsTitle\">Datenschutz&shy;erkl\u00e4rung<\/h3>\r\n      <h5>1. Datenschutz auf einen Blick<\/h5>\r\n      <h4>Allgemeine Hinweise<\/h4>\r\n      <p>Die folgenden Hinweise geben einen einfachen \u00dcberblick dar\u00fcber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie pers\u00f6nlich identifiziert werden k\u00f6nnen. Ausf\u00fchrliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgef\u00fchrten Datenschutzerkl\u00e4rung.<\/p>\r\n      <h4>Datenerfassung auf unserer Website<\/h4>\r\n      <h4>Wer ist verantwortlich f\u00fcr die Datenerfassung auf dieser Website?<\/h4>\r\n      <p>Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten k\u00f6nnen Sie dem Abschnitt \"Hinweis zur Verantwortlichen Stelle\" in dieser Datenschutzerkl\u00e4rung entnehmen.<\/p>\r\n      <h4>Wie erfassen wir Ihre Daten?<\/h4>\r\n      <p>Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z.B. um Daten handeln, die Sie in ein Kontaktformular eingeben.<\/p>\r\n      <p>Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere ITSysteme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten.<\/p>\r\n      <h4>Wof\u00fcr nutzen wir Ihre Daten?<\/h4>\r\n      <p>Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gew\u00e4hrleisten. Andere Daten k\u00f6nnen zur Analyse Ihres Nutzerverhaltens verwendet werden.<\/p>\r\n      <h4>Welche Rechte haben Sie bez\u00fcglich Ihrer Daten?<\/h4>\r\n      <p>Sie haben jederzeit das Recht, unentgeltlich Auskunft \u00fcber Herkunft, Empf\u00e4nger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben au\u00dferdem ein Recht, die Berichtigung oder L\u00f6schung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, k\u00f6nnen Sie diese Einwilligung jederzeit f\u00fcr die Zukunft widerrufen. Au\u00dferdem haben Sie das Recht, unter bestimmten Umst\u00e4nden die Einschr\u00e4nkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zust\u00e4ndigen Aufsichtsbeh\u00f6rde zu.<\/p>\r\n      <p>Hierzu sowie zu weiteren Fragen zum Thema Datenschutz k\u00f6nnen Sie sich jederzeit an uns wenden.<\/p>\r\n      <h4>Analyse-Tools und Tools von Drittanbietern<\/h4>\r\n      <p>Beim Besuch unserer Website kann Ihr Surf-Verhalten statistisch ausgewertet werden. Das geschieht vor allem mit Cookies und mit sogenannten Analyseprogrammen. Die Analyse Ihres Surf-Verhaltens erfolgt in der Regel anonym; das Surf-Verhalten kann nicht zu Ihnen zur\u00fcckverfolgt werden. Sie k\u00f6nnen dieser Analyse widersprechen oder sie durch die Nichtbenutzung bestimmter Tools verhindern. Detaillierte Informationen dazu finden Sie in der folgenden Datenschutzerkl\u00e4rung.<\/p>\r\n      <p>Sie k\u00f6nnen dieser Analyse widersprechen. \u00dcber die Widerspruchsm\u00f6glichkeiten werden wir Sie in dieser Datenschutzerkl\u00e4rung informieren.<\/p>\r\n      <h5>2. Hosting und Content Delivery Networks (CDN)<\/h5>\r\n      <h4>Externes Hosting<\/h4>\r\n      <p>Diese Website wird bei einem externen Dienstleister gehostet (Hoster). Die personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den Servern des Hosters gespeichert. Hierbei kann es sich v. a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und sonstige Daten, die \u00fcber eine Website generiert werden, handeln.<\/p>\r\n      <p>Der Einsatz des Hosters erfolgt zum Zwecke der Vertragserf\u00fcllung gegen\u00fcber unseren potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO).<\/p>\r\n      <p>Unser Hoster wird Ihre Daten nur insoweit verarbeiten, wie dies zur Erf\u00fcllung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf diese Daten befolgen. Wir setzen folgenden Hoster ein:<\/p>\r\n      <p>STRATO GmbH<br>Otto-Ostrowski-Stra\u00dfe 7<br>10249 Berlin<\/p>\r\n      <h4>Abschluss eines Vertrages \u00fcber Auftragsverarbeitung<\/h4>\r\n      <p>Um die datenschutzkonforme Verarbeitung zu gew\u00e4hrleisten, haben wir einen Vertrag \u00fcber Auftragsverarbeitung mit unserem Hoster geschlossen.<\/p>\r\n      <h5>3. Allgemeine Hinweise und Pflicht\u00adinformationen<\/h5>\r\n      <h4>Datenschutz<\/h4>\r\n      <p>Die Betreiber dieser Seiten nehmen den Schutz Ihrer pers\u00f6nlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerkl\u00e4rung.<\/p>\r\n      <p>Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie pers\u00f6nlich identifiziert werden k\u00f6nnen. Die vorliegende Datenschutzerkl\u00e4rung erl\u00e4utert, welche Daten wir erheben und wof\u00fcr wir sie nutzen. Sie erl\u00e4utert auch, wie und zu welchem Zweck das geschieht.<\/p>\r\n      <p>Wir weisen darauf hin, dass die Daten\u00fcbertragung im Internet (z. B. bei der Kommunikation per E-Mail) Sicherheitsl\u00fccken aufweisen kann. Ein l\u00fcckenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht m\u00f6glich.<\/p>\r\n      <h4>Hinweis zur verantwortlichen Stelle<\/h4>\r\n      <p>Die verantwortliche Stelle f\u00fcr die Datenverarbeitung auf dieser Website ist:<\/p>\r\n      <p>Xpress Paper GmbH<br>Paper Recycling Management<br>An der Br\u00fccke 1-5<br>64546 M\u00f6rfelden-Walldorf<br>Telefon:+49 6105 \u2011 308804 \u2011 0<br>Telefax:+49 6105 \u2011 308804 \u2011 9<br>Kontaktformular<\/p>\r\n      <p>Verantwortliche Stelle ist die nat\u00fcrliche oder juristische Person, die allein oder gemeinsam mit anderen \u00fcber die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. \u00c4.) entscheidet.<\/p>\r\n      <h4>Speicherdauer<\/h4>\r\n      <p>Soweit innerhalb dieser Datenschutzerkl\u00e4rung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck f\u00fcr die Datenverarbeitung entf\u00e4llt. Wenn Sie ein berechtigtes L\u00f6schersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gel\u00f6scht, sofern wir keine anderen rechtlich zul\u00e4ssigen Gr\u00fcnde f\u00fcr die Speicherung Ihrer personenbezogenen Daten haben (z.B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die L\u00f6schung nach Fortfall dieser Gr\u00fcnde.<\/p>\r\n      <h4>Hinweis zur Datenweitergabe in die USA<\/h4>\r\n      <p>Auf unserer Website sind unter anderem Tools von Unternehmen mit Sitz in den USA eingebunden. Wenn diese Tools aktiv sind, k\u00f6nnen Ihre personenbezogenen Daten an die US-Server der jeweiligen Unternehmen weitergegeben werden. Wir weisen darauf hin, dass die USA kein sicherer Drittstaat im Sinne des EUDatenschutzrechts sind. US-Unternehmen sind dazu verpflichtet, personenbezogene Daten an Sicherheitsbeh\u00f6rden herauszugeben, ohne dass Sie als Betroffener hiergegen gerichtlich vorgehen k\u00f6nnten. Es kann daher nicht ausgeschlossen werden, dass US-Beh\u00f6rden (z.B. Geheimdienste) Ihre auf US-Servern befindlichen Daten zu \u00dcberwachungszwecken verarbeiten, auswerten und dauerhaft speichern. Wir haben auf diese Verarbeitungst\u00e4tigkeiten keinen Einfluss.<\/p>\r\n      <p>Widerspruchsrecht gegen die Datenerhebung in besonderen F\u00e4llen sowie gegen Direktwerbung (Art. 21 DSGVO)<\/p>\r\n      <p>WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GR\u00dcNDEN, DIE SICH AUS IHRER BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN WIDERSPRUCH EINZULEGEN; DIES GILT AUCH F\u00dcR EIN AUF DIESE BESTIMMUNGEN GEST\u00dcTZTES PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER DATENSCHUTZERKL\u00c4RUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI DENN, WIR K\u00d6NNEN ZWINGENDE SCHUTZW\u00dcRDIGE GR\u00dcNDE F\u00dcR DIE VERARBEITUNG NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN \u00dcBERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUS\u00dcBUNG ODER VERTEIDIGUNG VON RECHTSANSPR\u00dcCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO).<\/p>\r\n      <p>WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH F\u00dcR DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO).<\/p>\r\n      <h4>Beschwerderecht bei der zust\u00e4ndigen Aufsichtsbeh\u00f6rde<\/h4>\r\n      <p>Im Falle von Verst\u00f6\u00dfen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbeh\u00f6rde, insbesondere in dem Mitgliedstaat ihres gew\u00f6hnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutma\u00dflichen Versto\u00dfes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.<\/p>\r\n      <h4>Recht auf Daten\u00fcbertragbarkeit<\/h4>\r\n      <p>Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erf\u00fcllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem g\u00e4ngigen, maschinenlesbaren Format aush\u00e4ndigen zu lassen. Sofern Sie die direkte \u00dcbertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.<\/p>\r\n      <h4>SSL- bzw. TLS-Verschl\u00fcsselung<\/h4>\r\n      <p>Diese Seite nutzt aus Sicherheitsgr\u00fcnden und zum Schutz der \u00dcbertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLSVerschl\u00fcsselung. Eine verschl\u00fcsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von \"http:\/\/\" auf \"<a href=\"https:\/\/\"wechselt\" target=\"_blank\" rel=\"noopener\">https:\/\/\"wechselt<\/a> und an dem Schloss-Symbol in Ihrer Browserzeile.<\/p>\r\n      <p>Wenn die SSL- bzw. TLS-Verschl\u00fcsselung aktiviert ist, k\u00f6nnen die Daten, die Sie an uns \u00fcbermitteln, nicht von Dritten mitgelesen werden.<\/p>\r\n      <h4>Auskunft, Sperrung, L\u00f6schung und Berichtigung<\/h4>\r\n      <p>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft \u00fcber Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empf\u00e4nger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder L\u00f6schung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten k\u00f6nnen Sie sich jederzeit an uns wenden.<\/p>\r\n      <h4>Recht auf Einschr\u00e4nkung der Verarbeitung<\/h4>\r\n      <p>Sie haben das Recht, die Einschr\u00e4nkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu k\u00f6nnen Sie sich jederzeit an uns wenden. Das Recht auf Einschr\u00e4nkung der Verarbeitung besteht in folgenden F\u00e4llen:<\/p>\r\n      <ul><li>Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, ben\u00f6tigen wir in der Regel Zeit, um dies zu \u00fcberpr\u00fcfen. F\u00fcr die Dauer der Pr\u00fcfung haben Sie das Recht, die Einschr\u00e4nkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.<\/li><li>Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtm\u00e4\u00dfig geschah\/geschieht, k\u00f6nnen Sie statt der L\u00f6schung die Einschr\u00e4nkung der Datenverarbeitung verlangen.<\/li><li>Wenn wir Ihre personenbezogenen Daten nicht mehr ben\u00f6tigen, Sie sie jedoch zur Aus\u00fcbung, Verteidigung oder Geltendmachung von Rechtsanspr\u00fcchen ben\u00f6tigen, haben Sie das Recht, statt der L\u00f6schung die Einschr\u00e4nkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.<\/li><li>Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abw\u00e4gung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen \u00fcberwiegen, haben Sie das Recht, die Einschr\u00e4nkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.<\/li><\/ul>\r\n      <p>Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschr\u00e4nkt haben, d\u00fcrfen diese Daten \u2013 von ihrer Speicherung abgesehen \u2013 nur mit Ihrer Einwilligung oder zur Geltendmachung, Aus\u00fcbung oder Verteidigung von Rechtsanspr\u00fcchen oder zum Schutz der Rechte einer anderen nat\u00fcrlichen oder juristischen Person oder aus Gr\u00fcnden eines wichtigen \u00f6ffentlichen Interesses der Europ\u00e4ischen Union oder eines Mitgliedstaats verarbeitet werden.<\/p>\r\n      <h4>Widerspruch gegen Werbe-E-Mails<\/h4>\r\n      <p>Der Nutzung von im Rahmen der Impressumspflicht ver\u00f6ffentlichten Kontaktdaten zur \u00dcbersendung von nicht ausdr\u00fccklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdr\u00fccklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor.<\/p>\r\n      <h5>4. Datenschutz\u00adbeauftragter<\/h5>\r\n      <h4>Gesetzlich vorgeschriebener Datenschutz\u00adbeauftragter<\/h4>\r\n      <p>Wir haben f\u00fcr unser Unternehmen einen Datenschutz\u00adbeauftragten bestellt.<\/p>\r\n      <h5>5. Datenerfassung auf unserer Website<\/h5>\r\n      <h4>Cookies<\/h4>\r\n      <p>Unsere Internetseiten verwenden so genannte \u201eCookies\u201c. Cookies sind kleine Textdateien und richten auf Ihrem Endger\u00e4t keinen Schaden an. Sie werden entweder vor\u00fcbergehend f\u00fcr die Dauer einer Sitzung (Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endger\u00e4t gespeichert. Session-Cookies werden nach Ende Ihres Besuchs automatisch gel\u00f6scht. Permanente Cookies bleiben auf Ihrem Endger\u00e4t gespeichert, bis Sie diese selbst l\u00f6schen oder eine automatische L\u00f6schung durch Ihren Webbrowser erfolgt.<\/p>\r\n      <p>Teilweise k\u00f6nnen auch Cookies von Drittunternehmen auf Ihrem Endger\u00e4t gespeichert werden, wenn Sie unsere Seite betreten (Third-Party-Cookies). Diese erm\u00f6glichen uns oder Ihnen die Nutzung bestimmter Dienstleistungen des Drittunternehmens (z.B. Cookies zur Abwicklung von Zahlungsdienstleistungen).<\/p>\r\n      <p>Cookies haben verschiedene Funktionen. Zahlreiche Cookies sind technisch notwendig, da bestimmte Websitefunktionen ohne diese nicht funktionieren w\u00fcrden (z.B. die Warenkorbfunktion oder die Anzeige von Videos). Andere Cookies dienen dazu, das Nutzerverhalten auszuwerten oder Werbung anzuzeigen.<\/p>\r\n      <p>Cookies, die zur Durchf\u00fchrung des elektronischen Kommunikationsvorgangs (notwendige Cookies) oder zur Bereitstellung bestimmter, von Ihnen erw\u00fcnschter Funktionen (funktionale Cookies, z. B. f\u00fcr die Warenkorbfunktion) oder zur Optimierung der Website (z.B. Cookies zur Messung des Webpublikums) erforderlich sind, werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird. Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von Cookies zur technisch fehlerfreien und optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur Speicherung von Cookies abgefragt wurde, erfolgt die Speicherung der betreffenden Cookies ausschlie\u00dflich auf Grundlage dieser Einwilligung (Art. 6 Abs. 1 lit. a DSGVO); die Einwilligung ist jederzeit widerrufbar.<\/p>\r\n      <p>Sie k\u00f6nnen Ihren Browser so einstellen, dass Sie \u00fcber das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies f\u00fcr bestimmte F\u00e4lle oder generell ausschlie\u00dfen sowie das automatische L\u00f6schen der Cookies beim Schlie\u00dfen des Browsers aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalit\u00e4t dieser Website eingeschr\u00e4nkt sein. Soweit Cookies von Drittunternehmen oder zu Analysezwecken eingesetzt werden, werden wir Sie hier\u00fcber im Rahmen dieser Datenschutzerkl\u00e4rung gesondert informieren und ggf. eine Einwilligung abfragen.<\/p>\r\n      <h4>Server-Log-Dateien<\/h4>\r\n      <p>Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log- Dateien, die Ihr Browser automatisch an uns \u00fcbermittelt. Dies sind:<\/p>\r\n      <ul><li>Browsertyp und Browserversion<\/li><li>verwendetes Betriebssystem<\/li><li>Referrer URL<\/li><li>Hostname des zugreifenden Rechners<\/li><li>Uhrzeit der Serveranfrage<\/li><li>IP-Adresse<\/li><\/ul>\r\n      <p>Eine Zusammenf\u00fchrung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung seiner Website \u2013 hierzu m\u00fcssen die Server-Log-Files erfasst werden.<\/p>\r\n      <h4>Kontaktformular<\/h4>\r\n      <p>Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und f\u00fcr den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.<\/p>\r\n      <p>Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erf\u00fcllung eines Vertrags zusammenh\u00e4ngt oder zur Durchf\u00fchrung vorvertraglicher Ma\u00dfnahmen erforderlich ist. In allen \u00fcbrigen F\u00e4llen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde.<\/p>\r\n      <p>Die von Ihnen im Kontaktformular eingegebenen Daten verbleiben bei uns, bis Sie uns zur L\u00f6schung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck f\u00fcr die Datenspeicherung entf\u00e4llt (z. B. nach abgeschlossener Bearbeitung Ihrer Anfrage). Zwingende gesetzliche Bestimmungen \u2013 insbesondere Aufbewahrungsfristen \u2013 bleiben unber\u00fchrt.<\/p>\r\n      <h4>Anfrage per E-Mail, Telefon oder Telefax<\/h4>\r\n      <p>Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.<\/p>\r\n      <p>Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erf\u00fcllung eines Vertrags zusammenh\u00e4ngt oder zur Durchf\u00fchrung vorvertraglicher Ma\u00dfnahmen erforderlich ist. In allen \u00fcbrigen F\u00e4llen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde.<\/p>\r\n      <p>Die von Ihnen an uns per Kontaktanfragen \u00fcbersandten Daten verbleiben bei uns, bis Sie uns zur L\u00f6schung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck f\u00fcr die Datenspeicherung entf\u00e4llt (z. B. nach abgeschlossener Bearbeitung Ihres Anliegens). Zwingende gesetzliche Bestimmungen \u2013 insbesondere gesetzliche Aufbewahrungsfristen \u2013 bleiben unber\u00fchrt.<\/p>\r\n      <h5>6. Soziale Medien<\/h5>\r\n      <h4>LikedIn, Xing, Facebook, X (eh. Twitter)<\/h4>\r\n      <p>Auf unserer Webseite sind so genannte Social Bookmarks (von Facebook, Twitter, LinkedIn und Xing) integriert. Social Bookmarks sind Internet-Lesezeichen, mit denen die Nutzer eines solchen Dienstes Links und Nachrichtenmeldungen sammeln k\u00f6nnen. Diese sind auf unserer Webseite lediglich als Link zu den entsprechenden Diensten eingebunden. Nach dem Anklicken der eingebundenen Grafik werden Sie auf die Seite des jeweiligen Anbieters weitergeleitet, d.h. erst dann werden Nutzerinformationen an den jeweiligen Anbieter \u00fcbertragen. Informationen zum Umgang mit Ihren personenbezogenen Daten bei Nutzung dieser Webseiten entnehmen Sie bitte den jeweiligen Datenschutzbestimmungen der Anbieter.<\/p>\r\n      <h5>7. Analyse-Tools und Werbung<\/h5>\r\n      <h4>Google Tag Manager (deaktiviert)<\/h4>\r\n      <p>Wir setzen den Google Tag Manager ein. Anbieter ist die Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland.<\/p>\r\n      <p>Der Google Tag Manager ist ein Tool, mit dessen Hilfe wir Tracking- oder Statistik-Tools und andere Technologien auf unserer Website einbinden k\u00f6nnen. Der Google Tag Manager selbst erstellt keine Nutzerprofile, speichert keine Cookies und nimmt keine eigenst\u00e4ndigen Analysen vor. Er dient lediglich der Verwaltung und Ausspielung der \u00fcber ihn eingebundenen Tools. Der Google Tag Manager erfasst jedoch Ihre IP-Adresse, die auch an das Mutterunternehmen von Google in die Vereinigten Staaten \u00fcbertragen werden kann.<\/p>\r\n      <p>Der Einsatz des Google Tag Managers erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an einer schnellen und unkomplizierten Einbindung und Verwaltung verschiedener Tools auf seiner Website. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschlie\u00dflich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und \u00a7 25 Abs. 1 TTDSG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endger\u00e4t des Nutzers (z. B. Device-Fingerprinting) im Sinne des TTDSG umfasst. Die Einwilligung ist jederzeit widerrufbar.<\/p>\r\n      <h4>Google Analytics (deaktiviert)<\/h4>\r\n      <p>Diese Website nutzt Funktionen des Webanalysedienstes Google Analytics. Anbieter ist die Google Ireland Limited (\u201eGoogle\u201c), Gordon House, Barrow Street, Dublin 4, Irland.<\/p>\r\n      <p>Google Analytics erm\u00f6glicht es dem Websitebetreiber, das Verhalten der Websitebesucher zu analysieren. Hierbei erh\u00e4lt der Websitebetreiber verschiedene Nutzungsdaten, wie z. B. Seitenaufrufe, Verweildauer, verwendete Betriebssysteme und Herkunft des Nutzers. Diese Daten werden in einer User-ID zusammengefasst und dem jeweiligen Endger\u00e4t des Websitebesuchers zugeordnet.<\/p>\r\n      <p>Des Weiteren k\u00f6nnen wir mit Google Analytics u. a. Ihre Maus- und Scrollbewegungen und Klicks aufzeichnen. Ferner verwendet Google Analytics verschiedene Modellierungsans\u00e4tze, um die erfassten Datens\u00e4tze zu erg\u00e4nzen und setzt Machine-Learning-Technologien bei der Datenanalyse ein.<\/p>\r\n      <p>Google Analytics verwendet Technologien, die die Wiedererkennung des Nutzers zum Zwecke der Analyse des Nutzerverhaltens erm\u00f6glichen (z. B. Cookies oder Device-Fingerprinting). Die von Google erfassten Informationen \u00fcber die Benutzung dieser Website werden in der Regel an einen Server von Google in den USA \u00fcbertragen und dort gespeichert.<\/p>\r\n      <p>Die Nutzung dieses Dienstes erfolgt auf Grundlage Ihrer Einwilligung nach Art. 6 Abs. 1 lit. a DSGVO und \u00a7 25 Abs. 1 TTDSG. Die Einwilligung ist jederzeit widerrufbar.<\/p>\r\n      <p>Die Daten\u00fcbertragung in die USA wird auf die Standardvertragsklauseln der EU-Kommission gest\u00fctzt. Details finden Sie hier: <a href=\"https:\/\/privacy.google.com\/businesses\/controllerterms\/mccs\/\" target=\"_blank\" rel=\"noopener\">https:\/\/privacy.google.com\/businesses\/controllerterms\/mccs\/<\/a>.<\/p>\r\n      <h4>Browser Plugin<\/h4>\r\n      <p>Sie k\u00f6nnen die Erfassung und Verarbeitung Ihrer Daten durch Google verhindern, indem Sie das unter dem folgenden Link verf\u00fcgbare Browser-Plugin herunterladen und installieren: <a href=\"https:\/\/tools.google.com\/dlpage\/gaoptout?hl=de\" target=\"_blank\" rel=\"noopener\">https:\/\/tools.google.com\/dlpage\/gaoptout?hl=de<\/a>.<\/p>\r\n      <p>Mehr Informationen zum Umgang mit Nutzerdaten bei Google Analytics finden Sie in der Datenschutzerkl\u00e4rung von Google: <a href=\"https:\/\/support.google.com\/analytics\/answer\/6004245?hl=de\" target=\"_blank\" rel=\"noopener\">https:\/\/support.google.com\/analytics\/answer\/6004245?hl=de<\/a>.<\/p>\r\n      <h4>Auftragsverarbeitung<\/h4>\r\n      <p>Wir haben mit Google einen Vertrag zur Auftragsverarbeitung abgeschlossen und setzen die strengen Vorgaben der deutschen Datenschutzbeh\u00f6rden bei der Nutzung von Google Analytics vollst\u00e4ndig um.<\/p>\r\n      <h4>Google Ads (deaktiviert)<\/h4>\r\n      <p>Der Websitebetreiber verwendet Google Ads. Google Ads ist ein Online-Werbeprogramm der Google Ireland Limited (\u201eGoogle\u201c), Gordon House, Barrow Street, Dublin 4, Irland.<\/p>\r\n      <p>Google Ads erm\u00f6glicht es uns Werbeanzeigen in der Google-Suchmaschine oder auf Drittwebseiten auszuspielen, wenn der Nutzer bestimmte Suchbegriffe bei Google eingibt (Keyword-Targeting). Ferner k\u00f6nnen zielgerichtete Werbeanzeigen anhand der bei Google vorhandenen Nutzerdaten (z. B. Standortdaten und Interessen) ausgespielt werden (Zielgruppen-Targeting). Wir als Websitebetreiber k\u00f6nnen diese Daten quantitativ auswerten, indem wir beispielsweise analysieren, welche Suchbegriffe zur Ausspielung unserer Werbeanzeigen gef\u00fchrt haben und wie viele Anzeigen zu entsprechenden Klicks gef\u00fchrt haben.<\/p>\r\n      <p>Die Nutzung dieses Dienstes erfolgt auf Grundlage Ihrer Einwilligung nach Art. 6 Abs. 1 lit. a DSGVO und \u00a7 25 Abs. 1 TTDSG. Die Einwilligung ist jederzeit widerrufbar.<\/p>\r\n      <p>Die Daten\u00fcbertragung in die USA wird auf die Standardvertragsklauseln der EU-Kommission gest\u00fctzt. Details finden Sie hier: <a href=\"https:\/\/policies.google.com\/privacy\/frameworks\" target=\"_blank\" rel=\"noopener\">https:\/\/policies.google.com\/privacy\/frameworks<\/a> und <a href=\"https:\/\/privacy.google.com\/businesses\/controllerterms\/mccs\/\" target=\"_blank\" rel=\"noopener\">https:\/\/privacy.google.com\/businesses\/controllerterms\/mccs\/<\/a>.<\/p>\r\n      <h4>Google Conversion-Tracking (deaktiviert)<\/h4>\r\n      <p>Diese Website nutzt Google Conversion Tracking. Anbieter ist die Google Ireland Limited (\u201eGoogle\u201c), Gordon House, Barrow Street, Dublin 4, Irland.<\/p>\r\n      <p>Mit Hilfe von Google-Conversion-Tracking k\u00f6nnen Google und wir erkennen, ob der Nutzer bestimmte Aktionen durchgef\u00fchrt hat. So k\u00f6nnen wir beispielsweise auswerten, welche Buttons auf unserer Website wie h\u00e4ufig geklickt und welche Produkte besonders h\u00e4ufig angesehen oder gekauft wurden. Diese Informationen dienen dazu, Conversion-Statistiken zu erstellen. Wir erfahren die Gesamtanzahl der Nutzer, die auf unsere Anzeigen geklickt haben und welche Aktionen sie durchgef\u00fchrt haben. Wir erhalten keine Informationen, mit denen wir den Nutzer pers\u00f6nlich identifizieren k\u00f6nnen. Google selbst nutzt zur Identifikation Cookies oder vergleichbare Wiedererkennungstechnologien.<\/p>\r\n      <p>Die Nutzung dieses Dienstes erfolgt auf Grundlage Ihrer Einwilligung nach Art. 6 Abs. 1 lit. a DSGVO und \u00a7 25 Abs. 1 TTDSG. Die Einwilligung ist jederzeit widerrufbar.<\/p>\r\n      <p>Mehr Informationen zu Google Conversion-Tracking finden Sie in den Datenschutzbestimmungen von Google: <a href=\"https:\/\/policies.google.com\/privacy?hl=de\" target=\"_blank\" rel=\"noopener\">https:\/\/policies.google.com\/privacy?hl=de<\/a>.<\/p>\r\n      <h5>8. Plugins und Tools<\/h5>\r\n      <h4>YouTube mit erweitertem Datenschutz<\/h4>\r\n      <p>Diese Website bindet Videos der YouTube ein. Betreiber der Seiten ist die Google Ireland Limited (\"Google\"), Gordon House, Barrow Street, Dublin 4, Irland.<\/p>\r\n      <p>Wir nutzen YouTube im erweiterten Datenschutzmodus. Dieser Modus bewirkt laut YouTube, dass YouTube keine Informationen \u00fcber die Besucher auf dieser Website speichert, bevor diese sich das Video ansehen. Die Weitergabe von Daten an YouTube-Partner wird durch den erweiterten Datenschutzmodus hingegen nicht zwingend ausgeschlossen. So stellt YouTube \u2013 unabh\u00e4ngig davon, ob Sie sich ein Video ansehen \u2013 eine Verbindung zum Google DoubleClick-Netzwerk her.<\/p>\r\n      <p>Sobald Sie ein YouTube-Video auf dieser Website starten, wird eine Verbindung zu den Servern von YouTube hergestellt. Dabei wird dem YouTube-Server mitgeteilt, welche unserer Seiten Sie besucht haben. Wenn Sie in Ihrem YouTube-Account eingeloggt sind, erm\u00f6glichen Sie YouTube, Ihr Surfverhalten direkt Ihrem pers\u00f6nlichen Profil zuzuordnen. Dies k\u00f6nnen Sie verhindern, indem Sie sich aus Ihrem YouTube- Account ausloggen.<\/p>\r\n      <p>Des Weiteren kann YouTube nach Starten eines Videos verschiedene Cookies auf Ihrem Endger\u00e4t speichern oder vergleichbare Wiedererkennungstechnologien (z.B. Device-Fingerprinting) einsetzen. Auf diese Weise kann YouTube Informationen \u00fcber Besucher dieser Website erhalten. Diese Informationen werden u. a. verwendet, um Videostatistiken zu erfassen, die Anwenderfreundlichkeit zu verbessern und Betrugsversuchen vorzubeugen.<\/p>\r\n      <p>Gegebenenfalls k\u00f6nnen nach dem Start eines YouTube-Videos weitere Datenverarbeitungsvorg\u00e4nge ausgel\u00f6st werden, auf die wir keinen Einfluss haben.<\/p>\r\n      <p>Die Nutzung von YouTube erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote. Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschlie\u00dflich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO; die Einwilligung ist jederzeit widerrufbar.<\/p>\r\n      <p>Weitere Informationen \u00fcber Datenschutz bei YouTube finden Sie in deren Datenschutzerkl\u00e4rung unter: <a href=\"https:\/\/policies.google.com\/privacy?hl=de\" target=\"_blank\" rel=\"noopener\">https:\/\/policies.google.com\/privacy?hl=de<\/a>.<\/p>\r\n      <h4>Google Maps<\/h4>\r\n      <p>Diese Seite nutzt den Kartendienst Google Maps. Anbieter ist die Google Ireland Limited (\u201eGoogle\u201c), Gordon House, Barrow Street, Dublin 4, Irland.<\/p>\r\n      <p>Zur Nutzung der Funktionen von Google Maps ist es notwendig, Ihre IP-Adresse zu speichern. Diese Informationen werden in der Regel an einen Server von Google in den USA \u00fcbertragen und dort gespeichert. Der Anbieter dieser Seite hat keinen Einfluss auf diese Daten\u00fcbertragung.<\/p>\r\n      <p>Die Nutzung von Google Maps erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote und an einer leichten Auffindbarkeit der von uns auf der Website angegebenen Orte. Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschlie\u00dflich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO; die Einwilligung ist jederzeit widerrufbar.<\/p>\r\n      <p>Die Daten\u00fcbertragung in die USA wird auf die Standardvertragsklauseln der EU-Kommission gest\u00fctzt. Details finden Sie hier: <a href=\"https:\/\/privacy.google.com\/businesses\/gdprcontrollerterms\/und\" target=\"_blank\" rel=\"noopener\">https:\/\/privacy.google.com\/businesses\/gdprcontrollerterms\/und<\/a> <a href=\"https:\/\/privacy.google.com\/businesses\/gdprcontrollerterms\/sccs\/\" target=\"_blank\" rel=\"noopener\">https:\/\/privacy.google.com\/businesses\/gdprcontrollerterms\/sccs\/<\/a>.<\/p>\r\n      <p>Mehr Informationen zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerkl\u00e4rung von Google: <a href=\"https:\/\/policies.google.com\/privacy?hl=de\" target=\"_blank\" rel=\"noopener\">https:\/\/policies.google.com\/privacy?hl=de<\/a>.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"modal\" id=\"modal\" aria-hidden=\"true\">\r\n  <div class=\"backdrop\" data-close><\/div>\r\n  <div class=\"panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mName\">\r\n    <button class=\"close\" data-close aria-label=\"Schlie\u00dfen\">\u2715<\/button>\r\n    <div class=\"m-img\"><svg id=\"mShoe\"><use href=\"#sneaker\"\/><\/svg><img id=\"mImg\" class=\"photo\" alt=\"\" hidden referrerpolicy=\"no-referrer\" onerror=\"this.hidden=true;document.getElementById('mShoe').style.display=''\"><\/div>\r\n    <div class=\"m-body\">\r\n      <span class=\"label\" id=\"mLine\"><\/span>\r\n      <h3 id=\"mName\"><\/h3>\r\n      <p id=\"mDesc\"><\/p>\r\n      <div class=\"sub\">Farben<\/div>\r\n      <div class=\"dots\" id=\"mDots\"><\/div>\r\n      <div class=\"sub\">Gr\u00f6\u00dfen<\/div>\r\n      <div class=\"sizes\" id=\"mSizes\"><\/div>\r\n      <a href=\"#besuch\" class=\"btn solid\" data-close><span>Im Store ansehen<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ ===== Products =====\r\n\/\/ To use your own photo, put the image file next to this page and set img:\"filename.jpg\"\r\nconst products = [\r\n  {name:\"Damen-Barefoot-Sneaker aus Leder\", line:\"Damen \u00b7 Sneaker\", cat:\"damen sneaker\", shape:\"sneaker\", mat:\"Leder\", colors:[\"#F5F3EE\",\"#6B4423\"], sizes:\"37-41\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw72d12564\/images\/large\/5441231-1.jpg\",\r\n   desc:\"Ein puristischer Barfu\u00df-Sneaker aus Leder, dessen hauchd\u00fcnne Sohle jeden Schritt nat\u00fcrlich und frei erscheinen l\u00e4sst. Ideal f\u00fcr bewusste Wege durch den Alltag.\"},\r\n  {name:\"Damen-Sneaker mit Schmuckapplikationen\", line:\"Damen \u00b7 Sneaker\", cat:\"damen sneaker\", shape:\"sneaker\", mat:\"Synthetik\", colors:[\"#F5F3EE\",\"#1A1A1A\"], sizes:\"35-41\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw1d18184e\/images\/large\/5411232-1.jpg\",\r\n   desc:\"Ein Schn\u00fcrsneaker auf erh\u00f6hter Plateausohle, verfeinert mit funkelnden Schmuckdetails. Er bringt einen Hauch von Glanz in l\u00e4ssige Looks.\"},\r\n  {name:\"Damen-Sneaker aus Wildleder\", line:\"Damen \u00b7 Sneaker\", cat:\"damen sneaker\", shape:\"sneaker\", mat:\"Wildleder\", colors:[\"#E8B4C0\",\"#4A6B4A\",\"#A67B5B\"], sizes:\"36-39\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwd12a85d5\/images\/large\/5435976-1.jpg\",\r\n   desc:\"Weiches Wildleder trifft auf eine markante, sechs Zentimeter hohe Sohle. So entsteht ein ausdrucksstarker Sneaker mit modischem Selbstbewusstsein.\"},\r\n  {name:\"Cuffed Boot f\u00fcr Damen\", line:\"Damen \u00b7 Stiefel\", cat:\"damen\", shape:\"boot\", mat:\"Textil\", colors:[\"#1A1A1A\"], sizes:\"35-41\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwe2cab475\/images\/large\/5916131-1.jpg\",\r\n   desc:\"Eine Stiefelette aus Textil mit umgeschlagenem Schaft und moderatem Absatz. Sie verbindet urbane L\u00e4ssigkeit mit wohliger Geschmeidigkeit.\"},\r\n  {name:\"Damen Western Stiefelette aus Leder\", line:\"Damen \u00b7 Stiefel\", cat:\"damen\", shape:\"boot\", mat:\"Glattleder\", colors:[\"#1A1A1A\"], sizes:\"36-39\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwab0b0d11\/images\/large\/6946343-1.jpg\",\r\n   desc:\"Klassische Western-Linien, innen wie au\u00dfen ganz aus Leder gefertigt. Eine charaktervolle Stiefelette, die jedem Outfit Haltung verleiht.\"},\r\n  {name:\"Damenstiefelette mit Gummizug und Absatz\", line:\"Damen \u00b7 Stiefel\", cat:\"damen\", shape:\"boot\", mat:\"Synthetik\", colors:[\"#1A1A1A\",\"#6B4423\"], sizes:\"35-41\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw4e756ffc\/images\/large\/6916122-1.jpg\",\r\n   desc:\"Seitliche Elasteins\u00e4tze erleichtern das Anziehen, ein f\u00fcnf Zentimeter hoher Absatz streckt elegant die Silhouette. Eine verl\u00e4ssliche Begleiterin von fr\u00fch bis sp\u00e4t.\"},\r\n  {name:\"Herren-Sneaker\", line:\"Herren \u00b7 Sneaker\", cat:\"herren sneaker\", shape:\"sneaker\", mat:\"Synthetik\", colors:[\"#F5F3EE\",\"#1A1A1A\"], sizes:\"39-46\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwb4608d24\/images\/large\/8411183-1.jpg\",\r\n   desc:\"Ein klar gezeichneter Herren-Sneaker in zeitlosen Grundt\u00f6nen. Unkompliziert zu kombinieren und wie geschaffen f\u00fcr den t\u00e4glichen Einsatz.\"},\r\n  {name:\"Herren Sneaker Erdt\u00f6ne\", line:\"Herren \u00b7 Sneaker\", cat:\"herren sneaker\", shape:\"sneaker\", mat:\"Synthetik\", colors:[\"#8A8456\",\"#8B7D6B\"], sizes:\"40-46\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwad0eef69\/images\/large\/8417688-1.jpg\",\r\n   desc:\"Gedeckte Erdt\u00f6ne und ein angenehmes Textilfutter pr\u00e4gen diesen Sneaker. Er setzt auf entspannte Eleganz f\u00fcr Stadt und Freizeit.\"},\r\n  {name:\"Herren Mokassin\", line:\"Herren \u00b7 Mokassin\", cat:\"herren\", shape:\"loafer\", mat:\"Synthetik\", colors:[\"#D8C8A8\",\"#1A1A1A\",\"#5E1A24\"], sizes:\"41-45\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwa32c57f4\/images\/large\/8112255-1.jpg\",\r\n   desc:\"Ein schlichter Slipper zum m\u00fchelosen Hineinschl\u00fcpfen, erh\u00e4ltlich in klassischen bis tiefroten Nuancen. Er verleiht sommerlichen Looks eine gepflegte Note.\"},\r\n  {name:\"Herren Wildleder Mokassins\", line:\"Herren \u00b7 Mokassin\", cat:\"herren\", shape:\"loafer\", mat:\"Wildleder\", colors:[\"#1A1A1A\",\"#808080\",\"#2C4A7A\"], sizes:\"40-45\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw1fe4f232\/images\/large\/8536145-1.jpg\",\r\n   desc:\"Samtiges Wildleder, innen mit Leder gef\u00fcttert, und eine reiche Farbpalette. Ein vielseitiger Mokassin mit l\u00e4ssig-mediterranem Flair.\"},\r\n  {name:\"Herren-Schn\u00fcrstiefelette\", line:\"Herren \u00b7 Stiefel\", cat:\"herren\", shape:\"boot\", mat:\"Synthetik\", colors:[\"#1A1A1A\"], sizes:\"40-46\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwb27effd4\/images\/large\/8916165-1.jpg\",\r\n   desc:\"Eine robuste Schn\u00fcrstiefelette in tiefem Schwarz. Sie bietet sicheren Halt f\u00fcr k\u00fchle Tage und wechselhaftes Wetter.\"},\r\n  {name:\"Herren Urban Boots\", line:\"Herren \u00b7 Stiefel\", cat:\"herren\", shape:\"boot\", mat:\"Leder\", colors:[\"#1A1A1A\"], sizes:\"40-46\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw3ae1e372\/images\/large\/8946683-1.jpg\",\r\n   desc:\"Ein urbaner Boot aus Leder, entworfen f\u00fcr das t\u00e4gliche Leben in der Stadt. Er verbindet einen markanten Auftritt mit best\u00e4ndigem Tragekomfort.\"},\r\n  {name:\"Damen Shopper Tasche\", line:\"Damen \u00b7 Tasche\", cat:\"damen taschen\", shape:\"bag\", mat:\"Synthetik\", colors:[\"#6B4423\"], sizes:\"onesize\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw816abd52\/images\/large\/9614255-1.jpg\",\r\n   desc:\"Ein gro\u00dfz\u00fcgiger Shopper im warmen Braunton mit rund 50 \u00d7 29 cm Fl\u00e4che. Er nimmt alles auf, was ein bewegter Tag verlangt.\"},\r\n  {name:\"Damen-Shopper aus Wildleder\", line:\"Damen \u00b7 Tasche\", cat:\"damen taschen\", shape:\"bag\", mat:\"Wildleder\", colors:[\"#7A5230\"], sizes:\"onesize\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw3874f576\/images\/large\/9634108-1.jpg\",\r\n   desc:\"Weiches Wildleder in einer weiten, flachen Shopper-Form. L\u00e4ssiger Luxus f\u00fcr B\u00fcro, Wochenende und Reise.\"},\r\n  {name:\"Leder Hobo Damen-Tasche\", line:\"Damen \u00b7 Tasche\", cat:\"damen taschen\", shape:\"bag\", mat:\"Leder\", colors:[\"#1A1A1A\"], sizes:\"onesize\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw21d8c01d\/images\/large\/9646148-1.jpg\",\r\n   desc:\"Eine weich fallende Hobo-Tasche aus schwarzem Leder in kompaktem Format. Sie schmiegt sich m\u00fchelos an und begleitet stilvoll durch den Alltag.\"},\r\n  {name:\"Herren Rucksack\", line:\"Herren \u00b7 Rucksack\", cat:\"herren taschen\", shape:\"bag\", mat:\"Textil\", colors:[\"#1A1A1A\",\"#4A6B4A\"], sizes:\"onesize\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw8ac02963\/images\/large\/9690331-1.jpg\",\r\n   desc:\"Ein flacher, ger\u00e4umiger Rucksack aus Textil, der sich schlank an den R\u00fccken legt. Er ist ein praktischer Begleiter f\u00fcr Pendelwege und Ausfl\u00fcge.\"},\r\n  {name:\"Herrentasche aus Leder\", line:\"Herren \u00b7 Tasche\", cat:\"herren taschen\", shape:\"bag\", mat:\"Leder\", colors:[\"#D8C8A8\",\"#6B4423\",\"#2C4A7A\"], sizes:\"onesize\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw02199efb\/images\/large\/9646109-1.jpg\",\r\n   desc:\"Eine Herrentasche aus Leder in drei ruhigen Farbnuancen. Sie vereint dezente Eleganz mit alltagstauglicher Funktion.\"},\r\n  {name:\"Damen-Trenchcoat\", line:\"Damen \u00b7 Mantel\", cat:\"damen jacken\", shape:\"coat\", mat:\"Textil\", colors:[\"#D8C8A8\",\"#5A6B4A\"], sizes:\"M-XL\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw746c9f81\/images\/large\/9798337-1.jpg\",\r\n   desc:\"Ein zeitloser Trenchcoat aus Textil in klassischem Beige oder gedecktem Gr\u00fcn. Er ist die elegante Antwort auf launisches \u00dcbergangswetter.\"},\r\n  {name:\"Eco-Lederjacke f\u00fcr Damen\", line:\"Damen \u00b7 Jacke\", cat:\"damen jacken\", shape:\"jacket\", mat:\"Kunstleder\", colors:[\"#1A1A1A\",\"#6B4423\",\"#A0703C\"], sizes:\"S,L,XL\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwd2b40fb7\/images\/large\/9716206-1.jpg\",\r\n   desc:\"Eine Jacke aus tierfreiem Kunstleder mit klarer, moderner Linie. Sie bringt rockige L\u00e4ssigkeit in jede Garderobe.\"},\r\n  {name:\"Damen-Bikerjacke aus Leder\", line:\"Damen \u00b7 Lederjacke\", cat:\"damen jacken\", shape:\"jacket\", mat:\"Leder\", colors:[\"#D8C8A8\",\"#1A1A1A\",\"#A02828\"], sizes:\"S-XL\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwc53dfae1\/images\/large\/9742128-1.jpg\",\r\n   desc:\"Die ikonische Bikerjacke, gefertigt aus echtem Leder und in ausdrucksstarken Farben erh\u00e4ltlich. Ein Statement, das mit jedem Tragen an Charakter gewinnt.\"},\r\n  {name:\"Herren Bikerjacke\", line:\"Herren \u00b7 Jacke\", cat:\"herren jacken\", shape:\"jacket\", mat:\"Kunstleder\", colors:[\"#1A1A1A\",\"#6B4423\"], sizes:\"S-XXL\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwbf50a764\/images\/large\/9716115-1.jpg\",\r\n   desc:\"Eine kantige Bikerjacke aus Kunstleder in Schwarz oder Braun. Sie verleiht Jeans und T-Shirt sofort einen markanten Auftritt.\"},\r\n  {name:\"Bikerjacke mit Kapuze\", line:\"Herren \u00b7 Jacke\", cat:\"herren jacken\", shape:\"jacket\", mat:\"Kunstleder\", colors:[\"#1A1A1A\"], sizes:\"S-XXL\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw91625f56\/images\/large\/9716180-1.jpg\",\r\n   desc:\"Der Biker-Klassiker aus Kunstleder, erg\u00e4nzt um eine l\u00e4ssige Kapuze. Urbaner Stil trifft auf sportliche Unbeschwertheit.\"},\r\n  {name:\"Herrenbiker in Leder\", line:\"Herren \u00b7 Lederjacke\", cat:\"herren jacken\", shape:\"jacket\", mat:\"Leder\", colors:[\"#1A1A1A\",\"#6B4423\"], sizes:\"S-XXL\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw48389521\/images\/large\/9746115-1.jpg\",\r\n   desc:\"Eine Bikerjacke aus echtem Leder, die mit den Jahren eine eigene Patina entwickelt. Zeitlos, robust und voller Pers\u00f6nlichkeit.\"},\r\n  {name:\"Damenmokassin\", line:\"Damen \u00b7 Mokassin\", cat:\"damen\", shape:\"loafer\", mat:\"Synthetik\", colors:[\"#1A1A1A\",\"#5E1A24\"], sizes:\"36-41\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw6c5cf024\/images\/large\/5116294-1.jpg\",\r\n   desc:\"Ein gepflegter Mokassin mit leicht erh\u00f6hter Sohle in Schwarz oder tiefem Bordeaux. Er verbindet B\u00fcrotauglichkeit mit entspanntem Komfort.\"},\r\n  {name:\"Damen-Ballerina mit Profilsohle und Schleife\", line:\"Damen \u00b7 Ballerina\", cat:\"damen\", shape:\"loafer\", mat:\"Synthetik\", colors:[\"#F5F3EE\",\"#1A1A1A\",\"#A02828\"], sizes:\"38-41\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dwf4fd1b9f\/images\/large\/5210551-1.jpg\",\r\n   desc:\"Eine verspielte Ballerina mit zarter Schleife und griffiger Profilsohle. Feminine Leichtigkeit, die auch l\u00e4ngere Wege m\u00fchelos mitgeht.\"},\r\n  {name:\"Herren-Sneaker in Farbe\", line:\"Herren \u00b7 Sneaker\", cat:\"herren sneaker\", shape:\"sneaker\", mat:\"Synthetik\", colors:[\"#2C4A7A\",\"#4A6B4A\",\"#E07B2E\"], sizes:\"40-46\", img:\"https:\/\/www.bata.com\/dw\/image\/v2\/BCLG_PRD\/on\/demandware.static\/-\/Sites-bata-master-catalog\/default\/dw6344ec93\/images\/large\/8419167-1.jpg\",\r\n   desc:\"Ein Herren-Sneaker in kr\u00e4ftigen Farbt\u00f6nen von Blau bis Orange. Er bringt frische Energie in jeden Freizeitlook.\"},\r\n];\r\nconst FLAT=[\"bag\",\"jacket\",\"coat\"];\r\nconst LETTERS=[\"XS\",\"S\",\"M\",\"L\",\"XL\",\"XXL\",\"3XL\"];\r\nfunction sizeList(s){\r\n  if(s===\"onesize\") return [\"Einheitsgr\u00f6\u00dfe\"];\r\n  if(s.includes(\",\")) return s.split(\",\");\r\n  const [a,b]=s.split(\"-\");\r\n  if(isNaN(a)){ const i=LETTERS.indexOf(a), j=LETTERS.indexOf(b); return LETTERS.slice(i,j+1); }\r\n  return Array.from({length:+b-+a+1},(_,k)=>String(+a+k));\r\n}\r\nfunction drawing(i){const p=products[i];return `<svg class=\"shoe${FLAT.includes(p.shape)?\" flat\":\"\"}\" style=\"color:${p.colors[0]}\"><use href=\"#${p.shape}\"\/><\/svg>`;}\r\nconst grid = document.getElementById(\"grid\");\r\ngrid.innerHTML = products.map((p,i)=>`\r\n  <article class=\"card reveal\" data-i=\"${i}\" data-cat=\"${p.cat}\" style=\"transition-delay:${(i%3)*.12}s\">\r\n    <div class=\"no\"><span>${String(i+1).padStart(2,\"0\")}<\/span><em>${p.mat}<\/em><\/div>\r\n    <div class=\"img\">${p.img?`<img decoding=\"async\" class=\"photo\" src=\"${p.img}\" alt=\"${p.name}\" loading=\"lazy\" referrerpolicy=\"no-referrer\" onerror=\"this.outerHTML=drawing(${i})\">`:`<svg class=\"shoe${FLAT.includes(p.shape)?\" flat\":\"\"}\" style=\"color:${p.colors[0]}\"><use href=\"#${p.shape}\"\/><\/svg>`}<\/div>\r\n    <h3>${p.name}<\/h3>\r\n    <div class=\"meta\"><span>${p.line}<\/span><div class=\"dots\">${p.colors.map((c,j)=>`<i style=\"background:${c}\" data-c=\"${c}\" class=\"${j?\"\":\"sel\"}\"><\/i>`).join(\"\")}<\/div><\/div>\r\n    <span class=\"view\">Details ansehen \u2192<\/span>\r\n  <\/article>`).join(\"\");\r\n\r\n\/\/ Card interactions\r\ngrid.addEventListener(\"mousemove\",e=>{\r\n  const c=e.target.closest(\".card\"); if(!c) return;\r\n  const r=c.getBoundingClientRect();\r\n  c.style.setProperty(\"--mx\",(e.clientX-r.left)+\"px\"); c.style.setProperty(\"--my\",(e.clientY-r.top)+\"px\");\r\n});\r\ngrid.addEventListener(\"click\",e=>{\r\n  const dot=e.target.closest(\".dots i\"), card=e.target.closest(\".card\");\r\n  if(dot){ e.stopPropagation();\r\n    const sh=card.querySelector(\".shoe\"); if(sh) sh.style.color=dot.dataset.c;\r\n    card.querySelectorAll(\".dots i\").forEach(x=>x.classList.toggle(\"sel\",x===dot)); return; }\r\n  if(card){ const sh=card.querySelector(\".shoe\"); openModal(+card.dataset.i, sh?sh.style.color:\"\"); }\r\n});\r\n\r\n\/\/ Filters\r\ndocument.getElementById(\"filters\").addEventListener(\"click\",e=>{\r\n  const b=e.target.closest(\"button\"); if(!b) return;\r\n  document.querySelectorAll(\"#filters button\").forEach(x=>x.classList.toggle(\"active\",x===b));\r\n  grid.querySelectorAll(\".card\").forEach(c=>{\r\n    const show=b.dataset.f===\"all\"||c.dataset.cat.split(\" \").includes(b.dataset.f);\r\n    c.classList.toggle(\"out\",!show);\r\n    if(show){ c.classList.remove(\"in\"); requestAnimationFrame(()=>requestAnimationFrame(()=>c.classList.add(\"in\"))); }\r\n  });\r\n});\r\n\r\n\/\/ Modal\r\nconst modal=document.getElementById(\"modal\"), mShoe=document.getElementById(\"mShoe\");\r\nfunction openModal(i,color){\r\n  const p=products[i];\r\n  document.getElementById(\"mLine\").textContent=p.line;\r\n  document.getElementById(\"mName\").textContent=p.name;\r\n  document.getElementById(\"mDesc\").textContent=p.desc;\r\n  mShoe.innerHTML=`<use href=\"#${p.shape}\"\/>`; mShoe.style.color=color||p.colors[0];\r\n  const mImg=document.getElementById(\"mImg\");\r\n  if(p.img){ mImg.src=p.img; mImg.alt=p.name; mImg.hidden=false; mShoe.style.display=\"none\"; } else { mImg.hidden=true; mShoe.style.display=\"\"; }\r\n  document.getElementById(\"mDots\").innerHTML=p.colors.map(c=>`<i style=\"background:${c}\" data-c=\"${c}\" class=\"${c===(color||p.colors[0])?\"sel\":\"\"}\"><\/i>`).join(\"\");\r\n  mShoe.classList.toggle(\"flat\",FLAT.includes(p.shape));\r\n  document.getElementById(\"mSizes\").innerHTML=sizeList(p.sizes).map(z=>`<span>${z}<\/span>`).join(\"\");\r\n  modal.classList.add(\"open\"); modal.setAttribute(\"aria-hidden\",\"false\"); document.body.classList.add(\"lock\");\r\n}\r\nfunction closeModal(){ modal.classList.remove(\"open\"); modal.setAttribute(\"aria-hidden\",\"true\"); document.body.classList.remove(\"lock\"); }\r\nmodal.addEventListener(\"click\",e=>{\r\n  const d=e.target.closest(\"#mDots i\");\r\n  if(d){ mShoe.style.color=d.dataset.c; document.querySelectorAll(\"#mDots i\").forEach(x=>x.classList.toggle(\"sel\",x===d)); return; }\r\n  if(e.target.closest(\"[data-close]\")) closeModal();\r\n});\r\naddEventListener(\"keydown\",e=>{ if(e.key===\"Escape\") closeModal(); });\r\n\r\n\/\/ Intro\r\naddEventListener(\"load\",()=>setTimeout(()=>{\r\n  document.getElementById(\"intro\").classList.add(\"done\");\r\n  document.body.classList.remove(\"lock\"); document.body.classList.add(\"ready\");\r\n},1500));\r\n\r\n\/\/ Reveal\r\nconst io=new IntersectionObserver(es=>es.forEach(en=>{ if(en.isIntersecting){ en.target.classList.add(\"in\"); io.unobserve(en.target);} }),{threshold:.15});\r\ndocument.querySelectorAll(\".reveal\").forEach(el=>io.observe(el));\r\n\r\n\/\/ Philosophy: words light up on scroll\r\nconst philo=document.getElementById(\"philoText\");\r\nphilo.innerHTML=philo.innerHTML.replace(\/(<em>.*?<\\\/em>)|([^\\s<]+)\/g,m=>`<span class=\"w\">${m}<\/span>`);\r\nconst words=[...philo.querySelectorAll(\".w\")];\r\nfunction lightWords(){\r\n  const r=philo.getBoundingClientRect(), p=Math.min(Math.max((innerHeight*.85-r.top)\/(r.height+innerHeight*.35),0),1);\r\n  const n=Math.round(p*words.length); words.forEach((w,i)=>w.classList.toggle(\"on\",i<n));\r\n}\r\n\r\n\/\/ Nav + parallax\r\nlet lastY=0; const nav=document.getElementById(\"nav\"), heroShoe=document.getElementById(\"heroShoe\");\r\naddEventListener(\"scroll\",()=>{\r\n  const y=scrollY;\r\n  nav.classList.toggle(\"solid\",y>60);\r\n  nav.classList.toggle(\"hide\",y>lastY&&y>400); lastY=y;\r\n  if(y<innerHeight) heroShoe.style.translate=`0 ${y*.15}px`;\r\n  lightWords();\r\n},{passive:true});\r\nlightWords();\r\n\r\n\/\/ Hero shoe follows mouse\r\nconst stage=document.getElementById(\"stage\");\r\nstage.addEventListener(\"mousemove\",e=>{\r\n  const r=stage.getBoundingClientRect(), x=(e.clientX-r.left)\/r.width-.5, y=(e.clientY-r.top)\/r.height-.5;\r\n  heroShoe.style.transform=`perspective(800px) rotateY(${x*18}deg) rotateX(${-y*12}deg)`;\r\n});\r\nstage.addEventListener(\"mouseleave\",()=>heroShoe.style.transform=\"\");\r\n\r\n\/\/ Cursor\r\nif(matchMedia(\"(hover:hover)\").matches){\r\n  const cur=document.getElementById(\"cur\"), ring=document.getElementById(\"ring\");\r\n  let mx=0,my=0,rx=0,ry=0;\r\n  addEventListener(\"mousemove\",e=>{ mx=e.clientX; my=e.clientY; cur.style.opacity=ring.style.opacity=1; cur.style.transform=`translate(${mx}px,${my}px)`; });\r\n  (function loop(){ rx+=(mx-rx)*.15; ry+=(my-ry)*.15; ring.style.transform=`translate(${rx}px,${ry}px)`; requestAnimationFrame(loop); })();\r\n  document.addEventListener(\"mouseover\",e=>{\r\n    ring.classList.toggle(\"view\",!!e.target.closest(\".card\"));\r\n    ring.classList.toggle(\"hover\",!e.target.closest(\".card\")&&!!e.target.closest(\"a,button,.dots i\"));\r\n  });\r\n}\r\n\/\/ Legal pop-ups (Impressum, Datenschutz)\r\nlet openLegalEl=null;\r\nfunction openLegal(id){ const el=document.getElementById(id); if(!el) return; if(openLegalEl) closeLegal(); el.classList.add(\"open\"); el.setAttribute(\"aria-hidden\",\"false\"); el.querySelector(\".panel\").scrollTop=0; document.body.classList.add(\"lock\"); openLegalEl=el; }\r\nfunction closeLegal(){ if(!openLegalEl) return; openLegalEl.classList.remove(\"open\"); openLegalEl.setAttribute(\"aria-hidden\",\"true\"); document.body.classList.remove(\"lock\"); openLegalEl=null; if(\/^#(impressum|datenschutz)$\/.test(location.hash)) history.replaceState(null,\"\",location.pathname); }\r\ndocument.querySelectorAll('a[href=\"#impressum\"],a[href=\"#datenschutz\"]').forEach(a=>a.addEventListener(\"click\",e=>{ e.preventDefault(); openLegal(a.getAttribute(\"href\").slice(1)); }));\r\ndocument.querySelectorAll(\".legal\").forEach(m=>m.addEventListener(\"click\",e=>{ if(e.target.closest(\"[data-close-legal]\")) closeLegal(); }));\r\naddEventListener(\"keydown\",e=>{ if(e.key===\"Escape\") closeLegal(); });\r\nif(\/^#(impressum|datenschutz)$\/.test(location.hash)) addEventListener(\"load\",()=>setTimeout(()=>openLegal(location.hash.slice(1)),1600));\r\n\/\/ Map: loads only after the visitor agrees\r\ndocument.getElementById(\"loadMap\").addEventListener(\"click\",()=>{\r\n  const f=document.createElement(\"iframe\");\r\n  f.src=\"https:\/\/maps.google.com\/maps?q=Aura-Store%2C+Hermesstra%C3%9Fe+4%2C+63263+Neu-Isenburg&z=16&hl=de&output=embed\";\r\n  f.title=\"Karte: Aura-Store, Hermesstra\u00dfe 4, Neu-Isenburg\"; f.loading=\"lazy\"; f.referrerPolicy=\"no-referrer-when-downgrade\";\r\n  f.onload=()=>{ f.classList.add(\"on\"); setTimeout(()=>document.getElementById(\"mapPh\").remove(),1200); };\r\n  document.getElementById(\"map\").prepend(f);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aura-Store \u2013 Schuhkunst, neu gedacht AURA Ansehen AURASTORE Kollektion Signature Philosophie Besuch Store besuchen Kollektion Herbst \/ Winter 2026 Schritte mit Aura. Ausgew\u00e4hlte Schuhe, Taschen und Jacken f\u00fcr Damen und Herren \u2013 f\u00fcr Menschen, die Qualit\u00e4t sp\u00fcren wollen. Entdecken Sie unsere Kollektion im Isenburg-Zentrum. Kollektion entdecken Signature-Modell Material Leder Kollektion Herbst \/ Winter Scrollen SchuheTaschenJackenLeder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aura-store.eu\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aura-store.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aura-store.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aura-store.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aura-store.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":11,"href":"https:\/\/aura-store.eu\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/aura-store.eu\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/aura-store.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}