https://www.mehr-tanken.de/_next/static/chunks/varioussidecolscrolling.35bf586dcc53943d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7e3],{20719:(e,t,l)=>{"use strict";let n;l.r(t),l.d(t,{Ad:()=>v,Scrolling:()=>y,SidecolInner:()=>S,SidecolWrapper:()=>x,default:()=>E});var r=l(6029),i=l(55729),o=l(56760),s=l(32988),c=l.n(s),a=l(11665),d=l(15164),u=l(67460),g=l(81278);let m=(0,l(29784).vt)(e=>({hasScrolling:!1,setHasScrolling:t=>e(e=>({hasScrolling:t}))}));var f=l(38774),h=l(38252),p=l(40524);let y=({topicTitle:e,topicData:t,topRotationData:l,readAlsoData:s,topicMainpageUrl:c,showTopicOverview:a,hasSpecial:h,element:y,page:E,isDad:w,isGravel:q,isSosi:T,isMehrTanken:B,showMehrTankenLegend:j,adOrder:b=[],adOrder2:R=[],ads:N,showButton:H,hideAds:k,isStandalone:A=!1,...M})=>{let _={active:-1,ended:!1,lastAdTime:0},D=(0,i.useRef)({..._}),I=(0,i.useRef)({..._}),[L,z]=(0,i.useState)(),[F,$]=(0,i.useState)(null),[P,U]=(0,i.useState)(),[W,Z]=(0,i.useState)(0),[K,G]=(0,i.useState)(null),[J,O]=(0,i.useState)("static"),[Q,V]=(0,i.useState)(!1),[X,Y]=(0,i.useState)(!1),[ee,et]=(0,i.useState)(!1),[el,en]=(0,i.useState)(),[er,ei]=(0,i.useState)(!0),eo=(0,g.useRouter)(),es=m(e=>e.setHasScrolling),{isMobile:ec}=(0,i.useContext)(p.a),ea=(e=1)=>{if(k){L&&z(null),P&&U(null);return}let t=(1===e?D:I).current,l=1===e?b:R;if(!(Date.now()-t.lastAdTime<3e3)&&!t.ended&&(!window.APE_ExklusivWerbung||!(W>0))){if(null!=l[t.active]&&(n=l[t.active]),t.active++,console.log(`Scrolling Ad #${e} :: index ${t.active} :: last ${n}`),t.active>-1){let n=l[t.active];if(t.active>l.length-1){console.log(`Scrolling Ad #${e} :: ended!`),t.ended=!0;return}n?(console.log(`Scrolling Ad #${e} :: new ${n}`),1===e?(z(n),$(n)):U(n)):console.log(`Scrolling Ad #${e} :: skipping change null in order!`),t.lastAdTime=Date.now()}return()=>{n&&null!=l[t.active]&&(console.log(`Scrolling Ad #${e} :: unmount ${n}`),C(n))}}},ed=(e=null)=>{let t=0,l=0,n=0,r=document?.querySelector("#maincol_article .va-maincol"),i=document?.getElementById("areTopArticles"),o=document?.querySelectorAll(".maincol_list"),s=o?.[0],c=o?.[o.length-1],a=document?.querySelector(".va-sidecol > div")?.offsetHeight||0,d=document?.getElementById("ads-container"),u=document?.querySelector(".va-scroll-sticky")?.offsetHeight||0,g=document.querySelector(".mto-form");document.querySelector("[data-hub-sidecol-target='true']");let m=!1;u>100&&(m=!0),ei(m),u+=document?.querySelector(".va-header-meta")?.offsetHeight||0,u+=document?.querySelector(".va-commercial-posterad")?.offsetHeight||0;let f=document.querySelector("[data-techdata-sidecol-target='true']"),h=document.querySelector("[data-techdata-scrolling-element='true']"),p=document?.getElementById("maincol_topics"),y=document?.getElementById("maincol_topics_hub");f?en(f):r?en(document.querySelector("[data-widecol='va-widecol']")):p?(en(document.querySelector("[data-widecol='va-widecol']")),r=p):s||j?en(document.querySelector("[data-widecol='va-widecol']")):g&&g.parentElement?en(g.parentElement):y&&en(y),document?.querySelector(".va-commercial-posterad")?.offsetHeight&&(u+=41),f?(n=f.offsetTop,l=f.offsetTop):r&&(r.getBoundingClientRect().height>0||i&&i.getBoundingClientRect().height>0)?(n=r.offsetTop,l=r.offsetTop):s&&(n=s.offsetTop,l=c.offsetTop),d&&d?.offsetHeight==0&&s&&s?.getBoundingClientRect().top>20&&d?.firstChild?.firstElementChild?.style?.display!="none"&&!d?.firstChild?.firstElementChild?.classList?.contains("sdgRemoved")?n=s.getBoundingClientRect().top:d&&d?.offsetHeight==0&&r&&r?.getBoundingClientRect().top>20&&d?.firstChild?.firstElementChild?.style?.display!="none"&&!d?.firstChild?.firstElementChild?.classList?.contains("sdgRemoved")&&(n=r.getBoundingClientRect().top),n+=u,l+=u,t+=r?.clientHeight||0;for(let e=0;e<o.length;e++){let l=o[e];t+=l?.clientHeight||0}let x=document?.querySelector(".va-xmas")?.offsetHeight||0,S=m?142:56,v=!1;v=h?h.scrollTop>n-S:(!(d&&d?.offsetHeight==0&&s&&s?.getBoundingClientRect().top>20)||d?.firstChild?.firstElementChild?.style?.display=="none"||!!d?.firstChild?.firstElementChild?.classList?.contains("sdgRemoved"))&&(!(d&&d?.offsetHeight==0&&r&&r?.getBoundingClientRect().top>20)||d?.firstChild?.firstElementChild?.style?.display=="none"||!!d?.firstChild?.firstElementChild?.classList?.contains("sdgRemoved"))&&document?.scrollingElement?.scrollTop>n-S;let C=document?.scrollingElement?.scrollTop<n+t-a-S-x;if(v&&C&&!window.teaserClicked){let e=Math.floor((document?.scrollingElement?.scrollTop-l)/1500%10);e<0&&(e=0),window.APE_ExklusivWerbung||Z(e),V(!1),O("fixed")}else C?(V(!1),O("static")):(V(t-a-(0==x?20:40)-x),O("relative"))};(0,u._)("techdataSidecol",ed),(0,i.useEffect)(()=>{eu()},[eo.asPath]),(0,i.useEffect)(()=>

1{if(K>=0)return console.log("Scrolling preindex-reload1",K),ea(1)},[K]),(0,i.useEffect)(()=>{if(K>=0)return console.log("Scrolling preindex-reload2",K),ea(2)},[K]),(0,i.useEffect)(()=>(console.log("Scrolling activeindex-reload1"),ea(1)),[W]),(0,i.useEffect)(()=>(console.log("Scrolling activeindex-reload2"),ea(2)),[W]);let eu=async e=>{let t=document.getElementById("maincol_article"),l=document.querySelector(".maincol_list"),r=document.querySelector("#maincol_topics"),i=document.querySelector(".mto-form");!1!==window.teaserClicked||e||(W>=0&&(L&&C(L),n&&(C(n),n=null),D.current.active=-1,D.current.ended=!1,D.current.lastAdTime=0,I.current.active=-1,I.current.ended=!1,I.current.lastAdTime=0,z(null),$(null),K==W?G(100):G(W),Z(0)),window.removeEventListener("scroll",ed)),t||l||r||i?(window.teaserClicked=!1,es(!0),ed(),window.addEventListener("scroll",ed)):window?.document&&setTimeout(()=>{eu(!0)},2e3)};if((0,i.useEffect)(()=>{es(!!el),ed()},[el]),!el&&!A||ec)return null;t?.length,l?.length,s?.length;let eg=null;return j&&(eg=(0,r.jsx)(f.u,{isSidecol:!0})),(0,r.jsxs)(r.Fragment,{children:[A?(0,r.jsx)(x,{setIsTechdata:Y,upperZIndex:B&&j,children:(0,r.jsxs)(S,{position:J,top:Q,navigationFlyoutUnfolded:er,isMehrTanken:B,isTechdata:X,hideAds:k,children:[L&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.N,{}),(0,r.jsx)(v,{activeAd:N[L],sdgName:F})]}),eg,P&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.N,{}),(0,r.jsx)(v,{activeAd:N[P]})]})]})}):(0,o.createPortal)((0,r.jsx)(x,{setIsTechdata:Y,setIsHub:et,upperZIndex:B&&j,children:(0,r.jsxs)(S,{position:J,top:Q,navigationFlyoutUnfolded:er,isMehrTanken:B,isTechdata:X,hideAds:k,isHub:ee,children:[L&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.N,{}),(0,r.jsx)(v,{activeAd:N[L],sdgName:F})]}),eg,P&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.N,{}),(0,r.jsx)(v,{activeAd:N[P]})]})]})}),el)," "]})},x=({children:e,setIsTechdata:t,setIsHub:l,upperZIndex:n,hideAds:r})=>{let o=(0,g.useRouter)(),s=(0,i.useRef)(),[c,a]=(0,i.useState)(!1),{project:d}=(0,i.useContext)(h.HP),m="MEHR-TANKEN"===(d=String(d).toUpperCase()),f=()=>{if(!s.current)return;let e=document.querySelector(".va-topic-article"),n=document.querySelector("[data-widecol='va-widecol']"),r=document.querySelector("[data-techdata-sidecol-target='true']"),i=document.querySelector("[data-video-detail-target='true']"),c=document.querySelector("[data-tourplanner-sidecol-target='true']"),u=document.querySelector("[data-formel1DriversAndTeams-sidecol-target='true']"),g=document.querySelector("[data-formel1calendar-sidecol-target='true']"),f=document.querySelector("[data-gp-sidecol-text-target='true']"),h=document.querySelector("[data-gp-sidecol-target='true']"),p=document.querySelector("[data-f1race-sidecol-target='true']"),y=document.querySelector("[data-tickaroo-sidecol-target='true']"),x=document.querySelector(".mto-form"),S=document.querySelector("[data-story-sidecol-target='true']"),v=document.querySelector(".va-article, .va-pitch, .va-topic-article"),C=document.querySelector(".va-pitch");document.querySelector("[data-various-teaser='true']");let E=document.querySelector("[data-navigation-brand='true']"),w=document.querySelector("[data-hub-sidecol-target='true']"),q=document?.getElementById("ads-container");if(t(r),!n)return null;let T=C?48:30;e?T=85:v&&!C&&(T=0);for(let t=0;t<n?.children?.length;t++){let l=n.children[t],r=!!l.querySelector(".va-maincol"),i=!!l.querySelector(".va-article")||l.classList.contains("va-article"),o=l.classList.contains("va-topic-article"),s=l.getAttribute("data-various-teaser");l.classList.contains("va-sidecol");let c=E&&("AMS"===d||"MRD"===d);if(m&&i)break;if(r||i||s||c){if(q&&q?.offsetHeight!=0&&c&&!e&&(T+=q?.offsetHeight),E&&E.getBoundingClientRect().height&&"AMS"==d&&!e?T+=E.getBoundingClientRect().height:E&&E.getBoundingClientRect().height&&"MRD"==d&&!e&&(T+=280),E&&document.getElementsByClassName("brandree-list-series")&&("AMS"==d||"MRD"==d)&&document.getElementsByClassName("brandree-list-series").length>0&&!e){"MRD"==d&&(T-=280,T+=E.getBoundingClientRect().height);let e=document.getElementsByClassName("brandree-list-series");if(e&&e.length)for(let t=0;t<e.length;t++)T+=e[t].getBoundingClientRect().height;T+=20}if(E&&document.getElementsByClassName("brandtree-list-generation")&&("AMS"==d||"MRD"==d)&&document.getElementsByClassName("brandtree-list-generation").length>0&&!e){"MRD"==d&&(T-=280,T+=E.getBoundingClientRect().height),T+=100;let e=document.getElementsByClassName("brandtree-list-generation");if(e&&e.length)for(let t=0;t<e.length;t++)T+=e[t].getBoundingClientRect().height}if(E&&document.getElementsByClassName("brandtree-webauto")&&"AMS"==d&&document.getElementsByClassName("brandtree-webauto").length>0&&!e){T+=25;let e=document.getElementsByClassName("brandtree-webauto");if(e&&e.length)for(let t=0;t<e.length;t++)T+=e[t].getBoundingClientRect().height}break}if(!o)T+=l.getBoundingClientRect().height}if(document.getElementById("articleHeader")?.classList.contains("lg:w-maincol"))T+=36;else if(v)for(let e=0;e<v?.children?.length;e++){let t=v.children[e];if(t.querySelector(".va-maincol"))break;T+=t.getBoundingClientRect().height}if(r)s.current.style.paddingTop="25px";else if(c)s.current.style.paddingTop="850px";else if(S)T+=30,s.current.style.paddingTop=T+"px";else if(x)s.current.style.position="absolute",s.current.style.top="50px",s.current.style.left="800px",s.current.style.height="150px";else if(u||g)s.current.style.paddingTop="270px";else if(f&&!h)q&&q?.offsetHeight!=0?s.current.style.paddingTop=1020+q?.offsetHeight+"px":s.current.style.paddingTop="1020px";else if(f&&h){let e=document.querySelector(".va-teaser-list");if(e){let t=e?.offsetHeight;var B=e?.currentStyle||window.getComputedStyle(e);t+=parseInt(B?.paddingTop)+parseInt(B?.paddingBottom),s.current.style.paddingTop=T+t+"px"}else s.current.style.paddingTop="520px"}else p?s.current.style.paddingTop="550px":y?q&&q?.offsetHeight!=0?s.current.style.paddingTop=340+q?.offsetHeight+"px":s.current.style.paddingTop="340px":i?q&&q?.offsetHeight!=0?s.current.style.paddingTop="920px":s.current.style.paddingTop="645px":w?(s.current.style.paddingTop="1020px",l(!0)):s.current.style.paddingTop=T+"px";let j=document?.querySelector("#maincol_article .va-maincol"),b=o?.query?.speakingUrl;a((b?.[0]!=="regional-tanken"||b?.[b?.length-2]!=="tankstelle")&&j)};(0,u._)("scroll",()=>f()),(0,i.useEffect)(()=>f(),[]),(0,u._)("techdataSidecol",()=>f()),(0,i.useEffect)(()=>{let e=setInterval(f,200);return()=>{clearInterval(e)}},[])},S=({children:e,position:t,top:l,navigationFlyoutUnfolded:n,isTechdata:o,isMehrTanken:s,hideAds:a,isHub:d})=>{let[u,g]=(0,i.useState)(0),m=n&&!l||s&&u>100,[f,h]=(0,i.useState)(!0);function p(){s&&g(document.querySelector(".va-header-wrapper")?.offsetHeight||0),d&&(()=>{let e=document.querySelector("[data-hub-sidecol-target='true']");if(e){let t=e.getBoundingClientRect();t.top<window.innerHeight&&t.bottom>=0?h(!0):h(!1)}else h(!1)})()}(0,i.useEffect)(()=>

1{if(s||d)return window.addEventListener("scroll",p),()=>{window.removeEventListener("scroll",p)}},[s,d]);let y=0;return m&&!o?y=142:!l&&!m||o||a?y=56:d&&(y=55),(0,r.jsx)("div",{className:c()({"z-1 lg:w-px-300 transition-all pb-px-80":!0,"sticky ":!d||!!f}),style:{top:y},children:e})},v=({activeAd:e,sdgName:t=null})=>{if(!(!e||e?.doesNotExist))return e.isFromScrolling=!0,e.sdgName=t,(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:"pb-9",children:(0,r.jsx)(a.Element,{data:e})})})},C=e=>{if(window["slot_"+e])try{googletag.destroySlots([window["slot_"+e]])}catch(e){console.error("googletag.destroySlots",e)}},E=y},37175:(e,t,l)=>{e.exports=l.p+"static/img/mt/mts-symbol.svg"},38774:(e,t,l)=>{"use strict";l.d(t,{u:()=>S});var n=l(6029),r=l(31332),i=l(70217),o=l(32988),s=l.n(o),c=l(69304),a=l.n(c),d=l(46025),u=l.n(d),g=l(7915),m=l.n(g),f=l(37175),h=l.n(f),p=l(41498);let y=({icon:e,text:t})=>(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)(x,{icon:e}),(0,n.jsx)(i.Text,{isDarkMode:!0,size:"small",children:t})]}),x=({icon:e="community"})=>{let t=s()({"size-5 flex items-center":!0});switch(e){case"community":case"user":return(0,n.jsx)(p.B,{src:a(),className:t});case"fuelMore":return(0,n.jsx)(p.B,{src:u(),className:t});case"flizzi":case"station":return(0,n.jsx)(p.B,{src:m(),className:t});case"mts":return(0,n.jsx)(p.B,{src:h(),className:t});default:return null}},S=({headline:e,text:t,showInitially:l=!1,isSidecol:i=!1})=>(0,n.jsxs)("div",{className:s()({"flex flex-col space-y-4":!0,absolute:i}),"data-mehr-tanken-symbol-explanation":"1",style:{display:l||i?"

1initial":"none"},children:[(0,n.jsx)("div",{children:(0,n.jsx)(r.Headline,{size:"xs",headline:e,isDarkMode:!0})}),(0,n.jsxs)("div",{className:"flex flex-col space-y-2",children:[(0,n.jsx)(y,{icon:"flizzi",text:"Diese Tankstellen liefern Daten direkt an uns"}),(0,n.jsx)(y,{icon:"mts",text:"Diese Daten werden von der Markttransparenzstelle geliefert"}),(0,n.jsx)(y,{icon:"fuelMore",text:"Diese Daten werden von mehr-tanken recherchiert"}),(0,n.jsx)(y,{icon:"community",text:"Diese Daten werden von Nutzern gemeldet"})]})]})},46025:(e,t,l)=>{e.exports=l.p+"static/img/mt/mehr-tanken-symbol.svg"},69304:(e,t,l)=>{e.exports=l.p+"static/img/mt/community-symbol.svg"}}]);