Update public/ki-kompetenzen.html

public/ki-kompetenzen.html

@@ -38,22 +38,33 @@
       margin-bottom: 10px;
     }
 
-    .accordion-header {
-      background-color: #f7f7f7;
-      border-bottom: 1px solid #ddd;
-    }
-
+    /* Improved button design */
     .accordion-button {
       font-weight: bold;
+      background-color: #007bff;
+      color: white;
+      border-radius: 5px;
+      padding: 10px;
+    }
+
+    .accordion-button:not(.collapsed) {
+      background-color: #0056b3;
     }
 
-    .card-text {
-      margin-bottom: 15px;
+    /* Improved card title design */
+    .card-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      text-align: center;
+      margin-top: 20px;
     }
 
+    /* Centering image */
     .card-img-top {
       max-width: 100%;
       height: auto;
+      display: block;
+      margin: 0 auto;
     }
 
     footer {
@@ -127,9 +138,10 @@
 
     <section class="container mt-5">
       <div class="card">
+        <!-- Moved title above the image -->
+        <h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5>
         <img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix">
         <div class="card-body">
-          <h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5>
           <p class="card-text">KNIGHT bietet regelmäßige Schulungen zu technischen, ethischen und datenschutzrechtlichen Inhalten an. Diese Inhalte werden auch in die bestehenden Studiengänge der HFT Stuttgart integriert.</p>
           <p class="card-text">Das KI-Zertifikat bietet Mitarbeitenden und Studierenden die Möglichkeit, durch Selbststudium und Teilnahme an Workshops KI-Kompetenzen zu erwerben. Diese werden in der KI-Kompetenzmatrix dokumentiert. Wer in einem der vier Schwerpunktbereiche genügend Leistungen erbracht hat, erhält eine besondere Auszeichnung auf dem Zertifikat.</p>
         </div>