summaryrefslogtreecommitdiff
path: root/index.html
blob: 97da70074ec38a43ba98f477fd3412e87ba1b80e (plain)
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Abmahnbeantworter</title>
    <link rel="stylesheet" href="style.css">
    <script src="js/pdfmake.min.js"></script>
    <script src="js/vfs_fonts.js"></script>
    <script src="js/abmahn.js"></script>
  </head>
  <body>
    <div id="wrapper" class="step1">
      <div class="collapsable block-step1">
        <div onclick="step0_done()" class="block-header">
          <h1 id="head1">Abmahnbeantworter</h1>
        </div>
        <div class="juice">
          <p>Sie haben eine Abmahnung für einen Urheberrechtsverstoß erhalten?</p>
          <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>
          <p><strong>Sie sind sicher, diese angebliche Urheberrechtsverletzung nicht begangen zu haben?</strong></p>
          <div class="two-buttons">
            <div class="button button-green" onclick="step1_done()">Ja, ich bin sicher.</div>
            <div class="button button-red" onclick="step0_cancel()">Nein, bin unsicher.</div>
          </div>
        </div>
      </div>
      <div class="collapsable block-stepcancel" id="unsicher">
        <div class="juice">
          <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>
          <p>Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. Dadurch können erhebliche Kosten entstehen.</p>
          <div class="one-button">
            <a href="https://duckduckgo.com/?q=anwalt+urheberrecht">
              <div class="button button-green">Anwalt suchen</div>
            </a>
          </div>
        </div>
      </div>
      <div class="collapsable block-step2">
        <div onclick="step1_done()" class="block-header">
          <div class="done">&#x2713;</div>
          <h2 id="head2">Schritt 1: Wer mahnt ab?</h2>
        </div>
        <div class="juice">
          <div><a href="javascript:ausfuellen()" class="button">Debug: pre-fill</a></div>
          <p>Ist der Abmahner eine der folgenden Kanzleien? Dann können wir die Adresse gleich per Click auf deren Namen übernehmen.</p>
          <div class="button-small" onclick="sebastian()">Daniel Sebastian Rechtsanwalt</div>
          <div class="button-small" onclick="fareds()">Fareds Rechtsanwaltsgesellschaft mbH</div>
          <div class="button-small" onclick="rasch()">Rasch Rechtsanwälte</div>
          <div class="button-small" onclick="sasse()">Sasse &amp; Partner</div>
          <div class="button-small" onclick="schulenberg()">Schulenberg &amp; Schenk Rechtsanwälte</div>
          <div class="button-small" onclick="schutt()">Schutt, Waetke Rechtsanwälte</div>
          <div class="button-small" onclick="waldorf()">Waldorf &amp; Frommer</div>
          <div class="button-small" onclick="wesave()">WeSaveYourCopyrights Rechtsanwaltsgesellschaft mbH</div>

          <p>Andernfalls tragen Sie bitte die Anschrift der Kanzlei ein, von der Sie die Abmahnung erhielten.</p>
          <ul>
            <li><input id="abmahnender_kanzlei" type="text" name="kanzlei" placeholder="Kanzlei"/></li>
            <li><input id="abmahnender_bearbeiter" type="text" name="bearbeiter" placeholder="Bearbeiter (optional)"/></li>
            <li><input id="abmahnender_strasse" type="text" name="strasse" placeholder="Straße und Hausnummer"/></li>
            <li><input id="abmahnender_plz" type="text" name="plz" placeholder="Postleitzahl"/></li>
            <li><input id="abmahnender_ort" type="text" name="ort" placeholder="Ort"/></li>
            <li><input id="abmahnender_fax" type="text" name="fax" placeholder="Fax"/></li>
          </ul>
          <div class="one-button">
            <div class="button button-green" onclick="step2_done()">Weiter</div>
          </div>
        </div>
      </div>
      <div class="collapsable block-step3">
        <div onclick="step2_done()" class="block-header">
          <div class="done">&#x2713;</div>
          <h2 id="head3">Schritt 2: Aktenzeichen und Daten</h2>
        </div>
        <div class="juice">
          <p>Der Abmahner hat Ihnen ein Aktenzeichen zugeordnet. Dies muss im Schreiben auftauchen, damit die Kanzlei Ihre Antwort der Abmahnung zuordnen zu können.</p>
          <ul>
            <li><input id="vorgang_aktenzeichen" type="text" name="aktenzeichen" placeholder="(Akten)-Zeichen"/></li>
            <li><input id="vorgang_detail" type="text" name="detail" placeholder="Beschreibung (optional)"/></li>
          </ul>

          <p>Datum und Uhrzeit des angeblichen Verstoßes anzugeben zeigt dem Abmahner, dass Sie sich Gedanken gemacht haben, warum Sie ausschließen können, der Täter zu sein. Bitte entnehmen Sie Datum und Uhrzeit dem Abmahnschreiben.</p>
          <select class="tag" required id="tat_datum_tag" name="tat_datum_tag">
            <option value="1">1.</option><option value="2">2.</option><option value="3">3.</option><option value="4">4.</option><option value="5">5.</option>
            <option value="6">6.</option><option value="7">7.</option><option value="8">8.</option><option value="9">9.</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">11.</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>
          <select class="monat" required id="tat_datum_monat" name="tat_datum_monat">
            <option value="0">Januar</option> <option value="1">Februar</option> <option value="2">März</option> <option value="3">April</option>
            <option value="4">Mai</option> <option value="5">Juni</option> <option value="6">Juli</option> <option value="7">August</option>
            <option value="8">September</option> <option value="9">Oktober</option> <option value="10">November</option> <option value="11">Dezember</option>
          </select>
          <select class="jahr" required id="tat_datum_jahr" name="tat_datum_jahr">
            <option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016" selected="selected">2016</option>
            <option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option>
          </select>
          <select class="zeit" required id="tat_uhrzeit" name="tat_uhrzeit">
            <option value="00:00">00:00 Uhr</option><option value="00:15">00:15 Uhr</option><option value="00:30">00:30 Uhr</option> <option value="00:45">00:45 Uhr</option>
            <option value="01:00">01:00 Uhr</option><option value="01:15">01:15 Uhr</option><option value="01:30">01:30 Uhr</option> <option value="01:45">01:45 Uhr</option>
            <option value="02:00">02:00 Uhr</option><option value="02:15">02:15 Uhr</option><option value="02:30">02:30 Uhr</option> <option value="02:45">02:45 Uhr</option>
            <option value="03:00">03:00 Uhr</option><option value="03:15">03:15 Uhr</option><option value="03:30">03:30 Uhr</option> <option value="03:45">03:45 Uhr</option>
            <option value="04:00">04:00 Uhr</option><option value="04:15">04:15 Uhr</option><option value="04:30">04:30 Uhr</option> <option value="04:45">04:45 Uhr</option>
            <option value="05:00">05:00 Uhr</option><option value="05:15">05:15 Uhr</option><option value="05:30">05:30 Uhr</option> <option value="05:45">05:45 Uhr</option>
            <option value="06:00">06:00 Uhr</option><option value="06:15">06:15 Uhr</option><option value="06:30">06:30 Uhr</option> <option value="06:45">06:45 Uhr</option>
            <option value="07:00">07:00 Uhr</option><option value="07:15">07:15 Uhr</option><option value="07:30">07:30 Uhr</option> <option value="07:45">07:45 Uhr</option>
            <option value="08:00">08:00 Uhr</option><option value="08:15">08:15 Uhr</option><option value="08:30">08:30 Uhr</option> <option value="08:45">08:45 Uhr</option>
            <option value="09:00">09:00 Uhr</option><option value="09:15">09:15 Uhr</option><option value="09:30">09:30 Uhr</option> <option value="09:45">09:45 Uhr</option>
            <option value="10:00">10:00 Uhr</option><option value="10:15">10:15 Uhr</option><option value="10:30">10:30 Uhr</option> <option value="10:45">10:45 Uhr</option>
            <option value="11:00">11:00 Uhr</option><option value="11:15">11:15 Uhr</option><option value="11:30">11:30 Uhr</option> <option value="11:45">11:45 Uhr</option>
            <option selected="selected" value="12:00">12:00 Uhr</option><option value="12:15">12:15 Uhr</option><option value="12:30">12:30 Uhr</option> <option value="12:45">12:45 Uhr</option>
            <option value="13:00">13:00 Uhr</option><option value="13:15">13:15 Uhr</option><option value="13:30">13:30 Uhr</option> <option value="13:45">13:45 Uhr</option>
            <option value="14:00">14:00 Uhr</option><option value="14:15">14:15 Uhr</option><option value="14:30">14:30 Uhr</option> <option value="14:45">14:45 Uhr</option>
            <option value="15:00">15:00 Uhr</option><option value="15:15">15:15 Uhr</option><option value="15:30">15:30 Uhr</option> <option value="15:45">15:45 Uhr</option>
            <option value="16:00">16:00 Uhr</option><option value="16:15">16:15 Uhr</option><option value="16:30">16:30 Uhr</option> <option value="16:45">16:45 Uhr</option>
            <option value="17:00">17:00 Uhr</option><option value="17:15">17:15 Uhr</option><option value="17:30">17:30 Uhr</option> <option value="17:45">17:45 Uhr</option>
            <option value="18:00">18:00 Uhr</option><option value="18:15">18:15 Uhr</option><option value="18:30">18:30 Uhr</option> <option value="18:45">18:45 Uhr</option>
            <option value="19:00">19:00 Uhr</option><option value="19:15">19:15 Uhr</option><option value="19:30">19:30 Uhr</option> <option value="19:45">19:45 Uhr</option>
            <option value="20:00">20:00 Uhr</option><option value="20:15">20:15 Uhr</option><option value="20:30">20:30 Uhr</option> <option value="20:45">20:45 Uhr</option>
            <option value="21:00">21:00 Uhr</option><option value="21:15">21:15 Uhr</option><option value="21:30">21:30 Uhr</option> <option value="21:45">21:45 Uhr</option>
            <option value="22:00">22:00 Uhr</option><option value="22:15">22:15 Uhr</option><option value="22:30">22:30 Uhr</option> <option value="22:45">22:45 Uhr</option>
            <option value="23:00">23:00 Uhr</option><option value="23:15">23:15 Uhr</option><option value="23:30">23:30 Uhr</option> <option value="23:45">23:45 Uhr</option>
          </select>

          <p>Das Datum der Abmahnung hilft Ihnen später, die Einhaltung der Fristen nachvollziehen zu können. Wir geben es in der Antwort mit an.</p>
          <select class="tag" required id="vorgang_datum_tag" name="datum_tag">
            <option value="1">1.</option><option value="2">2.</option><option value="3">3.</option><option value="4">4.</option><option value="5">5.</option>
            <option value="6">6.</option><option value="7">7.</option><option value="8">8.</option><option value="9">9.</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">11.</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>
          <select class="monat" required id="vorgang_datum_monat" name="datum_monat">
            <option value="0">Januar</option> <option value="1">Februar</option> <option value="2">März</option> <option value="3">April</option>
            <option value="4">Mai</option> <option value="5">Juni</option> <option value="6">Juli</option> <option value="7">August</option>
            <option value="8">September</option> <option value="9">Oktober</option> <option value="10">November</option> <option value="11">Dezember</option>
          </select>
          <select class="jahr" required id="vorgang_datum_jahr" name="datum_jahr">
            <option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016" selected="selected">2016</option>
            <option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option>
          </select>

          <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>
          <div class="one-button">
            <div class="button button-green" onclick="step3_done()">Weiter</div>
          </div>
        </div>
      </div>
      <div class="collapsable block-step4">
        <div onclick="step3_done()" class="block-header">
          <div class="done">&#x2713;</div>
          <h2 id="head4">Schritt 3: Warum Sie nicht Täter sind</h2>
        </div>
        <div class="juice">
          <p>Damit Sie korrekte Belege gegen den Vorwurf können, sammeln wir alle nun Informationen ein, die der abmahnenden Kanzlei verdeutlichen, warum die Abmahnung unberechtigt ist.</p>

          <p>Der Anschlussinhaber wird in der Abmahnung als Täter angenommen. Dies ist meist inkorrekt. Gibt es Beweise, dass Sie nicht der Täter sind, wählen Sie das entsprechende Häkchen:</p>

          <label><input id="alibi_urlaub" type="checkbox"/>Ich war nachweislich im Urlaub.</label>
          <label><input id="alibi_ausserhalb" type="checkbox"/>Ich war nachweislich beruflich außerhalb Deutschlands.</label>
          <label><input id="alibi_nichtzuhause" type="checkbox"/>Ich war nachweislich nicht zuhause.</label>
          <label><input id="alibi_arbeit" type="checkbox"/>Ich war nachweislich auf Arbeit.</label>
          <label><input id="alibi_besuch" type="checkbox"/>Ich hatte Besuch. Dieser kann bezeugen, dass ich meinen Computer nicht benutzt habe.</label>
          <label><input id="alibi_keinendgeraet" type="checkbox"/>Ich besitze keinen internetfähigen Computer.</label>
          <label><input id="alibi_nichtwohnhaft" type="checkbox"/>Zum angegebenen Zeitpunkt habe ich an der ermittelten Adresse nicht (mehr) gewohnt.</label>
          <div class="one-button">
            <div class="button button-green" onclick="step4_done()">Weiter</div>
          </div>
        </div>
      </div>
      <div class="collapsable block-step5">
        <div onclick="step4_done()" class="block-header">
          <div class="done">&#x2713;</div>
          <h2 id="head5">Schritt 4: Warum Sie nicht Störer sind</h2>
        </div>
        <div class="juice">
          <p>Um nicht als Störer in Haftung genommen zu werden, sind Hinweise hilfreich, aus welchem Grund auch eine Störerhaftung nicht in Betracht kommt. Bitte wählen Sie die entsprechenden Häkchen.</p>
          <label><input id="alibi_freifunk" type="checkbox"/>Ich betreibe ein Freifunk-Netzwerk.</label>
          <label><input id="alibi_tornode" type="checkbox"/>Ich betreibe nachweislich einen Tor-Exit-Node.</label>
          <label><input id="alibi_offeneswifi" type="checkbox"/>Ich betreibe ein offenes Netzwerk für das Haus.</label>
          <label><input id="alibi_familie" type="checkbox"/>Neben mir benutzen mehrere Familienmitglieder mein Netzwerk.</label>
          <label><input id="alibi_wg" type="checkbox"/>Neben mir benutzen mehrere Mitbewohner mein Netzwerk.</label>
          <label><input id="alibi_nachbarn" type="checkbox"/>Neben mir benutzen mehrere Nachbarn mein Netzwerk.</label>
          <label><input id="alibi_fluechtlingshilfe" type="checkbox"/>Ich stelle mein Netzwerk einem Flüchtlingsheim zur Verfügung.</label>
          <p></p>
          <div class="hint">Achtung: Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. <b>Wählen Sie daher auf jeden Fall nur die Häkchen aus, die den Tatsachen entsprechen.</b></div>
          <div class="one-button">
            <div class="button button-green" onclick="step5_done()">Weiter</div>
          </div>
        </div>
      </div>
      <div class="collapsable block-step6">
        <div onclick="step5_done()" class="block-header">
          <div class="done">&#x2713;</div>
          <h2 id="head6">Schritt 5: Ihre Daten</h2>
        </div>
        <div class="juice">
          <p>Hier benötigen wir Ihre Informationen, um das Anschreiben mit einem Absender zu versehen. Bitte fügen Sie Namen und Adresse wie auf der Abmahnung ein.</p>
          <ul>
            <li><input id="abgemahnter_vorname" type="text" name="vorname" placeholder="Vorname"/></li>
            <li><input id="abgemahnter_nachname" type="text" name="nachname" placeholder="Nachname"/></li>
            <li><input id="abgemahnter_zusatz" type="text" name="zusatz" placeholder="Zusatz (optional)"/></li>
            <li><input id="abgemahnter_strasse" type="text" name="strasse" placeholder="Straße und Hausnummer"/></li>
            <li><input id="abgemahnter_plz" type="text" name="plz" placeholder="Postleitzahl"/></li>
            <li><input id="abgemahnter_ort" type="text" name="ort" placeholder="Wohnort"/></li>
            <li><input id="abgemahnter_land" type="text" name="land" placeholder="Land (optional)"/></li>
          </ul>
          <div class="hint">
            <p>Datenschutzhinweis: Wir übertragen Ihre Daten nicht ins Internet. Das Antwortschreiben wird auf Ihrem Computer erstellt.</p>
            <p>Wir zählen ausschließlich die Abrufe dieser Webseite und speichern keinerlei Details über die Besucher.</p>
          </div>
          <div class="one-button">
            <div class="button button-green" onclick="step6_done()">Weiter</div>
          </div>
        </div>
      </div>
      <div class="collapsable block-step7">
        <div onclick="step6_done()" class="block-header">
          <div class="done">&#x2713;</div>
          <h2 id="head7">Fertig!</h2>
        </div>
        <div class="juice">
          <p>Wir haben nun alle Informationen, um das Antwortschreiben erzeugen zu können:</p>
          <div class="one-button">
            <div class="button button-green" onclick="abmahnbeantworter()">Antworten</div>
          </div>
          <p class="hint">Drucken Sie das Schreiben aus und schicken Sie es per Post an die abmahnende Kanzlei. Optional können Sie zur Wahrung der Frist das Schreiben auch vorab <span id="faxempfaenger"></span>faxen.</p>
        </div>
      </div>
      <div class="collapsable block-step8">
        <div class="block-header">
          <h2 id="head8">Und jetzt?</h2>
        </div>
        <div class="juice">
          <p>Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.</p>
          <p>Die Auslagen hierfür können Sie – im Gegensatz zur ersten Antwort auf die Abmahnung – vom Abmahner zurückfordern. Dazu gehören auch die Anwaltskosten.</p>
        </div>
      </div>
      <div class="push"></div>
    </div>
    <div class="footer">
      <div class="credits">
        <a href="https://www.ccc.de/"><div class="partner ccc"><img src="img/ccc.svg" height="72px" alt="Logo des Chaos Computer Clubs"/><p>Chaos Computer Club</p></div></a>
        <a href="https://freifunk.net/"><div class="partner freifunk"><img src="img/freifunk.svg" height="72px" alt="Logo des Freifunk e. V.s"/><p>Freifunk</p></div></a>
        <a href="https://freiheitsrechte.org/"><div class="partner gff"><img src="img/gff.svg" height=72px" alt="Logo des Gesellschaft für Freiheitsrechte e. V."/><p>GFF</p></div></a>
      </div>
      <p><a href="https://ccc.de/impressum.html">Impressum</a> · UX: <a href="http://elektrowecker.de/">Pepo</a> · Gestaltung: <a href="http://www.schlicht-und-ergreifend.de">Malik Aziz</a> · Konzept: <a href="https://erdgeist.org/">erdgeist</a>.</p>
    </div>
  </body>
</html>