3 files changed, 81 insertions, 7 deletions

diff --git a/index.html b/index.html
index f9f9507..ec71d3a 100644
--- a/index.html
+++ b/index.html
@@ -25,17 +25,65 @@
     c2.543-2.542,5.609-3.814,9.2-3.814c3.571,0,6.629,1.271,9.172,3.814C32.729,14.343,34,17.4,34,20.971H30.739z"/>
 </svg> Abmahnbeantworter</h1>
         </div>
-        <div class="juice">
+        <div id="step1hook" 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>
+
+          <div class="moreinfo">
+          <dl>
+            <dt>Q: Welches Ziel verfolgt der Abmahnbeantworter?</dt>
+            <dd>
+              <p>A: Wir wollen mehr Menschen ermutigen, ihr Internet mit Nachbarn, Passanten und Netz-Bedürftigen zu teilen.</p>
+              <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>
+              <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>
+              <p>Zudem versuchen wir, einer groben Ungerechtigkeit im Abmahnwesen entgegenzuwirken, indem wir das Kostenrisiko für unberechtigte Abmahnungen wieder dem Abmahner überlassen.</p>
+            </dd>
+            <dt>Q: Wann ist denn eine Abmahnung unberechtigt?</dt>
+            <dd>
+              <p>A: Wenn der Anschlussinhaber ausschließen kann, den Urheberrechtsverstoß selbst begangen zu haben, ist die Abmahnung unberechtigt. Dies ist nicht mit einem Augenzwinkern zu lesen. Kommt der Fall vor Gericht, muss man immer damit rechnen, dass ein Richter die Umstände bewertet.</p>
+            </dd>
+            <dt>Q: Wieso kann ich mir nicht einfach einen Anwalt nehmen, wenn ich unschuldig bin?</dt>
+            <dd>
+              <p>A: Diese Option steht natürlich jederzeit zur Verfügung, allerdings bekommt man die eigenen Auslagen nicht erstattet. Die Anwaltskosten belaufen sich nach RVG auf mindestens 150 Euro – auf denen bleibt man sitzen, auch wenn die Abmahnung unberechtigt ist.</p>
+            </dd>
+            <dt>Q: Wieso? Muss nicht bei Rechtsstreitigkeiten die unterlegene Seite bezahlen?</dt>
+            <dd>
+              <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>
+            </dd>
+            <dt>Q: Heißt das, ich muss das ganze Verfahren ohne Anwalt durchfechten?</dt>
+            <dd>
+              <p>A: Nein! Hier kommt der Abmahnbeantworter ins Spiel: Wenn der Abmahner hätte erkennen müssen, dass seine Abmahnung unberechtigt ist, darf man seine Auslagen zurückfordern. Gerichte sehen es aber nicht so, dass eine Kanzlei bei unrechtmäßiger Abmahnung fahrlässig gehandelt hätte: mehr als den Anschlussinhaber ausfindig zu machen, sei ihnen nicht zuzumuten.</p>
+              <p>Anders sieht die Sache aus, wenn ein Abgemahnter dem Abmahner die Fakten schriftlich mitteilt und dieser somit erkennen muss, dass die Abmahnung unberechtigt ist. Innerhalb einer angemessenen Frist muss die Forderung schriftlich zurückgenommen werden. Ein Ignorieren der Antwort des Abgemahnten auf die Abmahnung hilft nicht.</p>
+              <p>Wenn man nach Ablauf der Frist nun einen Anwalt beauftragen muss, sein Recht durchzusetzen, muss die unterlegene Seite die Rechtskosten tragen. Das Fachwort dafür heißt "negative Feststellungsklage".</p>
+            </dd>
+            <dt>Q: Heißt das, ich muss den Abmahner verklagen?</dt>
+            <dd>
+              <p>A: Nicht zwingend, auch wenn es wünschenswert wäre, dass viele Menschen von ihrem Recht auch Gebrauch machten. Die großen Kanzleien können aus den oben genannten Gründen erst einmal risikolos abmahnen und in aussichtslosen Fällen stillschweigend die Abmahnung zurücknehmen. Je mehr Betroffene sich wirklich wehren, desto stärker ist der Druck auf die Abmahnkanzleien, sauber zu arbeiten und unberechtigte Abmahnungen sofort und diskussionslos zurückzunehmen.</p>
+              <p>Das Geschäft mit der Abmahnung läuft insbesondere daher so gut, weil viele unberechtigt Abgemahnte klaglos zahlen. Die Drohkulisse der hohen Kosten einer Verteidigung und der aggressiven Ton der Abmahnungen tragen hierzu bei.</p>
+              <p>Spätestens drei Jahre nach der Abmahnung ist der Fall verjährt. Vorher muss man immer damit rechnen, dass die Kanzlei den Fall weiterverfolgt, an "Spezialisiten für schwierige Fälle" weiterverkauft oder selbst vor Gericht bringt. Auch in diesen Fällen ist es vorteilhaft, schon im Vorverfahren (also bevor es vor Gericht geht) den Sachverhalt präzise dargelegt zu haben – beispielsweise mit einem Antwortschreiben aus dem Abmahnbeantworter.</p>
+            </dd>
+            <dt>Q: Ich habe von der Störerhaftung gelesen? Kann ich davon betroffen sein?</dt>
+            <dd>
+              <p>A: Wenn man seinen Anschluss mit Kindern, Nachbarn, Mitbewohnern oder Passanten teilt, ist man nach Paragraph 8 des Telemediengesetzes haftungsprivilegiert – und das auch schon vor der Novelle von 2016. Daher weisen wir im Abmahnbeantworterschreiben noch einmal exlpizit darauf hin, mit wem Sie Ihr Netz teilen.</a>
+            </dd>
+            <dt>Q: Was passiert mit meinen Daten, die ich in den Abmahnbeantworter eingebe?</dt>
+            <dd>
+              <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>
+              <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>
+            </dd>
+            <dt>Q: Soll ich eine Unterlassungserklärung unterschreiben?</dt>
+            <dd>
+              <p>A: Nein, auf keinen Fall! Und das gilt sowohl für die mitgeschickte Unterlassungserklärung als auch für eine eigene, modifizierte. Hintergründe dazu gibt es <a href="https://netzpolitik.org/2016/interview-zu-stoererhaftung-und-abmahnungen-wir-haben-ein-problem-mit-der-anwendung-des-gesetzes-durch-unsere-gerichte/">hier</a>.</p>
+            </dd>
+          </dl>
+          </div>
           <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 class="hint">
-          <p><a href="http://ccc.de/">Sie möchten mehr darüber erfahren?</a></p>
-        </div>
+        <div class="hint show-moreinfo" onclick="show_moreinfo()">Sie möchten mehr darüber erfahren?</div>
+        <div class="hint show-lessinfo" onclick="show_lessinfo()">Sie haben genug darüber erfahren?</div>
         </div>
       </div>
       <div class="collapsable block-stepcancel" id="unsicher">
@@ -220,7 +268,6 @@
           </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>
diff --git a/js/abmahn.js b/js/abmahn.js
index c8e5e9a..6b6e39c 100644
--- a/js/abmahn.js
+++ b/js/abmahn.js
@@ -68,6 +68,9 @@ function step6_done()   { scrollTo(475); setClass('wrapper', 'step7'); }
 function hide_impressum() { setClass('footer', 'footer'); }
 function show_impressum() { setClass('footer', 'footer show-imprint'); }
 
+function show_moreinfo() { setClass('step1hook', 'juice moreinfoshown'); }
+function show_lessinfo() { scrollTo(0); setClass('step1hook', 'juice'); }
+
 function waldorf() {
   setText('abmahnender_kanzlei', 'Waldorf & Frommer RAe');
   setText('abmahnender_bearbeiter', '');
diff --git a/style.css b/style.css
index d052c01..1aa7a87 100644
--- a/style.css
+++ b/style.css
@@ -198,11 +198,11 @@ input[type=checkbox]:not(old) + label > span {
   border           : 0px solid rgba(255, 255, 255, 0.30);
   border-radius    : 6px;
   vertical-align   : top;
-  transition       : font-size 0.4s;
   font-size        : 1pt;
 }
 
 input[type=checkbox]:not(old):checked + label > span {
+  transition       : font-size 0.4s;
   font-size   : 17pt;
 }
 
@@ -306,6 +306,14 @@ label:first-line {
   font-weight: 300;
 }
 
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin: 0;
+}
+
 .block-step1 a:link,
 .block-step1 a:visited {
   border-bottom: dotted 1px rgba(0,0,0,0.25);
@@ -318,6 +326,7 @@ label:first-line {
 */
 .juice,
 #unsicher,
+.moreinfo,
 #wrapper.stepcancel h2 {
   overflow: hidden;
   max-height: 0px;
@@ -327,6 +336,18 @@ label:first-line {
   transition-delay: 0s;
 }
 
+.show-lessinfo,
+.show-moreinfo {
+  display: inline-block;
+  border-bottom: dotted 1px rgba(0,0,0,0.25);
+  margin-bottom: 1em;;
+  cursor: pointer;
+}
+
+.show-lessinfo { display: none; }
+#step1hook.moreinfoshown .show-lessinfo { display: inline-block; }
+#step1hook.moreinfoshown .show-moreinfo { display: none; }
+
 /* These are the heights of the expanded sections, only shown if the
    wrapper has the appropriate class */
 
@@ -337,6 +358,8 @@ label:first-line {
 #wrapper.step5 .block-step5 .juice { max-height: 1200px; }
 #wrapper.step6 .block-step6 .juice { max-height: 850px; }
 #wrapper.step7 .block-step7 .juice { max-height: 650px; }
+#step1hook.moreinfoshown .moreinfo { max-height: 3500px; }
+#wrapper.step1 .block-step1 #step1hook.moreinfoshown.juice    { max-height: 3800px;}
 
 /* The unsicher section does not have a headline initially visible,
    so the sections padding must be hidden and everything must be unhidden together */
@@ -419,7 +442,8 @@ label:first-line {
 }
 
 .button-small:hover {
-  background-color: #D0B66B;
+  background-color : rgba(255, 255, 255, 0.30);
+  color: white;
 }
 
 /* Style things that depend on the progress.