1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,109587,e=>{"use strict";var t=e.i(391398);e.i(455207);var l=e.i(508767),i=e.i(388950),n=e.i(222144);let a=({as:e="p",size:a="body-regular",needSpace:s,colorScheme:r="bright",applyMarkdown:o=!1,className:c,...d})=>(0,t.jsx)(i.DynamicHtmlTag,{as:e,applyMarkdown:o,needSpace:s,className:(0,l.classNames)(n.TYPOGRAPHY_VARIANTS[a],c),colorScheme:r,...d});e.s(["Text",()=>a])},238278,355852,680647,e=>{"use strict";var t=e.i(391398),l=e.i(279753),i=e.i(109587);e.i(266041);var n=e.i(350156),a=e.i(508767),s=e.i(541902),r=e.i(11606),o=e.i(947963),c=e.i(539968);let d=(0,l.withRenderIfNotAbsent)(({headline:e,text:l,alignContents:d="center",preComponentContainerClassName:w,subheadline:u,colorScheme:m,preline:h,leadText:f,animate:x=!1})=>{let p=(0,n.isValidText)(l),{ref:g,animationState:b}=(0,c.useAnimateOnScroll)({amount:.2}),v=x?(0,a.classNames)("tw-transition-all tw-duration-700",{"tw-opacity-0 tw-translate-y-50":"pending"===b,"tw-opacity-100 tw-translate-y-0":"pending"!==b}):"";return(0,t.jsxs)("div",{ref:x?g:void 0,className:(0,a.classNames)("tw-mx-auto tw-w-full tw-text-center",{"tw-text-left":"left"===d},v,w),children:[h&&(0,t.jsx)(r.Label,{type:"special",className:"tw-absolute tw--mt-28 tw-ml-[-3rem]",colorScheme:m,children:h?.value}),(0,t.jsx)("div",{className:"tw-mx-auto tw-max-w-960",children:(0,t.jsx)(s.Headline,{as:e?.tag??"h2",size:e?.size??"heading-5xl",className:(0,a.classNames)("tw-text-ionos-blue-800",{"tw-mb-8":p||u||f,"tw-mb-48":!(p||u||f),"tw-text-white":n.ValidColorsDark.includes(m)},e?.className),noMarkdownWrapperDiv:!0,children:e?.value})}),u&&(0,t.jsx)("div",{className:"tw-mx-auto tw-max-w-960",children:(0,t.jsx)(s.Headline,{as:u?.tag??"span",size:"body-xl",className:(0,a.classNames)("tw-text-ionos-blue-800",{"tw-mb-8":p||f,"tw-mb-48":!(p||f),"tw-text-white":n.ValidColorsDark.includes(m)},u?.className),noMarkdownWrapperDiv:!0,children:u?.value})}),(0,n.isValidText)(l)&&l.value.split("\n\n").map((e,l)=>(0,t.jsx)("div",{className:"tw-mx-auto tw-max-w-960",children:(0,t.jsx)(i.Text,{as:"div",applyMarkdown:!0,className:(0,a.classNames)("tw-mb-48 tw-space-y-16 tw-font-sans-regular tw-text-2xl tw-text-ionos-blue-800 md:tw-text-2xl",{"tw-text-white":n.ValidColorsDark.includes(m),"tw-text-ionos-blue-200":"blue"===m||n.ValidColorsDark.includes(m)}),children:e},`pre-component-container-${l}`)},`pre-component-container-wrapper-${l}`)),f&&(0,n.isValidText)(f)&&(0,t.jsx)("div",{className:"tw-mx-auto tw-inline-block tw-max-w-960",children:(0,t.jsx)(o.Markdown,{className:(0,a.classNames)("tw-mb-48 tw-text-center tw-text-2xl tw-text-ionos-blue-800",{"tw-text-left":"left"===d,"tw-text-white":n.ValidColorsDark.includes(m)}),children:f.value})})]})},({headline:e,text:t,subheadline:l,leadText:i})=>(0,n.isValidHeadline)(e)||(0,n.isValidText)(t)||(0,n.isValidHeadline)(l)||(0,n.isValidText)(i));e.s(["PreComponentContainerContents",0,d],355852);var w=e.i(191788),u=e.i(697618);let m=({links:e})=>Array.isArray(e)&&e?.length!==0?(0,t.jsx)("div",{className:"tw-flex tw-flex-wrap tw-justify-center tw-gap-10 tw-pb-40",children:e.map((e,l)=>(0,t.jsx)(w.default.Fragment,{children:(0,n.isValidLink)(e)&&(0,t.jsx)(u.Link,{...e,linkId:e?.linkId??`ct.templates.link-${l}`,className:"tw-flex tw-h-56 tw-w-full tw-max-w-[220px] tw-items-center tw-justify-center",children:e?.title})},l))}):null,h={SMALL:"tw-rd-container-sm",MEDIUM:"tw-rd-container",LARGE:"tw-rd-container-lg"},f={white:"tw-bg-white tw-text-ionos-blue-800",grey:"tw-bg-cool-grey-100 tw-text-ionos-blue-800",yellow:"tw-bg-[#FFEDCA] tw-text-ionos-blue-800",dark:"tw-bg-ionos-blue-900 tw-text-white",blue:"tw-bg-ionos-blue-600 tw-text-white",midnightBlue:"tw-bg-ionos-blue-800 tw-text-white",midnightBlackBlue:"tw-bg-ionos-blue-900 tw-text-white",darkBlue:"tw-bg-ionos-blue-700 tw-text-white",bright:"tw-bg-white tw-text-ionos-blue-800",purple:"tw-bg-purple-700 tw-text-white"};e.s(["ColorScheme",0,f,"ContainerSize",0,h],680647);let x=({children:e,className:l,headline:i,preline:n,links:s,text:r,containerSize:o=h.MEDIUM,colorScheme:c,context:w,handlePreComponentContainerContents:u=!0,anchor:x,preComponentContainerClassName:p,datatestid:g,subheadline:b,noContainer:v=!1,noPaddingTop:j=!1,noPaddingBottom:y=!1,component:N,items:C,leadText:k,validColorSchemes:T=[],colorSchemeOverrides:S={}
1,defaultColor:L,noBackground:E=!1,animate:V=!1})=>{let P={...T.length>0?Object.fromEntries(Object.entries(f).filter(([e])=>T.includes(e))):f,...S},A=E?void 0:P[c]??P[w]??P[L],H=null;return"columns"===N?H=C?.some(e=>e?.article)?g:null:g&&(H=g),(0,t.jsx)("div",{"data-testid":H,className:(0,a.classNames)("tw-full tw-scroll-mt-32 md:tw-scroll-mt-0",A),id:x?.value,children:(0,t.jsxs)("div",{className:(0,a.classNames)("tw-py-64",l,!v&&o,{"tw-pb-0":y},{"tw-pt-0":j||E}),children:[u&&(0,t.jsx)(d,{headline:i,preline:n,subheadline:b,text:r,preComponentContainerClassName:p,leadText:k,animate:V,colorScheme:c||w||L}),e,(0,t.jsx)(m,{links:s})]})})};function p(e,i={}){return(0,l.withRenderIfNotAbsent)(l=>{let{anchor:n,leadText:a,headline:s,preline:r,subheadline:o,textAlignment:c,text:d,links:w,containerSize:u=i.containerSize,container:m,className:h=i.className,colorScheme:f=i.colorScheme,context:p=i.context||i.defaultColor,handlePreComponentContainerContents:g=i.handlePreComponentContainerContents,dataTestId:b=i.datatestid,component:v=i.component,items:j=i.items,preComponentContainerClassName:y=i.preComponentContainerClassName,noContainer:N=i.noContainer,noPaddingTop:C=i.noPaddingTop,noPaddingBottom:k=i.noPaddingBottom,validColorSchemes:T=i.validColorSchemes,colorSchemeOverrides:S=i.colorSchemeOverrides,defaultColor:L=i.defaultColor,noBackground:E=i.noBackground,animate:V=i.animate}=l;return(0,t.jsx)(x,{subheadline:o,leadText:a,preline:r,datatestid:b,component:v,items:j,containerSize:u,className:h,links:w,anchor:n,colorScheme:f||i.colorScheme,colorSchemeOverrides:S,context:p,headline:s,text:d,textAlignment:c,handlePreComponentContainerContents:g,container:m,preComponentContainerClassName:y,noContainer:N,noPaddingTop:C,noPaddingBottom:k,validColorSchemes:T,defaultColor:L,noBackground:E,animate:V,children:(0,t.jsx)(l=>(0,t.jsx)(e,{...l,anchor:n}),{...l})})},i.renderIfNotAbsent)}e.s(["withTemplateWrapperContainer",()=>p],238278)},767449,e=>{"use strict";var t=e.i(391398),l=e.i(508767);let i=({weight:e="default",className:i,ariaLabel:n,...a})=>(0,t.jsx)("i",{className:(0,l.classNames)("uds-system",{"uds-system-xmark-300":300===e,"uds-system-xmark":"default"===e,"uds-system-filled-xmark":"filled"===e},"tw-min-h-16 tw-min-w-16",i),"aria-label":n,"aria-hidden":!n,...a});e.s(["Xmark",0,i,"default",0,i])},326410,e=>{"use strict";var t=e.i(191788);function l(e,l,i){(0,t.useInsertionEffect)(()=>e.on(l,i),[e,l,i])}e.s(["useMotionValueEvent",()=>l])},449994,e=>{"use strict";let t,l;var i=e.i(449465),n=e.i(298015),a=e.i(191788),s=e.i(37123),r=e.i(379426),o=e.i(492948),c=e.i(119829);function d(e,t){let l,i=()=>{let{currentTime:i}=t,n=(null===i?0:i.value)/100;l!==n&&e(n),l=n};return c.frame.update(i,!0),()=>(0,c.cancelFrame)(i)}var w=e.i(159484);let u=new WeakMap;function m({target:e,contentRect:t,borderBoxSize:l}){var i;null==(i=u.get(e))||i.forEach(i=>{i({target:e,contentSize:t,get size(){return function(e,t){if(t){let{inlineSize:e,blockSize:l}=t[0];return{width:e,height:l}}return e instanceof SVGElement&&"getBBox"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}(e,l)}})})}function h(e){e.forEach(m)}let f=new Set;var x=e.i(738543),p=e.i(977117);let g=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),b={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function v(e,t,l,i){let n=l[t],{length:a,position:s}=b[t],r=n.current,o=l.time;n.current=e[`scroll${s}`],n.scrollLength=e[`scroll${a}`]-e[`client${a}`],n.offset.length=0,n.offset[0]=0,n.offset[1]=n.scrollLength,n.progress=(0,x.progress)(0,n.scrollLength,n.current);let c=i-o;n.velocity=c>50?0:(0,p.velocityPerSecond)(n.current-r,c)}e.i(350461);var j=e.i(521433),y=e.i(894647),N=e.i(721833);let C={start:0,center:.5,end:1};function k(e,t,l=0){let i=0;if(e in C&&(e=C[e]),"string"==typeof e){let t=parseFloat(e);e.endsWith("px")?i=t:e.endsWith("%")?e=t/100:e.endsWith("vw")?i=t/100*document.documentElement.clientWidth:e.endsWith("vh")?i=t/100*document.documentElement.clientHeight:e=t}return"number"==typeof e&&(i=t*e),l+i}let T=[0,0],S=[[0,0],[1,1]],L={x:0,y:0},E=new WeakMap,V=new WeakMap,P=new WeakMap,A=e=>e===document.documentElement?window:e;function H(e,{container:i=document.documentElement,...n}={}){let a=P.get(i);a||(a=new Set,P.set(i,a));let s=function(e,t,l,i={}){return{measure:()=>(function(e,t=e,l){if(l.x.targetOffset=0,l.y.targetOffset=0,t!==e){let i=t;for(;i&&i!==e;)l.x.targetOffset+=i.offsetLeft,l.y.targetOffset+=i.offsetTop,i=i.offsetParent}l.x.targetLength=t===e?t.scrollWidth:t.clientWidth,l.y.targetLength=t===e?t.scrollHeight:t.clientHeight,l.x.containerLength=e.clientWidth,l.y.containerLength=e.clientHeight})(e,i.target,l),update:t=>{v(e,"x",l,t),v(e,"y",l,t),l.time=t,(i.offset||i.target)&&function(e,t,l){let{offset:i=S}=l,{target:n=e,axis:a="y"}=l,s="y"===a?"height":"width",r=n!==e?function(e,t){let l={x:0,y:0},i=e;for(;i&&i!==t;)if(i instanceof HTMLElement)l.x+=i.offsetLeft,l.y+=i.offsetTop,i=i.offsetParent;else if("svg"===i.tagName){let e=i.getBoundingClientRect(),t=(i=i.parentElement).getBoundingClientRect();l.x+=e.left-t.left,l.y+=e.top-t.top}else if(i instanceof SVGGraphicsElement){let{x:e,y:t}=i.getBBox();l.x+=e,l.y+=t;let n=null,a=i.parentNode;for(;!n;)"svg"===a.tagName&&(n=a),a=i.parentNode;i=n}else break;return l}(n,e):L,o=n===e?{width:e.scrollWidth,height:e.scrollHeight}:"getBBox"in n&&"svg"!==n.tagName?n.getBBox():{width:n.clientWidth,height:n.clientHeight},c={width:e.clientWidth,height:e.clientHeight};t[a].offset.length=0;let d=!t[a].interpolate,w=i.length;for(let e=0;e<w;e++){let l=function(e,t,l,i){let n=Array.isArray(e)?e:T,a=0;
1return"number"==typeof e?n=[e,e]:"string"==typeof e&&(n=(e=e.trim()).includes(" ")?e.split(" "):[e,C[e]?e:"0"]),(a=k(n[0],l,i))-k(n[1],t)}(i[e],c[s],o[s],r[a]);d||l===t[a].interpolatorOffsets[e]||(d=!0),t[a].offset[e]=l}d&&(t[a].interpolate=(0,y.interpolate)(t[a].offset,(0,N.defaultOffset)(i),{clamp:!1}),t[a].interpolatorOffsets=[...t[a].offset]),t[a].progress=(0,j.clamp)(0,1,t[a].interpolate(t[a].current))}(e,l,i)},notify:()=>t(l)}}(i,e,{time:0,x:g(),y:g()},n);if(a.add(s),!E.has(i)){let e,n=()=>{for(let e of a)e.measure()},s=()=>{for(let e of a)e.update(c.frameData.timestamp)},r=()=>{for(let e of a)e.notify()},o=()=>{c.frame.read(n,!1,!0),c.frame.read(s,!1,!0),c.frame.update(r,!1,!0)};E.set(i,o);let d=A(i);window.addEventListener("resize",o,{passive:!0}),i!==document.documentElement&&V.set(i,"function"==typeof i?(f.add(i),l||(l=()=>{let e={width:window.innerWidth,height:window.innerHeight},t={target:window,size:e,contentSize:e};f.forEach(e=>e(t))},window.addEventListener("resize",l)),()=>{f.delete(i),!f.size&&l&&(l=void 0)}):(!t&&"u">typeof ResizeObserver&&(t=new ResizeObserver(h)),(e=(0,w.resolveElements)(i)).forEach(e=>{let l=u.get(e);l||(l=new Set,u.set(e,l)),l.add(o),null==t||t.observe(e)}),()=>{e.forEach(e=>{let l=u.get(e);null==l||l.delete(o),(null==l?void 0:l.size)||null==t||t.unobserve(e)})})),d.addEventListener("scroll",o,{passive:!0})}let r=E.get(i);return c.frame.read(r,!1,!0),()=>{var e;(0,c.cancelFrame)(r);let t=P.get(i);if(!t||(t.delete(s),t.size))return;let l=E.get(i);E.delete(i),l&&(A(i).removeEventListener("scroll",l),null==(e=V.get(i))||e(),window.removeEventListener("resize",l))}}let B=new Map;function I({source:e,container:t=document.documentElement,axis:l="y"}={}){e&&(t=e),B.has(t)||B.set(t,{});let i=B.get(t);return i[l]||(i[l]=(0,r.supportsScrollTimeline)()?new ScrollTimeline({source:t,axis:l}):function({source:e,container:t,axis:l="y"}){e&&(t=e);let i={value:0},n=H(e=>{i.value=100*e[l].progress},{container:t,axis:l});return{currentTime:i,cancel:n}}({source:t,axis:l})),i[l]}function M(e){return e&&(e.target||e.offset)}var W=e.i(579297);function z(e,t){(0,s.warning)(!!(!t||t.current),`You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref, or setting its \`layoutEffect: false\` option.`)}let $=()=>({scrollX:(0,i.motionValue)(0),scrollY:(0,i.motionValue)(0),scrollXProgress:(0,i.motionValue)(0),scrollYProgress:(0,i.motionValue)(0)});function O({container:e,target:t,layoutEffect:l=!0,...i}={}){let s=(0,n.useConstant)($);return(l?W.useIsomorphicLayoutEffect:a.useEffect)(()=>(z("target",t),z("container",e),function(e,{axis:t="y",...l}={}){var i,n;let a={axis:t,...l};return"function"==typeof e?(i=e,n=a,2===i.length||M(n)?H(e=>{i(e[n.axis].progress,e)},n):d(i,I(n))):function(e,t){if(e.flatten(),M(t))return e.pause(),H(l=>{e.time=e.duration*l[t.axis].progress},t);{let l=I(t);return e.attachTimeline?e.attachTimeline(l,e=>(e.pause(),d(t=>{e.time=e.duration*t},l))):o.noop}}(e,a)}((e,{x:t,y:l})=>{s.scrollX.set(t.current),s.scrollXProgress.set(t.progress),s.scrollY.set(l.current),s.scrollYProgress.set(l.progress)},{...i,container:(null==e?void 0:e.current)||void 0,target:(null==t?void 0:t.current)||void 0})),[e,t,JSON.stringify(i.offset)]),s}e.s(["useScroll",()=>O],449994)},25253,e=>{"use strict";var t=e.i(391398),l=e.i(355852),i=e.i(191788),n=e.i(961572),a=e.i(350156),s=e.i(448684),r=e.i(508767),o=e.i(189544),c=e.i(541902),d=e.i(124739);let w=({theader:e,locales:l})=>(0,t.jsx)("div",{tabIndex:1,role:"row",className:"tw-flex tw-flex-row tw-gap-16 tw-border-b-1 tw-border-cool-grey-200 tw-pb-48 md:tw-rd-container lg:tw-pb-16",children:e&&e[0]?.cells&&e[0]?.cells.map(({article:e,priceInformation:i,value:n},a)=>(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{tabIndex:1,role:"rowheader",className:(0,r.classNames)("tw-flex tw-w-full tw-min-w-[230px] tw-flex-col tw-rounded-2xl md:tw-flex-1",{"tw-bg-purple-300":e.highlightText}),children:[e.highlightText?(0,t.jsx)("span",{className:"tw-px-16 tw-py-4 tw-text-left !tw-font-overpass-bold tw-text-xl",children:e.highlightText}):(0,t.jsx)("span",{className:"tw-h-36 tw-w-full"}),(0,t.jsxs)("div",{className:(0,r.classNames)("tw-flex tw-flex-1 tw-flex-col tw-rounded-2xl tw-bg-white tw-p-16 tw-text-left tw-text-ionos-blue-700 tw-shadow-md",{"tw-bg-ionos-blue-700 tw-text-white":e.isHighlight,"tw-mx-4 tw-mb-4":e.highlightText}),children:[(0,t.jsx)(c.Headline,{as:"h3",className:(0,r.classNames)("tw-font-overpass-semibold tw-text-2xl"),children:n}),(e?.orderLink||e?.orderLinkNewCheckout)&&(0,t.jsx)("div",{className:"tw-mt-auto tw-flex tw-w-full",children:u(e,l?.cta,i)})]})]},"thead"+a)}))}),u=(e,l,i)=>i&&(0,t.jsx)(d.PriceCTA,{className:(0,r.classNames)("tw-mx-0 tw-block tw-w-full tw-px-0 tw-text-sm lg:tw-text-lg"),price:i,orderLink:e?.orderLink,orderLinkNewCheckout:e?.orderLinkNewCheckout,link:e.orderLink.url,buttonText:l||"Continue",cmsIdentifier:e.articleId,articleAvailable:!0,isDomainArticle:(0,o.isDomainArticle)(i),template:"LARGE",priceTemplate:"",size:"full"});var m=e.i(272043),h=e.i(947963),f=e.i(109587);let x=({headline:e,subheadline:l})=>(0,t.jsx)("div",{className:"tw-flex tw-w-full tw-items-center tw-text-left",children:(0,t.jsxs)("div",{className:"tw-grow",role:"cell",children:[(0,t.jsx)(c.Headline,{as:"h4",size:"heading-3xl",children:e}),l&&(0,t.jsx)(f.Text,{className:"tw-mt-8",children:l})]})});var p=e.i(832095),g=e.i(129018),b=e.i(767449);let v=({value:e,id:l,context:i})=>(0,t.jsx)("div",{role:"cell",className:(0,r.classNames)("tw-flex tw-w-full tw-flex-col tw-justify-between"),children:(0,t.jsx)("div",{className:(0,r.classNames)("tw-flex tw-h-full tw-w-full tw-min-w-[230px] tw-flex-row tw-justify-center md:tw-min-w-[200px]"),children:"-"===e||"―"===e?(0,t.jsx)("div",{className:"tw-flex tw-min-h-24 tw-min-w-full tw-items-center tw-text-left tw-font-sans-semi-bold",children:(0,t.jsx)(b.default,{className:"tw-text-red-400"})}):(0,t.jsx)(h.Markdown,{className:(0,r.classNames)("tw-flex tw-min-h-24 tw-min-w-full tw-items-center tw-text-left tw-font-sans-semi-bold"),components:{checkmark:()=>(0,t.jsx)(g.default,{className:"tw-text-green-400",ariaLabel:"Included"}),circle:({size:e})=>(0,t.jsx)("span",{className:"tw-flex tw-justify-center",children:(0,t.jsx)(p.default,{size:parseInt(e)})}),cross:()=>(0,t.jsx)(b.default,{className:"tw-text-red-400",ariaLabel:"Not included"})},children:e})})},l),j=({tbody:e,context:l})=>(0,t.jsx)("div",{role:"rowgroup",className:"tw-bg-cool-grey-100 t
1w-pb-48 tw-pt-16",children:(0,t.jsx)("div",{role:"row",tabIndex:1,className:"md:tw-rd-container",children:e&&e.map((e,i)=>(0,t.jsx)(y,{header:e.header,rows:e.rows,context:l,subheadline:e?.subheadline},`tableRow_${i}`))})}),y=({header:e,subheadline:l,rows:i,context:n})=>(0,t.jsxs)("div",{className:(0,m.default)("tw-mb-32 tw-text-ionos-blue-700 md:tw-rounded-2xl"),children:[(0,t.jsx)(x,{headline:e,subheadline:l}),(0,t.jsx)("div",{className:"",children:(0,t.jsx)("div",{className:"tw-pt-16 tw-leading-6",children:i.map((e,l)=>(0,t.jsxs)("div",{className:"tw-border tw-border-b-0 tw-border-grey-200 tw-bg-white tw-px-16 tw-py-8 first:tw-rounded-t-lg last:tw-rounded-b-lg last:tw-border",children:[(0,t.jsx)("div",{className:"tw-absolute tw-mb-4 tw-flex tw-flex-row tw-items-center tw-text-sm lg:tw-static",role:"cell",children:(0,t.jsx)(h.Markdown,{className:"tw-min-h-24 tw-select-text",children:e.cells[0].value})}),(0,t.jsx)("div",{className:"tw-flex tw-w-full tw-gap-16 tw-pt-42 lg:tw-pt-0",children:e.cells.map(({id:e,value:l},i)=>i>0&&(0,t.jsx)(v,{value:l,id:e,context:n},e))})]},l))})})]});var N=e.i(326410),C=e.i(449994),k=e.i(538467);e.s(["ComparingTable",0,({table:e,context:o,articles:c,headline:d,regularPrice:u,locales:m})=>{let h,f=(h={thead:[{id:"1",cells:[]}],tbody:[]},(0,s.default)(e)&&(c&&c.forEach((e,t)=>{t<c.length&&h.thead[0].cells.push({id:e.articleId,value:e.label,priceTemplate:e.price,priceInformation:e.price,article:e,isHighlight:e.isHighlight,highlightText:e.highlightText})}),e?.forEach(({tbody:e,header:t,headline:l,subheadline:i})=>{h.tbody.push({header:t||((0,a.isValidHeadline)(l)?l.value:""),subheadline:(0,a.isValidHeadline)(i)?i.value:"",rows:e||[]})})),h),{thead:x,tbody:p}=f,g=(0,i.useRef)(null),[b,v]=(0,i.useState)(1),[y,T]=(0,i.useState)(0),[S,L]=(0,i.useState)(0),E=(0,i.useRef)([]),V=(0,i.useRef)(null),P=(0,k.useBreakpoint)("lg"),{scrollX:A}=(0,C.useScroll)({container:g});return(0,N.useMotionValueEvent)(A,"change",e=>{g.current&&(y+1)*S!==S+e&&y!==Math.ceil(e/S)&&T(Math.ceil(e/S))}),(0,i.useEffect)(()=>{document.activeElement&&E.current[y]&&E.current.includes(document.activeElement)&&E.current[y]?.focus({preventScroll:!0})},[y]),(0,i.useEffect)(()=>{if(g.current){let e=new ResizeObserver(e=>{for(let t of e){if(!g.current)return;L(t.contentRect.width);let e=g.current.scrollWidth/t.contentRect.width,l=Math.ceil(e);e%1<.1&&(l=Math.floor(e)),Number.isFinite(l)&&l>0&&v(l)}});return e.observe(g.current),()=>{e.disconnect()}}},[]),(0,t.jsxs)(t.Fragment,{children:[(0,a.isValidHeadline)(f?.headline)&&(0,t.jsx)(l.PreComponentContainerContents,{headline:f?.headline}),!(0,n.default)(d)&&!(0,a.isValidHeadline)(f.headline)&&(0,t.jsx)(l.PreComponentContainerContents,{headline:{value:d}}),(0,t.jsx)("div",{className:"tw-relative",children:(0,t.jsx)("div",{role:"table",ref:g,className:"tw-overflow-auto tw-px-16 tw-no-scrollbar lg:tw-px-0",style:{WebkitOverflowScrolling:"touch"},children:(0,t.jsxs)("div",{style:{minWidth:x?.[0]?.cells?.length*246},children:[(0,t.jsx)("div",{ref:V,role:"rowgroup",tabIndex:1,children:(0,t.jsx)(w,{theader:x,context:o,locales:m})}),!P&&b>1&&(0,t.jsx)("div",{className:"tw-absolute tw-left-0 tw-right-0 tw-mx-auto tw-flex tw-justify-center tw-space-x-2 lg:tw-hidden",role:"tablist","aria-label":"Slide navigation",style:{to
1p:V.current?.offsetHeight-32},children:Array.from({length:b}).map((e,l)=>(0,t.jsx)("button",{className:(0,r.classNames)("tw-h-8 tw-w-full tw-max-w-44 tw-rounded-3 tw-bg-ionos-blue-300 tw-outline-none focus:tw-shadow-md-ionos-sky-500 focus:tw-bg-ionos-blue-400",{"tw-bg-ionos-blue-500":l===y}),onClick:()=>{g.current?.scrollTo({left:l*S,behavior:"smooth"})},"aria-label":"sliderButton","aria-current":l===y?"true":void 0,"aria-controls":`slide_${l}`,ref:e=>{E.current[l]=e}},`table_indicator_${l}`))}),(0,t.jsx)(j,{tbody:p,context:o})]})})})]})}],25253)},169139,e=>{"use strict";var t=e.i(391398),l=e.i(191788),i=e.i(448684),n=e.i(961572);e.i(790563);var a=e.i(973412),s=e.i(350156),r=e.i(238278),o=e.i(680647),c=e.i(555311),d=e.i(272043),w=e.i(697618),u=e.i(25253);let m=({featureTableDetails:e,showLabel:i,anchor:n,hideLabel:a,locales:r})=>{let[o,c]=(0,l.useState)(!1);return(0,t.jsxs)("div",{children:[(0,s.isValidText)(i)&&(0,t.jsx)(w.Link,{button:!0,linkType:"cta",primary:!0,onClick:()=>c(!o),"data-cy":"collapsible-show","data-testid":"toggle-container-open-button",className:"tw-px-28 tw-py-[22px] tw-text-xl focus:tw-shadow-none",href:"#collapsible",linkId:"ct.btn.weiter-details-Pakete",children:o?a?.value:i?.value}),(0,t.jsxs)("div",{className:(0,d.default)({"tw-hidden":!o,"tw-mt-40 tw-block":o}),children:[Array.isArray(e)&&(0,t.jsx)("div",{id:"collapsible",children:e[0]?.content?.featureTableDetail&&(0,t.jsx)(u.ComparingTable,{headline:e[0]?.content.headline,articles:e[0]?.content.articles,regularPrice:e[0].regularPrice,table:e[0].content.featureTableDetail,locales:r})}),(0,s.isValidText)(a)&&(0,t.jsx)("div",{className:"tw-flex tw-justify-center tw-bg-cool-grey-100 tw-pb-48",children:(0,t.jsx)(w.Link,{button:!0,linkType:"cta",primary:!0,"data-cy":"collapsible-hide","data-testid":"toggle-container-close-button",onClick:()=>c(!o),href:(0,s.isValidText)(n)?"#"+n?.value:"#",className:"tw-px-28 tw-py-[22px] tw-text-xl",children:a?.value})})]})]})},[h,f]=(0,a.createContext)(),x="grey",p=(0,r.withTemplateWrapperContainer)(({items:e,childContent:a,anchor:r,datacenters:o,context:d,locales:u,link:h})=>{let[f,p]=(0,l.useState)(!1);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"tw-d-flex tw-mb-3 tw-flex-col tw-justify-start md:tw-flex-row md:tw-justify-center",id:r?.value,children:[a?.filter(({type:e})=>(0,c.hasComponent)(e)).map((e,l)=>{let i=(0,c.getComponent)(e.type);return"checkmark_list"===e.type?(0,t.jsx)(i,{...e.content,noPaddingTop:!0,noPaddingBottom:!0,noContainer:!0,alignment:"center",context:e.content.context||e.content.colorScheme||d||x},`component-${e.type}-${l}`):(0,t.jsx)(i,{...e.content,noPaddingTop:!0,noContainer:!0},`component-${e.type}-${l}`)}),!(0,n.default)(e)&&(0,i.default)(e)&&e.length>1&&(0,t.jsx)("div",{role:"tablist",className:"tw-relative tw-mx-auto tw-mb-16 tw-mt-48 tw-flex tw-w-fit tw-rounded-60 tw-bg-ionos-blue-0 tw-p-8 md:tw-text-center lg:tw-mt-64 lg:tw-flex lg:tw-rounded-60",children:e.map(({label:e},l)=>(e.value,(0,t.jsx)(g,{currentTab:l,activeTab:+f,setActiveTab:p,children:(0,t.jsx)("span",{className:"tw-rounded-60 tw-px-8 tw-py-8 tw-font-sans-bold tw-text-md md:tw-px-20",children:e.value})},`tab-${l}`)))})]}),e?.map(({record:e,featureTableDetail:l,featureTableDetails:i,featureTableInclusive:a,showLabel:d,hideLabel:x,hidePriceCta:p,toggleButton:g,featureTableProduct:b},v)=>{b&&(e=b),l&&l[0]&&(i=l),a&&a[0]&&(a=a[0]);let j=v!==+f;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:`${j?"tw-invisible tw-my-0 tw-h-0 tw-overflow-hidden":"tw-visible tw-relative tw-my-50 tw-h-auto tw-w-full"}`,children:[(0,s.isValidLink)(h)&&(0,t.jsx)("div",{className:` ${j?"tw-mb-0":"tw-mb-64 tw-flex tw-justify-center"}`,children:(0,t.jsx)(w.Link,{...h,children:h?.title||"Kostenlose testen"})}),(0,t.jsx)("div",{className:`${j?"":"tw-relative tw-flex tw-flex-col tw-justify-center tw-gap-24 tw-rounded-40"}`,children:e?.filter(({type:e})=>(0,c.hasComponent)(e)).map(e=>{let l=(0,c.getComponent)(e.type);e.content.tabID=`component-${v}`;let i=p&&!!e.content.priceTemplate;return(0,t.jsx)("div",{className:` ${v===+f?"tw-visible tw-flex tw-h-auto tw-flex-col":"tw-invisible"}`,children:(0,t.jsx)(l,{...e.content,isDatacenterIncluded:!!o,datacenterSelector:o,featureTableInclusive:a?.content,reduceGapTop:!0,reduceGapBottom:!0,isActive:v===+f,locales:u,hidePriceCta:i},"component"+v)},"componentContainer"+v)})})]},"componentParentContainer"+v),(0,s.isValidText)(d)&&(0,t.jsxs)("div",{className:"tw-mt-56 tw-w-full tw-text-center",children:[!(0,n.default)(g)&&(0,s.isValidLink)(g)&&(0,t.jsx)("div",{className:"tw-mb-32",children:(0,t.jsx)(w.Link,{className:"",button:!0,href:g?.href,"data-cy":"toggle-link",title:g?.title,children:g.title})}),(0,t.jsx)("div",{className:`${v===+f?"tw-visible tw-min-h-50":"tw-hidden"} `,children:(0,t.jsx)(m,{showLabel:d,hideLabel:x,featureTableDetails:i,anchor:r,locales:u})})]})]})})]})},{containerSize:o.ContainerSize.MEDIUM,className:"tw-pt-[56px] tw-pb-64",datatestid:"featuretable-anchor",defaultColor:x}),g=({children:e,activeTab:l,currentTab:i,setActiveTab:n})=>(0,t.jsx)("button",{tabIndex:0,"data-testid":l===i?"featuretable-toggle-active":"featuretable-toggle-inactive",className:`tw-mx-5 tw-flex tw-cursor-pointer tw-rounded tw-px-5 tw-py-10 focus:tw-rounded-60 ${l===i?"tw-shadow-ionos-blue-500-500/40 tw-rounded-60 tw-bg-white tw-text-ionos-blue-400 tw-shadow-lg":"tw-bg-blue tw-text-cool-grey-600"}`,onClick:()=>n(i),children:e});e.s(["Context",()=>f,"Tab",0,g,"ToggleContainer",0,p,"useVariantsContext",()=>h],169139)},657179,e=>{e.n(e.i(169139))}]); 2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;
2n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="1a495494-a2f0-556b-a547-e37436ebf565")}catch(e){}}(); 3//# debugId=1a495494-a2f0-556b-a547-e37436ebf565
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.