Erstes Styling, Dummy-Startseite mit schema.org

content/styles/_customvars.scss

@@ -1,3 +1,8 @@
 // Font Awesome
 $FontAwesomePath: "/fonts";
 
+// Colors
+//$cccsBlue:  #001f3d;
+$cccsBlue:  #002e55;
+$cccsGreen: #95c03d;
+

content/styles/_variables.scss

@@ -32,12 +32,12 @@ $purple:                #7a43b6 !default;
 // Scaffolding
 // -------------------------
 $bodyBackground:        $white !default;
-$textColor:             $grayDark !default;
+$textColor:             $black !default;
 
 
 // Links
 // -------------------------
-$linkColor:             #08c !default;
+$linkColor:             $cccsGreen !default;
 $linkColorHover:        darken($linkColor, 15%) !default;
 
 
@@ -54,7 +54,7 @@ $altFontFamily:         $serifFontFamily !default;
 
 $headingsFontFamily:    inherit !default; // empty to use BS default, $baseFontFamily
 $headingsFontWeight:    bold !default;    // instead of browser default, bold
-$headingsColor:         inherit !default; // empty to use BS default, $textColor
+$headingsColor:         $cccsBlue !default;
 
 
 // Component sizing
@@ -185,8 +185,8 @@ $navbarBackground:                darken($navbarBackgroundHighlight, 5%) !defaul
 $navbarBorder:                    darken($navbarBackground, 12%) !default;
 
 $navbarText:                      #777 !default;
-$navbarLinkColor:                 #777 !default;
-$navbarLinkColorHover:            $grayDark !default;
+$navbarLinkColor:                 $cccsBlue !default;
+$navbarLinkColorHover:            darken($navbarLinkColor, 15%) !default;
 $navbarLinkColorActive:           $gray !default;
 $navbarLinkBackgroundHover:       transparent !default;
 $navbarLinkBackgroundActive:      darken($navbarBackground, 5%) !default;

content/styles/main.scss

@@ -9,9 +9,9 @@
  */
 
 // Core variables and mixins
+@import "customvars";
 // @import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
 @import "variables";
-@import "customvars";
 @import "bootstrap/mixins";
 
 // CSS Reset