Favicon (AOK-Logo) ersetzen und Hamburger-Menü auf Mobile reparieren

Favicon zeigte noch das echte AOK-Logo; durch ein neutrales
Kaffeetassen-Icon in der Marken-Grünfarbe der Seite ersetzt.

Das Sidebar-Toggle-Icon nutzte ein Font-Awesome-Glyph, dessen CSS nie
eingebunden war und dessen Webfont-Dateien im Repo fehlen - das Icon
konnte dadurch nie gerendert werden. Durch ein reines CSS-Hamburger-
Symbol (drei Balken via box-shadow) ersetzt, das ohne Font-Abhängigkeit
auskommt. Per Puppeteer im mobilen Viewport (375x812) verifiziert:
Sidebar öffnet sich beim Tippen auf das Icon und Linkklicks navigieren
korrekt.

assets/css/main.css

@@ -1976,26 +1976,16 @@ button,
     width: 6em;
     z-index: 10000; }
     #sidebar .toggle:before {
-      -moz-osx-font-smoothing: grayscale;
-      -webkit-font-smoothing: antialiased;
-      display: inline-block;
-      font-style: normal;
-      font-variant: normal;
-      text-rendering: auto;
-      line-height: 1;
-      text-transform: none !important;
-      font-family: 'Font Awesome 5 Free';
-      font-weight: 900; }
-    #sidebar .toggle:before {
-      content: '\f0c9';
-      font-size: 2rem;
-      height: inherit;
-      left: 0;
-      line-height: inherit;
+      content: '';
+      display: block;
       position: absolute;
-      text-indent: 0;
-      top: 0;
-      width: inherit; }
+      top: 50%;
+      left: 50%;
+      width: 1.6rem;
+      height: 2px;
+      background: #7f888f;
+      box-shadow: 0 -0.5rem 0 0 #7f888f, 0 0.5rem 0 0 #7f888f;
+      transform: translate(-50%, -50%); }
   #sidebar.inactive {
     margin-left: -26em; }
   @media screen and (max-width: 1680px) {
@@ -2014,8 +2004,6 @@ button,
         line-height: 6.25em;
         text-indent: 5em;
         width: 5em; }
-        #sidebar .toggle:before {
-          font-size: 1.5rem; }
       #sidebar.inactive {
         margin-left: -24em; } }
   @media screen and (max-width: 1280px) {
@@ -2044,9 +2032,6 @@ button,
       #sidebar .toggle {
         text-indent: 6em;
         width: 6em; }
-        #sidebar .toggle:before {
-          font-size: 1.5rem;
-          margin-left: -0.4375em; }
       body.is-preload #sidebar {
         display: none; } }
   @media screen and (max-width: 736px) {
@@ -2054,10 +2039,6 @@ button,
       text-indent: 7.25em;
       width: 7.25em; }
       #sidebar .toggle:before {
-        color: #7f888f;
-        margin-left: -0.0625em;
-        margin-top: -0.25em;
-        font-size: 1.1rem;
         z-index: 1; }
       #sidebar .toggle:after {
         background: rgba(222, 225, 226, 0.75);