change text colors to fit WCAG AAA requirements

resources/less/metager/startpage-only.less

@@ -84,11 +84,11 @@ html {
     }
     &>:nth-child(3) {
         background-color: #edfdff;
-        color: #1e5294
+        color: #0C4690;
     }
     &>:nth-child(4) {
         background-color: #e3ffe9;
-        color: #1a922e
+        color: #0c621A;
     }
 
     &>a {
@@ -212,17 +212,17 @@ footer {
 }
 
 #story-diversity > h1 {
-    color:#1e5294;
+    color: #0c4690;
 }
 
 #story-eco {
     grid-area: "icn-eco";
-    background-color: rgb(227, 255, 233);
+    background-color: #e3ffe9;
     clip-path: polygon(0 0, 40% 0, 50% @clippathHeight, 60% 0, 100% 0, 100% 100%, 0 100%);
 }
 
 #story-eco > h1 {
-    color:#1a922e;
+    color:#0c621a;
 }
 #story-container #story-plugin > h1 { 
     font-size:60px;
@@ -263,11 +263,11 @@ a.story-button { // sets the story-button for all sections
     color:#ffffff;
 }
 #story-diversity .story-button {
-    background-color: #1e4494;
+    background-color: #0c4690;
     color:#ffffff;
 }
 #story-eco .story-button {
-    background-color:#336633;
+    background-color:#0c621A;
     color:#ffffff;
 }
 #story-plugin .story-button {