1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1971],{9883:(e,n,t)=>{t.d(n,{A:()=>y});var a=t(17121),i=t(73901),l=t(95749),r=t(14890),d=t(44933),s=t(78883),o=t(9101),m=t(5347),c=t(6641),v=t(97803),u=t(66593),g=t(25208);function x(){let e=(0,m._)(["\n query LoadMoreRelatedArticles(\n $entityId: Int!\n $offset: Int!\n $excludeIds: [Int!]!\n ) {\n loadMoreRelatedArticles(\n entityId: $entityId\n offset: $offset\n excludeIds: $excludeIds\n ) {\n items {\n ...NodeArticleTeaser\n ...NodeRecipeTeaser\n ...NodeTopicPageTeaser\n }\n total\n }\n }\n\n ","\n ","\n ","\n"]);return x=function(){return e},e}let h=(0,c.J1)(x(),g.e,v.J,u.b);var f=t(38700),p=t(79328);function y(e){var n,t,m,c,v,u;let{data:g,title:x,icon:y,relatedArticlesIcon:_,iconWrapperClassName:b,loadMoreButtonProps:I}=e,j=null!=(v=null==(n=g.relatedArticles)?void 0:n.items)?v:[],[A,N]=(0,l.useState)(j),[k,w]=(0,l.useState)(!0),[T,{loading:D}]=(0,i._)(h),M=(0,l.useCallback)(async()=>{var e,n,t,a,i;let l=null!=(i=null==(e=g.relatedArticles)?void 0:e.items)?i:[],r={entityId:g.id,offset:A.length-l.length,excludeIds:l.map(e=>e.id)},d=null==(a=(await T({variables:r})).data)||null==(t=a.loadMoreRelatedArticles)||null==(n=t.items)?void 0:n.filter(
1Boolean);(!d||0===d.length||d.length<6)&&w(!1),d&&d.length>0&&N(e=>e.concat(function(e){let n=e.slice();for(let e=n.length-1;e>=1;e--){let t=Math.floor(Math.random()*(e+1));[n[e],n[t]]=[n[t],n[e]]}return n}(d)))},[g.id,A.length,T,null==(t=g.relatedArticles)?void 0:t.items]),P=k&&(null!=(u=null==(m=g.relatedArticles)?void 0:m.total)?u:0)>A.length;return 0===A.length?null:(0,a.jsxs)("div",{className:"related-articles",children:[(0,a.jsx)(d.A,{}),(0,a.jsxs)("div",{className:"mt-6 flex items-center gap-3",children:[y?b?(0,a.jsx)("div",{className:(0,p.A)("flex h-[50px] w-[50px] items-center justify-center",b),children:(0,a.jsx)(o.A,{width:y.width,height:y.height,src:y.src,alt:y.alt,className:"h-[35px] w-[35px]",sizes:"35px"})}):(0,a.jsx)(o.A,{width:y.width,height:y.height,src:y.src,alt:y.alt,className:"h-[55px] w-[55px]",sizes:"55px"}):_?(0,a.jsx)(o.A,{src:_,alt:"",className:"h-[55px] w-[55px]"}):null,(0,a.jsx)("div",{className:"text-2xl font-medium",children:null!=x?x:"Noch mehr ".concat(String(null==(c=g.primaryTopic)?void 0:c.name),"?")})]}),(0,a.jsx)("div",{className:"mt-6 hidden grid-cols-1 gap-6 md:grid-cols-2 lg:grid lg:grid-cols-3",children:A.map((e,n)=>(0,a.jsx)(s.A,{data:e,index:n,teaserType:"related-articles"},e.id))}),(0,a.jsx)("div",{className:"my-4 lg:hidden",children:(0,a.jsx)(f.FN,{opts:{align:"start"},children:(0,a.jsxs)(f.Wk,{children:[A.map((e,n)=>(0,a.jsx)(f.A7,{className:"flex basis-[80%] flex-col lg:basis-1/3",children:(0,a.jsx)(s.A,{data:e,index:n,teaserType:"related-articles",className:"h-full"})},n)),(0,a.jsx)(f.A7,{className:"flex max-w-[150px] flex-col items-center justify-center",children:P&&(0,a.jsx)("div",{className:"mb-6 mt-6 flex justify-center",children:(0,a.jsx)(r.A,{variant:"primary",size:"small",onClick:M,loading:D,disabled:D,...I,children:"Mehr laden"})})})]})})}),P&&(0,a.jsx)("div",{className:"mb-6 mt-6 hidden justify-center lg:flex",children:(0,a.jsx)(r.A,{variant:"primary",size:"small",onClick:M,loading:D,disabled:D,...I,children:"Mehr laden"})})]})}},25208:(e,n,t)=>{t.d(n,{e:()=>c});var a=t(5347),i=t(6641),l=t(71919);function r(){let e=(0,a._)(["\n fragment MediaIcon on MediaIcon {\n src\n width\n name\n height\n alt\n title\n }\n"]);return r=function(){return e},e}let d=(0,i.J1)(r());var s=t(71239),o=t(80199);function m(){let e=(0,a._)(["\n fragment NodeTopicPageTeaser on NodeTopicPage {\n id\n name\n url\n teaserMedia {\n ...MediaImage\n ...NodeTeaserStyles\n }\n teaserText\n introText\n aufmacher {\n ...ParagraphImage\n ... on ParagraphImage {\n image {\n ...NodeTeaserStyles\n }\n }\n }\n icon {\n ...MediaIcon\n }\n }\n\n ","\n ","\n ","\n ","\n"]);return m=function(){return e},e}let c=(0,i.J1)(m(),l.Z,o.j,s.P,d)},33881:(e,n,t)=>{t.d(n,{m:()=>l});var a=t(5347);function i(){let e=(0,a._)(["\n fragment ImageDerivative on ImageDerivative {\n src\n width\n height\n }\n"]);return i=function(){return e},e}let l=(0,t(6641).J1)(i())},53143:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var a=t(17121),i=t(58480);let l={topicPage:{container:"my-0",textBeforeLink:"text-base normal-case text-green-dkr-400"},teaser:{container:"absolute right-1 top-1 z-10",textBeforeLink:"normal-case text-[12px] leading-none self-end -mr-1"}},r={textBeforeLink:"normal-case text-base text-text-gray"};function d(e){let{data:n,variant:t,...d}=e,s=t?l[t]:r;return(0,a.jsx)(i.A,{data:n,classNames:s,...d})}},58480:(e,n,t)=>{t.d(n,{A:()=>d});var a=t(17121),i=t(44167),l=t(16418),r=t(79328);function d(e){var n,t;let{data:d,compact:s=!1,classNames:o,...m}=e;return d?(0,a.jsx)("div",{className:(0,r.A)("my-4 flex justify-center",{"my-0":s},null==o?void 0:o.container),...m,children:(0,a.jsx)(l.default,{href:null==(n=d.link)?void 0:n.url,className:"block",children:(0,a.jsxs)("div",{className:(0,r.A)("relative ml-[24px] mr-[32px] flex items-center py-2",null==o?void 0:o.wrapper,{"items-center":"centered"===d.textAlignment,"items-start":"top"===d.textAlignment,"items-end":"bottom"===d.textAlignment,"ml-0 mr-0 bg-transparent py-0":s}),children:[(0,a.jsx)("div",{className:(0,r.A)(null==o?void 0:o.decorationBefore,{hidden:s}),style:{backgroundSize:"100% 100%"}}),(0,a.jsxs)("div",{className:(0,r.A)("flex items-center gap-3",{"items-end gap-1.5":s}),children:[d.textBeforeLink&&(0,a.jsx)("div",{className:(0,r.A)("text-xs uppercase text-white",{"text-sm font-bold normal-case leading-[0.5]":s},null==o?void 0:o.textBeforeLink),children:d.textBeforeLink}),(null==(t=d.logo)?void 0:t.image)&&(0,a.jsx)(i.A,{data:d.logo,imageStyles:["image","image_hd"],sizes:"135px",className:(0,r.A)("max-h-[45px] w-auto",{"bg-white":s}),fallbackWidth:135,fallbackHeight:45})]}),(0,a.jsx)("div",{className:(0,r.A)(null==o?void 0:o.decorationAfter,{hidden:s}),style:{backgroundSize:"100% 100%"}})]})})}):null}},58719:(e,n,t)=>{t.d(n,{p:()=>d});var a=t(5347),i=t(6641);function l(){let e=(0,a._)(["\n fragment Link on Link {\n url\n title\n }\n"]);return l=function(){return e},e}function r(){let e=(0,a._)(["\n fragment TopicPageLink on TopicPageLink {\n url\n title\n }\n"]);return r=function(){return e},e}let d=(0,i.J1)(l());(0,i.J1)(r())},64548:(e,n,t)=>{t.d(n,{A:()=>x});
1var a=t(17121),i=t(13015),l=t(95749),r=t(36376),d=t(5789),s=t(52238),o=t(66498),m=t(10667),c=t(61161),v=t(12217),u=t(31401),g=t(20964);function x(e){var n,t;let{contentId:x,embedType:h,withLabel:f,autostart:p,onEvent:y,trackingPageData:_,onPlay:b,ref:I,trackingPlayLogic:j}=e,A=(0,l.useRef)(null),N=(0,c.y)(),k=(0,m.S)(),w=(0,s.r)(),T=(0,d.W)(),D=!!(N.contentPassCname&&N.contentPassPropertyId),M=(0,o.h)(),P=(0,u.A)(),S=(0,l.useRef)(!1),L={templateData:{enableAdSupport:!(T.adsDisabled||P||D&&((0,v.Xj)()||M.isLoggedIn)),headerSelector:"header"===h||"header_c2p"===h||"header_preClick2Play"===h?"#header-main":void 0}},C=()=>{var e;let n=null==(e=A.current)?void 0:e.querySelector("green-video"),t=null==n?void 0:n.querySelector('button[aria-label="click to play"]');t&&(null==t||t.click())};(0,l.useImperativeHandle)(I,()=>({play:C})),(0,l.useEffect)(()=>(window._xymaticVideoAvailable=!0,()=>{window._xymaticVideoAvailable=!1}),[]),(0,l.useEffect)(()=>{let e=null,n=e=>{"first_play"===e.detail.type&&(_&&!S.current&&((0,g.JM)(_,null!=j?j:"none"),S.current=!0),null==b||b()),"embed_visible"===e.detail.type&&p&&C(),null==y||y(e)};return window.customElements.whenDefined("green-video").then(()=>{if(A.current){let t=(e=A.current).querySelector("green-video");null==t||t.addEventListener("gv-player-event",n)}}),()=>{var t;null==e||null==(t=e.querySelector("green-video"))||t.removeEventListener("gv-player-event",n)}},[p,h,y,b,_]);let J=(0,l.useMemo)(()=>"in_article"===h?w.xymatic.embedIds.inArticle:"in_article_no_dock"===h?w.xymatic.embedIds.inArticleWithoutDock:"header_c2p"===h?w.xymatic.embedIds.headerC2P:"header_preClick2Play"===h?w.xymatic.embedIds.preClick2Play:w.xymatic.embedIds.default,[h,w]);return x&&J?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.default,{id:"xymatic",src:N.xymaticScriptSrc,"data-license-key":null==(t=k.siteConfiguration)||null==(n=t.xymatic)?void 0:n.license_key,strategy:"afterInteractive"},"xymatic"),f&&(0,a.jsx)(r.default,{label:"Video zum Rezept",className:"my-4"}),(0,a.jsx)("div",{className:"aspect-video",ref:A,children:(0,a.jsx)("green-video",{"embed-id":J,"content-id":x,children:(0,a.jsx)("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(L)}})})})]}):null}},65515:(e,n,t)=>{t.d(n,{A:()=>d});var a=t(17121),i=t(44167),l=t(16418),r=t(79328);function d(e){let{data:n,className:t,authorName:d,prefix:s,...o}=e;if(!n)return d?(0,a.jsxs)("div",{className:(0,r.A)("my-4 flex items-center",t),...o,children:[(0,a.jsx)("div",{className:"border-brand-accent bg-brand-accent mr-3 flex h-[50px] w-[50px] shrink-0 items-center justify-center overflow-hidden rounded-full border-2 text-xl font-bold text-white",children:d.charAt(0).toUpperCase()}),(0,a.jsx)("div",{className:"mr-1",children:null!=s?s:"Artikel von"}),(0,a.jsx)("div",{className:"font-bold",children:d})]}):null;let m=(0,a.jsxs)(a.Fragment,{children:[n.photo&&(0,a.jsx)(i.A,{data:n.photo,imageStyles:["thumbnail","thumbnail_hd"],sizes:"100vw",hideCopyright:!0,className:"mr-3 max-h-[50px] max-w-[50px] overflow-hidden rounded-full border-2 border-gray-200"}),(0,a.jsx)("div",{className:"mr-1",children:null!=s?s:"Artikel von"}),(0,a.jsx)("div",{className:"font-bold",children:n.name})]});return(0,a.jsx)("div",{className:(0,r.A)("my-4 flex items-center",t),...o,children:n.url?(0,a.jsx)(l.default,{href:n.url,className:"flex items-center transition-opacity hover:opacity-80",children:m}):m})}},66593:(e,n,t)=>{t.d(n,{b:()=>c});var a=t(5347),i=t(6641),l=t(76909),r=t(33881),d=t(71919),s=t(71239),o=t(80199);function m(){let e=(0,a._)(['\n fragment NodeRecipeTeaser on NodeRecipe {\n id\n name\n url\n kicker\n introText\n teaserText\n primaryTopic {\n name\n }\n secondaryTopics {\n name\n }\n image {\n ...MediaImage\n ...NodeTeaserStyles\n }\n aufmacher {\n ...ParagraphImage\n ... on ParagraphImage {\n image {\n ...NodeTeaserStyles\n }\n }\n }\n rating {\n rating\n }\n totalComments\n bookmarkCount\n cookingTotalTime\n preparationTime\n difficultyLevel {\n name\n }\n campaign {\n ...Advertorial\n }\n aufmacherVideo {\n __typename\n }\n author {\n id\n name\n photo {\n ...MediaImage\n thumbnail: derivative(style: "author_thumbnail") {\n ...ImageDerivative\n }\n }\n url\n }\n showEatbetterBranding\n numberPortions\n }\n\n ',"\n ","\n ","\n ","\n ","\n"]);return m=function(){return e},e}let c=(0,i.J1)(m(),l.c,s.P,o.j,d.Z,r.m)},71239:(e,n,t)=>{t.d(n,{P:()=>l});var a=t(5347);function i(){let e=(0,a._)(["\n fragment MediaImage on MediaImage {\n src\n width\n name\n source\n height\n alt\n description\n copyright\n title\n }\n"]);return i=function(){return e},e}let l=(0,t(6641).J1)(i())},71919:(e,n,t)=>{t.d(n,{Z:()=>d});
1var a=t(5347),i=t(6641),l=t(33881);function r(){let e=(0,a._)(['\n fragment NodeTeaserStyles on MediaImage {\n xl: derivative(style: "1200_900") {\n ...ImageDerivative\n }\n xl_2x: derivative(style: "2400_1800") {\n ...ImageDerivative\n }\n lg: derivative(style: "350_265") {\n ...ImageDerivative\n }\n lg_2x: derivative(style: "700_530") {\n ...ImageDerivative\n }\n md: derivative(style: "768_576") {\n ...ImageDerivative\n }\n md_2x: derivative(style: "1536_1152") {\n ...ImageDerivative\n }\n sm: derivative(style: "576_432") {\n ...ImageDerivative\n }\n sm_2x: derivative(style: "1152_864") {\n ...ImageDerivative\n }\n }\n\n ',"\n"]);return r=function(){return e},e}let d=(0,i.J1)(r(),l.m)},73161:(e,n,t)=>{t.d(n,{A:()=>s});var a=t(17121),i=t(10853);let l=e=>{let n=(0,i.Sp)("ParagraphContentGallery");return n?(0,a.jsx)(n,{...e}):null};var r=t(44167),d=t(64548);function s(e){let{data:n}=e;if(!n)return null;if("ParagraphImage"===n.__typename)return(0,a.jsx)(r.A,{data:n.image,imageStyles:["lg","lg_2x","md","md_2x","sm","sm_2x"],sizes:"100vw",loading:"eager",fetchPriority:"high"});if("ParagraphContentGallery"===n.__typename)return(0,a.jsx)(l,{data:n});if("ParagraphNexxVideo"===n.__typename){var t;return(0,a.jsx)(d.A,{contentId:null==(t=n.video)?void 0:t.src,withLabel:!0,embedType:"in_article"})}return null}},76909:(e,n,t)=>{t.d(n,{c:()=>m});var a=t(5347),i=t(6641),l=t(33881),r=t(58719);function d(){let e=(0,a._)(["\n fragment MediaLogo on MediaLogo {\n src\n width\n name\n height\n alt\n title\n }\n"]);return d=function(){return e},e}let s=(0,i.J1)(d());function o(){let e=(0,a._)(['\n fragment Advertorial on Advertorial {\n adKeywords {\n key\n value\n }\n customerName\n disableAds\n disableOpinary\n disableOutbrain\n link {\n ...Link\n }\n logo {\n ...MediaLogo\n image: derivative(style: "135x45") {\n ...ImageDerivative\n }\n image_hd: derivative(style: "270x90") {\n ...ImageDerivative\n }\n }\n logoPosition\n textAlignment\n textBeforeLink\n }\n\n ',"\n ","\n ","\n"]);return o=function(){return e},e}let m=(0,i.J1)(o(),r.p,l.m,s)},80199:(e,n,t)=>{t.d(n,{j:()=>o});var a=t(5347),i=t(6641),l=t(33881),r=t(58719),d=t(71239);function s(){let e=(0,a._)(['\n fragment ParagraphImage on ParagraphImage {\n image {\n ...MediaImage\n ... on MediaImage {\n desktop: derivative(style: "700_530") {\n ...ImageDerivative\n }\n desktop_2x: derivative(style: "1400_1060") {\n ...ImageDerivative\n }\n tablet: derivative(style: "full_width_tablet_4_3") {\n ...ImageDerivative\n }\n tablet_2x: derivative(style: "full_width_tablet_4_3_2x") {\n ...ImageDerivative\n }\n mobile: derivative(style: "full_width_mobile_4_3") {\n ...ImageDerivative\n }\n mobile_2x: derivative(style: "full_width_mobile_4_3_2x") {\n ...ImageDerivative\n }\n }\n }\n imageCaption\n imageMobile {\n ...MediaImage\n ... on MediaImage {\n mobile: derivative(style: "full_width_mobile_4_3") {\n ...ImageDerivative\n }\n mobile_2x: derivative(style: "full_width_mobile_4_3_2x") {\n ...ImageDerivative\n }\n }\n }\n imageTablet {\n ...MediaImage\n ... on MediaImage {\n tablet: derivative(style: "full_width_tablet_4_3") {\n ...ImageDerivative\n }\n tablet_2x: derivative(style: "full_width_tablet_4_3_2x") {\n ...ImageDerivative\n }\n mobile: derivative(style: "full_width_mobile_4_3") {\n ...ImageDerivative\n }\n mobile_2x: derivative(style: "full_width_mobile_4_3_2x") {\n ...ImageDerivative\n }\n }\n }\n imageVertical {\n ...MediaImage\n ... on MediaImage {\n desktop: derivative(style: "450x600") {\n ...ImageDerivative\n }\n desktop_2x: derivative(style: "900x1200") {\n ...ImageDerivative\n }\n tablet: derivative(style: "375x500") {\n ...ImageDerivative\n }\n tablet_2x: derivative(style: "750x1000") {\n ...ImageDerivative\n }\n mobile: derivative(style: "320x426") {\n ...ImageDerivative\n }\n mobile_2x: derivative(style: "640x852") {\n ...ImageDerivative\n }\n }\n }\n link {\n ...Link\n }\n showDividerBelow\n }\n\n ',"\n ","\n ","\n"]);return s=function(){return e},e}let o=(0,i.J1)(s(),r.p,d.P,l.m)},97803:(e,n,t)=>{t.d(n,{J:()=>m});
1var a=t(5347),i=t(6641),l=t(76909),r=t(71919),d=t(71239),s=t(80199);function o(){let e=(0,a._)(["\n fragment NodeArticleTeaser on NodeArticle {\n id\n name\n url\n kicker\n teaserText\n teaserMedia {\n ...MediaImage\n ...NodeTeaserStyles\n }\n aufmacher {\n ...ParagraphImage\n ... on ParagraphImage {\n image {\n ...NodeTeaserStyles\n }\n }\n }\n introText\n primaryTopic {\n name\n }\n secondaryTopics {\n name\n }\n campaign {\n ...Advertorial\n }\n }\n ","\n ","\n ","\n ","\n"]);return o=function(){return e},e}let m=(0,i.J1)(o(),d.P,s.j,r.Z,l.c)}}]);
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.