diff --git a/index.html b/index.html
index a0cee82..df4f6e4 100644
--- a/index.html
+++ b/index.html
@@ -39,27 +39,27 @@
 <head>
 
 	<!-- Meta Info -->
-	<title>The Wisdom and/or Madness of Crowds</title> <!-- <title>(TRANSLATE this part only)</title> -->
-	<meta name="description" content="an interactive guide to human networks"/> <!-- content="(TRANSLATE this part only)" -->
+    <title>Die Weisheit und/oder der Wahnsinn der Massen</title> <!-- <title>(TRANSLATE this part only)</title> -->
+	<meta name="description" content="Eine interaktive Erklärung menschlicher Netzwerke"/> <!-- content="(TRANSLATE this part only)" -->
     <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
 	<meta content="utf-8" http-equiv="encoding">
 	<meta charset="utf-8">
 	<link rel="icon" type="image/png" href="favicon.png">
 
 	<!-- Sharing -->
-	<meta itemprop="name" content="The Wisdom and/or Madness of Crowds"> <!-- content="(TRANSLATE this part only)" -->
-	<meta itemprop="description" content="an interactive guide to human networks"> <!-- content="(TRANSLATE this part only)" -->
+	<meta itemprop="name" content="Die Weisheit und/oder der Wahnsinn der Massen"> <!-- content="(TRANSLATE this part only)" -->
+	<meta itemprop="description" content="Eine interaktive Erklärung menschlicher Netzwerke"> <!-- content="(TRANSLATE this part only)" -->
 	<meta itemprop="image" content="http://ncase.me/crowds/social/thumb.png">
 
-	<meta name="twitter:title" content="The Wisdom and/or Madness of Crowds"> <!-- content="(TRANSLATE this part only)" -->
-	<meta name="twitter:description" content="an interactive guide to human networks"> <!-- content="(TRANSLATE this part only)" -->
+	<meta name="twitter:title" content="Die Weisheit und/oder der Wahnsinn der Massen"> <!-- content="(TRANSLATE this part only)" -->
+	<meta name="twitter:description" content="Eine interaktive Erklärung menschlicher Netzwerke"> <!-- content="(TRANSLATE this part only)" -->
 	<meta name="twitter:card" content="summary_large_image">
 	<meta name="twitter:site" content="@ncasenmare">
 	<meta name="twitter:creator" content="@ncasenmare">
 	<meta name="twitter:image" content="http://ncase.me/crowds/social/thumb.png">
 
-	<meta property="og:title" content="The Wisdom and/or Madness of Crowds"> <!-- content="(TRANSLATE this part only)" -->
-	<meta property="og:description" content="an interactive guide to human networks"> <!-- content="(TRANSLATE this part only)" -->
+	<meta property="og:title" content="Die Weisheit und/oder der Wahnsinn der Massen"> <!-- content="(TRANSLATE this part only)" -->
+	<meta property="og:description" content="Eine interaktive Erklärung menschlicher Netzwerke"> <!-- content="(TRANSLATE this part only)" -->
 	<meta property="og:type" content="website">
 	<meta property="og:url" content="http://ncase.me/crowds/">
 	<meta property="og:image" content="http://ncase.me/crowds/social/thumb.png">
@@ -87,7 +87,7 @@
 		<canvas id="scratch" width="711" height="400"></canvas>
 
 		<!-- Skip -->
-		<div id="skip">skip &gt;</div> <!-- TRANSLATE -->
+		<div id="skip">überspringen &gt;</div> <!-- TRANSLATE -->
 
 		<!-- Modal -->
 		<div id="modal_container">
@@ -106,19 +106,19 @@
 	<div id="navigation_container">
 		<div id="sound" mute="no">
 			<div id="sound_icon"></div>
-			<span id="sound_on">ON</span> <!-- TRANSLATE -->
-			<span id="sound_off">OFF</span> <!-- TRANSLATE -->
+			<span id="sound_on">AN</span> <!-- TRANSLATE -->
+			<span id="sound_off">AUS</span> <!-- TRANSLATE -->
 		</div>
 		<div id="sharing">
 			<a id="fb" target="_blank" href="TODO"></a>
 			<a id="tw" target="_blank" href="TODO"></a>
 			<a id="em" target="_blank" href="TODO"></a>
 			<span id="share_title">
-			The Wisdom and/or Madness of Crowds <!-- TRANSLATE -->
+			    Die Weisheit und/oder der Wahnsinn der Massen <!-- TRANSLATE -->
 			</span>
 			<span id="share_desc">
 			<!-- TRANSLATOR: keep this on ONE LINE or the social sharing will break! -->
-			Why do groups of people act smart, dumb, kind, cruel? An interactive guide to human networks: <!-- TRANSLATE -->
+			Warum verhalten sich Gruppen schlau oder dumm, freundlich oder grausam? Eine interaktive Erklärung menschlicher Netzwerke: <!-- TRANSLATE -->
 			</span>
 		</div>
 		<div id="navigation">
@@ -127,39 +127,39 @@
 			<!-- TRANSLATE all the Chapter names! -->
 			<div chapter="Introduction">
 				<span>0</span>
-				<span>0. Introduction</span>
+				<span>0. Einleitung</span>
 			</div>
 			<div chapter="Networks">
 				<span>1</span>
-				<span>1. Connections</span>
+				<span>1. Verbindungen</span>
 			</div>
 			<div chapter="Simple">
 				<span>2</span>
-				<span>2. Contagions</span>
+				<span>2. Ansteckung</span>
 			</div>
 			<div chapter="Complex">
 				<span>3</span>
-				<span>3. Complex Contagions</span>
+				<span>3. Komplexe Ansteckung</span>
 			</div>
 			<div chapter="BB">
 				<span>4</span>
-				<span>4. Bonding &amp; Bridging</span> <!-- note: &amp; is html for the "and" sign -->
+				<span>4. Verbinden &amp; Brücken schlagen</span> <!-- note: &amp; is html for the "and" sign -->
 			</div>
 			<div chapter="SmallWorld">
 				<span>5</span>
-				<span>5. It's A Small World</span>
+				<span>5. Die Welt ist klein</span>
 			</div>
 			<div chapter="Conclusion">
 				<span>6</span>
-				<span>6. In Conclusion...</span>
+				<span>6. Das Fazit</span>
 			</div>
 			<div chapter="Credits">
 				<span>7</span>
-				<span>7. Credits</span>
+				<span>7. Danksagungen</span>
 			</div>
 			<div chapter="Sandbox">
 				<span>★</span>
-				<span>★ Sandbox Mode! ★</span>
+				<span>★ Sandkasten Modus! ★</span>
 			</div>
 
 			<!-- A divider -->
@@ -168,11 +168,11 @@
 			<!-- Bonus Notes & References -->
 			<div modal="bonus">
 				<span>?</span>
-				<span>Bonus Boxes!</span> <!-- TRANSLATE -->
+				<span>Bonus Boxen!</span> <!-- TRANSLATE -->
 			</div>
 			<div modal="references">
 				<span style="margin-top: 7px; font-size: 35px;">*</span>
-				<span>Links &amp; References</span> <!-- TRANSLATE -->
+				<span>Links &amp; Referenzen</span> <!-- TRANSLATE -->
 			</div>
 			<div modal="translations">
 			<span style="margin-top:5px; position:relative;"><span style="
@@ -185,7 +185,7 @@
 				    top: -1px;
 				    left: 16px;
 				">あ</span></span>
-				<span>Translations</span> <!-- TRANSLATE -->
+				<span>Übersetzungen</span> <!-- TRANSLATE -->
 			</div>
 
 			<!-- The hover bubble -->
@@ -203,7 +203,7 @@
 
 	<!-- Preloader -->
 	<div id="pre_preloader">
-		<div>loading...</div> <!-- TRANSLATE -->
+		<div>lädt...</div> <!-- TRANSLATE -->
 	</div>
 
 </body>
@@ -270,22 +270,23 @@
 <words id="preloader_title">
 
 	<div style="font-size: 30px;">
-		<span>the</span>
+		<span>die</span>
 		<br>
-		<span style="font-size: 60px;letter-spacing: 4px;">WISDOM</span>
-		<span style="position:relative;top: -10px;">and/or</span>
-		<span style="font-size: 60px;">MADNESS</span>
+		<span style="font-size: 60px;letter-spacing: 4px;">WEISHEIT</span>
+		<span style="position:relative;top: -10px;">und/oder</span>
+		<span>der</span>
+		<span style="font-size: 60px;">WAHNSINN</span>
 		<br>
-		<span style="position: relative;top: -11px;">of</span>
+		<span style="position: relative;top: -11px;">der</span>
 		<br>
-		<span style="font-size: 100px;line-height: 80px;position: relative;top: -15px; display:block;">CROWDS</span>
+		<span style="font-size: 100px;line-height: 80px;position: relative;top: -15px; display:block;">MASSEN</span>
 	</div>
 
 	<div style="color:#999">
 		<!-- TRANSLATE note: comment out the line below... -->
-		playing time: 30 min • by nicky case, april 2018
+        <!-- playing time: 30 min • by nicky case, april 2018 -->
 		<!-- ...and UN-comment + TRANSLATE this line! -->
-		<!-- by nicky case • translated by [your name] • <a href='/'>original in English</a> -->
+		von nicky case • Übersetzung von Georg Hartmann • <a href='/'>original in English</a>
 	</div>
 
 </words>
@@ -295,11 +296,11 @@
 </words>
 
 <words id="preloader_loading">
-	loading...
+	lädt...
 </words>
 
 <words id="preloader_play">
-	let's play! <div class="rarr"></div> 
+	Los! <div class="rarr"></div> 
 </words>
 
 <!-- Introduction -->
@@ -316,26 +317,24 @@
 <words id="intro">
 
 	<br><br>
-
-	Sir Isaac Newton was pretty sure he was a
+	Sir Isaac Newton war sich ziemlich sicher, dass er ein
 	<br>
-	smart cookie. I mean, after inventing calculus and
+	kluges Köpfchen war. Ich meine, nachdem er die Differentia-
 	<br>
-	a theory of gravity, he should be clever enough to do
+	rechnung und ein Gravitationsgesetz erfunden hatte, sollte
 	<br>
-	some financial investing, right? Anyway, long story short, he
+	ihm  finanzielle Investition nicht allzu schwer fallen, oder?
 	<br>
-	lost $4,600,000 (in today's dollars) in the nationwide
+    Um es kurz zu machen: Er verlor $4.600.000 (in heutigen dollar) 
 	<br>
-	speculation frenzy known as the South Sea Bubble of 1720.
-
+    in einer Finanzblase, der South Sea Bubble von 1720.
 	<br><br>
 
-	As Mr. Newton later said: <i>“I can calculate the motion of
+	Newton hielt später fest: <i>“Ich kann die Bewegungen von
 	<br>
-	heavenly bodies, but not the madness of people.”</i>
+	Himmelskörpern berechnen, aber nicht den Wahnsinn der Menschen.”</i>
 
-	<next>yeah sucks for him <div class="rarr"></div> </next>
+	<next>Ups, armer Isaac<div class="rarr"></div> </next>
 
 </words>
 
@@ -343,88 +342,88 @@
 
 	<div style="height:0.5em"></div>
 
-	Of course, that's not the only
+	Das war natürlich nicht das einzige Mal
 	<br>
-	time markets, institutions, or entire
+	,dass Märkte, Institutionen oder ganze
 	<br>
-	democracies went haywire &mdash; the <i>madness</i> of
+	Demokratien verrückt gespielt haben &mdash; der <i>Wahnsinn</i> der
 	<br>
-	crowds. And yet, just when you lose hope in humanity,
+	Massen. Und dennoch; gerade wenn man die Hoffung in die Menschheit verliert,
 	<br>
-	you see citizens coordinating to rescue each other in
+	sieht man Bürger die Rettungsaktionen nach Hurrikanen organisieren, 
 	<br>
-	hurricanes, communities creating solutions to problems,
+    Gemeinschaften, die Lösungen für Probleme finden,
 	<br>
-	people fighting for a better world &mdash; the <i>wisdom</i> of crowds!
+	Menschen, die für eine Bessere Welt kämpfen &mdash; die <i>Weisheit</i> der Massen!
 
 	<div style="height:0.9em"></div>
 
-	<b>But <i>why</i> do some crowds turn to madness, or wisdom?</b> No theory
+	<b>Aber <i>warum</i> spielen manche Massen verrückt, oder erscheinen weise?</b> Keine Theorie
 	<br>
-	can explain everything, but I think a new field of study,
+	kann alles erklären, aber ich glaube, eine neue Disziplin, die
 	<br>
-	<b>network science</b>, can guide us! And its core idea is this: to
+	<b>Netzwerk Forschung</b>, kann uns leiten! Die zentrale Idee ist: um
 	<br>
-	understand crowds, we should look not at the <i>individual
+	massen zu verstehen, sollten wir nicht auf <i>einzelne
 	<br>
-	people</i>, but at...
+	Menschen</i>, sondern auf
 
-	<next>...their <i>connections.</i> <div class="rarr"></div> </next>
+	<next>deren <i>Verbindungen</i> schauen.<div class="rarr"></div> </next>
 
 </words>
 
 <!-- Networks -->
 
 <words id="networks_tutorial_start">
-	<b>Let's draw a network!</b>
-	Each connection represents a friendship between two people:
+	<b>Lass uns ein Netzwerk zeichnen!</b>
+	Jede Verbindung steht für eine Freundschaft zwischen zwei Menschen:
 </words>
 
 <words id="networks_tutorial_connect">
-	draw to connect
+	Ziehe eine Linie um zu verbinden
 </words>
 
 <words id="networks_tutorial_disconnect">
-	scratch to&nbsp;&nbsp;&nbsp;disconnect
+	Radiere um die Verbindung zu kappen
 </words>
 
 <words id="networks_tutorial_end">
 
-	when you're done doodling and playing around,
-	<next wiggle>let's continue <div class="rarr"></div> </next>
+	wenn du fertig mit dem Herumspielen bist,
+	<next wiggle>Lass uns fortfahren <div class="rarr"></div> </next>
 
 </words>
 
 <words id="networks_threshold">
 
-	Now, social connections are for more than just making pretty pictures.
-	People <i>look to</i> their social connections to understand their world.
-	For example, people look to their peers to
-	find out <b>what % of their friends</b> (not counting themselves) are,
-	say, binge-drinkers. <icon name="yellow"></icon>
+	Soziale Kontakte sind mehr als einfach nur schön.
+	Menschen <i>nutzen</i> ihre sozialen Kontakte um die Welt zu verstehen.
+	Zum Beispiel schauen Menschen auf ihr Umfeld um
+	herauszufinden <b>welcher Prozentsatz</b> (sie selbst nicht mitgezählt),
+	sagen wir, häufig trinken. <icon name="yellow"></icon>
 
 </words>
 
 <words id="networks_threshold_instruction">
-	<b>Draw/erase connections, and see what happens! <div class="rarr"></div> </b>
+	<b>Ziehe und lösche Verbindungen und sieh was passiert! <div class="rarr"></div> </b>
 </words>
 
 <words id="networks_threshold_end">
-	<next>cool, got it</next>
+	<next>Cool, mach ich</next>
 </words>
 
 <words id="networks_pre_puzzle">
-	However, networks can <i>fool</i> people.
-	Just like how the earth seems flat because we're on it,
-	people may get wrong ideas about society because they're <i>in</i> it.
+	Aber Netzwerke können Menschen auch <i>in die Irre führen</i>.
+	Genauso wie die Erde flach erscheinen kann, weil wir auf ihr leben,
+	können Meschen einen falschen Eindruck einer Gesellschaft bekommen weil sie <i>ein Teil</i> von ihr sind.
 </words>
 
 <words id="optional_reading">
 	<div style="position:absolute; top:5px;">
-		<i>optional</i> extra bonus notes! &uarr;
+		<i>Freiwillige</i> extra Info! &uarr;
 	</div>
 	<div style="position:absolute; left:216px; top:10px;">
-		&darr; links and references
+		&darr; Links und Referenzen
 	</div>
 </words>
 
@@ -434,36 +433,36 @@
 
 	<br>
 
-	For example, a 1991 study<ref id="drunk"></ref> showed that 
-	“virtually all [college] students reported that their friends drank more than they did.”
-	But that seems impossible!
-	How can that be?
-	Well, you're about to invent the answer yourself, by drawing a network.
-	It's time to...
+	Zum Beispiel: eine Studie aus de Jahr 1991 <ref id="drunk"></ref> zeigte, dass 
+	“praktisch alle [college] studenten berichteten, ihre Kameraden würden mehr trinken als sie selbst.”
+	Aber das scheint unmöglich!
+	Wie kann das sein?
+	Du wirst die Antwort gleich selbst finden, indem du ein Netzwerk zeichnest.
+	Die Zeit ist gekommen...
 
-	<next>FOOL EVERYONE <div class="rarr"></div> </next>
+	<next>FÜHRE ALLE HINTERS LICHT <div class="rarr"></div> </next>
 
 </words>
 
 <words id="networks_puzzle">
 
-	<b style="font-size:2em">PUZZLE TIME!</b>
+	<b style="font-size:2em">ZEIT FÜR EIN PUZZLE!</b>
 	<br>
-	Fool <i>everyone</i> into thinking
-	the majority of their friends (50% threshold) are binge-drinkers <icon name="yellow"></icon>
-	(even though binge-drinkers are outnumbered 2-to-1!)
+	Sorge dafür, dass <i>jeder</i>glaubt
+	die Mehrheit ihrer Freunde (mindestenz 50%) seien Vieltrinker <icon name="yellow"></icon>
+	(obwohl es in der Gruppe nur halb so viele gibt!)
 
 </words>
 <words id="networks_puzzle_metric">
-	<b>FOOLED:</b>
+	<b>FEHLINFORMIERT:</b>
 </words>
 <words id="networks_puzzle_metric_2">
-	out of 9 people
+	von 9 Menschen
 </words>
 <words id="networks_puzzle_end">
-	Congrats! You manipulated a group of students into believing
-	in the prevalance of an incredibly unhealthy social norm! Good going!
-	<next wiggle>...uh. thanks?</next>
+	Glückwunsch! Du hast die Studenten davon überzeugt, dass die Mehrheit
+    von ihnen einem ungesunden Lebensstil folgt! Läuft bei dir!
+	<next wiggle>Hmmm. Danke fürs Kompliment?</next>
 </words>
 
 <words id="networks_post_puzzle">
@@ -1679,4 +1678,4 @@ <h3>
 Finally, go to "translations.txt" and follow the instructions there,
 in order to let this game "know" your translation exists.
 
--->
\ No newline at end of file
+-->
