Update public/index.html, public/assets/css/main.css

public/assets/css/main.css

@@ -3530,4 +3530,24 @@ body {
   display: block;
 }
 
+.logo-knight {
+  max-height: 60px;
+  width: auto;
+  height: auto;
+}
+
+.logo-bmbf {
+  max-height: 60px;
+  width: auto;
+  height: auto;
+}
+
+@media (max-width: 768px) {
+  .logo-knight,
+  .logo-bmbf {
+    max-height: 45px;
+  }
+}
+
+
 /* ---- End New Service -- added Juni 2025 ***/

public/index.html

@@ -999,31 +999,34 @@ Implementations, and Perspectives
       <p>Kontaktieren Sie uns</p>
     </header>
 
-    <div class="row gy-4 align-items-center">
+      <div class="row gy-4 align-items-start">
 
-      <!-- Kontaktinformationen -->
+      <!-- Linke Spalte: Hochschule -->
       <div class="col-lg-6">
         <div class="info-box mb-3">
           <h3><strong>Hochschule für Technik Stuttgart</strong></h3>
-          <div class="info-box contact-lines">
-            <p><i class="bi bi-geo-alt"></i> Schellingstr. 24, 70174 Stuttgart</p>
-            <p><i class="bi bi-mailbox"></i> Postfach 101452, 70013 Stuttgart</p>
-            <p><i class="bi bi-telephone"></i> +49 (0)711 8926 0</p>
-            <p><i class="bi bi-envelope"></i> knight(at)hft-stuttgart.de</p>
+          <div class="contact-lines">
+            <p class="contact-line"><i class="bi bi-geo-alt"></i> Schellingstr. 24, 70174 Stuttgart</p>
+            <p class="contact-line"><i class="bi bi-telephone"></i> +49 (0)711 8926 0</p>
+            <p class="contact-line"><i class="bi bi-envelope"></i> knight(at)hft-stuttgart.de</p>
           </div>
         </div>
       </div>
 
-      <!-- Logos  -->
-      <div class="col-lg-6 d-flex justify-content-center align-items-center">
-        <div class="d-flex flex-wrap justify-content-center gap-4">
-             <img src="assets/img/knight.png" alt="KNIGHT Logo" class="contact-logo-knight">
+      <!-- Rechte Spalte: Zwei Logos nebeneinander, aber separat -->
+      <div class="col-lg-6">
+        <div class="row justify-content-center align-items-center g-4">
+          
+          <!-- KNIGHT Logo -->
+          <div class="col-6 text-center">
+            <img src="assets/img/knight.png" alt="KNIGHT Logo" class="logo-knight">
           </div>
+          
+          <!-- BMBF Logo -->
+          <div class="col-6 text-center">
+            <img src="assets/img/BMFTR_de_Web_RGB_gef_durch.jpg" alt="BMBF Logo" class="logo-bmbf">
           </div>
 
-      <div class="col-lg-6 d-flex justify-content-center align-items-center">
-        <div class="d-flex flex-wrap justify-content-center gap-4">
-             <img src="assets/img/BMFTR_de_Web_RGB_gef_durch.jpg" alt="BMBF Logo" class="contact-logo">
         </div>
       </div>