diff --git a/assets/js/form-handler.js b/assets/js/form-handler.js
index a34d935..8c2eaf2 100644
--- a/assets/js/form-handler.js
+++ b/assets/js/form-handler.js
@@ -6,11 +6,11 @@ window.addEventListener("DOMContentLoaded", function () {
   function success() {
     form.reset();
     button.style = "display: none ";
-    status.innerHTML = "Thanks! Contact form is submitted successfully.";
+    status.innerHTML = "Danke! Ihre Nachricht wurde gesendet.";
   }
 
   function error() {
-    status.innerHTML = "Oops! There was a problem.";
+    status.innerHTML = "Upps! Ein Fehler ist aufgetreten.";
   }
 
   // handle the form submission event
diff --git a/layouts/contact/list.html b/layouts/contact/list.html
index 4c7627c..8b6d750 100644
--- a/layouts/contact/list.html
+++ b/layouts/contact/list.html
@@ -25,12 +25,6 @@
     <div class="row">
       <div class="col-12 text-center">
         <h3 class="breadCrumb__title">{{ .Title }}</h3>
-        <nav aria-label="breadcrumb" class="d-flex justify-content-center">
-          <ol class="breadcrumb align-items-center">
-            <li class="breadcrumb-item"><a href="{{ .Site.BaseURL }}">Home</a></li>
-            <li class="breadcrumb-item active" aria-current="page">{{ .Params.breadcrumb }}</li>
-          </ol>
-        </nav>
       </div>
     </div>
   </div>
@@ -40,7 +34,7 @@
 <section class="section contact__info">
   <div class="container">
     <div class="row">
-      <div class="col-lg-4">
+      <div class="col-lg-6">
         <div class="contact__info_item">
           <div class="contact__info_item-icon">
             <div class="icon-background">
@@ -54,13 +48,13 @@
               <img src="{{ "images/contact/location.svg" | absURL }}" alt="location" />
             </div>
           </div>
-          <h4>Office Address</h4>
+          <h4>Postanschrift</h4>
           <p>
             {{ $address.address }}
           </p>
         </div>
       </div>
-      <div class="col-lg-4">
+      <div class="col-lg-6">
         <div class="contact__info_item">
           <div class="contact__info_item-icon">
             <div class="icon-background">
@@ -74,33 +68,14 @@
               <img src="{{ "images/contact/phone.svg" | absURL }}" alt="phone" />
             </div>
           </div>
-          <h4>Phone & Email</h4>
+          <h4>Telefon & Email</h4>
           <p>{{ $address.phone }}<br>
             <a href="mailto:{{ $address.email }}">{{ $address.email }}</a>
           </p>
 
         </div>
       </div>
-      <div class="col-lg-4">
-        <div class="contact__info_item">
-          <div class="contact__info_item-icon">
-            <div class="icon-background">
-              <svg xmlns="http://www.w3.org/2000/svg" width="122.457" height="109.702" viewBox="0 0 122.457 109.702">
-                <path fill="#f1f6f9"
-                  d="M49.855527 9.984102c-4.337424-.815024-8.766002-1.633779-13.152776-1.113889-8.196034.975107-15.344329 6.696991-19.41555 13.879649s-5.363288 15.655094-5.187042 23.907191c.156996 7.385448 1.479849 14.875357 4.972905 21.38465s9.337384 11.961229 16.458344 13.922244c4.833752 1.331211 10.056683 1.044827 14.74081 2.829827 7.560693 2.881382 12.209757 10.489626 19.01235 14.870016a25.650039 25.650039 0 0024.16316 1.698928c8.342551-3.846451 14.03857-12.107291 16.641338-20.918947s2.471077-18.187687 1.756125-27.346305c-.843101-10.912846-3.01686-22.783019-11.354287-29.869462-6.037066-5.130853-14.208558-6.772976-21.995428-8.235353z"
-                  data-name="Path 1354" />
-              </svg>
-            </div>
-            <div class="icon">
-              <img src="{{ "images/contact/time.svg" | absURL }}" alt="time" />
-            </div>
-          </div>
-          <h4>Working Hours</h4>
-          <p>
-            {{ $address.openingHours }}
-          </p>
-        </div>
-      </div>
+    
     </div>
   </div>
 </section>
@@ -108,9 +83,9 @@
 <section class="contact-form">
   <div class="container">
     <div class="row">
-      <div class="col-lg-6">
+      <div class="col-lg-12">
         <div class="contact-form-title">
-          <h3>Contact Form</h3>
+          <h3>Kontaktformular</h3>
         </div>
         <div class="contact-form-input">
           <form id="contact-form" action="{{ .Site.Params.formspreeURL }}" method="POST">
@@ -121,24 +96,23 @@
                 <input type="text" class="form-control" name="Name" placeholder="Name" required />
               </div>
               <div class="form-group col-md-6">
-                <input type="email" class="form-control" name="email" placeholder="Email" required />
+                <input type="email" class="form-control" name="email" placeholder="E-Mail" required />
               </div>
             </div>
 
             <div class="form-group">
-              <textarea class="form-control" id="message" rows="6" name="message" placeholder="Message"></textarea>
+              <textarea class="form-control" id="message" rows="6" name="message" placeholder="Nachricht"></textarea>
             </div>
 
             <div class="form-group">
               <div class="form-check small">
                 <input type="checkbox" class="form-check-input" name="agreement" id="aggrement" required />
                 <label class="form-check-label" for="aggrement">
-                  I agree that my submitted data is being collected and
-                  stored.</label>
+                  Ich akzeptiere, dass meine eingegebenen Daten zum Zwecke der Kontaktaufnahme gespeichert werden.</label>
               </div>
             </div>
 
-            <button type="submit" class="btn btn-primary btn-zoom" id="contact-form-button">Send Message</button>
+            <button type="submit" class="btn btn-primary btn-zoom" id="contact-form-button">Nachricht senden</button>
             <p id="contact-form-status" class="mt-3"></p>
           </form>
 
@@ -176,11 +150,6 @@
 
 
 
-        </div>
-      </div>
-      <div class="col-lg-6">
-        {{ $map := .Site.Params.map }}
-        <div id="map" data-lat={{ $map.latitude }} data-long={{ $map.longitude }} data-pin={{ $map.pinImage | absURL }}>
         </div>
       </div>
     </div>
diff --git a/layouts/pages/single.html b/layouts/pages/single.html
new file mode 100644
index 0000000..5de9e03
--- /dev/null
+++ b/layouts/pages/single.html
@@ -0,0 +1,37 @@
+{{ define "main" }}
+
+<section class="section case-details">
+  <div class="svg-img">
+    <img src="{{ "images/hero/figure-svg.svg" | absURL }}" alt="" />
+  </div>
+  <div class="animate-shape">
+    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600">
+      <defs>
+        <linearGradient id="d" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
+          <stop offset="0" stop-color="#f1f6f9" />
+          <stop offset="1" stop-color="#f1f6f9" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+      <g data-name="blob-shape (3)">
+        <path class="blob" fill="url(#d)"
+          d="M455.4 151.1c43.1 36.7 73.4 92.8 60.8 136.3-12.7 43.5-68.1 74.4-111.3 119.4-43.1 45-74 104.1-109.8 109-35.9 5-76.7-44.2-111.8-89.2-35.2-45-64.7-85.8-70.8-132.6-6-46.8 11.6-99.6 46.7-136.3 35.2-36.6 88-57.2 142.4-58.8 54.5-1.7 110.6 15.6 153.8 52.2z" />
+      </g>
+    </svg>
+  </div>
+  <div class="animate-pattern">
+    <img src="{{ "images/service/background-pattern.svg" | absURL }}" alt="background-shape" />
+  </div>
+  <div class="container">
+    <div class="row mb-5">
+      <div class="col-lg-10 offset-lg-1 text-center">
+        <div class="case-details-title">
+          <h1>{{ .Title }}</h1>
+        </div>
+        {{ .Content }}
+      </div>
+    </div>
+  </div>
+</section>
+
+
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/portfolioSection.html b/layouts/partials/portfolioSection.html
index 8a321b5..6714a03 100644
--- a/layouts/partials/portfolioSection.html
+++ b/layouts/partials/portfolioSection.html
@@ -21,7 +21,7 @@
               <h3 class="mb-0">
                 <a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
               </h3>
-              <a class="see-more-btn" href="{{ .Permalink }}">See details</a>
+              <a class="see-more-btn" href="{{ .Permalink }}">Mehr...</a>
             </div>
           </div>
           {{ end }}
diff --git a/layouts/portfolio/single.html b/layouts/portfolio/single.html
index e0d8bae..27f1be3 100644
--- a/layouts/portfolio/single.html
+++ b/layouts/portfolio/single.html
@@ -30,38 +30,6 @@
         <p>
           {{ .Params.shortDescription }}
         </p>
-        <div class="case-details-info">
-          <div class="case-details-info-item">
-            <h5 class="text-light">Client</h5>
-            <p>{{ .Params.client }}</p>
-          </div>
-          <div class="case-details-info-item">
-            <h5>Service</h5>
-            <p>{{ .Params.service }}</p>
-          </div>
-          <div class="case-details-info-item">
-            <h5>Date</h5>
-            <p>{{ .PublishDate.Format "January 2, 2006" }}</p>
-          </div>
-        </div>
-        <div class="row mb-5">
-          <div class="col-lg-6">
-            <div class="case-details-service">
-              <h3>Challenge</h3>
-              <p>
-                {{ .Params.challenge }}
-              </p>
-            </div>
-          </div>
-          <div class="col-lg-6">
-            <div class="case-details-service">
-              <h3>Solution</h3>
-              <p>
-                {{ .Params.solution }}
-              </p>
-            </div>
-          </div>
-        </div>
         <div class="case-details-thumb mb-5">
           <img src="{{ .Params.thumbnail | absURL }}" alt="case-details" />
         </div>
@@ -82,33 +50,16 @@
               </svg>
             </div>
             <div class="content">
-              <span class="small">Prev case</span>
+              <span class="small">Letzte Referenz</span>
               <h5 class="title"><a class="text-dark"
                   href="{{ .PrevInSection.Permalink }}">{{ .PrevInSection.Title }}</a></h5>
             </div>
           </div>
           {{ end }}
-          <div class="social">
-            {{ $url := printf "%s" .Permalink | absLangURL }}
-            <ul class="unstyle-list big">
-              <li>
-                <a href=" https://www.facebook.com/sharer/sharer.php?u={{ $url }}"><i
-                    class="fa fa-facebook-official btn-zoom"></i></a>
-              </li>
-              <li>
-                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ $url }}"><i
-                    class="fa fa-linkedin-square btn-zoom"></i></a>
-              </li>
-              <li>
-                <a href="https://twitter.com/intent/tweet?&url={{ $url }}"><i
-                    class="fa fa-twitter-square btn-zoom"></i></a>
-              </li>
-            </ul>
-          </div>
           {{ if .NextInSection }}
           <div class="next d-flex align-items-center">
             <div class=" content text-right">
-              <span class="small">Next case</span>
+              <span class="small">Nächste Referenz</span>
               <h5 class="title">
                 <a class="text-dark" href="{{ .NextInSection.Permalink }}">{{ .NextInSection.Title }}</a>
               </h5>