(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5061,8466,553,5938,8766,4600,2058],{10095:function(e,t,n){Promise.resolve().then(n.bind(n,3079)),Promise.resolve().then(n.bind(n,43479)),Promise.resolve().then(n.t.bind(n,38173,23)),Promise.resolve().then(n.bind(n,26695)),Promise.resolve().then(n.bind(n,22876)),Promise.resolve().then(n.bind(n,25071)),Promise.resolve().then(n.bind(n,33712)),Promise.resolve().then(n.bind(n,15010)),Promise.resolve().then(n.bind(n,47022)),Promise.resolve().then(n.bind(n,54297)),Promise.resolve().then(n.bind(n,70645)),Promise.resolve().then(n.bind(n,43330)),Promise.resolve().then(n.bind(n,97564)),Promise.resolve().then(n.bind(n,20643)),Promise.resolve().then(n.bind(n,63762)),Promise.resolve().then(n.bind(n,60627)),Promise.resolve().then(n.bind(n,24586)),Promise.resolve().then(n.bind(n,15838)),Promise.resolve().then(n.bind(n,70952)),Promise.resolve().then(n.bind(n,2744)),Promise.resolve().then(n.bind(n,94026)),Promise.resolve().then(n.bind(n,35309)),Promise.resolve().then(n.bind(n,33864)),Promise.resolve().then(n.bind(n,7657)),Promise.resolve().then(n.bind(n,15451)),Promise.resolve().then(n.bind(n,39054)),Promise.resolve().then(n.bind(n,5493)),Promise.resolve().then(n.bind(n,34916)),Promise.resolve().then(n.bind(n,89482)),Promise.resolve().then(n.bind(n,25200)),Promise.resolve().then(n.bind(n,77201)),Promise.resolve().then(n.bind(n,77588)),Promise.resolve().then(n.bind(n,59335)),Promise.resolve().then(n.bind(n,31800)),Promise.resolve().then(n.bind(n,92038)),Promise.resolve().then(n.bind(n,25516)),Promise.resolve().then(n.bind(n,26523)),Promise.resolve().then(n.bind(n,23672)),Promise.resolve().then(n.bind(n,49018)),Promise.resolve().then(n.bind(n,15771)),Promise.resolve().then(n.bind(n,47046)),Promise.resolve().then(n.bind(n,98892)),Promise.resolve().then(n.bind(n,81126)),Promise.resolve().then(n.bind(n,78944)),Promise.resolve().then(n.bind(n,66979)),Promise.resolve().then(n.bind(n,21019)),Promise.resolve().then(n.bind(n,899)),Promise.resolve().then(n.bind(n,43201)),Promise.resolve().then(n.bind(n,50178))},33712:function(e,t,n){"use strict";n.d(t,{default:function(){return y}});var o=n(57437),r=n(22416),l=n(35560),a=n(49896),s=n(59226),i=n(16463),u=n(7476),c=n(35819),d=n(93638),p=n(899),v=n(34916),m=n(12155),f=n(21019);let b=e=>{let{shop_description_de:t}=e;return(0,o.jsxs)(a.J,{className:"relative ",children:[(0,o.jsx)(a.J.Button,{className:"text-primary hover:text-secondary text-xl mr-2 focus:outline-none",children:(0,o.jsx)(u.H33,{})}),(0,o.jsx)(s.u,{enter:"transition duration-100 ease-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-75 ease-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",children:(0,o.jsx)(a.J.Panel,{className:"absolute text-base bottom-4 left-0 -translate-x-full z-50 p-4 mt-3 w-[24rem] max-h-[20rem] overflow-y-scroll bg-white shadow-lg rounded-md",children:(0,o.jsx)("div",{className:"richtext",children:(0,o.jsx)(c.Z,{richtext:t})})})})]})};var h=e=>{var t,n,a;let{bike:s,layout:u,fromModalList:c,orderStoreInformation:h}=e,P=(0,i.usePathname)(),x=(0,r.Fu)(P),y=h.orderStoreBookingRules&&(0,m.Zm)(s,h.orderStoreLocation,h.orderStoreFrom,h.orderStoreTill,h.orderStoreBookingRules),g=!!h&&!!h.orderStoreFrom&&(null==y?void 0:y.isCompliant)===!1;return(0,o.jsxs)("div",{className:"bg-gray-light p-2 rounded flex flex-col relative",children:[(0,o.jsx)("div",{className:"p-5",children:"shopCard"===u?(0,o.jsx)("img",{className:"mx-auto",src:(0,l.jX)({image:s.content.bike_image,size:{height:400}}),alt:null===(t=s.content.bike_image)||void 0===t?void 0:t.alt}):(0,o.jsx)(v.default,{href:"/".concat(s.full_slug),title:"Detailansicht von ".concat(s.content.title),children:(0,o.jsx)("img",{className:"mx-auto",src:(0,l.jX)({image:s.content.bike_image,size:{height:400}}),alt:null===(n=s.content.bike_image)||void 0===n?void 0:n.alt})})}),s.content.featured&&(0,o.jsx)("span",{className:"py-1 w-20 leading-none h-20 text-xl text-center font-bold uppercase shadow-xl z-10 relative -top-3 sm:absolute -left-3 translate-y-1/3 text-white bg-primary -rotate-6 rounded-full flex flex-col justify-center items-center",children:(0,o.jsx)("em",{children:"Best-seller"})}),(0,o.jsxs)("div",{className:"p-4 bg-white rounded mt-auto",children:[(0,o.jsxs)("h2",{className:"h2 my-2 text-3xl flex justify-between",children:["shopCard"===u?(0,o.jsx)("span",{children:s.content.type}):(0,o.jsx)(v.default,{className:"hover:text-primary transition-all",href:"/".concat(s.full_slug),title:"Detailansicht von ".concat(s.content.title),children:s.content.type}),"shopCard"===u&&s.content.shop_description_de&&(0,o.jsx)(b,{shop_description_de:s.content.shop_description_de})]}),(0,o.jsx)("h3",{className:"h3 text-secondary mb-2 flex text-base font-semibold",children:(0,o.jsx)("span",{children:s.content.title})}),s.content.attributes&&s.content.attributes.map((e,t)=>{if(!0===e.pinned)return(0,o.jsxs)("dl",{className:"flex text-sm items-start justify-between gap-4 border-b border-slate-300 pt-2",children:[(0,o.jsx)("dt",{className:"text-slate-600",children:e.label_de}),(0,o.jsx)("dd",{className:"text-slate-600",children:e.value_de})]},t)}),(0,o.jsxs)("p",{className:"text-secondary mb-6",children:["ab"," ",(0,o.jsxs)("span",{className:"text-3xl text-primary font-semibold",children:["de"===x?s.content.min_price_de:"en"===x?s.content.min_price_en:void 0,",- €"]})," ","/ Woche"]}),(0,o.jsxs)("div",{className:"flex flex-wrap gap-2",children:[s.content.ewa_id&&(0,o.jsx)(p.default,{style:"primary",label:"Rad mieten",fromModalList:c||!1,orderItem:{type:"bike",ewaId:s.content.ewa_id,modalTitle:s.content.title||"",modalSubtitle:s.content.type,image:null===(a=s.content.bike_image)||void 0===a?void 0:a.filename,locations:s.content.available_locations},disabled:g,children:"Rad mieten"}),h&&h.orderStoreFrom&&(null==y?void 0:y.isCompliant)===!1&&(0,o.jsx)(f.default,{severity:"error",dense:!0,children:(0,o.jsx)("strong",{children:y.message})}),"shopCard"!==u&&(0,o.jsx)(v.default,{href:"/".concat(s.full_slug),title:"Detailansicht von ".concat(s.content.title),children:(0,o.jsx)(d.Z,{isLink:!0,style:"secondary-negativ",className:"text-sm",children:"Mehr Informationen"})})]})]})]})},P=n(58400),x=n(72039),y=e=>{let{bikes:t,itemLayout:n,fromModalList:r}=e,{orderStoreLocation:l,orderStoreBookingRules:a,orderStoreFrom:s,orderStoreTill:i}=(0,P.L)((0,x.N)(e=>({orderStoreLocation:e.data.location,orderStoreBookingRules:e.bookingRules,orderStoreFrom:e.data.from,orderStoreTill:e.data.till})));return(0,o.jsx)("div",{className:"grid sm:grid-cols-2 ".concat("card"===n?"xl:grid-cols-3 gap-5":"flex flex-col gap-2"," "),children:null==t?void 0:t.map(e=>(0,o.jsx)(h,{bike:e,layout:n||"shopCard",fromModalList:r||!1,orderStoreInformation:{orderStoreLocation:l,orderStoreBookingRules:a,orderStoreFrom:s,orderStoreTill:i}},e.uuid))})}},49896:function(e,t,n){"use strict";let o,r;n.d(t,{J:function(){return D}});var l=n(2265),a=n(22934),s=n(6584),i=n(20635),u=n(72955),c=n(61463),d=n(88703),p=n(39110),v=n(62707),m=n(75180),f=n(4707),b=n(41469),h=n(45959),P=n(89080),x=n(53509),y=n(47986),g=n(19309),S=n(5583),E=n(91498),N=n(3600),j=n(7551),T=((o=T||{})[o.Open=0]="Open",o[o.Closed=1]="Closed",o),_=((r=_||{})[r.TogglePopover=0]="TogglePopover",r[r.ClosePopover=1]="ClosePopover",r[r.SetButton=2]="SetButton",r[r.SetButtonId=3]="SetButtonId",r[r.SetPanel=4]="SetPanel",r[r.SetPanelId=5]="SetPanelId",r);let I={0:e=>{let t={...e,popoverState:(0,S.E)(e.popoverState,{0:1,1:0})};return 0===t.popoverState&&(t.__demoMode=!1),t},1:e=>1===e.popoverState?e:{...e,popoverState:1},2:(e,t)=>e.button===t.button?e:{...e,button:t.button},3:(e,t)=>e.buttonId===t.buttonId?e:{...e,buttonId:t.buttonId},4:(e,t)=>e.panel===t.panel?e:{...e,panel:t.panel},5:(e,t)=>e.panelId===t.panelId?e:{...e,panelId:t.panelId}},w=(0,l.createContext)(null);function M(e){let t=(0,l.useContext)(w);if(null===t){let t=Error("<".concat(e," /> is missing a parent <Popover /> component."));throw Error.captureStackTrace&&Error.captureStackTrace(t,M),t}return t}w.displayName="PopoverContext";let k=(0,l.createContext)(null);function O(e){let t=(0,l.useContext)(k);if(null===t){let t=Error("<".concat(e," /> is missing a parent <Popover /> component."));throw Error.captureStackTrace&&Error.captureStackTrace(t,O),t}return t}k.displayName="PopoverAPIContext";let C=(0,l.createContext)(null);function R(){return(0,l.useContext)(C)}C.displayName="PopoverGroupContext";let F=(0,l.createContext)(null);function B(e,t){return(0,S.E)(t.type,I,e,t)}F.displayName="PopoverPanelContext";let z=N.AN.RenderStrategy|N.AN.Static,A=N.AN.RenderStrategy|N.AN.Static,D=Object.assign((0,N.yV)(function(e,t){var n;let{__demoMode:o=!1,...r}=e,u=(0,l.useRef)(null),c=(0,b.T)(t,(0,b.h)(e=>{u.current=e})),m=(0,l.useRef)([]),h=(0,l.useReducer)(B,{__demoMode:o,popoverState:o?0:1,buttons:m,button:null,buttonId:null,panel:null,panelId:null,beforePanelSentinel:(0,l.createRef)(),afterPanelSentinel:(0,l.createRef)()}),[{popoverState:P,button:y,buttonId:E,panel:j,panelId:T,beforePanelSentinel:_,afterPanelSentinel:I},M]=h,O=(0,v.i)(null!=(n=u.current)?n:y),C=(0,l.useMemo)(()=>{if(!y||!j)return!1;for(let e of document.querySelectorAll("body > *"))if(Number(null==e?void 0:e.contains(y))^Number(null==e?void 0:e.contains(j)))return!0;let e=(0,g.GO)(),t=e.indexOf(y),n=(t+e.length-1)%e.length,o=(t+1)%e.length,r=e[n],l=e[o];return!j.contains(r)&&!j.contains(l)},[y,j]),z=(0,d.E)(E),A=(0,d.E)(T),D=(0,l.useMemo)(()=>({buttonId:z,panelId:A,close:()=>M({type:1})}),[z,A,M]),L=R(),G=null==L?void 0:L.registerPopover,Z=(0,s.z)(()=>{var e;return null!=(e=null==L?void 0:L.isFocusWithinPopoverGroup())?e:(null==O?void 0:O.activeElement)&&((null==y?void 0:y.contains(O.activeElement))||(null==j?void 0:j.contains(O.activeElement)))});(0,l.useEffect)(()=>null==G?void 0:G(D),[G,D]);let[J,Y]=(0,a.k)(),V=(0,f.v)({mainTreeNodeRef:null==L?void 0:L.mainTreeNodeRef,portals:J,defaultContainers:[y,j]});(0,i.O)(null==O?void 0:O.defaultView,"focus",e=>{var t,n,o,r;e.target!==window&&e.target instanceof HTMLElement&&0===P&&(Z()||y&&j&&(V.contains(e.target)||null!=(n=null==(t=_.current)?void 0:t.contains)&&n.call(t,e.target)||null!=(r=null==(o=I.current)?void 0:o.contains)&&r.call(o,e.target)||M({type:1})))},!0),(0,p.O)(V.resolveContainers,(e,t)=>{M({type:1}),(0,g.sP)(t,g.tJ.Loose)||(e.preventDefault(),null==y||y.focus())},0===P);let H=(0,s.z)(e=>{M({type:1});let t=e?e instanceof HTMLElement?e:"current"in e&&e.current instanceof HTMLElement?e.current:y:y;null==t||t.focus()}),K=(0,l.useMemo)(()=>({close:H,isPortalled:C}),[H,C]),W=(0,l.useMemo)(()=>({open:0===P,close:H}),[P,H]);return l.createElement(F.Provider,{value:null},l.createElement(w.Provider,{value:h},l.createElement(k.Provider,{value:K},l.createElement(x.up,{value:(0,S.E)(P,{0:x.ZM.Open,1:x.ZM.Closed})},l.createElement(Y,null,(0,N.sY)({ourProps:{ref:c},theirProps:r,slot:W,defaultTag:"div",name:"Popover"}),l.createElement(V.MainTreeNode,null))))))}),{Button:(0,N.yV)(function(e,t){let n=(0,u.M)(),{id:o="headlessui-popover-button-".concat(n),...r}=e,[a,i]=M("Popover.Button"),{isPortalled:c}=O("Popover.Button"),d=(0,l.useRef)(null),p="headlessui-focus-sentinel-".concat((0,u.M)()),f=R(),x=null==f?void 0:f.closeOthers,E=null!==(0,l.useContext)(F);(0,l.useEffect)(()=>{if(!E)return i({type:3,buttonId:o}),()=>{i({type:3,buttonId:null})}},[E,o,i]);let[T]=(0,l.useState)(()=>Symbol()),_=(0,b.T)(d,t,E?null:e=>{if(e)a.buttons.current.push(T);else{let e=a.buttons.current.indexOf(T);-1!==e&&a.buttons.current.splice(e,1)}a.buttons.current.length>1&&console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),e&&i({type:2,button:e})}),I=(0,b.T)(d,t),w=(0,v.i)(d),k=(0,s.z)(e=>{var t,n,o;if(E){if(1===a.popoverState)return;switch(e.key){case j.R.Space:case j.R.Enter:e.preventDefault(),null==(n=(t=e.target).click)||n.call(t),i({type:1}),null==(o=a.button)||o.focus()}}else switch(e.key){case j.R.Space:case j.R.Enter:e.preventDefault(),e.stopPropagation(),1===a.popoverState&&(null==x||x(a.buttonId)),i({type:0});break;case j.R.Escape:if(0!==a.popoverState)return null==x?void 0:x(a.buttonId);if(!d.current||null!=w&&w.activeElement&&!d.current.contains(w.activeElement))return;e.preventDefault(),e.stopPropagation(),i({type:1})}}),C=(0,s.z)(e=>{E||e.key===j.R.Space&&e.preventDefault()}),B=(0,s.z)(t=>{var n,o;(0,y.P)(t.currentTarget)||e.disabled||(E?(i({type:1}),null==(n=a.button)||n.focus()):(t.preventDefault(),t.stopPropagation(),1===a.popoverState&&(null==x||x(a.buttonId)),i({type:0}),null==(o=a.button)||o.focus()))}),z=(0,s.z)(e=>{e.preventDefault(),e.stopPropagation()}),A=0===a.popoverState,D=(0,l.useMemo)(()=>({open:A}),[A]),L=(0,m.f)(e,d),G=E?{ref:I,type:L,onKeyDown:k,onClick:B}:{ref:_,id:a.buttonId,type:L,"aria-expanded":0===a.popoverState,"aria-controls":a.panel?a.panelId:void 0,onKeyDown:k,onKeyUp:C,onClick:B,onMouseDown:z},Z=(0,h.l)(),J=(0,s.z)(()=>{let e=a.panel;e&&(0,S.E)(Z.current,{[h.N.Forwards]:()=>(0,g.jA)(e,g.TO.First),[h.N.Backwards]:()=>(0,g.jA)(e,g.TO.Last)})===g.fE.Error&&(0,g.jA)((0,g.GO)().filter(e=>"true"!==e.dataset.headlessuiFocusGuard),(0,S.E)(Z.current,{[h.N.Forwards]:g.TO.Next,[h.N.Backwards]:g.TO.Previous}),{relativeTo:a.button})});return l.createElement(l.Fragment,null,(0,N.sY)({ourProps:G,theirProps:r,slot:D,defaultTag:"button",name:"Popover.Button"}),A&&!E&&c&&l.createElement(P._,{id:p,features:P.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:J}))}),Overlay:(0,N.yV)(function(e,t){let n=(0,u.M)(),{id:o="headlessui-popover-overlay-".concat(n),...r}=e,[{popoverState:a},i]=M("Popover.Overlay"),c=(0,b.T)(t),d=(0,x.oJ)(),p=null!==d?(d&x.ZM.Open)===x.ZM.Open:0===a,v=(0,s.z)(e=>{if((0,y.P)(e.currentTarget))return e.preventDefault();i({type:1})}),m=(0,l.useMemo)(()=>({open:0===a}),[a]);return(0,N.sY)({ourProps:{ref:c,id:o,"aria-hidden":!0,onClick:v},theirProps:r,slot:m,defaultTag:"div",features:z,visible:p,name:"Popover.Overlay"})}),Panel:(0,N.yV)(function(e,t){let n=(0,u.M)(),{id:o="headlessui-popover-panel-".concat(n),focus:r=!1,...a}=e,[i,d]=M("Popover.Panel"),{close:p,isPortalled:m}=O("Popover.Panel"),f="headlessui-focus-sentinel-before-".concat((0,u.M)()),y="headlessui-focus-sentinel-after-".concat((0,u.M)()),E=(0,l.useRef)(null),T=(0,b.T)(E,t,e=>{d({type:4,panel:e})}),_=(0,v.i)(E),I=(0,N.Y2)();(0,c.e)(()=>(d({type:5,panelId:o}),()=>{d({type:5,panelId:null})}),[o,d]);let w=(0,x.oJ)(),k=null!==w?(w&x.ZM.Open)===x.ZM.Open:0===i.popoverState,C=(0,s.z)(e=>{var t;if(e.key===j.R.Escape){if(0!==i.popoverState||!E.current||null!=_&&_.activeElement&&!E.current.contains(_.activeElement))return;e.preventDefault(),e.stopPropagation(),d({type:1}),null==(t=i.button)||t.focus()}});(0,l.useEffect)(()=>{var t;e.static||1===i.popoverState&&(null==(t=e.unmount)||t)&&d({type:4,panel:null})},[i.popoverState,e.unmount,e.static,d]),(0,l.useEffect)(()=>{if(i.__demoMode||!r||0!==i.popoverState||!E.current)return;let e=null==_?void 0:_.activeElement;E.current.contains(e)||(0,g.jA)(E.current,g.TO.First)},[i.__demoMode,r,E,i.popoverState]);let R=(0,l.useMemo)(()=>({open:0===i.popoverState,close:p}),[i,p]),B={ref:T,id:o,onKeyDown:C,onBlur:r&&0===i.popoverState?e=>{var t,n,o,r,l;let a=e.relatedTarget;a&&E.current&&(null!=(t=E.current)&&t.contains(a)||(d({type:1}),(null!=(o=null==(n=i.beforePanelSentinel.current)?void 0:n.contains)&&o.call(n,a)||null!=(l=null==(r=i.afterPanelSentinel.current)?void 0:r.contains)&&l.call(r,a))&&a.focus({preventScroll:!0})))}:void 0,tabIndex:-1},z=(0,h.l)(),D=(0,s.z)(()=>{let e=E.current;e&&(0,S.E)(z.current,{[h.N.Forwards]:()=>{var t;(0,g.jA)(e,g.TO.First)===g.fE.Error&&(null==(t=i.afterPanelSentinel.current)||t.focus())},[h.N.Backwards]:()=>{var e;null==(e=i.button)||e.focus({preventScroll:!0})}})}),L=(0,s.z)(()=>{let e=E.current;e&&(0,S.E)(z.current,{[h.N.Forwards]:()=>{var e;if(!i.button)return;let t=(0,g.GO)(),n=t.indexOf(i.button),o=t.slice(0,n+1),r=[...t.slice(n+1),...o];for(let t of r.slice())if("true"===t.dataset.headlessuiFocusGuard||null!=(e=i.panel)&&e.contains(t)){let e=r.indexOf(t);-1!==e&&r.splice(e,1)}(0,g.jA)(r,g.TO.First,{sorted:!1})},[h.N.Backwards]:()=>{var t;(0,g.jA)(e,g.TO.Previous)===g.fE.Error&&(null==(t=i.button)||t.focus())}})});return l.createElement(F.Provider,{value:o},k&&m&&l.createElement(P._,{id:f,ref:i.beforePanelSentinel,features:P.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:D}),(0,N.sY)({mergeRefs:I,ourProps:B,theirProps:a,slot:R,defaultTag:"div",features:A,visible:k,name:"Popover.Panel"}),k&&m&&l.createElement(P._,{id:y,ref:i.afterPanelSentinel,features:P.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:L}))}),Group:(0,N.yV)(function(e,t){let n=(0,l.useRef)(null),o=(0,b.T)(n,t),[r,a]=(0,l.useState)([]),i=(0,f.H)(),u=(0,s.z)(e=>{a(t=>{let n=t.indexOf(e);if(-1!==n){let e=t.slice();return e.splice(n,1),e}return t})}),c=(0,s.z)(e=>(a(t=>[...t,e]),()=>u(e))),d=(0,s.z)(()=>{var e;let t=(0,E.r)(n);if(!t)return!1;let o=t.activeElement;return!!(null!=(e=n.current)&&e.contains(o))||r.some(e=>{var n,r;return(null==(n=t.getElementById(e.buttonId.current))?void 0:n.contains(o))||(null==(r=t.getElementById(e.panelId.current))?void 0:r.contains(o))})}),p=(0,s.z)(e=>{for(let t of r)t.buttonId.current!==e&&t.close()}),v=(0,l.useMemo)(()=>({registerPopover:c,unregisterPopover:u,isFocusWithinPopoverGroup:d,closeOthers:p,mainTreeNodeRef:i.mainTreeNodeRef}),[c,u,d,p,i.mainTreeNodeRef]),m=(0,l.useMemo)(()=>({}),[]);return l.createElement(C.Provider,{value:v},(0,N.sY)({ourProps:{ref:o},theirProps:e,slot:m,defaultTag:"div",name:"Popover.Group"}),l.createElement(i.MainTreeNode,null))})})}},function(e){e.O(0,[7815,1779,5706,2516,1866,5501,1694,8422,6051,3415,9212,7674,2376,9956,231,6151,7821,9951,8726,8173,1291,5475,8400,3991,2971,7023,1744],function(){return e(e.s=10095)}),_N_E=e.O()}]);