remove unused scss classes, refactor scss to bootstrap classes

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

@@ -110,15 +110,6 @@ body {
   height: auto !important;
 }
 
-a,
-.copyright {
-  color: #5a7b02;
-}
-
-.font12em {
-  font-size: 1.2em;
-}
-
 .font2em {
   font-size: 1.5em;
 }
@@ -143,54 +134,10 @@ a,
   color: #0e79bc;
 }
 
-.gradido-global-color-text {
-  color: #3d443b;
-}
-
 .gradido-global-color-accent {
   color: #047006;
 }
 
-.gradido-global-color-6e0a9c9e {
-  color: #000;
-}
-
-.gradido-global-color-2d0fb154 {
-  color: #047006;
-}
-
-.gradido-global-color-16efe88c {
-  color: #7ebc55;
-}
-
-.gradido-global-color-1939326 {
-  color: #f6fff6;
-}
-
-.gradido-global-color-9d79fc1 {
-  color: #047006;
-}
-
-.gradido-global-color-6347f4d {
-  color: #5a7b02;
-}
-
-.gradido-global-color-4fbc19a {
-  color: #014034;
-}
-
-.gradido-global-color-d341874 {
-  color: #b6d939;
-}
-
-.gradido-global-color-619d338 {
-  color: #8ebfb1;
-}
-
-.gradido-global-color-44819a9 {
-  color: #026873;
-}
-
 .gradido-global-color-gray {
   color: #858383;
 }
@@ -200,26 +147,12 @@ a,
   border-radius: 25pt;
 }
 
-.gradido-max-width {
-  width: 100%;
-}
-
 .gradido-width-300 {
   width: 300px;
 }
 
-.gradido-absolute {
-  position: absolute;
-}
-
-.gradido-width-95-absolute {
-  width: 95%;
-  position: absolute;
-}
-
-.gradido-width-96-absolute {
+.gradido-width-96 {
   width: 96%;
-  position: absolute;
 }
 
 .gradido-no-border-radius {
@@ -230,14 +163,6 @@ a,
   border: 0;
 }
 
-.gradido-background-f1 {
-  background-color: #f1f1f1;
-}
-
-.gradido-background-white {
-  background-color: #fff;
-}
-
 .gradido-font-15rem {
   font-size: 1.5rem;
 }

frontend/src/components/DecayInformations/CollapseLinksList.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="collapse-links-list">
     <div class="d-flex">
-      <div class="gradido-max-width">
+      <div class="w-100">
         <hr />
         <div>
           <transaction-link

frontend/src/components/Menu/Navbar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="component-navbar gradido-background-white">
+  <div class="component-navbar">
     <b-navbar toggleable="lg" type="light" variant="faded">
       <div class="navbar-brand">
         <b-navbar-nav @click="$emit('set-visible', false)">

frontend/src/components/Transaction.vue

@@ -3,12 +3,12 @@
     <div class="list-group">
       <div class="list-group-item gdt-transaction-list-item" v-b-toggle="collapseId">
         <!-- icon  -->
-        <div class="text-right gradido-absolute">
+        <div class="text-right position-absolute">
           <b-icon :icon="getLinesByType.icon" :class="getLinesByType.iconclasses"></b-icon>
         </div>
 
         <!-- collaps Button  -->
-        <div class="text-right gradido-width-96-absolute">
+        <div class="text-right gradido-width-96 position-absolute">
           <b-icon
             :icon="getCollapseState(id) ? 'caret-up-square' : 'caret-down-square'"
             :class="getCollapseState(id) ? 'text-black' : 'text-muted'"