Update public/personalisiertes-lernen.html

public/personalisiertes-lernen.html

@@ -60,29 +60,31 @@
      
 
 
-      <article class="mb-5 flex items-start space-x-4">
-      <!-- Firmenlogo -->
-      <img src="ap5-gehirn.png" alt="Firmenlogo" class="w-16 h-16 object-contain mt-1" />
-
-      <!-- Textinhalt -->
-      <div>
+      <article class="mb-5">
         <h2>AVERT (Authorship Verification and Evaluation through Responsive Testing)</h2>
-        <ul>
-          <li>
-            AVERT begegnet den Projekt­herausforderungen, indem es von einer herkömmlichen, muster­basierten Plagiats­erkennung zu einem
-            <strong>interaktiven, sokratischen Frage­ansatz</strong> übergeht.
-          </li>
-          <li>
-            Durch den Einsatz <strong>großer Sprach­modelle (LLMs)</strong> passt AVERT seine Fragen dynamisch an, um das
-            <strong>Verständnis der Studierenden</strong> für den eingereichten Code zu evaluieren.
-          </li>
-          <li>
-            Dieses Verfahren stärkt die <strong>akademische Integrität</strong> und ermöglicht zugleich
-            <strong>personalisierte Rückmeldungen</strong>, wodurch eine skalierbare und didaktisch effektive Lösung entsteht.
-          </li>
-        </ul>
-      </div>
-    </article>
+
+        <div class="flex items-start mt-3 space-x-5">
+          <!-- Rechteckiges Logo links -->
+          <img src="logo-pfad.png" alt="AVERT Logo" class="w-40 h-auto object-contain" />
+
+          <!-- Bullet-Liste rechts vom Logo -->
+          <ul class="space-y-2">
+            <li>
+              AVERT begegnet den Projekt­herausforderungen, indem es von einer herkömmlichen, muster­basierten Plagiats­erkennung zu einem
+              <strong>interaktiven, sokratischen Frage­ansatz</strong> übergeht.
+            </li>
+            <li>
+              Durch den Einsatz <strong>großer Sprach­modelle (LLMs)</strong> passt AVERT seine Fragen dynamisch an, um das
+              <strong>Verständnis der Studierenden</strong> für den eingereichten Code zu evaluieren.
+            </li>
+            <li>
+              Dieses Verfahren stärkt die <strong>akademische Integrität</strong> und ermöglicht zugleich
+              <strong>personalisierte Rückmeldungen</strong>, wodurch eine skalierbare und didaktisch effektive Lösung entsteht.
+            </li>
+          </ul>
+        </div>
+      </article>
+
 
     <!-- debut -->