https://www.klassikradio.de/_next/static/chunks/TimelineTimelineWeek.c8b3993558f13e8e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1807],{50431:(t,e,r)=>{r.d(e,{E:()=>u});var a=r(62888);r(91524);var n=r(12043),i=r.n(n),l=r(89307),s=r(21106),o=r(11859),d=r(8091),x=r.n(d),m=r(19375);let k=x()(()=>r.e(3241).then(r.bind(r,13241)).then(t=>t.ReactComponent),{loadableGenerated:{webpack:()=>[13241]}}),b=x()(()=>r.e(6061).then(r.bind(r,46061)).then(t=>t.Icon),{loadableGenerated:{webpack:()=>[46061]}}),c=(0,o.F)([],{variants:{background:{},color:{},outline:{},active:{}},compoundVariants:[{background:!0,color:"shop-link",className:"bg-skin-shop-link text-white"},{color:"shop-link",active:!1,background:!1,className:"text-skin-shop-link dark:text-skin-shop-link-dark"},{color:"shop-link",outline:!0,className:"border border-skin-shop-link dark:border-skin-shop-link"},{color:"shop-link",active:!0,className:"bg-skin-shop-link text-white"}],defaultVariants:{color:null,active:!1,background:!1,outline:!1}}),u=({link:t,linkTarget:e,onClick:r,style:n,buttonLabel:o,roundedEdges:d=!1,buttonColor:x="primary",buttonType:u="normal",buttonOutline:h=!1,buttonBackground:p=!1,buttonOutlineHover:y=!1,buttonTarget:g,disabled:f=!1,buttonResponsive:v,ref:w,fullWidth:j=!0,buttonSize:N,upperCase:C,iconName:_,iconType:T="fill",iconPosition:F,active:L,hoverRounded:S,fullSize:q=!1,noWrap:A,children:B,setQuery:E,changeQuery:I,className:Q="",wrapperClassName:R=""})=>{let X,G=i()({"translate-x-0 transition-all group-hover:translate-x-1":"arrow"===_,"h-7 w-7":"lg"===N&&!v,"h-6 w-6":"md"===N&&!v,"h-5 w-5":"sm"===N&&!v,"h-4 w-4":"xs"===N&&!v,"h-6 w-6 md:h-7 md:w-7":"lg"===N&&v,"h-5 w-5 md:h-6 md:w-6":"md"===N&&v,"h-4 w-4 md:h-5 md:w-5":"sm"===N&&v,"h-3 w-3 md:h-4 md:w-4":"xs"===N&&v,"ml-3":"lg"===N&&!F,"ml-2":"md"===N&&!F,"ml-1":"sm"===N&&!F||"xs"===N&&!F,"mr-3":"lg"===N&&"left"===F,"mr-2":"md"===N&&"left"===F,"mr-1":"sm"===N&&"left"===F||"xs"===N&&"left"===F,"order-1":"left"

1===F,"mx-0!":!1===o});X="SURF"===String((0,l.FQ)().id).toUpperCase();let O=i()(c({background:p,color:x,outline:h,active:L}),{"drop-shadow-bd shadow-boost px-[0.9em] py-[0.4em]":!0,"w-full text-center":j&&"external"===g,"w-[calc(100%-12px)] text-center":j&&"external"!==g&&"xs"===N,"w-[calc(100%-19px)] text-center":j&&"external"!==g&&"sm"===N,"w-[calc(100%-22px)] text-center":j&&"external"!==g&&("md"===N||"lg"===N),block:j&&!_,"inline-flex items-center":!j&&!q,"font-serif font-medium transition-all duration-300 ease-in-out no-underline!":!0,"rounded-md":d&&"pill"!==d,"rounded-full":"pill"===d&&"external"===g,"rounded-r-full":"pill"===d,"hover:rounded-[30px]":S,"bg-skin-primary-ultradark dark:bg-skin-primary-ultralight text-skin-primary-ultralight dark:text-skin-primary-ultradark md:hover:bg-skin-primary-ultradark/90 md:hover:dark:bg-skin-primary-ultralight/90":"primary"===x&&!h,"bg-skin-button-secondary dark:bg-skin-button-secondary text-skin-button-primary dark:text-skin-button-primary md:hover:bg-skin-button-secondary/90 md:hover:dark:bg-skin-button-secondary/90":"secondary"===x&&!h,"bg-skin-button-tertiary-1 dark:bg-skin-button-tertiary-1 text-skin-button-tertiary-2 dark:text-skin-button-tertiary-2 md:hover:bg-skin-button-tertiary-1/90 md:hover:dark:bg-skin-button-tertiary-1/90":"tertiary"===x&&!h,"bg-skin-button-tertiary-1 dark:bg-skin-button-tertiary-1 text-white md:hover:bg-skin-button-tertiary-1/90 md:hover:dark:bg-skin-button-tertiary-1/90":"quaternary"===x&&!h&&"external"===g,"bg-skin-primary-light dark:bg-skin-primary-dark text-skin-primary dark:text-skin-primary-ultralight md:hover:bg-skin-primary-light/90 md:hover:dark:bg-skin-primary-dark/90":"grey"===x&&!h,"bg-skin-button-secondary dark:bg-skin-button-secondary-dark text-skin-button-primary dark:text-skin-button-primary-dark md:hover:bg-skin-button-secondary/90 md:hover:dark:bg-skin-button-secondary-dark/90":"theme"===x&&!h,"bg-skin-primary text-white md:hover:bg-skin-primary/90":"blackwhite"===x&&!h,"px-2 py-0.5 text-sm":"xs"===N&&!v,"px-3 py-1 text-base":"sm"===N&&!v,"px-4 py-2 text-lg":"md"===N&&!v||!N,"px-5 py-3 text-xl":"lg"===N&&!v,"text-xs md:text-sm":"xs"===N&&v,"text-sm md:text-base":"sm"===N&&v,"text-base md:text-lg":"md"===N&&v,"text-lg md:text-xl":"lg"===N&&v,uppercase:C,"opacity-50":L&&"shop-link"!==x,"group inline-flex justify-center items-center":_,"shadow-md shadow-black/20":X&&"theme"===x,border:h,"border-transparent":h&&y,"border-skin-primary-medium hover:border-skin-primary-dark dark:border-skin-primary-medium dark:hover:border-skin-primary-light bg-white dark:bg-black text-skin-primary-ultradark dark:text-white":"listOptions"===x&&h&&!y,"border-skin-primary-ultradark dark:border-skin-primary-ultralight text-skin-primary-ultradark dark:text-skin-primary-ultralight":"primary"===x&&h&&!y,"border-skin-button-secondary dark:border-skin-button-secondary text-skin-button-primary dark:text-skin-button-primary":"secondary"===x&&h&&!y,"border-skin-button-tertiary-1 dark:border-skin-button-tertiary-1 text-skin-button-tertiary-2 dark:text-skin-button-tertiary-2":"tertiary"===x&&h&&!y,"border-skin-button-tertiary-1 dark:border-skin-button-tertiary-1 text-white":"quaternary"===x&&h&&!y,"border-skin-primary-light dark:border-skin-primary-dark text-skin-primary dark:text-skin-primary-ultralight":"grey"===x&&h&&!y,"border-skin-button-primary dark:border-skin-button-secondary-dark text-skin-button-secondary dark:text-skin-button-secondary-dark":"theme"===x&&h&&!y,"hover:border-skin-primary-medium hover:border-skin-primary-dark dark:border-skin-primary-medium dark:hover:border-skin-primary-light bg-white dark:bg-black text-skin-primary-ultradark dark:text-white":"listOptions"===x&&h&&y,"hover:border-skin-primary-ultradark hover:dark:border-skin-primary-ultralight text-skin-primary-ultradark dark:text-skin-primary-ultralight":"primary"===x&&h&&y,"hover:border-skin-button-secondary hover:dark:border-skin-button-secondary text-skin-button-primary dark:text-skin-button-primary":"secondary"===x&&h&&y,"hover:border-skin-button-tertiary-1 hover:dark:border-skin-button-tertiary-1 text-skin-button-tertiary-2 dark:text-skin-button-tertiary-2":"tertiary"===x&&h&&y,"hover:border-skin-button-tertiary-1 hover:dark:border-skin-button-tertiary-1 text-white":"quaternary"===x&&h&&y,"hover:border-skin-primary-light hover:

1dark:border-skin-primary-dark text-skin-primary dark:text-skin-primary-ultralight":"grey"===x&&h&&y,"hover:border-skin-button-primary hover:dark:border-skin-button-secondary-dark text-skin-button-secondary dark:text-skin-button-secondary-dark":"theme"===x&&h&&y,"block w-full h-full":q,"whitespace-nowrap":A,[Q]:!!Q,"bg-button text-white relative before:absolute before:top-0 before:bg-skin-secondary block before:rounded-full":"quaternary"===x&&!h&&"external"!==g,"pl-5 ml-[12px] before:left-[-12px] before:h-[24px] before:w-[24px] bg-button-xs":"external"!==g&&"xs"===N,"pl-7 ml-[19px] before:left-[-19px] before:h-[36.8px] before:w-[36.8px] bg-button-sm":"external"!==g&&"sm"===N,"pl-8 ml-[22px] before:left-[-21px] before:h-[42px] before:w-[42px] bg-button-md":"external"!==g&&"md"===N,"pl-9 ml-[22px] before:left-[-22px] before:h-[44px] before:w-[44px] bg-button-lg":"external"!==g&&"lg"===N}),U=i()({"fill-current text-white absolute top-1/2 -translate-y-1/2 w-auto":!0,"left-[-0.3em] h-[1.2em]":"xs"!==N,"left-[-0.25em] h-[1em]":"xs"===N}),V=i()({"pl-[12px]":"external"!==g&&"xs"===N,"pl-[19px]":"external"!==g&&"sm"===N,"pl-[22px]":"external"!==g&&("md"===N||"lg"===N),[R]:!!R});return t||E||I?(0,a.jsx)("span",{className:i()({[V]:!0,"w-full block":j,"inline-block":!j}),children:(0,a.jsxs)(s.Link,{...(0,m.Y)({event:"klick_button",page_url:!0,klicktext:o||!0,radio_name:!0,target_url:!0}),onClick:r,style:n,target:e,className:O,href:t,ref:w,setQuery:E,changeQuery:I,children:["external"!==g?(0,a.jsx)(k,{className:U}):null,o?(0,a.jsx)("span",{className:i()({"order-2":"left"===F}),children:o}):"",B,_?(0,a.jsx)(b,{iconName:_,iconType:T,className:i()({[G]:!0,"stroke-current fill-transparent translate-y-[-0.1em]":"gallery"===_})}):null]})}):(0,a.jsx)("span",{className:i()({[V]:!0,"w-full block":j,"inline-block":!j}),children:(0,a.jsxs)("button",{disabled:f,style:n,onClick:r,className:O,type:u,ref:w,children:["external"!==g?(0,a.jsx)(k,{className:U}):null,o?(0,a.jsx)("span",{className:i()({"order-2":"left"===F}),children:o}):"",B,_?(0,a.jsx)(b,{iconName:_,iconType:T,className:i()({[G]:!0,"stroke-current fill-transparent translate-y-[-0.1em]":"gallery"===_})}):null]})})}},90763:(t,e,r)=>{r.d(e,{X:()=>l});var a=r(62888);r(91524);var n=r(12043),i=r.n(n);let l=({text:t,textSize:e="xl",textStyle:r=!1,textUppercase:n=!1,textType:l="paragraph",textColor:s=!1,matchHeading:o=!1,headlineSize:d="sm",headlineHeading:x="h1",children:m,__html:k,className:b,style:c={}})=>{void 0===m&&(m=t);let u=i()({"font-copy leading-relaxed":!o,"text-xl md:text-2xl":"2xl"===e&&!o,"text-lg md:text-xl":"xl"===e&&!o,"text-base md:text-lg":"lg"===e&&!o,"text-base":"md"===e&&!o,"text-sm":"sm"===e&&!o,"text-xs":"xs"===e&&!o,[i()({"font-serif font-bold leading-snug":!0,"text-2xl md:text-4xl":"sm"===d&&"h1"===x||"md"===d&&"h2"===x,"text-3xl md:text-5xl":"md"===d&&"h1"===x||"lg"===d&&"h2"===x||"xl"===d,"text-4xl md:text-6xl":"lg"===d&&"h1"===x||"xxl"===d,"text-lg md:text-3xl":"sm"===d&&"h2"===x,"text-lg md:text-xl":"sm"===d&&!x||"sm"===d&&"h3"===x||"md"===d&&"h4"===x||"lg"===d&&"h5"===x,"text-xl md:text-2xl":"md"===d&&(!x||"h3"===x),"text-xl md:text-3xl":"lg"===d&&(!x||"h3"===x),"text-base md:text-lg":"sm"===d&&"h4"===x||"md"===d&&"h5"===x,"text-lg md:text-2xl":"lg"===d&&"h4"===x,"text-base":"sm"===d&&"h5"===x||"md"===d&&"h6"===x,"text-sm":"sm"===d&&"h6"===x,"text-lg":"lg"===d&&"h6"===x})]:o,"text-sm sm:text-base":"shopList"===e,"font-bold":"bold"===r&&!o,"font-medium":"medium"===r&&!o,"font-normal":!r&&!o,uppercase:n,block:"paragraph"===l,"inline-block":"inlineBlock"===l,inline:"inline"===l,"text-skin-primary-ultralight dark:text-black":"light"===s,"text-skin-primary-ultradark dark:text-white":"dark"===s||!s,"text-white":"white"===s,"text-black":"black"===s,"text-skin-secondary":"theme"===s,"text-black/80 dark:text-white/80":"rating"===s,"text-black/50 dark:text-white/50":"muted"===s,"text-green-600 dark:text-green-400":"success"===s,"text-rose-700 dark:text-rose-400":"danger"===s,"text-sky-700 dark:text-sky-500":"info"===s}),h=()=>{switch(l){case"paragraph":case"inlineBlock":return(0,a.jsx)("p",{className:u,style:c,children:m});case"inline":return(0,a.jsx)("span",{className:u,style:c,children:m});default:return null}};return(0,a.jsxs)(a.Fragment,{children:[!!k&&(0,a.jsx)("div",{className:i()(b,u),dangerouslySetInnerHTML:{__html:k}}),!!t&&!m&&(0,a.jsx)(h,{text:t}),!!m&&(0,a.jsx)(h,{text:m})]})}},94898:(t,e,r)=>{r.r(e),r.d(e,{TimelineWeek:()=>x});var a=r(62888),n=r(91524),i=r(73063),l=r(50431);

1let s=({buttonTextColor:t="#fff",buttonBackgroundColor:e="#000",active:r=!1,buttonActiveTextColor:n="#fff",buttonActiveBackgroundColor:s="#000",onClick:o,contents:{image:d,day:x}})=>{let m=Array.isArray(d)?d[0]:d;return(0,a.jsxs)("div",{className:"md:w-72",children:[(0,a.jsx)(i.Image,{asset:m,width:800,height:700,onClick:o}),(0,a.jsx)(l.E,{buttonLabel:x,buttonResponsive:!0,buttonSize:"lg",onClick:o,style:{color:r?n:t,backgroundColor:r?s:e},className:"mt-2 mb-4"})]})};var o=r(90763);let d=({items:t=[]})=>(0,a.jsx)("ul",{className:"list-none",children:t?.map((t,e)=>(0,a.jsxs)("li",{className:"flex flex-col md:flex-row mb-10 last:mb-0 px-2 text-center md:text-left",children:[(0,a.jsx)("div",{className:"grow-0 shrink-0 md:mr-5 md:w-40",children:(0,a.jsx)(o.X,{text:t?.timeLabel})}),(0,a.jsx)("div",{className:"max-w-180",children:(0,a.jsx)(o.X,{text:t?.title})})]},e))}),x=({buttonTextColor:t="#fff",buttonBackgroundColor:e="#000",buttonActiveTextColor:r="#fff",buttonActiveBackgroundColor:i="#000",contents:l})=>{let[o,x]=(0,n.useState)(0),{timeline:m}=l||{},k=(0,n.useCallback)(t=>{x(t)},[]),b=(0,n.useCallback)(t=>()=>{k(t)},[]);return(0,a.jsxs)("div",{className:"px-4",children:[(0,a.jsx)("div",{className:"md:flex justify-evenly space-x-4",children:m?.contentsCollection?.items.map((l,x)=>(0,a.jsxs)(n.Fragment,{children:[(0,a.jsx)(s,{onClick:b(x),buttonTextColor:t,buttonBackgroundColor:e,buttonActiveBackgroundColor:i,buttonActiveTextColor:r,active:x===o,contents:l},x),(0,a.jsx)("div",{className:"md:hidden mb-10 last:mb-0",children:(0,a.jsx)(d,{items:l?.timelineCollection?.items})})]},`timeline-${x}`))}),(0,a.jsx)("div",{className:"hidden md:block",children:(0,a.jsx)(d,{items:m?.contentsCollection.items[o]?.timelineCollection?.items})})]})}}}]);