diff --git a/_includes/header.html b/_includes/header.html
index 7aaf3c4..3a58ce4 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,6 +5,7 @@
             <ul class="right hide-on-med-and-down">
                 <li class="navitem"><a href="{{ site.baseurl }}{% link der-verein.html %}">Der Verein</a></li>
                 <li class="navitem"><a href="{{ site.baseurl }}{% link mitmachen_unterstuetzen.html %}">Mitmachen / Unterst&uuml;tzen</a></li>
+                <li class="navitem"><a href="{{ site.baseurl }}{% link links.html %}">Links</a></li>
             </ul>
         </div>
     </nav>
diff --git a/_scss/_footer.scss b/_scss/_footer.scss
index d6046b0..bf37c6a 100644
--- a/_scss/_footer.scss
+++ b/_scss/_footer.scss
@@ -1,5 +1,5 @@
 footer {
-  background-color: $ff_color !important;
+  background-color: $ff_magenta !important;
   a {
     color: $light_grey;
   }
diff --git a/_scss/_header.scss b/_scss/_header.scss
index 0ee6ff6..7ffc5f6 100644
--- a/_scss/_header.scss
+++ b/_scss/_header.scss
@@ -1,6 +1,6 @@
 header {
   nav {
-    background-color: $ff_color;
+    background-color: $ff_magenta;
     .nav-wrapper {
       padding: 0 25px;
       width: 100vw;
diff --git a/_scss/_main-section.scss b/_scss/_main-section.scss
index 8d2750a..d666943 100644
--- a/_scss/_main-section.scss
+++ b/_scss/_main-section.scss
@@ -65,7 +65,7 @@ main {
         color: $black !important;
       }
       .card-action > a {
-        color: $ff_color !important;
+        color: $ff_magenta !important;
       }
     }
     #unterstuetzer {
@@ -73,5 +73,19 @@ main {
         height: 64px;
       }
     }
+    #links {
+      .card {
+        .card-content {
+          a {
+            color: $black !important;
+          }
+        }
+        .card-action {
+          a {
+            color: $ff_magenta !important;
+          }
+        }
+      }
+    }
   }
 }
\ No newline at end of file
diff --git a/_scss/_variables.scss b/_scss/_variables.scss
index 40aa9ff..c257d34 100644
--- a/_scss/_variables.scss
+++ b/_scss/_variables.scss
@@ -1,4 +1,5 @@
-$ff_color: #df316c;
+$ff_magenta: #df316c;
+$ff_yellow: #ffb400;
 $white: #fff;
 $black: #000;
 $light_grey: #f5f5f5;
\ No newline at end of file
diff --git a/assets/img/stadttroisdorf-logo.gif b/assets/img/page_der-verein/stadttroisdorf-logo.gif
similarity index 100%
rename from assets/img/stadttroisdorf-logo.gif
rename to assets/img/page_der-verein/stadttroisdorf-logo.gif
diff --git a/assets/img/trowista-logo.jpg b/assets/img/page_der-verein/trowista-logo.jpg
similarity index 100%
rename from assets/img/trowista-logo.jpg
rename to assets/img/page_der-verein/trowista-logo.jpg
diff --git a/assets/img/tst-logo.png b/assets/img/page_der-verein/tst-logo.png
similarity index 100%
rename from assets/img/tst-logo.png
rename to assets/img/page_der-verein/tst-logo.png
diff --git a/assets/img/page_links/link_to_firmware-downloader.png b/assets/img/page_links/link_to_firmware-downloader.png
new file mode 100644
index 0000000..d40a552
Binary files /dev/null and b/assets/img/page_links/link_to_firmware-downloader.png differ
diff --git a/assets/img/mainpage-gruppenbild.png b/assets/img/page_main/gruppenbild.png
similarity index 100%
rename from assets/img/mainpage-gruppenbild.png
rename to assets/img/page_main/gruppenbild.png
diff --git a/der-verein.html b/der-verein.html
index 2147603..3de081d 100644
--- a/der-verein.html
+++ b/der-verein.html
@@ -122,13 +122,16 @@ permalink: /der-verein/
         <h5 class="light-text">Vielen Dank!</h5>
         <p>Neben Privatpersonen unterst&uuml;tzen auch gewerbetreibende sowie andere Vereine uns, wir bedanken uns an alle, die uns helfen.</p>
         <div class="col s12 m6 l4 text-center">
-            <a href="https://tstgmbh.com" target="_blank"><img src="{{ '/assets/img/tst-logo.png' | relative_url}}" alt="Logo TST GmbH"></a>
+            <a href="https://tstgmbh.com" target="_blank"><img src="{{ '/assets/img/page_der-verein/tst-logo.png' | relative_url}}" alt="Logo TST GmbH"></a>
         </div>
         <div class="col s12 m6 l4 text-center">
-            <a href="http://trowista.de" target="_blank"><img src="{{ '/assets/img/trowista-logo.jpg' | relative_url}}" alt="Logo Trowista GmbH"></a>
+            <a href="http://trowista.de" target="_blank"><img src="{{ '/assets/img/page_der-verein/trowista-logo.jpg' | relative_url}}" alt="Logo Trowista GmbH"></a>
         </div>
         <div class="col s12 m6 l4 text-center">
-            <a href="http://troisdorf.de" target="_blank"><img src="{{ '/assets/img/stadttroisdorf-logo.gif' | relative_url}}" alt="Logo Stadt Troisdorf"></a>
+            <a href="http://troisdorf.de" target="_blank"><img src="{{ '/assets/img/page_der-verein/stadttroisdorf-logo.gif' | relative_url}}" alt="Logo Stadt Troisdorf"></a>
         </div>
     </section>
+    <!--<section class="row">-->
+        <!--<h4>F&ouml;rderprojekte</h4>-->
+    <!--</section>-->
 </div>
\ No newline at end of file
diff --git a/index.html b/index.html
index d842528..4fd7a11 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@ layout: page
         <div class="center">
             <h2>&Uuml;ber uns</h2>
         </div>
-        <img style="width: 100%"  src="{{ '/assets/img/mainpage-gruppenbild.png' | relative_url }}" alt="">
+        <img style="width: 100%"  src="{{ '/assets/img/page_main/gruppenbild.png' | relative_url }}" alt="">
         <p>
             Wir als Freifunk-Rhein-Sieg e.V. betreiben und unterhalten die Infrastrukturen für den Betrieb offener Netzwerke in unseren Communities.
             <br>
diff --git a/links.html b/links.html
new file mode 100644
index 0000000..061a014
--- /dev/null
+++ b/links.html
@@ -0,0 +1,39 @@
+---
+layout: page
+permalink: '/links/'
+---
+<div class="container" id="section-wrapper">
+    <section class="row" id="links">
+        <div class="center">
+            <h2 class="thin-text">Links</h2>
+        </div>
+        <div class="col s12 m6">
+            <div class="card">
+                <div class="card-image">
+                    <img src="{{ '/assets/img/page_links/link_to_firmware-downloader.png' | relative_url }}">
+                </div>
+                <div class="card-content">
+                    <span class="card-title"><a target="_blank" href="https://downloader.freifunk-rhein-sieg.net">Firmware Downloader</a></span>
+                    <p>Das ist der zentrale Anlaufpunkte f&uuml;r das Downloaden der Firmware von den Communities in der Region.</p>
+                </div>
+                <div class="card-action">
+                    <a target="_blank" href="https://downloader.freifunk-rhein-sieg.net">Zum Firmware-Downloader</a>
+                </div>
+            </div>
+        </div>
+        <div class="col s12 m6">
+            <div class="card">
+                <div class="card-image">
+                    <img src="{{ '/assets/img/page_links/link_to_firmware-downloader.png' | relative_url }}">
+                </div>
+                <div class="card-content">
+                    <span class="card-title"><a target="_blank" href="#">Karte</a></span>
+                    <p>Das ist die zentrale Karte, wo die Freifunk-Knoten der Communities angezeigt werden.</p>
+                </div>
+                <div class="card-action">
+                    <a target="_blank" href="#">Zur Karte</a>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>