kompass/assets/mareike.css

/* Allgemeine Anpassungen */
body {
	--ame-ms-menu-width: 250px;
}

#wpwrap {
	background-color: #f3f3f1; /* Hintergrundfarbe angepasst */
}

/* Admin Menü */
#adminmenuback, #adminmenuwrap, #adminmenu {
	width: 250px;
	background-color: #ffffff; /* Hintergrundfarbe angepasst */
}

#adminmenu .wp-has-current-submenu > .wp-submenu {
	width: 250px;
}

#wpcontent, #wpfooter {
	margin-left: 250px;
	background-color: #ffffff;
	padding-left: 20px; /* Padding reduziert */
}

#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: 250px;
}

/* Menüelemente */
#adminmenu > li {
	padding: 10px 10px; /* Padding angepasst */
	font-weight: bold; /* Schriftstärke angepasst */
}

#adminmenu > li a {
	color: #333; /* Textfarbe angepasst */
}

#adminmenu > li div.wp-menu-image:before {
	color: #333; /* Iconfarbe angepasst */
}

#adminmenu > li a:hover, #adminmenu > li.menu-top:hover, #adminmenu > li.opensub > a.menu-top, #adminmenu > li > a.menu-top:focus {
	color: #0056b3; /* Textfarbe bei Hover angepasst */
}

#adminmenu > li.menu-top:hover, #adminmenu > li.opensub > a.menu-top, #adminmenu > li > a.menu-top:focus {
	background-color: #e9ecef; /* Hintergrundfarbe bei Hover angepasst */
}

#adminmenu .wp-submenu, #adminmenu .wp-submenu a {
	background-color: #f8f9fa; /* Untermenü-Hintergrundfarbe angepasst */
	color: #333; /* Untermenü-Textfarbe angepasst */
}

#adminmenu .wp-submenu a:hover {
	background-color: #e9ecef; /* Untermenü-Hintergrundfarbe bei Hover angepasst */
	color: #0056b3; /* Untermenü-Textfarbe bei Hover angepasst */
}

/* Admin Bar */
#wpadminbar {
	background-color: #ffffff; /* Admin Bar Hintergrundfarbe angepasst */
	color: #0056b3; /* Admin Bar Textfarbe angepasst */
}

#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
	color: #0056b3; /* Admin Bar Textfarbe angepasst */
}

#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
	color: #0056b3; /* Admin Bar Icon-Farbe angepasst */
}

#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: #e9ecef; /* Admin Bar Hintergrundfarbe bei Hover angepasst */
	color: #0056b3; /* Admin Bar Textfarbe bei Hover angepasst */
}

#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus {
	background-color: #e9ecef; /* Untermenü Hintergrundfarbe bei Hover angepasst */
	color: #0056b3; /* Untermenü Textfarbe bei Hover angepasst */
}

/* Buttons */
.button-primary {
	border-style: none;
	background-color: #0056b3 !important; /* Button Hintergrundfarbe angepasst */
	color: #ffffff !important; /* Button Textfarbe angepasst */
	box-shadow: none; /* Box-Shadow entfernt */
}

.button-primary:hover {
	background-color: #004085 !important; /* Button Hintergrundfarbe bei Hover angepasst */
}

/* Anpassungen für Bildschirme mit unterschiedlichen Breiten */
@media screen and (min-width: 783px) {
	#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);
	}
}

/* Weitere Anpassungen */
.nav-tab {
	border-color: #0056b3;
	background-color: #e9ecef;
	border-radius: 5px 5px 0 0;
}

.about-wrap .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
	border-style: none;
	background-color: #ffffff;
	border-bottom-color: #ffffff;
	box-shadow: none;
}

/* Weitere spezifische Anpassungen */
#collapse-button {
	display: none;
}

/* Spezielle Einstellungen Box */
.bdp_setting_box {
	margin-right: 10px;
	background-color: #ffffff;
	padding: 15px;
	border: 1px solid #1d94cf;
}

.bdp_setting_box label {
	cursor: pointer;
}

.bdp_setting_box label span {
	cursor: pointer;
	width: 10pt;
	color: #a0a0a0;
}

@media screen and (min-width: 783px) {
	.wp-has-current-submenu li a {
		width: 210px !important;
	}
}

.wp-submenu li a:hover {
	background-color: #e9ecef !important;
	color: #0056b3 !important;
}

.current .menu-top .wp-menu-name, .wp-has-current-submenu .wp-menu-name {
	background-color: #0056b3 !important;
	border-style: none !important;
	width: 202px;
}

@media screen and (min-width: 783px) {
	.wp-submenu, .wp-submenu-wrap {
		background-color: #f8f9fa !important;
		width: 220px !important;
	}

	#adminmenu .current .menu-top .wp-menu-name {
		padding: 10px;
		width: 225px !important;
	}
}