Update public/index.html

public/index.html

@@ -83,44 +83,40 @@
   .portfolio-info i {
     font-size: 1.3rem;
   }
-  .custom-card-link {
+
+.custom-card-link {
   text-decoration: none;
   color: inherit;
 }
 
-.custom-card {
+.custom-card-horizontal {
+  display: flex;
+  align-items: center;
   background: white;
   border: 1px solid #ddd;
   border-radius: 12px;
-  overflow: hidden;
   box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+  padding: 12px 16px;
+  margin-bottom: 20px;
   transition: transform 0.2s, box-shadow 0.2s;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
 }
 
-.custom-card:hover {
+.custom-card-horizontal:hover {
   transform: translateY(-4px);
   box-shadow: 0 4px 12px rgba(0,0,0,0.15);
 }
 
-.custom-card img {
-  width: 100%;
-  max-width: 160px; /* kleinere Bildbreite */
-  height: auto;
-  margin: 16px auto 0 auto; /* zentriert mit Abstand nach oben */
+.custom-card-horizontal img {
+  width: 48px;
+  height: 48px;
   object-fit: contain;
-   border-radius: 12px; /* für leicht abgerundete Ecken */
-}
-
-.custom-card-info {
-  padding: 16px;
+  margin-right: 16px;
+  flex-shrink: 0;
 }
 
 .custom-card-info h4 {
-  margin: 0 0 8px 0;
-  font-size: 1.1rem;
+  margin: 0 0 4px 0;
+  font-size: 1.05rem;
 }
 
 .custom-card-info p {