/*MENU ICONS*/
.menu-2023 span a::before,
.mobilemenu.menu-2023 a::before,
.mobilemenu.menu-2023 span.nav-header::before {
	content: "";
	font-family: "Material Icons Outlined";
	position: relative;
	font-size: 25px;
	width: 25px;
	line-height: 0;
	transform: rotate(0deg);
	top: 6px;
	margin-right: 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga";
	display: none;
}

.mobilemenu.menu-2023 > li > span.nav-header::before {
	margin-right: 10px;
}

.menu-2023 li.current a::before,
.menu-2023 li.parent a.isactive::before,
.mobilemenu.menu-2023 li.active a::before,
.mobilemenu.menu-2023 li.active span.nav-header::before {
	font-family: "Material Icons";
	color: var(--main-color);
}

.menu-2023 #item-101 > span > a::before,
.mobilemenu.menu-2023 > .item-101 > a::before,
.menu-2023 #item-744 > span > a::before,
.menu-2023 #item-752 > span > a::before,
.menu-2023 #item-796 > span > a::before {
	display: inline-block;
	content: "home"; /*start*/
}

.menu-2023 #item-104 > span > a::before,
.mobilemenu.menu-2023 > .item-104 > span.nav-header::before,
.mobilemenu.menu-2023 > .item-104 > a::before {
	display: inline-block;
	content: "groups"; /*über uns*/
}

.menu-2023 #item-743 > span > a::before {
	display: inline-block;
	content: "group"; /*Brassband Mitglieder*/
}

.menu-2023 #item-106 > span > a::before,
.mobilemenu.menu-2023 > .item-106 > span.nav-header::before,
.menu-2023 #item-670 > span > a::before,
.mobilemenu.menu-2023 > .item-670 > span.nav-header::before {
	display: inline-block;
	content: "music_note"; /*Unterricht & Angebote*/
}

.menu-2023 #item-1054 > span > a::before,
.mobilemenu.menu-2023 > .item-1054 > span.nav-header::before {
	display: inline-block;
	content: "school"; /*Fortbildung*/
}

.menu-2023 #item-862 > span > a::before,
.mobilemenu.menu-2023 > .item-862 > span.nav-header::before {
	display: inline-block;
	content: "workspaces"; /*Fachgruppen*/
}

.menu-2023 #item-108 > span > a::before,
.mobilemenu.menu-2023 > .item-108 > a::before,
.menu-2023 #item-746 > span > a::before {
	display: inline-block;
	content: "calendar_today"; /*Kalender*/
}

.menu-2023 #item-103 > span > a::before,
.mobilemenu.menu-2023 > .item-103 > a::before {
	display: inline-block;
	content: "file_download"; /*Service & Formulare*/
}

.menu-2023 #item-747 > span > a::before {
	display: inline-block;
	content: "shopping_cart"; /*Shop*/
}

.menu-2023 #item-821 > span > a::before {
	display: inline-block;
	content: "update"; /*Ablauf*/
}

.menu-2023 #item-819 > span > a::before {
	display: inline-block;
	content: "info"; /*Konzept*/
}

.menu-2023 #item-824 > span > a::before,
.menu-2023 #item-672 > span > a::before,
.mobilemenu.menu-2023 > .item-672 > a::before {
	display: inline-block;
	content: "collections"; /*Medien*/
}

.menu-2023 #item-825 > span > a::before {
	display: inline-block;
	content: "location_on"; /*Standorte & Kontakt*/
}

.menu-2023 #item-751 > span > a::before {
	display: inline-block;
	content: "emoji_events"; /*Preisträger*/
}

.menu-2023 #item-750 > span > a::before {
	display: inline-block;
	content: "how_to_reg"; /*Preisträger*/
}

/*Sidemenu NEU*/

#sidebar > div {
	/*sidebar menu parent container*/
	position: sticky;
	top: 20px;
}

.menu-2023 {
	background-color: var(--background);
	overflow-y: scroll;
	max-height: calc(100vh - 120px);
}

.menu-2023::-webkit-scrollbar {
	display: none;
}

.menu-2023 a::before,
.menu-2023 a::after {
	content: none;
}

.menu-2023 ul li {
	list-style-type: none;
}

.menu-2023 a:focus {
	outline: -webkit-focus-ring-color auto 1px !important;
	outline-offset: -2px;
}

.menu-2023 ul[class^="content"] a {
	padding-left: 40px;
}

.menu-2023 li.parent:not(.open) > span > a::after {
	content: "chevron_right";
	font-family: "Material Icons Outlined";
	position: absolute;
	font-size: 30px;
	line-height: 0;
	top: 50%;
	right: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga";
}

.menu-2023 li.parent.open > span > a::after {
	content: "chevron_right";
	font-family: "Material Icons Outlined";
	position: absolute;
	font-size: 30px;
	line-height: 0;
	transform: rotate(90deg);
	top: 50%;
	right: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga";
}

.menu-2023 ul.nav-child {
	padding: 0;
}

.menu-2023 li.current a,
.menu-2023 li.parent:not(.open) a.isactive {
	background-color: var(--background-box-acc);
	color: var(--text-color);
}

.menu-2023 a {
	display: block;
	color: var(--text-color-faded);
	text-transform: none;
	font-size: 16px;
	border-radius: 5px;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*Mobile Menu NEU*/
.astroid-offcanvas {
	width: 90%;
}

.burger-menu-button {
	padding: 10px 0;
}

.burger-menu-button .inner,
.burger-menu-button .inner::before,
.burger-menu-button .inner::after {
	color: var(--text-color-faded) !important;
	background-color: var(--text-color-faded) !important;
}

#astroid-offcanvas,
#astroid-offcanvas .burger-menu-button,
#astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active,
#astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus {
	background-color: var(--background) !important;
}

#astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus {
	padding: 0 15px;
}

#astroid-offcanvas .dropdown-menus .menu-indicator-back {
	text-transform: uppercase;
	color: var(--text-color-faded) !important;
	font-size: 12px !important;
}

#astroid-offcanvas .mobilemenu.menu-2023 a,
#astroid-offcanvas .mobilemenu.menu-2023 span.nav-header,
#astroid-offcanvas .mobilemenu.menu-2023 span.menu-indicator {
	color: var(--text-color-faded) !important;
	font-size: 16px !important;
}

#astroid-offcanvas .mobilemenu.menu-2023 a span.nav-title::after {
	content: none !important;
}

.mobilemenu.menu-2023 a::after {
	content: none !important;
}

.mobilemenu.menu-2023 li,
.mobilemenu.menu-2023 li > span {
	border: none !important;
}

.mobilemenu.menu-2023 .menu-item.active > a > span,
#astroid-offcanvas .mobilemenu.menu-2023 .menu-item.active {
	background-color: var(--background-box-acc) !important;
	color: var(--text-color) !important;
}

#astroid-offcanvas li,
#astroid-offcanvas a {
	border-radius: 5px;
}

/*Menu*/
.menu-style {
	text-align: left;
	position: relative;
}

.menu-style a {
	border-radius: 0;
}

.menu-style [class*="uk-icon-"] {
	display: none;
}

.uk-navbar {
	background-color: transparent;
}

.uk-navbar-nav li {
	margin: 15px;
}

@media (min-width: 1660px) {
	.uk-navbar-nav > li:first-child {
		margin-left: 0;
	}
}

.uk-navbar-nav > li > a[href="#"] {
	cursor: default;
}

.uk-navbar-nav > li.uk-parent > a:hover,
.uk-dropdown-navbar div div ul li a:hover,
.uk-navbar-nav li a:hover,
.uk-navbar-nav > li.uk-open > a {
	color: #737373;
	background-color: transparent;
	border-bottom: 2px solid #737373;
	transition: 0.15s;
}

.uk-dropdown-navbar div div ul li a:hover {
	border-bottom: none;
}

.uk-dropdown li {
	margin: 0;
	padding: 0;
}

.uk-navbar-nav > li.uk-parent > a,
.uk-dropdown-navbar div div ul li a,
.uk-navbar-nav li a {
	color: #737373;
	transition: 0.15s;
	text-transform: uppercase;
	font-weight: 500;
}

.uk-navbar-nav > li.uk-active > a {
	background-color: transparent;
	color: var(--main-color);
	border-bottom: 2px solid var(--main-color);
}

.uk-dropdown-navbar div div ul li a:hover,
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover,
.uk-dropdown ul > li > a:focus,
.uk-nav > li li > a:hover {
	color: #737373;
	background-color: rgb(240, 240, 240);
	border-bottom: none;
	transition: all 0.2s;
}

.uk-nav.uk-nav-navbar {
	overflow: hidden;
	border-radius: 10px;
}

.uk-open > .uk-dropdown,
.uk-open > .uk-dropdown-blank {
	display: block;
	animation: fullScreenAnimation 0.2s ease-in-out;
}

.uk-navbar {
	height: auto;
	border-bottom: none;
}

.uk-navbar-toggle {
	font-size: 20px;
	margin: 10px;
	float: left;
	border-radius: 10px;
	position: relative;
	transition: all 0.15s;
	z-index: 1000;
}

.uk-navbar-toggle:hover {
	transition: all 0.1s;
	transform: scale(1.1);
}

.uk-navbar-toggle:after {
	top: 3px;
	position: relative;
	color: #737373;
}

.uk-dropdown-navbar {
	background: #fff;
	z-index: 1000;
	width: 500px;
	padding: 0;
	border-radius: 10px;
	box-shadow: var(--material-shadow);
}

.uk-nav-offcanvas li a:active,
.uk-dropdown-navbar div div ul li a:active,
.uk-dropdown-navbar div div ul li a:active {
	transition: all 0.2s;
	background-color: var(--main-color-lite);
	color: #fff;
}

.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
	margin: 0;
}

.uk-dropdown {
	top: 65px !important;
}

.uk-navbar-nav > li > a {
	text-transform: uppercase;
	font-size: 18px;
	padding: 0;
	font-weight: 500;
}

.uk-navbar-nav > li.uk-parent > a:after {
	line-height: 35px;
}

.full-height {
	height: 100vh;
}

.half-height {
	height: 50vh;
}

.flex-grid-2 > * {
	flex-basis: 40%;
}

html {
	background: #fff;
}

.uk-nav-navbar > li > a:focus,
.uk-navbar-nav > li > a:focus {
	color: #737373;
	border-bottom: 2px solid #737373;
	transition: all 0s;
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li.uk-parent > a:hover {
	transition: all 0s;
}

/*Sidebars*/
aside .uk-panel.jmoddiv {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px;
	box-shadow: var(--material-shadow);
}

aside .uk-panel.jmoddiv .uk-nav li {
	margin: 0 -15px;
	border-radius: 0;
}

aside .uk-panel.jmoddiv .uk-nav li a {
	padding: 5px 15px;
}

/*Offcanvas*/
.uk-offcanvas {
	animation: fade-in 0.2s;
	background: rgba(0, 0, 0, 0.4);
	animation-fill-mode: backwards;
}

.uk-nav-offcanvas {
	border-radius: 15px;
	background-color: #fff;
	box-shadow: var(--material-shadow);
	margin: 15px;
	margin-top: 100px;
	overflow: hidden;
}

.uk-offcanvas-bar {
	background: transparent;
	width: 320px;
}

.uk-active > .uk-offcanvas-bar {
	animation: materialJumpIn 0.3s ease-in-out;
}

.uk-offcanvas .uk-nav > li > a {
	padding: 5px 15px;
}

.uk-nav-offcanvas li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-transform: uppercase;
	width: 400px;
	max-width: 100%;
	height: 50px;
	align-items: center;
	margin: 15px;
	padding: 0 10px;
	background: none;
	color: #737373;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	border-radius: 0;
	font-weight: 500;
}

.uk-nav > li > a {
	padding: 10px 15px;
}

ul.uk-nav-sub {
	padding: 0;
}

.uk-offcanvas .uk-active > a {
	color: var(--main-color);
}

.uk-nav-parent-icon > .uk-parent > a:after {
	margin-right: 0;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
	background: rgb(240, 240, 240);
	color: #737373;
	transition: all 0.1s;
}

.uk-nav-offcanvas li li a:hover,
.uk-nav-offcanvas li li a:active {
	transition: all 0.15s;
	background: #e4e4e4;
}

ul.uk-nav-sub {
	padding: 0;
}

.uk-nav-parent-icon > .uk-parent > a:after {
	margin-right: 10px;
}

.uk-nav > li li > a {
	padding: 5px 15px;
	color: #737373;
}

.uk-nav-offcanvas > .uk-open > a {
	color: #737373;
}

.uk-nav > li > div {
	border-top: 1px solid rgb(226, 226, 226);
	border-bottom: 1px solid rgb(226, 226, 226);
}

.uk-offcanvas-page {
	position: fixed;
	-webkit-transition: margin-left 0.3s ease-in-out;
	transition: margin-left 0.3s ease-in-out;
	margin-left: 0;
}