style: refine page transitions and remove redundant fade-ins

app/impressum/page.tsx

@@ -7,7 +7,6 @@ import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 import { getConfig } from '@/lib/config';
 import { BackLink } from '@/components/BackLink';
-import { FadeIn } from '@/components/FadeIn';
 import './impressum.css';
 
 export const metadata: Metadata = {
@@ -26,14 +25,11 @@ export default function ImpressumPage() {
     <div className="subpage-container">
       <header className="subpage-header">
         <BackLink href="/" label="Home" />
-        <FadeIn>
         <h1 className="subpage-title">Impressum</h1>
         <p className="subpage-subtitle">Angaben gemäß § 5 TMG</p>
-        </FadeIn>
       </header>
 
       <main className="subpage-content" style={{ maxWidth: '600px', margin: '0 auto' }}>
-        <FadeIn delay={0.1}>
         <section style={{ marginBottom: '2rem' }}>
           <h2 style={{ fontSize: '1.2rem', marginBottom: '0.5rem', opacity: 0.8 }}>Anschrift</h2>
           <p style={{ lineHeight: 1.6 }}>
@@ -91,7 +87,6 @@ export default function ImpressumPage() {
         <section style={{ marginTop: '4rem', fontSize: '0.85rem', opacity: 0.6 }}>
           <p>Quelle: Erstellt mit dem Impressum-Generator von eRecht24.</p>
         </section>
-        </FadeIn>
       </main>
     </div>
   );

components/PageTransition.tsx

@@ -24,12 +24,12 @@ export function PageTransition({ children, enabled }: PageTransitionProps) {
     <AnimatePresence mode="wait">
       <motion.div
         key={pathname}
-        initial={{ opacity: 0, y: 10 }}
+        initial={{ opacity: 0 }}
-        animate={{ opacity: 1, y: 0 }}
+        animate={{ opacity: 1 }}
-        exit={{ opacity: 0, y: -10 }}
+        exit={{ opacity: 0 }}
         transition={{
-          duration: 0.4,
+          duration: 0.3,
-          ease: [0.22, 1, 0.36, 1], // Custom "silk-smooth" cubic bezier
+          ease: 'easeInOut',
         }}
       >
         {children}