diff --git a/src/assets/app.js b/src/assets/app.js
deleted file mode 100644
index 0251da8bb7fb3299eeee6bf182ec86c5a8d03a6e..0000000000000000000000000000000000000000
--- a/src/assets/app.js
+++ /dev/null
@@ -1 +0,0 @@
-import '../../node_modules/bootstrap/dist/js/bootstrap'
diff --git a/src/assets/app.scss b/src/assets/app.scss
index 73684f0a627dd2848aad8b6bdfd3ad435bb0a160..7c912b5f9126c25d0762936c4614c273ef09d0fe 100644
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -5,19 +5,21 @@
 @import "../../node_modules/bootstrap-scss/functions"; 
 // @import "bootstrap/variables"; 
 @import "../../node_modules/bootstrap-scss/variables";
-// $theme-colors: map-remove($theme-colors, "primary", "danger"); 
+// $theme-colors: map-remove($theme-colors, "primary", "danger");
+@import "../../node_modules/bootstrap-scss/mixins" ;
 // Then add additional custom code here
 
 $thdblue: #1a4273; 
 $thddarkgrey: #6f6f6e; 
 $thdgrey: #a8a8a8; 
 $thdlightgrey: #dadada; 
-$green: rgb(91, 227, 0); // for tests
+$thddonaublue: #009fe3; // for tests
 
 $theme-colors: ( 
-    "primary": $thdblue, 
+    "primary": $thdblue,
+    "success":  $thddonaublue,
     "danger": rgb(231, 61, 85)
-    );
+);
 
 //$body-bg: $green;
 
diff --git a/src/components/navbar.vue b/src/components/navbar.vue
index 2a53d2859692a013b6f40f0677bcb411a30e9cc0..ceed91f9d2895176562e2ef63c6dfe017dcf8113 100644
--- a/src/components/navbar.vue
+++ b/src/components/navbar.vue
@@ -102,7 +102,7 @@
   background-color: rgba(0, 0, 0, 0.6);
 }
 /* if the windows is small the navbar will not be fixed top any more */
-@media (max-width: 991.98px) {
+@media (max-width: 1000 px) {
   .fixed-top {
     position: relative !important;
   }
diff --git a/src/views/SickForm.vue b/src/views/SickForm.vue
index cbf835c08268aa0f1197ca10e53cfc1c5c07dc3d..0f6d7c0242dfd042c78a7ed1ffc2920c66f7bd15 100644
--- a/src/views/SickForm.vue
+++ b/src/views/SickForm.vue
@@ -1,15 +1,15 @@
 <template>
   <form
-    class="container mb-3 mt-3 p-2 border border-info rounded"
+    class="container mb-3 mt-3 p-2 border border-success rounded needs-validation"
     @submit.prevent="OnSubmit"
     enctype="multipart/form-data"
   >
   <div class="row">
   <div class="col-md-8">
     <!--1. name-->
-    <div class="form-row">
+    <div class="form-row" >
       <div class="form-group col-md-5 col-sm-12 col-sm-12">
-        <label for="fname">Vorname</label>
+        <label for="fname" class="form-label">Vorname</label>
         <input
           type="text"
           class="form-control"
@@ -17,6 +17,7 @@
           v-model="patientStudent.ForeName"
           required
         />
+        <div class="valid-feedback">sieht gut aus!</div>
       </div>
       <div class="form-group col-md-5 col-sm-12">
         <label for="lname">Nachname</label>