1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24172,52821,80961],{4668:(e,t,l)=>{"use strict";l.d(t,{t:()=>a});var i=l(29784);let s=!!l(29143).env.NEXT_PUBLIC_NOTIFICATIONS_ENABLED,a=(0,i.vt)(e=>({isEnabled:!!s,isReady:!s,notification:null,doMarkAsRead:!1,setIsReady:t=>e(()=>({isReady:t})),setNotification:t=>e(()=>({notification:t})),markAsRead:()=>e(()=>({doMarkAsRead:!0})),unsetMarkAsRead:()=>e(()=>({doMarkAsRead:!1}))}))},13872:(e,t,l)=>{"use strict";l.r(t),l.d(t,{SocialIcon:()=>y});var i=l(6029),s=l(75828),a=l.n(s),n=l(71024),r=l.n(n);let o=l.p+"static/media/social-facebook-filled.ae21b566.svg";var c=l(40379),d=l(45443);let m=l.p+"static/media/social-linkedin.47dd6484.svg",x=l.p+"static/media/social-mail.c5f5f8a2.svg";var p=l(60737);let u=l.p+"static/media/social-strava.199a45df.svg";var h=l(72394);let g=l.p+"static/media/social-whatsapp.f7572cef.svg",f=l.p+"static/media/social-x.75a5b85c.svg";var k=l(37172),v=l(67756),b=l(98681),N=l(19058);let j=r()(()=>Promise.resolve().then(l.bind(l,19844)).then(e=>e.Link),{loadableGenerated:{webpack:()=>[19844]}}),y=({title:e,linkType:t,className:l,iconClassName:s,onlyMobile:n,iconColor:r,slug:y,highlightOnHover:w,node:E,externalLink:S,linkTarget:T,isPremium:L,isArticle:A,isHighlight:_})=>{let C,O=a()(s||"size-4 fill-current",{"hover:text-skin-teaser-icon-secondary":w,"text-white":!L&&!A&&!_,"text-skin-primary-ultradark":(L||A)&&!_,"text-skin-top-highlight":_&&!L&&!A,"text-skin-top-highlight-premium-text":_&&(L||A)});switch(t){case"twitter":C=(0,i.jsx)(N.Svg,{src:h,className:O,style:{color:r}});break;case"x":C=(0,i.jsx)(N.Svg,{src:f,className:O,style:{color:r}});break;case"whatsapp":C=(0,i.jsx)(N.Svg,{src:g,className:O,style:{color:r}});break;case"mail":C=(0,i.jsx)(N.Svg,{src:x,className:O,style:{color:r}});break;case"instagram":C=(0,i.jsx)(N.Svg,{src:d,className:O,style:{color:r}});break;case"youtube":C=(0,i.jsx)(N.Svg,{src:k,className:O,style:{color:r}});break;case"facebook":C=(0,i.jsx)(N.Svg,{src:c,className:O,style:{color:r}});break;case"facebook-filled":C=(0,i.jsx)(N.Svg,{src:o,className:O,style:{color:r}});break;case"spotify":C=(0,i.jsx)(N.Svg,{src:p,className:O,style:{color:r}});break;case"linkedin":C=(0,i.jsx)(N.Svg,{src:m,className:O,style:{color:r}});break;case"strava":C=(0,i.jsx)(N.Svg,{src:u,className:O,style:{color:r}});break;default:!S&&y&&(T="_blank",S=y),C=(0,i.jsx)("div",{className:a()({"text-white":!L&&!A&&!_,"text-skin-primary-ultradark":(L||A)&&!_,"text-skin-top-highlight":_&&!L&&!A,"bg-skin-top-highlight-premium text-skin-top-highlight-premium-text px-2 py-0.5":_&&(L||A)}),children:e})}return(0,i.jsxs)(j,{href:S,target:T,title:e,onClick:()=>{if(A){let e="facebook-filled"===t?"facebook":t;(0,v.trackPiwikEvent)("Engagement",e,"share"),(0,b.Qd)("share"),(0,b.Mx)("shareNetwork",e)}},className:a()(l||"mx-2 inline-block w-full whitespace-nowrap px-2 text-sm",{"md:hidden":n,"bg-skin-secondary text-white px-4":"shop"===t,relative:A}),children:[A&&(0,i.jsx)("span",{className:"absolute inset-0 -m-2 cursor-pointer","aria-label":e}),C]})}},21202:e=>{"use strict";let t={de:{brands:"marken",brand:"marke",model:"modell",testsAndNews:"tests-und-neuheiten",topic:"thema",editorial:"redaktion",preview:"vorschau",search:"suche",proCycling:"profi-radsport",races:"rennen",stage:"etappe",riders:"fahrer"},en:{brands:"brands",brand:"brand",model:"model",testsAndNews:"tests-and-news",topic:"topic",editorial:"editorial",preview:"preview",search:"search",proCycling:"professional-cycling",races:"races",stage:"stage",riders:"riders"},fr:{brands:"marques",brand:"marque",model:"modele",testsAndNews:"tests-et-nouveautes",topic:"sujet",editorial:"redaction",preview:"apercu",search:"recherche",proCycling:"professionnel-cyclisme",races:"courses",stage:"etape",riders:"coureurs"}};function l(e,l){return t[e]?.[l]||t.de[l]}e.exports={ROUTE_SEGMENTS:t,getLocalePath:l,getBrandUrl:function(e,t){return`/${l(e,"brands")}/${t}`},getModelUrl:function(e,t,i){return`/${l(e,"brands")}/${t}/${l(e,"model")}/${i}`},getBrandTestsUrl:function(e,t){return`/${l(e,"brands")}/${t}/${l(e,"testsAndNews")}`},convertPathLocale:function(e,l,i){if(!e||l===i)return e;let s=t[l]||t.de,a=t[i]||t.de,n=e;return Object.keys(s).sort((e,t)=>
1s[t].length-s[e].length).forEach(e=>{s[e]!==a[e]&&(n=n.replace(RegExp(`(^|/)${s[e]}(/|$)`,"g"),`$1${a[e]}$2`))}),n}}},31591:(e,t,l)=>{"use strict";l.d(t,{_:()=>o});var i=l(55729),s=l(47687),a=l.n(s),n=l(12364),r=l.n(n);let o=(e,t,l=0,s=null,n="throttle")=>{let o=t;if(l){let e="throttle"===n?a():r();o=(0,i.useCallback)(e(t,l,{trailing:!0,leading:!1}),[l,n])}(0,i.useEffect)(()=>((s||window).addEventListener(e,o),()=>{(s||window).removeEventListener(e,o)}),[o])}},37172:(e,t,l)=>{"use strict";e.exports=l.p+"static/media/social-youtube.0da67752.svg"},40048:(e,t,l)=>{"use strict";l.r(t),l.d(t,{Hamburger:()=>eo,NavigationFlyout:()=>em,NavigationSublist:()=>ex,NavigationTransparent:()=>en,SideMenu:()=>er,Toolbar:()=>ec,addMobilePopoutUtm:()=>eb,getAboLink:()=>ef,getMyAreaLink:()=>eN,getUtmSourceBrand:()=>ev});var i=l(6029),s=l(55729),a=l(13301),n=l(683),r=l(75828),o=l.n(r),c=l(5700),d=l(91694),m=l(71024),x=l.n(m),p=l(81278),u=l(70026),h=l(31047),g=l.n(h);l(5745);var f=l(65871),k=l(49832),v=l(75696),b=l(61813),N=l(26898),j=l(31591),y=l(15890),w=l(93625),E=l(25985),S=l(19844),T=l(91669),L=l(33364),A=l(86013);let _=({className:e,props:t})=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100",height:"100",viewBox:"0 0 100 100",fill:"currentColor",stroke:"currentColor",className:e,...t,children:[(0,i.jsx)("path",{className:"hamburger-line hamburger-line-1",d:"M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058",fill:"currentColor"}),(0,i.jsx)("path",{className:"hamburger-line hamburger-line-2",d:"M 20,50 H 80",fill:"currentColor"}),(0,i.jsx)("path",{className:"hamburger-line hamburger-line-3",d:"M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942",fill:"currentColor"})]});var C=l(87236),O=l(43321),I=l.n(O),B=l(75399),R=l(67080),M=l(4668),D=l(57043),P=l(26847);let U=l.p+"static/media/icon-service-stroke.d96a89c0.svg",H=l.p+"static/media/icon-volkswagen-stroke.56fc9b70.svg";var F=l(19334);let $=l.p+"static/media/spotlight.26c76e89.svg",z=l.p+"static/media/menu-icon.95092343.svg";var K=l(80267),W=l(32186),G=l(67756),Y=l(98681),V=l(13872),Q=l(36223),X=l(19058);let q=e=>{let{title:t,className:l,isHighlighted:s}=e,a=o()("mx-2 block p-2 font-sans text-xs font-normal uppercase tracking-wider hover:underline",{"text-skin-secondary":!0===s,"text-white":!0!==s});return(0,i.jsx)(S.default,{contentful:e,title:t,className:l||a,children:t})};var J=l(50352),Z=l(42861),ee=l(90052);let et=(0,s.memo)(({isPremium:e,promoFooterData:t,showPromoFooterOverlay:l,showPromoFor:a})=>{(0,c.c)("common");
1let n=(0,p.useRouter)(),[r,d]=(0,s.useState)(!1),[m,x]=(0,s.useState)(!1),[u,h]=(0,s.useState)(!1),{isReady:g,isAuthorized:f}=(0,N.A)();if((0,s.useEffect)(()=>{if(!g)return;let t="true"===sessionStorage.getItem("premiumPromoOverlayClosed"),i=n.asPath.includes("premium-abo/"),s=!f,r=f&&!e;x((a&&a.length>0?a.includes("notLoggedIn")&&s||a.includes("loggedInNonPremium")&&r||a.includes("premium")&&e:!e)&&l&&!t&&!i&&g)},[e,l,g,n.asPath,f,a]),(0,s.useEffect)(()=>{m&&!u&&((0,G.trackPiwikEvent)("Premium_PromoFooter_Overlay","visible","view"),(0,Y.Sc)("view",{type:"premium-promo",name:"visible",action:"view"}),console.log("MAT_DEBUG PremiumPromoOverlay.js:53 TRACK VISIBLE"),h(!0))},[m,u]),!m)return null;let k=()=>{let e=r?"expand-click":"collapse-click";(0,G.trackPiwikEvent)("Premium_PromoFooter_Overlay","cta",e),(0,Y.Sc)("view"===e?"view":"click",{type:"premium-promo",name:"cta",action:e})},v=t?.headText||"Premium",b=t?.descriptionText||"",j=t?.buttonText||"",y=t?.buttonLink||"",w=t?.listItem1||"",E=t?.listItem2||"",S=t?.listItem3||"",T=t?.listItem1Bold||!1,_=t?.listItem2Bold||!1,C=t?.listItem3Bold||!1,O=t?.listItem1Italic||!1,I=t?.listItem2Italic||!1,B=t?.listItem3Italic||!1,R=t?.listFontSize||"",M=t?.showBadge||!1,D=t?.badgeText||"",P=t?.badgeFontSize||"",U=t?.badgeFootnote||"",H=[{text:w,bold:T,italic:O},{text:E,bold:_,italic:I},{text:S,bold:C,italic:B}].filter(e=>e.text),F=t?.showRabatte,$=t?.rabattTitle,z=t?.rabattText,K=t?.rabattLink,W=t?.rabattCode;
1return(0,i.jsxs)("div",{className:o()({"fixed inset-x-0 z-overlay lg:hidden":!0}),style:{bottom:"3rem"},children:[(0,i.jsx)("div",{className:"relative",children:(0,i.jsx)("button",{onClick:()=>{let e=r?"collapse":"expand";(0,G.trackPiwikEvent)("Premium_PromoFooter_Overlay","interest",e),(0,Y.Sc)("view"===e?"view":"click",{type:"premium-promo",name:"interest",action:e}),d(!r)},className:"absolute -top-5 left-1/2 -translate-x-1/2 rounded-t-2xl bg-skin-premium-4 px-4 py-1","aria-label":r?"Minimieren":"Erweitern",children:(0,i.jsx)(A.I,{iconName:"chevron",iconType:"outline",className:o()({"size-4 transition-transform duration-300":!0,"rotate-90":r,"-rotate-90":!r})})})}),(0,i.jsxs)("div",{className:o()({"bg-skin-premium-4 relative":!0,"px-4 py-2":!r,"p-6":r&&!U,"p-6 pb-2":r&&U}),children:[r&&(0,i.jsx)("button",{onClick:()=>{(0,G.trackPiwikEvent)("Premium_PromoFooter_Overlay","interest","close"),(0,Y.Sc)("click",{type:"premium-promo",name:"interest",action:"close"}),x(!1),sessionStorage.setItem("premiumPromoOverlayClosed","true")},className:"absolute right-0 top-0 p-4","aria-label":"Schlie\xdfen",children:(0,i.jsx)(A.I,{iconName:"
1close",iconType:"outline",className:"size-4"})}),(0,i.jsx)("div",{className:"mx-auto w-full max-w-screen-xl",children:(0,i.jsxs)("div",{className:o()({flex:!0,"items-center gap-2":!r,"flex-col gap-4":r}),children:[(0,i.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,i.jsx)(ee.A,{headlineSize:r?"xl":"md",headlineHeading:"h3",className:r?"mb-0 text-center":"mb-0",children:v}),(0,i.jsx)(Z.X,{text:b,textSize:r?"md":"xs",textType:"inline",className:r?"mb-0 text-center":"mb-0"})]}),r&&(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("div",{className:"ml-0.5",children:(0,i.jsx)("ul",{className:"list-outside list-disc pl-4",children:H.map((e,t)=>(0,i.jsx)("li",{className:o()({"text-base":!R,"font-bold":e.bold,italic:e.italic}),style:R?{fontSize:R}:void 0,children:e.text},t))})}),M&&(0,i.jsx)("div",{className:o()({"ml-auto font-copy flex aspect-square items-center justify-center rounded-full bg-red-600 p-[.5em] font-bold text-white -mt-3":!0,"text-2xl":!P}),style:P?{fontSize:P}:void 0,children:D})]}),F&&r&&(0,i.jsx)("div",{className:"flex justify-center pt-2",children:(0,i.jsx)(L.$,{buttonLabel:j,buttonColor:"primary",buttonBackground:!0,buttonOutline:!1,fullWidth:!1,buttonSize:"sm",link:y,onClick:k,className:"!border-skin-button-secondary !bg-skin-button-secondary !text-white"})}),F&&r&&(0,i.jsxs)("div",{className:"border-skin-premium-2 bg-skin-premium-1 w-full rounded-lg border p-4",children:[$&&(0,i.jsx)(ee.A,{headlineSize:"md",headlineHeading:"h4",className:"mb-2 text-center",children:$}),z&&(0,i.jsx)("div",{className:"mb-3 text-center",children:(0,i.jsx)("span",{className:"text-sm font-medium text-skin-primary-ultradark",children:z})}),W&&(0,i.jsx)("div",{className:"mb-3 flex justify-center",children:(0,i.jsx)("span",{className:"bg-skin-premium-3 font-mono rounded px-3 py-1 text-sm font-bold text-skin-primary-ultradark",children:W})}),K&&(0,i.jsx)("div",{className:"flex justify-center",children:(0,i.jsx)(L.$,{buttonLabel:"Rabatt einl\xf6sen",buttonColor:"primary",buttonBackground:!0,buttonOutline:!1,fullWidth:!1,buttonSize:"sm",link:K,onClick:()=>{let e=r?"expand-click":"collapse-click";(0,G.trackPiwikEvent)("Premium_PromoFooter_Overlay","cta",e),(0,Y.Sc)("view"===e?"view":"click",{type:"premium-promo",name:"cta",action:e})},className:"!border-skin-premium-3 !bg-skin-premium-3 hover:!bg-skin-premium-2 hover:!border-skin-premium-2 !text-white"})})]}),(!F||!r)&&(0,i.jsx)("div",{className:o()({"ml-auto":!r,"pt-2 flex justify-center":r}),children:(0,i.jsx)(L.$,{buttonLabel:j,buttonColor:"shop-link",buttonBackground:!0,buttonOutline:!1,fullWidth:!1,buttonSize:"sm",link:y,onClick:k})}),r&&M&&U&&(0,i.jsx)("div",{className:"text-right font-copy text-xs italic",children:U})]})})]})]})});et.displayName="PremiumPromoOverlay";var el=l(76091);let ei=x()(()=>l.e(63193).then(l.bind(l,70856)).then(e=>e.PortalLogoSvg),{loadableGenerated:{webpack:()=>[70856]}}),es="line",ea=["de"],en=({hoverEffect:e="zoom",socialNodes:t=[],serviceNodes:l=[],headerSmall:a=!1,hideSearch:r=!1,hideLocale:m=!1,logoHeight:x,subnavigationLimit:h=9,isTransparent:b,streamValue:y,title:w,homeLink:E,hideNavigationLogo:T=!1,isShop:_=!1,useTabletStyleOnDesktop:C=!1,enableSubnavigation:O=!0,hoverEffectMainNavigationNode:B=null,enableScrollIndicator:D=!0,showCommunity:P=!1,customBackground:U,backgroundPrimaryColor:H,backgroundSecondaryColor:F,isPremium:$,portalSelect:z,isApp:K=!1,isArticleDetail:W=!1,isRubricPage:V=!1,isHome:Q=!1,platform:X})=>{let q,J=(0,c.c)("common"),Z=(0,d.Ym)(),ee=(0,p.useRouter)(),ei=(0,s.useRef)(0),[es,en]=(0,s.useState)(!1),[em,ex]=(0,s.useState)(!1),[ep,eh]=(0,s.use
1State)([]),[eg,ek]=(0,s.useState)(!1),[ev,eN]=(0,s.useState)(-1),ej=(0,s.useRef)(null),ew=(0,s.useContext)(v._),eE=[].includes((0,n.getActive)()?.id),[eS,eT]=(0,s.useState)({isScrolledDown:!1,isScrolledDownHeadline:!1,isScrollingDown:!1,isBlur:!0}),eL=!!y?.mobileFooterFloating?.items?.[0]?.childrenCollection?.items?.length,eA=(0,R.l)((0,k.k)(e=>e.setHasToolbar)),e_=(0,f.x3)((0,k.k)(e=>e.cart)),eC=(0,f.x3)((0,k.k)(e=>e.setCartOpen)),eO=(0,n.getActive)(),eI=ef(eO?.id,"mnav"),{user:eB,profile:eR,isProfileReady:eM,communityEnabled:eD,isAuthorized:eP,signIn:eU}=(0,N.A)(),{notification:eH,markAsRead:eF,isEnabled:e$}=(0,M.t)((0,k.k)(e=>({notification:e.notification,markAsRead:e.markAsRead,isEnabled:e.isEnabled}))),[ez,eK]=(0,s.useState)(!1),[eW,eG]=(0,s.useState)(!1),[eY,eV]=(0,s.useState)(""),[eQ,eX]=(0,s.useState)(!1),eq=(0,s.useRef)(null),eJ=(0,s.useRef)(null),eZ=(0,s.useRef)(null),e0=async()=>{eH?.sys?.id&&((0,G.trackPiwikEvent)("notification",`${eH?.title||"-"} (${eH.sys.id})`,"click"),(0,Y.Sc)("click",{type:"notification",name:`${eH?.title||"-"} (${eH.sys.id})`,action:"click"}))},e1=e=>{eq.current&&!eq.current.contains(e.target)&&eJ.current&&!eJ.current.contains(e.target)&&eX(!1),eZ.current&&!eZ.current.contains(e.target)&&eJ.current&&!eJ.current.contains(e.target)&&eG(!1)};(0,s.useEffect)(()=>{eK(!!eH)},[eH]),(0,s.useEffect)(()=>{if(eM){let e=(eR?.addresses||[]).find(e=>e.isDefault);e&&(e.name||e.name2)?eV(`${e.name||""} ${e.name2||""}`.trim()):eR?.vorname||eR?.nachname?eV(`${eR?.vorname||""} ${eR?.nachname||""}`.trim()):eB?.traits?.email&&eV(eB?.traits?.email)}},[eM,eR,eB]);let e2=e=>{e?.data?.type==="app:openMenu"?en(!0):e?.data?.type==="app:closeMenu"?en(!1):e?.data?.type==="app:toggleMenu"&&en(!es)};(0,s.useEffect)(()=>(document.addEventListener("mousedown",e1),window.addEventListener("message",e2),()=>{document.removeEventListener("mousedown",e1),window.removeEventListener("message",e2)}),[es]);let e4=()=>{if("u"<typeof document)return;let e=(!0===a?55:150)<ei?.current&&0!==window.scrollY,t=ei.current<=window.scrollY;ei.current=window.scrollY;let l=document.querySelector("[data-is-article-headline='true']"),i=l&&l.getBoundingClientRect().top<0,s=document.querySelector("[data-is-article-banner='true']"),n=!0;(s&&s.getBoundingClientRect().top+s.clientHeight/2<0||window.scrollY>200)&&(n=!1),eT({isScrolledDown:e,isScrolledDownHeadline:i,isScrollingDown:t,isBlur:n})},e5=()=>{en(!es)};if((0,j._)("scroll",e4,200),(0,s.useEffect)(()=>{ex(u.XF),e4()},[]),(0,s.useEffect)(()=>{let e=document.getElementById("__next");es?e?.classList.add(I().dkDisableAll):e?.classList.remove(I().dkDisableAll)},[es]),(0,s.useEffect)(()=>{y?.mobileFooterFloating?.items?.[0]&&eA(!0)},[y]),(0,s.useEffect)(()=>{let e=e=>{ej.current&&!ej.current.contains(e.target)&&(ek(!1),eN(-1))};return eg&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[eg]),(0,s.useEffect)(()=>{eg||eN(-1)},[eg]),!y)return null;function e3(e){if(!ew.active)return!1;let t=e?.childrenCollection?.items?.filter(Boolean)||[],l=ew.active?.sys?.id,i=e?.sys?.id;if(t?.length){for(let e=0;e<t.length;e++)if(e3(t[e]))return!0}return l===i}let e6=y?.navigationCollection?.items?.filter(Boolean)?.[0]?.dropdown,e8=e6?.itemsCollection?.items?.filter(Boolean)||[],e7=e6?.displayedName||"Mehr",e9=e=>{let t=e8.length;if("ArrowDown"===e.key)e.preventDefault(),eg?eN(e=>(e+1)%t):(ek(!0),eN(0));else if("ArrowUp"===e.key)e.preventDefault(),eg&&eN(e=>(e-1+t)%t);else if("Enter"===e.key)if(e.preventDefault(),eg&&ev>=0){let e=e8[ev];ee.push(e.slug)}else ek(!eg);else"Escape"===e.key&&(e.preventDefault(),ek(!1),eN(-1))},te=y?.navigationCollection?.items?.filter(Boolean)?.[0]?.childrenCollection?.items?.filter(Boolean)||[],tt=(0,n.getActive)()?.id==="PORSCHEFAHRER"&&e6&&e8.length>0;tt&&[...te];let{isScrolledDownHeadline:tl,isScrolledDown:ti,isScrollingDown:ts,isBlur:ta}=eS,tn=String((0,n.getActive)().id).toUpperCase();q=U?{background:"linear-gradient(to right, "+H+", "+F+")"}:null;let tr=["DK-SHOP","DK-EVENTS","DK-WEB"].includes((0,n.getActive)()?.id);return K?(0,i.jsx)("div",{id:"ape-header",className:o()({"fixed right-0 w-full top-0 z-50 transition-transform ":!0}),children:(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)("span",{className:o()({"absolute top-0 right-0 bottom-0 left-0 w-full bg-gradient-to-r from-skin-navbar-primary to-skin-navbar-secondary transition-opacity":!0,"opacity-0":(b||ts&&ta||!es)&&!_&&"DK-WEB"!==tn,"!opacity-100":!b||!ts&&!ta||es,"":"DK-EVENTS"!==tn&&"DK-WEB"!==tn}),id:"ape-header-collabsible-nav",style:q}),(0,i.jsx)(er,{menuOpen:es,useTabletStyleOnDesktop:C,isPremium:$,isToolbar:eL,isTransparent:b,isApp:K,isRubricPage:V,isArticleDetail:W,platform:X,isHome:Q,hideSearch:r,navigationNodes:te,setMenuOpen:en,hoverEffect:e,hoverEffectMainNavigationNode:B,subnavigationLimit:h,enableSubnavigation:O,isMobile:em,isScrolledDown:ti,hoveredMap:ep,setHoveredMap:eh,isShop:_,portal:tn,showCommunity:P,hideL
1ocale:m,aboLink:eI,isActive:e3,serviceNodes:l,socialNodes:t,moreDropdownRef:ej,moreDropdownOpen:eg,setMoreDropdownOpen:ek,selectedItemIndex:ev,handleMoreDropdownKeyDown:e9,shouldShowDropdown:tt,dropdownItems:e8,dropdownDisplayedName:e7})]})}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{id:"ape-header",className:o()({"right-0 w-full top-0 z-50 transition-transform ":!0,"lg:translate-y-0 lg:transition-none lg:sticky":!C,"lg:top-[36px]":!C&&!_}),children:(0,i.jsx)("div",{className:"relative",children:(0,i.jsxs)("div",{className:o()({"navigation relative border-solid":!0,"lg:h-18":!tr,"bg-gradient-to-t":"VDW"===tn,"lg:from-skin-navbar-primary lg:to-skin-navbar-secondary":b&&!C}),style:q,children:[(0,i.jsx)("span",{className:o()({"absolute top-0 right-0 bottom-0 left-0 w-full bg-gradient-to-r from-skin-navbar-primary to-skin-navbar-secondary transition-opacity":!0,"opacity-0":(b||ts&&ta||!es)&&!_&&"DK-WEB"!==tn,"!opacity-100":!b||!ts&&!ta||es,"":"DK-EVENTS"!==tn&&"DK-WEB"!==tn}),id:"ape-header-collabsible-nav",style:q}),(0,i.jsx)("div",{className:o()({"w-full bg-skin-progress-primary absolute bottom-0 left-0 z-10 transition-opacity pointer-events-none h-px translate-y-px":!0,"opacity-0":(ts&&ta&&b||!ts&&ta&&b)&&!_&&"DK-WEB"!==tn,"lg:opacity-100":(ts&&ta&&b||!ts&&ta&&b)&&!_&&!C,"opacity-100":!ts&&!ta||!b})}),(0,i.jsxs)("div",{className:o()({"navigation-container relative flex items-center justify-center transition-opacity duration-300 mx-auto max-w-screen-xl lg:px-4 lg:h-full min-h-[50px] z-20":!0,"opacity-100 pointer-events-auto":!tl,"lg:h-auto":ta&&b&&!C}),children:[(0,i.jsx)("div",{className:o()({"nav-logo-wrapper absolute inset-0 z-10 flex grow order-1 lg:static lg:justify-start":!0,"lg:align-center lg:order-none lg:ml-0 lg:drop-shadow-none":!C,"lg:overflow-hidden":!C&&"fr"!==Z,"justify-center":"DK-WEB"!==tn&&"DK-SHOP"!==tn&&"DK-EVENTS"!==tn,"justify-start ml-2 lg:ml-0":"DK-WEB"===tn||"DK-SHOP"===tn||"DK-EVENTS"===tn,"pt-[3px] lg:pt-0":"DK-WEB"===tn||"DK-SHOP"===tn,"pt-2 lg:pt-0":"DK-EVENTS"===tn,"lg:justify-start":eE&&ta&&b&&!C,"lg:translate-y-0.5 flex-[1_1_20px]":"YACHT"===tn&&!C,"lg:flex-1":"YACHT"!==tn&&!C}),children:(0,i.jsx)(eu,{headerSmall:a,logoHeight:x,isTransparent:b,isScrollingDown:ts,isScrolledDown:ti,isBlur:ta,menuOpen:es,portal:tn,title:w,homeLink:E,hideNavigationLogo:T,useTabletStyleOnDesktop:C,isToolbar:eL,isPremium:$})}),(0,i.jsx)(er,{menuOpen:es,useTabletStyleOnDesktop:C,isPremium:$,isToolbar:eL,isTransparent:b,isApp:K,hideSearch:r,navigationNodes:te,setMenuOpen:en,hoverEffect:e,hoverEffectMainNavigationNode:B,subnavigationLimit:h,enableSubnavigation:O,isMobile:em,isScrolledDown:ti,hoveredMap:ep,setHoveredMap:eh,isShop:_,portal:tn,showCommunity:P,hideLocale:m,aboLink:eI,isActive:e3,serviceNodes:l,socialNodes:t,moreDropdownRef:ej,moreDropdownOpen:eg,setMoreDropdownOpen:ek,selectedItemIndex:ev,handleMoreDropdownKeyDown:e9,shouldShowDropdown:tt,dropdownItems:e8,dropdownDisplayedName:e7}),(0,i.jsxs)("div",{className:o()({"flex order-2 justify-center items-center ml-auto relative z-20 lg:static lg:ml-0":!0,"lg:flex-1 lg:order-3 lg:justify-end":!C,hidden:eE&&ta,"lg:flex":eE&&ta&&!C}),children:[!es&&(0,i.jsx)(ed,{isShop:_,hideSearch:r,isBlur:ta,menuOpen:es,isScrollingDown:ts,isTransparent:b,useTabletStyleOnDesktop:C,isToolbar:eL}),eL&&ea.includes(Z)?(0,i.jsx)(i.Fragment,{children:eP?(0,i.jsxs)("div",{className:"relative flex h-[50px] items-center lg:hidden",children:[(0,i.jsxs)("div",{ref:eJ,onClick:()=>{ez?(eG(!0),eK(!1),eF(),eH?.sys?.id&&((0,G.trackPiwikEvent)("notification",`${eH?.title||"-"} (${eH.sys.id})`,"visible"),(0,Y.Sc)("view",{type:"notification",name:`${eH?.title||"-"} (${eH.sys.id})`,action:"visible"}))):eW?eG(!1):eX(!eQ)},className:o()("va-usericon mx-2 flex flex-col items-center justify-center space-y-[2px] whitespace-nowrap pt-1",{"lg:hidden":!C}),children:[(0,i.jsx)(ey,{portal:tn,iconType:"fill",iconColor:"BOOT"!==tn&&"SURF"!==tn||$?$?"premium":"dark":"white"}),(0,i.jsx)("span",{className:o()({"text-[11px] relative inline-block truncate max-w-[15ch] align-bottom":!0,"text-skin-nav-primary":"SURF"!==tn&&!$,"text-skin-primary-ultradark":$,"text-white":"SURF"===tn||"BOOT"===tn&&$}
1),children:eY?.includes("@")?eY.split("@")[0]:eY})]}),e$&&eH?.notificationText?(0,i.jsx)(el.p,{passRef:eZ,isPremium:$,showBox:eW,title:eH.notificationTitle,buttonURL:eH.notificationButtonLink,buttonText:eH.notificationButtonText,onClose:()=>eG(!1),onButtonClick:e0,children:(0,i.jsx)("p",{dangerouslySetInnerHTML:{__html:eH.notificationText.replaceAll("\n","<br/>")}})}):null,(0,i.jsx)("div",{ref:eq,className:`absolute right-0 top-full mt-4 text-left ${eQ?"block":"hidden"}`,children:(0,i.jsx)("div",{className:"h-auto rounded-lg bg-white drop-shadow-lg",children:(0,i.jsx)("div",{className:"h-auto min-w-64 max-w-72",children:(0,i.jsx)("div",{className:"h-full overflow-y-auto overflow-x-hidden",children:(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("div",{className:o()({"w-full border-b border-skin-primary-medium-2 p-5 rounded-t-lg":!0,"bg-skin-primary-ultradark":!$,"bg-skin-premium-4":$}),children:(0,i.jsx)("p",{className:o()({"text-md text-center w-full truncate":!0,"text-white":!$,"text-skin-primary-ultradark":$}),children:eY})}),(0,i.jsxs)("div",{className:o()({"flex flex-col items-start gap-6 p-5 rounded-b-lg":!0,"bg-skin-primary-ultralight/50":!$,"bg-skin-premium-4/10":$}),children:[(0,i.jsxs)("div",{className:"flex w-full flex-col gap-4 pt-1",children:[(0,i.jsx)(L.$,{link:eb(`https://user.delius-klasing.de/profile/dashboard/?section=dashboard&pid=${(0,n.getActive)()?.id}`,tn,"konto-verwalten"),linkTarget:"_self",buttonLabel:J("PREMIUM_ACCOUNT_SETTINGS_LABEL"),buttonSize:"sm"}),(0,i.jsx)(L.$,{link:eb("/mein-bereich/",tn,"mein-bereich"),linkTarget:"_self",buttonLabel:J("PREMIUM_ACCOUNT_LABEL"),buttonSize:"sm"})]}),(0,i.jsxs)("div",{className:"flex w-full flex-col gap-2",children:[(0,i.jsx)("div",{className:"text-base font-bold text-skin-primary-ultradark",children:"Wechseln zu"}),(0,i.jsxs)("ul",{className:"flex w-full flex-col gap-2 md:gap-1",children:[(0,i.jsx)("li",{children:(0,i.jsxs)(S.Link,{href:eb("https://shop.delius-klasing.de",tn,"shop"),target:"_self",className:"flex items-center gap-2",children:[(0,i.jsx)(A.I,{iconSize:"md",iconName:"cart",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),"Delius Klasing Shop"]})}),z?.length?(0,i.jsx)(i.Fragment,{children:z.map(e=>(0,i.jsx)("li",{children:(0,i.jsxs)(S.Link,{href:eb(e.value,tn,e.label?.split(".")?.[0]||"magazin"),target:"_self",className:"flex items-center gap-2",children:[(0,i.jsx)(A.I,{iconSize:"md",iconName:"arrowTopRight",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),e.label]})},e.value))}):null]})]}),(0,i.jsx)(S.Link,{href:`/community/logout/?${new URLSearchParams({redirect:window.location.pathname})}`,target:"_self",className:"mt-2 w-full text-center font-sans text-base text-skin-primary-ultradark underline",children:J("PREMIUM_ACCOUNT_LOGOUT_LABEL")})]})]})})})})})]}):(0,i.jsxs)("div",{onClick:()=>eU(),className:o()("va-usericon mx-2 flex flex-col items-center justify-center space-y-[2px] whitespace-nowrap pt-1",{"lg:hidden":!C}),children:[(0,i.jsx)(ey,{portal:tn,iconColor:"BOOT"===tn||"SURF"===tn?"white":"dark"}),(0,i.jsx)("span",{className:o()({"text-[11px] relative":!0,"text-skin-nav-primary":"SURF"!==tn,"text-white":"SURF"===tn}),children:J("LOGIN_BUTTON_LABEL")})]})}):null,(0,i.jsx)("div",{className:o()({"header-language order-2 justify-center items-center":!0,"lg:flex lg:flex-2 lg:order-4 lg:justify-end":!C,hidden:m})}),"DK-WEB"===tn?(0,i.jsx)(S.Link,{href:"https://shop.delius-klasing.de/",title:"Shop",className:"bg-skin-secondary px-4 text-white lg:hidden",children:"SHOP"}):null,_?(0,i.jsxs)(i.Fragment,{children:[P&&eD&&(0,i.jsx)(i.Fragment,{children:eP?(0,i.jsx)(S.Link,{href:`https://user.delius-klasing.de/profile/dashboard/?pid=${(0,n.getActive)()?.id}`,target:"_self",className:o()("mx-2 flex whitespace-nowrap",{"lg:hidden":!C}),children:(0,i.jsx)(ey,{portal:tn})}):(0,i.jsx)("div",{onClick:()=>eU(),className:o()("mx-2 flex whitespace-nowrap",{"lg:hidden":!C}),children:(0,i.jsx)(ey,{portal:tn})})}),(0,i.jsx)("div",{onClick:()=>eC?.(!0),className:o()("mx-2 flex items-start",{"lg:hidden":!C}),children:(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)(A.I,{iconSize:"3xl",iconName:"
1cart",iconType:"outline",iconColor:"dark"}),e_?.totalQuantity>0&&(0,i.jsx)("span",{className:"absolute ml-1 rounded-full border border-skin-primary bg-white px-1 font-sans text-[9px] font-normal uppercase tracking-wider text-skin-primary",style:{top:"-5px",right:"-7px"},children:e_?.totalQuantity})]})})]}):null,eL?null:(0,i.jsx)(eo,{useTabletStyleOnDesktop:C,menuOpen:es,hideMenuOnBlurMobile:eE,isBlur:ta,isTransparent:b,portal:tn,isShop:_,toggleMenu:e5,isScrollingDown:ts,isToolbar:eL})]})]})]})})}),eL?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(et,{isPremium:$,promoFooterData:y?.mobileFooterFloating?.items?.[0]?.promoFooter,showPromoFooterOverlay:y?.mobileFooterFloating?.items?.[0]?.showPromoFooterOverlay,showPromoFor:y?.mobileFooterFloating?.items?.[0]?.promoFooter?.showPromoFor}),(0,i.jsx)(ec,{navigation:y?.mobileFooterFloating?.items?.[0],isPremium:$,children:(0,i.jsx)(eo,{useTabletStyleOnDesktop:C,menuOpen:es,hideMenuOnBlurMobile:eE,isBlur:ta,isTransparent:b,portal:tn,isShop:_,toggleMenu:e5,isScrollingDown:ts,isToolbar:eL})})]}):null,K?null:(0,i.jsx)("div",{id:"ape-smartbanner",className:o()("fixed top-[50px] z-50 block w-full lg:hidden",{}),children:(0,i.jsx)(g(),{title:J("SITE_NAME"),price:{android:"Gratis",ios:"Gratis"},storeText:{android:"In Google Play",ios:"Im App Store"},button:"Installieren"})})]})},er=({useTabletStyleOnDesktop:e,menuOpen:t,isPremium:l,isToolbar:a,isTransparent:r,isApp:m,hideSearch:x,navigationNodes:p,setMenuOpen:u,hoverEffect:h,hoverEffectMainNavigationNode:g,subnavigationLimit:f,enableSubnavigation:k,isMobile:v,isScrolledDown:b,hoveredMap:j,setHoveredMap:y,isShop:w,portal:E,showCommunity:T,hideLocale:L,aboLink:A,isActive:_,serviceNodes:C,socialNodes:O,moreDropdownRef:I,moreDropdownOpen:B,setMoreDropdownOpen:R,selectedItemIndex:M,handleMoreDropdownKeyDown:P,shouldShowDropdown:U,dropdownItems:H,dropdownDisplayedName:F,isRubricPage:$,isArticleDetail:z,isHome:K,platform:W})=>{let G=(0,c.c)("common"),Y=(0,d.Ym)(),Z=(0,n.getActive)(),{communityEnabled:ee,isAuthorized:et,signIn:el}=(0,N.A)();return(0,i.jsxs)("div",{className:o()({"top-[50px]":!m||m&&"ios"===W&&z,"top-[30px]":m&&"ios"===W&&$,"top-[120px]":m&&"ios"===W&&K,"top-[100px]":m&&"ios"!==W,"nav-container flex flex-col fixed right-0 left-0 border-t-2 border-skin-progress-primary translate-x-full bg-skin-flyout-secondary transition-all duration-300":!0,"overflow-y-auto overflow-x-hidden":!("PORSCHEFAHRER"===E&&B),"lg:self-end lg:block lg:static lg:border-none lg:transform-none lg:transition-none lg:bg-transparent lg":!e&&!m,"nav-container--show":t,"h-[calc(100vh_-_50px)] lg:h-auto":r&&!m,"bottom-0":!a||m,"bottom-[50px]":a&&!m}),children:[!x&&(0,i.jsx)("div",{className:o()({"m-4 flex":!0,"lg:hidden":!m}),children:(0,i.jsx)(Q.SearchBar,{isHeader:!0,onSubmitGoToSearch:!0})}),(0,i.jsxs)("nav",{className:o()("relative flex flex-wrap content-start",{"lg:flex-nowrap lg:static lg:flex-auto":!m,"flex-1":!e&&!m}),children:[!l&&!m&&!!A&&(0,i.jsx)("div",{className:o()({"w-full":!0,"lg:hidden":!m}),children:(0,i.jsxs)("div",{className:"flex w-full items-center",children:[(0,i.jsxs)(S.Link,{href:A,className:"nav-link-inactive flex grow items-center rounded-t-none px-8 py-4 font-nav text-xl font-bold text-skin-nav-premium-1",children:[G("PREMIUM_ABO_LABEL"),(0,i.jsx)("span",{className:"ml-1 inline-block -translate-y-2 text-xs",children:G("PREMIUM_ACTION_LABEL")})]}),(0,i.jsx)(S.Link,{href:A,className:"-my-4 flex items-center justify-center p-4",children:(0,i.jsx)(X.Svg,{src:D,className:"pointer-events-none size-6 stroke-current text-skin-nav-primary"})})]})}),p.map((t,s)=>{let a=_(t);return t?.hideInCurrentLanguage||t?.isMoreDropdown?null:("YACHT"===E||"BOOT"===E)&&Z?.navigationAd?.advertisementFlag&&t?.sys?.id===Z.navigationAd.advertisementFlag?(0,i.jsx)("div",{className:o()("nav-item nav-item-hover-regular w-full",{"lg:w-auto lg:cursor-pointer lg:px-1":!m}),children:(0,i.jsxs)("div",{className:"flex w-full items-center",children:[(0,i.jsxs)(S.Link,{href:t?.slug||"",className:o()({"nav-link-inactive relative flex grow items-center rounded-t-none px-8 py-4 font-nav text-xl font-bold text-skin-nav-primary":!0,"lg:mb-[4px] lg:mt-[-4px] lg:block lg:w-auto lg:p-2 lg:py-3 lg:text-base":!m,"2xl:px-3 lg:text-[0.95rem] xl:text-base":"YACHT"===E||"BOOT"===E}),children:["Wealth Mgmt.",(0,i.jsx)("span",{className:o()("ml-1 inline-block -translate-y-2 text-xs font-thin",{"lg:ml-0 lg:translate-y-0 lg:absolute lg:right-0.5 lg:top-0.5 lg:text-[10px]":!m}),children:G("NAVIGATION_AD_LABEL")})]}),(0,i.jsx)(S.Link,{href:t?.slug||"",className:o()("-my-4 flex items-center justify-center p-4",{"lg:hidden":!m}),children:(0,i.jsx)(X.Svg,{src:D,className:"pointer-events-none size-6 stroke-current text-skin-nav-primary"})})]})},`nav-nodes-${t?.sys?.id}`):(0,i.jsx)("div",{onMouseEnter:()=>{v||m||j.includes(t)||y([...j,t])},className:o()("nav-item w-full",{"lg:px-1 lg:w-auto lg:cursor-pointer":!e&&!m&&"fr"!==Y&&"YACHT"!==E&&"TOUR"!==E&&"BOOT"!==E,"lg:px-0 lg:w-auto lg:cursor-pointer":!e&&!m&&"fr"===Y&&"YACHT"!==E&&"TOUR"!==E&&"BOOT"!==E,"lg:px-0.5 lg:w-auto lg:cursor-pointer":!e&&!m&&("YACHT"===E||"TOUR"===E||"BOOT"===E),"nav-item-hover-line":g===es,"nav-item-hover-regular":!g}),children:(0,i.jsx)(em,{node:t,isScrolledDown:b,isMobile:v,hoverEffect:h,setMenuOpen:u,isActive:a,subnavigationLimit:f,useTabletStyleOnDesktop:e,enableSubnavigation:k,hoverEffectMainNavigationNode:g,isPremium:l,isApp:m,isAuthorized:et})},`nav-nodes-${t?.sys?.id}`)}),"PORSCHEFAHRER"===E&&U&&H&&H.length>0&&(0,i.jsx)(ew,{items:H,displayName:F,setMenuOpen:u}),"PORSCHEFAHRER"===E&&I&&U&&(0,i.jsxs)("div",{ref:I,className:"nav-item nav-item-hover-regular relative w-full lg:w-auto lg:cursor-pointer lg:px-1",children:[(0,i.jsxs)("span",{className:"nav-link-inactive hidden w-full items-center gap-1 rounded-t-none px-8 py-4 font-nav text-xl font-bold text-skin-nav-primary focus:outline-none lg:flex lg:p-2 lg:text-base 2xl:px-4",onClick:()=>R&&R(!B),onKeyDown:P,tabIndex:0,role:"button","aria-expanded":B,"aria-haspopup":"true",children:[(0,i.jsx)("span",{children:F}),(0,i.jsx)(X.Svg,{src:D,className:"pointer-events-none size-4 rotate-90 stroke-current"})]}),(0,i.jsx)(eh,{isOpen:B,selectedItemIndex:M,onKeyDown:P,items:H})]})]}),(0,i.jsx)("div",{className:o()("nav-bottom block w-full px-4 pt-2",{"lg:hidden":!e&&!m,"pb-8":!m,"pb-[100px]":m}),children:(0,i.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[ea.includes(Y)&&T&&ee&&!w&&!m?(0,i.jsx)("div",{className:"flex flex-row flex-wrap items-center justify-center",children:et?(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(S.Link,{href:`https://user.delius-klasing.de/
1profile/dashboard/?pid=${(0,n.getActive)()?.id}`,target:"_self",className:"mx-2 flex items-center p-2 font-sans text-xs font-normal tracking-wider text-skin-nav-primary",children:[(0,i.jsx)(ey,{portal:E}),(0,i.jsx)("span",{className:"ml-1 inline-flex text-skin-nav-primary",children:G("PROFILE_BUTTON_LABEL")})]})}):(0,i.jsxs)("div",{onClick:()=>el(),className:"mx-2 flex cursor-pointer items-center p-2 font-sans text-xs font-normal uppercase tracking-wider text-skin-nav-primary",children:[(0,i.jsx)(ey,{portal:E}),(0,i.jsx)("span",{className:"ml-1 inline-flex text-skin-nav-primary",children:G("LOGIN_BUTTON_LABEL")})]})}):null,!L&&(0,i.jsx)("div",{className:"flex justify-center pb-6",children:(0,i.jsx)(J.v,{type:"select",style:"dark"})}),(0,i.jsx)("div",{className:"mb-2 flex flex-wrap justify-center text-skin-nav-primary",children:C.map((e,t)=>(0,s.createElement)(q,{...e,key:`nav-service-node-${t}`,className:o()("mx-2 block p-2 font-sans text-xs font-normal uppercase tracking-wider hover:underline",{"text-skin-secondary":e?.isHighlighted===!0})}))}),(0,i.jsx)("div",{className:"flex justify-center text-skin-nav-primary",children:O.map((e,t)=>
1(0,s.createElement)(V.SocialIcon,{...e,key:`nav-social-node-${t}`,className:"social-item mx-2 block px-2 pt-1",iconClassName:"h-sm-icon-header w-sm-icon-header fill-current fill-current"}))})]})})]})},eo=({useTabletStyleOnDesktop:e,menuOpen:t,hideMenuOnBlurMobile:l,isBlur:s,isTransparent:a,portal:n,isShop:r,toggleMenu:d,isScrollingDown:m,isToolbar:x})=>{let p=(0,c.c)("common"),u=o()({"fill-current stroke-current text-skin-nav-primary":!0,"h-[50px] w-[50px]":!x,"h-6 w-6":x&&!t,"h-4 w-4":x&&t,"text-skin-primary-ultradark md:text-skin-nav-primary-dark":(!a||!m&&!s||a&&t)&&!r&&"DK-WEB"!==n&&"VDW"!==n,"md:text-skin-nav-primary md":(a||m&&s)&&!r&&"DK-WEB"!==n});return(0,i.jsxs)("div",{className:o()({contents:!x,"flex flex-col flex-1 min-w-0 justify-center items-center space-y-[2px] pt-1":x}),children:[(0,i.jsx)("div",{className:o()({"header-hamburger text-skin-nav-primary flex flex-none items-center justify-center cursor-pointer order-3":!0,"h-[50px] w-10 order-3":!x,"h-6 w-6 order-3 relative":x,"lg:hidden lg:drop-shadow-none":!e,"header-hamburger--close":t&&!x,"absolute top-0 right-0":l&&s&&a,"[filter:_drop-shadow(0_1px_2px_rgba(0,0,0,0.2))_drop-shadow(1px_1px_3px_rgba(0,0,0,0.4))]":l&&s&&a&&!t,"filter-none":l&&s&&a&&t}),onClick:d,children:x?(0,i.jsxs)(i.Fragment,{children:[" ",t?(0,i.jsx)(X.Svg,{src:F,className:u}):(0,i.jsx)(X.Svg,{src:z,className:u})]}):(0,i.jsx)(_,{className:u})}),x?(0,i.jsx)("span",{className:"relative order-4 w-full truncate text-center text-[10px] text-skin-primary-ultradark xs:text-[11px]",children:p(t?"MOBILE_MENU_CLOSE":"MOBILE_MENU_LABEL")}):null]})},ec=({navigation:e,children:t,isPremium:l})=>
1{let a=(0,p.useRouter)(),[r,o]=(0,s.useState)(e?.childrenCollection?.items?.length?[...e.childrenCollection.items]:[]),d=ef((0,n.getActive)()?.id),m=eN((0,n.getActive)()?.id),[x,u]=(0,s.useState)(!1),{trackGaEvent:h,trackPiwikEvent:g}=(0,s.useContext)(b.f),f=(0,c.c)("common");return(0,s.useEffect)(()=>{(!l&&d||l&&m)&&e?.childrenCollection?.items?.length?o([...e.childrenCollection.items].filter(e=>!ej.includes(e.sys.id))):e?.childrenCollection?.items?.length&&o([...e.childrenCollection.items])},[l,d,m,e]),(0,s.useEffect)(()=>{u(!!sessionStorage.getItem("redDotHidden"))},[]),(0,i.jsxs)("div",{id:"dxp-toolbar",className:"fixed inset-x-0 bottom-0 z-50 flex min-h-[50px] items-center justify-evenly gap-1 border-t border-skin-primary-medium bg-white/70 px-1 backdrop-blur-md lg:hidden",children:[r?.map((e,t)=>(0,i.jsxs)(S.Link,{contentful:e,onClick:t=>{h("Sticky-Navigation",{aktion:"klick",linkText:e.title}),g("Sticky-Navigation",e.title,"click"),(0,Y.Qd)("navClick"),(0,Y.Mx)("navItem","sticky:"+e.title)},className:"relative flex min-w-0 flex-1 flex-col items-center justify-center space-y-[2px] pt-1",children:[e?.image?.[0]?.secure_url?(0,i.jsx)("img",{src:(0,E.Hv)(e?.image?.[0],{original:!0,format:"svg"}),className:"flex size-6 items-center justify-center fill-transparent stroke-current text-skin-primary-ultradark"}):"string"==typeof e?.icon?(0,i.jsx)("div",{dangerouslySetInnerHTML:{__html:e.image},className:"flex size-6 items-center justify-center fill-transparent stroke-current text-skin-primary-ultradark"}):void 0,(0,i.jsx)("span",{className:"w-full truncate text-center text-[10px] text-skin-primary-ultradark xs:text-[11px]",children:e.title})]},t)),!l&&!!d&&(0,i.jsxs)(S.Link,{href:d,className:"relative flex min-w-0 flex-1 flex-col items-center justify-center space-y-[2px] pt-1",children:[(0,i.jsx)(eg,{}),(0,i.jsx)("span",{className:"w-full truncate text-center text-[10px] text-skin-primary-ultradark xs:text-[11px]",children:f("PREMIUM_ABO_SHORT_LABEL")})]}),l&&!!m&&(0,i.jsxs)(S.Link,{onClick:()=>{u(!0),sessionStorage.setItem("redDotHidden","1"),a.push(m)},className:"relative flex min-w-0 flex-1 flex-col items-center justify-center space-y-[2px] pt-1",children:[(0,i.jsx)(eg,{}),(0,i.jsx)("span",{className:"w-full truncate text-center text-[10px] text-skin-primary-ultradark xs:text-[11px]",children:f("PREMIUM_ABO_ADVANTAGES_SHORT_LABEL")}),x?null:(0,i.jsx)("span",{className:"absolute -right-0.5 top-0 size-[10px] rounded-full bg-red-500"})]}),t]})},ed=({useTabletStyleOnDesktop:e,hideSearch:t,isShop:l,isTransparent:s,isScrollingDown:a,isBlur:n,menuOpen:r,isToolbar:d})=>{let m=(0,c.c)("common"),x=(0,p.useRouter)();return x?.query?.speakingUrl?.join("")==="suche"?null:(0,i.jsx)("div",{className:o()({"header-search justify-center items-center w-[50px] h-[50px]":!0,"lg:flex-1 lg:justify-end lg:drop-shadow-none":!e,hidden:t,"hidden lg:flex":d,flex:!d,"lg:hidden":l&&!e}),children:(0,i.jsx)(S.Link,{href:m("SEARCH_LINK"),prefetch:!1,title:m("SEARCH_TITLE"),className:"flex size-6 cursor-pointer items-center justify-center",children:(0,i.jsx)(X.Svg,{src:K,className:o()({"w-6 h-6 fill-current stroke-current":!0,"text-skin-nav-primary":l||(!s||!a&&!n||s&&r)&&!l,"text-white":(s||a&&n)&&!l,"lg:text-skin-nav-primary lg":(s||a&&n)&&!l&&!e})})})})},em=({node:e,hoverEffect:t,setMenuOpen:l,isMobile:r,isApp:c=!1,isActive:m=!1,useTabletStyleOnDesktop:x=!1,enableSubnavigation:p=!0,hoverEffectMainNavigationNode:u=null,isAuthorized:h=!1})=>{let{trackGaEvent:g,trackPiwikEvent:f}=(0,s.useContext)(b.f),k=(0,d.Ym)(),[v,N]=(0,s.useState)(!1),j=e?.childrenCollection?.items?.filter(Boolean)||[],y=e?.tagsCollection?.items?.filter(Boolean)||[],E=3;j?.length>14?E=0:j?.length>9?E=1:j?.length&&(E=2);let L=(0,a.I)(["teaser-regular.js",E,y,k],async()=>{let e=`/api/stream/?${new URLSearchParams({portal:(0,n.getActive)()?.id,variables:JSON.stringify({stream:"teaser-regular.js",limit:E,locale:k,offset:0,tags_or:y,__blacklistEnabled:!1})})}`,t=await fetch(e);return await t.json()},{enabled:E>0&&y.length>0&&v&&p,refetchOnMount:!1,staleTime:6e5}),A=L?.data||[],_=[...x||c?[]:["lg:text-skin-nav-secondary","lg:bg-skin-nav-tertiary","lg:opacity-100"],"text-skin-nav-primary","opacity-70",...!c?["nav-link-active"]:[]].filter(
1Boolean).join(" ");u===es&&(_=c?["text-skin-nav-primary"]:"text-skin-nav-primary nav-link-active");let O=c?["text-skin-nav-primary"]:"text-skin-nav-primary nav-link-inactive",I=(j?.length>0||A?.items?.length>0)&&p,B=String((0,n.getActive)().id).toUpperCase(),R="MYBIKE"===B,M="GUTEFAHRT"===B,P="fr"===(0,d.Ym)();return(0,i.jsx)("ul",{children:(0,i.jsxs)("li",{children:[(0,i.jsxs)("div",{className:"flex w-full items-center",children:[(0,i.jsxs)(S.Link,{contentful:e,title:e.title,onMouseEnter:e=>{N(!0)},onClick:()=>{l(!1),g("Main-Navigation",{aktion:"klick",linkText:e.title}),f("Main-Navigation",e.title,"click"),(0,Y.Qd)("navClick"),(0,Y.Mx)("navItem","main:"+e.title)},className:o()({"font-bold text-xl flex items-center grow px-8 py-4 font-nav":!0,"lg:block lg:w-auto lg:py-2":!x&&!c,"lg:px-2":!x&&!c&&!P,"lg:px-1":!x&&!c&&P,[_]:m,[O]:!m,"rounded-t-none":!0,"2xl:px-4 lg:text-base":!R&&!c&&"PORSCHEFAHRER"!==B&&!P&&"YACHT"!==B&&"TOUR"!==B&&"BOOT"!==B,"2xl:px-3 lg:text-[0.95rem] xl:!text-base":!R&&!c&&"PORSCHEFAHRER"!==B&&P&&"YACHT"!==B&&"TOUR"!==B&&"BOOT"!==B,"lg:text-[0.9rem]":R&&!x&&!c,"2xl:px-2 lg:text-[0.95rem] xl:!text-base":"YACHT"===B||"TOUR"===B||"BOOT"===B,"2xl:px-3 lg:text-base":"PORSCHEFAHRER"===B}),children:[M&&(0,i.jsxs)("div",{className:"flex items-center",children:[(0,i.jsx)(X.Svg,{src:"spotlight"===e.slug?$:"marken"===e.slug?H:"service"===e.slug?U:null,className:o()({"mr-1 h-8 w-10 nav-link-icon":!0,"lg:text-skin-nav-secondary":m,"lg:text-skin-primary-ultradark":!m})}),e.title]}),!M&&e.title]}),j.length&&I?(0,i.jsx)("button",{type:"button",onClick:t=>(t.preventDefault(),t.stopPropagation(),t?.target?.closest("li")?.querySelector(".nav-flyout")?.classList?.add("translate-x-0"),t?.target?.closest("li")?.querySelector(".nav-flyout")?.classList?.remove("translate-x-full"),g("Main-Navigation",{aktion:"klick",linkText:e.title}),f("Main-Navigation",e.title,"click"),(0,Y.Qd)("navClick"),(0,Y.Mx)("navItem","main:"+e.title),!1),className:o()("-my-4 flex items-center justify-center p-4",{"lg:hidden":!x&&!c}),children:(0,i.jsx)(X.Svg,{src:D,className:"pointer-events-none size-6 stroke-current text-skin-nav-primary"})}):null]}),I&&(0,i.jsx)("div",{className:o()({"nav-flyout w-full absolute top-0 right-0 bottom-0 left-auto z-1 translate-x-full transition-transform ease-in-out duration-300":!0,"lg:px-4 lg:absolute lg:bottom-auto lg:top-auto lg:left-0 lg:z-50 lg:transform-none lg:translate-y-full lg:translate-x-0":!x&&!c,"translate-x-full":!m||!j.length,"translate-x-0":m&&j.length,"!block":c}),children:(0,i.jsx)("div",{className:o()({"nav-flyout-inner bg-skin-flyout-secondary overflow-x-auto relative p-4 h-full":!0,"lg:bg-skin-nav-tertiary lg:overflow-visible lg:static lg:h-auto":!x&&!c}),children:(0,i.jsxs)("div",{className:o()({"lg:grid-row-2 lg:grid lg:grid-cols-3 lg:col-span-3 lg:gap-4":!x&&!c}),children:[!!(j&&j.length)&&(0,i.jsx)(ex,{teaserCount:E,useTabletStyleOnDesktop:x,setMenuOpen:l,isActive:m,childNodes:j,isMobile:r,isApp:c,node:e}),A&&A.items&&A.items.map((l,s)=>{if(v&&l?.$__placeholder)return null;let a=(0,w.Ay)(l,!1),n=a?.imageIsLandscape?"4:3":"cover";return(0,i.jsx)("div",{className:o()("row-span-2 hidden",{"lg:block":!x&&!c}),children:(0,i.jsx)(C.y,{click:"Sub-Navigation",action:"article-click",name:a.title,children:(0,i.jsx)(T.GenericTeaserItem,{...a,useH3:!1,aspectRatio:n,showTeasertext:!1,showTeaserTitle:!0,textPosition:"over",showIcons:!0,textSize:"xl",image:(0,i.jsx)(T.GenericTeaserImage,{image:a.image,alt:a.title,title:a.title,aspectRatio:n,countPerRow:1,hoverEffect:t,imageBaseWidth:335,imageBaseWidthMobile:251})})})},`navivation-flyout-${e?.sys?.id}-item-${a.id||s}`)})]})})})]})})},ex=({node:e,childNodes:t,teaserCount:l,setMenuOpen:s,useTabletStyleOnDesktop:a=!1,isMobile:n,isApp:r=!1})=>(0,i.jsxs)("div",{className:o()({"lg:block lg:static lg:visible lg:row-span-2 lg:opacity-100 lg:transform-none":!a&&!r,"lg:columns-2 lg:col-span-2":1===l&&!a&&!r,"lg:columns-3 lg:col-span-3":!l&&!a&&!r}),children:[(0,i.jsxs)("div",{className:o()("mb-5 flex items-center justify-start text-lg text-skin-nav-primary",{"lg:hidden":!a&&!r}),children:[(0,i.jsx)("span",{className:"-ml-2 inline-block rotate-180",children:(0,i.jsx)(X.Svg,{src:D,className:o()("ml-auto size-6 stroke-current text-skin-nav-primary",{"lg:hidden":!a&&!r})})}),(0,i.jsx)("span",{className:"inline-block pl-2",onClick:e=>{let t=e?.target?.parentElement?.parentElement?.parentElement?.parentElement?.parentElement;return t?.classList?.remove("translate-x-0"),t?.classList?.add("translate-x-full"),e.preventDefault(),!1},children:"Alle Themen"})]}),(0,i.jsx)(S.Link,{contentful:e,className:o()("block pb-3 text-2xl font-bold tracking-wider text-skin-nav-primary",{"lg:hidden":!a&&!r}),onClick:()=>{s(!1)},children:e.title}),(0,i.jsx)("ul",{children:t.map(t=>(0,i.jsx)(ep,{child:t,node:e,useTabletStyleOnDesktop:a,isMobile:n,isApp:r,setMenuOpen:s},t?.sys?.id))})]}),ep=({node:e,child:t,useTabletStyleOnDesktop:l,isMobile:a,isApp:n=!1,setMenuOpen:r})=>{let c,d,m,x=(0,p.useRouter)(),u=x?.query?.speakingUrl,{trackGaEvent:h,trackPiwikEvent:g}
1=(0,s.useContext)(b.f),[f,k]=(0,s.useState)(!0);return(u&&(c=u[u.length-1]),t?.hideInCurrentLanguage)?null:(0,i.jsxs)("li",{className:o()({"lg:border-skin-primary-medium lg:group-hover:border-skin-secondary lg:break-inside-avoid-column lg:group lg:mx-4 lg:border-b lg:border-solid":!l&&!n}),children:[(0,i.jsxs)("div",{className:"flex items-center",children:[(0,i.jsx)(S.Link,{contentful:t,title:t.title,onClick:()=>{h("Sub-Navigation",{aktion:"link-click",linkText:t.title}),g("Sub-Navigation",t.title,"click"),(0,Y.Qd)("navClick"),(0,Y.Mx)("navItem","sub:"+t.title),r(!1)},className:o()({"text-skin-nav-primary font-nav block py-4 text-lg tracking-wider grow":!0,"lg:text-skin-nav-secondary lg:text-base lg:font-normal":!l&&!n,"font-bold":(d=c,!!(m=t.title)&&!!d&&d==m.replace(/\|/gi,"").replace(/\s/,"-").replace(/\s/,"").toLowerCase())}),children:t.title}),(a||n)&&t.childrenCollection?.items?.length>0&&(0,i.jsx)("div",{className:"p-4",onClick:e=>{e.preventDefault(),e.stopPropagation(),k(!f)},children:(0,i.jsx)(A.I,{iconName:"chevron",className:o()({"ml-4 w-4 h-4":!0,"rotate-90":f,"-rotate-90":!f}),iconDisplay:"inline"})})]}),!f&&(a||n)&&(t.childrenCollection?.items||[]).map(e=>e?.sys?.id?(0,i.jsx)(S.Link,{contentful:e,title:e.title,onClick:()=>{h("Sub-Navigation",{aktion:"link-click",linkText:e.title}),g("Sub-Navigation",e.title,"click"),(0,Y.Qd)("navClick"),(0,Y.Mx)("navItem","sub:"+e.title),r(!1)},className:o()({"text-skin-nav-primary font-nav block py-4 text-lg tracking-wider ml-4":!0,"lg:text-skin-nav-secondary lg:text-base lg:font-normal":!l&&!n}),children:e.title},`navivation-flyout-subchild-${e?.sys?.id}-item-${e?.sys?.id}`):null)]},`navivation-flyout-children-${e?.sys?.id}-item-${t?.sys?.id}`)},eu=({logoHeight:e,isTransparent:t,isScrollingDown:l,isBlur:a,menuOpen:r,homeLink:d="/",isScrolledDown:m,headerSmall:x,portal:p,hideNavigationLogo:u,useTabletStyleOnDesktop:h=!1,isPremium:g})=>{let{pageHasH1:f,pageHeading:k}=(0,s.useContext)(B.N),v=(0,c.c)("common"),{logo:b}=(0,y.A)();if(b)return(0,i.jsx)(S.Link,{href:d,title:v("META_SITE_NAME"),children:(0,i.jsx)("img",{alt:v("META_SITE_NAME"),style:e?{"--logo-height":`${e}px`}:void 0,className:o()({"h-10 !max-h-14":!0,"lg:h-6":!e,"lg:h-[var(--logo-height)]":!!e,"lg:hidden":u&&!h}),src:(0,E.Hv)(b,{original:!0})})});let N=["BIKE","TOUR","YACHT","BOOT","MOD","SURF","GUTEFAHRT"].includes((0,n.getActive)()?.id),j=o()({"lg:duration-300 lg:ease-in-out lg:transition-all origin-center lg:origin-left":!h,"":(!x||!m&&x)&&!h,"lg:opacity-0 lg:-translate-x-full":!m&&!x&&!h,"lg:opacity-100 lg:translate-x-0":m&&!x&&!h,"lg:scale-150":"WING"!==p&&!h,"lg:my-5":"WING"!==p&&"DK-WEB"!==p&&"MEDIASALES"!==p&&!h&&!N,"lg:my-1":"DK-WEB"===p&&!h,"lg:mt-2 lg:mb-1":"MEDIASALES"===p&&!h,"lg:scale-100 lg:my-2":m&&x&&!h,"lg:hidden":u&&!h,"lg:mt-[26px] lg:mb-[14px] scale-150":!g&&"BIKE"===p&&!h,"lg:mt-[26px] lg:mb-[14px] scale-110":g&&"BIKE"===p,"lg:mt-6 lg:mb-4":"TOUR"===p&&!h,"lg:mt-5 lg:mb-5":"GUTEFAHRT"===p&&!h,"lg:mt-5 lg:mb-5 lg:my-5 scale-150":!g&&"YACHT"===p&&!h,"mt-0.5 lg:mt-5 lg:mb-5 lg:my-5 scale-110":g&&"YACHT"===p,"lg:mt-6 lg:mb-2 scale-135":!g&&"TOUR"===p&&!h,"lg:mt-6 lg:mb-2 scale-110":g&&"TOUR"===p,"lg:mt-[23px] lg:mb-[17px]":("BOOT"===p||"SURF"===p)&&!h,"lg:mt-[20px] lg:mb-[20px]":"MOD"===p&&!h,"lg:mt-[23px] lg:mb-[17px] scale-150":!g&&"SURF"===p&&!h,"lg:mt-[23px] lg:mb-[17px] scale-110":g&&"SURF"===p}),w="text-skin-logo",T=v("META_SITE_NAME"),L=f?"":k;switch((0,n.getActive)().id){case"WING":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"WING",mobile:!0,width:140,title:L,className:o()({"mt-1 fill-current":!0,"lg:hidden":!h,"text-skin-primary-ultralight [filter:_drop-shadow(1px_1px_5px_rgba(0,0,0,0.3))]":!r,"text-black filter-none,0,0,0.3))]":r})}),!h&&(0,i.jsx)(ei,{portal:"WING",width:80,height:26,title:L,className:o()({"h-[26px] w-[80px] lg:h-[26px] lg:w-[80px] fill-current hidden lg:block":!0,"text-skin-primary-ultradark":!t||!l&&!a,"text-white lg:text-skin-primary-ultradark lg":t||l&&a})})]});return(0,i.jsx)(S.Link,{href:d,className:j,title:T,children:(0,i.jsx)(ei,{portal:"WING",width:92,height:30,title:L,className:o()({"fill-current h-[30px] w-[92px] mt-[10px]":!0,"lg:mt-0 lg:h-[26px] lg:w-[80px]":!h,"text-skin-primary-ultradark":!t||!l&&!a,"text-white":t||l&&a,"lg:text-skin-primary-ultradark":(t||l&&a)&&!h})})});case"MOD":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"MOD",width:141,title:L,className:o()({"mt-1 fill-current":!0,"lg:hidden":!h,"text-skin-primary-ultralight [filter:_drop-shadow(1px_1px_1px_rgba(0,0,0,0.8))]":!r,"text-black filter-none,0,0,0.3))]":r})}
1),!h&&(0,i.jsx)(ei,{portal:"MOD",width:34,height:14,title:L,className:o()(w,{"h-7 w-[70px] lg:h-7 lg:w-[70px] fill-current hidden lg:block":!0})})]});return(0,i.jsxs)("div",{className:j+" flex items-center",children:[(0,i.jsx)(X.Svg,{src:P,className:"mr-1 mt-px size-[22px]"}),(0,i.jsx)(S.Link,{href:d,className:"",title:T,children:(0,i.jsx)(ei,{portal:"MOD",width:47,height:19,title:L,className:o()(w,{"h-7 w-[70px] fill-current":!0,"lg:h-7 lg:w-[70px]":!h})})})]});case"BOOT":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"BOOT",width:180,title:L,className:o()("mt-1 fill-current text-white md:mt-1.5 md:w-[180px]",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"BOOT",width:118,height:22,title:L,className:o()(w,{"h-[22px] w-[118px] lg:h-[15px] lg:w-[80px] hidden lg:block":!0})})]});return(0,i.jsxs)("div",{className:j+" flex items-center",children:[(0,i.jsx)(X.Svg,{src:P,className:"mr-1 size-5 lg:size-[14px]"}),(0,i.jsxs)(S.Link,{href:d,className:"",title:T,children:[g&&(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute -top-1 right-0 -translate-y-full translate-x-2 text-[7px] font-medium uppercase leading-none text-white",children:"Premium"}),(0,i.jsx)(ei,{portal:"BOOT",width:107,height:20,title:L,className:o()({"h-[20px] w-[107px] fill-current":!0,"lg:h-[14px] lg:w-[75px]":!h,"text-skin-logo-dark":!t||!l&&!a,"text-skin-logo":t||l&&a,"lg:text-skin-logo-dark":(t||l&&a)&&!h})})]})]});case"GUTEFAHRT":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"GUTEFAHRT",width:88,title:L,className:o()("fill-skin-secondary text-skin-primary",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"GUTEFAHRT",width:66,height:22,title:L,className:o()({"h-[22px] w-[66px] lg:h-[22px] lg:w-[66px] text-skin-primary fill-skin-secondary hidden lg:block":!0,"text-skin-primary fill-skin-secondary":!t||!l&&!a})})]});return(0,i.jsxs)("div",{className:j+" flex items-center",children:[(0,i.jsx)(X.Svg,{src:P,className:"mr-1 size-[22px]"}),(0,i.jsx)(S.Link,{href:d,className:"",title:T,children:(0,i.jsx)(ei,{portal:"GUTEFAHRT",width:66,height:22,title:L,className:o()({"text-skin-primary fill-skin-secondary":!0})})})]});case"BIKE":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"BIKE",color:!0,width:110,title:L,className:o()("mt-2 fill-current md:mt-1.5 md:w-[110px]",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"BIKE",width:80,height:28,title:L,className:o()(w,{"fill-current hidden lg:block logogro\xdf":!0})})]});return(0,i.jsxs)("div",{className:j+" flex items-center",children:[(0,i.jsx)(X.Svg,{src:P,className:"mr-1 size-5"}),(0,i.jsxs)(S.Link,{href:d,className:g?"relative":null,title:T,children:[g&&(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute right-0 top-0 -translate-y-full translate-x-2 text-[7px] font-medium uppercase leading-none text-skin-secondary",children:"Premium"}),(0,i.jsx)(ei,{portal:"BIKE",width:62,height:22,title:L,className:o()(w,{"h-[22px] w-[62px] fill-current":!0})})]})]});case"MYBIKE":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"MYBIKE",width:110,title:L,className:o()("fill-current text-white md:mt-1.5 md:w-[110px]",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"MYBIKE",width:84,height:24,title:L,className:o()(w,{"h-[24px] w-[84px] fill-current hidden lg:block":!0})})]});return(0,i.jsx)(S.Link,{href:d,className:j,title:T,children:(0,i.jsx)(ei,{portal:"MYBIKE",width:84,height:24,title:L,className:o()(w,{"fill-current":!0})})});case"YACHT":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"YACHT",width:102,title:L,className:o()("[filter:_drop-shadow(1px_1px_20px_rgba(255,255,255,0.3))],0,0,0.3))] fill-current text-skin-logo md:mt-1.5 md:w-[110px]",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"YACHT",width:81,height:34,title:L,className:o()(w,{"h-[34px] w-[81px] lg:h-[23px] lg:w-[54px] fill-current hidden lg:block":!0})})]});return(0,i.jsxs)("div",{className:j+" flex items-center",children:[(0,i.jsx)(X.Svg,{src:P,className:"mr-1 size-5"}),(0,i.jsxs)(S.Link,{href:d,className:g?"relative":null,title:T,children:[g&&(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute right-0 top-0 -translate-y-full translate-x-2 text-[7px] font-medium uppercase leading-none text-skin-secondary",children:"Premium"}),(0,i.jsx)(ei,{portal:"YACHT",width:58,height:24,title:L,className:o()(w,{"fill-current h-[24px] w-[58px] lg:h-[23px] lg:w-[54px]":!0})})]})]});case"TOUR":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"TOUR",width:110,title:L,className:o()("fill-current text-skin-secondary [filter:_drop-shadow(1px_1px_1px_rgba(0,0,0,0.8))] md:mt-1.5 md:w-[110px]",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"TOUR",width:66,height:22,title:L,className:o()(w,{"h-[22px] w-[66px] lg:h-[19px] lg:w-[49px] fill-current hidden lg:block":!0})})]});return(0,i.jsxs)("div",{className:j+" flex items-center",children:[(0,i.jsx)(X.Svg,{src:P,className:"mr-1 size-[22px] lg:size-[17px]"}),(0,i.jsxs)(S.Link,{href:d,className:g?"relative":null,title:T,children:[g&&(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute right-0 top-0 -translate-y-full translate-x-2 text-[7px] font-medium uppercase leading-none text-skin-secondary",children:"Premium"}),(0,i.jsx)(ei,{portal:"TOUR",width:66,height:22,title:L,className:o()(w,{"h-[22px] w-[66px] lg:h-[20px] lg:w-[50px] fill-current":!0})})]})]});case"SUP":if(a&&t)return(0,i.jsxs)("div",{className:`${j} "lg:relative"`,children:[(0,i.jsx)(S.Link,{href:"https://www.surf-magazin.de/",className:"absolute -right-[14px] bottom-0 mx-auto hidden w-[30px] lg:block",title:"Europas gr\xf6\xdftes W
1indsurf-Magazin",target:"_blank",children:(0,i.jsx)(X.Svg,{src:W,className:"fill-current text-skin-logo"})}),(0,i.jsxs)(S.Link,{href:d,title:T,children:[(0,i.jsx)(ei,{portal:"SUP",width:110,title:L,className:o()("fill-current text-white [filter:_drop-shadow(1px_1px_1px_rgba(0,0,0,0.8))] md:mt-1.5 md:w-[110px]",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"SUP",width:75,height:19,title:L,className:o()(w,{"h-[19px] w-[75px] lg:h-[19px] lg:w-[75px] fill-current hidden lg:block":!0})})]})]});return(0,i.jsxs)("div",{className:`${j} "lg:relative"`,children:[(0,i.jsx)(S.Link,{href:"https://www.surf-magazin.de/",className:"absolute -right-[14px] bottom-0 mx-auto block w-[30px]",title:"Europas gr\xf6\xdftes Windsurf-Magazin",target:"_blank",children:(0,i.jsx)(W,{className:"fill-current text-skin-logo"})}),(0,i.jsx)(S.Link,{href:d,title:T,children:(0,i.jsx)(ei,{portal:"SUP",width:75,height:19,title:L,className:o()(w,{"fill-current":!0})})})]});case"SURF":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"SURF",width:110,title:L,className:o()("fill-current text-white [filter:_drop-shadow(1px_1px_0px_rgba(0,0,0,0.8))]",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"SURF",width:52,height:22,title:L,className:o()(w,{"h-[22px] w-[52px] lg:h-[22px] lg:w-[52px] drop-shadow-[1px_1px_0px_rgba(0,0,0,0.8)] fill-current hidden lg:block":!0})})]});return(0,i.jsxs)("div",{className:j+" flex items-center",children:[(0,i.jsx)(X.Svg,{src:P,className:"mr-1 size-[18px]"}),(0,i.jsxs)(S.Link,{href:d,className:"",title:T,children:[g&&(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute right-0 top-0 -translate-y-full translate-x-2 text-[7px] font-medium uppercase leading-none text-white",children:"Premium"}),(0,i.jsx)(ei,{portal:"SURF",width:52,height:22,title:L,className:o()(w,{"drop-shadow-[1px_1px_0px_rgba(0,0,0,0.8)] fill-current":!0})})]})]});case"DK-EVENTS":return(0,i.jsx)(S.Link,{href:d,className:j,title:T,children:(0,i.jsx)(ei,{portal:"DK-EVENTS",width:128,height:34,title:L,className:o()(w,{"fill-current":!0})})});case"DK-SHOP":return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"DK-SHOP",width:66,height:22,title:L,className:o()(w,{"h-[44px] w-[132px] lg:h-[19px] lg:w-[49px] fill-current":!0,"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"DK-SHOP",type:"small",width:26,height:26,title:L,className:o()(w,{"lg:h-[26px] lg:w-[26px] fill-current hidden lg:block":!0})})]});case"BOEX":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"BOEX",width:177,title:L,className:o()("fill-current text-white md:mt-1.5 md:w-[60px]",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"BOEX",width:141,height:30,title:L,className:o()(w,{"h-[30px] w-[141px] fill-current hidden":!0,"lg:h-[26px] lg:w-[120px] lg:my-3 lg:block":!h})})]});return(0,i.jsx)(S.Link,{href:d,className:j,title:T,children:(0,i.jsx)(ei,{portal:"BOEX",width:141,height:30,title:L,className:o()(w,{"fill-current h-[30px] w-[141px] lg:my-3":!0,"lg:h-[26px] lg:w-[120px]":!h})})});case"DK-WEB":return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"DK-WEB",width:66,height:22,title:L,className:o()(w,{"h-[44px] w-[132px] lg:h-[19px] lg:w-[49px]":!0,"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"DK-WEB",width:102,height:34,title:L,className:o()(w,{"lg:h-[34px] lg:w-[102px] hidden lg:block":!0})})]});case"VDW":return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"VDW",width:66,height:22,title:L,className:o()(w,{"h-[44px] w-[132px] lg:h-[19px] lg:w-[49px]":!0,"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"VDW",width:102,height:34,title:L,className:o()(w,{"lg:h-[34px] lg:w-[102px] hidden lg:block":!0})})]});case"MEDIASALES":return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"MEDIASALES",width:240,height:27,title:L,className:o()(w,{"h-[27px] w-[240px]":!0,"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"MEDIASALES",type:"small",width:42,he
1ight:20,title:L,className:o()(w,{"lg:h-[20px] lg:w-[42px] hidden lg:block":!0})})]});case"PORSCHEFAHRER":if(a&&t)return(0,i.jsxs)(S.Link,{href:d,className:j,title:T,children:[(0,i.jsx)(ei,{portal:"PORSCHEFAHRER",width:85,title:L,className:o()("fill-skin-secondary text-skin-primary",{"lg:hidden":!h})}),!h&&(0,i.jsx)(ei,{portal:"PORSCHEFAHRER",width:85,height:30,title:L,className:o()({"h-[30px] w-[85px] text-skin-primary fill-skin-secondary hidden lg:block":!0,"text-skin-primary fill-skin-secondary":!t||!l&&!a})})]});return(0,i.jsxs)("div",{className:j+" flex items-center",children:[(0,i.jsx)(X.Svg,{src:P,className:"mr-1 size-[22px]"}),(0,i.jsx)(S.Link,{href:d,className:"",title:T,children:(0,i.jsx)(ei,{portal:"PORSCHEFAHRER",width:85,height:30,title:L,className:o()({"text-skin-primary fill-skin-secondary mt-2":!0})})})]});default:return null}},eh=({isOpen:e,selectedItemIndex:t,onKeyDown:l,items:a=[]})=>{let n=(0,s.useRef)([]);return((0,s.useEffect)(()=>{e&&t>=0&&n.current[t]&&n.current[t].scrollIntoView({behavior:"smooth",block:"nearest"})},[e,t]),e)?(0,i.jsx)("div",{className:"absolute left-1 top-full z-50 hidden max-h-80 w-64 overflow-y-auto border-0 border-t border-t-skin-progress-primary bg-skin-flyout-secondary shadow-xl drop-shadow-lg lg:block",style:{scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.3) transparent"},role:"menu","aria-label":"Car models menu",onKeyDown:l,tabIndex:-1,children:(0,i.jsx)("div",{children:a.map((e,l)=>(0,i.jsx)("div",{ref:e=>n.current[l]=e,children:(0,i.jsx)(S.Link,{href:e.slug,className:o()({"font-nav text-skin-nav-primary hover:text-skin-primary-ultralight hover:bg-skin-nav-tertiary block px-6 py-2.5 text-base font-medium transition-colors":!0,"bg-skin-nav-tertiary text-skin-primary-ultralight":l===t}),role:"menuitem",tabIndex:-1,children:e.title})},e.sys?.id||e.id))})}):null},eg=()=>{switch((0,n.getActive)().id){case"BIKE":return(0,i.jsxs)("div",{className:"flex flex-col items-center gap-0.5 text-skin-secondary",children:[(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none text-[8px] font-bold uppercase leading-none",children:"Premium"}),(0,i.jsx)(ei,{portal:"BIKE",height:16,width:48,className:"h-4 w-12"})]});case"TOUR":return(0,i.jsxs)("div",{className:"flex flex-col items-center gap-0.5 text-skin-secondary",children:[(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none text-[8px] font-bold uppercase leading-none",children:"Premium"}),(0,i.jsx)(ei,{portal:"TOUR",height:16,width:48,className:"h-4 w-12"})]});case"BOOT":return(0,i.jsxs)("div",{className:"flex flex-col items-center gap-0.5 text-skin-secondary",children:[(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none text-[8px] font-bold uppercase leading-none",children:"Premium"}),(0,i.jsx)(ei,{portal:"BOOT",height:12,width:64,className:"h-3 w-16"})]});case"YACHT":return(0,i.jsxs)("div",{className:"flex flex-col items-center gap-0.5 text-skin-secondary",children:[(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none text-[8px] font-bold uppercase leading-none",children:"Premium"}),(0,i.jsx)("div",{className:"relative h-3.5 w-full",children:(0,i.jsx)(ei,{portal:"YACHT",height:20,width:48,className:"absolute left-0 top-0 h-5 w-12"})})]});case"SURF":return(0,i.jsxs)("div",{className:"flex flex-col items-center gap-0.5 text-skin-secondary",children:[(0,i.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none text-[8px] font-bold uppercase leading-none",children:"Premium"}),(0,i.jsx)(ei,{portal:"SURF",height:16,width:48,className:"h-4 w-12"})]});default:return null}},ef=(e,t="snav")=>{switch(e){case"BIKE":return`/premium-abo/?utm_source=ws-bike&utm_medium=${t}&utm_campaign=premium`;case"YACHT":return`/premium-abo/?utm_source=ws-yacht&utm_medium=${t}&utm_campaign=premium`;case"TOUR":return`/premium-abo/?utm_source=ws-tour&utm_medium=${t}&utm_campaign=premium`;case"SURF":return`/premium-abo/?utm_source=ws-surf&utm_medium=${t}&utm_campaign=premium`;case"BOOT":return`/premium-abo/?utm_source=ws-boote&utm_medium=${t}&utm_campaign=premium`}},ek={BIKE:"bike",YACHT:"yacht",TOUR:"tour",SURF:"surf",BOOT:"boote"},ev=e=>e?ek[e]||String(e).toLowerCase():"",eb=(e,t,l)=>{if(!e||!l)return e;let i=ev(t);if(!i)return e;let s=e.includes("?")?"&":"?";return`${e}${s}utm_source=ws-${i}&utm_medium=popout-mobile&utm_campaign=${l}`},eN=e=>{switch(e){case"BIKE":case"YACHT":case"TOUR":case"SURF":case"BOOT":return"/mein-bereich/"}return null}
1,ej=["2l7SVDtuzBX5JPtL8GvEG1","3P3QRiHV0DcegnGWI0hH6V","7Eo0JWejyGxcZ8SBpmGyF5","6xpa8XjlGapHP4F2tIivNx","5008VPA8QHQfvgrpItUaTv"],ey=s.memo(({portal:e,iconType:t="outline",iconColor:l="navigation",className:a=""})=>{let n=s.useMemo(()=>o()("size-6",a),[e,a]);return(0,i.jsx)(A.I,{iconName:"user",iconType:t,iconColor:l,iconDisplay:"inline",className:n})});ey.displayName="NavigationUserIcon";let ew=({items:e,displayName:t,setMenuOpen:l})=>{let[a,n]=(0,s.useState)(!1),r=e.length>3,c=a?e:e.slice(0,3),d=()=>{l(!1)};return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{className:"nav-item w-full lg:hidden",children:(0,i.jsxs)("div",{className:"space-y-0",children:[c.map((e,t)=>(0,i.jsx)("div",{className:"nav-item nav-item-hover-regular w-full",children:(0,i.jsx)(S.Link,{href:e.slug,onClick:d,className:"nav-link-inactive flex w-full items-center rounded-t-none px-8 py-4 font-nav text-xl font-bold text-skin-nav-primary",children:e.title})},e.sys?.id||e.id||t)),r&&(0,i.jsx)("div",{className:"w-full px-8 py-2",children:(0,i.jsxs)("button",{onClick:()=>{n(!a)},className:"flex w-full items-center justify-center gap-2 rounded-md border border-gray-300 bg-white px-4 py-3 font-nav text-sm font-medium text-gray-700 transition-colors hover:border-gray-400 hover:bg-gray-50 hover:text-gray-900",children:[(0,i.jsx)("span",{children:a?"Weniger anzeigen":`${e.length-3} weitere anzeigen`}
1),(0,i.jsx)(A.I,{iconName:"chevronDown",iconType:"outline",iconSize:"sm",className:o()("transition-transform duration-200",{"rotate-180":a})})]})})]})})})}},40379:(e,t,l)=>{"use strict";e.exports=l.p+"static/media/social-facebook.0c145375.svg"},43321:e=>{e.exports={"dk-disable-all":"NavigationUtil_dk-disable-all__xL6Ko",dkDisableAll:"NavigationUtil_dk-disable-all__xL6Ko"}},45443:(e,t,l)=>{"use strict";e.exports=l.p+"static/media/social-instagram.0ff0a7d6.svg"},49325:(e,t,l)=>{"use strict";l.d(t,{W:()=>s});var i=l(87365);let s=(e,t=[])=>(t||[]).reduce((t,l)=>{let s=(0,i.A)(e,void 0,l)||"";return"/"===s&&e?.slug!=="/"?t:{...t,[l]:s}},{})},50352:(e,t,l)=>{"use strict";l.d(t,{v:()=>b});var i=l(6029),s=l(683),a=l(49325),n=l(21202),r=l(75828),o=l.n(r),c=l(5700),d=l(71024),m=l.n(d),x=l(81278),p=l(55729),u=l(66938);l(19844);var h=l(73529),g=l.n(h);let f=["YACHT","BIKE","TOUR","BOOT","SURF"],k=m()(()=>l.e(11424).then(l.bind(l,11424)).then(e=>e.ReactComponent),{loadableGenerated:{webpack:()=>[11424]}}),v=m()(()=>l.e(91825).then(l.bind(l,91825)).then(e=>e.ReactComponent),{loadableGenerated:{webpack:()=>[91825]}}),b=({type:e,style:t,isPremium:l})=>{var r,d;let m=(0,c.c)("common"),h=(0,x.useRouter)()||{},{locales:b,locale:N}=h,{streamContext:j}=(0,p.useContext)(u.W),{activeContent:y}=j,w=(0,a.W)(y,b?.length?b:[]),E=e=>{if(!e)return;let t=w[e]||(0,n.convertPathLocale)(h.asPath,N,e);h.push(t,t,{locale:e})};return((0,p.useEffect)(()=>{let e=e=>{b?.length&&e?.data?.locale&&b.includes(e?.data?.locale)&&e?.data?.type==="app:setLocale"&&E(e?.data?.locale)};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[b]),!b?.length||b?.length<2)?null:(r=(h?.asPath||"").split("?")[0].split("#")[0],d=(0,s.getActive)()?.id,f.includes(d)&&"string"==typeof r&&("/video"===r||r.startsWith("/video/")))?null:(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:"relative mx-2 flex w-full min-w-fit",children:[(0,i.jsx)("div",{className:o()({"text-sm flex items-center justify-center absolute top-0 bottom-0 left-0 w-5 pointer-events-none":!0,"text-white":!t&&!l,"text-skin-primary-ultradark":"dark"===t||!t&&l}),children:(0,i.jsx)(k,{})}),(0,i.jsx)("select",{"aria-label":m("LABEL_LANGUAGE"),onChange:e=>{let t=e?.target?.value;t&&(window.postMessage({type:"web:setLocale",locale:t},"*"),E(t))},value:N,className:o()({"select moz border-none bg-none font-normal text-sm flex h-auto pl-6 pr-3 py-2 min-h-0 mr-2 appearance-none focus:ring-0 cursor-pointer uppercase":!0,"text-white bg-skin-header-top-primary focus:bg-skin-header-top-primary":!t&&!l,"text-skin-primary-ultradark bg-skin-flyout-secondary focus:bg-skin-flyout-secondary":"dark"===t,"text-skin-primary-ultradark bg-skin-premium-4 focus:bg-skin-premium-4":!t&&l,[g().select]:!l,[g().selecPremium]:l}),children:b.map(e=>(0,i.jsx)("option",{value:e,children:m(`LANGUAGE_${e.toUpperCase()}`)},`head-language-select-${e}`))}),(0,i.jsx)("div",{className:o()({"text-sm flex items-center justify-center absolute top-0 bottom-0 right-0 w-5 pointer-events-none":!0,"text-white":!t&&!l,"text-skin-primary-ultradark":"dark"===t||!t&&l}),children:(0,i.jsx)(v,{className:"size-[0.834em] rotate-90 stroke-current"})})]})})}},55512:(e,t,l)=>{"use strict";l.r(t),l.d(t,{Header:()=>U,SiteLogo:()=>H,default:()=>F});var i=l(6029),s=l(55729),a=l(683),n=l(75828),r=l.n(n),o=l(5700),c=l(91694),d=l(71024),m=l.n(d),x=l(65871),p=l(49832),u=l(75399),h=l(66432),g=l(26898),f=l(27009),k=l(62745),v=l(4668),b=l(27652),N=l(15890),j=l(25985),y=l(19844),w=l(67756),E=l(98681),S=l(13872),T=l(33364),L=l(86013),A=l(61813),_=l(57144);let C=({items:e=[]})=>{let t=(0,o.c)("common"),{trackPiwikEvent:l}=(0,s.useContext)(A.f),a=(0,s.useRef)(),n=(0,_.A)(a),[r,c]=(0,s.useState)(!1);return((0,s.useEffect)(()=>{n&&!r&&(l("Mobile-Subnavigation","","view"),(0,E.Sc)("view",{type:"nav-mobile-subnav",name:"",action:"view"}),c(!0))},[n,r]),e&&0!==e.length)?(0,i.jsx)("nav",{ref:a,className:"bg-skin-navbar-primary border-skin-primary-light border-b lg:hidden","aria-label":t("LABEL_TOPIC_NAVIGATION"),children:(0,i.jsx)("div",{className:"flex items-stretch",children:e.map((e,t)=>(0,i.jsxs)(y.Link,{href:e.href,target:e.linkTarget,className:"relative flex-auto px-3 pt-2 pb-1.5 text-skin-nav-primary text-center text-sm font-nav focus:outline-none focus:underline",title:e.label,onClick:()=>{l("Mobile-Subnavigation",e.label,"click"),(0,E.Qd)("navClick"),(0,E.Mx)("navItem","mobile-sub
1nav:"+e.label)},children:[e.label,t>0&&(0,i.jsx)("span",{className:"absolute inset-y-2 left-0 w-px bg-skin-primary-light"})]},t))})}):null};var O=l(50352),I=l(76091),B=l(40048),R=l(36223);let M=["de"],D=m()(()=>Promise.resolve().then(l.bind(l,40048)).then(e=>e.NavigationTransparent),{loadableGenerated:{webpack:()=>[40048]}}),P=m()(()=>l.e(63193).then(l.bind(l,70856)).then(e=>e.PortalLogoSvg),{loadableGenerated:{webpack:()=>[70856]}}),U=({contentEntry:e,homeLink:t,logoHeight:l,hoverEffect:n="zoom",headerSmall:d=!1,hideSearch:m=!1,hideHeaderLogo:N=!1,hideLocale:j=!1,streamValue:A,hideNavigationLogo:_=!1,isShop:P=!1,showCommunity:U=!1,useTabletStyleOnDesktop:F=!1,enableSubnavigation:$=!0,hoverEffectMainNavigationNode:z=null,enableScrollIndicator:K=!0,customBackground:W,backgroundPrimaryColor:G,backgroundSecondaryColor:Y,invertNav:V=!1})=>{let Q,{isAppStoreSubscriber:X,isPremiumSubscriber:q=!1}=(0,b.T)((0,p.k)(e=>({isAppStoreSubscriber:e.isAppStoreSubscriber,isPremiumSubscriber:e.isPremiumSubscriber}))),{isApp:J,platform:Z}=(0,k.K)((0,p.k)(e=>({isApp:e.isApp,platform:e.platform}))),{notification:ee,markAsRead:et,isEnabled:el}=(0,v.t)((0,p.k)(e=>({notification:e.notification,markAsRead:e.markAsRead,isEnabled:e.isEnabled}))),{user:ei,profile:es,isProfileReady:ea,communityEnabled:en,isAuthorized:er,signIn:eo}=(0,g.A)(),{setPageType:ec}
1=(0,f.A)(),[ed,em]=(0,s.useState)(""),[ex,ep]=(0,s.useState)(!1),[eu,eh]=(0,s.useState)(!1),[eg,ef]=(0,s.useState)(!1),ek=(0,s.useRef)(null),ev=(0,s.useRef)(null),eb=(0,s.useRef)(null);(0,s.useEffect)(()=>{if(ea){let e=(es?.addresses||[]).find(e=>e.isDefault);e&&(e.name||e.name2)?em(`${e.name||""} ${e.name2||""}`.trim()):es?.vorname||es?.nachname?em(`${es?.vorname||""} ${es?.nachname||""}`.trim()):ei?.traits?.email&&em(ei?.traits?.email)}},[ea,es,ei]),(0,s.useEffect)(()=>{eh(!!ee)},[ee]);let eN=async()=>{ee?.sys?.id&&((0,w.trackPiwikEvent)("notification",`${ee?.title||"-"} (${ee.sys.id})`,"click"),(0,E.Sc)("click",{type:"notification",name:`${ee?.title||"-"} (${ee.sys.id})`,action:"click"}))},ej=e=>{ek.current&&!ek.current.contains(e.target)&&ev.current&&!ev.current.contains(e.target)&&ep(!1),eb.current&&!eb.current.contains(e.target)&&ev.current&&!ev.current.contains(e.target)&&ef(!1)},ey=e=>{"Escape"===e.key&&ep(!1)};(0,s.useEffect)(()=>(document.addEventListener("mousedown",ej),document.addEventListener("keydown",ey),()=>{document.removeEventListener("mousedown",ej),document.removeEventListener("keydown",ey)}),[]);let ew=(0,o.c)("common"),eE=(0,c.Ym)(),eS=A?.navigationCollection?.items?.filter(Boolean)?.[0]?.socialNodesCollection?.items?.filter(Boolean)||[],eT=A?.navigationCollection?.items?.filter(Boolean)?.[0]?.serviceNodesCollection?.items?.filter(Boolean)||[],eL=String((0,a.getActive)().id).toUpperCase(),eA=(0,x.x3)((0,p.k)(e=>e.cart));(0,x.x3)((0,p.k)(e=>e.isCartOpen));let e_=(0,x.x3)((0,p.k)(e=>e.setCartOpen)),[eC,eO]=(0,s.useState)([]),eI=(0,a.getActive)(),eB=(0,B.getAboLink)(eI?.id,"hnav"),{content:eR,layout:eM,activeNavigation:eD}=(0,s.useContext)(u.N);(0,h.n)();let eP=eR?.filter(e=>"storybook"===e.type)?.[0],eU=eM?.content?.filter(e=>"storybook"===e.type)||[],eH=["structure/articledetail","structure/expandable"],eF=["teaser/singleteaser","shop/singleteaser","shop/rubricteaser","teaser/mosaic","boat24/search","structure/brands","structure/brandssearch","structure/branddetail","cyclingstats/statsoverview"],e$=eR&&!!eR?.find(e=>eH.includes(e.block?.toLowerCase()||null)),ez=eD?.slug==="/",eK=eP&&!!eF.includes(eP?.block?.toLowerCase()||null);eK||(eK=!!eU?.find(e=>eF.includes(e?.block?.toLowerCase())));let eW=!ez&&eK,eG=eU.find(e=>e?.block?.toLowerCase()==="shop/productdetail"),eY=eR.find(e=>e?.block?.toLowerCase()==="plenigo/orderconfirmation");(0,s.useEffect)(()=>{eG||eY?ec(void 0):eW?ec("category",{breadcrumb:window.location.pathname.split("/").filter(Boolean)}):ez?ec("home"):ec("other")},[eD?.slug,ez,eW,!!eG,!!eY]),(0,s.useEffect)(()=>{(async()=>{if(es?.context?.activeProjects?.length){let e=[];for(let t of es?.context?.activeProjects){let l=await eV(t);if(l&&e.length<2){let t=l?.split("."),i=t?.pop(),s=t?.pop(),a=`${s}.${i}`;e.push({label:a,value:l})}}eO(e)}})()},[es]),(0,s.useEffect)(()=>{if(J){document.documentElement.classList.remove("scroll-smooth","focus:scroll-auto");let e="50px",t="75px",l="112px";"ios"===Z&&(e="50px",t="30px",l="144px"),e$?document.body.style.marginTop=e:eW?document.body.style.marginTop=t:document.body.style.marginTop=l}},[J,Z,e$,eW]);let eV=async e=>{let t=await (0,a.getByPortal)(e);return t?.siteUrl};if(!A)return null;let eQ=r()("header-logo from-skin-header-1 to-skin-header-2 hidden",{"bg-gradient-to-r":"VDW"!==eL,"bg-gradient-to-t":"VDW"===eL,"lg:block":!F,"":"DK-EVENTS"!==eL});return Q=W?{background:"linear-gradient(to right, "+G+", "+Y+")"}:null,(0,i.jsxs)("header",{className:"header mb-6 contents",children:[J?null:(0,i.jsxs)(i.Fragment,{children:[P?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{className:r()("bg-skin-primary-ultralight hidden md:z-50",{"lg:block lg:relative":!F}),children:(0,i.jsx)("div",{className:"align-center mx-auto flex justify-center px-4 ",children:(0,i.jsxs)("div",{className:"-ml-2 flex items-center empty:hidden",children:[(0,i.jsxs)(y.Link,{href:"https://shop.delius-klasing.de/versandkosten/",className:"text-skin-primary mx-2 flex select-none items-center p-2 text-left font-sans text-xs font-normal tracking-wider",children:[(0,i.jsx)(L.I,{iconSize:"md",iconName:"delivery",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),(0,i.jsx)("span",{className:"ml-2 inline-flex",children:ew("LABEL_SHIPPING_COST")})]}),(0,i.jsxs)("span",{className:"text-skin-primary pointer-events-none mx-2 flex select-none items-center p-2 text-left font-sans text-xs font-normal tracking-wider",children:[(0,i.jsx)(L.I,{iconSize:"md",iconName:"secure",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),(0,i.jsx)("span",{className:"ml-2 inline-flex",children:ew("LABEL_SHIPPING")})]}),(0,i.jsxs)(y.Link,{href:"/kontakt/",className:"text-skin-primary mx-2 flex select-none items-center p-2 text-left font-sans text-xs font-normal tracking-wider",children:[(0,i.jsx)(L.I,{iconSize:"md",iconName:"info",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),(0,i.jsx)("span",{className:"ml-2 inline-flex",children:ew("LABEL_HELP_AND_CONTACT")})]})]})})})}):null,P?null:(0,i.jsx)("div",{className:r()({"hidden md:z-header":!0,"bg-skin-header-top-primary":!q&&!X,"bg-skin-premium-4":q||X,"lg:block lg:sticky lg:top-0":!F}),children:(0,i.jsxs)("div",{className:"align-center mx-auto flex min-h-[36px] max-w-screen-xl justify-between px-4",children:[(0,i.jsx)("div",{className:"-ml-2 mr-auto flex items-center empty:hidden",children:eS?(0,i.jsx)(i.Fragment,{children:eS.map((e,t)=>e?.hideInCurrentLanguage?null:(0,s.createElement)(S.SocialIcon,{...e,key:`header-socialNode-${t}`,highlightOnHover:"DK-EVENTS"===eL,isPremium:q||X}))}):null}),(0,i.jsxs)("div",{className:"-mr-2 ml-auto flex items-center",children:[!q&&!X&&!!eB&&(0,i.jsxs)(y.Link,{href:eB,className:"text-skin-premium-4 relative mx-2 inline-block w-full whitespace-nowrap px-2 text-sm",children:[ew("PREMIUM_ABO_LABEL"),(0,i.jsx)("span",{className:"ml-1 inline-block -translate-y-2 text-xs",children:ew("PREMIUM_ACTION_LABEL")})]}),eT.map((e,t)=>e?.hideInCurrentLanguage?null:(0,s.createElement)(S.SocialIcon,{...e,key:`header-serviceNode-${t}`,isPremium:q||X,isHighlight:e?.isHighlighted===!0})),U&&M.includes(eE)&&en&&!P?(0,i.jsx)(i.Fragment,{children:er?(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsxs)("button",{ref:ev,onClick:()=>{eu?(ef(!0),eh(!1),et(),ee?.sys?.id&&((0,w.trackPiwikEvent)("notification",`${ee?.title} (${ee?.sys?.id})`,"visible"),(0,E.Sc)("view",{type:"notification",name:`${ee?.title} (${ee?.sys?.id})`,action:"visible"}))):eg?ef(!1):ep(!ex)},className:"relative mx-2 flex cursor-pointer items-center whitespace-nowrap p-2 font-sans text-sm font-normal tracking-wider",children:[(0,i.jsx)(L.I,{iconSize:"lg",iconName:"user",iconType:"fill",iconColor:q||X?"dar
1k":"light",iconDisplay:"inline"}),(0,i.jsx)("span",{className:r()({"inline-block ml-1 truncate max-w-[20ch] align-bottom":!0,"text-white":!q&&!X,"text-skin-primary-ultradark":q||X}),children:ed?.includes("@")?ed.split("@")[0]:ed})]}),el&&ee?.notificationText?(0,i.jsx)(I.p,{passRef:eb,isPremium:q||X,showBox:eg,title:ee.notificationTitle,buttonURL:ee.notificationButtonLink,buttonText:ee.notificationButtonText,onClose:()=>ef(!1),onButtonClick:eN,children:(0,i.jsx)("p",{dangerouslySetInnerHTML:{__html:ee.notificationText.replaceAll("\n","<br/>")}})}):null,(0,i.jsx)("div",{ref:ek,className:`z-overlay absolute right-0 top-full mt-4 text-left ${ex?"block":"hidden"}`,children:(0,i.jsx)("div",{className:"h-auto rounded-lg bg-white drop-shadow-lg",children:(0,i.jsx)("div",{className:"h-auto min-w-64 max-w-72",children:(0,i.jsx)("div",{className:"h-full overflow-y-auto overflow-x-hidden",children:(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("div",{className:r()({"w-full border-b border-skin-primary-medium-2 p-5 rounded-t-lg":!0,"bg-skin-primary-ultradark":!q&&!X,"bg-skin-premium-4":q||X}),children:(0,i.jsx)("p",{className:r()({"text-md text-center w-full truncate":!0,"text-white":!q&&!X,"text-skin-primary-ultradark":q||X}),children:ed})}),(0,i.jsxs)("div",{className:r()({"flex flex-col items-start gap-6 p-5 rounded-b-lg":!0,"bg-skin-primary-ultralight/50":!q&&!X,"bg-skin-premium-4/10":q||X}),children:[(0,i.jsxs)("div",{className:"flex w-full flex-col gap-4 pt-1",children:[(0,i.jsx)(T.$,{link:`https://user.delius-klasing.de/profile/dashboard/?section=dashboard&pid=${(0,a.getActive)()?.id}`,linkTarget:"_self",buttonLabel:ew("PREMIUM_ACCOUNT_SETTINGS_LABEL"),buttonSize:"sm"}),(0,i.jsx)(T.$,{link:"/mein-bereich/",linkTarget:"_self",buttonLabel:ew("PREMIUM_ACCOUNT_LABEL"),buttonSize:"sm"})]}),(0,i.jsxs)("div",{className:"flex w-full flex-col gap-2",children:[(0,i.jsx)("div",{className:"text-skin-primary-ultradark text-base font-bold",children:"Wechseln zu"}),(0,i.jsxs)("ul",{className:"flex w-full flex-col gap-2 md:gap-1",children:[(0,i.jsx)("li",{children:(0,i.jsxs)(y.Link,{href:"https://shop.delius-klasing.de",target:"_self",className:"flex items-center gap-2",children:[(0,i.jsx)(L.I,{iconSize:"md",iconName:"cart",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),"Delius Klasing Shop"]})}),eC?.length?(0,i.jsx)(i.Fragment,{children:eC.map(e=>(0,i.jsx)("li",{children:(0,i.jsxs)(y.Link,{href:e.value,target:"_self",className:"flex items-center gap-2",children:[(0,i.jsx)(L.I,{iconSize:"md",iconName:"arrowTopRight",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),e.label]})},e.value))}):null]})]}),(0,i.jsx)(y.Link,{href:`/community/logout/?${new URLSearchParams({redirect:window.location.pathname})}`,target:"_self",className:"text-skin-primary-ultradark mt-2 w-full text-center font-sans text-base underline",children:ew("PREMIUM_ACCOUNT_LOGOUT_LABEL")})]})]})})})})})]}):(0,i.jsxs)("button",{onClick:()=>eo(),className:"relative mx-2 flex cursor-pointer items-center whitespace-nowrap p-2 font-sans text-sm font-normal tracking-wider text-white",children:[(0,i.jsx)(L.I,{iconSize:"lg",iconName:"user",iconType:"outline",iconColor:q||X?"dark":"light",iconDisplay:"inline"}),(0,i.jsxs)("span",{className:r()({"inline-flex ml-1":!0,"text-white":!q&&!X,"text-skin-primary-ultradark":q||X}),children:[" ",ew("LOGIN_BUTTON_LABEL")]})]})}):null,!j&&(0,i.jsx)(O.v,{type:"select",isPremium:q||X})]})]})}),!d&&P?(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:r()("mx-auto hidden max-w-screen-xl px-4 pt-7",{"lg:flex lg:items-center":!F}),children:[!N&&(0,i.jsx)("div",{className:eQ,style:Q,children:(0,i.jsx)(H,{homeLink:t,logoHeight:l})}),(0,i.jsx)("div",{className:"mx-8 flex w-full",children:(0,i.jsx)(R.SearchBar,{isHeader:!0,isShop:P})}),(0,i.jsxs)("div",{className:"flex items-end space-x-4",children:[U&&M.includes(eE)&&en&&(0,i.jsx)(i.Fragment,{children:er?(0,i.jsxs)(y.Link,{href:`https://user.delius-klasing.de/profile/dashboard/?pid=${(0,a.getActive)()?.id}`,target:"_self",className:"text-skin-primary flex cursor-pointer flex-col items-center justify-center font-sans text-xs font-normal tracking-wider",children:[(0,i.jsx)(L.I,{iconSize:"2xl",iconName:"user",iconType:"fill",iconColor:"dark",iconDisplay:"inline"}),(0,i.jsx)("span",{className:"ml-2 inline-flex whitespace-nowrap pt-1",children:ew("PROFILE_BUTTON_LABEL")})]}):(0,i.jsxs)("button",{onClick:()=>eo(),className:"text-skin-primary flex cursor-pointer flex-col items-center justify-center font-sans text-xs font-normal tracking-wider",children:[(0,i.jsx)(L.I,{iconSize:"2xl",iconName:"user",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),(0,i.jsx)("span",{className:"ml-2 inline-flex whitespace-nowrap pt-1",children:ew("LOGIN_BUTTON_LABEL")})]})}),(0,i.jsxs)("button",{onClick:()=>{e_?.(!0)},className:"text-skin-primary flex flex-col items-center justify-center font-sans text-xs font-normal tracking-wider md:cursor-pointer",children:[(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)(L.I,{iconSize:"2xl",iconName:"
1cart",iconType:"outline",iconColor:"dark",iconDisplay:"inline"}),eA?.totalQuantity>0&&(0,i.jsx)("span",{className:"border-skin-primary text-skin-primary absolute ml-1 rounded-full border bg-white px-1 font-sans text-[9px] font-normal uppercase tracking-wider",style:{top:"-7px",right:"-7px"},children:eA?.totalQuantity})]}),(0,i.jsx)("span",{className:"ml-2 inline-flex pt-1",children:ew("CART_BUTTON_LABEL")})]})]})]})}):null,d||P||N?null:(0,i.jsx)("div",{className:r()(eQ,{"px-4 py-6":"MEDIASALES"!==eL,"px-4 pt-9":"MEDIASALES"===eL}),style:Q,children:(0,i.jsx)(H,{homeLink:t,logoHeight:l})})]}),(0,i.jsx)(D,{enableSubnavigation:$,isShop:P,homeLink:t,streamValue:A,contentEntry:e,hoverEffect:n,socialNodes:eS,hoverEffectMainNavigationNode:z,serviceNodes:eT,headerSmall:d,hideSearch:m,hideLocale:j,logoHeight:l,hideNavigationLogo:_,useTabletStyleOnDesktop:F,enableScrollIndicator:K,showCommunity:U&&M.includes(eE),customBackground:W,backgroundPrimaryColor:G,backgroundSecondaryColor:Y,isPremium:q||X,invertNav:V,portalSelect:eC,isApp:J,isRubricPage:eW,isArticleDetail:e$,isHome:ez,platform:Z}),ez&&A?.mobileTopicSubnavi?.items?.[0]?.childrenCollection?.items?.length>0&&(0,i.jsx)(C,{items:A.mobileTopicSubnavi.items[0].childrenCollection.items.filter(Boolean).map(e=>({label:e.title,href:e.slug||e.externalLink,linkTarget:e.linkTarget})),activeSlug:eD?.slug})]})},H=({homeLink:e="/",logoHeight:t=null})=>{let{logo:l}=(0,N.A)(),s=(0,o.c)("common");if(l)return(0,i.jsx)(y.Link,{href:e,children:(0,i.jsx)("img",{className:"mx-auto block h-full",style:{height:t||60},src:(0,j.Hv)(l,{original:!0})})});switch((0,a.getActive)().id){case"WING":return(0,i.jsx)(y.Link,{href:e,className:"wing mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"WING",type:"claim"})});case"MOD":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"MOD",className:"text-skin-logo fill-current"})});case"BOOT":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"BOOT",className:"text-skin-logo-dark fill-current"})});case"GUTEFAHRT":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"GUTEFAHRT",className:"text-skin-secondary fill-current"})});case"BIKE":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"BIKE",type:"header"})});case"MYBIKE":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"MYBIKE",className:"text-skin-logo fill-current"})});case"YACHT":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"YACHT",className:"text-skin-logo fill-current"})});case"TOUR":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"TOUR",className:"text-skin-logo-dark fill-current"})});case"SUP":return(0,i.jsxs)("div",{className:"relative mx-auto block w-[var(--header-logo-width)]",children:[(0,i.jsx)(y.Link,{href:"https://www.surf-magazin.de/",className:"absolute -right-8 bottom-0 mx-auto block !w-[74px]",title:"Europas gr\xf6\xdftes Windsurf-Magazin",target:"_blank",children:(0,i.jsx)(P,{portal:"SUP",type:"claim",className:"text-skin-logo fill-current"})}),(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"SUP",className:"text-skin-logo fill-current"})})]});case"SURF":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"SURF",className:"text-skin-logo fill-current drop-shadow-[1px_1px_1px_rgba(0,0,0,0.7)]"})});case"DK-EVENTS":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"DK-EVENTS"})});case"DK-SHOP":return(0,i.jsx)(y.Link,{href:e,className:"block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"DK-SHOP"})});case"BOEX":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"BOEX",type:"claim",className:"text-skin-logo fill-current"})});case"DK-WEB":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"DK-WEB"})});case"VDW":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"VDW",type:"header"})});case"MEDIASALES":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"MEDIASALES",type:"header",className:"h-[41px] w-[374px]"})});case"PORSCHEFAHRER":return(0,i.jsx)(y.Link,{href:e,className:"mx-auto block",title:s("META_SITE_NAME"),children:(0,i.jsx)(P,{portal:"PORSCHEFAHRER",className:"text-skin-secondary fill-current"})});default:return null}},F=U},60737:(e,t,l)=>{"use strict";e.exports=l.p+"static/media/social-spotify.be317426.svg"},66432:(e,t,l)=>{"use strict";l.d(t,{n:()=>a});var i=l(55729),s=l(66938);let a=()=>{let{streamContext:e}=(0,i.useContext)(s.W);return e?.activeContent}},72394:(e,t,l)=>{"use strict";e.exports=l.p+"static/media/social-twitter.8ad3cb68.svg"},73529:e=>{e.exports={select:"LanguageSelect_select__IUkve",selectPremium:"LanguageSelect_selectPremium__652Zu"}},75696:(e,t,l)=>{"use strict";l.d(t,{_:()=>i});let i=(0,l(55729).createContext)({active:null})},76091:(e,t,l)=>{"use strict";l.d(t,{p:()=>d});var i=l(6029),s=l(71024),a=l.n(s),n=l(75828),r=l.n(n),o=l(33364);let c=a()(()=>l.e(64741).then(l.bind(l,64741)).then(e=>
1e.ReactComponent),{loadableGenerated:{webpack:()=>[64741]}}),d=({isPremium:e,children:t,showBox:l,title:s,buttonURL:a,buttonText:n="Mein Bereich",passRef:d,onClose:m=()=>{},onButtonClick:x=async()=>{}})=>{let p=async()=>{"function"==typeof x&&await x(),a&&window.open(a,"_self")};return(0,i.jsx)("div",{className:`absolute right-0 top-full mt-4 text-left transition-all duration-500 ${l?"pointer-events-auto visible opacity-100":"pointer-events-none invisible opacity-0"}`,ref:d,children:(0,i.jsx)("div",{className:"h-auto rounded-lg bg-white drop-shadow-lg",children:(0,i.jsx)("div",{className:"h-auto min-w-64 max-w-72",children:(0,i.jsx)("div",{className:"h-full overflow-y-auto overflow-x-hidden",children:(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsxs)("div",{className:r()({"w-full border-b border-skin-primary-medium-2 p-5 pr-8 rounded-t-lg relative":!0,"bg-skin-primary-ultradark":!e,"bg-skin-premium-4":e}),children:[(0,i.jsx)("p",{className:r()({"text-md text-center w-full truncate":!0,"text-white":!e,"text-skin-primary-ultradark":e}),children:s}),(0,i.jsx)("div",{className:"absolute right-0 top-0 flex cursor-pointer items-center justify-center p-2",onClick:()=>m(),children:(0,i.jsx)(c,{className:"size-6 shrink-0 fill-current text-white"})})]}),(0,i.jsx)("div",{className:r()({"flex flex-col items-start gap-6 p-5 rounded-b-lg":!0,"bg-skin-primary-ultralight/50":!e,"bg-skin-premium-4/10":e}),children:(0,i.jsxs)("div",{className:"flex w-full flex-col gap-4 pt-1",children:[(0,i.jsx)("div",{className:"text-base font-normal text-skin-primary-ultradark",children:t}),n&&a?(0,i.jsx)(o.$,{buttonLabel:n,buttonSize:"sm",onClick:p}):null]})})]})})})})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.