diff --git a/app/Config/routes.php b/app/Config/routes.php
index ec0a271..13f9df6 100755
--- a/app/Config/routes.php
+++ b/app/Config/routes.php
@@ -38,9 +38,10 @@
         Router::connect('/adv/company', array('controller' => 'extra', 'action' => 'company'));
         Router::connect('/adv/worker', array('controller' => 'extra', 'action' => 'worker'));
             
-	Router::connect('/service', array('controller' => 'service', 'action' => 'index'));
-        Router::connect('/service/:list', array('controller' => 'service','action'=>'serviceList'),array("list"=>"[a-z0-9]+"));
-        Router::connect('/service/:list/:item', array('controller' => 'service','action'=>'serviceItem'),array("list"=>"[a-z0-9]+","item"=>"[a-z0-9]+"));
+	Router::connect('/plus', array('controller' => 'service', 'action' => 'index'));
+        Router::connect('/plus/:list', array('controller' => 'service','action'=>'index'),array("list"=>"[a-z0-9]+"));
+        Router::connect('/plus/show/:item', array('controller' => 'service','action'=>'show'),array("item"=>"[a-z0-9]+"));
+        Router::connect('/plus/:list/:item', array('controller' => 'service','action'=>'show'),array("list"=>"[a-z0-9]+","item"=>"[a-z0-9]+"));
 	
 	Router::connect('/company', array('controller' => 'home', 'action' => 'company'));
 	
diff --git a/app/Controller/ServiceController.php b/app/Controller/ServiceController.php
index eee7eae..b0fa27b 100644
--- a/app/Controller/ServiceController.php
+++ b/app/Controller/ServiceController.php
@@ -4,33 +4,30 @@ App::uses('AppController', 'Controller');
 
 class ServiceController extends AppController {
 
-    public $uses = array();
+    public $uses = array('DreamjobService','DreamjobServiceCategory');
 
     public function index() {
         $this->MiconwareSession->init($this);
         $this->MiconwareSession->initWeb($this);
 
         $this->set('MENU_SERVICE', true);
-        $this->set('SERVICE_index', true);
+        $this->set('SERVICE_CATEGORY', $this->request->param('list'));
+        $this->set('category',$this->DreamjobServiceCategory->find('all'));
+
+        if($this->request->param('list'))
+           $this->set('list',$this->DreamjobService->find('all',array('conditions'=>array('DreamjobService.category'=>$this->request->param('list')))));
+        else
+           $this->set('list',$this->DreamjobService->find('all'));
+
         $this->render('/Service/index');
     }
     
-    public function serviceList(){
+    public function show(){
         $this->MiconwareSession->init($this);
         $this->MiconwareSession->initWeb($this);
 
         $this->set('MENU_SERVICE', true);
-        $this->set('SERVICE_'.$this->request->param('list'), true);
-        $this->render('/Service/'.$this->request->param('list'));
-        
-    }
-    
-    public function serviceItem(){
-        $this->MiconwareSession->init($this);
-        $this->MiconwareSession->initWeb($this);
-
-        $this->set('MENU_SERVICE', true);
-        $this->set('SERVICE_'.$this->request->param('list'), true);
-        $this->render('/Service/'.$this->request->param('list').'_'.$this->request->param('item'));
+        $this->set('obj',$this->DreamjobService->find('first',array('conditions'=>array('DreamjobService.id'=>$this->request->param('item')))));
+        $this->render('/Service/show');
     }
 }
diff --git a/app/Locale/default.pot b/app/Locale/default.pot
index a595ba5..d8d0c0d 100644
--- a/app/Locale/default.pot
+++ b/app/Locale/default.pot
@@ -465,6 +465,18 @@ msgstr ""
 msgid "dreamjob.service"
 msgstr ""
 
+#: View/Elements/navbar.ctp:9
+msgid "dreamjob.service.overview"
+msgstr ""
+
+#: View/Elements/navbar.ctp:9
+msgid "dreamjob.service.infotext"
+msgstr ""
+
+#: View/Elements/navbar.ctp:9
+msgid "dreamjob.service.link"
+msgstr ""
+
 #: View/Elements/navbar.ctp:11
 msgid "dreamjob.logout"
 msgstr ""
diff --git a/app/Locale/deu/LC_MESSAGES/default.mo b/app/Locale/deu/LC_MESSAGES/default.mo
index 1530123..e5bb644 100644
Binary files a/app/Locale/deu/LC_MESSAGES/default.mo and b/app/Locale/deu/LC_MESSAGES/default.mo differ
diff --git a/app/Locale/deu/LC_MESSAGES/default.po b/app/Locale/deu/LC_MESSAGES/default.po
index 5cd0c44..a81955f 100644
--- a/app/Locale/deu/LC_MESSAGES/default.po
+++ b/app/Locale/deu/LC_MESSAGES/default.po
@@ -420,7 +420,7 @@ msgstr "Suche"
 
 #: View/Elements/navbar.ctp:9
 msgid "dreamjob.service"
-msgstr "Service-Seite"
+msgstr "Google+"
 
 #: View/Elements/navbar.ctp:11
 msgid "dreamjob.logout"
@@ -1210,3 +1210,17 @@ msgstr "Bewerbungs-Tool"
 #: View/Job/application_send.ctp:13
 msgid "dreamjob.application.receiver"
 msgstr "Empfänger"
+
+#: View/Elements/navbar.ctp:9
+msgid "dreamjob.service.overview"
+msgstr "Übersicht"
+
+#: View/Elements/navbar.ctp:9
+msgid "dreamjob.service.infotext"
+msgstr ""
+"dreamJOB+ bietet Ihnen eine Übersicht von Angeboten<br/>"
+"die unseres ergänzten oder für Jobsuchende interessant sein könnte "
+
+#: View/Elements/navbar.ctp:9
+msgid "dreamjob.service.link"
+msgstr "zum "
diff --git a/app/Model/DreamjobService.php b/app/Model/DreamjobService.php
index 7a3d6b3..107a148 100755
--- a/app/Model/DreamjobService.php
+++ b/app/Model/DreamjobService.php
@@ -26,7 +26,7 @@ class DreamjobService extends AppModel {
  * @var string
  */
 	public $displayField = 'title';
-        public $order = 'title';
+        public $order = 'DreamjobService.title';
 
 /**
  * Validation rules
diff --git a/app/View/Elements/service_navbar.ctp b/app/View/Elements/service_navbar.ctp
deleted file mode 100644
index 635d048..0000000
--- a/app/View/Elements/service_navbar.ctp
+++ /dev/null
@@ -1,18 +0,0 @@
-<?php
-
-/*
- * 
- */
-?>
-<ul class="nav nav-tabs">
-    <li<?php if(isset($SERVICE_index)){?> class="active"<?php } ?>><?=$this->Html->link('Service-Übersicht',array('controller'=>'service','action'=>'index'));?></li>
-    <li<?php if(isset($SERVICE_berufsorientierung)){?> class="active"<?php } ?>><?=$this->Html->link('Berufsorientierung',array('controller'=>'service','action'=>'serviceList','list'=>'berufsorientierung'));?></li>
-    <li<?php if(isset($SERVICE_versicherungen)){?> class="active"<?php } ?>><?=$this->Html->link('versicherungen',array('controller'=>'service','action'=>'serviceList','list'=>'versicherungen'));?></li>
-    <?php
-    /*
-    <li<?php if(isset($SERVICE_dreamjob)){?> class="active"<?php } ?>><?=$this->Html->link('dreamjob',array('controller'=>'service','action'=>'serviceList','list'=>'dreamjob'));?></li>
-     */
-    ?>
-    <li<?php if(isset($SERVICE_pupil)){?> class="active"<?php } ?>><?=$this->Html->link('für Schüler',array('controller'=>'service','action'=>'serviceList','list'=>'pupil'));?></li>
-    <!--<li<?php if(isset($SERVICE_download)){?> class="active"<?php } ?>><?=$this->Html->link('Downloads',array('controller'=>'service','action'=>'index'));?></li>-->
-</ul>
\ No newline at end of file
diff --git a/app/View/Service/berufsorientierung.ctp b/app/View/Service/berufsorientierung.ctp
deleted file mode 100644
index e361c94..0000000
--- a/app/View/Service/berufsorientierung.ctp
+++ /dev/null
@@ -1,21 +0,0 @@
-<?php
-
-/*
- *
- */
-?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    <h1>Berufsorientierung</h1>
-    <?php $style='margin:20px;'; $styleButton='float: right; margin:20px;'; ?>
-
-    <br/><br/>
-    <?=$this->Html->image('service/logo_job4u.jpg',array('style'=>$style));?>
-    Job4u
-    <?=$this->Html->link('mehr Informationen',array('controller'=>'service','action'=>'serviceItem','list'=>'berufsorientierung','item'=>'job4u'),array('class'=>'btn btn-default','style'=>$styleButton));?><br/>
-    <br/><br/><br/><br/>
-    <?=$this->Html->image('service/uts.jpg',array('style'=>$style));?>
-    Unternehmen treffen Schulen
-    <?=$this->Html->link('mehr Informationen',array('controller'=>'service','action'=>'serviceItem','list'=>'berufsorientierung','item'=>'uts'),array('class'=>'btn btn-default','style'=>$styleButton));?><br/>
-</div>
\ No newline at end of file
diff --git a/app/View/Service/berufsorientierung_job4u.ctp b/app/View/Service/berufsorientierung_job4u.ctp
deleted file mode 100644
index 2c304ce..0000000
--- a/app/View/Service/berufsorientierung_job4u.ctp
+++ /dev/null
@@ -1,21 +0,0 @@
-<?php
-
-/*
- *
- */
-?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    <?=$this->Html->image('service/logo_job4u.jpg',array('style'=>"margin:20px;"));?>
-    <?=$this->Html->link('JOB4u',"https://job4u-praktikum.de/",array('target'=>'_blank','rel'=>'external'));?>
-    <?=$this->Html->link('zurück zur Übersicht',array('controller'=>'service','action'=>'index'),array('class'=>'btn btn-default','style'=>'float: right; margin:20px;'));?><br/>
-</div>
-<div class="box">
-    Seit mittlerweile zehn Jahren berät das Netzwerk job4u e. V.<br/>
-    Jugendliche bei der Berufswahl und unterstützt sie bei<br/>
-    der Orientierung nach der Schule. Gemeinsam mit vielen<br/>
-    Unternehmenspartnern, Kammern, Behörden und Hochschulen<br/>
-    aus unserer Region bieten wir gerade jungen<br/>
-    Menschen eine aussichtsreiche Perspektive für ihr Leben.<br/>		
-</div>
\ No newline at end of file
diff --git a/app/View/Service/berufsorientierung_uts.ctp b/app/View/Service/berufsorientierung_uts.ctp
deleted file mode 100644
index 1af5370..0000000
--- a/app/View/Service/berufsorientierung_uts.ctp
+++ /dev/null
@@ -1,24 +0,0 @@
-<?php
-
-/*
- *
- */
-?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    <?=$this->Html->image('service/uts.jpg',array('style'=>"margin:20px;"));?>
-    <?=$this->Html->link('Handelskammer trifft Schule!“ – Unternehmen treffen Schulen',"http://www.handelskammer-bremen.ihk24.de/Ausbildung_und_Weiterbildung/schule_und_wirtschaft_channel/Projete_und_Wettbewerbe/2807506/Schulen_treffen_Unternehmen.html",array('target'=>'_blank','rel'=>'external'));?>
-    <?=$this->Html->link('zurück zur Übersicht',array('controller'=>'service','action'=>'index'),array('class'=>'btn btn-default','style'=>'float: right; margin:20px;'));?><br/>
-</div>
-<div class="box">
-    „Was soll ich später mal werden? Welcher Beruf passt zu mir und welche Karriere-möglichkeiten habe ich?“ – vor solchen Fragen stehen alle Schülerinnen und Schü¬ler. Gute Berufsorientierung an allgemeinbildenden Schulen hilft bei der individuellen Beantwortung dieser Fragen. Und wer könnte dabei besser unterstützen als Vertrete¬rinnen und Vertreter aus unseren Unternehmen?
-    <br/><br/>Die Handelskammer Bremen und die Senatorin für Bildung und Wissenschaft starten daher eine Kampagne mit dem Ziel, die berufliche Orientierung in den Schulen zu unterstützen und Schülerinnen und Schülern wirtschaftliche Zusammenhänge aus erster Hand näher zu bringen. Damit dokumentieren die Unternehmen gleichzeitig die Wertigkeit dualer Ausbildung als solides Fundament für eine berufliche Karriere und die Wertschätzung für unsere künftigen Fachkräfte.
-    <br/><br/>Dafür werden Vertreterinnen und Vertreter aus unseren Unternehmen gesucht, die bereit sind, ihre Erfahrungen mit den Schülerinnen und Schülern zu teilen. Im Vor-dergrund stehen dabei Themen zur beruflichen Orientierung oder praxisnahe wirt-schaftliche oder MINT-Themen des Fachunterrichts.
-    <br/><br/>Präses Weiss informierte die Mitglieder des Plenums der Handelskammer zunächst in der Sitzung am  27. Januar 2014 über die Initiative und appellierte an sie, sich als Experten an der Unterstützung der Schulen zu beteiligen. Dieser Appell gilt selbstre¬dend auch für alle übrigen Mitgliedsunternehmen.
-    <br/><br/>Die Senatorin für Bildung und Wissenschaft hat die allgemeinbildenden Schulen der Sekundarbereiche I und II in der Stadtgemeinde Bremen aufgefordert, sich bei ent¬sprechendem Interesse an die Handelskammer Bremen zu wenden und dabei unter anderem anzugeben, für welche Jahrgangsstufe und welchen Zeitraum ein Unter¬richtseinsatz möglich wäre und für welches Thema bzw. welchen Berufsbereich Be¬darf besteht.
-    <br/><br/><br/>
-    Die Handelskammer stellt direkte Kontakte zwischen Schulen und Unternehmen her, die Umsetzung erfolgt dann in Absprache zwischen den beteiligten Lehrkräften und 
-    <br/><br/>Unternehmensvertretern. Es gibt keine zeitlichen, inhaltlichen oder methodischen Vorgaben, im Normalfall wird es allerdings so sein, dass Unternehmensvertreter für einen Tag an eine Schule gehen und dort für Expertengespräche zur Verfügung ste¬hen. Im Einzelfall sind auch Präsentationen möglich.
-    <br/>
-</div>
diff --git a/app/View/Service/dreamjob.ctp b/app/View/Service/dreamjob.ctp
deleted file mode 100644
index 12348dd..0000000
--- a/app/View/Service/dreamjob.ctp
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-/*
- *
- */
-?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    <h1>dreamJOB</h1>
-    <?php $style='margin:20px;'; $styleButton='float: right; margin:20px;'; ?>
-			
-    <br/><br/>
-    <?=$this->Html->image('logo.png',array('style'=>$style));?>
-    dreamJOB für Nutzer
-    <?=$this->Html->link('mehr Informationen',array('controller'=>'service','action'=>'serviceItem','list'=>'dreamjob','item'=>'schueler'),array('class'=>'btn btn-default','style'=>$styleButton));?><br/>
-    <br/><br/><br/><br/>
-    <?=$this->Html->image('logo.png',array('style'=>$style));?>
-    dreamJOB für Arbeitgeber
-    <?=$this->Html->link('mehr Informationen',array('controller'=>'service','action'=>'serviceItem','list'=>'dreamjob','item'=>'schueler'),array('class'=>'btn btn-default','style'=>$styleButton));?><br/>
-    <br/><br/><br/><br/>
-    <?=$this->Html->image('logo.png',array('style'=>$style));?>
-    dreamJOB für Schulen und andere Institutionen
-    <?=$this->Html->link('mehr Informationen',array('controller'=>'service','action'=>'serviceItem','list'=>'dreamjob','item'=>'schueler'),array('class'=>'btn btn-default','style'=>$styleButton));?><br/>
-    <br/><br/><br/><br/>
-</div>
diff --git a/app/View/Service/index.ctp b/app/View/Service/index.ctp
index 3699bc8..115ea4b 100644
--- a/app/View/Service/index.ctp
+++ b/app/View/Service/index.ctp
@@ -3,21 +3,50 @@
  *
  */
 ?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    dreamJOB Service-Seite<br/><br/>
-    Willkommen auf unserer Service-Seite<br/><br/>
-    Hier finden Sie Informationen rund um das Berufsleben.<br/><br/>
-    Von Institutionen die bei der Berufsorientierung unterstützen<br/>
-    bis Informationen dazu wo Sie sich nach dem Start in das Berufsleben am besten versichern<br/>
-    <br/><br/>
-    Unser Team bedankt sich bei allen unseren Kooperationspartner und besonders bei:<br/><br/>
+<div class="headline">
+  <span style="color:#9d1c16;">dream</span><span style="color:#0063b8;"><b>JOB</b></span>+
+</div>
+<div class="box 2modal">
+
+
+    <div class="btn-group" style="float:right;">
+      <?php
+      $class = 'btn-default';
+      if($SERVICE_CATEGORY <= 0)
+        $class = 'btn-primary';
+      echo $this->Html->link('<span class="glyphicon glyphicon-th-large"></span> &nbsp;'.__('dreamjob.service.overview'),array('controller'=>'service','action'=>'index'),array('class'=>'btn '.$class,'escape'=>false));?>
+     <?php foreach($category as $item){ 
+      $class = 'btn-default';
+      if($SERVICE_CATEGORY == $item['DreamjobServiceCategory']['id'])
+        $class = 'btn-primary';
+      ?>
+      <?=$this->Html->link($item['DreamjobServiceCategory']['title'],array('controller'=>'service','action'=>'index','list'=>$item['DreamjobServiceCategory']['id']),array('class'=>'btn '.$class));?>
+     <?php } ?>
+    </div>
+
+
+    <div style="margin-top:50px;">
+     <?=__('dreamjob.service.infotext');?>
+    </div>
+
+
+
+    <div class="services">
     <?php
-        $style='margin:10px; margin-right:50px;width:15%;';
-        echo $this->Html->image('service/dak.jpg',array('style'=>$style));
-        echo $this->Html->image('service/vuf.png',array('style'=>$style));
-        echo $this->Html->image('service/wks.png',array('style'=>$style));
-        echo $this->Html->image('service/logo_job4u.jpg',array('style'=>$style));
+      foreach($list as $item){
+      ?>
+      <div class="item">
+        <div class="logo">
+          <?php
+           echo $this->Html->link($this->Html->image('service/'.$item['DreamjobService']['prev_image']),
+array('controller'=>'service','action'=>'show','item'=>$item['DreamjobService']['id']),array("data-toggle"=>"modal","data-target"=>"#popup","ref"=>"eventOff","escape"=>false));
+          ?>
+        </div>
+        <b><?=$item['DreamjobService']['title'];?></b><br/>
+        <span><?=$item['DreamjobService']['shorttext'];?></span>
+      </div>
+      <?php
+      }
     ?>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/app/View/Service/pupil.ctp b/app/View/Service/pupil.ctp
deleted file mode 100644
index 52dc29a..0000000
--- a/app/View/Service/pupil.ctp
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-
-/*
- *
- */
-?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    <?=$this->Html->image('logo.png',array('style'=>"margin:20px;"));?>
-    <?=$this->Html->link('in Kooperation mit JOB4u',"https://www.job4u-praktikum.de/",array('target'=>'_blank','rel'=>'external'));?>
-    <?=$this->Html->link('zurück zur Übersicht',array('controller'=>'service','action'=>'index'),array('class'=>'btn btn-default','style'=>'float: right; margin:20px;'));?><br/>
-</div>
-<div class="box">
-    dreamJOB für Schüler<br/>
-    Wie schreibe ich eine Bewerbung? <br/>
-    Welcher Beruf ist für mich der richtige ?<br/><br/>
-    Bei diesen Fragen unterstützt Sie unser Kooperationspartner JOB4u !<br/><br/>
-    <?=$this->Html->image('service/logo_job4u.jpg',array('style'=>"margin:20px;"));?><br/><br/>
-    Unter folgendem Link kannst du dir Mustervorlagen ansehen, die JOB4u für dich zum download bereitstellt:<br/>
-
-    <?=$this->Html->link('https://job4u-praktikum.de/index.php/die-bewerbung.html',"https://job4u-praktikum.de/index.php/die-bewerbung.html",array('target'=>'_blank','rel'=>'external'));?><br/><br/>
-    Oder mache doch mal einen Persönlichkeitstest, um zu sehen welche Berufsbereiche am ehesten zu Dir passen<br/>
-    <?=$this->Html->link('https://job4u-praktikum.de/index.php/persoenlichkeitstest_test.html',"https://job4u-praktikum.de/index.php/persoenlichkeitstest_test.html",array('target'=>'_blank','rel'=>'external'));?>
-</div>
\ No newline at end of file
diff --git a/app/View/Service/show.ctp b/app/View/Service/show.ctp
new file mode 100644
index 0000000..83c11dd
--- /dev/null
+++ b/app/View/Service/show.ctp
@@ -0,0 +1,27 @@
+<?php
+/*
+ *
+ */
+?>
+<div class="headline">
+  <span style="color:#9d1c16;">dream</span><span style="color:#0063b8;"><b>JOB</b></span>+
+</div>
+  <div style="float:right;margin-top:-25px;">
+   <?=$this->Html->link(__('dreamjob'),array('controller'=>'service','action'=>'index','list'=>$obj['DreamjobService']['category']));?>
+  </div>
+<div class="box 2modal">
+  <h1 class="modal-title" <?=(strlen($obj['DreamjobService']['color'])>0)?' style="color:#333;background-color:#'.$obj['DreamjobService']['color'].';"':'';?>><?=$obj['DreamjobService']['title'];?></h1>
+  <br/>
+  <div class="modal-body">
+    <?=$this->Html->image('service/'.$obj['DreamjobService']['image'],array('style'=>'width:200px;'));?>
+    <br/>
+    <br/>
+    <?=str_replace("\n",'<br/>',$obj['DreamjobService']['text']);?>
+  </div>
+  <br/>
+  <?php if(strlen($obj['DreamjobService']['link'])>0){ ?>
+  <div class="modal-footer">
+    <?=$this->Html->link(__('dreamjob'),$obj['DreamjobService']['link'],array('class'=>'btn btn-default','rel'=>'external','target'=>'_blank'));?>
+  </div>
+  <?php } ?>
+</div>
diff --git a/app/View/Service/versicherungen.ctp b/app/View/Service/versicherungen.ctp
deleted file mode 100644
index d33d6db..0000000
--- a/app/View/Service/versicherungen.ctp
+++ /dev/null
@@ -1,23 +0,0 @@
-<?php
-
-/*
- *
- */
-?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    <h1>Versicherungen</h1>
-    <?php $style='margin:20px;'; $styleButton='float: right; margin:20px;'; ?>
-
-    <br/><br/>
-    <?=$this->Html->image('service/vuf.png',array('style'=>$style));?>
-    Versicherungs- unf Finanzkontor
-    <?=$this->Html->link('mehr Informationen',array('controller'=>'service','action'=>'serviceItem','list'=>'versicherungen','item'=>'vuf'),array('class'=>'btn btn-default','style'=>$styleButton));?><br/>
-    <br/><br/><br/><br/>
-    <?=$this->Html->image('service/dak.jpg',array('style'=>$style));?>
-    DAK
-    <?=$this->Html->link('mehr Informationen',array('controller'=>'service','action'=>'serviceItem','list'=>'versicherungen','item'=>'dak'),array('class'=>'btn btn-default','style'=>$styleButton));?><br/>
-</div>
-
-
diff --git a/app/View/Service/versicherungen_dak.ctp b/app/View/Service/versicherungen_dak.ctp
deleted file mode 100644
index 008ec41..0000000
--- a/app/View/Service/versicherungen_dak.ctp
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-/*
- *
- */
-?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    <?=$this->Html->image('service/dak.jpg',array('style'=>"margin:20px;"));?>
-    <?=$this->Html->link('DAK',"https://www.dak.de/",array('target'=>'_blank','rel'=>'external'));?>
-    <?=$this->Html->link('zurück zur Übersicht',array('controller'=>'service','action'=>'index'),array('class'=>'btn btn-default','style'=>'float: right; margin:20px;'));?><br/>
-</div>
-<div class="box">
-    Als eine der größten gesetzlichen Krankenkassen in Deutschland geben wir rund 6,3 Millionen Menschen Sicherheit bei Krankheit und Gesundheit.<br/><br/>
-    Unsere Qualität ist verbunden mit Erfahrung: Als langjährige „Deutsche Angestellten-Krankenkasse“ blickt die DAK-Gesundheit auf eine Jahrhunderte lange Tradition, die durch ein stetiges Wachstum und Zusammenschlüsse geprägt ist, seit dem 1. Januar 2012 mit der BKK Gesundheit und mit der BKK Axel Springer sowie aktuell mit der St. Gobain BKK.
-    <br/>
-    <?=$this->Html->link('Jetzt zum Testsieger wechseln',"https://www.dak.de/dak/formulare/Das_Gesundheitspaket-1320736.htm",array('target'=>'_blank','rel'=>'external'));?>
-</div>
diff --git a/app/View/Service/versicherungen_vuf.ctp b/app/View/Service/versicherungen_vuf.ctp
deleted file mode 100644
index a7665ba..0000000
--- a/app/View/Service/versicherungen_vuf.ctp
+++ /dev/null
@@ -1,24 +0,0 @@
-<?php
-/*
- *
- */
-?>
-<div class="box">
-    <?=$this->element('service_navbar');?>
-    <br/><br/>
-    <?=$this->Html->image('service/vuf.png',array('style'=>"margin:20px;"));?>
-    <?=$this->Html->link('Versicherungs- unf Finanzkontor',"http://www.versicherungskontor.net/",array('target'=>'_blank','rel'=>'external'));?>
-    <?=$this->Html->link('zurück zur Übersicht',array('controller'=>'service','action'=>'index'),array('class'=>'btn btn-default','style'=>'float: right; margin:20px;'));?><br/>
-</div>
-<div class="box">
-
-    Bleibende Werte schaffen<br/>
-    mit einer soliden Zukunftsvorsorge auf ethischer,<br/>
-    ökologischer und sozialverträglicher Basis.<br/><br/>
-    Wir entwickeln individuelle Vorsorgekonzepte.<br/><br/>
-    versicherungs- und finanzkontor<br/>
-    friedrichs gmbh<br/><br/>
-    Die versicherungs- und finanzkontor friedrichs gmbh berät, betreut und handelt als Ihre Partnerin und Interessenvertreterin. Im privaten, beruflichen oder geschäftlichen Bereich. Gemeinsam mit Ihnen analysieren wir Ihre Situation und (finanziellen) Perspektiven. Wir ermitteln Ihren tatsächlichen Versicherungs- und Finanzbedarf und entwickeln Konzepte, die alle abzusichernden Aspekte Ihrer
-    individuellen Situation und Planungen berücksichtigen.<br/><br/>
-    Als Maklerin und Mitglied im Verband der Fairsicherungsmakler e.V. haben wir Zugang zu über 80 ProduktanbieterInnen, die sich durch ein ausgewogenes Preis-Leistungs-Verhältnis auszeichnen.
-</div>
\ No newline at end of file
diff --git a/app/webroot/css/dreamjob.css b/app/webroot/css/dreamjob.css
index 8fe26fb..157996d 100755
--- a/app/webroot/css/dreamjob.css
+++ b/app/webroot/css/dreamjob.css
@@ -44,6 +44,11 @@ h4{
 .box img{
     max-width:100%;
 }
+.headline{
+    color:grey;
+    font-size:24px;
+    margin: 0px 0px 18px 0px;
+}
 .form-group{
     padding:15px 0;
 }
@@ -460,13 +465,38 @@ body.loading #container{
     width:30%;
     display:inline-block;
 }
-
+.services{
+  margin:100px;
+}
+.services .item{
+  float: left;
+  height: 300px;
+  margin-right: 50px;
+  width: 300px;
+}
+.services .item .logo{
+  width:90px;
+  height:90px;
+  border-radius:46px;
+  border:1px solid grey;
+  text-align:center;
+  background-color:white;
+  font-size:10px;
+  margin-bottom:10px;
+}
+.services .item img{
+  max-width:80px;
+  padding:10px;
+}
 .hide-input input.form-control{
     background-color:rgba(255,255,255,0);
     border-color:rgba(255,255,255,0);
     color:black;
     box-shadow:none;
 }
+.box > .modal-title{
+   padding:40px 40px;
+}
 .modal-body,.modal-title{
     color:black;
 }
diff --git a/app/webroot/js/dreamjob.js b/app/webroot/js/dreamjob.js
index 071e23e..6382633 100755
--- a/app/webroot/js/dreamjob.js
+++ b/app/webroot/js/dreamjob.js
@@ -22,8 +22,15 @@ var global_load = null;
         $("#popup").modal({'remote': false, 'show': false});
         $("#popup").on('show.bs.modal', function(e) {
             $.ajax({url: $(e.relatedTarget).attr("href"), success: function(data) {
-                    $("#popup .modal-title").html($(e.relatedTarget).attr("title"));
-                    $("#popup .modal-body").html($("#container div.box", data).html());
+                    if($("#container div.box.2modal").length > 0){
+                      $("#popup .modal-header").attr("style",$("#container div.box.2modal .modal-title", data).attr("style"));
+                      $("#popup .modal-title").html($("#container div.box.2modal .modal-title", data).html());
+                      $("#popup .modal-body").html($("#container div.box.2modal .modal-body", data).html());
+                      $("#popup .modal-footer").html($("#container div.box.2modal .modal-footer", data).html());
+                    }else{
+                      $("#popup .modal-title").html($(e.relatedTarget).attr("title"));
+                      $("#popup .modal-body").html($("#container div.box", data).html());
+                    }
                 }, error: function(data) {
                 }});
         });