QJZ-996-32754: Form styles

Author: Simon L. Lange

web/themes/custom/subsites/fds_ringsted_theme/dist/stylesheets/stylesheet.css

@@ -76,10 +76,11 @@ $custom-input-left-right-padding: 20px;
 .form-label,
 .form-composite > legend,
 .label {
-  font-size: 1.3rem;
+  font-size: 18px;
   font-weight: initial;
   color: $color-black;
-  margin: 12px 0 0 10px;
+  margin: 12px 0 0 0px;
+  font-family: "Museo 500", Helvetica, Arial, sans-serif;
 }
 .form-group {
   margin-top: 0;
@@ -155,6 +156,9 @@ body {
   .form-hint.description {
     font-size: $base-font-size;
   }
+  .form-label.option {
+    font-size: 14px !important;
+  }
 }
 
 .form-select {
@@ -342,6 +346,18 @@ form {
   }
 }
 
+.form-required:after {
+  content: '*';
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  margin: 0 0.3em;
+  vertical-align: super;
+  /* Use a background image to prevent screen readers from announcing the text. */
+  background-repeat: no-repeat;
+  background-size: 6px 6px;
+}
+
 // --------------------------------------------------
 // Responsive
 // --------------------------------------------------