style(infocard): exakte Specs — Titel 16px/700, Deko-Farben, p-22 gap-14

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/lib/components/InfoCard.svelte

@@ -31,20 +31,20 @@
   const hasLink = $derived(!!linkLabel && !!linkHref);
 </script>
 
-<div class="flex h-full flex-col rounded-lg border border-stein-200 bg-white p-6">
+<div class="flex h-full flex-col gap-[14px] rounded-lg border border-[#d5d8d6] bg-white p-[22px]">
   {#if icon}
-    <div class="flex size-11 items-center justify-center overflow-hidden rounded-full bg-wald-50 text-wald-700">
+    <div class="flex size-11 shrink-0 items-center justify-center overflow-hidden rounded-full bg-wald-50 text-wald-500">
       {#if isImage}
         <RustyImage src={icon} width={44} aspect="1/1" alt="" class="size-full object-cover" />
       {:else}
-        <Icon icon={icon} class="size-5" aria-hidden="true" />
+        <Icon icon={icon} class="size-[23px]" aria-hidden="true" />
       {/if}
     </div>
   {/if}
 
-  <h3 class="mt-4 text-lg font-semibold text-stein-900">{title}</h3>
+  <h3 class="text-base font-bold tracking-[-0.01em] text-[#1f2221]">{title}</h3>
   {#if description}
-    <p class="mt-1 text-sm text-stein-500">{description}</p>
+    <p class="text-sm font-normal leading-[1.45] text-[#636966]">{description}</p>
   {/if}
 
   {#if hasLink}
@@ -52,7 +52,7 @@
       href={linkHref}
       target={external ? "_blank" : undefined}
       rel={external ? "noopener noreferrer" : undefined}
-      class="mt-4 inline-flex items-center gap-1.5 text-[15px] font-semibold text-himmel-600 no-underline hover:text-himmel-700"
+      class="mt-auto inline-flex items-center gap-1.5 text-sm font-semibold text-himmel-500 no-underline hover:text-himmel-600"
     >
       {linkLabel}
       <svg class="size-4" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>