Banner

Testen Sie gerne unsere MVP-Produkte aus! geben Sie uns Feedback, was Sie vermissen oder benötigen. Alle Daten und Ergebnissen werden direkt im Browser generiert, es entsteht keine Speicherung/Übertragung von Daten an uns, daher ist die Benutzung DSGVO-konform. Melden Sie sich gerne unter welcome@digital-opua.ch.

MVP - Pensionskassenrechner DACH

Embed

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>DACH Rentenlücken-Rechner mit PDF-Export</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
</head>
<body>
<div id="pension-calculator-widget">
<style>
#pension-calculator-widget{max-width:720px;margin:20px auto;padding:25px;border:2px solid #e0e0e0;border-radius:12px;
background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);font-family:"Segoe UI",sans-serif;box-shadow:0 4px 15px rgba(0,0,0,.1)}
#pension-calculator-widget h2{text-align:center;color:#2c3e50;margin-bottom:12px;font-size:24px}
#pension-calculator-widget .subtitle{text-align:center;color:#7f8c8d;margin-bottom:20px;font-size:14px}
#pension-calculator-widget .country-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
.country-btn{padding:10px 6px;border:2px solid #bdc3c7;border-radius:6px;background:#fff;cursor:pointer;font-weight:500;transition:.3s}
.country-btn.active,.country-btn:hover{background:#3498db;color:#fff;border-color:#3498db}
.form-group{margin-bottom:18px}
label{display:block;margin-bottom:6px;font-weight:600;color:#34495e;font-size:14px}
input,select{width:100%;padding:11px;border:2px solid #bdc3c7;border-radius:6px;font-size:15px;box-sizing:border-box}
input:focus,select:focus{outline:none;border-color:#3498db}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.two-column{grid-template-columns:1fr}.country-selector{grid-template-columns:1fr}}
.calculate-btn{width:100%;padding:14px;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;
border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;transition:.2s;margin-top:6px}
.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(52,152,219,.35)}
.results{display:none;margin-top:28px;padding:20px;background:#ffffff;border-radius:8px;border-left:4px solid #3498db}
.result-item{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ecf0f1;font-size:15px}
.result-label{color:#2c3e50}
.result-value{font-weight:700;color:#27ae60}
.pension-gap{font-size:18px;padding:14px;border-radius:6px;text-align:center;margin:16px 0}
.pension-gap.negative{background:#fdf2f2;color:#e74c3c}
.pension-gap.positive{background:#f0f9f0;color:#27ae60}
.recommendations{margin-top:16px;padding:15px;background:#f8f9fa;border-radius:6px}
.recommendations h4{margin:0 0 8px;color:#2c3e50}
.recommendations li{margin-bottom:6px;color:#34495e;line-height:1.45;font-size:14px}
.detail-box{background:#ecf7ff;border-radius:6px;padding:14px;margin-top:18px}
.detail-box h4{margin:0 0 8px;color:#2c3e50}
.detail-box div{display:flex;justify-content:space-between;border-bottom:1px solid #d0e6f7;padding:6px 0;font-size:14px}
.disclaimer{margin-top:18px;padding:10px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;font-size:12px;color:#856404}
#lead-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:9999}
#lead-modal .modal-content{background:#fff;padding:25px;border-radius:10px;max-width:420px;width:92%}
#lead-modal h3{margin-top:0;margin-bottom:12px;color:#2c3e50;text-align:center}
.modal-content input{margin-bottom:12px}
.modal-content button{width:100%;padding:12px;background:#27ae60;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer}
.modal-close{background:red !important;margin-top:4px}
</style>

<h2>🏦 DACH Rentenlücken-Rechner</h2>
<p class="subtitle">Ermitteln Sie Ihre Rentenlücke (DE | AT | CH) – jetzt mit PDF-Export</p>

<div class="country-selector">
    <button class="country-btn active" data-country="DE">🇩🇪 Deutschland</button>
    <button class="country-btn" data-country="AT">🇦🇹 Österreich</button>
    <button class="country-btn" data-country="CH">🇨🇭 Schweiz</button>
</div>

<form id="pension-form">
    <div class="two-column">
        <div class="form-group">
            <label for="age">Ihr aktuelles Alter:</label>
            <input type="number" id="age" value="45" min="18" max="67" required />
        </div>
        <div class="form-group">
            <label id="retirement-age-label" for="retirement-age">Gewünschtes Renteneintrittsalter:</label>
            <select id="retirement-age"></select>
        </div>
    </div>
    <div class="form-group">
        <label id="gross-income-label" for="gross-income">Aktuelles Brutto-Jahreseinkommen:</label>
        <input type="number" id="gross-income" value="45000" step="1000" min="10000" />
    </div>
    <div class="two-column">
        <div class="form-group">
            <label for="work-years">Bereits gearbeitete Jahre:</label>
            <input type="number" id="work-years" value="20" min="0" max="50" />
        </div>
        <div class="form-group">
            <label id="pension-points-label" for="current-pension-points">Rentenpunkte / Beitragsjahre:</label>
            <input type="number" id="current-pension-points" value="20" step="0.1" min="0" />
        </div>
    </div>
    <div class="form-group">
        <label id="additional-pension-label" for="additional-pension">Monatliche private/betriebliche Vorsorge:</label>
        <input type="number" id="additional-pension" value="0" step="10" min="0" />
    </div>
    <button type="submit" class="calculate-btn">Rentenlücke berechnen</button>
</form>

<div id="results" class="results">
    <div class="result-item"><span id="statutory-pension-label"></span><span id="statutory-pension">0</span></div>
    <div class="result-item"><span>Zusätzliche Vorsorge:</span><span id="additional-pension-result">0</span></div>
    <div class="result-item"><span>Gesamte Rente (brutto):</span><span id="total-pension">0</span></div>
    <div class="result-item"><span id="recommended-income-label"></span><span id="recommended-income">0</span></div>
    <div id="pension-gap-display" class="pension-gap negative">
        <strong>Ihre monatliche Rentenlücke: <span id="pension-gap-amount">0</span></strong>
    </div>
    <div class="detail-box">
        <h4>🔎 Detailierte Berechnungen</h4>
        <div><span>Inflationsbereinigte Rentenlücke (heutige Kaufkraft):</span><span id="real-gap">0</span></div>
        <div><span>Kapitalbedarf für 20 Rentenjahre:</span><span id="capital-need">0</span></div>
        <div><span>Monatl. Sparrate bei 4 % Rendite:</span><span id="monthly-saving">0</span></div>
    </div>
    <div class="recommendations">
        <h4>💡 Handlungsempfehlungen</h4>
        <ul id="recommendations-list"></ul>
    </div>
    <button id="export-btn" class="calculate-btn" style="background:#27ae60;margin-top:10px" disabled>Ergebnisse exportieren (PDF)</button>
</div>
<p id="disclaimer-text" class="disclaimer"></p>
</div>

<div id="lead-modal">
  <div class="modal-content">
     <h3>Export anfordern</h3>
     <input type="text" id="lead-firstname" placeholder="Vorname" required />
     <input type="text" id="lead-lastname"  placeholder="Nachname" required />
     <input type="email" id="lead-email"     placeholder="E-Mail" required />
     <input type="text" id="lead-address"   placeholder="Adresse" required />
     <button id="lead-submit">Download starten</button>
     <button class="modal-close">Abbrechen</button>
  </div>
</div>

<script>
let selectedCountry='DE',resultsCache=null;
const countryConfigs={
 DE:{currency:'€',pensionValue:37.6,averageIncome:43142,pensionIncrease:.02,inflation:.02,retirementOptions:[63,65,67,70],
     labels:{gross:'Aktuelles Brutto-Jahreseinkommen (€):',points:'Rentenpunkte bisher:',
             add:'Monatliche private/betriebliche Altersvorsorge (€):',
             statutory:'Geschätzte gesetzliche Rente (brutto):',
             recIncome:'Empfohlenes Renteneinkommen (80 % Netto):',
             retirement:'Gewünschtes Renteneintrittsalter:'},
     disclaimer:'Berechnung basiert auf deutschem Rentensystem (Werte 2024).'},
 AT:{currency:'€',pensionValue:1,averageIncome:47291,pensionIncrease:.025,inflation:.02,retirementOptions:[60,62,65,68],
     labels:{gross:'Aktuelles Brutto-Jahreseinkommen (€):',points:'Beitragsjahre bisher:',
             add:'Monatliche private/betriebliche Vorsorge (€):',
             statutory:'Geschätzte gesetzliche Pension (brutto):',
             recIncome:'Empfohlenes Pensionseinkommen (80 % Netto):',
             retirement:'Gewünschtes Pensionsantrittsalter:'},
     disclaimer:'Berechnung basiert auf österreichischem Pensionssystem (Stand 2024).'},
 CH:{currency:'CHF',pensionValue:1,averageIncome:78456,pensionIncrease:.015,inflation:.012,retirementOptions:[62,64,65,70],
     labels:{gross:'Brutto-Jahreseinkommen (CHF):',points:'Beitragsjahre bisher:',
             add:'Monatliche private Vorsorge (Säule 3a/3b) (CHF):',
             statutory:'Geschätzte AHV+BVG Rente (brutto):',
             recIncome:'Empfohlenes Renteneinkommen (80 % Netto):',
             retirement:'Gewünschtes Pensionierungsalter:'},
     disclaimer:'Berechnung basiert auf Schweizer 3-Säulen-System (2024). „ss“ statt „ß“ verwendet.'}
};
document.addEventListener('DOMContentLoaded',()=>{
  document.querySelectorAll('.country-btn').forEach(btn=>{
    btn.addEventListener('click',function(){
      document.querySelectorAll('.country-btn').forEach(b=>b.classList.remove('active'));
      this.classList.add('active');selectedCountry=this.dataset.country;updateUI();
    });
  });
  updateUI();
  document.getElementById('pension-form').addEventListener('submit',e=>{e.preventDefault();calculatePension();});
  document.getElementById('export-btn').addEventListener('click',openLeadModal);
  document.querySelector('.modal-close').addEventListener('click',()=>{document.getElementById('lead-modal').style.display='none';});
  document.getElementById('lead-submit').addEventListener('click',submitLeadForm);
});
function updateUI(){
 const cfg=countryConfigs[selectedCountry];
 document.getElementById('gross-income-label').textContent=cfg.labels.gross;
 document.getElementById('pension-points-label').textContent=cfg.labels.points;
 document.getElementById('additional-pension-label').textContent=cfg.labels.add;
 document.getElementById('statutory-pension-label').textContent=cfg.labels.statutory;
 document.getElementById('recommended-income-label').textContent=cfg.labels.recIncome;
 document.getElementById('retirement-age-label').textContent=cfg.labels.retirement;
 document.getElementById('disclaimer-text').innerHTML='<strong>Hinweis:</strong> '+cfg.disclaimer;
 const select=document.getElementById('retirement-age');select.innerHTML='';
 cfg.retirementOptions.forEach(val=>{
   const opt=document.createElement('option');opt.value=val;opt.text=val+' Jahre';if(val===cfg.retirementOptions[cfg.retirementOptions.length-2])opt.selected=true;
   select.appendChild(opt);
 });
}
function calculatePension(){
 const cfg=countryConfigs[selectedCountry];
 const age=+document.getElementById('age').value,retAge=+document.getElementById('retirement-age').value,
       gross=+document.getElementById('gross-income').value,workYears=+document.getElementById('work-years').value,
       points=+document.getElementById('current-pension-points').value,add=+document.getElementById('additional-pension').value;
 const yrsToRet=retAge-age;
 let statPension=0;
 if(selectedCountry==='DE'){
   const ptsPerYear=Math.min(gross/cfg.averageIncome,2);const futurePts=ptsPerYear*yrsToRet;
   const totalPts=points+futurePts;const futureVal=cfg.pensionValue*Math.pow(1+cfg.pensionIncrease,yrsToRet);
   statPension=totalPts*futureVal;
 }else if(selectedCountry==='AT'){
   const totalYears=workYears+yrsToRet;const perc=Math.min(totalYears*1.78,80)/100;
   statPension=(gross*perc)/14;
 }else if(selectedCountry==='CH'){
   const maxAHV=2450,minAHV=1225,ahv=Math.min(maxAHV,Math.max(minAHV,gross/12*0.25));
   const koord=25725,versLohn=Math.max(0,gross-koord),bvg=versLohn*0.06/12;statPension=ahv+bvg;
 }
 const net=calcNet(gross/12,selectedCountry);const recIncome=net*0.8;
 const total=statPension+add;const gap=recIncome-total;
 const realGap=gap/Math.pow(1+cfg.inflation,yrsToRet);
 const capitalNeed=realGap*12*20;
 const monthlySaving= (capitalNeed * 0.04/12) / (Math.pow(1+0.04/12,yrsToRet*12)-1);
 const cur=cfg.currency;
 const set=(id,val)=>document.getElementById(id).textContent=Math.round(val).toLocaleString('de-DE')+' '+cur;
 set('statutory-pension',statPension);set('additional-pension-result',add);set('total-pension',total);
 set('recommended-income',recIncome);set('pension-gap-amount',gap);
 set('real-gap',realGap);set('capital-need',capitalNeed);set('monthly-saving',monthlySaving);
 const gapBox=document.getElementById('pension-gap-display');
 gapBox.classList.toggle('positive',gap<=0);gapBox.classList.toggle('negative',gap>0);
 generateRecs(gap,yrsToRet,gross,age);
 document.getElementById('results').style.display='block';
 document.getElementById('export-btn').disabled=false;
 document.getElementById('results').scrollIntoView({behavior:'smooth'});
 resultsCache={country:selectedCountry,age,retAge,gross,statPension,add,total,recIncome,gap,realGap,capitalNeed,monthlySaving,currency:cur};
}
function calcNet(inc,country){
 const annual=inc*12;let social,tax;
 if(country==='DE'){social=annual*0.20;tax=incomeTaxDE(annual);return(Math.max(annual-social-tax,annual*0.6))/12;}
 if(country==='AT'){social=annual*0.18;tax=incomeTaxAT(annual);return(Math.max(annual-social-tax,annual*0.65))/12;}
 if(country==='CH'){social=annual*0.13;tax=annual*0.15;return(Math.max(annual-social-tax,annual*0.72))/12;}
 return inc*0.7;
}
function incomeTaxDE(a){if(a<=10908)return 0;if(a<=15999)return(a-10908)*0.14;
 if(a<=62809)return 713+(a-15999)*0.24;if(a<=277825)return 11954+(a-62809)*0.42;
 return 102263+(a-277825)*0.45;}
function incomeTaxAT(a){if(a<=11693)return 0;if(a<=20000)return(a-11693)*0.2;
 if(a<=31000)return 1661+(a-20000)*0.35;if(a<=60000)return 5511+(a-31000)*0.42;
 return 17691+(a-60000)*0.48;}
function generateRecs(gap,yrs,gross,age){
 const list=document.getElementById('recommendations-list');list.innerHTML='';
 const cfg=countryConfigs[selectedCountry],cur=cfg.currency;
 const addLi=txt=>{const li=document.createElement('li');li.innerHTML=txt;list.appendChild(li);};
 if(gap>0){
   const saveReq=Math.round(gap/(yrs*12)*12);
   if(gap> (selectedCountry==='CH'?2000:1000))addLi(`<strong>Hohe Lücke</strong> – etwa ${saveReq} ${cur} zusätzlich sparen.`);
   else if(gap> (selectedCountry==='CH'?500:300))addLi(`Moderate Lücke – etwa ${saveReq} ${cur} monatlich nötig.`);
   else addLi('Kleine Lücke – Sie sind gut aufgestellt.');
   if(selectedCountry==='DE'){addLi('Nutzen Sie ggf. betriebliche Altersvorsorge, Riester/Rürup, ETF-Sparpläne.');}
   if(selectedCountry==='AT'){addLi('Prämienbegünstigte Zukunftsvorsorge oder Fonds-Sparen prüfen.');}
   if(selectedCountry==='CH'){addLi('Säule 3a ausschöpfen, evtl. Einkauf in Pensionskasse.');}
   addLi('Regelmäßige Überprüfung Ihrer offiziellen Renten-/Pensionsinformation empfohlen.');
 }else{
   addLi('Glückwunsch – keine Lücke! Dennoch Inflation beachten.');
 }
}
function openLeadModal(){document.getElementById('lead-modal').style.display='flex';}
function submitLeadForm(){
 const fn=document.getElementById('lead-firstname').value.trim(),
       ln=document.getElementById('lead-lastname').value.trim(),
       em=document.getElementById('lead-email').value.trim(),
       ad=document.getElementById('lead-address').value.trim();
 if(!fn||!ln||!em||!ad){alert('Bitte alle Felder ausfüllen.');return;}
 exportPDF({firstname:fn,lastname:ln,email:em,address:ad});
 document.getElementById('lead-modal').style.display='none';
}
function exportPDF(lead){
 if(!resultsCache){alert('Bitte zuerst berechnen.');return;}
 const data={...resultsCache,...lead,date:new Date().toLocaleDateString()};
 const doc = new window.jspdf.jsPDF();
 doc.setFontSize(18);
 doc.text('Rentenlücken-Rechner Ergebnis', 14, 18);
 doc.setFontSize(12);
 doc.text(`Datum: ${data.date}`, 14, 28);
 doc.text(`Vorname: ${data.firstname}`, 14, 36);
 doc.text(`Nachname: ${data.lastname}`, 14, 44);
 doc.text(`E-Mail: ${data.email}`, 14, 52);
 doc.text(`Adresse: ${data.address}`, 14, 60);
 let y = 72;
 doc.setFontSize(14);
 doc.text('Berechnungsergebnisse:', 14, y);
 y += 8;
 doc.setFontSize(12);
 doc.text(`Land: ${countryConfigs[data.country].labels.statutory.replace(/[]/g,'')}`, 14, y); y+=8;
 doc.text(`Alter: ${data.age}`, 14, y); y+=8;
 doc.text(`Renten-/Pensionsalter: ${data.retAge}`, 14, y); y+=8;
 doc.text(`Brutto-Jahreseinkommen: ${Math.round(data.gross).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=8;
 doc.text(`Gesetzliche Rente/Pension: ${Math.round(data.statPension).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=8;
 doc.text(`Zusätzliche Vorsorge: ${Math.round(data.add).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=8;
 doc.text(`Gesamte Rente/Pension: ${Math.round(data.total).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=8;
 doc.text(`Empfohlenes Renteneinkommen: ${Math.round(data.recIncome).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=8;
 doc.text(`Monatliche Rentenlücke: ${Math.round(data.gap).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=8;
 doc.text(`Inflationsbereinigte Lücke: ${Math.round(data.realGap).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=8;
 doc.text(`Kapitalbedarf (20 Jahre): ${Math.round(data.capitalNeed).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=8;
 doc.text(`Monatliche Sparrate (4% Rendite): ${Math.round(data.monthlySaving).toLocaleString('de-DE')} ${data.currency}`, 14, y); y+=12;
 doc.setFontSize(11);
 doc.setTextColor(100);
 doc.text('Hinweis: Diese Berechnung ist eine vereinfachte Schätzung und ersetzt keine professionelle Beratung.', 14, y, {maxWidth: 180});
 doc.save('rentenrechner_ergebnis.pdf');
 alert('Danke! Ihr PDF wurde heruntergeladen.');
}
</script>
</body>
</html>

digital opua GmbH

Digital Opua ist Ihre innovative Beratungsfirma für Künstliche Intelligenz und digitale Transformation. Wir unterstützen Unternehmen dabei, das Potenzial von KI gezielt und praxisnah zu nutzen – von der ersten Idee bis zur erfolgreichen Umsetzung.

Unser Team aus erfahrenen KI-Expert:innen, Strateg:innen und Branchenkenner:innen entwickelt individuelle Lösungen, die messbaren Mehrwert schaffen. Ob Prozessautomatisierung, Datenanalyse, Machine Learning oder die Entwicklung neuer digitaler Geschäftsmodelle: Wir begleiten Sie Schritt für Schritt auf dem Weg in eine intelligente, zukunftsfähige Unternehmenswelt.

Mit Digital Opua profitieren Sie von:

fundierter KI-Expertise und praxisnaher Beratung
maßgeschneiderten Strategien für Ihre Branche und Unternehmensgröße
innovativen, aber realistisch umsetzbaren Lösungen
partnerschaftlicher Zusammenarbeit auf Augenhöhe
Unser Ziel: Wir machen Künstliche Intelligenz für Ihr Unternehmen verständlich, greifbar und gewinnbringend. Lassen Sie uns gemeinsam Ihre digitale Zukunft gestalten!