Files
mindflux/src/main/resources/static/finalflux/wirtschaft/ratendarlehen.html
T
AliceDarkest 501ecc0c1e AP3 A11y-Widget perfektioniert (Focus-Trap, aria-Semantik, tote CSS, Cache)
- accessibility.js: Focus-Trap im Panel (Tab/Shift+Tab zyklisch ueber Close + 9
  Optionen), aria-modal="true" beim Oeffnen, Klick-ausserhalb schliesst (Escape +
  Fokus-Rueckgabe bestehen). Font-Button: aria-pressed ersetzt durch dynamisches
  aria-label ("... aktuell 115 %") + .is-active ab >100 %; Reset-Button ohne
  aria-pressed (Aktion statt Toggle). Hochkontrast-Untertitel "immer dunkel".
- accessibility.css: toten Legacy-Dock-Code entfernt (72px body-padding, .mf-a11y-dock,
  Fixed-Trigger, Dock-Media-Query); .is-active am Aktiv-Styling; Kommentar, dass
  Hochkontrast bewusst immer dunkel bleibt.
- accessibility-placement.css: obsoleten Padding-Reset entfernt; .is-active ergaenzt.
- Cache-Buster: theme.js injiziert accessibility.css v6 / placement v10 /
  accessibility.js v9 / fluxtimer.css v5; theme.css?v=4 und theme.js?v=5 in allen
  80 Templates/Finalflux-Seiten vereinheitlicht.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WFxcjtc9HNP4VECT6Ur1tE
2026-07-21 00:16:05 +02:00

108 lines
5.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de" data-theme="dark">
<head>
<meta charset="UTF-8">
<title>Ratendarlehen - FinalProtocol AP1</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/theme.css?v=4">
<link rel="stylesheet" href="/css/finalflux.css">
<script src="/js/theme.js?v=5"></script>
</head>
<body class="finalflux-page">
<div class="mf-theme-float"><button class="mf-theme"></button></div>
<main>
<a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
<h1>Ratendarlehen</h1>
<section>
<h2>Lernfokus</h2>
<p>Tilgung, Restschuld, Zinsen und Rate im Ratendarlehen verstehen und die Form sicher vom Annuitätendarlehen abgrenzen.</p>
<ul class="key-list">
<li>Konstante Tilgung und fallende Rate sicher einordnen.</li>
<li>Zinsen korrekt auf die jeweilige Restschuld berechnen.</li>
<li>Tilgungsplan aufstellen und Entscheidung prüfungstauglich begründen.</li>
</ul>
</section>
<section>
<h2>Was ist ein Ratendarlehen?</h2>
<p>Beim Ratendarlehen (auch Abzahlungs- oder Tilgungsdarlehen) wird der Darlehensbetrag in gleich hohen Tilgungsraten zurückgezahlt. Die Tilgung ergibt sich aus dem Darlehensbetrag geteilt durch die Anzahl der Perioden und bleibt über die gesamte Laufzeit konstant. Die Zinsen werden dagegen in jeder Periode auf die noch offene Restschuld berechnet. Weil diese Restschuld durch die Tilgung Jahr für Jahr sinkt, fällt auch der Zinsanteil – und damit die gesamte Rate.</p>
<ul class="key-list">
<li><strong>Tilgung:</strong> konstant = Darlehensbetrag / Laufzeit.</li>
<li><strong>Zins:</strong> Restschuld × Zinssatz, sinkt von Periode zu Periode.</li>
<li><strong>Rate (Annuität):</strong> Tilgung + Zins, fällt daher kontinuierlich.</li>
<li><strong>Restschuld:</strong> nimmt linear um den gleichen Tilgungsbetrag ab.</li>
</ul>
</section>
<section>
<h2>Abgrenzung zum Annuitätendarlehen</h2>
<p>Beim Annuitätendarlehen bleibt die Rate (Annuität) über die Laufzeit konstant; innerhalb der Rate steigt der Tilgungsanteil und sinkt der Zinsanteil. Beim Ratendarlehen ist es umgekehrt: Die Tilgung ist konstant, die Rate sinkt. Das Ratendarlehen baut die Restschuld früher ab, sodass insgesamt weniger Zinsen anfallen; nachteilig ist die hohe Anfangsbelastung.</p>
<ul class="key-list">
<li><strong>Ratendarlehen:</strong> Tilgung konstant, Rate sinkt, geringere Gesamtzinsen.</li>
<li><strong>Annuitätendarlehen:</strong> Rate konstant, Tilgung steigt, Zins sinkt.</li>
</ul>
</section>
<section>
<h2>Tilgungsplan-Beispiel</h2>
<p>Darlehen 20.000 €, Laufzeit 5 Jahre, Zinssatz 5 % p. a. Tilgung = 20.000 € / 5 = 4.000 € pro Jahr. Der Zins wird jeweils auf die Restschuld zu Jahresbeginn berechnet.</p>
<table class="tilgungsplan">
<thead>
<tr><th>Jahr</th><th>Restschuld Beginn</th><th>Zins (5 %)</th><th>Tilgung</th><th>Rate</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>20.000 €</td><td>1.000 €</td><td>4.000 €</td><td>5.000 €</td></tr>
<tr><td>2</td><td>16.000 €</td><td>800 €</td><td>4.000 €</td><td>4.800 €</td></tr>
<tr><td>3</td><td>12.000 €</td><td>600 €</td><td>4.000 €</td><td>4.600 €</td></tr>
<tr><td>4</td><td>8.000 €</td><td>400 €</td><td>4.000 €</td><td>4.400 €</td></tr>
<tr><td>5</td><td>4.000 €</td><td>200 €</td><td>4.000 €</td><td>4.200 €</td></tr>
</tbody>
</table>
<p>Die Rate sinkt jedes Jahr um 200 € – genau um den Zins auf den getilgten Betrag (4.000 € × 5 %).</p>
<p class="merksatz"><strong>Merksatz:</strong> Ratendarlehen = konstante Tilgung, Zins auf die sinkende Restschuld, also fallende Rate. Annuitätendarlehen = konstante Rate.</p>
</section>
<section>
<h2>Prüfungsmodus</h2>
<p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
</section>
<section class="finalflux-test" data-finalflux-test aria-live="polite">
<div class="test-meta">
<span data-question-counter>Frage 1</span>
<span data-score-counter>0 richtig</span>
</div>
<div class="category-block">
<p class="eyebrow">Kategorie</p>
<h2 data-category-title>Ratendarlehen</h2>
<p data-category-hint>AP1-Training</p>
</div>
<div class="question-card">
<h3 data-question-text></h3>
<div data-answer-options class="answer-options"></div>
<div data-answer-feedback class="fluxcheck-result"></div>
</div>
<div class="test-actions">
<button type="button" data-check-answer>Antwort prüfen</button>
<button type="button" data-skip-question class="secondary">Überspringen</button>
<button type="button" data-next-question class="secondary" disabled>Weiter</button>
</div>
</section>
<section data-test-result class="finalflux-panel" hidden>
<h2>Auswertung</h2>
<p data-result-summary></p>
<ul data-category-summary class="key-list"></ul>
<div class="finalflux-actions">
<button type="button" data-restart-test>Test neu starten</button>
<a href="/finalflux">Zurück zur Übersicht</a>
</div>
</section>
</main>
<script src="/js/finalflux-test.js" data-questions-src="/finalflux/questions/wirtschaft_ratendarlehen.json" defer></script>
</body>
</html>