diff --git a/scss/post.scss b/scss/post.scss
index 3f48a4a6b7391ef11a353bdfebc1fcf787ff987e..5954ef73630fea56d230c703f0c621203a9ac1bf 100644
--- a/scss/post.scss
+++ b/scss/post.scss
@@ -1,2 +1,470 @@
 /* This file is empty by purpose.
 You can add your SCSS code here if you really need to. */
+
+/*************************** Variables section. *****************************/
+// Create variables to override the default value for variables used in the Moodle and Bootstrap SCSS files.
+
+/*************************** Import section  *****************************/
+@import "fontawesome";
+@import "bootstrap";
+@import "moodle";
+
+/*************************** Colors ****************************/
+
+$hsh-accent: #ffd200;
+
+/*************************** Rules section ****************************/
+
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+  line-height: 1.5;
+}
+
+// @import "moodle" sorgt irgendwie dafür das die a links einer 
+// Frage in einem Kurs (Die anzeigen wie viele Aufagben bereits gelöst wurden)
+// weiße color bekommen was die Buttons unsichtbar werden lässt (da weißer Hintergrund)
+.qnbutton.btn-secondary {
+  color: #212529;
+
+  &:hover {
+    color: #212529;
+  }
+}
+
+nav {
+  &.fixed-top {
+    border-bottom: 1px solid $card-border-color;
+    background-color: $primary !important;
+
+    &.bg-dark {
+      // TODO: Anlegen einer Backendeinstellung und einer Variable für die Farbe
+      background-color: #575151 !important;
+    }
+
+    .navbar-brand,
+    .nav-item .popover-region .icon,
+    .nav-item .localnavbarplus .icon,
+    .nav-item .nav-link,
+    .usermenu .login,
+    .usermenu .login a,
+    .dropdown-toggle {
+      color: $white;
+    }
+
+    .nav-item .nav-link,
+    .navbar-brand {
+      &:focus,
+      &:hover {
+        color: $white;
+      }
+    }
+
+    .avatar {
+      img {
+        border-radius: 50%;
+      }
+    }
+  }
+}
+
+#nav-drawer {
+  // Correcting second nav group spacing
+  .list-group.mt-1 {
+    margin-top: 1rem !important;
+  }
+
+  .list-group-item {
+    padding-top: 6px;
+    padding-bottom: 6px;
+    word-break: break-word;
+
+    // Removes margin of all custom navigation entries
+    &[data-isexpandable="0"] {
+      margin-top: 0;
+    }
+
+    &.localboostnavigationcollapsibleparent {
+      .media-left {
+        display: none;
+      }
+    }
+
+    &[aria-expaned="1"],
+    &[data-key^="coursehome"] {
+      font-weight: bold;
+    }
+
+      // Adds margin to all custom navigation entries/sections that are the first of their kind (to separate content)
+    &[data-key^="mycourses"],
+    &[data-key^="localboostnavigationcoursesections1"],
+    &[data-key^="localboostnavigationcustombottomusers1"],
+    &[data-key^="localboostnavigationcustombottomadmins1"] {
+      margin-top: 1rem !important; 
+    }
+
+    &.localboostnavigationcollapsibleparent {
+      // Correcting the position of dropdown icon
+      & > div::after {
+        top: 5px;
+      }
+    }
+
+    &.active,
+    &[data-key^="coursehome"] {
+      border-color: $list-group-border-color;
+      border-left: 7px solid $hsh-accent;
+      background-color: lighten($hsh-accent, 35%);
+      color: $list-group-action-color;
+    }
+
+    &.p-l-3 {
+      padding-left: 2rem;
+    }
+
+    .media {
+      align-items: center;
+    }
+
+    .icon {
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+
+input[type="checkbox"] {
+  position: relative;
+
+  &:focus {
+    box-shadow: 0 0 0 0.2rem rgba($hsh-accent, .25)
+  }
+
+  &:checked::before {
+    content: "";
+    width: 15px;
+    height: 15px;
+    position: absolute;
+    background: $hsh-accent;
+    border-radius: 3px;
+    left: -1px;
+    top: -1px;
+  }
+
+  &:checked::after {
+    content: "";
+    width: 9px;
+    height: 5px;
+    position: absolute;
+    top: 3px;
+    left: 2px;
+    border: 2px solid #fff;
+    border-top: none;
+    border-right: none;
+    background: transparent;
+    transform: rotate(-45deg);
+  }
+}
+
+
+#hshcourselistul {
+  li.list-group-item {
+    &.active,
+    &.active:hover,
+    &:focus {
+      background-color: $primary;
+      border-color: $primary;
+
+      a {
+        color: #fff;
+      }
+    }
+
+    &:hover {
+      background-color: $dropdown-link-hover-bg;
+    }
+
+    &[data-key^="localboostnavigationcustombottomusers"],
+    &[data-key^="localboostnavigationcustombottomadmins"] {
+      margin-top: 0;
+    }
+  }
+}
+
+.semesternode {
+  padding-left: 0px !important;
+}
+
+#page-my-index {
+  #page-header {
+    .card {
+      background-color: #f7f7f7;
+    }
+  }
+}
+
+#page-header {
+  .card {
+    border: none;
+  }
+
+  .card-body {
+    padding: 0;
+  }
+}
+
+.block-region {
+  .block {
+    .footer,
+    .user {
+      a {
+        color: $text-muted;
+      }
+    }
+  }
+}
+
+.block_hshcourselist {
+  h5::before {
+    content: "\f002" !important;
+
+  }
+}
+
+a[data-action="hide-course"] {
+  display: none !important;
+}
+
+.block_course_overview_campus {
+  h5::before {
+    content: "\f2bb" !important;
+
+  }
+}
+
+footer#page-footer {
+  text-align: center;
+  color: white;
+  background-color: $primary !important;
+
+  .block-region {
+    text-align: left;
+  }
+
+  .card {
+    color: white;
+    background-color: $primary;
+    border: none;
+
+    a,
+    .icon {
+      color: white;
+    }
+
+    .card-text {
+      margin-top: 2px !important;
+      padding-top: 14px;
+      border-top: 1px solid;
+    }
+  }
+
+  [data-region="footer-left"],
+  [data-region="footer-middle"],
+  [data-region="footer-right"] {
+    p {
+      margin-bottom: 0.5rem;
+
+      &:before {
+        font-family: FontAwesome;
+        display: inline-block;
+        padding-right: 6px;
+        vertical-align: middle;
+        content: "\f0da";
+      }
+    }
+  }
+
+  [data-region="footer-left"] {
+    .card-title {
+      &:before {
+        content: "\f0b1";
+      }
+    }
+  }
+
+  [data-region="footer-middle"] {
+    .card-title {
+      &:before {
+        content: "\f059";
+      }
+    }
+  }
+
+  [data-region="footer-right"] {
+    .card-title {
+      &:before {
+        content: "\f143";
+      }
+    }
+  }
+
+  ul.list {
+    li {
+      border: none;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important;
+
+      &:before {
+        font-family: FontAwesome;
+        display: inline-block;
+        padding-right: 6px;
+        vertical-align: middle;
+        content: "\f0da";
+      }
+
+      .link {
+        margin-left: 15px;
+        margin-top: -23px;
+      }
+    }
+  }
+}
+
+.m-l-3,
+.m-x-3 {
+  margin-left: 0 !important;
+}
+
+#goto-top-link {
+  z-index: 1;
+}
+
+#page-login-index {
+  .card-body .col-md-5 {
+    align-items: stretch;
+    display: flex;
+    flex-flow: column;
+
+    &:nth-child(2){
+      div:nth-child(2){
+        display: none;
+      }
+    }
+  }
+
+  #login {
+    display: flex;
+    flex-flow: column;
+    width: 100%;
+    height: 100%;
+  }
+
+  #loginbtn {
+    margin-top: auto !important;
+  }
+
+  .rememberpass {
+    display: none;
+  }
+
+  
+}
+
+#categoryquestions {
+  .modifiername {
+    @media screen and (min-width: 400px) {
+      width: 200px;
+      text-align: right;
+    }
+  }
+}
+
+div.course-content {
+  ul {
+    &.topics,
+    &.weeks, 
+    &.periods {
+      li.section.main {
+        padding-top: 1.5rem;
+        padding-bottom: 0.5rem;
+      }
+    }
+  }
+}
+
+
+.section .activity {
+  & .contentafterlink,
+  & .availabilityinfo {
+    margin-top: 0;
+    margin-bottom: 1em;
+
+    p {
+      margin-top: 0;
+    }
+  }
+}
+
+/*
+Dashboard   
+https://moodev.elc.hs-hannover.de/develop/my/
+- Meine Kurse
+- Kursübersicht
+Kurs        
+https://moodev.elc.hs-hannover.de/develop/course/view.php?id=16#section-1
+- Sektionsüberschriften
+- Aktiväten/Material
+Datei
+- https://moodev.elc.hs-hannover.de/develop/mod/resource/view.php?id=76&forceview=1
+Feedback
+- https://moodev.elc.hs-hannover.de/develop/mod/feedback/view.php?id=71&forceview=1
+Gegenseite beurteilung
+- https://moodev.elc.hs-hannover.de/develop/mod/workshop/view.php?id=77&forceview=1
+Textseite
+- https://moodev.elc.hs-hannover.de/develop/mod/page/view.php?id=64&forceview=1
+
+*/
+
+#page {
+  // For global links
+  /*
+  .content {
+    a[href]:not([href='']):not(.btn):not(.aabtn):not(.quickeditlink):not(#hshcourselistul a):not(#change-user-visibility):not(.arrow_link):not(#coc-hidecourseicon-4):not(.dropdown-item) {
+      color: $primary;
+      border-bottom: 1px solid $hsh-accent;
+
+      &:hover {
+        color: $primary;
+        text-decoration: none;
+        border-bottom: 1px solid $hsh-accent;
+        background-color: rgba($primary, 0.3);
+      }
+    }
+  }
+  */
+
+  // For specific sections
+  .contentwithlink,
+  .contentwithoutlink,
+  .contentafterlink,
+  .forumpost .body-content-container,
+  .forgetpass,
+  .mod_introbox,
+  .feedback_description,
+  .phasetasks,
+  .generalbox p,
+  #intro, 
+  .block_myoverview .course-listitem, 
+  .block_course_overview_campus .coursebox h3
+  {
+    a:not(.btn) {
+      color: $primary;
+      border-bottom: 1px solid $hsh-accent;
+
+      &:hover {
+        color: $primary;
+        text-decoration: none;
+        border-bottom: 1px solid $hsh-accent;
+        background-color: rgba($primary, 0.3);
+      }
+    }
+  }
+}
\ No newline at end of file