Font, typography, correct footer image

content/index.html

@@ -80,6 +80,7 @@ kind: empty
         <div class="span8">
           <article>
             <h1><a itemprop="blogPost" href="#">Ein Projektartikel</a></h1>
+            <h2>Ein Untertitel...</h2>
             <p>
             Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
             molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
@@ -87,6 +88,7 @@ kind: empty
             zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
             dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
             euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+            <h3>Unter-Unter-Überschrift</h3>
             <p>
             Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
             suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem

content/styles/_customfonts.scss

@@ -0,0 +1,22 @@
+@font-face {
+    font-family: 'TitilliumText';
+    src: url('/fonts/titilliumtext22l002-webfont.eot');
+    src: url('/fonts/titilliumtext22l002-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/titilliumtext22l002-webfont.woff') format('woff'),
+         url('/fonts/titilliumtext22l002-webfont.ttf') format('truetype'),
+         url('/fonts/titilliumtext22l002-webfont.svg#TitilliumText22LLight') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'TitilliumText';
+    src: url('/fonts/titilliumtext22l006-webfont.eot');
+    src: url('/fonts/titilliumtext22l006-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/fonts/titilliumtext22l006-webfont.woff') format('woff'),
+         url('/fonts/titilliumtext22l006-webfont.ttf') format('truetype'),
+         url('/fonts/titilliumtext22l006-webfont.svg#TitilliumText22LXBold') format('svg');
+    font-weight: bold;
+    font-style: normal;
+}
+

content/styles/_customstyles.scss

@@ -5,16 +5,46 @@ body {
   background-repeat: both;
 }
 
+p {
+  margin-bottom: 5px;
+}
+
 a:hover, a:focus {
   text-decoration: none;
 }
 
+h1,h2,h3,h4,h5,h6 {
+  a {
+    color: inherit;
+  }
+  a:hover, a:focus {
+    color: darken($cccsBlue, 15%);
+  }
+}
+
+h1,
+h2,
+h3 { line-height: $baseLineHeight * 1.5; }
+
+h1 { font-size: $baseFontSize * 2; }
+h2 { font-size: $baseFontSize * 1.5; }
+h3 { font-size: $baseFontSize * 1.25; }
+h4 { font-size: $baseFontSize * 1.25; }
+h5 { font-size: $baseFontSize; }
+h6 { font-size: $baseFontSize * 0.85; }
+
+h1 small { font-size: $baseFontSize * 1.75; }
+h2 small { font-size: $baseFontSize * 1.25; }
+h3 small { font-size: $baseFontSize; }
+h4 small { font-size: $baseFontSize; }
+
 #footer {
   #footerimage {
     text-align: right;
     border-bottom: 3px;
     border-bottom-color: $cccsGreen;
     border-bottom-style: solid;
+    padding-right: 12px;
   }
   footer {
     margin-left: -$mainPadding;

content/styles/_variables.scss

@@ -43,7 +43,7 @@ $linkColorHover:        darken($linkColor, 15%) !default;
 
 // Typography
 // -------------------------
-$sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$sansFontFamily:        "TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
 $serifFontFamily:       Georgia, "Times New Roman", Times, serif !default;
 $monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace !default;
 

content/styles/main.scss

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