fix: logo placement in responsive mode

assets/style-fiftyohm.css

@@ -111,6 +111,37 @@ h1, h2, h3, h4, h5, h6 {
   .fiftyohm-layout-right {
     flex: 0 0 10px;
   }
+
+  .fiftyohm-footer-content {
+    flex-direction: column;
+    align-items: center !important;
+    justify-content: center !important;
+    text-align: center;
+  }
+
+  .fiftyohm-footer-logo {
+    max-width: 100%;
+  }
+
+  .fiftyohm-footer-logo img,
+  .fiftyohm-footer-sponsor img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    margin-inline: auto;
+  }
+
+  .fiftyohm-footer-info,
+  .fiftyohm-footer-sponsor {
+    width: 100%;
+    text-align: center !important;
+  }
+
+  .fiftyohm-footer-team,
+  .fiftyohm-footer-links {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
 }
 
 .fiftyohm-layout-outer-head {

templates/html/page.html

@@ -10,7 +10,7 @@
     <link rel="mask-icon" href="assets/favicon/mask-icon.svg" color="#00ADEF">
     <link href="assets/bootstrap-5.2.0-beta1-dist/css/bootstrap.min.css" rel="stylesheet">
     <link href="assets/antrag/darc-antrag.css" rel="stylesheet">
-    <link rel="stylesheet" href="assets/style-fiftyohm.css?ts=202312172012">
+    <link rel="stylesheet" href="assets/style-fiftyohm.css?ts=20260805">
     <link rel="stylesheet" href="assets/style-course.css?ts=202312172012">
     <link rel="stylesheet" href="assets/katex/katex.min.css">
     <script defer src="assets/katex/katex.min.js"></script>
@@ -129,18 +129,18 @@
             {% endif %}
 
             <footer class="text-lg-start border-top border-dark mt-5 pt-3">
-              <div class="d-flex flex-wrap align-items-end justify-content-between gap-5 mb-5">
+              <div class="fiftyohm-footer-content d-flex flex-wrap align-items-end justify-content-between gap-5 mb-5">
-                <div>
+                <div class="fiftyohm-footer-logo">
                   <img height="90" src="assets/images/darc.svg">
                 </div>
-                <div class="d-flex flex-column align-items-center">
+                <div class="fiftyohm-footer-info d-flex flex-column align-items-center">
-                  <div class="d-flex gap-1 align-items-center mb-1">
+                  <div class="fiftyohm-footer-team d-flex gap-1 align-items-center mb-1">
                     Mit
                     <svg class="text-primary" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="#FE756C" viewBox="0 0 512 512"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg></span>
                     vom <a class=link-secondary href="/infos.html#contributors">50ohm-Team</a> entwickelt
                   </div>
                   <div class="mb-1">Ein Angebot des Deutschen Amateur-Radio-Club e.&nbsp;V.</div>
-                  <div class="d-flex gap-2">
+                  <div class="fiftyohm-footer-links d-flex gap-2">
                       <a class="link-secondary" href="https://www.darc.de/der-club/referate/ajw/">Referat AJW</a>
                       &middot;
                       <a class="link-secondary" href="https://darc.de/impressum">Impressum</a>
@@ -148,7 +148,7 @@
                       <a class="link-secondary" href="https://darc.de/datenschutzerklaerung">Datenschutz</a>
                   </div>
                 </div>
-                <div class="text-start">
+                <div class="fiftyohm-footer-sponsor text-start">
                   <div>Unterstützt von:</div>
                   <div style="margin-top: -15px;">
                     <a href="https://www.rohde-schwarz.com/ausbildung">