diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 2b2d31c..ae603d6 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -1,6 +1,6 @@
 /*
 	jet black (tiefschwarz) - RAL 9005: #0e0e10, rgba(14, 14, 16, 1.0);
-	mango: #ff8040, rgba(255, 130, 67, 1.0);
+	mango: #FF8040, rgba(255, 130, 67, 1.0);
 	gray: #a1a1a1, rgba(161, 161, 161, 1.0)
 */
 
@@ -21,6 +21,10 @@ $primary: #FF8040;
 $body-bg: #0E0E10;
 $body-color: darken(white, 20);
 
+$dropdown-dark-bg: black;
+$dropdown-dark-link-color: $primary;
+$dropdown-dark-border-color: $primary;
+
 // the ~ allows you to reference things in node_modules
 @import "~bootstrap/scss/bootstrap";
 
@@ -55,13 +59,15 @@ body {
     height: auto;
     padding: 15px;
   }
-  .row.content {height:auto;}
+  .row.content {
+    height: auto;
+  }
 }
 
 
 .navbar-top {
   border-bottom-width: 1px;
-  border-bottom-color: #FF8040;
+  border-bottom-color: $primary;
   padding-top: 0;
   padding-bottom: 0;
   opacity: 0.9;
@@ -69,7 +75,7 @@ body {
 
 .navbar-bottom {
   border-top-width: 1px;
-  border-top-color: #FF8040;
+  border-top-color: $primary;
   padding-top: 0;
   padding-bottom: 0;
   height: 125px;
@@ -78,7 +84,8 @@ body {
 }
 
 .navbar-nav > li > .dropdown-menu {
-  background-color: #A1A1A1;
+  background-color: black;
+  opacity: 0.8;
 }
 
 
@@ -106,12 +113,13 @@ body {
 .box {
   border-width: 1px;
   border-style: solid;
-  border-color: #ff8040;
+  border-color: $primary;
   border-radius: 10px;
   padding: 15px;
   background-image: url('../images/bg.jpeg');
   background-position: center;
   align-content: center;
+  margin-bottom: 200px;
 }
 
 /* BlogPosts */
@@ -132,12 +140,10 @@ body {
 }
 
 .blog-container {
-  border: 1px solid #FF8040;
+  border: 1px solid $primary;
   border-radius: 5px;
-  background: #0E0E10;
   margin-bottom: 25px;
-  background-image: url('../images/bg.jpeg');
-  background-position: center;
+  background: #0E0E10 url('../images/bg.jpeg') center;
 }
 
 .main-article-link, .article-container a {
@@ -155,6 +161,12 @@ body {
 
 }
 
+.article-text {
+  text-align: justify;
+  hyphens: auto;
+}
+
+
 @media (max-width: 440px) {
   .article-title {
     min-width: 100px;
@@ -182,4 +194,89 @@ body {
 
 .blog-teaser {
   margin-left: 15px;
-}
\ No newline at end of file
+}
+
+/* registration form */
+
+.social_icon span {
+  font-size: 60px;
+  margin-left: 10px;
+  color: $primary;
+}
+
+.social_icon span:hover{
+  color: white;
+  cursor: pointer;
+}
+
+.card{
+  height: 370px;
+  margin-top: 45px;
+  margin-bottom: auto;
+  width: 500px;
+  background-color: #383c4a;
+  border-color: $primary;
+  padding: 15px;
+  background-image: url('../images/bg.jpeg');
+  border-bottom-left-radius: 10px !important;
+  border-bottom-right-radius: 10px !important;
+}
+
+
+.card-header {
+  position: absolute;
+  color: black;
+  background-color: $primary;
+  width: 500px;
+  height: 55px;
+  border-top-left-radius: 15px !important;
+  border-top-right-radius: 15px !important;
+}
+
+.card-body {
+}
+
+.social_icon{
+/*  position: absolute;
+  right: 20px;
+  top: 45px;
+  */
+}
+
+.input-group-prepend span{
+  width: 50px;
+  background-color: $primary;
+  color: black;
+  border:0 !important;
+  height: 40px;
+  margin-bottom: 15px;
+  border-radius: 10px 0 0 10px;
+}
+
+
+.form-control {
+  height: 40px;
+  background-image: url('../images/bg.jpeg') !important;
+  color: white;
+  border-color: $primary;
+}
+input:focus{
+/* TODO */
+}
+
+.submit-button {
+  color: $primary;
+  background-color: black;
+  width: 100px;
+  border-radius: 10px;
+}
+
+.submit-button:hover{
+  color: black;
+  background-color: $primary;
+}
+
+.links{
+  color: white;
+}
+