/* RIGHT MENU */
.right-menu {
	display: flex;
	flex-direction: column;
	--block-left-space: 2em;
	border-left: 3px solid var(--page-border-color);
}
.right-menu-header {
	font-weight: bold;
	font-size: 2em;
	padding: 0.4em 0 0.5em 23px;
	color: var(--page-fg4-color);
	border-left: 3px solid var(--page-fg4-color);
	margin-left: -3px;
	user-select: none;
	overflow: hidden;
    text-overflow: ellipsis;
}
.right-menu-inner {
	visibility: visible;
	overflow: hidden;
}
.right-menu-inner > .right-menu-item {
	margin-left: -3px;
}
.right-menu-item {
	--left-space: var(--block-left-space);
/*	border-bottom: 1px solid var(--page-fg4-color);*/
/*	border-left: 3px solid var(--page-border-color);*/
	transition: height 0.5s;
	overflow: hidden;
}
.right-menu-item>.right-menu-item-name.active {
	font-weight: bold;
	border-color: var(--page-link-color);
}
.right-menu-item.active-child>.right-menu-item-name {
	font-weight: bold;
}
.right-menu .right-menu-item-name {
	position: relative;
	border-left: 3px solid var(--page-border-color);
	padding-left: var(--left-space);
}
.right-menu .right-menu-item-name a {
	display: block;
	text-decoration: none;
	padding: 0.5em 0 0.5em 0;
}
.right-menu-item>.right-menu-item-name {
}
.right-menu-submenu {
	padding-bottom: 1em;
	--block-left-space: calc(var(--left-space) + 1.5em);
	transition: opacity 0.5s;
}
.right-menu-submenu .right-menu-item:last-child .right-menu-submenu {
	padding-bottom: 0;
}
.right-menu-submenu .right-menu-item>.right-menu-item-name {
	font-size: 90%;
}
.right-menu-item-marker {
	width: 2em;
	height: 2em;
	left: calc(var(--left-space) - 2em);
	position: absolute;
	cursor: pointer;
}
.right-menu-item-marker:before {
	content: '';
	position: absolute;
	display: block;
	width: 0.4em;
	height: 0.4em;
	border-width: 2px;
	border-style: none solid solid none;
	border-color: var(--page-grey-kit-fg2);
	transition: all 0.5s;
}
.right-menu-item.contains:not(.open)>.right-menu-item-name>.right-menu-item-marker:before {
	top: 0.9em;
	left: 1em;
	transform: rotate( -45deg );
}
.right-menu-item.contains.open>.right-menu-item-name>.right-menu-item-marker:before {
	top: 0.9em;
	left: 1.1em;
	transform: rotate( 45deg );
}
.right-menu-item.contains:not(.open) .right-menu-submenu {
	opacity: 0;
}
.right-menu-item.contains:not(.open) {
	height: var(--element-closeheight, auto);
}

.right-menu-item.contains.open {
	height: var(--element-openheight, auto);
}
@media ( max-width: 999px ) {
	.right-menu-inner {
		transition: height 0.5s, opacity 0.25s;
		opacity: 0;
		height: var(--element-closeheight);
	}
	.open .right-menu-inner {
		transition: height 0.5s, opacity 0.75s;
		opacity: 1;
		height: var(--element-openheight);
	}
	.right-menu-header:before {
		content: '';
		display: inline-block;
		width: 1.1em;
		height: 1em;
	}
	.right-menu:not(.open) .right-menu-header:before {
		background: url(/Sys/Module/Page/v2/view/default/img/buterbrod_gray.svg) no-repeat left bottom;
		background-size: 0.8em auto;
	}
	.right-menu.open .right-menu-header:before {
		background: url(/Sys/Module/Page/v2/view/default/img/cross_gray.svg) no-repeat 0.1em bottom;
		background-size: 0.7em auto;
	}
}