diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 50 |
1 files changed, 25 insertions, 25 deletions
@@ -9,9 +9,9 @@ | |||
9 | <script src="js/abmahn.js"></script> | 9 | <script src="js/abmahn.js"></script> |
10 | </head> | 10 | </head> |
11 | <body> | 11 | <body> |
12 | <div id="wrapper" class="not-confirmed step1"> | 12 | <div id="wrapper" class="not-confirmed step-1 stepdone-0"> |
13 | <div class="collapsable block-step1"> | 13 | <div class="collapsable block-step1"> |
14 | <div onclick="step0_done()" class="block-header"> | 14 | <div onclick="head_1_click()" class="block-header"> |
15 | <h1 id="head1"><svg width="42px" height="42px"> | 15 | <h1 id="head1"><svg width="42px" height="42px"> |
16 | <path d="M21,1C9.954,1,1,9.954,1,21s8.954,20,20,20s20-8.954,20-20S32.046,1,21,1z M30.739,20.971c0-0.31-0.116-0.592-0.349-0.845 | 16 | <path d="M21,1C9.954,1,1,9.954,1,21s8.954,20,20,20s20-8.954,20-20S32.046,1,21,1z M30.739,20.971c0-0.31-0.116-0.592-0.349-0.845 |
17 | c-0.233-0.251-0.524-0.378-0.874-0.378c-0.349,0-0.631,0.126-0.844,0.378c-0.214,0.253-0.339,0.535-0.378,0.845h-3.232 | 17 | c-0.233-0.251-0.524-0.378-0.874-0.378c-0.349,0-0.631,0.126-0.844,0.378c-0.214,0.253-0.339,0.535-0.378,0.845h-3.232 |
@@ -29,13 +29,13 @@ | |||
29 | <p>Sie haben eine Abmahnung für einen Urheberrechtsverstoß erhalten?</p> | 29 | <p>Sie haben eine Abmahnung für einen Urheberrechtsverstoß erhalten?</p> |
30 | <p>Erzeugen Sie mit diesem Schriftsatz-Generator in fünf Schritten ein Antwortschreiben, das die abmahnende Kanzlei über die Unrechtmäßigkeit der Abmahnung in Kenntnis setzt.</p> | 30 | <p>Erzeugen Sie mit diesem Schriftsatz-Generator in fünf Schritten ein Antwortschreiben, das die abmahnende Kanzlei über die Unrechtmäßigkeit der Abmahnung in Kenntnis setzt.</p> |
31 | 31 | ||
32 | <div class="moreinfo"> | 32 | <div class="block-moreinfo"> |
33 | <dl> | 33 | <dl> |
34 | <dt>Q: Welches Ziel verfolgt der Abmahnbeantworter?</dt> | 34 | <dt>Q: Welches Ziel verfolgt der Abmahnbeantworter?</dt> |
35 | <dd> | 35 | <dd> |
36 | <p>A: Wir wollen mehr Menschen ermutigen, ihr Internet mit Nachbarn, Passanten und Netz-Bedürftigen zu teilen.</p> | 36 | <p>A: Wir wollen mehr Menschen ermutigen, ihr Internet mit Nachbarn, Passanten und Netz-Bedürftigen zu teilen.</p> |
37 | <p>Momentan wird dies durch aggressiv auftretende Rechtewahrnehmer erschwert, die dem Inhaber des Anschlusses für vermeintlich über sein Netz begangene Urheberrechtsverstöße kostenpflichtig abmahnen. Dabei stehen so Abgemahnte einer für Unerfahrene komplexen Materie gegenüber, die laut Abmahnschreiben mit empfindlicher finanzieller Belastung (Androhung?) einhergeht.</p> | 37 | <p>Momentan wird dies durch aggressiv auftretende Rechtewahrnehmer erschwert, die dem Inhaber des Anschlusses für vermeintlich über sein Netz begangene Urheberrechtsverstöße kostenpflichtig abmahnen. Dabei stehen so Abgemahnte einer für Unerfahrene komplexen Materie gegenüber, die laut Abmahnschreiben mit empfindlichen finanziellen Folgen einhergeht.</p> |
38 | <p>Der Abmahnbeantworter soll unberechtigt Abgemahnte dabei unterstützen, sich schnell, präzise und zuerst kostenfrei vorerst ohne Kosten für einen eigenen Anwalt gegen die Abmahnung wehren zu können.</p> | 38 | <p>Der Abmahnbeantworter soll unberechtigt Abgemahnte dabei unterstützen, sich schnell, präzise und zuerst ohne Kosten für einen eigenen Anwalt gegen die Abmahnung wehren zu können.</p> |
39 | <p>Zudem versuchen wir, einer groben Ungerechtigkeit im Abmahnwesen entgegenzuwirken, indem wir das Kostenrisiko für unberechtigte Abmahnungen wieder dem Abmahner überlassen.</p> | 39 | <p>Zudem versuchen wir, einer groben Ungerechtigkeit im Abmahnwesen entgegenzuwirken, indem wir das Kostenrisiko für unberechtigte Abmahnungen wieder dem Abmahner überlassen.</p> |
40 | </dd> | 40 | </dd> |
41 | <dt>Q: Wann ist denn eine Abmahnung unberechtigt?</dt> | 41 | <dt>Q: Wann ist denn eine Abmahnung unberechtigt?</dt> |
@@ -48,7 +48,7 @@ | |||
48 | </dd> | 48 | </dd> |
49 | <dt>Q: Wieso? Muss nicht bei Rechtsstreitigkeiten die unterlegene Seite bezahlen?</dt> | 49 | <dt>Q: Wieso? Muss nicht bei Rechtsstreitigkeiten die unterlegene Seite bezahlen?</dt> |
50 | <dd> | 50 | <dd> |
51 | <p>A: In einem ordentlichen Gerichtsverfahren ist dies tatsächlich der Fall. Bei einer Abmahnung ist das anders, da diese im Urheberrecht als Werkzeug ursprünglich für eine vorgerichtliche Klärung von Streitigkeiten zwischen Firmen gedacht war. Eine Rechtsaat der Otto-Normal-Anschlussinhaber keine eigene Rechtsabteilung und muss sich einen Anwalt nehmen.</p> | 51 | <p>A: In einem ordentlichen Gerichtsverfahren ist dies tatsächlich der Fall. Bei einer Abmahnung ist das anders, da diese im Urheberrecht als Werkzeug ursprünglich für eine vorgerichtliche Klärung von Streitigkeiten zwischen Firmen gedacht war. Eine Rechtsabteilung schickt einer anderen den Hinweis, das Problem wird gelöst und man muss kein Gericht damit beschäftigen. Leider hat der Otto-Normal-Anschlussinhaber keine eigene Rechtsabteilung und muss sich einen Anwalt nehmen.</p> |
52 | </dd> | 52 | </dd> |
53 | <dt>Q: Heißt das, ich muss das ganze Verfahren ohne Anwalt durchfechten?</dt> | 53 | <dt>Q: Heißt das, ich muss das ganze Verfahren ohne Anwalt durchfechten?</dt> |
54 | <dd> | 54 | <dd> |
@@ -69,7 +69,7 @@ | |||
69 | <dt>Q: Was passiert mit meinen Daten, die ich in den Abmahnbeantworter eingebe?</dt> | 69 | <dt>Q: Was passiert mit meinen Daten, die ich in den Abmahnbeantworter eingebe?</dt> |
70 | <dd> | 70 | <dd> |
71 | <p>A: Wir senden keinerlei Informationen an unseren Web-Server und können daher auch mit den Daten keinen Unfug treiben. Die Daten verlassen die Abmahnbeantworter-Seite einzig als fertiges PDF. Dieses wird mittels Javascript von Ihrem Web-Browser selbst erzeugt.</p> | 71 | <p>A: Wir senden keinerlei Informationen an unseren Web-Server und können daher auch mit den Daten keinen Unfug treiben. Die Daten verlassen die Abmahnbeantworter-Seite einzig als fertiges PDF. Dieses wird mittels Javascript von Ihrem Web-Browser selbst erzeugt.</p> |
72 | <p>(In einer zukünftigen Version bieten wir an, auf Wunsch im Seiten-spezifischen sogenanten 'localStorage' des Browser die Details der Abmahnung für spätere Schreiben oder Klagen zu hinterlegen)</p> | 72 | <p>(In einer zukünftigen Version bieten wir an, auf Wunsch im Seiten-spezifischen sogenanten <a href="https://de.wikipedia.org/wiki/Web_Storage">localStorage</a> des Browser die Details der Abmahnung für spätere Schreiben oder Klagen zu hinterlegen)</p> |
73 | </dd> | 73 | </dd> |
74 | <dt>Q: Soll ich eine Unterlassungserklärung unterschreiben?</dt> | 74 | <dt>Q: Soll ich eine Unterlassungserklärung unterschreiben?</dt> |
75 | <dd> | 75 | <dd> |
@@ -79,14 +79,14 @@ | |||
79 | </div> | 79 | </div> |
80 | <p><strong>Sie sind sicher, diese angebliche Urheberrechtsverletzung nicht begangen zu haben?</strong></p> | 80 | <p><strong>Sie sind sicher, diese angebliche Urheberrechtsverletzung nicht begangen zu haben?</strong></p> |
81 | <div class="two-buttons"> | 81 | <div class="two-buttons"> |
82 | <div class="button button-green" onclick="step1_done()">Ja, ich bin sicher.</div> | 82 | <div class="button button-green" onclick="step_1_done()">Ja, ich bin sicher.</div> |
83 | <div class="button button-red" onclick="step0_cancel()">Nein, bin unsicher.</div> | 83 | <div class="button button-red" onclick="step_0_cancel()">Nein, bin unsicher.</div> |
84 | </div> | 84 | </div> |
85 | <div class="hint show-moreinfo" onclick="show_moreinfo()">Sie möchten mehr darüber erfahren?</div> | 85 | <div class="hint show-moreinfo" onclick="show_moreinfo()">Sie möchten mehr darüber erfahren?</div> |
86 | <div class="hint show-lessinfo" onclick="show_lessinfo()">Sie haben genug darüber erfahren?</div> | 86 | <div class="hint hide-moreinfo" onclick="hide_moreinfo()">Sie haben genug darüber erfahren?</div> |
87 | </div> | 87 | </div> |
88 | </div> | 88 | </div> |
89 | <div class="collapsable block-stepcancel" id="unsicher"> | 89 | <div class="collapsable block-step0" id="unsicher"> |
90 | <div class="juice"> | 90 | <div class="juice"> |
91 | <p>Bitte benutzen Sie diesen Vordruck nur, wenn Sie tatsächlich nicht für die abgemahnte Verletzung verantwortlich sind. Sollte dies doch der Fall sein, oder wenn Sie sich <b>nicht</b> sicher sind, dann suchen Sie bitte einen Anwalt auf.</p> | 91 | <p>Bitte benutzen Sie diesen Vordruck nur, wenn Sie tatsächlich nicht für die abgemahnte Verletzung verantwortlich sind. Sollte dies doch der Fall sein, oder wenn Sie sich <b>nicht</b> sicher sind, dann suchen Sie bitte einen Anwalt auf.</p> |
92 | <p>Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. Dadurch können erhebliche Kosten entstehen.</p> | 92 | <p>Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. Dadurch können erhebliche Kosten entstehen.</p> |
@@ -98,7 +98,7 @@ | |||
98 | </div> | 98 | </div> |
99 | </div> | 99 | </div> |
100 | <div class="collapsable block-step2"> | 100 | <div class="collapsable block-step2"> |
101 | <div onclick="step1_done()" class="block-header"> | 101 | <div onclick="head_2_click()" class="block-header"> |
102 | <h2 id="head2"><div class="circle_num undone">1</div><div class="circle_num done">✓</div> Wer mahnt ab?</h2> | 102 | <h2 id="head2"><div class="circle_num undone">1</div><div class="circle_num done">✓</div> Wer mahnt ab?</h2> |
103 | </div> | 103 | </div> |
104 | <div class="juice"> | 104 | <div class="juice"> |
@@ -123,12 +123,12 @@ | |||
123 | <li><input id="abmahnender_fax" type="text" name="fax" placeholder="fax"/></li> | 123 | <li><input id="abmahnender_fax" type="text" name="fax" placeholder="fax"/></li> |
124 | </ul> | 124 | </ul> |
125 | <div class="one-button"> | 125 | <div class="one-button"> |
126 | <div class="button button-green" onclick="step2_done()">Weiter</div> | 126 | <div class="button button-green" onclick="step_2_done()">Weiter</div> |
127 | </div> | 127 | </div> |
128 | </div> | 128 | </div> |
129 | </div> | 129 | </div> |
130 | <div class="collapsable block-step3"> | 130 | <div class="collapsable block-step3"> |
131 | <div onclick="step2_done()" class="block-header"> | 131 | <div onclick="head_3_click()" class="block-header"> |
132 | <h2 id="head3"><div class="circle_num undone">2</div><div class="circle_num done">✓</div> Wie lautet das Aktenzeichen?</h2> | 132 | <h2 id="head3"><div class="circle_num undone">2</div><div class="circle_num done">✓</div> Wie lautet das Aktenzeichen?</h2> |
133 | </div> | 133 | </div> |
134 | <div class="juice"> | 134 | <div class="juice"> |
@@ -206,12 +206,12 @@ | |||
206 | 206 | ||
207 | <p class="hint">Hinweis: Die vom Abmahner angegebenen Fristen sind meist zu knapp und können ruhig ignoriert werden. Jedoch sollte Ihre Antwort nicht grundlos mehr als 14 Tage nach Eingang der Abmahnung erfolgen.</p> | 207 | <p class="hint">Hinweis: Die vom Abmahner angegebenen Fristen sind meist zu knapp und können ruhig ignoriert werden. Jedoch sollte Ihre Antwort nicht grundlos mehr als 14 Tage nach Eingang der Abmahnung erfolgen.</p> |
208 | <div class="one-button"> | 208 | <div class="one-button"> |
209 | <div class="button button-green" onclick="step3_done()">Weiter</div> | 209 | <div class="button button-green" onclick="step_3_done()">Weiter</div> |
210 | </div> | 210 | </div> |
211 | </div> | 211 | </div> |
212 | </div> | 212 | </div> |
213 | <div class="collapsable block-step4"> | 213 | <div class="collapsable block-step4"> |
214 | <div onclick="step3_done()" class="block-header"> | 214 | <div onclick="head_4_click()" class="block-header"> |
215 | <h2 id="head4"><div class="circle_num undone">3</div><div class="circle_num done">✓</div> Warum sind Sie nicht Täter?</h2> | 215 | <h2 id="head4"><div class="circle_num undone">3</div><div class="circle_num done">✓</div> Warum sind Sie nicht Täter?</h2> |
216 | </div> | 216 | </div> |
217 | <div class="juice"> | 217 | <div class="juice"> |
@@ -227,12 +227,12 @@ | |||
227 | <div><input id="alibi_keinendgeraet" type="checkbox"/><label for="alibi_keinendgeraet"><span></span>Ich besitze keinen internetfähigen Computer.</label></div> | 227 | <div><input id="alibi_keinendgeraet" type="checkbox"/><label for="alibi_keinendgeraet"><span></span>Ich besitze keinen internetfähigen Computer.</label></div> |
228 | <div><input id="alibi_nichtwohnhaft" type="checkbox"/><label for="alibi_nichtwohnhaft"><span></span>Zum angegebenen Zeitpunkt habe ich an der ermittelten Adresse nicht (mehr) gewohnt.</label></div> | 228 | <div><input id="alibi_nichtwohnhaft" type="checkbox"/><label for="alibi_nichtwohnhaft"><span></span>Zum angegebenen Zeitpunkt habe ich an der ermittelten Adresse nicht (mehr) gewohnt.</label></div> |
229 | <div class="one-button"> | 229 | <div class="one-button"> |
230 | <div class="button button-green" onclick="step4_done()">Weiter</div> | 230 | <div class="button button-green" onclick="step_4_done()">Weiter</div> |
231 | </div> | 231 | </div> |
232 | </div> | 232 | </div> |
233 | </div> | 233 | </div> |
234 | <div class="collapsable block-step5"> | 234 | <div class="collapsable block-step5"> |
235 | <div onclick="step4_done()" class="block-header"> | 235 | <div onclick="head_5_click()" class="block-header"> |
236 | <h2 id="head5"><div class="circle_num undone">4</div><div class="circle_num done">✓</div> Warum sind Sie kein Störer?</h2> | 236 | <h2 id="head5"><div class="circle_num undone">4</div><div class="circle_num done">✓</div> Warum sind Sie kein Störer?</h2> |
237 | </div> | 237 | </div> |
238 | <div class="juice"> | 238 | <div class="juice"> |
@@ -247,12 +247,12 @@ | |||
247 | <p></p> | 247 | <p></p> |
248 | <div class="hint">Achtung: Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. Wählen Sie daher auf jeden Fall nur die Häkchen aus, die den Tatsachen entsprechen.</div> | 248 | <div class="hint">Achtung: Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. Wählen Sie daher auf jeden Fall nur die Häkchen aus, die den Tatsachen entsprechen.</div> |
249 | <div class="one-button"> | 249 | <div class="one-button"> |
250 | <div class="button button-green" onclick="step5_done()">Weiter</div> | 250 | <div class="button button-green" onclick="step_5_done()">Weiter</div> |
251 | </div> | 251 | </div> |
252 | </div> | 252 | </div> |
253 | </div> | 253 | </div> |
254 | <div class="collapsable block-step6"> | 254 | <div class="collapsable block-step6"> |
255 | <div onclick="step5_done()" class="block-header"> | 255 | <div onclick="head_6_click()" class="block-header"> |
256 | <h2 id="head6"><div class="circle_num undone">5</div><div class="circle_num done">✓</div> Wer wird abgemahnt?</h2> | 256 | <h2 id="head6"><div class="circle_num undone">5</div><div class="circle_num done">✓</div> Wer wird abgemahnt?</h2> |
257 | </div> | 257 | </div> |
258 | <div class="juice"> | 258 | <div class="juice"> |
@@ -270,12 +270,12 @@ | |||
270 | <p>Datenschutzhinweis: Wir übertragen Ihre Daten nicht ins Internet. Das Antwortschreiben wird auf Ihrem Computer erstellt.</p> | 270 | <p>Datenschutzhinweis: Wir übertragen Ihre Daten nicht ins Internet. Das Antwortschreiben wird auf Ihrem Computer erstellt.</p> |
271 | </div> | 271 | </div> |
272 | <div class="one-button"> | 272 | <div class="one-button"> |
273 | <div class="button button-green" onclick="step6_done()">Weiter</div> | 273 | <div class="button button-green" onclick="step_6_done()">Weiter</div> |
274 | </div> | 274 | </div> |
275 | </div> | 275 | </div> |
276 | </div> | 276 | </div> |
277 | <div class="collapsable block-step7"> | 277 | <div class="collapsable block-step7"> |
278 | <div onclick="step6_done()" class="block-header"> | 278 | <div onclick="head_7_click()" class="block-header"> |
279 | <h2 id="head7"><div class="circle_num">✓</div>Fertig!</h2> | 279 | <h2 id="head7"><div class="circle_num">✓</div>Fertig!</h2> |
280 | </div> | 280 | </div> |
281 | <div class="juice"> | 281 | <div class="juice"> |
@@ -293,7 +293,7 @@ | |||
293 | </div> | 293 | </div> |
294 | <div id="footer" class="footer"> | 294 | <div id="footer" class="footer"> |
295 | <div class="scrollcontainer"> | 295 | <div class="scrollcontainer"> |
296 | <div class="credits"> | 296 | <div class="block-credits"> |
297 | <div class="partners"> | 297 | <div class="partners"> |
298 | <a href="https://www.ccc.de/"><div id="ccc" class="partner"> | 298 | <a href="https://www.ccc.de/"><div id="ccc" class="partner"> |
299 | <img src="img/ccc.svg" height="50px" alt="Logo des Chaos Computer Clubs"/> | 299 | <img src="img/ccc.svg" height="50px" alt="Logo des Chaos Computer Clubs"/> |
@@ -308,12 +308,12 @@ | |||
308 | <div>Gesellschaft für Freiheitsrechte</div> | 308 | <div>Gesellschaft für Freiheitsrechte</div> |
309 | </div></a> | 309 | </div></a> |
310 | </div> | 310 | </div> |
311 | <div class="credit imprint" onclick="show_impressum()"><span>Impressum + Datenschutz<span></div> | 311 | <div class="credit show-impressum" onclick="show_impressum()"><span>Impressum + Datenschutz<span></div> |
312 | <div class="credit implementor"><a href="https://erdgeist.org/">erdgeist</a> (Konzept + Umsetzung)</div> | 312 | <div class="credit implementor"><a href="https://erdgeist.org/">erdgeist</a> (Konzept + Umsetzung)</div> |
313 | <div class="credit implementor"><a href="https://kanzlei-hubrig.de/">Beata Hubrig</a> (Rechtliches)</div> | 313 | <div class="credit implementor"><a href="https://kanzlei-hubrig.de/">Beata Hubrig</a> (Rechtliches)</div> |
314 | <div class="credit implementor"><a href="http://www.schlicht-und-ergreifend.de">Malik Aziz</a> (Design) ∙ <a href="http://elektrowecker.de/">Pepo</a> (UX)</div> | 314 | <div class="credit implementor"><a href="http://www.schlicht-und-ergreifend.de">Malik Aziz</a> (Design) ∙ <a href="http://elektrowecker.de/">Pepo</a> (UX)</div> |
315 | </div> | 315 | </div> |
316 | <div class="impressum"> | 316 | <div class="block-impressum"> |
317 | <div class="partners"> | 317 | <div class="partners"> |
318 | <p>Der Abmahnbeantworter ist ein Projekt des Chaos Computer Club e. V., des Fördervereins Freie Netzwerke e. V. und der Gesellschaft für Freiheitsrechte e. V.</p> | 318 | <p>Der Abmahnbeantworter ist ein Projekt des Chaos Computer Club e. V., des Fördervereins Freie Netzwerke e. V. und der Gesellschaft für Freiheitsrechte e. V.</p> |
319 | <div class="back circle_num" onclick="hide_impressum()">⇦</div><!-- | 319 | <div class="back circle_num" onclick="hide_impressum()">⇦</div><!-- |