From dfeb4456c27c83181f432ab9c83ae9a6a33bd066 Mon Sep 17 00:00:00 2001
From: root <root@ubuntu-16gb-webklar-v1.0.0>
Date: Sun, 19 Apr 2026 20:52:31 +0000
Subject: [PATCH] Kontaktbild-Groesse begrenzt: max-width 220px, zentriert auf
 hellem Hintergrund

Made-with: Cursor
---
 index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index a85d641..4da7d13 100644
--- a/index.html
+++ b/index.html
@@ -377,13 +377,13 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
 
   <h3 class="table-title">Kontaktarten im Vergleich</h3>
   <div class="grid-2">
-    <figure class="figure">
-      <img loading="lazy" src="federkontakt.png" alt="Federkontakt beim Relais">
-      <figcaption class="figcap">Federkontakt beim Relais</figcaption>
+    <figure class="figure" style="text-align:center;background:#f8faff;border:1px solid var(--border);border-radius:12px;padding:1.25rem">
+      <img loading="lazy" src="federkontakt.png" alt="Federkontakt beim Relais" style="max-width:220px;width:100%;height:auto;margin:0 auto">
+      <figcaption class="figcap" style="margin-top:.75rem">Federkontakt beim Relais</figcaption>
     </figure>
-    <figure class="figure">
-      <img loading="lazy" src="schaltkontakt.png" alt="Schaltkontakt beim Schütz">
-      <figcaption class="figcap">Schaltkontakt beim Schütz</figcaption>
+    <figure class="figure" style="text-align:center;background:#f8faff;border:1px solid var(--border);border-radius:12px;padding:1.25rem">
+      <img loading="lazy" src="schaltkontakt.png" alt="Schaltkontakt beim Schütz" style="max-width:220px;width:100%;height:auto;margin:0 auto">
+      <figcaption class="figcap" style="margin-top:.75rem">Schaltkontakt beim Schütz</figcaption>
     </figure>
   </div>
 </section>