@media (max-width: 1024px) {
#sidebar {
	position: fixed;
	bottom: 0;
	float: left;
	top: auto;
	z-index: 1002;
	width: 100%;
	background-color: #ffffff;
}
	.sidebar-link {
		display: inline-block;
		float: right;
		padding: 12px 7px 10px 7px;
		width: 60px;
		position: relative;
		text-decoration: none;
		text-align: center;
	}

	.sidebar-link .sidebar-name {
		display: none;
	}

	.sidebar-link .sidebar-mobil-name {
		display: flex;
		justify-content: center;
		font-size: 9px;
		margin-bottom: 0;
		font-weight: 400;
}

	#sidebar-menu {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
}

@media all and (min-width: 1025px) {
	#sidebar {
		display: block;
		background-color: #ffffff;
		position: fixed;
		right: 0;
		top: 27%;
		z-index: 1002;
		visibility: visible;
		font-weight: 700;
		border-top-left-radius: 0.25rem ;
		border-bottom-left-radius: 0.25rem;
		box-shadow: 0 12px 15px rgba(140, 152, 164, 0.15);
	}
	#sidebar-menu {
		width: 60px;
		float: left
	}
	.sidebar-link {
		display: inline-block;
		float: right;
		padding: 12px 7px 12px 7px;
		width: 60px;
		position: relative;
		text-decoration: none;
		text-align: center;
	}
	.sidebar-link .sidebar-name {
		background: #00529e;
		font-size: 1rem;
		line-height:52px;
		font-weight: 400;
		color: #fff;
		display: inline-block;
		height: 52px;
		padding: 0 1.26563rem 0;
		position: absolute;
		right: 60px;
		top: 0;
		vertical-align: middle;
		text-align: left;
		visibility: hidden;
		width: 170px;
		z-index: 3;
		border-top-left-radius: 0.25rem;
		border-bottom-left-radius: 0.25rem;
	}
	.sidebar-link .sidebar-mobil-name {
		display: none;
	}
	#sidebar-menu .sidebar-link  {
		display: inline-block;
		text-align: center;
		height: 52px;
		vertical-align: middle;
		/*
		width: 50px;
		*/
		/*
		color: #8f908f !important;
		*/
		color: #00529e !important;
	}
	#sidebar-menu .sidebar-link:hover {
		color: #ffffff !important;
	}
	.sidebar-link:hover {
		background: rgba(0, 82, 158, 0.8);
	}
	.sidebar-link:hover .sidebar-name {
		visibility: visible;
	}
	.sidebar-hr {
		background: #fbfbfb;
		display: block;
		float: right;
		height: 1px;
		position: relative;
		width: 30px;
		margin-right: 10px
	}
}
