fixed stylelint

frontend/src/App.vue

@@ -17,16 +17,17 @@ export default {
 }
 </script>
 <style>
+@font-face {
+  font-family: 'WorkSans', sans-serif !important;
+  src: url(./assets/scss/fonts/WorkSans-VariableFont_wght.ttf) format('truetype');
+}
 #app {
   height: 100%;
   min-width: 360px;
   font-size: 1rem;
-  font-family: 'WorkSans';
-}
-@font-face {
-  font-family: 'WorkSans';
-  src: url(./assets/scss/fonts/WorkSans-VariableFont_wght.ttf) format('truetype');
+  font-family: 'WorkSans', sans-serif !important;
 }
+
 @media screen and (max-width: 500px) {
   #app {
     font-size: 0.85rem;

frontend/src/assets/scss/gradido-template.scss

@@ -1,4 +1,5 @@
-html, body {
+html,
+body {
   height: 100%; /* both html and body */
 }
 
@@ -8,11 +9,11 @@ html, body {
 }
 
 .text-gradido {
-    color: rgba(249,205,105,1)
+  color: rgb(249 205 105 / 100%);
 }
 
 .gradient-gradido {
-    background-image: linear-gradient(146deg, rgb(220, 167, 44) 50%, rgba(197,141,56,1) 100%);
+  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
 }
 
 /* Button */
@@ -21,12 +22,12 @@ html, body {
 }
 
 .btn-gradido {
-    background-image: linear-gradient(146deg, rgb(220, 167, 44) 50%, rgba(197,141,56,1) 100%);
+  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
   background-size: auto;
   background-position: 0% 0%;
   background-repeat: repeat;
   border-style: none;
-    box-shadow: 10px 10px 50px 10px rgba(56, 56, 56, 0.31);
+  box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
   color: #fff;
 }
 
@@ -39,11 +40,12 @@ html, body {
 }
 
 .btn-outline-gradido {
-      color: rgb(248,161,27);
-      border: 1px solid #F5B805;
+  color: rgb(248 161 27);
+  border: 1px solid #f5b805;
 }
 
-  .form-control, .custom-select {
+.form-control,
+.custom-select {
   border-radius: 17px;
   height: 50px;
 }
@@ -117,8 +119,8 @@ html, body {
   z-index: 1000;
 }
 
-  .gradido-global-color-0E79BC {
-    color: #0E79BC;
+.gradido-global-color-blue {
+  color: #0e79bc;
 }
 
 .gradido-global-color-text {

frontend/src/assets/scss/gradido.scss

@@ -51,5 +51,4 @@
 
 // Bootstrap-vue (2.21.1) scss
 @import "../../../node_modules/bootstrap-vue/src/index";
-
-@import "gradido-template.scss";
+@import "gradido-template";

frontend/src/components/Auth/Header.vue

@@ -35,7 +35,8 @@ export default {
 </script>
 <style lang="scss">
 .auth-header {
-  font-family: 'Open Sans';
+  font-family: 'Open Sans', sans-serif !important;
+  position: sticky;
 }
 .navbar-collapse {
   margin-left: 20px;
@@ -45,10 +46,6 @@ export default {
   padding-bottom: 10px;
 }
 
-.auth-header {
-  position: sticky;
-}
-
 .g-logo-radius {
   -webkit-border-top-right-radius: 77px;
   -webkit-border-bottom-right-radius: 137px;

frontend/src/layouts/AuthLayout_gdd.vue

@@ -30,7 +30,7 @@
           {{ $t('auth.left.hasAccount') }}
           <b-link
             to="/login"
-            class="text-gradido gradido-global-color-0E79BC"
+            class="text-gradido gradido-global-color-blue"
             @click="mobilStart = false"
           >
             {{ $t('auth.left.hereLogin') }}