Add codefor.de font

src/App.vue

@@ -34,15 +34,31 @@
 </script>
 
 <style lang="scss">
+  @font-face {
+      font-family: 'apercu-regular-pro';
+      src: url('./fonts/apercu-regular-pro.eot');
+      src: url('./fonts/apercu-regular-pro.eot?#iefix') format('embedded-opentype'),
+           url('./fonts/apercu-regular-pro.woff2') format('woff2'),
+           url('./fonts/apercu-regular-pro.woff') format('woff'),
+           url('./fonts/apercu-regular-pro.ttf') format('truetype');
+      font-weight: normal;
+      font-style: normal;
+  }
+
   html,
   body {
     margin: 0;
     padding: 0;
-    font-family: sans-serif;
+    font-family: apercu-regular-pro, sans-serif;
+    color: #212529;
   }
   .app {
     display: flex;
     min-height: 100vh;
     flex-direction: column;
   }
+  a, a.focus, a.hover, a.visited {
+    color: #212529;
+    text-decoration: underline;
+  }
 </style>

src/components/Info.vue

@@ -10,6 +10,9 @@
     <p>
       Die aktuelle Karte zeigt <span v-html="map.options.attribution"></span>. Hinter dem Link gibt es mehr Informationen.
     </p>
+    <p>
+      Die Bilder stammen aus dem <a href="https://www.stadtentwicklung.berlin.de/geoinformation/">Geoportal Berlin</a>, das von der Senatsverwaltung für Stadtentwicklung, Bauen und Wohnen des Landes Berlin betriben wird.
+    </p>
   </div>
 </template>
 
@@ -41,10 +44,6 @@
 
     padding: 10px 20px 20px 20px;
 
-    a {
-      text-decoration: none;
-    }
-
     pre {
       background-color: #333;
       color: white;
@@ -59,6 +58,7 @@
 
     .close {
       float: right;
+      text-decoration: none;
     }
 
     :last-child {

src/components/Nav.vue

@@ -134,16 +134,13 @@
       }
     }
 
-    a, a:hover, a:focus, a:visited {
-      color: #333;
-      text-decoration: none;
-    }
-    a:hover {
-      opacity: 0.5;
-    }
-
     h1 {
       margin: 0;
+      font-weight: normal;
+
+      a {
+        text-decoration: none;
+      }
     }
 
     .info {