fix: Karussell-Overflow behoben, Active Card im Seitenfluss

- Active Card position:relative statt absolute (Sektion wächst mit)
- Side Cards absolute positioniert mit Überlappung
- Excerpt max-height 500px mit Scroll für langen Text
- Viewport overflow:hidden verhindert Überlauf

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

vorschau/css/style.css

@@ -131,7 +131,7 @@ a { color:inherit; text-decoration:none; }
 .feature-card p { font-size:0.88rem; color:var(--text-light); line-height:1.6; }
 
 /* ==================== 3D CAROUSEL ==================== */
-.carousel-viewport { perspective:1200px; overflow:visible; padding:40px 0 20px; }
+.carousel-viewport { overflow:hidden; padding:40px 0 20px; }
 .carousel-track { display:flex; justify-content:center; align-items:center; position:relative; min-height:440px; }
 .carousel-card { width:720px; flex-shrink:0; background:var(--white); border-radius:var(--radius-lg); padding:28px 24px; box-shadow:var(--shadow); position:absolute; display:flex; flex-direction:column; transition:all 0.6s cubic-bezier(0.4,0,0.2,1); cursor:pointer; transform-style:preserve-3d; }
 .carousel-card.active { transform:scale(1) translateX(0) rotateY(0); z-index:3; opacity:1; pointer-events:all; }
@@ -153,7 +153,7 @@ a { color:inherit; text-decoration:none; }
 .stat-label { display:block; font-size:0.72rem; color:var(--text-light); margin-top:3px; }
 
 .demo-excerpt { margin-bottom:16px; }
-.excerpt-text { font-size:0.88rem; color:var(--text); line-height:1.65; }
+.excerpt-text { font-size:0.88rem; color:var(--text); line-height:1.65; max-height:500px; overflow-y:auto; }
 
 .excerpt-text h2 { font-size:1.05rem; font-weight:700; color:var(--navy); margin:20px 0 8px; }
 .excerpt-text h3 { font-size:0.95rem; font-weight:600; color:var(--navy); margin:16px 0 6px; }