Make offline header connection indicator prominent and non-overlapping

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.

MainWindow.xaml

@@ -417,25 +417,44 @@
                     </StackPanel>
                 </Border>
                 <!--<TextBlock MouseDown="OnCloseClicked" HorizontalAlignment="Right" FontSize="20" FontWeight="Bold" Margin="0,-5,5,0" Cursor="Hand" Panel.ZIndex="500"  >X</TextBlock>-->
+                <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"
-                       Panel.ZIndex="505"
+                           Width="18"
-                       Width="20"
+                           Height="18"
-                       Height="20"
+                           HorizontalAlignment="Center"
-                       Margin="0,16,88,0"
+                           VerticalAlignment="Center"
-                       HorizontalAlignment="Right"
-                       VerticalAlignment="Top"
                            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"
-                       Panel.ZIndex="505"
+                           Width="18"
-                       Width="20"
+                           Height="18"
-                       Height="20"
+                           HorizontalAlignment="Center"
-                       Margin="0,16,88,0"
+                           VerticalAlignment="Center"
-                       HorizontalAlignment="Right"
-                       VerticalAlignment="Top"
                            Visibility="Visible">
                         <Image.Style>
                             <Style>
@@ -457,6 +476,7 @@
                             </Style>
                         </Image.Style>
                     </Image>
+                </Border>
                 <Border Visibility="Hidden"
                         Opacity="1"
                         x:Name="TopAbstract"