diff --git a/belege.html b/belege.html
index 30810ab..ff6f017 100644
--- a/belege.html
+++ b/belege.html
@@ -29,6 +29,7 @@ <h2>Belege</h2>
             <button class="tablinks" onclick="openCity(event, 'lohnjournal')">Lohn-/Gehaltsjournal</button>
             <button class="tablinks" onclick="openCity(event, 'bescheid')">Bescheid</button>
             <button class="tablinks" onclick="openCity(event, 'anlagenkarte')">Anlagenkarte</button>
+            <button class="tablinks" onclick="openCity(event, 'wertpapiere')">Wertpapiere</button>
         </nav>
         <section id="modellunternehmen" class="tabcontent">
             <h3>Modellunternehmen</h3>
@@ -1191,6 +1192,131 @@ <h4>Vorlage</h4>
             </div>
         </section>
 
+
+        <section id="wertpapiere" class="tabcontent">
+            <h3>Belegauszug Wertpapiere</h3>
+            <div class="box">
+                <div class="grid3">
+                    <div id="wertpapiereDaten">
+                        <h4>Daten</h4>
+                            <label for="wertpapiereArtInput">Art: </label><br>
+                            <select id="wertpapiereArtInput">
+                                <option value="wertpapiereKauf">Kauf</option>
+                                <option value="wertpapiereVerkauf">Verkauf</option>
+                            </select><br>
+                        <label for="wertpapiereBezeichnungInput">Bezeichnung:</label><br>
+                        <input type="text" id="wertpapiereBezeichnungInput" value="XY-Aktien" /><br>
+                        <label for="wertpapiereISINInput">ISIN:</label><br>
+                        <input type="text" id="wertpapiereISINInput" value="DE0007100000" /><br>
+                        <label for="wertpapiereStueckkursLabel">Stückkurs:</label><br>
+                        <input type="number" id="wertpapiereStueckkursInput" value="200" /><br>
+                        <label for="wertpapiereAnzahlLabel">Anzahl</label><br>
+                        <input type="number" id="wertpapiereAnzahlInput" value="70" /><br>
+                    </div>
+                    <div>
+                        <h4>Datum</h4>
+                        <label for="tagWertpapiereLabel">Tag:</label>
+                        <select id="tagWertpapiereInput">
+                            <!-- Füge Optionen für die Tage hinzu -->
+                            <option value="01">01</option>
+                            <option value="02">02</option>
+                            <option value="03">03</option>
+                            <option value="04">04</option>
+                            <option value="05">05</option>
+                            <option value="06">06</option>
+                            <option value="07">07</option>
+                            <option value="08">08</option>
+                            <option value="09">09</option>
+                            <option value="10">10</option>
+                            <option value="11">11</option>
+                            <option value="12">12</option>
+                            <option value="13">13</option>
+                            <option value="14">14</option>
+                            <option value="15">15</option>
+                            <option value="16">16</option>
+                            <option value="17">17</option>
+                            <option value="18">18</option>
+                            <option value="19">19</option>
+                            <option value="20">20</option>
+                            <option value="21">21</option>
+                            <option value="22">22</option>
+                            <option value="23">23</option>
+                            <option value="24">24</option>
+                            <option value="25">25</option>
+                            <option value="26">26</option>
+                            <option value="27">27</option>
+                            <option value="28">28</option>
+                            <option value="29">29</option>
+                            <option value="30">30</option>
+                            <option value="31">31</option>
+                        </select>
+                        <br>
+                        <label for="monatWertpapiereLabel">Monat:</label>
+                        <select id="monatWertpapiereInput">
+                            <!-- Füge Optionen für die Monate hinzu -->
+                            <option value="01">Januar</option>
+                            <option value="02">Februar</option>
+                            <option value="03">März</option>
+                            <option value="04">April</option>
+                            <option value="05">Mai</option>
+                            <option value="06">Juni</option>
+                            <option value="07">Juli</option>
+                            <option value="08">August</option>
+                            <option value="09">September</option>
+                            <option value="10">Oktober</option>
+                            <option value="11">November</option>
+                            <option value="12">Dezember</option>
+                        </select>
+                        <label for="jahrWertpapiereLabel">Jahr:</label>
+                        <input type="text" id="jahrWertpapiere" value="" placeholder="Jahr" /><br>
+                        Skript verwenden: <input type="checkbox" id="scriptJahrWertpapiere"
+                            onchange="toggleInput('jahrWertpapiere', 'scriptJahrWertpapiere');">
+                    </div>
+
+                    <div>
+                        <h4>Vorlage</h4>
+                        <label for="svgDropdownWertpapiere">Auswählen: </label><br>
+                        <select id="svgDropdownWertpapiere">
+                            <option value="wertpapier.svg">Klassisch</option>
+                        </select>
+                    </div>
+                </div>
+                <br>
+                <label for="datenWertpapiere">Unternehmen: </label><select id="datenWertpapiere" onchange="loadWertpapiereData()">
+                   </select><br><small><a href="#" class="tablinks" onclick="openCity(event, 'modellunternehmen')">Eigenes
+                        Modellunternehmen
+                        verwenden?</a></small>
+                        
+
+                <br><br><button onclick="wertpapiereApplySVGholen()">Beleg erstellen / aktualisieren</button><br>
+
+            </div>
+            </div>
+            <br>
+            <div id="wertpapiereContainer" style="min-width: 350px;width: 100%;margin:0 auto;text-align:center">
+            </div>
+            <div class="exportButtons">
+                <button class="icon" type="button" onclick="wertpapiereHerunterladenAlsPNG()"><svg
+                        xmlns="http://www.w3.org/2000/svg" height="16" width="16"
+                        viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+                        <path
+                            d="M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z" />
+                    </svg></button>
+                <button class="icon" type="button" onclick="wertpapiereHerunterladen()"><svg
+                        xmlns="http://www.w3.org/2000/svg" height="16" width="12"
+                        viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+                        <path
+                            d="M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm97 289c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L79 303c-9.4 9.4-9.4 24.6 0 33.9l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31 31-31zM257 255c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9l-48-48z" />
+                    </svg></button>
+                <button class="icon" type="button" onclick="wertpapiereKopiereInZwischenablage()"><svg
+                        xmlns="http://www.w3.org/2000/svg" height="16" width="20"
+                        viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+                        <path
+                            d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z" />
+                    </svg></button>
+            </div>
+        </section>
+
     </main>
     <div w3-include-html="footer.html"></div>
     <script>
diff --git a/js/belege.js b/js/belege.js
index 406e3fd..514b49f 100644
--- a/js/belege.js
+++ b/js/belege.js
@@ -95,6 +95,7 @@ function reloadDropdownOptions() {
     const dropdownLohnjournal = document.getElementById('datenLohnjournal');
     const dropdownBescheid = document.getElementById('datenBescheid');
     const dropdownAnlagenkarte = document.getElementById('datenAnlagenkarte');
+    const dropdownWertpapiere = document.getElementById('datenWertpapiere');
 
     // Clear existing options
     dropdownCustomer.innerHTML = '';
@@ -109,7 +110,7 @@ function reloadDropdownOptions() {
     dropdownLohnjournal.innerHTML = '';
     dropdownBescheid.innerHTML = '';
     dropdownAnlagenkarte.innerHTML = '';
-
+    dropdownWertpapiere.innerHTML = '';
 
     yamlData.forEach(company => {
         const optionCustomer = document.createElement('option');
@@ -172,6 +173,11 @@ function reloadDropdownOptions() {
         optionAnlagenkarte.text = company.unternehmen.branche + ' - ' + company.unternehmen.name + ' ' + company.unternehmen.rechtsform;
         dropdownAnlagenkarte.appendChild(optionAnlagenkarte);
 
+        const optionWertpapiere = document.createElement('option');
+        optionWertpapiere.value = company.unternehmen.name;
+        optionWertpapiere.text = company.unternehmen.branche + ' - ' + company.unternehmen.name + ' ' + company.unternehmen.rechtsform;
+        dropdownWertpapiere.appendChild(optionWertpapiere);
+
     });
 }
 
@@ -242,6 +248,7 @@ if (!localStorage.getItem('uploadedYamlCompanyData')) {
             const dropdownLohnjournal = document.getElementById('datenLohnjournal');
             const dropdownBescheid = document.getElementById('datenBescheid');
             const dropdownAnlagenkarte = document.getElementById('datenAnlagenkarte');
+            const dropdownWertpapiere = document.getElementById('datenWertpapiere');
 
             yamlData.forEach(company => {
                 const optionCustomer = document.createElement('option');
@@ -304,6 +311,11 @@ if (!localStorage.getItem('uploadedYamlCompanyData')) {
                 optionAnlagenkarte.text = company.unternehmen.branche + ' - ' + company.unternehmen.name + ' ' + company.unternehmen.rechtsform;
                 dropdownAnlagenkarte.appendChild(optionAnlagenkarte);
 
+                const optionWertpapiere = document.createElement('option');
+                optionWertpapiere.value = company.unternehmen.name;
+                optionWertpapiere.text = company.unternehmen.branche + ' - ' + company.unternehmen.name + ' ' + company.unternehmen.rechtsform;
+                dropdownWertpapiere.appendChild(optionWertpapiere);
+
             });
 
 
@@ -314,7 +326,7 @@ let selectedSupplier;
 
 function loadKontoauszugData() {
     const selectedKontoauszugName = document.getElementById('datenKontoauszug').value;
- 
+
     if (!selectedKontoauszugName) {
         return; // Funktion abbrechen, wenn keine Auswahl getroffen wurde
     }
@@ -406,7 +418,7 @@ function loadCompanyDataforEmail() {
     const selectedCompany = yamlData.find(company => company.unternehmen.name === selectedCompanyName);
     let emailInhaber = document.getElementById('emailNameKunde');
     if (emailInhaber && selectedCompany) {
-        emailInhaber.textContent =  selectedCompany.unternehmen.inhaber;
+        emailInhaber.textContent = selectedCompany.unternehmen.inhaber;
         document.getElementById('emailAdresseKunde').textContent = selectedCompany.unternehmen.kontakt.email
     } else {
     }
@@ -497,15 +509,15 @@ function loadKassenbonData() {
     }
 
     const selectedKassenbon = yamlData.find(kassenbon => kassenbon.unternehmen.name === selectedKassenbonName);
-    
-    if (selectedKassenbon)  {    
-    document.getElementById('kassenbonName').textContent = selectedKassenbon.unternehmen.name + " " + selectedKassenbon.unternehmen.rechtsform;
-    document.getElementById('kassenbonStrasse').textContent = selectedKassenbon.unternehmen.adresse.strasse;
-    document.getElementById('kassenbonUSTID').textContent = selectedKassenbon.unternehmen.ust_id;
-    document.getElementById('kassenbonSteuernummer').textContent = selectedKassenbon.unternehmen.steuernummer;
-    document.getElementById('kassenbonOrt').textContent = selectedKassenbon.unternehmen.adresse.plz + " " + selectedKassenbon.unternehmen.adresse.ort;
-} else {
-}
+
+    if (selectedKassenbon) {
+        document.getElementById('kassenbonName').textContent = selectedKassenbon.unternehmen.name + " " + selectedKassenbon.unternehmen.rechtsform;
+        document.getElementById('kassenbonStrasse').textContent = selectedKassenbon.unternehmen.adresse.strasse;
+        document.getElementById('kassenbonUSTID').textContent = selectedKassenbon.unternehmen.ust_id;
+        document.getElementById('kassenbonSteuernummer').textContent = selectedKassenbon.unternehmen.steuernummer;
+        document.getElementById('kassenbonOrt').textContent = selectedKassenbon.unternehmen.adresse.plz + " " + selectedKassenbon.unternehmen.adresse.ort;
+    } else {
+    }
     let kassenbonInhaber = document.getElementById('kassenbonInhaber');
     if (kassenbonInhaber) {
         kassenbonInhaber.textContent = selectedKassenbon.unternehmen.inhaber;
@@ -554,6 +566,21 @@ function loadAnlagenkarteData() {
     document.getElementById('anlagenkarteInventarnummer').textContent = "K" + generateRandomAnlagenkarteNumber();
 }
 
+function loadWertpapiereData() {
+    const selectedWertpapiereName = document.getElementById('datenWertpapiere').value;
+    if (!selectedWertpapiereName) {
+        return; // Funktion abbrechen, wenn keine Auswahl getroffen wurde
+    }
+
+    const selectedWertpapiere = yamlData.find(wertpapiere => wertpapiere.unternehmen.name === selectedWertpapiereName);
+    document.getElementById('wertpapiereName').textContent = selectedWertpapiere.unternehmen.name + " " + selectedWertpapiere.unternehmen.rechtsform;
+    document.getElementById('wertpapiereStrasse').textContent = selectedWertpapiere.unternehmen.adresse.strasse;
+    document.getElementById('wertpapiereID').textContent = selectedWertpapiere.unternehmen.id * 6;
+    document.getElementById('wertpapiereBank').textContent = selectedWertpapiere.unternehmen.bank;
+    document.getElementById('wertpapiereOrt').textContent = selectedWertpapiere.unternehmen.adresse.plz + " " + selectedWertpapiere.unternehmen.adresse.ort;
+
+}
+
 // Lade die Unternehmensdaten basierend auf der Auswahl im Dropdown-Feld
 function loadCompanyData() {
     const selectedCompanyName = document.getElementById('datenKunde').value;
@@ -1783,7 +1810,140 @@ async function anlagenkarteApplySVGholen() {
     }
 
 
-    loadAnlagenkarteData() // Laden der Kassenbon-Daten
+    loadAnlagenkarteData() // Laden der Anlagen-Daten
+}
+
+async function wertpapiereApplySVGholen() {
+    if (!validateInputs()) {
+        // Wenn die Validierung fehlschlägt, stoppe die Funktion
+        return;
+    }
+
+    let selectedWertpapiere = document.getElementById("svgDropdownWertpapiere").value;
+    let svgContainerWertpapiere = document.getElementById("wertpapiereContainer");
+
+    // Laden der SVG-Vorlage und Aktualisieren des Containers
+    try {
+        let svgData = await loadSVGTemplate(selectedWertpapiere);
+        svgContainerWertpapiere.innerHTML = svgData;
+    } catch (error) {
+        console.error("Fehler beim Anwenden der Daten:", error);
+    }
+    // Laden der Daten
+
+    let wertpapiereBezeichnung = document.getElementById('wertpapiereBezeichnungInput').value;
+    document.getElementById('wertpapiereBezeichnung').textContent = wertpapiereBezeichnung;
+    let wertpapiereISIN = document.getElementById('wertpapiereISINInput').value;
+    document.getElementById('wertpapiereISIN').textContent = wertpapiereISIN;
+    let wertpapiereStueckkurs = document.getElementById('wertpapiereStueckkursInput').value;
+    document.getElementById('wertpapiereStueckkurs').textContent = formatCurrency(wertpapiereStueckkurs);
+
+    let wertpapiereAnzahl = document.getElementById('wertpapiereAnzahlInput').value;
+    document.getElementById('wertpapiereAnzahl').textContent = wertpapiereAnzahl;
+
+    let wertpapiereKurswert = (wertpapiereAnzahl * wertpapiereStueckkurs); // Gesamtkurswert = Anzahl * Kurs
+    let wertpapiereSpesen = (wertpapiereKurswert * 0.01); // 1% vom Kurswert
+    let wertpapiereBanklastschrift = wertpapiereKurswert + wertpapiereSpesen;
+    let wertpapiereBankgutschrift = wertpapiereKurswert - wertpapiereSpesen;
+    wertpapiereKurswert = formatCurrency(wertpapiereKurswert);
+    document.getElementById('wertpapiereKurswert').textContent = wertpapiereKurswert;
+    wertpapiereSpesen = formatCurrency(wertpapiereSpesen);
+    document.getElementById('wertpapiereSpesen').textContent = wertpapiereSpesen;
+    wertpapiereBanklastschrift = formatCurrency(wertpapiereBanklastschrift);
+    wertpapiereBankgutschrift = formatCurrency(wertpapiereBankgutschrift);
+    let wertpapiereRandomTime = generateRandomTime();
+    document.getElementById('wertpapiereUhrzeit').textContent = wertpapiereRandomTime + ' Uhr';
+
+    let wertpapiereArtInput = document.getElementById('wertpapiereArtInput');
+    let wertpapiereArt;
+    // Überprüfen, welche Option ausgewählt ist
+    if (wertpapiereArtInput.value === 'wertpapiereKauf') {
+        wertpapiereArt = 'gekauft';
+        document.getElementById('wertpapiereBanklastschrift').textContent = wertpapiereBanklastschrift;
+        document.getElementById('wertpapiereSpesenart').textContent = "+ 1 % Spesen";
+        document.getElementById('wertpapiereBankart').textContent = "Banklastschrift";
+    } else {
+        wertpapiereArt = 'verkauft';
+        document.getElementById('wertpapiereBanklastschrift').textContent = wertpapiereBankgutschrift;
+        document.getElementById('wertpapiereSpesenart').textContent = "- 1 % Spesen";
+        document.getElementById('wertpapiereBankart').textContent = "Bankgutschrift";
+    }
+    document.getElementById('wertpapiereArt').textContent = wertpapiereArt;
+
+    const selectedWertpapiereTag = document.getElementById('tagWertpapiereInput').value;
+    const selectedWertpapiereMonat = document.getElementById('monatWertpapiereInput').value;
+    document.getElementById('wertpapiereTag').textContent = selectedWertpapiereTag;
+    document.getElementById('wertpapiereMonat').textContent = selectedWertpapiereMonat;
+
+    let lastGeneratedNumber = selectedWertpapiereTag + selectedWertpapiereMonat; // Initialwert (Startpunkt der Sequenz)
+
+    function generateIncrementalWertpapiereNumber() {
+        // Hole das aktuelle Datum und Zeit
+        let now = new Date();
+        let timestamp = now.getTime(); // Zeitstempel in Millisekunden
+
+        // Kombiniere den Zeitstempel und Sekunden, um einen Basiswert zu erstellen
+        let baseNumber = timestamp;
+
+        // Stelle sicher, dass die neue Nummer höher ist als die letzte
+        lastGeneratedNumber = Math.max(lastGeneratedNumber + 1, baseNumber);
+        let shortenedNumber = lastGeneratedNumber.toString().slice(6);
+
+        return parseInt(shortenedNumber, 10); // Rückgabe als Zahl
+    }
+
+
+    document.getElementById('wertpapiereAuftragsnummer').textContent = generateIncrementalWertpapiereNumber();
+
+    const useScriptWertpapiere = document.getElementById('scriptJahrWertpapiere').checked;
+    if (!useScriptWertpapiere) {
+        // Verwende das Jahr aus dem Textfeld
+        const selectedJahr = document.getElementById('jahrWertpapiere');
+        const yearelementsWithClass = document.querySelectorAll('.aktuellesJahrWertpapiere');
+        for (const yearelement of yearelementsWithClass) {
+            yearelement.textContent = selectedJahr.value;
+        }
+
+    } else {
+
+        const customDefs = document.getElementById('customDefsWertpapiere');
+        const customJsScript = document.getElementById('customJsWertpapiere');
+        const useScriptWertpapiere = document.getElementById('scriptJahrWertpapiere').checked;
+
+        if (customJsScript) {
+            customJsScript.remove();
+        }
+
+        if (useScriptWertpapiere) {
+            // Füge das dynamische Script zum SVG hinzu
+            const dynamicScript = document.createElement('script');
+            dynamicScript.type = 'text/javascript';
+            dynamicScript.id = 'customJsWertpapiere';
+            dynamicScript.text = `
+            function getCurrentYear() {
+                return new Date().getFullYear();
+            }
+
+            function SVGonLoadWertpapiere() {
+                const currentDate = new Date();
+                const currentYear = getCurrentYear();
+                const elementsWithClass = document.querySelectorAll('.aktuellesJahrWertpapiere');
+                for (const element of elementsWithClass) {
+                    element.textContent = currentYear;
+                }
+            }
+        `;
+
+            customDefs.appendChild(dynamicScript);
+
+        }
+        SVGonLoadWertpapiere(); // Aktualisiere das SVG-Dokument basierend auf dem neuen Status der Checkbox
+
+
+    }
+
+
+    loadWertpapiereData() // Laden der Anlagen-Daten
 }
 
 async function bescheidApplySVGholen() {
@@ -2301,6 +2461,11 @@ function anlagenkarteHerunterladenAlsPNG() {
     herunterladenAlsPNG('anlagenkarteContainer', 'anlagenkarte.png');
 }
 
+
+function wertpapiereHerunterladenAlsPNG() {
+    herunterladenAlsPNG('wertpapiereContainer', 'wertpapier.png');
+}
+
 // Export to SVG
 
 function herunterladen(containerId, dateiname) {
@@ -2364,9 +2529,9 @@ function anlagenkarteHerunterladen() {
     herunterladen('anlagenkarteContainer', 'anlagenkarte.svg');
 }
 
-
-
-
+function wertpapiereHerunterladen() {
+    herunterladen('wertpapiereContainer', 'wertpapier.svg');
+}
 
 
 
@@ -2418,6 +2583,10 @@ function anlagenkarteKopiereInZwischenablage() {
     kopiereInZwischenablage('anlagenkarteContainer');
 }
 
+function wertpapiereKopiereInZwischenablage() {
+    kopiereInZwischenablage('wertpapiereContainer');
+}
+
 
 
 function emailKopiereInZwischenablage() {
@@ -2625,8 +2794,8 @@ function validateInputs() {
 
     // Validierung für Jahr im Kontoauszug
     let jahrKontoauszug = document.getElementById("jahrKontoauszug");
-    if (!isValidInput(jahrKontoauszug.value, 4)) {
-        alert("Bitte geben Sie bei Jahr (Kontoauszug) gültige Werte ein (maximal 4 Stellen)");
+    if (!isValidInput(jahrKontoauszug.value, 6)) {
+        alert("Bitte geben Sie bei Jahr (Kontoauszug) gültige Werte ein (maximal 6 Stellen)");
         return false;
     }
 
@@ -2758,6 +2927,37 @@ function validateInputs() {
         return false;
     }
 
+    // Validierung für Wertpapiere
+    let wertpapiereBezeichnungInput = document.getElementById("wertpapiereBezeichnungInput");
+    if (!isValidInput(wertpapiereBezeichnungInput.value, 15)) {
+        alert("Bitte geben Sie eine gültige Bezeichnung bei Bezeichnung ein. Maximal 15 Zeichen!");
+        return false;
+    }
+
+    let wertpapiereISINInput = document.getElementById("wertpapiereISINInput");
+    if (!isValidInput(wertpapiereISINInput.value, 12)) {
+        alert("Bitte geben Sie eine gültige Bezeichnung bei Bezeichnung ein. Maximal 12 Zeichen!");
+        return false;
+    }
+
+    let wertpapiereStueckkursInput = document.getElementById("wertpapiereStueckkursInput");
+    if (!isValidNumberInput(wertpapiereStueckkursInput.value, 1, 5000)) {
+        alert("Bitte geben Sie bei Nutzungsdauer gültige Werte zwischen 1 und 5000 ein");
+        return false;
+    }
+
+    let wertpapiereAnzahlInput = document.getElementById("wertpapiereAnzahlInput");
+    if (!isValidNumberInput(wertpapiereAnzahlInput.value, 1, 5000)) {
+        alert("Bitte geben Sie bei Nutzungsdauer gültige Werte zwischen 1 und 5000 ein");
+        return false;
+    }
+
+    let jahrWertpapiere = document.getElementById("jahrWertpapiere");
+    if (!isValidInput(jahrWertpapiere.value, 6)) {
+        alert("Bitte geben Sie bei Jahr gültige Werte ein (maximal 6 Stellen)");
+        return false;
+    }
+
     // Validierung für Kassenbon
     let bescheidMessbetragInput = document.getElementById("bescheidMessbetragInput");
     if (!isValidNumberInput(bescheidMessbetragInput.value, 0, 9999)) {
diff --git a/templates/wertpapier.svg b/templates/wertpapier.svg
new file mode 100644
index 0000000..99dcdfd
--- /dev/null
+++ b/templates/wertpapier.svg
@@ -0,0 +1,108 @@
+<svg id="wertpapierSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+  viewBox="0 0 760 430" style="background-color:#fff;padding:0px;width:100%;max-width:760px;border: 1px solid #ccc;border-bottom:0px">
+  onload="SVGonLoadWertpapiere()">
+  <defs id="customDefsWertpapiere">
+  </defs>
+
+  <!-- Kontoauszug-Rahmen -->
+  <rect x="0" y="0" width="760" height="430" fill="#ffffff" stroke="f0f0f0" stroke-width="2" />
+  <line x1="0" x2="760" y1="50" y2="50" stroke-width="1" stroke="#000" />
+
+  <!-- Überschrift -->
+  <rect x="0" y="0" width="760" height="50" fill="lightblue" />
+  <text x="5" y="35" font-family="Verdana" font-size="22" text-anchor="start"
+    fill="#000000">Wertpapier-Abrechnung</text>
+  <text id="wertpapiereBank" x="750" y="35" font-family="Verdana" font-size="22" text-anchor="end"
+    fill="#000000">HAUSBANK</text>
+
+  <!-- Kontodaten -->
+  <text x="10" y="90" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start">
+    <tspan id="wertpapiereName"></tspan>
+  </text>
+  <text x="10" y="110" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start">
+    <tspan id="wertpapiereStrasse"></tspan>
+  </text>
+  <text x="10" y="130" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start">
+    <tspan id="wertpapiereOrt"></tspan>
+  </text>
+
+  <line x1="380" x2="380" y1="50" y2="200" stroke-width="1" stroke="#000" />
+  <text x="400" y="90" font-family="Verdana" font-size="16" fill="#666" text-anchor="start">Auftragsnummer:</text>
+  <text font-family="Verdana" font-size="16" fill="#333333" text-anchor="start" x="550"
+    y="90" id="wertpapiereAuftragsnummer"></text>
+  <text x="400" y="110" font-family="Verdana" font-size="16" fill="#666" text-anchor="start">Verwahrungsart:</text>
+  <text id="wertpapierAuftrag" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start" x="550"
+    y="110">Girosammeldepot</text>
+  <text x="400" y="130" font-family="Verdana" font-size="16" fill="#666" text-anchor="start">Depotnummer:</text><text
+    id="wertpapiereID" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start" x="550"
+    y="130"></text>
+  <text x="400" y="150" font-family="Verdana" font-size="16" fill="#666" text-anchor="start">Börsenplatz:</text><text
+    id="wertpapierAuftrag" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start" x="550"
+    y="150">München</text>
+  <text x="400" y="170" font-family="Verdana" font-size="16" fill="#666" text-anchor="start">ISIN:</text><text font-family="Verdana" font-size="16" fill="#333333" text-anchor="start" x="550"
+    y="170" id="wertpapiereISIN"></text>
+  <text x="400" y="190" font-family="Verdana" font-size="16" fill="#666" text-anchor="start">Schlusstag/-zeit:</text>
+  <text id="wertpapierAuftrag" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start" x="550"
+    y="190"><tspan id="wertpapiereTag">01</tspan>.<tspan id="wertpapiereMonat">01</tspan>.</tspan><tspan class="aktuellesJahrWertpapiere"/> / <tspan id="wertpapiereUhrzeit">10:34 Uhr</tspan></text>
+
+  <line x1="0" x2="760" y1="200" y2="200" stroke-width="1" stroke="#000" />
+
+  <!-- Abrechnung -->
+  <text x="20" y="230" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start">Sehr geehrter
+    Kunde,</text>
+  <text x="20" y="260" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start">wir haben für Sie <tspan id="wertpapiereArt"></tspan>:</text>
+  <rect x="10" y="275" width="740" height="40" fill="lightblue" />
+  <text x="20" y="300" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start">Bezeichnung:  <tspan id="wertpapiereBezeichnung">XY-AG</span></text>
+  <text x="400" y="300" font-family="Verdana" font-size="16" fill="#333333" text-anchor="middle">Stückkurs: <tspan id="wertpapiereStueckkurs">400,00 €</span></text>
+  <text x="740" y="300" font-family="Verdana" font-size="16" fill="#333333" text-anchor="end">Stückzahl: <tspan id="wertpapiereAnzahl">500</span></text>
+
+
+<text x="400" y="345" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start">Kurswert</text><text x="750" y="345" font-family="Verdana" font-size="16" fill="#333333" text-anchor="end" id="wertpapiereKurswert"></text>
+<text x="400" y="365" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start" id="wertpapiereSpesenart"></text><text x="750" y="365" font-family="Verdana" font-size="16" fill="#333333" text-anchor="end" id="wertpapiereSpesen">100,00 €</text>
+<line x1="400" x2="750" y1="370" y2="370" stroke-width="1" stroke="#000" />
+<text x="400" y="385" font-family="Verdana" font-size="16" fill="#333333" text-anchor="start" id="wertpapiereBankart"></text><text x="750" y="385" font-family="Verdana" font-size="16" fill="#333333" text-anchor="end" id="wertpapiereBanklastschrift">1.100,00 €</text>
+
+  <!-- Footer -->
+  
+
+
+
+<circle cx="10" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="30" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="50" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="70" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="90" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="110" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="130" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="150" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="170" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="190" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="210" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="230" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="250" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="270" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="290" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="310" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="330" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="350" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="370" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="390" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="410" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="430" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="450" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="470" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="490" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="510" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="530" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="550" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="570" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="590" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="610" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="630" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="650" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="670" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="690" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="710" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="730" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+<circle cx="750" cy="430" r="10" stroke-width="1" stroke="gray" fill="white" />
+</svg>
\ No newline at end of file