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

public/assets/css/main.css

@@ -3511,4 +3511,11 @@ body {
   }
 }
 
+.contact-lines p {
+  margin: 1px 0;
+  font-size: 1rem;
+  line-height: 1.4;
+}
+
+
 /* ---- End New Service -- added Juni 2025 ***/

public/index.html

@@ -991,54 +991,39 @@ Implementations, and Perspectives
 
 
 <!-- contact ST -->
-
 <section id="contact" class="contact section">
-
+  <div class="container contact-title" data-aos="fade-up">
     <!-- Section Title -->
-    <div class="container contact-title" data-aos="fade-up">
-        <header class="section-header ">
-            <h2>Kontakt</h2>
-            <p>Kontaktieren Sie uns</p>
-        </header>
-
-        <div class="row gy-4 ">
-
-            <div class="col-lg-8 ">
-
-                <div class="row gy-4 ">
-                   
-                    <div class="col-md-6 ">
-                        <div class="info-box ">
-                            <h3><strong>Hochschule für Technik Stuttgart</strong></h3>
-                            <i class="bi bi-geo-alt ">Schellingstr. 24, 70174 Stuttgart </i>
-                            <i>Postfach 101452, 70013 Stuttgart</i>
-                             <i class="bi bi-telephone "> +49 (0)711 8926 0</i>
-                            <i class="bi bi-envelope "> knight(at)hft-stuttgart.de</i>
-                        </div>
-                    </div>
-
-                    <div class="col-md-6 ">
-                        <div class="info-box ">
-                            <img src="assets/img/knight.png" alt="KNIGHT Logo" >
-                        </div>
-                    </div>
-                   
-                    <div class="col-md-6 ">
-                        <div class="info-box ">
-                           <img src="assets/img/BMFTR_de_Web_RGB_gef_durch.jpg" alt="BMBF Logo"  >
-                        </div>
-                    </div>
-
-                </div>
+    <header class="section-header">
+      <h2>Kontakt</h2>
+      <p>Kontaktieren Sie uns</p>
+    </header>
 
-            </div>
-
-         
+    <div class="row gy-4 align-items-center">
+      
+      <!-- Kontaktinformationen -->
+      <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>
+        </div>
+      </div>
 
+      <!-- Logos nebeneinander -->
+      <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">
+          <img src="assets/img/BMFTR_de_Web_RGB_gef_durch.jpg" alt="BMBF Logo" class="contact-logo">
         </div>
+      </div>
 
     </div>
-
+  </div>
 </section>
 <!-- /Contact Section -->