Farbige Labels & groessere Checkboxes/Radiobuttons

theme.scss

@@ -1,6 +1,3 @@
-//Hier das Theme einfuegen
-
-
 //Schrift
 @font-face {
   font-family: 'DGUV';
@@ -9,7 +6,7 @@
 }
 #root {
   font-family: "DGUVMetaWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-weight: 400;
+  font-weight: normal;
   font-size: 100%;
   color: #3c3c3c;
 }
@@ -28,8 +25,8 @@
   background-color: white !important;
   box-shadow: none;
   border-bottom-style: solid;
-  border-bottom-width: 1.5px;
-  border-bottom-color: rgba(0, 0, 0, 0.5);
+  border-bottom-width: 1px;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
   @extend .navbar-light;
 }
 
@@ -42,8 +39,25 @@ input {
   height: 48px !important;
 }
 
-.vjf_wrap {
-  padding: 10px;
+.vjf_wrap{
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.vjf_control label {
+  color: $primary-light;
+  font-weight: bold;
+}
+
+.vjf_control * {
+  color: $black;
+  font-weight: normal;
+}
+
+.custom-control {
+  height: $custom-control-indicator-size+0.4rem;
+  margin-top: 0.3rem;
+  //margin-bottom: 0.4rem;
 }
 
 //  Datetime

variables.scss

@@ -1,7 +1,13 @@
 //Hier die Variablen einfuegen
 
+
 $primary-light: #0063af;
 
 
 $enable-rounded: false;
 
+
+$custom-control-indicator-size: 1.5rem;
+
+//$b-custom-checkbox-indicator-border-radius: 1.8rem !default;
+