good

src/app/shared/components/layout/sidebar/sidebar.component.css

@@ -31,7 +31,7 @@
   align-items: center;
   gap: 0.75rem;
   padding: 0.5rem;
-  height: 32px;
+  height: auto;
 }
 
 .sidebar-logo {
@@ -105,7 +105,9 @@
   /* background-color: #fff; */
 
   /* Startposition (aufgeklappt): Im Header, rechts */
-  top: calc(var(--sidebar-padding)); /* Sidebar-Padding + Header-Padding */
+  top: calc(
+    var(--sidebar-padding) + 5px
+  ); /* Sidebar-Padding + Header-Padding */
   right: var(--sidebar-padding);
   transform: rotate(180deg);
 
@@ -129,6 +131,10 @@
   pointer-events: none;
 }
 
+.sidebar.collapsed .sidebar-logo {
+  justify-content: center;
+}
+
 .sidebar.collapsed .nav-item span {
   clip-path: inset(0 100% 0 0);
   margin-left: -20px;
@@ -138,6 +144,6 @@
 /* Endposition (zugeklappt): Außen, vertikal zentriert */
 .sidebar.collapsed .sidebar-toggle-btn {
   /* top: 50%; */
-  right: -18px;
+  right: -18px; 
   transform: rotate(0deg);
 }