diff --git a/404.html b/404.html
index f30188112d..f6c92e74ef 100644
--- a/404.html
+++ b/404.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index d33cc16f05..74e74df49d 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,24 +9,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title> :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/changelog/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -701,13 +717,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -719,6 +735,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index ae2b36beef..96645103a6 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Configuration :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/configuration/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/configuration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -363,13 +379,13 @@ default values:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -381,6 +397,6 @@ default values:</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index d88b1cffba..734ec24cb1 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Customization :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/customization/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/customization/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -323,13 +339,13 @@ You could use an <code>img</code> HTML tag and reference an image created under
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -341,6 +357,6 @@ You could use an <code>img</code> HTML tag and reference an image created under
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index a87a29e2e0..7050df4394 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Stylesheet generator :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/generator/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/generator/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -281,13 +297,13 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -299,6 +315,6 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 5d541d943f..1867dce87b 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>History :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/history/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/history/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -703,13 +719,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -721,6 +737,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index f7505a43e5..65996a60f8 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Basics :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -250,13 +266,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -268,6 +284,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 74a08aaee8..4a2da53921 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Installation :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/installation/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/installation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -319,13 +335,13 @@ hugo new basics/second-content/_index.md
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -337,6 +353,6 @@ hugo new basics/second-content/_index.md
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 2c101d674f..d6a2baabe9 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>What&#39;s new :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/migration/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/migration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -484,13 +500,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -502,6 +518,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 4b9a6defdc..894c8d0eb7 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Requirements :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/requirements/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/basics/requirements/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -250,13 +266,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -268,6 +284,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 90f1cdb30b..edb50a67ef 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/categories/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/categories/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -241,13 +257,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -259,6 +275,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 703fa1157b..cb764c42f7 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Archetypes :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/archetypes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -287,13 +303,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -305,6 +321,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index c499a55f46..e5aa88cae2 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Multilingual and i18n :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/i18n/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/i18n/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -323,13 +339,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -341,6 +357,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/icons/index.html b/cont/icons/index.html
index 29202043a4..abe184754a 100644
--- a/cont/icons/index.html
+++ b/cont/icons/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Icons and logos :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/icons/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -278,13 +294,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -296,6 +312,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index f56d7af58c..3effc35b51 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Content :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -250,13 +266,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -268,6 +284,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 49f37a1132..b53b4b7ae6 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Markdown syntax :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/markdown/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -803,13 +819,13 @@ grunt.initConfig({
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -821,6 +837,6 @@ grunt.initConfig({
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 18992da422..67edd8cac0 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Menu extra shortcuts :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/menushortcuts/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -365,13 +381,13 @@ However, if you want to keep the title but change its value, it can be overriden
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -383,6 +399,6 @@ However, if you want to keep the title but change its value, it can be overriden
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index c472ab3e30..5323c392bb 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Pages organization :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/cont/pages/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/pages/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -406,13 +422,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -424,6 +440,6 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index 000dbc95cb..6b492fdde0 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Code highlighting :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/syntaxhighlight/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -303,13 +319,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -321,6 +337,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index 844a7b48b3..cf90e4a1d0 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tags :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/cont/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -279,13 +295,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -297,6 +313,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/css/theme.css b/css/theme.css
index 7319ea2dcc..e33eb5a9a1 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -101,7 +101,7 @@ th {
 
 #header-wrapper {
     background-color: #7dc903; /* var(--MENU-HEADER-BG-color) */
-    color: #efefef; /* var(--MENU-SEARCH-color) */
+    color: #e0e0e0; /* var(--MENU-SEARCH-color) */
     text-align: center;
     border-bottom: 4px solid #7dc903; /* var(--MENU-HEADER-BORDER-color) */
     padding: 1rem;
@@ -113,9 +113,9 @@ th {
 }
 
 .searchbox {
-    border: 1px solid #efefef; /* var(--MENU-SEARCH-BOX-color) */
+    border: 1px solid #e0e0e0; /* var(--MENU-SEARCH-BOX-color) */
     border-radius: 4px;
-    background-color: #3d414d; /* var(--MENU-SEARCH-BG-color) */
+    background-color: #323232; /* var(--MENU-SEARCH-BG-color) */
     position: relative;
     margin-top: 1rem;
 }
diff --git a/index.html b/index.html
index 66d20c0163..1c7106bd6e 100644
--- a/index.html
+++ b/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Relearn Theme for Hugo :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -302,13 +318,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -320,6 +336,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/more/credits/index.html b/more/credits/index.html
index 673404a944..c13af6a145 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Credits :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/credits/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/more/credits/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -265,13 +281,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -283,6 +299,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/more/showcase/index.html b/more/showcase/index.html
index 17eba4b814..41ada63bea 100644
--- a/more/showcase/index.html
+++ b/more/showcase/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Showcase :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/more/showcase/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/more/showcase/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -261,13 +277,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -279,6 +295,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 62820f329b..16765fe1a7 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571451" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571451" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571451" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571451" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571451"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571451"></script>
     <style>
       p, li, ul {
         text-align: center
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 7ef3449cb0..ab90f94a03 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Configurrrat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/configuration/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/configuration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -358,13 +374,13 @@ default values:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -376,6 +392,6 @@ default values:</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 4c8725efa9..21b946ffaf 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Customizat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/customization/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/customization/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -314,13 +330,13 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -332,6 +348,6 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 7363f5e681..ad4cfae5e7 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Stylesheet generrrat&#39;r :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/generator/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/generator/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -280,13 +296,13 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -298,6 +314,6 @@ variants.generator( '#vargenerator', '.vardownload', '.varreset' );
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 4e5a7ad8d3..df507c1a9f 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Historrry :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/history/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/history/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -548,13 +564,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -566,6 +582,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 8502c1e122..9863e69eb5 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Basics :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -259,13 +275,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -277,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 5f6ba10ef5..a5426bcc14 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Installat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/installation/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/installation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -312,13 +328,13 @@ hugo new basics/second-content/_index.md
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -330,6 +346,6 @@ hugo new basics/second-content/_index.md
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index 6d4bb9d54d..26b50d5732 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Migrrrat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/migration/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/migration/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -472,13 +488,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -490,6 +506,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index b7ce1d8f9f..48018441ba 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Requirrrements :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/basics/requirements/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/basics/requirements/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -259,13 +275,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -277,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 8c2d2782f7..4124ade126 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Categories :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/categories/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/categories/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -241,13 +257,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -259,6 +275,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 5e8db8aa5b..48e40f928c 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Arrrchetypes :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/archetypes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -285,13 +301,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -303,6 +319,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 0c681ddccf..264b46c960 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Multilingual an&#39; i18n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/i18n/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/i18n/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -320,13 +336,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -338,6 +354,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/icons/index.html b/pir/cont/icons/index.html
index 158458fecd..9305641042 100644
--- a/pir/cont/icons/index.html
+++ b/pir/cont/icons/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Ay&#39;cons an&#39; logos :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/icons/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -275,13 +291,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -293,6 +309,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index f9af340790..866695fc17 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Rambl&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -259,13 +275,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -277,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 1287b27b39..b6a06401ca 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Marrrkdown rules :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/markdown/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -750,13 +766,13 @@ grunt.initConfig({
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -768,6 +784,6 @@ grunt.initConfig({
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index e29d0ea50b..229bdd1d62 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Menu extrrra shorrrtcuts :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/menushortcuts/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -363,13 +379,13 @@ However, if ye want t' keep th' title but change its value, it can be overriden
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -381,6 +397,6 @@ However, if ye want t' keep th' title but change its value, it can be overriden
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index c5802a3dcb..8120793692 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Planks orrrganizat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/cont/pages/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/pages/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -389,13 +405,13 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -407,6 +423,6 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index 9757e9b760..fab1e2ce71 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Code highlight&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/syntaxhighlight/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -300,13 +316,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -318,6 +334,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index ae7af28fc1..4a9dd81905 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tags :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/cont/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 689a51ab83..198c687691 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Relearrrn Theme fer Cap&#39;n Hugo :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -297,13 +313,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -315,6 +331,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 13ea8a9f53..ee341a1163 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Crrredits :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/credits/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/more/credits/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -274,13 +290,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -292,6 +308,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.html b/pir/more/showcase/index.html
index b7a1877cad..ca72a55e77 100644
--- a/pir/more/showcase/index.html
+++ b/pir/more/showcase/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Showcase :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/more/showcase/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/more/showcase/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -259,13 +275,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -277,6 +293,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 43e1f6317c..d2f0e24799 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Attachments :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/attachments/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -436,13 +452,13 @@ Currently, it support two implementat'ns fer planks</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -454,6 +470,6 @@ Currently, it support two implementat'ns fer planks</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 01e99c0aef..d790732f1e 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Button :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/button/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
index a5a192a401..e07429d176 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1-1-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -271,13 +287,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -289,6 +305,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
index 43755173e6..6633364f08 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1-1 (hidden) :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
index 5650905ddb..45183c27bb 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -273,13 +289,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -291,6 +307,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
index cf273ba8ae..5c579b6708 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-1 (hidden) :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -272,13 +288,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -290,6 +306,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
index ba7327ca3e..a78089bf9e 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-2-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -265,13 +281,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -283,6 +299,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
index 5499fb6aaa..d0b269c89d 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-2-2 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -265,13 +281,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -283,6 +299,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 9c9332d91e..8e5a598982 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-2 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -271,13 +287,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -289,6 +305,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
index 88b322001f..db23f19b9e 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1-3 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -264,13 +280,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -282,6 +298,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/children-1-1/index.html b/pir/shortcodes/children/children-1/children-1-1/index.html
index 41bda96de9..bddc4e3490 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -271,13 +287,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -289,6 +305,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 806adcec8b..3027d23f77 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -268,13 +284,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -286,6 +302,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 27f296041e..a8aff40205 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 2 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-2/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,13 +279,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -281,6 +297,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 0fbc895411..0626e1b7c0 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 3 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-3/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -268,13 +284,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -286,6 +302,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/test3/index.html b/pir/shortcodes/children/children-3/test3/index.html
index e44aec2811..4e8b8edd8f 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank 3-1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,13 +278,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -280,6 +296,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index fd918494fd..b209721baf 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Plank 4 (hidden) :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/children-4/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/children-4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -263,13 +279,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -281,6 +297,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index bb260a55d3..d2f3aa44cd 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Children :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/children/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -405,13 +421,13 @@ So its rrrambl'n be used as descript'n.</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -423,6 +439,6 @@ So its rrrambl'n be used as descript'n.</p>
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 573210451e..025d07264a 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Plank X :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/children/test/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 541a53b2de..a5def0a8b6 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Expand :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/expand/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -384,13 +400,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -402,6 +418,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 2a73286e5f..0f956c4a72 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Include :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/include/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -287,13 +303,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -305,6 +321,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index fb599327b1..ac6482de55 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Shorrrtcodes :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/shortcodes/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -302,13 +318,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -320,6 +336,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index f1d7179300..a15c1a6cd5 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Merrrmaid :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/mermaid/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -489,13 +505,13 @@ classDiagram
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -507,6 +523,6 @@ classDiagram
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index e58af1aad6..6dcc2598fc 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Notice :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/notice/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -491,13 +507,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -509,6 +525,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index f3314b0fc8..89875d8cb9 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Ship param :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/siteparam/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -267,13 +283,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -285,6 +301,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 23f73255c6..00c9c3361f 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>Tabbed views :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/shortcodes/tabs/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -426,13 +442,13 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -444,6 +460,6 @@ from th' <code>'default'</code> group on a different plank then all tabs will be
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index c57fa61e45..9c7868e81d 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/children/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -256,13 +272,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -274,6 +290,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 4b1d7e3ac2..b652dea03e 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/documentatn/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/documentatn/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -242,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -260,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 540c32ebee..22d3524226 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/hidden/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -247,13 +263,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571451"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -265,6 +281,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571451"></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 4236cf2922..2f63f6f862 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -246,13 +262,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -264,6 +280,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 42674990ac..1a45d2c5b5 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/non-hidden/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571451" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571451" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571451" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571451" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571451"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571451"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/non-hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571451"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571451"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571451"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -251,13 +267,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571451"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -269,6 +285,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571451"></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index db5c8aa0f6..880ad4d98c 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tags/tutorrrial/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571451" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571451" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571451" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571451" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571451" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571451"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571451"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tags/tutorrrial/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571451"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571451"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571451"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -242,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571451"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571451"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -260,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571451"></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index 515439fd06..4412dbf338 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Code :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/code/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tests/code/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -281,13 +297,13 @@ Some preformatted stuff 'n HTML elements
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -299,6 +315,6 @@ Some preformatted stuff 'n HTML elements
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index b1fe13ac33..8439fb1b9f 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Tests :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/tests/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/tests/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -273,13 +289,13 @@ What about wrapp'n long inline code if multiple sections be written side567/by34
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -291,6 +307,6 @@ What about wrapp'n long inline code if multiple sections be written side567/by34
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/1/index.html b/pir/yours/1/index.html
index f1904b3582..ab595bac6f 100644
--- a/pir/yours/1/index.html
+++ b/pir/yours/1/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>1 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/10/index.html b/pir/yours/10/index.html
index e40e78a73d..af33404898 100644
--- a/pir/yours/10/index.html
+++ b/pir/yours/10/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/10/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/2/index.html b/pir/yours/2/index.html
index 26bd62abc8..86aad58805 100644
--- a/pir/yours/2/index.html
+++ b/pir/yours/2/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>2 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/3/index.html b/pir/yours/3/index.html
index 67e9d41cb2..968d1bb590 100644
--- a/pir/yours/3/index.html
+++ b/pir/yours/3/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>3 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/4/index.html b/pir/yours/4/index.html
index 50eb770f43..4a56135343 100644
--- a/pir/yours/4/index.html
+++ b/pir/yours/4/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>4 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/5/index.html b/pir/yours/5/index.html
index e83a046796..3d82e1bd7f 100644
--- a/pir/yours/5/index.html
+++ b/pir/yours/5/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>5 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/5/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/6/index.html b/pir/yours/6/index.html
index 5da0f652ea..c27612d9d0 100644
--- a/pir/yours/6/index.html
+++ b/pir/yours/6/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>6 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/6/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/7/index.html b/pir/yours/7/index.html
index 110ab725cd..e58182ed1f 100644
--- a/pir/yours/7/index.html
+++ b/pir/yours/7/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>7 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/7/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/8/index.html b/pir/yours/8/index.html
index bc9c8fd5d2..b7667f4748 100644
--- a/pir/yours/8/index.html
+++ b/pir/yours/8/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>8 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/8/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/9/index.html b/pir/yours/9/index.html
index 4d88de4e05..8a995a662d 100644
--- a/pir/yours/9/index.html
+++ b/pir/yours/9/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>9 :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/9/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -257,13 +273,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -275,6 +291,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/children-1/index.html b/pir/yours/children-1/index.html
index 408746eaad..f06c365541 100644
--- a/pir/yours/children-1/index.html
+++ b/pir/yours/children-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Th&#39; one an&#39; only hidden child :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/children-1/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -269,13 +285,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -287,6 +303,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/pir/yours/index.html b/pir/yours/index.html
index c31fd62b93..33ecac8edf 100644
--- a/pir/yours/index.html
+++ b/pir/yours/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>This could be yers :: Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/pir/yours/index.xml" title="Documentat&#39;n fer Cap&#39;n Hugo Relearrrn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570258" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570258" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570258" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570258" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570258" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571450" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571450" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571450" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571450" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571450" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571450"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571450"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/pir/yours/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/pir/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Searrrch...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570258"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570258"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571450"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571450"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -270,13 +286,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570258"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571450"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571450"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -288,6 +304,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link t\u0027 clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link t\u0027 clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570258"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571450"></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 2caa9eb366..c62832af57 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="The Attachments shortcode displays a list of files attached to a page">
     <meta name="author" content="Sören Weber">
     <title>Attachments :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/attachments/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -434,13 +450,13 @@ Currently, it support two implementations for pages</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -452,6 +468,6 @@ Currently, it support two implementations for pages</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 3163c010dd..a5becb79c1 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Nice buttons on your page">
     <meta name="author" content="Sören Weber">
     <title>Button :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/button/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -267,13 +283,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -285,6 +301,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
index 1b42a1d77b..0675c83ff1 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1-1-1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -262,13 +278,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -280,6 +296,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
index a24bca6d68..fa2722f7f9 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1-1 (hidden) :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
index ade8dfe55c..96294def0c 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1-1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -274,13 +290,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -292,6 +308,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
index dcd35c0b64..d42be02b15 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-1 (hidden) :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -273,13 +289,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -291,6 +307,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
index 7b566da978..e4beb67a11 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-2-1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -256,13 +272,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -274,6 +290,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
index 25c0879139..d0a28ce03a 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-2-2 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -256,13 +272,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -274,6 +290,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
index 309d2cd92e..2145440e15 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-2 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -272,13 +288,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -290,6 +306,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
index 7e627135fc..e344057363 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1-3 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -255,13 +271,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -273,6 +289,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/children-1-1/index.html b/shortcodes/children/children-1/children-1-1/index.html
index cff3cdeaa1..c0c0f9d19d 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1-1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -272,13 +288,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -290,6 +306,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 21236c64db..87316b42fc 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 1 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -269,13 +285,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -287,6 +303,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 1e431a6bed..3fecd4297f 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 2 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-2/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -254,13 +270,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -272,6 +288,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index f0cabc157b..0b2064dad2 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 3 :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-3/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -269,13 +285,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -287,6 +303,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index a58fccc4c1..f555c650f1 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="This is a plain page test nested in a parent">
     <meta name="author" content="Sören Weber">
     <title>page 3-1 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-3/test3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -253,13 +269,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -271,6 +287,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index b2c00b8a10..5f7b467c03 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>page 4 (hidden) :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/children-4/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/children-4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -254,13 +270,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -272,6 +288,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 156c4d6d22..61009a8e46 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Children :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/children/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -407,13 +423,13 @@ So its content is used as description.</p>
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -425,6 +441,6 @@ So its content is used as description.</p>
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 9a0b571b66..e37bf4ab16 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -9,24 +9,24 @@
 ">
     <meta name="author" content="Sören Weber">
     <title>page X :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/children/test/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -249,13 +265,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -267,6 +283,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index d6ed044daf..0d4c2b382c 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Displays an expandable/collapsible section of text on your page">
     <meta name="author" content="Sören Weber">
     <title>Expand :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/expand/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -392,13 +408,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -410,6 +426,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index abddf9833e..c51fd84505 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Displays content from other Markdown files">
     <meta name="author" content="Sören Weber">
     <title>Include :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/include/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -293,13 +309,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -311,6 +327,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index aace973e94..dc4bf19ae6 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,24 +9,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title> :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/include_me/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -260,13 +276,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -278,6 +294,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 73477dcd65..3ad63ae186 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Shortcodes :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/shortcodes/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -293,13 +309,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -311,6 +327,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 908a5b7168..1f4d858cde 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Generation of diagram and flowchart from text in a similar manner as Markdown">
     <meta name="author" content="Sören Weber">
     <title>Mermaid :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/mermaid/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -504,13 +520,13 @@ classDiagram
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -522,6 +538,6 @@ classDiagram
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index ec6da4272e..b69a768fbe 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Disclaimers to help you structure your page">
     <meta name="author" content="Sören Weber">
     <title>Notice :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/notice/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -501,13 +517,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -519,6 +535,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 3c2ebb46fd..a568508bc2 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Get value of site params variables in your page">
     <meta name="author" content="Sören Weber">
     <title>Site param :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/siteparam/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -269,13 +285,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -287,6 +303,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index d6c4d0d855..dc09585d8f 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Synchronize selection of content in different tabbed views">
     <meta name="author" content="Sören Weber">
     <title>Tabbed views :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/shortcodes/tabs/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -428,13 +444,13 @@ from the <code>'default'</code> group on a different page then all tabs will be
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -446,6 +462,6 @@ from the <code>'default'</code> group on a different page then all tabs will be
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 5316946967..4ddd9b3dc5 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>children :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/children/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/children/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -256,13 +272,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -274,6 +290,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 6ff0034fb4..a014e326f2 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/documentation/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/documentation/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -242,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -260,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 1c7b2de9da..31ccfd3bfd 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>hidden :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/hidden/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -247,13 +263,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -265,6 +281,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 9ff4209040..63aa4935a9 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Tags :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -246,13 +262,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -264,6 +280,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 80182d89b7..fdf99e92cd 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>non-hidden :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/non-hidden/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/non-hidden/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -251,13 +267,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -269,6 +285,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 6efabdae4f..73bdef4db7 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tags/tutorial/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tags/tutorial/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -242,13 +258,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -260,6 +276,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index efe2a2a18f..deac9a807f 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Code :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/code/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tests/code/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -284,13 +300,13 @@ Some preformatted stuff in HTML elements
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -302,6 +318,6 @@ Some preformatted stuff in HTML elements
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index cb112e6c55..c77733c646 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>Tests :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/tests/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/tests/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -264,13 +280,13 @@ What about wrapping long inline code if multiple sections are written side567/by
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -282,6 +298,6 @@ What about wrapping long inline code if multiple sections are written side567/by
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/1/index.html b/yours/1/index.html
index 3714a62fb3..5b2175f49c 100644
--- a/yours/1/index.html
+++ b/yours/1/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>1 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/10/index.html b/yours/10/index.html
index da6fa4f18d..96f1909693 100644
--- a/yours/10/index.html
+++ b/yours/10/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>10 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/10/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/11.de/index.html b/yours/11.de/index.html
index dfa06d6e6a..3721ba2724 100644
--- a/yours/11.de/index.html
+++ b/yours/11.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/11.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/12.de/index.html b/yours/12.de/index.html
index eb459293be..17f336af95 100644
--- a/yours/12.de/index.html
+++ b/yours/12.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>12 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/12.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/13.de/index.html b/yours/13.de/index.html
index d4710b2809..8635df28d8 100644
--- a/yours/13.de/index.html
+++ b/yours/13.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>13 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/13.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/14.de/index.html b/yours/14.de/index.html
index cb4d701692..a22c379363 100644
--- a/yours/14.de/index.html
+++ b/yours/14.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>14 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/14.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/15.de/index.html b/yours/15.de/index.html
index 238d573122..387a5362a1 100644
--- a/yours/15.de/index.html
+++ b/yours/15.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>15 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/15.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/16.de/index.html b/yours/16.de/index.html
index 79c2c155c2..6cc42a6101 100644
--- a/yours/16.de/index.html
+++ b/yours/16.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>16 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/16.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/17.de/index.html b/yours/17.de/index.html
index 2dc73ddf14..c12567c7aa 100644
--- a/yours/17.de/index.html
+++ b/yours/17.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>17 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/17.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/18.de/index.html b/yours/18.de/index.html
index 19f9265af6..ea3cc54c55 100644
--- a/yours/18.de/index.html
+++ b/yours/18.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>18 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/18.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/19.de/index.html b/yours/19.de/index.html
index d7f6589785..35138e9187 100644
--- a/yours/19.de/index.html
+++ b/yours/19.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>19 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/19.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/2/index.html b/yours/2/index.html
index 8dfda6a281..ee30745b76 100644
--- a/yours/2/index.html
+++ b/yours/2/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>2 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/2/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/20.de/index.html b/yours/20.de/index.html
index 06818c0943..30c28c3144 100644
--- a/yours/20.de/index.html
+++ b/yours/20.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>20 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/20.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/21.de/index.html b/yours/21.de/index.html
index e2254ccdab..cc7a6cc389 100644
--- a/yours/21.de/index.html
+++ b/yours/21.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>21 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/21.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/22.de/index.html b/yours/22.de/index.html
index 5e441a366a..b00fefdfce 100644
--- a/yours/22.de/index.html
+++ b/yours/22.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>22 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/22.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/23.de/index.html b/yours/23.de/index.html
index 3bb9ffd4a1..2e8ffc121c 100644
--- a/yours/23.de/index.html
+++ b/yours/23.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>23 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/23.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/24.de/index.html b/yours/24.de/index.html
index 59b213e370..1c189f5223 100644
--- a/yours/24.de/index.html
+++ b/yours/24.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>24 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/24.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/25.de/index.html b/yours/25.de/index.html
index ad8b247c79..4a40a4b46a 100644
--- a/yours/25.de/index.html
+++ b/yours/25.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>25 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/25.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/26.de/index.html b/yours/26.de/index.html
index 5b8ff3a209..6ae8068820 100644
--- a/yours/26.de/index.html
+++ b/yours/26.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>26 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/26.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/27.de/index.html b/yours/27.de/index.html
index 56857e5684..4899c325ac 100644
--- a/yours/27.de/index.html
+++ b/yours/27.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>27 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/27.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/28.de/index.html b/yours/28.de/index.html
index 063a414a28..b5c47def77 100644
--- a/yours/28.de/index.html
+++ b/yours/28.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>28 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/28.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/29.de/index.html b/yours/29.de/index.html
index 2a90f9f3b2..bb86285f05 100644
--- a/yours/29.de/index.html
+++ b/yours/29.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>29 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/29.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/3/index.html b/yours/3/index.html
index d90bb53815..131cdc1f3b 100644
--- a/yours/3/index.html
+++ b/yours/3/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>3 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/3/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/30.de/index.html b/yours/30.de/index.html
index 1858aa2c80..43de8a31e3 100644
--- a/yours/30.de/index.html
+++ b/yours/30.de/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>30 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/30.de/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -276,13 +292,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -294,6 +310,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/4/index.html b/yours/4/index.html
index 713cbe3e25..1fce5ee4ea 100644
--- a/yours/4/index.html
+++ b/yours/4/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>4 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/4/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/5/index.html b/yours/5/index.html
index a6b40cce01..140726025b 100644
--- a/yours/5/index.html
+++ b/yours/5/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>5 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/5/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/6/index.html b/yours/6/index.html
index 0db1a45d51..bde7eed9e7 100644
--- a/yours/6/index.html
+++ b/yours/6/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>6 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/6/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/7/index.html b/yours/7/index.html
index 9af4481785..226fb6b98b 100644
--- a/yours/7/index.html
+++ b/yours/7/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>7 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570256" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570256" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570256" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570256" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570256" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/7/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570256"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570256"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570256"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570256"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/8/index.html b/yours/8/index.html
index c8265c9773..9acb4a2ae9 100644
--- a/yours/8/index.html
+++ b/yours/8/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>8 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/8/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/9/index.html b/yours/9/index.html
index 324676b637..124368318b 100644
--- a/yours/9/index.html
+++ b/yours/9/index.html
@@ -8,24 +8,24 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>9 :: Documentation for Hugo Relearn Theme</title>
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/9/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -41,11 +41,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -55,6 +58,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -70,6 +77,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -86,9 +102,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -277,13 +293,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -295,6 +311,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/children-1/index.html b/yours/children-1/index.html
index 67cd2fc0e4..432f6be399 100644
--- a/yours/children-1/index.html
+++ b/yours/children-1/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>The one and only hidden child :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/children-1/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/children-1/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -280,13 +296,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -298,6 +314,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>
diff --git a/yours/index.html b/yours/index.html
index cf74d12e6e..0b96befb96 100644
--- a/yours/index.html
+++ b/yours/index.html
@@ -9,24 +9,24 @@
     <meta name="author" content="Sören Weber">
     <title>This could be yours :: Documentation for Hugo Relearn Theme</title>
     <link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/yours/index.xml" title="Documentation for Hugo Relearn Theme" />
-    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645570257" type="image/svg+xml">
-    <link href="/hugo-theme-relearn/css/nucleus.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/auto-complete.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme.css?1645570257" rel="stylesheet">
-    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/variant.css?1645570257" rel="stylesheet">
-    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645570257" rel="stylesheet" media="print">
-    <link href="/hugo-theme-relearn/css/print.css?1645570257" rel="stylesheet" media="print">
+    <link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645571449" type="image/svg+xml">
+    <link href="/hugo-theme-relearn/css/nucleus.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/featherlight.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/auto-complete.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme.css?1645571449" rel="stylesheet">
+    <link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/variant.css?1645571449" rel="stylesheet">
+    <link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645571449" rel="stylesheet" media="print">
+    <link href="/hugo-theme-relearn/css/print.css?1645571449" rel="stylesheet" media="print">
     <style>
     </style>
-    <script src="/hugo-theme-relearn/js/variant.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/variant.js?1645571449"></script>
     <script>
       variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
     </script>
-    <script src="/hugo-theme-relearn/js/jquery.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/jquery.min.js?1645571449"></script>
   </head>
   <body class="default-animation" data-url="/hugo-theme-relearn/yours/">
     <!-- hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic: -->
@@ -42,11 +42,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -56,6 +59,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -71,6 +78,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+               
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="/hugo-theme-relearn/">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
@@ -87,9 +103,9 @@
           <input data-search-input id="search-by" type="search" placeholder="Search...">
           <span data-search-clear=""><i class="fas fa-times"></i></span>
         </div>
-        <script src="/hugo-theme-relearn/js/lunr.min.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/auto-complete.js?1645570257"></script>
-        <script src="/hugo-theme-relearn/js/search.js?1645570257"></script>
+        <script src="/hugo-theme-relearn/js/lunr.min.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/auto-complete.js?1645571449"></script>
+        <script src="/hugo-theme-relearn/js/search.js?1645571449"></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics">
@@ -281,13 +297,13 @@
     <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
       <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
     </div>
-    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645570257"></script>
-    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/clipboard.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/featherlight.min.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645571449"></script>
+    <script src="/hugo-theme-relearn/js/mermaid.min.js?1645571449"></script>
     <script>
       if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
         mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@@ -299,6 +315,6 @@
       window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
       window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
     </script>
-    <script src="/hugo-theme-relearn/js/theme.js?1645570257"></script>
+    <script src="/hugo-theme-relearn/js/theme.js?1645571449"></script>
   </body>
 </html>