-
Notifications
You must be signed in to change notification settings - Fork 0
/
einkaufsrechner.html
356 lines (347 loc) · 27.4 KB
/
einkaufsrechner.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
<!DOCTYPE HTML>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>IVD Einkaufsrechner</title>
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="manifest" href="icons/site.webmanifest">
<link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="icons/favicon.ico">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="icons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" />
<style>.rightnumber{text-align: right;} .input-group .input-group-text{ width: 40px;} #result-container{display: none;}</style>
</head>
<body>
<div class="container-fluid my-2">
<div class="container bg-light">
<div class="row align-items-center px-3" id="headline_bar">
<div class="col ps-0 py-3 pe-3"><span class="fs-4" id="headline">Einkaufsrechner</span></div>
<div class="col-sm-auto p-0 py-3"><img src="icons/Logo_neu_120px.png" alt="IVD Logo" width="40" height="40"></div>
</div>
</div>
</div>
<div class="container-fluid my-2">
<div class="container bg-light py-2">
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="belastung_pm" class="col-form-label">Maximale monatliche Wohn­kosten­belastung:</label>
</div>
<div class="col-md-9 col-lg-3">
<div class="input-group">
<input type="number" id="belastung_pm" name="belastung_pm" value="1800" class="form-control rightnumber" step="10" min="0">
<span class="input-group-text fw-bold">€</span>
</div>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="belastung_pm_helpline" class="form-text">Wie hoch darf die monatliche maximal zumutbare Belastung für das Haus/die Wohnung sein? Monatliche Kreditbelastung + erwartete monatlich warme Betriebskosten.</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="betriebskosten_pm" class="col-form-label">Erwartete monatliche warme Betriebs­kosten:</label>
</div>
<div class="col-md-9 col-lg-3">
<div class="input-group">
<input type="number" id="betriebskosten_pm" name="betriebskosten_pm" value="800" class="form-control rightnumber" step="10" min="0">
<span class="input-group-text fw-bold">€</span>
</div>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="betriebskosten_pm_helpline" class="form-text">Wie hoch schätzen Sie die monatlichen warmen Betriebskosten? Wenn Sie kein konkretes Objekt im Blick haben, lassen Sie einen beliebigen Wert in diesem Feld stehen.</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="annuitaet_pm" class="col-form-label">monatliche Kredit­belastung:</label>
</div>
<div class="col-md-9 col-lg-3">
<div class="input-group">
<input type="number" id="annuitaet_pm" name="annuitaet_pm" value="" class="form-control rightnumber" readonly disabled>
<span class="input-group-text fw-bold">€</span>
</div>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="annuitaet_pm_helpline" class="form-text">Maximale Höhe der monatlichen Annuität</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="zinssatz" class="col-form-label">Zinssatz:</label>
</div>
<div class="col-md-9 col-lg-3">
<div class="input-group">
<input type="number" id="zinssatz" name="zinssatz" value="3.5" class="form-control rightnumber" step="0.05" min="0">
<span class="input-group-text fw-bold">%</span>
</div>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="zinssatz_helpline" class="form-text">Zinssatz in Prozent</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="tilgungssatz" class="col-form-label">Tilgungssatz:</label>
</div>
<div class="col-md-9 col-lg-3">
<div class="input-group">
<input type="number" id="tilgungssatz" name="tilgungssatz" value="2" class="form-control rightnumber" step="0.05" min="0">
<span class="input-group-text fw-bold">%</span>
</div>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="tilgungssatz_helpline" class="form-text">Tilgungssatz in Prozent, 2 % ist ein guter Richtwert, höher ist jedoch besser</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="eigenkapital" class="col-form-label">Eigenkapital:</label>
</div>
<div class="col-md-9 col-lg-3">
<div class="input-group pb-1">
<input type="number" id="eigenkapital" name="eigenkapital" value="50000" class="form-control rightnumber" step="5000" min="0">
<span class="input-group-text fw-bold">€</span>
</div>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="eigenkapital_helpline" class="form-text">Eigenkapital in Euro<br>Wie viel Eigenkapital wollen Sie aufbringen? Beachten Sie, dass das Eigenkapital zumindest die Kaufnebenkosten abdecken sollte.</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="nebenkosten" class="col-form-label">Kauf­neben­kosten:</label>
</div>
<div class="col-md-9 col-lg-3">
<div class="input-group">
<input type="number" id="nebenkosten" name="nebenkosten" value="12.07" class="form-control rightnumber" step="0.1" min="0">
<span class="input-group-text fw-bold">%</span>
</div>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="nebenkosten_helpline" class="form-text">Kaufnebenkosten in Prozent<br>12,07 % entsprechen zum Beispiel: 6,5 % Grunderwerbsteuer, 3,57 % Maklercourtage, 2 % Notar und Grundbuchamt</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="zinsvergleich1" class="col-form-label">Zinsvergleich #1:</label>
</div>
<div class="col-md-9 col-lg-3">
<select class="form-select" id="zinsvergleich1" aria-label="SelectZinsvergleich1">
</select>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="zinsvergleich1_helpline" class="form-text">Das Ergebnis wird mit den durchschnittlichen Zinsen zum ausgewählten Zeitpunkt verglichen</span>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2 text-md-end">
<label for="zinsvergleich2" class="col-form-label">Zinsvergleich #2:</label>
</div>
<div class="col-md-9 col-lg-3">
<select class="form-select" id="zinsvergleich2" aria-label="SelectZinsvergleich2">
</select>
</div>
<div class="col-md-3 d-none d-md-block d-lg-none d-xl-none d-xxl-none"></div>
<div class="col-md-9 col-lg-7">
<span id="zinsvergleich2_helpline" class="form-text">Das Ergebnis wird mit den durchschnittlichen Zinsen zum ausgewählten Zeitpunkt verglichen</span>
</div>
</div>
<div class="row py-2 align-items-center">
<div class="col-md-3 col-lg-2"></div>
<div class="col-md-9 col-lg-10">
<p class="fw-light fs-6 my-1">Die Ergebnisse sollen keine ausführliche Finanzierungsberatung ersetzen. Sie sollen eine Orientierung bieten.</p>
<p class="fw-light fs-6 my-1">Quelle der Referenzzinssätze: Bundesbank (Zinsreihe SUD118, Effektivzinssätze Banken DE / Neugeschäft / Wohnungsbaukredite an private Haushalte, anfängliche Zinsbindung über 5 bis 10 Jahre).</p>
</div>
</div>
<div class="row py-1 align-items-center">
<div class="col-md-3 col-lg-2"></div>
<div class="col-md-4 col-lg-3">
<button type="submit" id="calculate" class="btn btn-primary btn-sm">Berechnen</button>
</div>
<div class="col-md-5 col-lg-7">
</div>
</div>
</div>
</div>
<div class="container-fluid my-2 multiple-result" id="result-container">
<div class="container bg-light py-2">
<div class="row row-cols-1 row-cols-lg-3 g-3">
<div class="col">
<div class="card">
<div class="card-header bg-primary text-white">
Ergebnisse der Eingabe
</div>
<div class="card-body">
<div class="row py-0">
<div class="col-7">Kaufpreis:</div>
<div class="col-5 fw-bold text-end"><span id="kaufpreis"></span></div>
</div>
<div class="row py-0 result-description">
<span id="kaufpreis_helpline" class="form-text">maximaler Kaufpreis in Euro</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Gesamtkosten:</div>
<div class="col-5 fw-bold text-end"><span id="gesamtkosten"></span></div>
</div>
<div class="row py-0 result-description">
<span id="gesamtkosten_helpline" class="form-text">Gesamtkosten in Euro, Kaufpreis inkl. Erwerbsnebenkosten</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Eigen­kapital­anteil am Kaufpreis:</div>
<div class="col-5 fw-bold text-end"><span id="eigenkapital_anteilig"></span></div>
</div>
<div class="row py-0 result-description">
<span class="form-text">Anteil des Eigenkapitals am Kaufpreis</span>
<span id="eigenkapital_anteilig_warning" class="form-text text-danger">Achtung: Das Eigenkapital würde bei dieser Kalkulation nicht ausreichen um die Kaufnebenkosten zu decken.</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Kredithöhe:</div>
<div class="col-5 fw-bold text-end"><span id="kredithoehe"></span></div>
</div>
<div class="row py-0 result-description">
<span id="kredithoehe_helpline" class="form-text">Kredithöhe in Euro</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Rück­zahlungs­dauer des Kredits:</div>
<div class="col-5 fw-bold text-end"><span id="rueckzahlungsdauer"></span></div>
</div>
<div class="row py-0 result-description">
<span id="rueckzahlungsdauer_helpline" class="form-text">Dauer in Jahren, bis der Kredit zurückgezahlt wäre</span>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header" id="first_comparison_header_div">
Ergebnisse bei einem Zinssatz vom <span id="first_comparison_header"></span>
</div>
<div class="card-body">
<div class="row py-0">
<div class="col-7">Kaufpreis:</div>
<div class="col-5 fw-bold text-end"><span id="kaufpreis_first_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="kaufpreis_first_comparison_helpline" class="form-text">maximaler Kaufpreis in Euro</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Gesamtkosten:</div>
<div class="col-5 fw-bold text-end"><span id="gesamtkosten_first_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="gesamtkosten_first_comparison_helpline" class="form-text">Gesamtkosten in Euro, Kaufpreis inkl. Erwerbsnebenkosten</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Eigen­kapital­anteil am Kaufpreis:</div>
<div class="col-5 fw-bold text-end"><span id="eigenkapital_first_comparison_anteilig"></span></div>
</div>
<div class="row py-0 result-description">
<span class="form-text">Anteil des Eigenkapitals am Kaufpreis</span>
<span id="eigenkapital_first_comparison_anteilig_warning" class="form-text text-danger">Das Eigenkapital hätte bei dieser Kalkulation nicht ausgereicht um die Kaufnebenkosten zu decken.</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Kredithöhe:</div>
<div class="col-5 fw-bold text-end"><span id="kredithoehe_first_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="kredithoehe_first_comparison_helpline" class="form-text">Kredithöhe in Euro</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Rück­zahlungs­dauer des Kredits:</div>
<div class="col-5 fw-bold text-end"><span id="rueckzahlungsdauer_first_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="rueckzahlungsdauer_first_comparison_helpline" class="form-text">Dauer in Jahren, bis der Kredit zurückgezahlt wäre</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Zinssatz im <span id="zinssatz_first_comparison_date" class="text-decoration-underline"></span>:</div>
<div class="col-5 fw-bold text-end"><span id="zinssatz_first_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="zinssatz_first_comparison_helpline" class="form-text">Zinssatz für eine anfängliche Zinsbindung von 5 bis 10 Jahren</span>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header" id="second_comparison_header_div">
Ergebnisse bei einem Zinssatz vom <span id="second_comparison_header"></span>
</div>
<div class="card-body">
<div class="row py-0">
<div class="col-7">Kaufpreis:</div>
<div class="col-5 fw-bold text-end"><span id="kaufpreis_second_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="kaufpreis_second_comparison_helpline" class="form-text">maximaler Kaufpreis in Euro</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Gesamtkosten:</div>
<div class="col-5 fw-bold text-end"><span id="gesamtkosten_second_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="gesamtkosten_second_comparison_helpline" class="form-text">Gesamtkosten in Euro, Kaufpreis inkl. Erwerbsnebenkosten</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Eigen­kapital­anteil am Kaufpreis:</div>
<div class="col-5 fw-bold text-end"><span id="eigenkapital_second_comparison_anteilig"></span></div>
</div>
<div class="row py-0 result-description">
<span class="form-text">Anteil des Eigenkapitals am Kaufpreis</span>
<span id="eigenkapital_second_comparison_anteilig_warning" class="form-text text-danger">Das Eigenkapital hätte bei dieser Kalkulation nicht ausgereicht um die Kaufnebenkosten zu decken.</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Kredithöhe:</div>
<div class="col-5 fw-bold text-end"><span id="kredithoehe_second_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="kredithoehe_second_comparison_helpline" class="form-text">Kredithöhe in Euro</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Rück­zahlungs­dauer des Kredits:</div>
<div class="col-5 fw-bold text-end"><span id="rueckzahlungsdauer_second_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="rueckzahlungsdauer_second_comparison_helpline" class="form-text">Dauer in Jahren, bis der Kredit zurückgezahlt wäre</span>
</div>
<div class="row pt-2 pb-0">
<div class="col-7">Zinssatz im <span id="zinssatz_second_comparison_date" class="text-decoration-underline"></span>:</div>
<div class="col-5 fw-bold text-end"><span id="zinssatz_second_comparison"></span></div>
</div>
<div class="row py-0 result-description">
<span id="zinssatz_second_comparison_helpline" class="form-text">Zinssatz für eine anfängliche Zinsbindung von 5 bis 10 Jahren</span>
</div>
</div>
</div>
</div>
</div>
<div class="row py-3">
<div class="col-lg-4">
<button type="button" id="print" class="btn btn-outline-secondary btn-sm" onclick="window.print()">Druckvorschau</button>
</div>
<div class="col-lg-4"></div>
<div class="col-lg-4"></div>
</div>
</div>
</div>
<div class="container-fluid my-2" id="footer"><footer class="container bg-light"><nav class="navbar navbar-expand-md navbar-light"><div class="container-fluid px-0"><div class="navbar-collapse" id="navbar-footer"><ul class="navbar-nav ps-2"><li class="nav-item">© <span id="jahr"></span> IVD Research</li></ul><ul class="navbar-nav ms-auto"><li class="nav-item" id="impressum"><a href="https://ivd.net/impressum/" class="nav-link px-2 text-muted" target="_blank">IVD Impressum</a></li><li class="nav-item"><a class="nav-link px-2 text-muted" data-bs-toggle="collapse" href="#datenschutz" aria-expanded="false" aria-controls="datenschutz">Datenschutzerklärung</a></li></ul></div></div></nav></footer></div>
<div class="container-fluid my-2 collapse" id="datenschutz"><div class="container bg-light p-3"><h5>Datenschutzerklärung</h5><h6>Datenerhebung</h6><p>Es werden keine Daten von der Betreiberin erhoben.</p><h6>Betreiberin und verantwortliche Stelle</h6><p>Siehe IVD Impressum</p><h6>Hosting</h6><p>Unser Hoster erhebt in sog. Logfiles folgende Daten, die Ihr Browser übermittelt:</p><p>IP-Adresse, die Adresse der vorher besuchten Website (Referer Anfrage-Header), Datum und Uhrzeit der Anfrage, Zeitzonendifferenz zur Greenwich Mean Time, Inhalt der Anforderung, HTTP-Statuscode, übertragene Datenmenge, Website, von der die Anforderung kommt und Informationen zu Browser und Betriebssystem.</p><p>Das ist erforderlich, um unsere Website anzuzeigen und die Stabilität und Sicherheit zu gewährleisten. Dies entspricht unserem berechtigten Interesse im Sinne des Art. 6 Abs. 1 S. 1 lit. f DSGVO.</p><p>Es erfolgt kein Tracking und wir haben auf diese Daten keinen direkten Zugriff, sondern erhalten lediglich eine anonymisierte, statistische Zusammenfassung. Diese beinhaltet die Adresse der vorher besuchten Seite, die Häufigkeit der jeweils aufgerufenen Seiten und die Anzahl eindeutiger Besucher. Diese Daten führen wir nicht mit anderen Daten zusammen.</p><p>Wir setzen für die Zurverfügungstellung unserer Website folgenden Hoster ein:</p><p>GitHub Inc.<br>88 Colin P Kelly Jr St<br>San Francisco, CA 94107<br>United States</p><p>Dieser ist Empfänger Ihrer personenbezogenen Daten. Dies entspricht unserem berechtigten Interesse im Sinne des Art. 6 Abs. 1 S. 1 lit. f DSGVO, selbst keinen Server in unseren Räumlichkeiten vorhalten zu müssen. Serverstandort ist USA.</p><p>Weitere Informationen zu Widerspruchs- und Beseitigungsmöglichkeiten gegenüber GitHub finden Sie unter: https://docs.github.com/en/free-pro-team@latest/github/site-policy/github-privacy-statement#github-pages</p><p>Sie haben das Recht der Verarbeitung zu widersprechen. Ob der Widerspruch erfolgreich ist, ist im Rahmen einer Interessenabwägung zu ermitteln.</p><p>Die Daten werden gelöscht, sobald der Zweck der Verarbeitung entfällt.</p><p>Die Verarbeitung der unter diesem Abschnitt angegebenen Daten ist weder gesetzlich noch vertraglich vorgeschrieben. Die Funktionsfähigkeit der Website ist ohne die Verarbeitung nicht gewährleistet.</p><p>GitHub hat Compliance-Maßnahmen für internationale Datenübermittlungen umgesetzt. Diese gelten für alle weltweiten Aktivitäten, bei denen GitHub personenbezogene Daten von natürlichen Personen in der EU verarbeitet. Diese Maßnahmen basieren auf den EU-Standardvertragsklauseln (SCCs). Weitere Informationen finden Sie unter: https://docs.github.com/en/free-pro-team@latest/github/site-policy/github-data-protection-addendum#attachment-1–the-standard-contractual-clauses-processors</p><h5>Rechtliche Hinweise</h5><p>Grundsätzlich ist ein Auftragsverarbeitungsvertrag mit dem Hoster abzuschließen. Für das Hosting rein statischer Websites besteht grundsätzlich eine Ausnahme. Für den Fall, dass die Webseite der Selbstdarstellung dient, z.B. von Vereinen oder Kleinunternehmen, keine personenbezogenen Daten an den Betreiber fließen und kein Tracking stattfindet, liegt keine Auftragsverarbeitung vor. Die Tatsache, dass auch beim Hosting von statischen Webseiten zwangsläufig IP-Adressen, d.h. personenbezogene Daten, verarbeitet werden müssen, führt nicht zur Annahme einer Auftragsverarbeitung. Das wäre nicht sachgerecht. Die (kurzfristige) IP-Adressenspeicherung ist vielmehr noch der TK-Zugangsvermittlung des Website-Hosters nach dem TKG zuzurechnen und dient in erster Linie Sicherheitszwecken des Hosters.</p></div></div>
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
<script src="einkaufsrechner.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<script src="api_params.js"></script>
</body>
</html>