diff --git a/www/de/index.html b/www/de/index.html
index d86dd8d295..7e6ca8f98e 100644
--- a/www/de/index.html
+++ b/www/de/index.html
@@ -2,44 +2,81 @@
 {% set cssdir = '../common/css/' %}
 {% extends "templates/base.tmpl" %}
 {% block pagetitle %}German{% endblock %}
-{% block title %} Dokumente{% endblock %}
+{% block title %}{% endblock %}
+{% block header %}
+{% endblock header %}
 {% block content %}
-   <!-- Begin Page Content -->
-    <div class="top-docs-wrapper">
+<!-- Begin Page Content -->
+<div class="top-docs-wrapper">
     <div class="container">
         <div class="row">
             <div class="col-lg-8 col-md-8 col-sm-8">
-                <h1>Deutsche Dokumentation</h1>
+                <h1>Willkommen bei der OpenStack Dokumentation</h1>
                 <p>
-Auf dieser Seite finden Sie die auf Deutsch &uuml;bersetzten OpenStack Dokumente. Bitte beachten Sie, dass noch nicht alle Dokumente auf Deutsch zur Verf&uuml;gung stehen und Sie durch Verweise auf andere Dokumente auch in den englischsprachigen Originalen landen k&ouml;nnen.
+                    <strong>Was ist OpenStack ?</strong> OpenStack ist ein Cloud-Betriebssystem, das eine große Anzahl von Compute-, Storage- und Netzwerk-Ressourcen in einem Datencenter steuert. Die Verwaltung erfolgt über ein Dashboard, das dem Administrator Kontrolle gibt und den Benutzern ermöglicht, Ressourcen durch ein Webinterface zu provisionieren.
                 </p>
-                <p>
-Das Team hat sich darauf geeinigt, Fachbegriffe soweit m&ouml;glich zu &uuml;bersetzen. Nur Begriffe, deren &Uuml;bersetzung nicht sinnvoll erscheint (z.B. Kommandos oder in der Gemeinschaft &uuml;bliche Ausdr&uuml;cke), bleiben un&uuml;bersetzt. Hier finden Sie das vom Team gepflegte <a href="https://wiki.openstack.org/wiki/German_Translation_Dictionary">W&ouml;rterbuch.</a>
-                </p>
-</div>
+                <hr>
+                <h3>Was sind die nächsten Schritte?</h3>
+                <a href="#docs-main-body" class="overview-btn docs-btn">Anleitungen lesen <i class="fa fa-arrow-circle-o-down"></i></a>
+                <a href="https://www.openstack.org/software/start/" class="overview-btn docs-btn">OpenStack holen <i class="fa fa-arrow-circle-o-right"></i></a>
+                <a href="https://www.openstack.org/marketplace/training" class="overview-btn docs-btn">Trainieren <i class="fa fa-arrow-circle-o-right"></i></a>
+                <form class="docs-main-search-form">
+                    <script type="text/javascript">
+        (function() {
+        var cx = '000108871792296872333:noj9nikm74i';
+        var gcse = document.createElement('script');
+        gcse.type = 'text/javascript';
+        gcse.async = true;
+        gcse.src = (document.location.protocol == 'https:' ? 'https:' :
+'http:') +
+            '//www.google.com/cse/cse.js?cx=' + cx;
+        var s = document.getElementsByTagName('script')[0];
+        s.parentNode.insertBefore(gcse, s);
+      })();
+                    </script>
+                    <gcse:search gname="standard" as_sitesearch="docs.openstack.org">
+                    </gcse:search>
+                </form>
+            </div>
+            <div class="col-lg-4 col-md-4 col-sm-4 superuser-wrapper">
+                <div id="superuser-img"></div>
+            </div>
+        </div>
+    </div>
+    <div class="mid-docs-wrapper" id="docs-main-body">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-9 col-md-9 col-sm-9">
+                    <h2> Dokumentation in Deutsch</h2>
+                    <p>Auf dieser Seite finden Sie die auf Deutsch übersetzten OpenStack Dokumente. Bitte beachten Sie, dass noch nicht alle Dokumente auf Deutsch zur Verfügung stehen und Sie durch Verweise auf andere Dokumente auch in den englischsprachigen Originalen landen können. Weitere Sprachen und Releases finden Sie über den Button rechts.</p>
+                    <p>Das Team hat sich darauf geeinigt, Fachbegriffe soweit möglich zu übersetzen. Nur Begriffe, deren Übersetzung nicht sinnvoll erscheint (z.B. Kommandos oder in der Gemeinschaft übliche Ausdrücke), bleiben unübersetzt. Hier finden Sie das vom Team gepflegte <a href="https://wiki.openstack.org/wiki/German_Translation_Dictionary">Wörterbuch</a>.</p>
+                </div>
+                {% include 'templates/dropdown_releases_and_languages.tmpl' %}
+            </div>
+        </div>
+    </div>
         <div class="container">
             <div class="row">
                 <div class="col-lg-12">
                 </div>
             </div>
-            <div class="row docs-toc">
             <div class="row docs-toc">
                 <div class="col-lg-6 col-md-6 col-sm-6">
                     <div class="docs-link-sections">
-                        <h3 id="install-guides"><i class="fa fa-cogs"></i>Installationsanleitungen (Mitaka)</h3>
-                        <p>Erste Schritte mit den am h&auml;ufigsten verwendeten OpenStack-Diensten</p>
-                        <a href="/mitaka/de/install-guide-obs/">Installationsanleitung f&uuml;r openSUSE Leap und SUSE Linux Enterprise Server</a>
-                        <a href="/mitaka/de/install-guide-rdo/">Installationsanleitung f&uuml;r Red Hat Enterprise Linux und CentOS</a>
-                        <a href="/mitaka/de/install-guide-ubuntu/">Installationsanleitung f&uuml;r Ubuntu</a>
-                        </div>
+                        <h3 id="install-guides"><i class="fa fa-cogs"></i>Installationsanleitungen (Newton)</h3>
+                        <p>Erste Schritte mit den am häufigsten verwendeten OpenStack-Diensten</p>
+                        <a href="/newton/de/install-guide-obs/">Installationsanleitung für openSUSE Leap und SUSE Linux Enterprise Server</a>
+                        <a href="/newton/de/install-guide-rdo/">Installationsanleitung für Red Hat Enterprise Linux und CentOS</a>
+                        <a href="/newton/de/install-guide-ubuntu/">Installationsanleitung für Ubuntu</a>
+                        <a href="/newton/de/install-guide-debian/">Installationsanleitung für Debian</a>
+                    </div>
                 </div>
-            </div>
                 <div class="col-lg-6 col-md-6 col-sm-6">
                     <div class="docs-link-sections">
                         <h3 id="api-guides"><i class="fa fa-cloud"></i>
                         API Guides</h3>
-                        <a href="https://developer.openstack.org/de/api-guide/quick-start/">API Guide</a>
                         <p>OpenStack API Dokumentation</p>
+                        <a href="https://developer.openstack.org/de/api-guide/quick-start/">API Guide</a>
                     </div>
                 </div>
                 <div class="col-lg-6 col-md-6 col-sm-6">
@@ -48,24 +85,25 @@ Das Team hat sich darauf geeinigt, Fachbegriffe soweit m&ouml;glich zu &uuml;ber
                         <i class="fa fa-university"> </i>
                              Training Guide
                       </h3>
+                          <p>Ressourcen für das  OpenStack Upstream Training Programm</p>
                           <a href="/de/upstream-training/">
                             Upstream Training Guide
                           </a>
-                          <p>
-                           Ressourcen f&uuml;r das  OpenStack Upstream Training Programm
-                          </p>
                     </div>
                 </div>
             </div>
-          </div>
-            <div class="row docs-contribute-wrapper">
-                <div class="col-lg-12">
-                    <p>Unterst&uuml;tzung</p>
-     Wir freuen uns &uuml;ber jede helfende Hand bei der &Uuml;bersetzung der Dokumentation oder einzelner OpenStack Projekte! Kontakt zum Team finden Sie <a href="https://wiki.openstack.org/wiki/I18nTeam/team/de">&uuml;ber unsere Wiki-Seite</a> oder direkt beim <a href="https://translate.openstack.org/language/view/de">Deutschen &Uuml;bersetzungsteam auf Zanata</a>
-                </div>
+        </div>
+        <div class="row docs-contribute-wrapper">
+            <div class="col-lg-12">
+                <p>Verwaltung der Dokumentation wie Quellcode, angetrieben von der Gemeinschaft - interessiert?</p>
+                <a href="/contributor-guide/index.html" class="overview-btn contribute-btn">Wie kann man mitarbeiten <i class="fa fa-chevron-right"></i></a>
+            </div>
+            <div class="col-lg-12">
+                <p>Unterstützung des Detuschen Übersetzerteams</p>
+Wir freuen uns über jede helfende Hand bei der Übersetzung der Dokumentation oder einzelner OpenStack Projekte! Kontakt zum Team finden Sie <a href="https://wiki.openstack.org/wiki/I18nTeam/team/de">über unsere Wiki-Seite</a> oder direkt beim <a href="https://translate.openstack.org/language/view/de">Deutschen Übersetzersteam auf Zanata</a>
             </div>
         </div>
+    </div>
 </div>
-    <!-- End Page Content -->
-
+<!-- End Page Content -->
 {% endblock content %}