fix(mdx): resolve hydration errors and redesign subcompany tiles as logo grid under hero

Former-commit-id: d45ef2baf7ed5f673dc8dd688a3f937376743f84

content/en/kompetenzen.mdx

@@ -22,12 +22,12 @@ layout: "fullBleed"
         No compromises in construction
       </h3>
       <div className="w-20 h-2 bg-primary mx-auto mb-8"></div>
-      <p className="text-xl text-text-secondary leading-relaxed mb-6">
+      <div>
         Everywhere you look, digging and drilling are happening, but unfortunately, many things go wrong. Safety standards and documentation requirements are often ignored. This results in accidents, damaged external lines, and expensive construction delays.
-      </p>
-      <p className="text-lg text-text-secondary leading-relaxed">
+      </div>
+      <div>
         <strong className="text-neutral-dark font-bold">We work differently.</strong> Through our many years of experience, we identify problems early and develop safe solutions. Supported by our partner engineering firm, we offer planning, execution, and documentation at the highest level.
-      </p>
+      </div>
     </div>    <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
       {/* Panel 1 */}
       <div className="bg-white border border-neutral-200 p-8 md:p-12 relative group transition-colors duration-300 hover:border-primary/50">