Add a link to the FAQ

2 files changed, 6 insertions, 2 deletions

diff --git a/index.html b/index.html
index e07b12b..949912f 100644
--- a/index.html
+++ b/index.html
@@ -84,7 +84,8 @@
             <div class="button button-red" onclick="step_0_cancel()">Nein, bin unsicher.</div>
           </div>
         <div class="hint show-moreinfo" onclick="show_moreinfo()">Sie möchten mehr darüber erfahren?</div>
-        <div class="hint hide-moreinfo" onclick="hide_moreinfo()">Sie haben genug darüber erfahren?</div>
+        <div class="hint link-faq"><a href="faq.html">FAQ zum Verlinken.</a></div>
+        <div class="hint hide-moreinfo" onclick="hide_moreinfo()">FAQ zuklappen!</div>
         </div>
       </div>
       <div class="collapsable block-step0" id="unsicher">
diff --git a/style.css b/style.css
index c2f6b78..e748938 100644
--- a/style.css
+++ b/style.css
@@ -343,16 +343,19 @@ dd {
   transition-delay: 0s;
 }
 
+.link-faq,
 .hide-moreinfo,
 .show-moreinfo {
   display: inline-block;
   border-bottom: dotted 1px rgba(0,0,0,0.25);
-  margin-bottom: 1em;
+  margin: auto 1em 1em auto;
   cursor: pointer;
 }
 
+.link-faq { display: none; }
 .hide-moreinfo { display: none; }
 #wrapper.moreinfo-shown .hide-moreinfo { display: inline-block; }
+#wrapper.moreinfo-shown .link-faq { display: inline-block; }
 #wrapper.moreinfo-shown .show-moreinfo { display: none; }
 
 .hidden {