Menü von links nach rechts

/* DEVELOPMENT - DO NOT USE */


@media (min-width: 1025px) {


	.pageHeaderPanel {
		position: relative;
	}


	#pageHeader {
		display: flex;
		flex-direction: column;
	}


	#pageHeaderPanel {
		order: 3;
	}


	#pageHeaderFacade {
		order: 1;
	}


	#pageHeaderContent {
		order: 2;
	}


	#pageHeader > #pageHeaderPanel {
		padding: 0;
		margin-bottom: 20px;
	}


	.pageHeaderContainer .layoutBoundary .mainMenu {
		box-shadow:
			0 -1px 0 rgba(255, 255, 255, 0.085) inset,
			0 1px 0 rgba(255, 255, 255, 0.085) inset;
		border-radius: 3px 0 0 3px;
	}


	.pageHeaderContainer .mainMenu .boxMenu > li:first-child, 
	.pageHeaderContainer .mainMenu .boxMenu > li:first-child > a, 
	.pageHeaderContainer .mainMenu .boxMenu > li:first-child > a:hover {
		border-radius: 3px;
	}


	.pageHeaderContainer .userPanel > ul > li > a {
		box-shadow: 
			0 -1px 0 rgba(255, 255, 255, 0.085) inset,
			0 1px 0 rgba(255, 255, 255, 0.085) inset;
	}


	.pageHeaderContainer .userPanel > ul > li:last-child > a {
		box-shadow: 
			0 -1px 0 rgba(255, 255, 255, 0.085) inset,
			0 1px 0 rgba(255, 255, 255, 0.085) inset;
	}


	.pageHeaderContainer .userPanel > ul > li:last-child, 
	.pageHeaderContainer .userPanel > ul > li:last-child > a {
		border-radius: 0 3px 3px 0;
	}


	/* Adjust Userpanel Dropdown */


	.interactiveDropdown {
		top: 254px !important;
		position: absolute;
	}


	#pageHeaderSearch {
		position: absolute !important;
	}

	.pageHeaderContainer {
		padding-top: 20px;
	}		


	/* Fix Top-Menu */


	.pageHeaderContainer #pageHeaderPanel > .layoutBoundary {
		background-image: url('#{$style_image_path}backgroundBlur.jpg');
		background-size: cover;
		background-attachment: fixed;				
	}


	.pageHeaderContainer .layoutBoundary .mainMenu {
		background-color: rgba(255, 255, 255, 0.1);			
	}


	.userPanel > ul > li > a > .badgeUpdate {
		left: inherit;
		right: 3px;
	}


	#pageSidebarMenuExpand,
	#pageSidebarMenuCollapse {
		display: none;
	}

}