https://systrastudios.de/assets/WebsiteCheckResultPage-DTEfWDQ_.js

1import{j as e,r as b,x as le,L as B,o as oe}from"./react-DViRqEpY.js";import{A as de,a as ce,b as ue,c as me}from"./accordion-CG7KFTYq.js";import{W as he,M as xe,at as fe,k as pe,au as ge,u as O,av as be,a1 as je,L as R,ao as q,aw as ke,ax as ye,s as Ne,ay as X,am as ee,az as ve,F as we,A as _e}from"./icons-DkOjBtBf.js";import{c as Z,m as y,A as Ce}from"./framer-D3ymJ0_W.js";import{T as F,a as H,b as V,s as te}from"./index-BIcjdN0f.js";import{L as Se}from"./Layout-Cgfhk0qH.js";import{S as We}from"./SEOHead-BYL9XMYu.js";import{P as Le}from"./PageBreadcrumbs-Gv_HF7Hn.js";import{B as N}from"./button-ByWWAJZp.js";import{S as M}from"./skeleton-x0wwLaZV.js";import{S as Me}from"./Search01Icon-Babsl-C5.js";import{a as ze,A as Pe,B as De}from"./Building01Icon-BA6jCupD.js";import{P as Ae}from"./PackageIcon-BHX6NUuL.js";import"./supabase-CyS4guSS.js";import"./popover-BiAwkTEw.js";import"./useSiteSettings-IKj0gWh-.js";import"./LogoZug-D8bHRfkI.js";import"./index-CHFZhq7L.js";const $e=[["path",{d:"M7.47817 4.45277C9.65285 2.81759 10.7402 2 12 2C13.2598 2 14.3471 2.81759 16.5218 4.45277L18.5122 5.94933C20.5086 7.45049 21.5068 8.20106 21.8632 9.29857C22.2196 10.3961 21.8488 11.5774 21.107 13.94L20.1987 16.833C19.4169 19.3234 19.0259 20.5685 18.0401 21.2843C17.0543 22 15.7302 22 13.082 22H10.918C8.2698 22 6.94571 22 5.95989 21.2843C4.97406 20.5685 4.58314 19.3234 3.80129 16.833L2.89299 13.94C2.15124 11.5774 1.78037 10.3961 2.13677 9.29857C2.49317 8.20106 3.49139 7.45049 5.48783 5.94933L7.47817 4.45277Z",stroke:"currentColor",strokeWidth:"1.5",key:"0"}],["path",{d:"M10.1165 9.82727C11.0309 9.26108 11.4882 8.97799 11.9906 9.00134C12.4929 9.02468 12.9214 9.34894 13.7783 9.99745L14.4662 10.518C15.3519 11.1883 15.7948 11.5235 15.946 12.0138C16.0972 12.5041 15.9189 13.0272 15.5625 14.0734L15.3544 14.6843C15.0321 15.6303 14.8709 16.1034 14.5002 16.3959C14.1295 16.6885 13.6281 16.7385 12.6253 16.8384L12.0522 16.8955C10.7626 17.024 10.1178 17.0882 9.63256 16.7595C9.14736 16.4308 8.9739 15.8122 8.62699 14.5751L8.35683 13.6117C8.04673 12.5058 7.89168 11.9529 8.08546 11.4588C8.27924 10.9648 8.77048 10.6607 9.75295 10.0524L10.1165 9.82727Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"1"}],["path",{d:"M2.5 9.5L8 11.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"2"}],["path",{d:"M14.5 16.5L18 21",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"3"}],["path",{d:"M16 12L21.5 9.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"4"}],["path",{d:"M6.5 21L9 16.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"5"}],["path",{d:"M12 9V2",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"6"}]],Be=[["path",{d:"M10 11.6273L5.07498 17.4215C4.41411 18.199 3.23201 18.2464 2.51138 17.5241C1.79074 16.8019 1.83795 15.6172 2.61376 14.9549L8.3953 10.019",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:"1.5",key:"0"}],["path",{d:"M18 10.0667L13.0476 15.03M9.95238 2.00146L5 6.96472M9.33337 2.62183L5.61908 6.34428C5.61908 6.34428 7.47622 8.82591 9.33337 10.6871C11.1905 12.5484 13.6667 14.4096 13.6667 14.4096L17.381 10.6871C17.381 10.6871 15.5238 8.2055 13.6667 6.34428C11.8096 4.48306 9.33337 2.62183 9.33337 2.62183Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"1"}],["path",{d:"M20 11.659L22 10.019M20 14.9389L22 16.0322",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"2"}],["path",{d:"M11.002 21.9988H20.9998M12.2267 21.9988C12.7782 21.0113 13.19 19.1216 15.142 19.0158C15.7218 18.9843 16.3117 18.9843 16.8914 19.0158C18.8434 19.1216 19.2572 21.0113 19.8087 21.9988",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"3"}]],Ee=[["path",{d:"M14.4961 2.00027H9.49609C8.66767 2.00027 7.99609 2.67185 7.99609 3.50027C7.99609 4.3287 8.66767 5.00027 9.49609 5.00027H14.4961C15.3245 5.00027 15.9961 4.3287 15.9961 3.50027C15.9961 2.67185 15.3245 2.00027 14.4961 2.00027Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"0"}],["path",{d:"M7.99609 15.0003H11.4247M7.99609 11.0003H15.9961",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"1"}],["path",{d:"M15.9961 3.50027C17.5496 3.54709 18.4761 3.72035 19.1174 4.36164C19.9961 5.24032 19.9961 6.65451 19.9961 9.4829L19.9961 15.9997C19.9961 18.8282 19.9961 20.2424 19.1174 21.1211C18.2387 21.9997 16.8245 21.9997 13.9961 21.9997L9.99609 21.9997C7.16767 21.9997 5.75346 21.9997 4.87478 21.1211C3.9961 20.2424 3.9961 18.8282 3.99609 15.9998L3.99611 9.48296C3.9961 6.65453 3.9961 5.24031 4.87478 4.36163C5.51606 3.72034 6.44261 3.54708 7.99599 3.50027",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"2"}]],f={gut:{ton:"var(--pruef-gut)",weich:"var(--pruef-gut-weich)",tief:"var(--pruef-gut-tief)"}

1,mittel:{ton:"var(--pruef-mittel)",weich:"var(--pruef-mittel-weich)",tief:"var(--pruef-mittel-tief)"},schwach:{ton:"var(--pruef-schwach)",weich:"var(--pruef-schwach-weich)",tief:"var(--pruef-schwach-tief)"}};function re(n){return n>=70?"gut":n>=40?"mittel":"schwach"}function Ie(n){return n>=70?"Gut":n>=40?"Ausbaufähig":"Kritisch"}function ae(n,a){return n?"gut":a==="kritisch"?"schwach":"mittel"}function K({score:n,label:a,subtitle:h,icon:c,delay:l=0}){const u=b.useRef(null),i=Z(u,{once:!0,margin:"-50px"}),o=58,d=2*Math.PI*o,j=d-n/100*d,x=f[re(n)];return e.jsxs("div",{ref:u,className:"rundung-apple flex flex-1 flex-col items-center rounded-[22px] bg-muted px-4 py-8",children:[e.jsxs("div",{className:"mb-5 flex items-center gap-2",children:[e.jsx("span",{className:"text-muted-foreground",children:c}),e.jsx("span",{className:"text-sm font-medium text-foreground",children:a})]}),e.jsxs("div",{className:"relative h-36 w-36",children:[e.jsxs("svg",{viewBox:"0 0 140 140",className:"h-full w-full -rotate-90",children:[e.jsx("circle",{cx:"70",cy:"70",r:o,fill:"none",strokeWidth:"9",style:{stroke:"hsl(var(--foreground))",opacity:.07}}),e.jsx(y.circle,{cx:"70",cy:"70",r:o,fill:"none",strokeWidth:"9",strokeLinecap:"round",strokeDasharray:d,style:{stroke:x.ton},initial:{strokeDashoffset:d},animate:i?{strokeDashoffset:j}:{strokeDashoffset:d},transition:{duration:1.4,ease:"easeOut",delay:l+.2}})]}),e.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[e.jsx(y.span,{className:"text-[34px] font-normal leading-none tracking-[-0.03em] text-foreground",initial:{opacity:0}

1,animate:i?{opacity:1}:{opacity:0},transition:{delay:l+.55,duration:.5},children:n}),e.jsx("span",{className:"font-plex-mono mt-1.5 text-[10px] text-muted-foreground",children:"von 100"})]})]}),e.jsxs(y.div,{className:"mt-5 text-center",initial:{opacity:0,y:8},animate:i?{opacity:1,y:0}:{opacity:0,y:8},transition:{delay:l+.75},children:[e.jsx("span",{className:"mb-2 inline-block rounded-full px-2.5 py-1 text-[11px] font-medium",style:{background:x.weich,color:x.tief},children:Ie(n)}),e.jsx("p",{className:"text-xs leading-relaxed text-muted-foreground",children:h})]})]})}function Te({mobileScore:n,desktopScore:a,overallScore:h}){return e.jsxs("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-3",children:[e.jsx(K,{score:n,label:"Mobile",subtitle:"Ladezeit und Nutzbarkeit auf dem Smartphone",icon:e.jsx(he,{className:"h-5 w-5",strokeWidth:1.5}),delay:0}),e.jsx(K,{score:a,label:"Desktop",subtitle:"Ladezeit und Nutzbarkeit am Computer",icon:e.jsx(xe,{className:"h-5 w-5",strokeWidth:1.5}),delay:.15}),e.jsx(K,{score:h,label:"Gesamt",subtitle:"Performance, SEO, Technik und Sichtbarkeit",icon:e.jsx(fe,{className:"h-5 w-5",strokeWidth:1.5}),delay:.3})]})}const Re={Performance:["response_time"],"SEO-Basis":["title","meta_description","h1","canonical","word_count","language"],Technik:["sitemap","robots_txt","schema","compression","html_size","doctype","charset"],Mobilfreundlichkeit:["viewport"],Tracking:["analytics"],Vertrauen:["open_graph","alt_texts","favicon"],"KI-Sichtbarkeit":["llms_txt","ai_crawler_allowed","semantic_html","heading_hierarchy","schema"],Barrierefreiheit:["a11y_form_labels","a11y_empty_links","a11y_skip_nav","a11y_tabindex","a11y_iframe_title","a11y_autocomplete","alt_texts","language"],Rechtstexte:["legal_impressum","legal_datenschutz","legal_cookie_banner","legal_agb_link","legal_ssl_badge"]};function Ke(n,a,h){return Object.entries(Re).map(([c,l])=>{const u=n.filter(o=>l.includes(o.key));if(c==="Performance")return{label:c,score:Math.round((a+h)/2)};if(u.length===0)return{label:c,score:50};const i=u.filter(o=>o.passed).length;return{label:c,score:Math.round(i/u.length*100)}})}function Ge(n){const a=n.length;if(a<3)return"";const h=.3;let c=`M ${n[0].x},${n[0].y}`;for(let l=0;l<a;l++){const u=n[(l-1+a)%a],i=n[l],o=n[(l+1)%a],d=n[(l+2)%a],j=i.x+(o.x-u.x)*h,x=i.y+(o.y-u.y)*h,k=o.x-(d.x-i.x)*h,_=o.y-(d.y-i.y)*h;c+=` C ${j},${x} ${k},${_} ${o.x},${o.y}`}return c}function Oe({seoChecks:n,mobileScore:a,desktopScore:h,nurInhalt:c}){const l=b.useRef(null),u=Z(l,{once:!0,margin:"-50px"}),i=Ke(n,a,h),o=200,d=200,j=130,x=i.length,k=2*Math.PI/x,_=i.map((m,p)=>{const s=-Math.PI/2+p*k,v=m.score/100*j;return{x:o+v*Math.cos(s),y:d+v*Math.sin(s)}}),S=Ge(_),z=i.map((m,p)=>{const s=-Math.PI/2+p*k,v=j+24;return{x:o+v*Math.cos(s),y:d+v*Math.sin(s),label:m.label,score:m.score}}),P=b.useMemo(()=>[...i].sort((m,p)=>p.score-m.score),[i]),W=P.slice(0,3),D=P.slice(-3).reverse(),E=b.useMemo(()=>{const m=W.map(s=>s.label);if(m.length===0)return"";const p=Math.round(W.reduce((s,v)=>s+v.score,0)/W.length);

1return`Deine Website zeigt besondere Stärken in den Bereichen ${m.join(", ")} mit einem Durchschnitt von ${p}%. Hier bist du gut aufgestellt.`},[W]),A=b.useMemo(()=>{const m=D.filter(s=>s.score<80);return m.length===0?"Alle Bereiche sind solide abgedeckt.":`Verbesserungspotenzial besteht bei ${m.map(s=>`${s.label} (${s.score}%)`).join(", ")}. Gezielte Maßnahmen in diesen Bereichen können die Gesamtbewertung deutlich steigern.`},[D]);return e.jsxs("div",{ref:l,className:c?"":"rundung-apple rounded-[22px] bg-muted p-5 md:p-7",children:[!c&&e.jsxs(e.Fragment,{children:[e.jsx("h3",{className:"text-[17px] font-medium leading-tight text-foreground",children:"Dein Website-Profil"}),e.jsx("p",{className:"mt-1 text-xs text-muted-foreground",children:"Die sieben Dimensionen deiner Website im Überblick"})]}),e.jsxs("div",{className:c?"pb-2":"pb-2 pt-5",children:[e.jsx("div",{className:"flex justify-center",children:e.jsxs("svg",{viewBox:"0 0 400 400",className:"w-full max-w-[260px] sm:max-w-[300px] lg:max-w-[340px]",children:[e.jsx("defs",{children:e.jsxs("radialGradient",{id:"radarGradient",cx:"50%",cy:"50%",r:"50%",children:[e.jsx("stop",{offset:"0%",style:{stopColor:"var(--pruef-gut)",stopOpacity:.3}}),e.jsx("stop",{offset:"100%",style:{stopColor:"var(--pruef-gut)",stopOpacity:.05}})]})}),[.25,.5,.75,1].map(m=>e.jsx("circle",{cx:o,cy:d,r:j*m,fill:"none",strokeWidth:"1",style:{stroke:"hsl(var(--foreground))",opacity:.09}},m)),i.map((m,p)=>{const s=-Math.PI/2+p*k;return e.jsx("line",{x1:o,y1:d,x2:o+j*Math.cos(s),y2:d+j*Math.sin(s),strokeWidth:"1",style:{stroke:"hsl(var(--foreground))",opacity:.07}},p)}),e.jsx(y.path,{d:S,fill:"url(#radarGradient)",strokeWidth:"2",initial:{opacity:0,scale:.3},animate:u?{opacity:1,scale:1}:{},transition:{duration:.8,ease:"easeOut",delay:.2},style:{stroke:"var(--pruef-gut)",transformOrigin:`${o}px ${d}px`}}),_.map((m,p)=>e.jsx(y.circle,{cx:m.x,cy:m.y,r:"3.5",style:{fill:"var(--pruef-gut)"},initial:{opacity:0}

1,animate:u?{opacity:1}:{},transition:{delay:.6+p*.1}},p)),z.map((m,p)=>e.jsxs("text",{x:m.x,y:m.y,textAnchor:"middle",dominantBaseline:"middle",className:"fill-foreground text-[10px] sm:text-[11px] font-medium",children:[m.label," (",m.score,"%)"]},p))]})}),e.jsxs("div",{className:"mt-6 grid grid-cols-1 gap-5 lg:grid-cols-2",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-plex-mono text-[11px] uppercase tracking-[0.09em] text-muted-foreground",children:"Stärken"}),e.jsx("p",{className:"mt-1.5 text-sm leading-relaxed text-foreground/75",children:E})]}),e.jsxs("div",{children:[e.jsx("span",{className:"font-plex-mono text-[11px] uppercase tracking-[0.09em] text-muted-foreground",children:"Potenzial"}),e.jsx("p",{className:"mt-1.5 text-sm leading-relaxed text-foreground/75",children:A})]})]})]})]})}function G({id:n,icon:a,title:h,subtitle:c,checks:l,infoText:u,nurInhalt:i}){if(l.length===0)return null;const o=l.filter(x=>x.passed).length,d=l.length,j=d>0?Math.round(o/d*100):0;return e.jsxs("div",{id:n,className:i?"":"rundung-apple rounded-[22px] bg-muted p-5 md:p-7",children:[!i&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"flex h-9 w-9 items-center justify-center rounded-xl bg-background",children:a}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-[17px] font-medium leading-tight text-foreground",children:h}),e.jsx("p",{className:"text-xs text-muted-foreground",children:c})]})]}),e.jsxs("div",{className:`flex items-center gap-3 ${i?"":"mt-5"}`,children:[e.jsx("div",{className:"h-[5px] flex-1 overflow-hidden rounded-full bg-foreground

1/[0.07]",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-700",style:{width:`${j}%`,background:f.gut.ton}})}),e.jsxs("span",{className:"font-plex-mono whitespace-nowrap text-xs text-muted-foreground",children:[o," von ",d]})]}),e.jsx("div",{className:"mt-4",children:l.map(x=>{const k=f[ae(x.passed,x.severity)];return e.jsxs("div",{className:"flex items-start gap-3 border-b border-foreground/[0.06] py-4 last:border-0",children:[e.jsx("div",{className:"mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full",style:{background:k.weich},children:x.passed?e.jsx(pe,{className:"h-3.5 w-3.5",style:{color:k.tief},strokeWidth:2.2}):e.jsx(ge,{className:"h-3.5 w-3.5",style:{color:k.tief},strokeWidth:2.2})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:x.label}),x.why&&e.jsxs(F,{children:[e.jsx(H,{asChild:!0,children:e.jsx("button",{className:"text-muted-foreground/60 transition-colors hover:text-muted-foreground",children:e.jsx(O,{className:"h-3.5 w-3.5"})})}),e.jsx(V,{side:"top",className:"max-w-xs text-xs",children:x.why})]})]}),e.jsx("p",{className:"mt-0.5 text-xs text-muted-foreground",children:x.value}),!x.passed&&x.recommendation&&e.jsx("p",{className:"mt-1.5 text-xs leading-relaxed text-foreground/75",children:x.recommendation})]})]},x.key)})}),e.jsx("div",{className:`mt-5 rounded-xl p-4 ${i?"bg-muted":"bg-background"}`,children:e.jsxs("p",{className:"text-xs leading-relaxed text-muted-foreground",children:[e.jsx("span",{className:"font-medium text-foreground",children:"Warum ist das wichtig?"})," ",u]})})]})}function Fe({hints:n,industry:a,nurInhalt:h}){const c=b.useRef(null),l=Z(c,{once:!0,margin:"-50px"}),u=n.filter(d=>d.found).length,i=n.length,o=i>0?Math.round(u/i*100):0;return e.jsxs("div",{ref:c,className:h?"":"rundung-apple rounded-[22px] bg-muted p-5 md:p-7",children:[!h&&e.jsxs(e.Fragment,{children:[e.jsxs("h3",{className:"text-[17px] font-medium leading-tight text-foreground",children:["Branchenspezifische Empfehlungen",a?` · ${a}`:""]}),e.jsxs("p",{className:"mt-1 text-xs text-muted-foreground",children:[u," von ",i," erkannt",i-u>0?`, ${i-u} offen`:", alles abgedeckt"]})]}),e.jsx("div",{className:`mb-6 h-[5px] w-full overflow-hidden rounded-full bg-foreground

1/[0.07] ${h?"":"mt-5"}`,children:e.jsx(y.div,{className:"h-full rounded-full",style:{background:f.gut.ton},initial:{width:0},animate:l?{width:`${o}%`}:{width:0},transition:{duration:1,ease:"easeOut",delay:.2}})}),e.jsx("div",{children:n.map((d,j)=>e.jsxs("div",{className:"flex items-start gap-3 border-b border-foreground/[0.06] py-3 last:border-0",children:[e.jsx("span",{className:"mt-[7px] block h-2 w-2 flex-shrink-0 rounded-full",style:{background:d.found?f.gut.ton:f.mittel.ton}}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:d.text}),!d.found&&d.recommendation&&e.jsx("p",{className:"mt-1 text-xs leading-relaxed text-foreground/75",children:d.recommendation})]})]},j))})]})}function He(n){return n.map(a=>typeof a=="string"?{text:a}:a)}function se({effort:n}){if(!n)return null;const a=n==="S"?"Klein":n==="M"?"Mittel":"Groß";return e.jsxs("span",{className:"text-[10px] font-semibold px-2 py-0.5 rounded-full bg-muted text-muted-foreground",children:["Aufwand: ",a]})}function ne({impact:n}){return n?e.jsxs("span",{className:"text-[10px] font-semibold px-2 py-0.5 rounded-full bg-muted text-muted-foreground",children:["Impact: ",n]}):null}function Ve(){return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4",children:[e.jsx(M,{className:"h-44 rounded-xl"}),e.jsx(M,{className:"h-44 rounded-xl"}),e.jsx(M,{className:"h-44 rounded-xl"})]}),e.jsx(M,{className:"h-56 rounded-xl"}),e.jsx(M,{className:"h-44 rounded-xl"})]})}function w({wert:n,icon:a,titel:h,unter:c,zahl:l,children:u}){return e.jsxs(ce,{value:n,id:n,className:"rundung-apple overflow-hidden rounded-[22px] border-0 bg-muted",children:[e.jsxs(ue,{className:"px-5 py-4 hover:no-underline md:px-7 md:py-5",children:[e.jsxs("span",{className:"flex flex-1 items-center gap-3.5 text-left",children:[e.jsx(oe,{icon:a,size:22,strokeWidth:1,className:"shrink-0 text-foreground"}),e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block text-[16px] font-medium leading-tight text-foreground",children:h}),c&&e.jsx("span",{className:"mt-0.5 block text-xs font-normal text-muted-foreground",children:c})]})]}),l&&e.jsx("span",{className:"font-plex-mono mr-3 shrink-0 text-xs text-muted-foreground",children:l})]}),e.jsx(me,{className:"px-5 pb-6 pt-0 md:px-7",children:u})]})}function ut(){const{id:n}=le(),[a,h]=b.useState(null),[c,l]=b.useState(!0),[u,i]=b.useState(null),[o,d]=b.useState(0),[j,x]=b.useState(!1);b.useState(!1);const[k,_]=b.useState(!1),[S,z]=b.useState(!1),[P,W]=b.useState(null),[D,E]=b.useState(!1);b.useEffect(()=>{const t=()=>E(window.scrollY>500);return window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t)},[]);const A=async t=>{try{const{data:r,error:g}=await te.functions.invoke("get-website-check",{body:{id:t}});return g||!r||r.error?null:r}catch{return null}};b.useEffect(()=>{if(!n)return;(async()=>{const r=await A(n);if(!r){i("Check nicht gefunden. Bitte starte eine neue Analyse."),l(!1);return}h(r),r.status==="done"&&l(!1)})()},[n]),b.useEffect(()=>{if(!n||!c)return;if(o>=30){i("Die Analyse dauert länger als erwartet. Bitte lade die Seite neu."),l(!1);return}const t=setInterval(async()=>{const r=await A(n);r&&(h(r),r.status==="done"&&(l(!1),clearInterval(t))),d(g=>g+1)},3e3);return()=>clearInterval(t)},[n,c,o]);const m=P||a?.pdf_signed_url||null,p=async(t=!1)=>{if(n){t?z(!0):_(!0);try{const{data:r,error:g}=await te.functions.invoke("generate-pdf-report",{body:{check_id:n,send_email:t,email:a?.email}});!g&&r?.signed_url&&(W(r.signed_url),t||window.open(r.signed_url,"_blank"))}catch(r){console.error("PDF generation failed:",r)}finally{t?z(!1):_(!1)}}},s=a?.results_json,v=new Set(["legal_impressum","legal_datenschutz","legal_cookie_banner","legal_agb_link","legal_ssl_badge","a11y_form_labels","a11y_empty_links","a11y_skip_nav","a11y_tabindex","a11y_iframe_title","a11y_autocomplete","llms_txt","ai_crawler_allowed"]),U=s?.seo_checks?.filter(t=>!v.has(t.key))||[],I=U.filter(t=>!t.passed),L=U.filter(t=>t.passed),Q=I.filter(t=>t.severity==="kritisch"),Y=I.filter(t=>t.severity==="wichtig"),ie=I.filter(t=>t.severity==="nice_to_have"||!t.severity),$=s?He(s.priority_list):[];function J(t){return e.jsxs("div",{className:"flex items-start gap-2.5 sm:gap-3 py-3.5 border-b border-border/40 last:border-0",children:[e.jsx("div",{className:"flex-shrink-0 mt-1.5",children:e.jsx("span",{className:"block h-2 w-2 rounded-full",style:{background:f[ae(t.passed,t.severity)].ton}})}),e.jsxs("div",{className:"flex-1 min-w-0 overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("span",{className:"font-semibold text-sm text-foreground",children:t.label}),t.why&&e.jsxs(F,{children:[e.jsx(H,{asChild:!0,children:e.jsx("button",{className:"text-muted-foreground

1/60 hover:text-muted-foreground transition-colors",children:e.jsx(O,{className:"w-3.5 h-3.5"})})}),e.jsx(V,{side:"top",className:"max-w-xs text-xs",children:t.why})]})]}),e.jsx("p",{className:"text-xs text-muted-foreground mt-0.5 break-words overflow-wrap-anywhere",children:t.value}),!t.passed&&t.recommendation&&e.jsx("p",{className:"text-xs text-muted-foreground mt-1.5 leading-relaxed break-words",children:t.recommendation}),!t.passed&&(t.impact||t.effort)&&e.jsxs("div",{className:"flex gap-1.5 mt-2 flex-wrap",children:[e.jsx(ne,{impact:t.impact}),e.jsx(se,{effort:t.effort})]})]})]},t.key)}function T(t,r,g){return r.length===0?null:e.jsxs("div",{className:"mt-8 first:mt-0",children:[e.jsxs("div",{className:`font-plex-mono mb-3 inline-flex items-center gap-2 rounded-lg px-3 py-1.5 text-[11px] uppercase tracking-[0.09em] ${g?"":"bg-muted text-muted-foreground"}`,style:g?{background:g.weich,color:g.tief}:void 0,children:[t," (",r.length,")"]}),r.map(J)]},t)}return e.jsxs(Se,{children:[e.jsx(We,{title:"Website-Analyse Ergebnis - Dein SEO & Performance Report | Systra",description:"Dein persönlicher Website-Check: Performance-Scores, SEO-Checkliste, Barrierefreiheit, Quick Wins und 30-Tage-Maßnahmenplan als PDF.",noIndex:!0,canonical:`/website-check/${n}`}),e.jsx(Le,{jsonLdOnly:!0,items:[{label:"Website-Check",href:"/website-check"},{label:"Ergebnis"}]}),e.jsxs("section",{className:"relative pt-20 sm:pt-28 pb-12 sm:pb-20 bg-gradient-to-br from-background via-background to-primary/5 overflow-hidden",children:[e.jsx("div",{className:"absolute top-20 left-10 w-72 h-72 bg-primary/5 rounded-full blur-3xl pointer-events-none"}),e.jsx("div",{className:"absolute bottom-20 right-10 w-96 h-96 bg-primary/3 rounded-full blur-3xl pointer-events-none"}),e.jsxs("div",{className:"container mx-auto px-4 sm:px-5 max-w-3xl relative z-10",children:[e.jsxs("div",{className:"mb-8 sm:mb-12 text-center",children:[e.jsxs("div",{className:"kicker-on-white mb-4 mx-auto",children:[e.jsx(be,{className:"w-3.5 h-3.5",strokeWidth:1.5}),"Website-Analyse"]}),e.jsx("h1",{className:"text-h2 text-foreground mb-3",children:"Deine Website-Analyse"}),a?.url&&e.jsxs("a",{href:a.url,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 text-foreground text-sm font-medium hover:underline break-all",children:[a.url," ",e.jsx(je,{className:"w-3 h-3"})]})]}),c&&e.jsxs("div",{children:[e.jsx("div",{className:"rundung-apple mb-6 rounded-[22px] bg-[hsl(var(--chip))]",children:e.jsxs("div",{className:"flex items-center gap-4 p-5",children:[e.jsx(R,{className:"w-7 h-7 text-foreground animate-spin flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-semibold text-foreground text-sm",children:"Analyse läuft…"}),e.jsx("p",{className:"text-muted-foreground text-xs",children:"Wir prüfen gerade deine Website. Das dauert ca. 30-60 Sekunden."})]})]})}),e.jsx(Ve,{})]}),u&&e.jsx("div",{className:"rundung-apple rounded-[22px] bg-muted",children:e.jsxs("div",{className:"flex flex-col items-center gap-3 p-8 text-center",children:[e.jsx(q,{className:"w-10 h-10 text-destructive"}),e.jsx("p",{className:"font-semibold text-foreground mb-1",children:"Fehler"}),e.jsx("p",{className:"text-muted-foreground text-sm mb-3",children:u}),e.jsx(N,{asChild:!0,variant:"outline",size:"sm",children:e.jsxs(B,{to:"/website-check/",children:[e.jsx(ke,{className:"w-3.5 h-3.5 mr-1.5"})," Neue Analyse starten"]})})]})}),!c&&!u&&s&&e.jsxs("div",{className:"space-y-10",children:[s.site_status&&s.site_status!=="online"&&e.jsx(y.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.1},children:e.jsx("div",{className:"rundung-apple rounded-[22px]",style:{background:f.schwach.weich},children:e.jsxs("div",{className:"flex items-start gap-4 p-5 sm:p-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-background flex items-center justify-center flex-shrink-0 mt-0.5",children:e.jsx(ye,{className:"w-5 h-5",style:{color:f.schwach.tief}})}),e.jsxs("div",{children:[e.jsx("p",{className:"font-semibold text-foreground text-sm mb-1",children:s.site_status==="unreachable"?"Website nicht erreichbar":"Website liefert einen Fehler"}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed mb-3",children:s.site_status_reason||"Die Website konnte nicht vollständig analysiert werden."}),e.jsx("div",{className:"p-3 rounded-lg bg-muted/60",children:e.jsxs("p",{className:"text-xs text-muted-foreground leading-relaxed",children:[e.jsx("span",{className:"font-semibold text-foreground",children:"Was bedeutet das?"})," ",s.site_status==="unreachable"?"Deine Website ist für Besucher und Suchmaschinen aktuell nicht erreichbar. Das bedeutet, dass Google deine Seite nicht indexieren kann und potenzielle Kunden eine Fehlermeldung sehen. Prüfe dein Hosting, deine Domain-Einstellungen und ob der Server läuft.":"Deine Website ist zwar teilweise erreichbar, zeigt aber keinen normalen Inhalt an. Das kann an einer fehlerhaften Konfiguration, einer Baustellen-Seite oder einem Serverproblem liegen. Besucher und Suchmaschinen können die Seite nicht richtig nutzen."]})}),e.jsx("div",{className:"mt-3 flex flex-wrap gap-2",children:e.jsx("span",{className:"rounded-full px-2.5 py-1 text-[10px] font-medium",style:{background:f.schwach.weich,color:f.schwach.tief},children:"Priorität: Sofort beheben"})})]})]})})}),e.jsx(y.div,{id:"scores",initial:{opacity:0,y:20}

1,animate:{opacity:1,y:0},transition:{delay:.2},children:e.jsx(Te,{mobileScore:s.mobile_score,desktopScore:s.desktop_score,overallScore:s.overall_score})}),e.jsx(y.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},children:e.jsx("div",{className:"flex flex-wrap items-center justify-center gap-2",children:[{href:"#analyse",label:"Analyse"},{href:"#todo",label:"To-Do",show:$.length>0},{href:"#profil",label:"Profil"},{href:"#a11y",label:"Barrierefreiheit"},{href:"#ki",label:"KI-Sichtbarkeit"},{href:"#recht",label:"Rechtstexte"},{href:"#tools",label:"Tools",show:!!(s.detected_tools&&s.detected_tools.length>0)}].filter(t=>t.show!==!1).map(t=>e.jsx("a",{href:t.href,className:"text-xs font-medium text-muted-foreground hover:text-foreground bg-muted/50 hover:bg-muted px-3 py-1.5 rounded-full transition-colors border border-border/40",children:t.label},t.href))})}),e.jsx(y.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.35},children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[{label:"Kritische Fehler",value:Q.length,ton:f.schwach},{label:"Wichtige Hinweise",value:Y.length,ton:f.mittel},{label:"Bestanden",value:L.length,ton:f.gut},{label:"Geprüfte Faktoren",value:s.seo_checks?.length||0,ton:null}].map(t=>e.jsxs("div",{className:`rundung-apple rounded-[18px] p-4 text-center ${t.ton?"":"bg-muted"}`,style:t.ton?{background:t.ton.weich}:void 0,children:[e.jsx("div",{className:"text-[28px] font-normal leading-none tracking-[-0.03em]",style:{color:t.ton?t.ton.tief:"hsl(var(--foreground))"},children:t.value}),e.jsx("div",{className:"mt-1.5 text-[11px] font-medium text-muted-foreground",children:t.label})]},t.label))})}),e.jsxs(de,{type:"single",collapsible:!0,defaultValue:"analyse",className:"space-y-3",children:[e.jsxs(w,{wert:"analyse",icon:Me,titel:"Allgemeine Analyse",unter:"SEO, Performance und Technik",zahl:`${L.length} von ${s.seo_checks.length}`,children:[T("Kritisch",Q,f.schwach),T("Wichtig",Y,f.mittel),T("Nice to have",ie,null),L.length>0&&e.jsxs("div",{className:"mt-8",children:[e.jsxs("button",{type:"button",onClick:()=>x(t=>

1!t),className:"font-plex-mono mb-3 inline-flex items-center gap-2 rounded-lg px-3 py-1.5 text-[11px] uppercase tracking-[0.09em] transition-opacity hover:opacity-80",style:{background:f.gut.weich,color:f.gut.tief},children:["Bestanden (",L.length,")",e.jsx(Ne,{className:`h-3.5 w-3.5 transition-transform ${j?"rotate-180":""}`})]}),j&&L.map(J)]})]}),$.length>0&&e.jsx(w,{wert:"todo",icon:Ee,titel:"To-Do-Liste",unter:"Nach Priorität sortiert, starte oben",zahl:`${$.length}`,children:e.jsx("div",{children:$.map((t,r)=>e.jsxs("div",{className:"flex items-start gap-3 border-b border-foreground/[0.06] py-4 last:border-0 sm:gap-4",children:[e.jsx("span",{className:"font-plex-mono mt-[3px] flex-shrink-0 text-[11px] leading-none text-muted-foreground",children:String(r+1).padStart(2,"0")}),e.jsxs("div",{className:"min-w-0 flex-1 overflow-hidden",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("p",{className:"break-words text-sm font-medium leading-relaxed text-foreground",children:t.text}),t.benefit&&e.jsxs(F,{children:[e.jsx(H,{asChild:!0,children:e.jsx("button",{className:"flex-shrink-0 text-muted-foreground/60 transition-colors hover:text-muted-foreground",children:e.jsx(O,{className:"mt-0.5 h-3.5 w-3.5"})})}),e.jsx(V,{side:"top",className:"max-w-xs text-xs",children:t.benefit})]})]}),(t.impact||t.effort)&&e.jsxs("div",{className:"mt-2 flex flex-wrap gap-1.5",children:[e.jsx(ne,{impact:t.impact}),e.jsx(se,{effort:t.effort})]})]})]},r))})}),e.jsx(w,{wert:"profil",icon:$e,titel:"Dein Website-Profil",unter:"Die sieben Dimensionen im Überblick",children:e.jsx(Oe,{seoChecks:s.seo_checks,mobileScore:s.mobile_score,desktopScore:s.desktop_score,nurInhalt:!0})}),(()=>{const t=s.seo_checks.filter(r=>["a11y_form_labels","a11y_empty_links","a11y_skip_nav","a11y_tabindex","a11y_iframe_title","a11y_autocomplete","alt_texts","language","heading_hierarchy","semantic_html"].includes(r.key));return t.length===0?null:e.jsx(w,{wert:"a11y",icon:ze,titel:"Barrierefreiheit",unter:"Wie zugänglich ist deine Website für alle Nutzer?",zahl:`${t.filter(r=>r.passed).length} von ${t.length}`,children:e.jsx(G,{nurInhalt:!0,icon:null,title:"Barrierefreiheit",subtitle:"",checks:t,infoText:"Barrierefreiheit betrifft nicht nur Menschen mit Behinderungen, sie verbessert die Nutzererfahrung für alle. Seit dem 28. Juni 2025 gelten in Deutschland zusätzlich Anforderungen aus dem BFSG, allerdings nicht für jede Website: das hängt unter anderem vom Angebot und von der Unternehmensgröße ab."})})})(),(()=>{const t=["llms_txt","ai_crawler_allowed","semantic_html","heading_hierarchy"],r=s.seo_checks.filter(C=>t.includes(C.key)),g=s.seo_checks.find(C=>C.key==="schema");return g&&!r.find(C=>C.key==="schema")&&r.push(g),r.length===0?null:e.jsx(w,{wert:"ki",icon:Pe,titel:"KI-Sichtbarkeit",unter:"Wie gut ist deine Website für KI-Systeme lesbar?",zahl:`${r.filter(C=>C.passed).length} von ${r.length}`,children:e.jsx(G,{nurInhalt:!0,icon:null,title:"KI-Sichtbarkeit",subtitle:"",checks:r,infoText:"KI-Systeme wie ChatGPT, Perplexity und Google AI Overviews empfehlen zunehmend Websites als Quellen. Wer hier nicht sichtbar ist, verliert potenzielle Kunden an die Konkurrenz."})})})(),(()=>{const t=s.seo_checks.filter(r=>r.key.startsWith("legal_"));return t.length===0?null:e.jsx(w,{wert:"recht",icon:Be,titel:"Rechtstexte",unter:"Sind die wichtigsten Pflichtangaben vorhanden?",zahl:`${t.filter(r=>r.passed).length} von ${t.length}`,children:e.jsx(G,{nurInhalt:!0,icon:null,title:"Rechtstexte",subtitle:"",checks:t,infoText:"Fehlende Rechtstexte wie Impressum oder Datenschutzerklärung können zu Abmahnungen und Bußgeldern führen. Ein Cookie-Banner ist Pflicht, wenn Tracking-Technologien eingesetzt werden."})})})(),s.detected_tools&&s.detected_tools.length>0&&e.jsx(w,{wert:"tools",icon:Ae,titel:"Erkannte Tools und Technologien",unter:"Was auf deiner Seite mitläuft",zahl:`${s.detected_tools.length}`,children:e.jsxs("div",{className:"space-y-4",children:[Object.entries(s.detected_tools.reduce((t,r)=>{var g;return(t[g=r.category]||(t[g]=[])).push(r),t},{})).map(([t,r])=>e.jsxs("div",{children:[e.jsx("p",{className:"font-plex-mono mb-2 text-[11px] uppercase tracking-[0.09em] text-muted-foreground",children:t}),e.jsx("div",{className:"flex flex-wrap gap-2",children:r.map(g=>e.jsx("span",{className:"rounded-full bg-background px-3 py-1.5 text-[13px] text-foreground",children:g.name},g.name))})]},t)),e.jsx("p",{className:"text-xs leading-relaxed text-muted-foreground",children:"Die Erkennung liest sichtbare Spuren im Quelltext. Nicht alle eingesetzten Tools sind von aussen erkennbar."})]})}),s.industry_hints&&s.industry_hints.length>0&&e.jsx(w,{wert:"branche",icon:De,titel:"Branchenspezifische Empfehlungen",unter:"Was in deinem Feld üblicherweise dazugehört",zahl:`${s.industry_hints.filter(t=>t.found).length} von ${s.industry_hints.length}`,children:e.jsx(Fe,{hints:s.industry_hints,nurInhalt:!0})})]}),e.jsx("div",{className:"rundung-apple rounded-[22px] bg-muted",children:e.jsx("div",{className:"p-5 sm:p-6",children:e.jsxs("div",{className:"flex flex-col sm:flex-row items-center gap-4 sm:gap-6",children:[e.jsxs("div",{className:"flex-1 text-center sm:text-left",children:[e.jsx("h3",{className:"font-semibold text-foreground text-sm mb-1",children:"Deinen Report sichern"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Als PDF herunterladen oder per E-Mail erhalten."})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-2 w-full sm:w-auto",children:[m?e.jsx(N,{asChild:!0,size:"sm",className:"gap-2",children:e.jsxs("a",{href:m,target:"_blank",rel:"noopener noreferrer",children:[e.jsx(X,{className:"w-4 h-4"}),e.jsx("span",{className:"sm:inline",children:"PDF herunterladen"})]})}):e.jsxs(N,{size:"sm",onClick:()=>p(!1),disabled:k||S,className:"gap-2",children:[k?e.jsx(R,{className:"w-4 h-4 animate-spin"}):e.jsx(X,{className:"w-4 h-4"}),e.jsx("span",{className:"sm:inline",children:k?"Wird erstellt…":"PDF erstellen"})]}),e.jsxs(N,{size:"sm",variant:"outline",onClick:()=>p(!0),disabled:k||S,className:"gap-2",children:[S?e.jsx(R,{className:"w-4 h-4 animate-spin"}):e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{className:"sm:inline",children:S?"Wird gesendet…":"Per E-Mail"})]})]})]})})}),e.jsxs("div",{className:"space-y-6 sm:space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("h2",{className:"text-h3 text-foreground mb-2",children:"Du möchtest die Punkte umsetzen?"}),e.jsx("p",{className:"text-sm text-muted-foreground max-w-lg mx-auto",children:"Kein Problem. Wir unterstützen dich gerne dabei, unverbindlich und transparent."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[{num:"1",title:"Ziele besprechen",desc:"In einem kurzen Gespräch klären wir deine Prioritäten und Wünsche."},{num:"2",title:"Vorschläge erhalten",desc:"Du erhältst konkrete Empfehlungen und ein transparentes Angebot."},{num:"3",title:"Erst dann starten",desc:"Nur wenn alles passt, legen wir gemeinsam los, ohne Risiko."}].map(t=>e.jsxs("div",{className:"rundung-apple rounded-2xl bg-card border border-border/60 p-6 text-center shadow-sm",children:[e.jsx("span",{className:"inline-flex w-8 h-8 rounded-full items-center justify-center bg-[hsl(var(--chip))] text-foreground font-semibold text-sm mb-4",children:t.num}),e.jsx("h3",{className:"text-sm font-semibold text-foreground mb-1.5",children:t.title}),e.jsx("p",{className:"text-xs text-muted-foreground leading-relaxed",children:t.desc})]},t.num))}),e.jsx("div",{className:"rundung-apple rounded-[22px] bg-muted",children:e.jsxs("div",{className:"p-5 sm:p-8 md:p-10",children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("h3",{className:"text-h3 text-foreground mb-2",children:"Schreib uns einfach"}),e.jsx("p",{className:"text-sm text-muted-foreground max-w-md mx-auto",children:"Wir melden uns innerhalb von 24 Stunden bei dir."})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3 max-w-md mx-auto",children:[e.jsx(N,{asChild:!0,variant:"outline",className:"h-12 rounded-xl",children:e.jsxs("a",{href:"https://wa.me/4915111098288?text=Hallo%2C%20ich%20habe%20gerade%20meinen%20Website-Check%20erhalten%20und%20würde%20gerne%20die%20Ergebnisse%20besprechen.",target:"_blank",rel:"noopener noreferrer",children:[e.jsx(ve,{className:"w-4 h-4"}),"WhatsApp"]})}),e.jsx(N,{asChild:!0,variant:"outline",className:"h-12 rounded-xl",children:e.jsxs(B,{to:"/#kontakt",children:[e.jsx(ee,{className:"w-4 h-4"}),"Kontaktformular"]})}),e.jsx(N,{asChild:!0,variant:"outline",className:"h-12 rounded-xl",children:e.jsxs(B,{to:"/projekte/",children:[e.jsx(we,{className:"w-4 h-4"}),"Referenzen ansehen"]})}),a?.email&&e.jsx(N,{asChild:!0,variant:"outline",className:"h-12 rounded-xl",children:e.jsxs("a",{href:"mailto:[email protected]?subject=Website-Check%20Ergebnis&body=Hallo%2C%20ich%20habe%20gerade%20meinen%20Website-Check%20erhalten%20und%20würde%20gerne%20die%20Ergebnisse%20besprechen.",children:[e.jsx(_e,{className:"w-4 h-4"}),"E-Mail senden"]})})]})]})})]})]}),!c&&!u&&!s&&a&&e.jsx("div",{className:"rundung-apple rounded-[22px] bg-muted",children:e.jsxs("div",{className:"flex flex-col items-center gap-3 p-8 text-center",children:[e.jsx(q,{className:"h-10 w-10",style:{color:f.mittel.tief}}),e.jsx("p",{className:"font-semibold text-foreground",children:"Keine Ergebnisse gefunden"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"Die Analyse konnte nicht abgeschlossen werden."}),e.jsx(N,{asChild:!0,variant:"outline",size:"sm",children:e.jsx(B,{to:"/website-check/",children:"Neue Analyse starten"})})]})})]})]}),e.jsx(Ce,{children:D&&!c&&!u&&s&&e.jsx(y.div,{initial:{y:-60,opacity:0}

1,animate:{y:0,opacity:1},exit:{y:-60,opacity:0},transition:{duration:.25},className:"fixed top-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-md border-b border-border/50 py-2",children:e.jsxs("div",{className:"container mx-auto px-4 max-w-3xl flex items-center justify-between gap-4",children:[e.jsxs("div",{className:"flex items-center gap-4 text-xs font-semibold",children:[e.jsx("span",{className:"text-muted-foreground hidden sm:inline",children:"Gesamt:"}),e.jsxs("span",{className:"text-lg font-medium",style:{color:f[re(s.overall_score)].tief},children:[s.overall_score,"/100"]}),e.jsx("span",{className:"text-muted-foreground",children:"·"}),e.jsxs("span",{className:"text-muted-foreground",children:["📱 ",s.mobile_score]}),e.jsxs("span",{className:"text-muted-foreground",children:["🖥 ",s.desktop_score]})]}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsx(N,{size:"sm",variant:"outline",className:"h-8 text-xs",onClick:()=>window.scrollTo({top:0,behavior:"smooth"}),children:"↑ Nach oben"})})]})})})]})}export{ut as default};