From 96e084e35370408a716f22bf3dcc31932faf60bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20G=C3=BCnther?= <th.guenther@saale-mail.de>
Date: Wed, 6 Mar 2024 22:45:27 +0100
Subject: [PATCH] some design improvements

---
 assets/wordpress-bdp.css | 661 ++++++++++++++++++---------------------
 bdp-kompass.php          |   2 +-
 changelog                |   5 +
 3 files changed, 318 insertions(+), 350 deletions(-)

diff --git a/assets/wordpress-bdp.css b/assets/wordpress-bdp.css
index f6f98bf..a903f3a 100644
--- a/assets/wordpress-bdp.css
+++ b/assets/wordpress-bdp.css
@@ -1,99 +1,86 @@
-body {
-    background: #fff;
+#adminmenuback, #adminmenuwrap, #adminmenu, #adminmenu .wp-has-current-submenu > .wp-submenu {
+    width: 250px;
 }
 
-/* Admin Menu */
-#adminmenuback,
-#adminmenuwrap,
-#adminmenu {
-    margin-top: 12px;
-    background: #f0f0f0;
-    width: 300px !important;
-}
 
-#adminmenu {
-    background-color: #ffffff;
-    border-radius: 10px;
-
-}
-
-#adminmenu a {
-    color: #1d4899 !important;
-    font-weight: bold !important;
-    margin-left: 30px !important;
-    border-color: #f0f0f0;
-}
-
-#wpbody {
-    background-color: #f0f0f0;
-    position: relative;
-    padding-left: 150px;
-    padding-top: 25px;
-}
-
-#wpfooter, #wpwrap
-{
-    background-color: #f0f0f0;
-}
-
-.wp-list-table thead {
-    background-color: rgba(117, 151, 234, 0.6) !important;
-}
-
-.wp-list-table tbody tr:nth-child(odd) {
-    background-color: rgba(255, 239, 190, 0.45) !important;
-}
-
-.wp-list-table tbody tr:nth-child(even) {
+#wpcontent, #wpfooter {
+    margin-left: 230px;
     background-color: #ffffff !important;
+    padding-left: 40px;
 }
 
-#wpfooter {
-    padding-left: 150px;
+#adminmenu .wp-submenu {
+    left: 210px;
 }
 
-#wpbody {
-    padding-right: 40px;
+#adminmenu .wp-not-current-submenu .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .ame-has-deep-submenu:not(.ame-has-highlighted-item) > .wp-submenu {
+    width: 30px;
 }
-#wpbody-content {
+
+body {
+    --ame-ms-menu-width: 250px;
+}
+
+@media screen and (min-width: 783px) {
+    body:not(.folded) #widgets-editor .interface-interface-skeleton {
+        left: 250px;
+    }
+
+
+    #adminmenu .wp-not-current-submenu .wp-submenu {
+        display: none !important;
+    }
+
+}
+
+@media screen and (max-width: 960px) and (min-width: 783px) {
+    body.auto-fold #widgets-editor .interface-interface-skeleton {
+        left: var(--ame-ms-collapsed-menu-width, 36px);
+    }
+
+}
+#wpwrap {
     background-color: #ffffff;
-    padding-left: 20px;
-    box-shadow: 10px 10px 10px #c0c0c0;
-    border-radius: 10px;
-    border-width: 1px;
-    border-style: solid;
-    border-color: #c0c0c0;
+}
+#adminmenuback {
+    box-shadow: none;
 }
 
-
-
-#adminmenu div.wp-menu-image:before {
-    color: rgba(29, 72, 153, 0.75);
+#adminmenu .wp-submenu a {
+    font-weight: 200;
+}
+#adminmenu > li {
+    padding: 10px 5px;
+    font-weight: bolder;
 }
 
-#adminmenu a:hover,
-#adminmenu li.menu-top:hover,
-#adminmenu li.opensub > a.menu-top,
-#adminmenu li > a.menu-top:focus {
+#adminmenu > li a {
     color: #1d4899;
-    border-color: #f0f0f0;
-    font-weight: bold;
-    background: linear-gradient(to right, #efefef, rgba(255, 203, 4, 0.45));
-    border-radius: 10px;
-    border-width: 0 !important;
 }
 
-#adminmenu li.menu-top:hover div.wp-menu-image:before,
-#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+#adminmenu > li div.wp-menu-image:before {
     color: #1d4899;
-    font-weight: bold;
-    background: linear-gradient(to right, #efefef, rgba(255, 203, 4, 0.45));
-    border-radius: 10px;
-    border-width: 0;
-    border-color: #f0f0f0;
-
 }
 
+#adminmenu > li a:hover, #adminmenu > li.menu-top:hover, #adminmenu > li.opensub > a.menu-top, #adminmenu > li > a.menu-top:focus {
+    color: #1d4899;
+}
+
+#adminmenu > li.menu-top:hover, #adminmenu > li.opensub > a.menu-top, #adminmenu > li > a.menu-top:focus {
+    background-color: rgb(240, 244, 247);
+    color: #1d4899 !important;
+}
+
+#adminmenu > li.menu-top:hover div.wp-menu-image:before, #adminmenu > li.menu-top > a:focus div.wp-menu-image:before, #adminmenu > li.opensub > a.menu-top div.wp-menu-image:before {
+    color: #1d4899;
+}
+
+#adminmenu > li .wp-submenu, #adminmenu > li.wp-has-current-submenu .wp-submenu, #adminmenu > li.wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu > li.wp-has-current-submenu .wp-submenu a.wp-has-current-submenu:focus + .wp-submenu {
+    background: #ffcb04;
+}
+
+
+
 .nav-tab {
     border-color: rgb(128, 159, 245);
     background-color: rgba(185, 203, 255, 0.84);
@@ -105,293 +92,269 @@ body {
 .nav-tab-active,
 .nav-tab-active:hover {
     border-style: none;
-    background: linear-gradient(to right, #efefef, rgba(255, 203, 4, 0.45));
+    background-color: #F0F4F7;
     border-bottom-color: #fff;
     box-shadow: 2px 2px 5px #c0c0c0;
 }
 
-/* Admin Menu: submenu */
-#adminmenu .wp-submenu,
-#adminmenu .wp-has-current-submenu .wp-submenu,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
-.folded #adminmenu .wp-has-current-submenu .wp-submenu,
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-    background: #ffffff;
-    width: 300px;
+
+.button-primary {
+    border-style: none;
+    background-color: #F0F4F7 !important;
+    color: #404040 !important;
+    box-shadow: 2px 2px 5px #c0c0c0;
+}
+
+#adminmenu > li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
+    border-right-color: #ffcb04;
+}
+
+#adminmenu > li .wp-submenu .wp-submenu-head {
+    color: #1d4899;
+    font-weight: bold !important;
+}
+
+.wp-has-current-submenu:hover {
+    background-color: #fafafa !important;
+}
+
+.wp-submenu li a {
+    padding: 10px 0px 10px 10px;
+    padding-top: 10px !important;
+    padding-bottom: 10px !important;
+    font-weight: bold;
+}
+
+#collapse-button {
+    display: none;
+}
+
+
+@media screen and (min-width: 783px) {
+    .wp-has-current-submenu li a {
+        width: 210px !important;
+    }
+
+}
+
+.wp-submenu li a:hover {
+    background-color: rgb(240, 244, 247) !important;
+    color: #1d4899 !important;
+}
+
+.current .menu-top .wp-menu-name,
+.wp-has-current-submenu .wp-menu-name {
+    background-color: #ffcb04 !important;
+    border-style: none !important;
+    width: 202px;
+}
+
+.wp-has-submenu:after {
+    border-right-color: #ffcb04 !important;
+}
+
+@media screen and (min-width: 783px) {
+    .wp-submenu, .wp-submenu-wrap {
+        background-color: #fafafa !important;
+        width: 220px !important;
+    }
+
+    #adminmenu .current .menu-top .wp-menu-name {
+        padding: 10px;
+        width: 225px !important;
+    }
+}
+
+
+ul#adminmenu a.wp-has-current-submenu::after, ul#adminmenu > li.current > a.current::after,
+.auto-fold ul#adminmenu a.wp-has-current-submenu::after, .auto-fold ul#adminmenu > li.current > a.current::after {
+    display: none !important;
+}
+
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu
+{
+    background-color: #fafafa;
+}
+
+@media screen and (max-width: 782px) {
+    #adminmenu > li.menu-top:hover, #adminmenu > li.opensub > a.menu-top, #adminmenu > li > a.menu-top:focus {
+        background-color: #fafafa;
+        color: #1d4899 !important;
+        width: 285px !important;
+    }
+
+    #adminmenu .current .menu-top{
+        width: 280px;
+    }
+
+    #adminmenu .current .menu-top .wp-menu-name {
+        width: 245px !important;
+    }
+
+    #adminmenu > li .wp-submenu, #adminmenu > li.wp-has-current-submenu .wp-submenu, #adminmenu > li.wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu > li.wp-has-current-submenu .wp-submenu a.wp-has-current-submenu:focus + .wp-submenu {
+        width: 285px !important;
+    }
+
+
+    .wp-submenu:hover,
+    .wp-submenu .wp-submenu-wrap:hover,
+    .nav-tab-active:hover {
+        border-style: none;
+        background-color: #fafafa !important;
+    }
+
+
+    #adminmenuback, #adminmenuwrap, #adminmenu, #adminmenu .wp-has-current-submenu > .wp-submenu {
+        width: 300px !important;
+    }
+    .wp-submenu,
+    .wp-submenu .wp-submenu-wrap li,
+    .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+        background-color: #fafafa !important;
+        width: 285px !important;
+    }
+}
+
+#adminmenu div.wp-menu-name {
+    font-weight: bolder;
+}
+
+#adminmenu > li .wp-submenu a, #adminmenu > li.wp-has-current-submenu .wp-submenu a, #adminmenu > li a.wp-has-current-submenu:focus + .wp-submenu a, .folded #adminmenu > li.wp-has-current-submenu .wp-submenu a, #adminmenu > li.wp-has-current-submenu.opensub .wp-submenu a {
+    color: #1d4899;
+    padding-left: 25px;
+    font-weight: bold;
+}
+
+
+#adminmenu > li .wp-submenu a:focus, #adminmenu > li .wp-submenu a:hover, #adminmenu > li.wp-has-current-submenu .wp-submenu a:focus, #adminmenu > li.wp-has-current-submenu .wp-submenu a:hover, #adminmenu > li a.wp-has-current-submenu:focus + .wp-submenu a:focus, #adminmenu > li a.wp-has-current-submenu:focus + .wp-submenu a:hover, .folded #adminmenu > li.wp-has-current-submenu .wp-submenu a, #adminmenu > li.wp-has-current-submenu.opensub .wp-submenu a:focus, #adminmenu > li.wp-has-current-submenu.opensub .wp-submenu a:hover {
+    color: #ffcb04;
+    background-color: #ffffff;
+}
+
+#adminmenu > li .wp-submenu li.current a, #adminmenu > li a.wp-has-current-submenu:focus + .wp-submenu li.current a, #adminmenu > li.wp-has-current-submenu.opensub .wp-submenu li.current a {
+    color: #1d4899;
+}
+
+#adminmenu > li .wp-submenu li.current a:hover, #adminmenu > li .wp-submenu li.current a:focus, #adminmenu > li a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover, #adminmenu > li a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus, #adminmenu > li.wp-has-current-submenu.opensub .wp-submenu li.current a:hover, #adminmenu > li.wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+    color: #ffcb04;
+    background-color: #ffffff;
+}
+
+#adminmenu > li.current a.menu-top, #adminmenu > li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu > li.wp-has-current-submenu .wp-submenu .wp-submenu-head, .folded #adminmenu > li.current.menu-top {
+    color: #1d4899;
+}
+
+#adminmenu > li.wp-has-current-submenu div.wp-menu-image:before, #adminmenu a.current:hover div.wp-menu-image:before, #adminmenu > li.current div.wp-menu-image::before, #adminmenu > li.wp-has-current-submenu a:focus div.wp-menu-image:before, #adminmenu > li.wp-has-current-submenu.opensub div.wp-menu-image:before, #adminmenu > li:hover div.wp-menu-image:before, #adminmenu > li a:focus div.wp-menu-image:before, #adminmenu > li.opensub div.wp-menu-image:before, .ie8 #adminmenu > li.opensub div.wp-menu-image:before, #adminmenu a.current:hover div.wp-menu-image:before {
+    color: #ffffff;
+}
+
+#adminmenu > li .awaiting-mod, #adminmenu > li .update-plugins {
+    background: #ffcb04 !important;
+    color: #1d4899;
+}
+
+#adminmenu > li .current a .awaiting-mod, #adminmenu > li a.wp-has-current-submenu .update-plugins, #adminmenu > li:hover a .awaiting-mod, #adminmenu > li.menu-top:hover > a .update-plugins {
+    color: #1d4899;
+    background: #ffcb04;
+}
+
+#adminmenuback, #adminmenuwrap, #adminmenu {
+    background-color: #fafafa;
+
+}
+
+#adminmenuback {
+    box-shadow: 10px 10px 5px rgb(240, 244, 247);
+}
+
+@media screen and (min-width: 783px) {
+
+
+}
+
+#wpadminbar {
+    background-color: rgb(240, 244, 247);
+    color: #1d4899;
+
+
+}
+
+#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
+    color: #1d4899;
+}
+
+#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
+    color: #1d4899;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+    background-color: #ffffff;
+    color: #ffcb04;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label, #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, #wpadminbar:not(.mobile) li:hover .ab-icon:before, #wpadminbar:not(.mobile) li:hover .ab-item:before, #wpadminbar:not(.mobile) li:hover .ab-item:after, #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+    color: #ffcb04;
+    background-color: #ffffff;
+}
+
+#wpadminbar .menupop .ab-sub-wrapper {
+    background-color: #ffffff;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+    background-color: #ffffff;
+}
+
+#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+    color: #1d4899;
+}
+
+#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
+    color: #f3f3f1;
+}
+
+#wpadminbar .quicklinks .menupop ul li a {
+    padding: 10px;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li .ab-item:focus .ab-icon:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li #adminbarsearch.adminbar-focused:before, #wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .quicklinks li a:focus .blavatar, #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before, #wpadminbar.mobile .quicklinks .ab-icon:before, #wpadminbar.mobile .quicklinks .ab-item:before {
+    color: #1d4899;
+    background-color: rgb(240, 244, 247);
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+    color: #1d4899;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+    color: #ffcb04;
+    background-color: #ffffff;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+    color: #1d4899;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before, #wpadminbar.mobile .quicklinks .hover .ab-item:before, #wpadminbar #adminbarsearch:before {
+    color: #f3f3f1;
 }
 
 
 
+li.wp-has-submenu.wp-not-current-submenu.opensub:after,
+li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 
+.wp-menu-name:after {
+    display: none !important;
+}
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
     display: none;
 }
 
-#adminmenu .wp-submenu .wp-submenu-head {
-    color: #ccdbe0;
-}
-
-#adminmenu .wp-submenu a,
-#adminmenu .wp-has-current-submenu .wp-submenu a,
-.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-    color: #ccdbe0;
-}
-
-#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
-.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
-.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
-    color: #f0f0f0;
-}
-
-/* Admin Menu: current */
-#adminmenu .wp-submenu li.current a,
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
-    color: #f2fcff;
-}
-
-#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
-#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
-#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
-    color: #e0e0e0;
-    border-style: none;
-}
-
-ul#adminmenu a.wp-has-current-submenu:after,
-ul#adminmenu > li.current > a.current:after {
-    border-right-color: #fff;
-    display: none;
-}
-
-#adminmenu li.current a.menu-top,
-#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
-#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
-.folded #adminmenu li.current.menu-top {
-    color: #000000;
-    background: linear-gradient(to right, #efefef, rgba(255, 203, 4, 0.45));
-    border-radius: 10px;
-}
-
-#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
-#adminmenu a.current:hover div.wp-menu-image:before,
-#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
-#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
-#adminmenu li:hover div.wp-menu-image:before,
-#adminmenu li a:focus div.wp-menu-image:before,
-#adminmenu li.opensub div.wp-menu-image:before,
-.ie8 #adminmenu li.opensub div.wp-menu-image:before {
-    color: #f2fcff;
-}
-
-.wp-menu-open .wp-submenu {
-    display: block;
-}
-.wp-menu-open .wp-submenu li {
-    padding-left: 30px !important;
-    color: #1d4899 !important;
-    font-weight: bold;
-    border-color: #f0f0f0;
-
-}
-
-.wp-submenu  {
-    display: none;
-}
-
-/* Admin Menu: bubble */
-#adminmenu .awaiting-mod,
-#adminmenu .update-plugins {
-    color: #f2fcff;
-    background: #aa9d88;
-}
-
-#adminmenu li.current a .awaiting-mod,
-#adminmenu li a.wp-has-current-submenu .update-plugins,
-#adminmenu li:hover a .awaiting-mod,
-#adminmenu li.menu-top:hover > a .update-plugins {
-    #color: #f2fcff;
-}
-
-/* Admin Menu: collapse button */
-#collapse-button {
-    display: none;
-    color: #1d4899;
-    font-weight: bold;
-    border-radius: 10px;
-    border-width: 0;
-    border-color: #f0f0f0;
-
-}
-
-#collapse-button:hover,
-#collapse-button:focus {
-    color: rgba(255, 203, 4, 0.45);
-}
-
-/* Admin Bar */
-#wpadminbar {
-    color: #f2fcff;
-    background: rgba(29, 72, 153, 0.7);
-}
-
-#wpadminbar .ab-item,
-#wpadminbar a.ab-item,
-#wpadminbar > #wp-toolbar span.ab-label,
-#wpadminbar > #wp-toolbar span.noticon {
-    color: #f2fcff;
-}
-
-#wpadminbar .ab-icon,
-#wpadminbar .ab-icon:before,
-#wpadminbar .ab-item:before,
-#wpadminbar .ab-item:after {
-    color: #f1f3f3;
-}
-
-#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
-#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
-#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
-#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
-#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
-    color: #f2fcff;
-    background: rgba(29, 72, 153, 0.7);
-}
-
-#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
-#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
-#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
-    color: #ffffff;
-}
-
-#wpadminbar:not(.mobile) li:hover .ab-icon:before,
-#wpadminbar:not(.mobile) li:hover .ab-item:before,
-#wpadminbar:not(.mobile) li:hover .ab-item:after,
-#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
-    color: #f2fcff;
-}
-
-/* Admin Bar: submenu */
-#wpadminbar .menupop .ab-sub-wrapper {
-    background: rgba(29, 72, 153, 0.78);
-}
-
-#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
-#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-    background: #8f9a9e;
-}
-
-#wpadminbar .ab-submenu .ab-item,
-#wpadminbar .quicklinks .menupop ul li a,
-#wpadminbar .quicklinks .menupop.hover ul li a,
-#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-    color: #ccdbe0;
-}
-
-#wpadminbar .quicklinks li .blavatar,
-#wpadminbar .menupop .menupop > .ab-item:before {
-    color: #f1f3f3;
-}
-
-#wpadminbar .quicklinks .menupop ul li a:hover,
-#wpadminbar .quicklinks .menupop ul li a:focus,
-#wpadminbar .quicklinks .menupop ul li a:hover strong,
-#wpadminbar .quicklinks .menupop ul li a:focus strong,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
-#wpadminbar .quicklinks .menupop.hover ul li a:hover,
-#wpadminbar .quicklinks .menupop.hover ul li a:focus,
-#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
-#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
-#wpadminbar li:hover .ab-icon:before,
-#wpadminbar li:hover .ab-item:before,
-#wpadminbar li a:focus .ab-icon:before,
-#wpadminbar li .ab-item:focus:before,
-#wpadminbar li .ab-item:focus .ab-icon:before,
-#wpadminbar li.hover .ab-icon:before,
-#wpadminbar li.hover .ab-item:before,
-#wpadminbar li:hover #adminbarsearch:before,
-#wpadminbar li #adminbarsearch.adminbar-focused:before {
-    color: #ffffff;
-}
-
-#wpadminbar .quicklinks li a:hover .blavatar,
-#wpadminbar .quicklinks li a:focus .blavatar,
-#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
-#wpadminbar .menupop .menupop > .ab-item:hover:before,
-#wpadminbar.mobile .quicklinks .ab-icon:before,
-#wpadminbar.mobile .quicklinks .ab-item:before {
-    color: #ffffff;
-}
-
-#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
-#wpadminbar.mobile .quicklinks .hover .ab-item:before {
-    color: #f1f3f3;
-}
-
-/* Admin Bar: search */
-#wpadminbar #adminbarsearch:before {
-    color: #f1f3f3;
-}
-
-.button {
-    background: rgba(29, 72, 153, 0.62) !important;
-    color: #ffffff !important;
-    border-color: #071e4d;
-    box-shadow: 5px 5px 10px #d0d0d0;
+#adminmenu .wp-menu-arrow div {
+    display: none !important;
+    background-color: #FFFFFF !important;
 }
 
 
-.bdp_setting_box {
-    margin-right: 10px;
-    background-color: #ffffff;
-    padding: 15px;
-    border-style: solid;
-    border-width: 1px;
-    border-top-width: 0 !important;
-    border-color: #1d94cf;
-}
-
-.bdp_setting_box:first-of-type {
-    border-top-width: 1px !important;
-}
-
-.bdp_setting_box label {
-    cursor: pointer;
-}
-
-.bdp_setting_box label span {
-    cursor: pointer;
-    width: 10pt;
-    color: #a0a0a0;
-}
-
-@media (max-width: 720px) {
-    #wpbody {
-        padding-top: 60px;
-        padding-right: 40px !important;
-        padding-left: 0px;
-    }
-
-
-    #adminmenuback,
-    #adminmenuwrap,
-    #adminmenu {
-        margin-top: 12px;
-        background: #f0f0f0;
-        width: 400px !important;
-    }
-
-    #adminmenuback {
-        box-shadow: 5px 5px 10px #c0c0c0;
-    }
-}
\ No newline at end of file
diff --git a/bdp-kompass.php b/bdp-kompass.php
index 7dedf6f..e477bfb 100644
--- a/bdp-kompass.php
+++ b/bdp-kompass.php
@@ -2,7 +2,7 @@
 /**
  * Plugin Name:  BdP Kompass
  * Description: Wordpress-Plugin zur Unterstützung von Stämmen im Bund der Pfadfinderinnen und Pfadfinder e.V. zur optimalen Verwaltung eurer Webseite
- * Version: 4.3.5
+ * Version: 4.3.6
  * Tags: bdp, utility, helper
  * Requires at least: 6.0
  * Requires PHP: 8.2
diff --git a/changelog b/changelog
index 3dce1e4..e76a2ef 100644
--- a/changelog
+++ b/changelog
@@ -1,3 +1,8 @@
+<h4>Version 4.3.6</h4>
+    <ul>
+        <li>Design - Optimierungen</li>
+    </ul>
+
 <h4>Version 4.3.5</h4>
      <ul>
          <li>Translation fixes</li>