diff --git a/attached_assets/image_1772303671336.png b/attached_assets/image_1772303671336.png
new file mode 100644
index 0000000..55ef282
Binary files /dev/null and b/attached_assets/image_1772303671336.png differ
diff --git a/client/src/components/news-widget.tsx b/client/src/components/news-widget.tsx
index 26d5fc1..8f80365 100644
--- a/client/src/components/news-widget.tsx
+++ b/client/src/components/news-widget.tsx
@@ -1,4 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
+import { useState, useEffect, useCallback } from "react";
 import { Newspaper, ExternalLink } from "lucide-react";
 
 interface NewsItem {
@@ -8,21 +9,50 @@ interface NewsItem {
   pubDate: string;
 }
 
+const VISIBLE_COUNT = 5;
+
 export function NewsWidget() {
   const { data: news, isLoading } = useQuery<NewsItem[]>({
     queryKey: ["/api/news-feed"],
   });
 
+  const [offset, setOffset] = useState(0);
+  const [paused, setPaused] = useState(false);
+
+  const items = news || [];
+  const total = items.length;
+
+  const advance = useCallback(() => {
+    if (total <= VISIBLE_COUNT) return;
+    setOffset((o) => (o + 1) % total);
+  }, [total]);
+
+  useEffect(() => {
+    if (paused || total <= VISIBLE_COUNT) return;
+    const timer = setInterval(advance, 5000);
+    return () => clearInterval(timer);
+  }, [paused, advance, total]);
+
+  const visible: NewsItem[] = [];
+  for (let i = 0; i < Math.min(VISIBLE_COUNT, total); i++) {
+    visible.push(items[(offset + i) % total]);
+  }
+
   return (
-    <div className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col" data-testid="widget-news">
+    <div
+      className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col"
+      onMouseEnter={() => setPaused(true)}
+      onMouseLeave={() => setPaused(false)}
+      data-testid="widget-news"
+    >
       <div className="p-3 flex items-center gap-2 border-b border-card-border flex-shrink-0">
         <Newspaper className="w-4 h-4 text-primary" />
         <h3 className="font-bold text-card-foreground text-sm">Musiknachrichten</h3>
       </div>
-      <div className="p-3 space-y-3 flex-1 overflow-y-auto">
-        {(news || []).slice(0, 8).map((item, i) => (
+      <div className="p-3 flex-1 flex flex-col justify-between">
+        {visible.map((item, i) => (
           <a
-            key={i}
+            key={`${offset}-${i}`}
             href={item.link}
             target="_blank"
             rel="noopener noreferrer"
@@ -41,22 +71,22 @@ export function NewsWidget() {
               </div>
               <ExternalLink className="w-3 h-3 text-muted-foreground flex-shrink-0 mt-0.5 opacity-0 group-hover:opacity-100 transition-opacity" />
             </div>
-            {i < 4 && <div className="border-b border-card-border mt-3" />}
+            {i < VISIBLE_COUNT - 1 && <div className="border-b border-card-border mt-2 mb-2" />}
           </a>
         ))}
         {isLoading && (
-          <div className="space-y-3">
-            {Array.from({ length: 4 }).map((_, i) => (
+          <div className="space-y-3 flex-1">
+            {Array.from({ length: VISIBLE_COUNT }).map((_, i) => (
               <div key={i} className="space-y-1.5">
                 <div className="h-3 bg-muted animate-pulse rounded w-full" />
                 <div className="h-3 bg-muted animate-pulse rounded w-3/4" />
                 <div className="h-2 bg-muted animate-pulse rounded w-1/3 mt-1" />
-                {i < 3 && <div className="border-b border-card-border mt-3" />}
+                {i < VISIBLE_COUNT - 1 && <div className="border-b border-card-border mt-3" />}
               </div>
             ))}
           </div>
         )}
-        {!isLoading && (!news || news.length === 0) && (
+        {!isLoading && total === 0 && (
           <p className="text-xs text-muted-foreground text-center py-2">Keine Nachrichten verfügbar</p>
         )}
       </div>