diff --git a/assets/img/tile-light-ochre2.jpg b/assets/img/tile-light-ochre2.jpg
new file mode 100644
index 0000000..920b6ea
Binary files /dev/null and b/assets/img/tile-light-ochre2.jpg differ
diff --git a/assets/img/tile-light-purple2.jpg b/assets/img/tile-light-purple2.jpg
new file mode 100644
index 0000000..511c3c2
Binary files /dev/null and b/assets/img/tile-light-purple2.jpg differ
diff --git a/assets/img/tile-ochre2.jpg b/assets/img/tile-ochre2.jpg
new file mode 100644
index 0000000..e9663a0
Binary files /dev/null and b/assets/img/tile-ochre2.jpg differ
diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss
index e6c8847..83b714b 100644
--- a/assets/scss/_buttons.scss
+++ b/assets/scss/_buttons.scss
@@ -3,7 +3,7 @@
   font-size: 22px;
   font-family: $primary-font;
   color: $white !important;
-  background-image: linear-gradient(160deg, rgba($white, 0.4), rgba($white, 0));
+  background-image: linear-gradient(160deg, rgba($white, 0.25), rgba($white, 0));
   text-transform: capitalize;
   padding: 16px 44px;
   margin-top: 15px;
@@ -32,17 +32,6 @@
     padding: 5px 10px;
     font-size: 15px;
   }
-
-  // ::after {
-  //   background: linear-gradient(160deg, rgba($white, 0.4), rgba($white, 0));
-  //   content: "";
-  //   position: absolute;
-  //   z-index: -1;
-  //   top: 0;
-  //   left: 0;
-  //   right: 0;
-  //   bottom: 0;
-  // }
 }
 
 .btn-primary {
@@ -64,6 +53,12 @@
   }
 }
 
+.hero-area, .contact-section {
+  .btn-primary {
+    border: 1px solid rgba($secondary-color, 0.5);
+  }
+}
+
 
 .btn-transparent {
   background-color: transparent;
diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss
index 4102910..9d20836 100644
--- a/assets/scss/_common.scss
+++ b/assets/scss/_common.scss
@@ -233,7 +233,7 @@ a.text-dark{
 }
 
 .bg-dark{
-  background-color: #222222 !important;
+  background-color: $primary-color !important;
 }
 
 /* icon */
@@ -313,7 +313,7 @@ textarea.form-control{
 /* card */
 .card{
   // border: 1px;
-  background-color: rgba($primary-color, 0.4);
+  background-color: $secondary-color;
   &-header{
     border: 0;
   }
@@ -337,7 +337,7 @@ textarea.form-control{
 }
 
 .page-layout { //set background for body tag only on "layout: page" (like imprint etc.)
-  background: url(../../assets/img/tile-light-purple.jpg);
+  background: url(../../assets/img/tile-light-ochre2.jpg);
   h2 { //set margin for h2 headings back to bootstrap standard (on front page the h2 margin needs to be bigger)
     margin-bottom: .5rem;
   }
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
index fa3d379..85f00ac 100644
--- a/assets/scss/_variables.scss
+++ b/assets/scss/_variables.scss
@@ -1,6 +1,6 @@
 // Color Variables
 $primary-color: #30002A; // #DFAF5F;
-$secondary-color: #8F747F; // #212529;
+$secondary-color: #efe2f3; // #8F747F; "old" purple
 $third-color: #EEE7D4;
 $fourth-color: #C5A14B;
 $link-color: $fourth-color; // #A46131;
diff --git a/assets/scss/templates/_hubs.scss b/assets/scss/templates/_hubs.scss
index e9237c3..03562dc 100644
--- a/assets/scss/templates/_hubs.scss
+++ b/assets/scss/templates/_hubs.scss
@@ -1,5 +1,5 @@
 section#hubs-section {
-  background: url(../../assets/img/tile-light-purple.jpg);
+  background: url(../../assets/img/tile-light-ochre2.jpg);
 }
 
 .filter-controls {
diff --git a/assets/scss/templates/_lead.scss b/assets/scss/templates/_lead.scss
index 43b1be5..74c828d 100644
--- a/assets/scss/templates/_lead.scss
+++ b/assets/scss/templates/_lead.scss
@@ -1,5 +1,5 @@
 section#lead-section {
-  background: url(../../assets/img/tile-purple.jpg);
+  background: url(../../assets/img/tile-ochre2.jpg);
 }
 
 #lead-section p {
diff --git a/assets/scss/templates/_media-page.scss b/assets/scss/templates/_media-page.scss
index e611913..9e9dbb7 100644
--- a/assets/scss/templates/_media-page.scss
+++ b/assets/scss/templates/_media-page.scss
@@ -13,16 +13,6 @@
     font-weight: 400;
     width: 100%;
     max-width: 400px;
-    // ::before {
-    //   background: linear-gradient(160deg, rgba($white, 0.4), rgba($white, 0));
-    //   content: "";
-    //   position: absolute;
-    //   z-index: -1;
-    //   top: 0;
-    //   left: 0;
-    //   right: 0;
-    //   bottom: 0;
-    // }
   }
   // ol, ul {
   //   list-style-type: initial;
diff --git a/assets/scss/templates/_timeline.scss b/assets/scss/templates/_timeline.scss
index 4893c6a..970ec93 100644
--- a/assets/scss/templates/_timeline.scss
+++ b/assets/scss/templates/_timeline.scss
@@ -1,5 +1,5 @@
 section#timeline-section {
-  background: url(../../assets/img/tile-light-purple.jpg);
+  background: url(../../assets/img/tile-light-ochre2.jpg);
 }
 
 // Styling for the timeline section