#magnus-gmbh-sidebar {
	position:			fixed;
	top:				0;
	right:				-300px;
	background-color:	transparent;
	z-index:			11;
	height:				100%;
	display:			flex;
	flex-grow:			0;
	flex-shrink:		0;
	flex-direction:		column;
	justify-content:	center;
	user-select:		none;
	pointer-events:		none;
	animation:			magnusGmbHSidebar 250ms 1.5s ease-out forwards;
}
#magnus-gmbh-sidebar > .sidebar-item {
	box-shadow:			0 0 15px 0 #00000026;
	display:			flex;
	flex-grow:			0;
	flex-shrink:		0;
	flex-direction:		row;
	min-width:			80px;
	height:				80px;
	/*padding-right:		20px;*/
	background-color:	#fff;
	margin-top:			15px;
	justify-content:	flex-end;
	align-items:		flex-start;
	user-select:		text;
	pointer-events:		all;
	font-size:			13px;
	color:				#fff;
	background-color:	var(--awb-color3);
	transition:			transform 250ms ease-in-out;
	/*transform:			translateX(-200px);*/
	z-index:			1;
}
#magnus-gmbh-sidebar > .sidebar-item:first-of-type {
	margin-top:	0;
}
#magnus-gmbh-sidebar > .sidebar-item * { color: inherit; font-size: 16px; }
#magnus-gmbh-sidebar > .sidebar-item a { text-decoration: underline; }
#magnus-gmbh-sidebar > .sidebar-item .heading { font-size: 18px; line-height: 18px; }
#magnus-gmbh-sidebar > .sidebar-item i {
	font-size:	30px;
}
#magnus-gmbh-sidebar > .sidebar-item .ico-container {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 0;
}
#magnus-gmbh-sidebar > .sidebar-item .rollout {
	overflow-x:			hidden;
	width:				200px;
	background-color:	var(--awb-color3);
	transition:			all 250ms;
	padding:			10px;
	z-index:			2;
}
#magnus-gmbh-sidebar > .sidebar-item:hover,
#magnus-gmbh-sidebar > .sidebar-item:active,
#magnus-gmbh-sidebar > .sidebar-item:focus {
	transform: translateX(-200px);
}
@keyframes magnusGmbHSidebar {
	0% {
		right: -300px;
	}
	100% {
		right: -200px;
	}
}