diff --git a/wecker_manufaktur/files/img/WECKER_Logo.png b/wecker_manufaktur/files/img/WECKER_Logo.png
new file mode 100644
index 0000000..43437a3
Binary files /dev/null and b/wecker_manufaktur/files/img/WECKER_Logo.png differ
diff --git a/wecker_manufaktur/page/default_page/css/default_page.scss b/wecker_manufaktur/page/default_page/css/default_page.scss
index 1748293..889be1d 100644
--- a/wecker_manufaktur/page/default_page/css/default_page.scss
+++ b/wecker_manufaktur/page/default_page/css/default_page.scss
@@ -192,4 +192,8 @@ body {
     padding-left: $distance_big;
     padding-right: $distance_big;
     text-align: center;
+}
+
+.modal {
+    color: $color_black;
 }
\ No newline at end of file
diff --git a/wecker_manufaktur/page/default_page/default_page.php b/wecker_manufaktur/page/default_page/default_page.php
index 7814711..6fa475a 100644
--- a/wecker_manufaktur/page/default_page/default_page.php
+++ b/wecker_manufaktur/page/default_page/default_page.php
@@ -131,6 +131,8 @@ class default_page implements \SYSTEM\PAGE\DefaultPage {
         $vars['_content_persons']   = self::getPersons();
         $vars['_content_projects']  = self::getProjects();
         $vars['_content_apply'] = \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_page/tpl/content_apply.tpl'))->SERVERPATH());
+        $vars['_modal_imprint'] = \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_page/tpl/modal_imprint.tpl'))->SERVERPATH());
+        $vars['_modal_dataprotection'] = \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_page/tpl/modal_dataprotection.tpl'))->SERVERPATH());
         $vars = array_merge($vars,  \SYSTEM\PAGE\text::tag('wecker_manufaktur'));
         return \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_page/tpl/default_page.tpl'))->SERVERPATH(), $vars);
     }
diff --git a/wecker_manufaktur/page/default_page/tpl/default_page.tpl b/wecker_manufaktur/page/default_page/tpl/default_page.tpl
index bebd4a5..f9a33bb 100644
--- a/wecker_manufaktur/page/default_page/tpl/default_page.tpl
+++ b/wecker_manufaktur/page/default_page/tpl/default_page.tpl
@@ -47,7 +47,7 @@
         </nav>
         <!-- HOME -->
         <section id="home" class="fullpage">
-            <h1>${page_title}</h1>
+            <h1><img src="./files/img/WECKER_Logo.png" alt="${page_title}" style="width: 50%; margin-left: auto; margin-right: auto;"/></h1>
             <h4>${page_statement}</h4>
             <a href="#philosophy"><i class="fa fa-angle-down"></i></a>            
         </section>
@@ -76,7 +76,9 @@
             <div class="container-fluid">
                 <div class="row" id="footer-links">
                     <div class="col-lg-3">
-                        <div id="footer-logo">${footer_logo}</div>
+                        <div id="footer-logo">
+                            <img src="./files/img/WECKER_Logo.png" alt="${footer_logo}" style="width: 100%;"/>
+                        </div>
                         <div id="footer-nl">
                             <input id="footer-nl-email"     name="email"  type="text"   placeholder="${footer_newsletter_email_placeholder}"/>
                             <input id="footer-nl-subscribe" name="submit" type="submit" value="${footer_newsletter_email_value}"/>
@@ -85,8 +87,8 @@
                     <div class="col-lg-3">
                         <h3>${footer_legal_heading}</h3>
                         <div id="footer-legal">
-                            <a href="#!dataprotection"> ${footer_legal_dataprotection}</a>
-                            <a href="#!imprint">        ${footer_legal_imprint}</a>
+                            <a href="#modal-dataprotection" data-toggle="modal" data-target="#modal-dataprotection"> ${footer_legal_dataprotection}</a>
+                            <a href="#modal-imprint" data-toggle="modal" data-target="#modal-imprint">${footer_legal_imprint}</a>
                         </div>
                     </div>
                     <div class="col-lg-3">
@@ -112,5 +114,7 @@
                 </div>
             </div>
         </section>
+        ${_modal_imprint}
+        ${_modal_dataprotection}
     </body>
 </html>
\ No newline at end of file
diff --git a/wecker_manufaktur/page/default_page/tpl/modal_dataprotection.tpl b/wecker_manufaktur/page/default_page/tpl/modal_dataprotection.tpl
new file mode 100644
index 0000000..b69293f
--- /dev/null
+++ b/wecker_manufaktur/page/default_page/tpl/modal_dataprotection.tpl
@@ -0,0 +1,18 @@
+<div class="modal fade" id="modal-dataprotection" tabindex="-1" role="dialog" aria-labelledby="modal-dataprotection-title" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="modal-dataprotection-title">${title_dataprotection}</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        ${dataprotection}
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/wecker_manufaktur/page/default_page/tpl/modal_imprint.tpl b/wecker_manufaktur/page/default_page/tpl/modal_imprint.tpl
new file mode 100644
index 0000000..0de44a9
--- /dev/null
+++ b/wecker_manufaktur/page/default_page/tpl/modal_imprint.tpl
@@ -0,0 +1,18 @@
+<div class="modal fade" id="modal-imprint" tabindex="-1" role="dialog" aria-labelledby="modal-imprint-title" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="modal-imprint-title">${title_imprint}</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        ${imprint}
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file