https://immo-lens.com/assets/RenditeRechner-Db6Nuk6k.js

1import{u as U,D as Q,r as a,j as e,s as E}from"./index-C1kzN45B.js";import{F as X}from"./FormattedNumberInput-BPxmWSeo.js";import"./react-C6Febm84.js";const h=i=>i.toLocaleString("de-DE",{maximumFractionDigits:0}),m=i=>i.toLocaleString("de-DE",{minimumFractionDigits:2,maximumFractionDigits:2});function ne({onBack:i}){const{lang:n}=U(),t=(c,O)=>n==="en"?O:c;Q("rechner",{title:t("Renditerechner – Mietrendite für Immobilien berechnen | ImmoLens","Yield Calculator – Calculate Rental Yield for Properties | ImmoLens"),description:t("Berechnen Sie Brutto- und Nettomietrendite Ihrer Kapitalanlage-Immobilie. Kostenloser Rechner mit Cashflow-Analyse.","Calculate gross and net rental yield for your investment property. Free calculator with cash flow analysis."),keywords:t("Mietrendite Rechner, Rendite Immobilie berechnen, Bruttomietrendite, Nettomietrendite, Cashflow Immobilien","rental yield calculator, property return calculator, gross yield, net yield, real estate cashflow")});const[r,w]=a.useState(25e4),[K,A]=a.useState(25e3),[p,D]=a.useState(850),[P,L]=a.useState(250),[k,H]=a.useState(100),[S,$]=a.useState(1200),[R,q]=a.useState(.5),[C,Y]=a.useState(3.5),[z,J]=a.useState(2),[u,Z]=a.useState(75e3),x=p*12,B=r+K,s=r>0?x/r*100:0,G=k*12+S,F=p*R,f=x-G-F,I=B>0?f/B*100:0,v=Math.max(0,B-u),y=v*(C/100),M=v*(z/100),W=y+M,V=W/12,T=f-W,d=T/12,N=u>0?(f-y)/u*100:0,o=p>0?r/x:0;return e.jsxs("div",{style:{minHeight:"100vh",background:"var(--bg)",paddingBottom:"4rem"},children:[e.jsxs("div",{style:{maxWidth:"800px",margin:"0 auto",padding:"1rem 1rem 0"},children:[e.jsxs("button",{onClick:i,style:{background:"none",border:"none",color:"var(--primary)",cursor:"pointer",fontSize:"0.9rem",padding:"0.5rem 0",marginBottom:"0.5rem",display:"flex",alignItems:"center",gap:"0.3rem"},children:[e.jsx("i",{className:"fa-solid fa-arrow-left"})," ",t("Zurück","Back")]}),e.jsx("div",{style:{borderRadius:"16px",overflow:"hidden",marginBottom:"1.5rem",background:"#1e3a5f"},children:e.jsxs("picture",{children:[e.jsx("source",{media:"(max-width: 600px)",srcSet:E("/assets/tools/rendite-rechner-800.webp")}),e.jsx("img",{src:E("/assets/tools/rendite-rechner.webp"),alt:"",style:{width:"100%",height:"220px",objectFit:"cover",display:"block"},onError:c=>c.target.style.display="none"})]})}),e.jsxs("div",{style:{textAlign:"center",marginBottom:"2rem"},children:[e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:"0.5rem",background:"linear-gradient(135deg, #3b82f6, #2563eb)",color:"white",padding:"0.4rem 1rem",borderRadius:"99px",fontSize:"0.78rem",fontWeight:700,marginBottom:"1rem"},children:[e.jsx("i",{className:"fa-solid fa-chart-line"}),t("Kostenlos · Mietrendite-Analyse","Free · Rental Yield Analysis")]}),e.jsx("h1",{style:{fontSize:"clamp(1.4rem, 4.5vw, 2rem)",color:"var(--text-main)",marginBottom:"0.75rem",lineHeight:1.3},children:t("Renditerechner","Yield Calculator")}),e.jsx("p",{style:{color:"var(--text-muted)",fontSize:"1rem",maxWidth:"600px",margin:"0 auto",lineHeight:1.6},children:t("Brutto- & Nettomietrendite, Cashflow und Eigenkapitalrendite berechnen","Calculate gross & net rental yield, cash flow and return on equity")})]})]}),e.jsxs("div",{style:{maxWidth:"800px",margin:"0 auto",padding:"0 1rem",position:"relative"},children:[e.jsxs("div",{style:{background:"var(--card-bg)",borderRadius:"20px",boxShadow:"var(--shadow-lg)",padding:"2rem",marginBottom:"2rem"},children:[e.jsx("h2",{style:{fontSize:"1.2rem",fontWeight:700,marginTop:0,marginBottom:"1.5rem",color:"var(--text-main)"},children:t("Objekt & Kosten","Property & Costs")}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"1.25rem",marginBottom:"1.5rem"},children:[e.jsx(l,{label:t("Kaufpreis (€)","Purchase Price (€)"),value:r,onChange:w,step:1e4}),e.jsx(l,{label:t("Kaufnebenkosten (€)","Closing Costs (€)"),value:K,onChange:A,step:5e3}),e.jsx(l,{label:t("Kaltmiete / Monat (€)","Cold Rent / Month (€)"),value:p,onChange:D,step:50}),e.jsx(l,{label:t("Hausgeld / Monat (€)","Service Charge / Month (€)"),value:P,onChange:L,hint:t("Nur zur Orientierung. Gerechnet wird mit dem nicht umlagefähigen Anteil.","Reference only. The calculation uses the non-recoverable share."),step:50}),e.jsx(l,{label:t("Nicht umlagefähig / Monat (€)","Non-recoverable / Month (€)"),value:k,onChange:H,hint:t("Verwaltung, Instandhaltungsrücklage","Management, maintenance reserve"),step:25}),e.jsx(l,{label:t("Instandhaltung / Jahr (€)","Maintenance / Year (€)"),value:S,onChange:$,step:100}),e.jsx(l,{label:t("Leerstand (Monate/Jahr)","Vacancy (Months/Year)"),value:R,onChange:q,step:.5})]}),e.jsx("h3",{style:{fontSize:"1rem",fontWeight:700,marginBottom:"1rem",marginTop:"1.5rem",color:"var(--text-main)"},children:t("Finanzierung","Financing")}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"1.25rem"},children:[e.jsx(l,{label:t("Eigenkapital (€)","Equity (€)"),value:u,onChange:Z,step:5e3}),e.jsx(l,{label:t("Zinssatz (%)","Interest Rate (%)"),value:C,onChange:Y,step:.1}),e.jsx(l,{label:t("Anfangstilgung (%)","Initial Repayment (%)"),value:z,onChange:J,step:.5})]})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:"1rem",marginBottom:"2rem"},children:[e.jsx(b,{label:t("Bruttomietrendite","Gross Rental Yield"),value:`${m(s)} %`,color:s>=5?"var(--secondary)":s>=3?"var(--warning)":"var(--danger)",hint:t("Jahreskaltmiete / Kaufpreis","Annual Rent / Purchase Price")}),e.jsx(b,{label:t("Nettomietrendite","Net Rental Yield"),value:`${m(I)} %`,color:I>=3.5?"var(--secondary)":I>=2?"var(--warning)":"var(--danger)",hint:t("(Miete − Kosten) / Gesamtinvestition","(Rent − Costs) / Total Investment")}),e.jsx(b,{label:t("Kaufpreisfaktor","Price-to-Rent Ratio"),value:`${m(o)}×`,color:o<=20?"var(--secondary)":o<=25?"var(--warning)":"var(--danger)",hint:t("Kaufpreis / Jahresmiete","Purchase Price / Annual Rent")}),e.jsx(b,{label:t("EK-Rendite","Return on Equity"),value:`${m(N)} %`,color:N>0?"var(--secondary)":"var(--danger)",hint:t("(Mietertrag − Zinsen) / Eigenkapital","(Net Income − Interest) / Equity")})]}),e.jsxs("div",{style:{background:"var(--card-bg)",borderRadius:"20px",boxShadow:"var(--shadow-lg)",padding:"2rem",marginBottom:"2rem"},children:[e.jsx("h2",{style:{fontSize:"1.2rem",fontWeight:700,marginTop:0,marginBottom:"1.5rem",color:"var(--text-main)"},children:t("Cashflow-Analyse (jährlich)","Cash Flow Analysis (Annual)")}),e.jsx(g,{label:t("Kaltmiete (12 Monate)","Cold Rent (12 Months)"),value:x}),e.jsx(g,{label:`– ${t("Leerstandskosten","Vacancy Costs")} (${R} ${t("Mon.","mo.")})`,value:-F}),e.jsx(g,{label:`– ${t("Nicht umlagef. Kosten","Non-recoverable Costs")}

1`,value:-(k*12)}),e.jsx(g,{label:`– ${t("Instandhaltung","Maintenance")}`,value:-S}),e.jsx("div",{style:{borderTop:"2px solid var(--border)",margin:"0.75rem 0",paddingTop:"0.5rem"},children:e.jsx(g,{label:`= ${t("Netto-Mietertrag","Net Rental Income")}`,value:f,bold:!0})}),e.jsxs("div",{style:{marginTop:"1rem"},children:[e.jsx(g,{label:`– ${t("Zinsen","Interest")} (${m(C)} % ${t("auf","on")} ${h(v)} €)`,value:-y}),e.jsx(g,{label:`– ${t("Tilgung","Repayment")} (${m(z)} %)`,value:-M})]}),e.jsxs("div",{style:{borderTop:"2px solid var(--border)",margin:"0.75rem 0",paddingTop:"0.5rem"},children:[e.jsx(g,{label:`= ${t("Cashflow vor Steuern / Jahr","Cash Flow Before Tax / Year")}`,value:T,bold:!0,accent:!0}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"0.9rem",color:"var(--text-muted)",marginTop:"0.25rem"},children:[e.jsxs("span",{children:["= ",t("Cashflow / Monat","Cash Flow / Month")]}),e.jsxs("span",{style:{fontWeight:600,color:d>=0?"var(--secondary)":"var(--danger)"},children:[h(d)," €"]})]})]}),e.jsxs("div",{style:{marginTop:"1.5rem",fontSize:"0.85rem",color:"var(--text-muted)",lineHeight:1.7},children:[e.jsxs("strong",{children:[t("Monatsrate","Monthly Payment"),":"]})," ",h(V)," € (",t("Zins","Interest"),": ",h(y/12)," € + ",t("Tilgung","Repayment"),": ",h(M/12)," €)",e.jsx("br",{}),e.jsxs("strong",{children:[t("Kreditbetrag","Loan Amount"),":"]})," ",h(v)," € | ",e.jsxs("strong",{children:[t("Eigenkapital","Equity"),":"]})," ",h(u)," €"]})]}),e.jsxs("div",{style:{background:"var(--card-bg)",borderRadius:"20px",boxShadow:"var(--shadow-lg)",padding:"2rem",marginBottom:"2rem"},children:[e.jsx("h2",{style:{fontSize:"1.2rem",fontWeight:700,marginTop:0,marginBottom:"1.5rem",color:"var(--text-main)"},children:t("Interpretation","Interpretation")}),e.jsxs("div",{style:{marginBottom:"1.25rem"},children:[e.jsxs("h3",{style:{fontSize:"1rem",fontWeight:600,marginBottom:"0.5rem",color:"var(--text-main)"},children:[t("Bruttomietrendite","Gross Rental Yield"),": ",m(s)," %"]}),e.jsx("p",{style:{color:"var(--text-muted)",lineHeight:1.7,margin:0},children:n==="en"?s>=6?"Very good yield – check carefully if location and condition justify the low price-to-rent ratio.":s>=4.5?"Solid yield for an investment property. Realistic in many B and C locations.":s>=3?"Moderate yield – typical for A locations with appreciation potential.":"Low yield – cash flow will be negative. Only worthwhile with strong appreciation expectations.":s>=6?"Sehr gute Rendite – prüfen Sie sorgfältig, ob Lage und Zustand den niedrigen Kaufpreisfaktor rechtfertigen.":s>=4.5?"Solide Rendite für eine Kapitalanlage. In vielen B- und C-Lagen realistisch.":s>=3?"Moderate Rendite – typisch für A-Lagen mit Wertsteigerungspotenzial.":"Niedrige Rendite – Cashflow wird negativ sein. Nur mit starker Wertsteigerungserwartung sinnvoll."})]}),e.jsxs("div",{style:{marginBottom:"1.25rem"},children:[e.jsxs("h3",{style:{fontSize:"1rem",fontWeight:600,marginBottom:"0.5rem",color:"var(--text-main)"},children:[t("Kaufpreisfaktor","Price-to-Rent Ratio"),": ",m(o),"×"]}),e.jsx("p",{style:{color:"var(--text-muted)",lineHeight:1.7,margin:0},children:n==="en"?e.jsxs(e.Fragment,{children:["The price-to-rent ratio shows how many annual cold rents equal the purchase price."," ",o<=20?"Below 20× is considered affordable – good yield likely.":o<=25?"Between 20× and 25× is common in many regions.":o<=30?"Between 25× and 30× – typical for sought-after cities. Yield rather low.":"Over 30× – very expensive. Only worthwhile with significant appreciation."]}):e.jsxs(e.Fragment,{children:["Der Kaufpreisfaktor zeigt, wie viele Jahreskaltmieten der Kaufpreis entspricht."," ",o<=20?"Unter 20× gilt als günstig – gute Rendite wahrscheinlich.":o<=25?"Zwischen 20× und 25× ist marktüblich in vielen Regionen.":o<=30?"Zwischen 25× und 30× – typisch für gefragte Städte. Rendite eher gering.":"Über 30× – sehr teuer. Nur mit erheblicher Wertsteigerung lohnenswert."]})})]}),e.jsxs("div",{children:[e.jsxs("h3",{style:{fontSize:"1rem",fontWeight:600,marginBottom:"0.5rem",color:"var(--text-main)"},children:["Cashflow: ",h(d)," € / ",t("Monat","Month")]}),e.jsx("p",{style:{color:"var(--text-muted)",lineHeight:1.7,margin:0},children:n==="en"?d>=100?'Positive cash flow – the property "pays for itself" and generates surplus.':d>=0?"Barely positive – little buffer for unexpected expenses. Rent increases will improve the situation.":d>=-200?"Slightly negative cash flow – you need to contribute monthly, but repayment builds wealth.":"Significantly negative cash flow – high monthly burden. Check if repayment and appreciation justify the contribution.":d>=100?'Positiver Cashflow – die Immobilie „trägt sich selbst" und generiert Überschuss.':d>=0?"Knapp positiv – wenig Puffer für Sonderausgaben. Mieterhöhungen verbessern die Situation.":d>

1=-200?"Leicht negativer Cashflow – Sie müssen monatlich zuzahlen, aber die Tilgung baut Vermögen auf.":"Deutlich negativer Cashflow – hohe monatliche Belastung. Prüfen Sie, ob Tilgung und Wertsteigerung die Zuzahlung rechtfertigen."})]})]}),e.jsxs("div",{style:{background:"var(--card-bg)",borderRadius:"20px",boxShadow:"var(--shadow-lg)",padding:"2rem",marginBottom:"2rem"},children:[e.jsx("h2",{style:{fontSize:"1.2rem",fontWeight:700,marginTop:0,marginBottom:"1.5rem",color:"var(--text-main)"},children:t("Häufige Fragen zur Mietrendite","FAQ – Rental Yield")}),e.jsx(j,{q:t("Was ist der Unterschied zwischen Brutto- und Nettomietrendite?","What is the difference between gross and net rental yield?"),children:n==="en"?e.jsxs(e.Fragment,{children:["The ",e.jsx("strong",{children:"gross rental yield"})," divides the annual cold rent by the purchase price – simple, but it ignores both the closing costs and the running costs. The ",e.jsx("strong",{children:"net rental yield"})," divides the net rental income (rent minus non-recoverable charges, vacancy and maintenance) by the total investment, that is purchase price plus closing costs. It gives a far more realistic picture and is always the lower figure."]}):e.jsxs(e.Fragment,{children:["Die ",e.jsx("strong",{children:"Bruttomietrendite"})," teilt die Jahreskaltmiete durch den Kaufpreis – einfach, blendet aber sowohl die Kaufnebenkosten als auch die laufenden Kosten aus. Die ",e.jsx("strong",{children:"Nettomietrendite"})," teilt den Netto-Mietertrag (Miete abzüglich nicht umlagefähiger Kosten, Leerstand und Instandhaltung) durch die Gesamtinvestition, also Kaufpreis plus Kaufnebenkosten. Sie ist deutlich realistischer und immer der niedrigere Wert."]})}),e.jsx(j,{q:t("Was ist eine gute Mietrendite?","What is a good rental yield?"),children:n==="en"?e.jsxs(e.Fragment,{children:["As a rule of thumb: ",e.jsx("strong",{children:"gross from 5 %"})," or ",e.jsx("strong",{children:"net from 3.5 %"})," is considered good. In A locations (Munich, Hamburg) 2–3 % gross is common – there you bet on appreciation. In B/C locations 6–8 % gross is possible, but with higher risk."]}):e.jsxs(e.Fragment,{children:["Als Faustregel: ",e.jsx("strong",{children:"Brutto ab 5 %"})," bzw. ",e.jsx("strong",{children:"Netto ab 3,5 %"})," gelten als gute Rendite. In A-Lagen (München, Hamburg) sind 2–3 % Brutto üblich – dort setzt man auf Wertsteigerung. In B/C-Lagen sind 6–8 % Brutto möglich, aber mit höherem Risiko."]})}),e.jsx(j,{q:t("Warum ist die Eigenkapitalrendite oft höher als die Nettomietrendite?","Why is the return on equity often higher than net rental yield?"),children:n==="en"?e.jsxs(e.Fragment,{children:["Due to the ",e.jsx("strong",{children:"leverage effect"}),': If the net rental yield is higher than the loan interest rate, the loan "levers" your personal return upward. The less equity you invest (and the cheaper the loan), the higher the ROE – but also the risk.']}):e.jsxs(e.Fragment,{children:["Durch den ",e.jsx("strong",{children:"Leverage-Effekt"}),': Wenn die Nettomietrendite höher ist als der Kreditzins, „hebelt" der Kredit Ihre persönliche Rendite nach oben. Je weniger Eigenkapital Sie einsetzen (und je günstiger der Kredit), desto höher die EK-Rendite – aber auch das Risiko.']})}),e.jsx(j,{q:t("Was zählt als nicht umlagefähige Kosten?","What counts as non-recoverable costs?"),children:n==="en"?e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"Service charges"})," contain recoverable costs (water, waste, elevator – paid by the tenant via utility charges) and non-recoverable costs (management fee, maintenance reserve). Only the non-recoverable costs reduce your yield."]}):e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"Hausgeld"})," enthält umlagefähige (Wasser, Müll, Aufzug – zahlt der Mieter über die Nebenkosten) und nicht umlagefähige Kosten (Verwaltergebühr, Instandhaltungsrücklage). Nur die nicht umlagefähigen Kosten belasten Ihre Rendite."]})})]}),e.jsxs("div",{style:{textAlign:"center",padding:"2rem",background:"var(--card-bg)",borderRadius:"20px",boxShadow:"var(--shadow-lg)"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"0.75rem",color:"var(--text-main)"},children:t("Rendite automatisch aus dem Exposé berechnen","Calculate Yield Automatically from the Exposé")}),e.jsx("p",{style:{color:"var(--text-muted)",marginBottom:"1rem",maxWidth:"500px",margin:"0 auto 1rem"},children:t("ImmoLens extrahiert Kaufpreis, Miete und alle Nebenkosten direkt aus dem Exposé-PDF und berechnet die Renditekennzahlen automatisch.","ImmoLens extracts purchase price, rent and all costs directly from the exposé PDF and calculates yield metrics automatically.")}),e.jsxs("a",{href:"/guest-analyze",onClick:c=>{c.preventDefault(),window.history.pushState(null,"","/guest-analyze"),window.dispatchEvent(new Event("popstate"))},style:{display:"inline-flex",alignItems:"center",gap:"0.5rem",background:"var(--secondary)",color:"#fff",border:"none",borderRadius:"12px",padding:"0.85rem 2rem",fontSize:"1rem",fontWeight:700,textDecoration:"none",cursor:"pointer"},children:[e.jsx("i",{className:"fa-solid fa-file-arrow-up"})," ",t("Exposé analysieren","Analyze Exposé")]})]}),e.jsxs("div",{style:{marginTop:"2rem",padding:"0 0.5rem"},children:[e.jsx("h2",{style:{fontSize:"1.2rem",fontWeight:700,color:"var(--text-main)",marginBottom:"1rem"},children:t("Mietrendite berechnen – Grundlagen für Kapitalanleger","Calculating Rental Yield – Basics for Property Investors")}),e.jsx("p",{style:{lineHeight:1.8,color:"var(--text-muted)"},children:n==="en"?e.jsxs(e.Fragment,{children:["Rental yield is the most important metric for property investors. It shows how a property performs relative to its investment sum. Always distinguish between ",e.jsx("strong",{children:"gross rental yield"})," (annual cold rent ÷ purchase price) and ",e.jsx("strong",{children:"net rental yield"}

1)," (net rental income ÷ total investment incl. closing costs), which accounts for realistic operating costs and vacancy."]}):e.jsxs(e.Fragment,{children:["Die Mietrendite ist die wichtigste Kennzahl für Immobilien-Kapitalanleger. Sie zeigt, wie sich eine Immobilie im Verhältnis zu ihrer Investitionssumme verzinst. Unterscheiden Sie immer zwischen ",e.jsx("strong",{children:"Bruttomietrendite"})," (Jahreskaltmiete ÷ Kaufpreis) und ",e.jsx("strong",{children:"Nettomietrendite"})," (Netto-Mietertrag ÷ Gesamtinvestition inkl. Kaufnebenkosten), die realistische Betriebskosten und Leerstand berücksichtigt."]})}),e.jsx("p",{style:{lineHeight:1.8,color:"var(--text-muted)"},children:n==="en"?e.jsxs(e.Fragment,{children:["The ",e.jsx("strong",{children:"price-to-rent ratio"})," (also called multiplier) indicates how many annual cold rents equal the purchase price. At a ratio of 20, the property theoretically pays for itself through rent in 20 years. In German major cities, ratios currently range from 25–35×, in rural areas sometimes below 15×."]}):e.jsxs(e.Fragment,{children:["Der ",e.jsx("strong",{children:"Kaufpreisfaktor"})," (auch Vervielfältiger genannt) gibt an, wie viele Jahreskaltmieten der Kaufpreis entspricht. Bei einem Faktor von 20 zahlt sich die Immobilie rein rechnerisch in 20 Jahren über die Miete ab. In deutschen Großstädten liegen die Faktoren aktuell bei 25–35×, in ländlichen Regionen teilweise unter 15×."]})}),e.jsx("p",{style:{lineHeight:1.8,color:"var(--text-muted)"},children:n==="en"?e.jsxs(e.Fragment,{children:["Detailed background on property as an investment can be found in our ",e.jsx("a",{href:"/ratgeber/immobilie-kapitalanlage",onClick:c=>{c.preventDefault(),window.history.pushState(null,"","/ratgeber/immobilie-kapitalanlage"),window.dispatchEvent(new Event("popstate"))},style:{color:"var(--secondary)",textDecoration:"underline"},children:"guide: Property as a Capital Investment"}),"."]}):e.jsxs(e.Fragment,{children:["Detaillierte Hintergründe zur Immobilie als Kapitalanlage finden Sie in unserem ",e.jsx("a",{href:"/ratgeber/immobilie-kapitalanlage",onClick:c=>{c.preventDefault(),window.history.pushState(null,"","/ratgeber/immobilie-kapitalanlage"),window.dispatchEvent(new Event("popstate"))},style:{color:"var(--secondary)",textDecoration:"underline"},children:"Ratgeber: Immobilie als Kapitalanlage"}),"."]})})]})]})]})}function l({label:i,value:n,onChange:t,hint:r,step:w}){return e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"0.85rem",fontWeight:600,marginBottom:"0.4rem",color:"var(--text-muted)"},children:i}),e.jsx(X,{value:n,onChange:t,min:0,step:w||1,style:{width:"100%",padding:"0.6rem 0.25rem",fontSize:"1rem",background:"transparent",color:"var(--text-main)"}}),r&&e.jsx("div",{style:{fontSize:"0.75rem",color:"var(--text-light)",marginTop:"0.25rem"},children:r})]})}function b({label:i,value:n,color:t,hint:r}){return e.jsxs("div",{style:{background:"var(--card-bg)",borderRadius:"16px",boxShadow:"var(--shadow-lg)",padding:"1.5rem",textAlign:"center"},children:[e.jsx("div",{style:{fontSize:"0.85rem",color:"var(--text-muted)",marginBottom:"0.5rem"},children:i}),e.jsx("div",{style:{fontSize:"1.8rem",fontWeight:800,color:t},children:n}),r&&e.jsx("div",{style:{fontSize:"0.75rem",color:"var(--text-light)",marginTop:"0.25rem"},children:r})]})}function g({label:i,value:n,bold:t,accent:r}){return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:"0.4rem",fontWeight:t?700:400,color:r?n>=0?"var(--secondary)":"var(--danger)":"inherit",fontSize:t?"1.05rem":"0.95rem"},children:[e.jsx("span",{children:i}),e.jsxs("span",{children:[h(n)," €"]})]})}function j({q:i,children:n}){const[t,r]=a.useState(!1);return e.jsxs("div",{style:{borderBottom:"1px solid var(--border)",paddingBottom:"0.75rem",marginBottom:"0.75rem"},children:[e.jsxs("button",{onClick:()=>r(!t),style:{background:"none",border:"none",cursor:"pointer",width:"100%",textAlign:"left",padding:"0.5rem 0",fontSize:"1rem",fontWeight:600,color:"var(--text-main)",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[i,e.jsx("i",{className:`fa-solid fa-chevron-${t?"up":"down"}`,style:{fontSize:"0.8rem",color:"var(--text-muted)"}})]}),t&&e.jsx("div",{style:{padding:"0.5rem 0",lineHeight:1.7,color:"var(--text-muted)"},children:n})]})}export{ne as default};