diff --git a/democracy/page/default_medien/default_medien.php b/democracy/page/default_medien/default_medien.php
index 07d163c..3f3d5ea 100644
--- a/democracy/page/default_medien/default_medien.php
+++ b/democracy/page/default_medien/default_medien.php
@@ -10,7 +10,76 @@ class default_medien implements SYSTEM\PAGE\Page {
         return array();}//   new PPAGE('default_medien/css/default_medien.css'));}
     public function html(){
         $vars = array();
+        
+        $vars['articles'] = '';
+        $articles = array(  array(  'img' => './files/medien/sputnik.jpg', 'alt' => 'MDR Sputnik Bildschirmfoto',
+                                    'day' => '09', 'month' => 'November 2017', 'link' => 'http://www.sputnik.de/sendungen/tagesupdate/audio-539944.html',
+                                    'title' => 'Per App in den Bundestag', 'text' => 'Politische Mitsprache war noch nie so einfach. Wie genau DEMOCRACY funktioniert – im MDR Sputnik Tagesupdate',
+                                    'links' => array(   array( 'icon' => 'fa-twitter', 'link' => 'https://twitter.com/democracy_de/status/929327720617730048'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/democracygermany/photos/a.1474235059541656.1073741828.1453504428281386/1500252143606614'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'http://www.sputnik.de/sendungen/tagesupdate/audio-539944.html'))),
+                            array(  'img' => './files/medien/spreezeitung.jpg', 'alt' => 'Spreezeitung Bildschirmfoto',
+                                    'day' => '07', 'month' => 'November 2017', 'link' => 'http://www.spreezeitung.de/25886/neues-start-up-will-deutsche-politik-verbessern/',
+                                    'title' => 'Neues Start-Up will deutsche Politik verbessern', 'text' => 'Mehr Transparenz, politische Bildung und eine umfassende Diskussion über aktuelle Themen braucht das politische System in Deutschland, findet Marius Krüger.',
+                                    'links' => array(   array( 'icon' => 'fa-twitter', 'link' => 'https://twitter.com/SPREEZEITUNG/status/927811827878293504'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/democracygermany/posts/1498977520400743'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'http://www.spreezeitung.de/25886/neues-start-up-will-deutsche-politik-verbessern/'))),
+                            array(  'img' => './files/medien/neue_debatte.jpg', 'alt' => 'Neue Debatte DEMOCRACY APP',
+                                    'day' => '03', 'month' => 'November 2017', 'link' => 'https://neue-debatte.com/2017/11/03/digitale-medien-mit-der-democracy-app-zur-basisdemokratie/',
+                                    'title' => 'Mit der Democracy App zur Basisdemokratie?!', 'text' => 'Günter Sosna von der «Neuen Debatte» interviewt Marius Krüger und Magnus Rembold zur DEMOCRACY App.',
+                                    'links' => array(   array( 'icon' => 'fa-twitter', 'link' => 'https://twitter.com/neuedebatte/status/926307781312999424'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/NeueDebatte/posts/1851079225202666'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'https://neue-debatte.com/2017/11/03/digitale-medien-mit-der-democracy-app-zur-basisdemokratie/'))),
+                            array(  'img' => './files/medien/enorm.jpg', 'alt' => 'Enorm Magazin Push Mitteilung Bundestag',
+                                    'day' => '25', 'month' => 'Oktober 2017', 'link' => 'https://enorm-magazin.de/push-mitteilung-aus-dem-bundestag',
+                                    'title' => 'Push-Mitteilung aus dem Bundestag', 'text' => '«enorm Magazin» berichtet - Demokratie und Democracy haben gemeinsam: Entscheidend ist, wie viele mitmachen.',
+                                    'links' => array(   array( 'icon' => 'fa-twitter', 'link' => 'https://twitter.com/enorm_magazin/status/922480348512116737"'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/enormmagazin/posts/10155331705522732'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'https://enorm-magazin.de/push-mitteilung-aus-dem-bundestag'))),
+                            array(  'img' => './files/medien/medium.jpg', 'alt' => 'Medium Bildschirmfoto',
+                                    'day' => '23', 'month' => 'Oktober 2017', 'link' => 'https://medium.com/@ulf.gebhardt/wege-zur-demokratie-276e2d9363e3',
+                                    'title' => 'Wege zur Demokratie', 'text' => 'Ulf Gebhardt hat einen Vorschlag zu mehr Demokratie für Dich',
+                                    'links' => array(   array( 'icon' => 'fa-twitter', 'link' => 'https://twitter.com/democracy_de/status/923548838333485057'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/democracygermany/posts/1495432317421930'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'https://medium.com/@ulf.gebhardt/wege-zur-demokratie-276e2d9363e3'))),
+                            array(  'img' => './files/medien/cf_laenger.jpg', 'alt' => 'Democracy Crowfunding Verlängerung',
+                                    'day' => '19', 'month' => 'Oktober 2017', 'link' => 'https://www.startnext.com/democracy/blog/beitrag/eintrag-21--crowdfundingverlaengerung-p73455.html',
+                                    'title' => 'Crowdfunding Verlängerung', 'text' => 'Das Crowdfunding auf Startnext wurde um 35 Tage bis zum 26.11. verlängert.',
+                                    'links' => array(   array( 'icon' => 'fa-youtube', 'link' => 'ttps://www.youtube.com/watch?v=-6pdnFqnaWY&t=2s'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/democracygermany/videos/1493352617629900/'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'https://www.startnext.com/democracy/blog/beitrag/eintrag-21--crowdfundingverlaengerung-p73455.html'))),
+                            array(  'img' => './files/medien/kenfm_pm.jpg', 'alt' => 'Democracy KenFM Pressemitteilung',
+                                    'day' => '04', 'month' => 'Oktober 2017', 'link' => 'https://kenfm.de/politische-mitsprache-app-democracy/',
+                                    'title' => 'Pressemitteilung bei KenFM', 'text' => '«KenFM» veröffentlicht als erste Plattform die 1. Pressemitteilung des Projekts DEMOCRACY',
+                                    'links' => array(   array( 'icon' => 'fa-twitter', 'link' => 'https://twitter.com/TeamKenFM/status/915466281935089664'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/KenFM.de/posts/10154782936936583'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'https://kenfm.de/politische-mitsprache-app-democracy/'))),
+                            array(  'img' => './files/medien/mweisband.jpg', 'alt' => 'Marina Weisband unterstützt DEMOCRACY',
+                                    'day' => '10', 'month' => 'September 2017', 'link' => 'http://marinaweisband.de/der-wahl-o-mat-fuer-immer/',
+                                    'title' => 'Wahl-O-Mat, aber für immer', 'text' => 'Marina Weisband wirbt in Ihrem Blog mit einem tollen Artikel für die Idee von DEMOCRACY.',
+                                    'links' => array(   array( 'icon' => 'fa-twitter', 'link' => 'https://twitter.com/Afelia/status/906977361865973760'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/democracygermany/photos/a.1474235059541656.1073741828.1453504428281386/1480745095557319/?type=3&theater'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'http://marinaweisband.de/der-wahl-o-mat-fuer-immer/'))),
+                            array(  'img' => './files/medien/crowdfunding.jpg', 'alt' => 'DEMOCRACY Crowdfunding start',
+                                    'day' => '09', 'month' => 'September 2017', 'link' => 'https://www.startnext.com/democracy/blog/beitrag/eintrag-1--democracy-goes-crowdfunding-p72551.html',
+                                    'title' => 'Start des Crowdfunding bei Startnext', 'text' => 'Mit einem Knall startet das Crowdfunding bei «Startnext» und sammelt in den ersten 3 Tagen fast 3000€ ein.',
+                                    'links' => array(   array( 'icon' => 'fa-youtube', 'link' => 'https://www.youtube.com/watch?v=q0frFha7QE8'),
+                                                        array( 'icon' => 'fa-facebook-square', 'link' => 'https://www.facebook.com/democracygermany/videos/1480574098907752/'),
+                                                        array( 'icon' => 'fa-globe', 'link' => 'https://www.startnext.com/democracy/blog/beitrag/eintrag-1--democracy-goes-crowdfunding-p72551.html')))
+                        );
+        $i = 1;
+        foreach($articles as $article){
+            $article['sub'] = ($i % 2 == 0) ? '_sub' : '';
+            $article['sub2'] = ($i % 2 == 0) ? '1' : '';
+            $links = $article['links'];
+            $article['links'] = '';
+            foreach($links as $link){
+                $article['links'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_medien/tpl/article_link.tpl'))->SERVERPATH(), $link);}
+            $vars['articles'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_medien/tpl/article.tpl'))->SERVERPATH(), $article);
+            $i++;
+        }
+        
         $vars = array_merge($vars, \SYSTEM\PAGE\text::tag('democracy'));
-        return SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_medien/tpl/default_medien.tpl'))->SERVERPATH(), $vars);
+        return \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_medien/tpl/default_medien.tpl'))->SERVERPATH(), $vars);
     }
 }
\ No newline at end of file
diff --git a/democracy/page/default_medien/tpl/article.tpl b/democracy/page/default_medien/tpl/article.tpl
new file mode 100644
index 0000000..5ae9e30
--- /dev/null
+++ b/democracy/page/default_medien/tpl/article.tpl
@@ -0,0 +1,13 @@
+<div class="agile_events_grid">
+    <img src="${img}" alt="${alt}" class="img-responsive" />
+    <div class="agile_events_grid_pos${sub} agile_events_grid_pos1">
+        <h5 class="w3_agileits_event_head"><span>${day}</span>${month}</h5>
+        <h4><a href="${link}">${title}</a></h4>
+        <p>${text}</p>
+    </div>
+    <div class="agileits_w3layouts_events_grid_social${sub2}">
+        <ul class="agileinfo_social_icons">
+            ${links}
+        </ul>
+    </div>
+</div>
\ No newline at end of file
diff --git a/democracy/page/default_medien/tpl/article_link.tpl b/democracy/page/default_medien/tpl/article_link.tpl
new file mode 100644
index 0000000..e3c1480
--- /dev/null
+++ b/democracy/page/default_medien/tpl/article_link.tpl
@@ -0,0 +1 @@
+<li><a href="${link}" class="w3_twitter"><i class="fa ${icon}" aria-hidden="true"></i></a></li>
\ No newline at end of file
diff --git a/democracy/page/default_medien/tpl/default_medien.tpl b/democracy/page/default_medien/tpl/default_medien.tpl
index bae1455..dc4118d 100644
--- a/democracy/page/default_medien/tpl/default_medien.tpl
+++ b/democracy/page/default_medien/tpl/default_medien.tpl
@@ -1,168 +1,6 @@
-<!-- ::::::::::::::::::::::::::::::::::::::: -->
-<!-- events -->
 <div class="w3-events">
-  <div class="container">
-    <div class="wthree-heading">
-      <h3>Medien</h3> 
+    <div class="container">
+        <div class="wthree-heading"><h3>Medien</h3> </div>
+        <div class="agile_banner_bottom_grids">${articles}</div>
     </div>
-    <div class="agile_banner_bottom_grids">
-      <div class="agile_events_grid">
-        <img src="./files/medien/sputnik.jpg" alt="MDR Sputnik Bildschirmfoto" class="img-responsive" />
-        <div class="agile_events_grid_pos agile_events_grid_pos1">
-          <h5 class="w3_agileits_event_head"><span>09</span>November 2017</h5>
-          <h4><a href="http://www.sputnik.de/sendungen/tagesupdate/audio-539944.html">Per App in den Bundestag</a></h4>
-          <p>Politische Mitsprache war noch nie so einfach. Wie genau DEMOCRACY funktioniert – im MDR Sputnik Tagesupdate</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social">
-          <ul class="agileinfo_social_icons">
-            <li><a href="https://twitter.com/democracy_de/status/929327720617730048" class="w3_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.facebook.com/democracygermany/photos/a.1474235059541656.1073741828.1453504428281386/1500252143606614" class="w3l_google"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
-            <li><a href="http://www.sputnik.de/sendungen/tagesupdate/audio-539944.html" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-      
-      <div class="agile_events_grid">
-        <img src="./files/medien/spreezeitung.jpg" alt="Spreezeitung Bildschirmfoto" class="img-responsive" />
-        <div class="agile_events_grid_pos_sub agile_events_grid_pos1">
-          <h5 class="w3_agileits_event_head"><span>07</span>November 2017</h5>
-          <h4><a href="http://www.spreezeitung.de/25886/neues-start-up-will-deutsche-politik-verbessern/">Neues Start-Up will deutsche Politik verbessern</a></h4>
-          <p>Mehr Transparenz, politische Bildung und eine umfassende Diskussion über aktuelle Themen braucht das politische System in Deutschland, findet Marius Krüger.</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social1">
-          <ul class="agileinfo_social_icons">
-            <li><a href="https://twitter.com/SPREEZEITUNG/status/927811827878293504" class="w3_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.facebook.com/democracygermany/posts/1498977520400743" class="w3l_google"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
-            <li><a href="http://www.spreezeitung.de/25886/neues-start-up-will-deutsche-politik-verbessern/" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-      
-      <div class="agile_events_grid">
-        <img src="./files/medien/neue_debatte.jpg" alt=" " class="img-responsive" />
-        <div class="agile_events_grid_pos agile_events_grid_pos1">
-          <h5 class="w3_agileits_event_head"><span>03</span>November 2017</h5>
-          <h4><a href="https://neue-debatte.com/2017/11/03/digitale-medien-mit-der-democracy-app-zur-basisdemokratie/">Mit der Democracy App zur Basisdemokratie?!</a></h4>
-          <p>Günter Sosna von der «Neuen Debatte» interviewt Marius Krüger und Magnus Rembold zur DEMOCRACY App.</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social">
-          <ul class="agileinfo_social_icons">
-            <li><a href="https://twitter.com/neuedebatte/status/926307781312999424
-" class="w3_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.facebook.com/NeueDebatte/posts/1851079225202666" class="w3l_google"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
-            <li><a href="https://neue-debatte.com/2017/11/03/digitale-medien-mit-der-democracy-app-zur-basisdemokratie/" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-      
-      <div class="agile_events_grid">
-        <img src="./files/medien/enorm.jpg" alt=" " class="img-responsive" />
-        <div class="agile_events_grid_pos_sub agile_events_grid_pos1">
-          <h5 class="w3_agileits_event_head"><span>25</span>Oktober 2017</h5>
-          <h4><a href="https://enorm-magazin.de/push-mitteilung-aus-dem-bundestag">Push-Mitteilung aus dem Bundestag</a></h4>
-          <p>«enorm Magazin» berichtet - Demokratie und Democracy haben gemeinsam: Entscheidend ist, wie viele mitmachen.</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social1">
-          <ul class="agileinfo_social_icons">
-            <li><a href="https://twitter.com/enorm_magazin/status/922480348512116737" class="w3_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.facebook.com/enormmagazin/posts/10155331705522732" class="w3l_google"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
-            <li><a href="https://enorm-magazin.de/push-mitteilung-aus-dem-bundestag" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-      
-      <div class="agile_events_grid">
-        <img src="./files/medien/medium.jpg" alt="Medium Bildschirmfoto" class="img-responsive" />
-        <div class="agile_events_grid_pos agile_events_grid_pos1">
-          <h5 class="w3_agileits_event_head"><span>23</span>Oktober 2017</h5>
-          <h4><a href="https://medium.com/@ulf.gebhardt/wege-zur-demokratie-276e2d9363e3">Wege zur Demokratie</a></h4>
-          <p>Ulf Gebhardt hat einen Vorschlag zu mehr Demokratie für Dich</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social">
-          <ul class="agileinfo_social_icons">
-            <li><a href="https://twitter.com/democracy_de/status/923548838333485057" class="w3_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.facebook.com/democracygermany/posts/1495432317421930" class="w3l_google"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
-            <li><a href="https://medium.com/@ulf.gebhardt/wege-zur-demokratie-276e2d9363e3" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-      
-      <div class="agile_events_grid">
-        <img src="./files/medien/cf_laenger.jpg" alt=" " class="img-responsive" />
-        <div class="agile_events_grid_pos_sub agile_events_grid_pos1">
-          <h5><span>19</span>Oktober 2017</h5>
-          <h4><a href="https://www.startnext.com/democracy/blog/beitrag/eintrag-21--crowdfundingverlaengerung-p73455.html">Crowdfunding Verlängerung</a></h4>
-          <p>Das Crowdfunding auf Startnext wurde um 35 Tage bis zum 26.11. verlängert.</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social1">
-          <ul class="agileinfo_social_icons">
-            <li><a href="https://www.youtube.com/watch?v=-6pdnFqnaWY&t=2s" class="w3_twitter"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.facebook.com/democracygermany/videos/1493352617629900/" class="w3l_google"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.startnext.com/democracy/blog/beitrag/eintrag-21--crowdfundingverlaengerung-p73455.html" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-      
-      <div class="agile_events_grid">
-        <img src="./files/medien/kenfm_pm.jpg" alt=" " class="img-responsive" />
-        <div class="agile_events_grid_pos agile_events_grid_pos1">
-          <h5><span>04</span>Oktober 2017</h5>
-          <h4><a href="https://kenfm.de/politische-mitsprache-app-democracy/">Pressemitteilung bei KenFM</a></h4>
-          <p>«KenFM» veröffentlicht als erste Plattform die 1. Pressemitteilung des Projekts DEMOCRACY</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social">
-          <ul class="agileinfo_social_icons">
-            <li>
-              <a href="https://twitter.com/TeamKenFM/status/915466281935089664" class="w3_twitter">
-                <i class="fa fa-twitter" aria-hidden="true"></i>
-              </a>
-            </li>
-            <li><a href="https://www.facebook.com/KenFM.de/posts/10154782936936583" class="w3l_google"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
-            <li><a href="https://kenfm.de/politische-mitsprache-app-democracy/" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-      
-      <div class="agile_events_grid">
-        <img src="./files/medien/mweisband.jpg" alt=" " class="img-responsive" />
-        <div class="agile_events_grid_pos_sub agile_events_grid_pos1">
-          <h5><span>10</span>September 2017</h5>
-          <h4><a href="http://marinaweisband.de/der-wahl-o-mat-fuer-immer/">Wahl-O-Mat, aber für immer</a></h4>
-          <p>Marina Weisband wirbt in Ihrem Blog mit einem tollen Artikel für die Idee von DEMOCRACY.</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social1">
-          <ul class="agileinfo_social_icons">
-            <li>
-              <a href="https://twitter.com/Afelia/status/906977361865973760" class="w3_twitter">
-                <i class="fa fa-twitter" aria-hidden="true"></i>
-              </a>
-            </li>
-            <li><a href="https://www.facebook.com/democracygermany/photos/a.1474235059541656.1073741828.1453504428281386/1480745095557319/?type=3&theater" class="w3l_google"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
-            <li><a href="http://marinaweisband.de/der-wahl-o-mat-fuer-immer/" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-      
-      <div class="agile_events_grid">
-        <img src="./files/medien/crowdfunding.jpg" alt=" " class="img-responsive" />
-        <div class="agile_events_grid_pos agile_events_grid_pos1">
-          <h5><span>09</span>September 2017</h5>
-          <h4><a href="https://www.startnext.com/democracy/blog/beitrag/eintrag-1--democracy-goes-crowdfunding-p72551.html">Start des Crowdfunding bei Startnext</a></h4>
-          <p>Mit einem Knall startet das Crowdfunding bei «Startnext» und sammelt in den ersten 3 Tagen fast 3000€ ein.</p>
-        </div>
-        <div class="agileits_w3layouts_events_grid_social">
-          <ul class="agileinfo_social_icons">
-            <li>
-              <a href="https://www.youtube.com/watch?v=q0frFha7QE8" class="w3_twitter">
-                <i class="fa fa-youtube" aria-hidden="true"></i>
-              </a>
-            </li>
-            <li><a href="https://www.facebook.com/democracygermany/videos/1480574098907752/" class="w3l_google"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
-            <li><a href="https://www.startnext.com/democracy/blog/beitrag/eintrag-1--democracy-goes-crowdfunding-p72551.html" class="w3ls_dribble"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<!-- //events -->
+</div>
\ No newline at end of file