add cocharge sponsor; alphabetic order; better dark

layouts/partials/head.html

@@ -15,7 +15,7 @@
   {{ end }}
   <meta name="viewport" content="width=device-width" />
 
-  {{ if .Site.IsMultiLingual }}
+  {{ if hugo.IsMultilingual }}
   {{ range .Site.Languages }}
   {{ if ne . $.Site.Language }}
   <link rel="alternate" hreflang="{{.}}" href="{{ $.Site.BaseURL }}{{.}}/" />

layouts/shortcodes/sponsors.html

@@ -1,17 +1,33 @@
 <div class="sponsors">
     <div class="sponsor-logos">
-        <a href="https://www.daheimladen.de/" title="DaheimLaden Wallboxen" target="blank">
-            <img src="/img/sponsors/daheimladen.png" width="600" height="60" loading="lazy" />
+        <a href="https://www.cocharge.de" title="cocharge" target="blank">
+            <img src="/img/sponsors/cocharge-light.svg" class="only-light" width="1000" height="260" loading="lazy"
+                style="height: 66px" />
+            <img src="/img/sponsors/cocharge-dark.svg" class="only-dark" width="1000" height="260" loading="lazy"
+                style="height: 66px" />
         </a>
-        <a href="https://www.tinkerforge.com/" title="Warp by Tinkerforge" target="blank">
-            <img src="/img/sponsors/warp-by-tinkerforge.png" width="200" loading="lazy" />
+        <a href="https://www.cubos.com" title="CUBOS" target="blank">
+            <img src="/img/sponsors/cubos-light.svg" class="only-light" width="1190" height="276" loading="lazy"
+                style="height: 60px" />
+            <img src="/img/sponsors/cubos-dark.svg" class="only-dark" width="1190" height="276" loading="lazy"
+                style="height: 60px" />
+        </a>
+        <a href="https://www.daheimladen.de/" title="DaheimLaden Wallboxen" target="blank">
+            <img src="/img/sponsors/daheimladen-light.webp" class="only-light" width="468" height="82" loading="lazy" />
+            <img src="/img/sponsors/daheimladen-dark.webp" class="only-dark" width="468" height="82" loading="lazy" />
         </a>
         <a href="https://www.em2go.de/" title="EM2GO" target="blank">
             <img src="/img/sponsors/em2go-light.svg" class="only-light" width="180" height="40" loading="lazy"
                 style="height: 50px" />
             <img src="/img/sponsors/em2go-dark.svg" class="only-dark" width="180" height="40" loading="lazy"
                 style="height: 50px" />
         </a>
+        <a href="https://www.lekker.de" title="lekker Energie" target="blank">
+            <img src="/img/sponsors/lekker-light.svg" class="only-light" width="419" height="166" loading="lazy"
+                style="height: 75px" />
+            <img src="/img/sponsors/lekker-dark.svg" class="only-dark" width="419" height="166" loading="lazy"
+                style="height: 75px" />
+        </a>
         <a href="https://www.pantabox.de/" title="Pantabox" target="blank">
             <img src="/img/sponsors/pantabox.svg" width="1249" height="391" loading="lazy" style="height: 70px" />
         </a>
@@ -21,18 +37,12 @@
             <img src="/img/sponsors/victron-dark.svg" class="only-dark" width="261" height="50" loading="lazy"
                 style="height: 70px" />
         </a>
-        <a href="https://www.lekker.de" title="lekker Energie" target="blank">
-            <img src="/img/sponsors/lekker.png" width="400" height="147" loading="lazy" />
-        </a>
-        <a href="https://www.cubos.com" title="CUBOS" target="blank">
-            <img src="/img/sponsors/cubos-light.svg" class="only-light" width="1190" height="276" loading="lazy"
-                style="height: 62px" />
-            <img src="/img/sponsors/cubos-dark.svg" class="only-dark" width="1190" height="276" loading="lazy"
-                style="height: 62px" />
+        <a href="https://www.tinkerforge.com/" title="Warp by Tinkerforge" target="blank">
+            <img src="/img/sponsors/warp-by-tinkerforge.png" width="200" loading="lazy" />
         </a>
         <a href="https://www.h2d2.de/" target="blank">
-            <img src="/img/sponsors/h2d2.svg" title="H2D2 - UX und UI Agentur aus Berlin" width="70" height="70"
-                loading="lazy" />
+            <img src="/img/sponsors/h2d2-light.svg" class="only-light" width="70" height="70" loading="lazy" />
+            <img src="/img/sponsors/h2d2-dark.svg" class="only-dark" width="70" height="70" loading="lazy" />
         </a>
     </div>
     <div class="github-sponsors">