diff --git a/Changelog.md b/Changelog.md
index dc969c4..c2a5331 100644
--- a/Changelog.md
+++ b/Changelog.md
@@ -47,7 +47,7 @@
 - `isDraggable` aus Web-Konfiguration wird korrekt berücksichtigt.
 - Mehrdeutigkeitsfehler (`Brushes`) behoben.
 - Vor erfolgreichem Konfig-Ladevorgang wird die Oberfläche analog Offline-Zustand eingeschränkt (nur Info-Navigation und Info-Panel sichtbar).
-- Header-Verbindungsindikator für Offline/Verbindungsaufbau im Top-Bereich neu positioniert, damit er nicht von Action-Buttons überdeckt wird.
+- Header-Verbindungsindikator für Offline/Verbindungsaufbau als farbiger Status-Badge (rot/orange) sichtbarer umgesetzt und so positioniert, dass er nicht von Action-Buttons überdeckt wird.
 
 ### Lokalisierung
 - DE/EN-Ressourcen sprachlich bereinigt und vereinheitlicht.
diff --git a/MainWindow.xaml b/MainWindow.xaml
index 044bb66..1f805b2 100644
--- a/MainWindow.xaml
+++ b/MainWindow.xaml
@@ -417,46 +417,66 @@
                     </StackPanel>
                 </Border>
                 <!--<TextBlock MouseDown="OnCloseClicked" HorizontalAlignment="Right" FontSize="20" FontWeight="Bold" Margin="0,-5,5,0" Cursor="Hand" Panel.ZIndex="500"  >X</TextBlock>-->
-                <Image Source="{DynamicResource nav_appbar_network_server_disconnect}"
-                       Tag="ICO"
-                       x:Name="ConnProblem"
-                       Panel.ZIndex="505"
-                       Width="20"
-                       Height="20"
-                       Margin="0,16,88,0"
-                       HorizontalAlignment="Right"
-                       VerticalAlignment="Top"
-                       Visibility="Visible" />
-                <Image Source="{DynamicResource nav_appbar_network_server_connecting}"
-                       Tag="ICO"
-                       x:Name="Connecting"
-                       Panel.ZIndex="505"
-                       Width="20"
-                       Height="20"
-                       Margin="0,16,88,0"
-                       HorizontalAlignment="Right"
-                       VerticalAlignment="Top"
-                       Visibility="Visible">
-                    <Image.Style>
-                        <Style>
-                            <Style.Triggers>
-                                <EventTrigger RoutedEvent="Image.Loaded">
-                                    <BeginStoryboard>
-                                        <Storyboard>
-                                            <DoubleAnimation Storyboard.TargetProperty="(Image.Opacity)"
-                                                             BeginTime="0:0:0"
-                                                             Duration="0:0:0.75"
-                                                             From="1.5"
-                                                             To="0.0"
-                                                             RepeatBehavior="Forever"
-                                                             AutoReverse="True" />
-                                        </Storyboard>
-                                    </BeginStoryboard>
-                                </EventTrigger>
-                            </Style.Triggers>
-                        </Style>
-                    </Image.Style>
-                </Image>
+                <Border HorizontalAlignment="Right"
+                        VerticalAlignment="Top"
+                        Margin="0,12,96,0"
+                        Width="28"
+                        Height="28"
+                        Panel.ZIndex="505"
+                        CornerRadius="14"
+                        BorderThickness="1"
+                        BorderBrush="#FFD92D20"
+                        Background="#33D92D20"
+                        Visibility="{Binding Visibility, ElementName=ConnProblem}">
+                    <Image Source="{DynamicResource nav_appbar_network_server_disconnect}"
+                           Tag="ICO"
+                           x:Name="ConnProblem"
+                           Width="18"
+                           Height="18"
+                           HorizontalAlignment="Center"
+                           VerticalAlignment="Center"
+                           Visibility="Visible" />
+                </Border>
+                <Border HorizontalAlignment="Right"
+                        VerticalAlignment="Top"
+                        Margin="0,12,96,0"
+                        Width="28"
+                        Height="28"
+                        Panel.ZIndex="505"
+                        CornerRadius="14"
+                        BorderThickness="1"
+                        BorderBrush="#FFD97706"
+                        Background="#33F59E0B"
+                        Visibility="{Binding Visibility, ElementName=Connecting}">
+                    <Image Source="{DynamicResource nav_appbar_network_server_connecting}"
+                           Tag="ICO"
+                           x:Name="Connecting"
+                           Width="18"
+                           Height="18"
+                           HorizontalAlignment="Center"
+                           VerticalAlignment="Center"
+                           Visibility="Visible">
+                        <Image.Style>
+                            <Style>
+                                <Style.Triggers>
+                                    <EventTrigger RoutedEvent="Image.Loaded">
+                                        <BeginStoryboard>
+                                            <Storyboard>
+                                                <DoubleAnimation Storyboard.TargetProperty="(Image.Opacity)"
+                                                                 BeginTime="0:0:0"
+                                                                 Duration="0:0:0.75"
+                                                                 From="1.5"
+                                                                 To="0.0"
+                                                                 RepeatBehavior="Forever"
+                                                                 AutoReverse="True" />
+                                            </Storyboard>
+                                        </BeginStoryboard>
+                                    </EventTrigger>
+                                </Style.Triggers>
+                            </Style>
+                        </Image.Style>
+                    </Image>
+                </Border>
                 <Border Visibility="Hidden"
                         Opacity="1"
                         x:Name="TopAbstract"