#languageswitcher:hover{
	.languageswitcher{
		#switch_language {
			cursor: pointer;
			background-color: #ff0000;
		}
	}
}
#languageswitcher{
	.languageswitcher{
		width: 60px;
		height: 60px;

		#switch_language {
			background-color: #010326;
			color: white;
			padding: 20px;
			font-size: 16px;
			border: none;
			border-radius: 0;
			font-weight: lighter;
			width: 60px;
			height: 60px;
			font-family: "Open Sans", sans-serif;
		}
		#language-dropdown{
			background-color: #0d0259;
			display: none;
			width: 60px;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			opacity: 0.7;
			height: auto;

			li{
				background-color: #0d0259;
				width: 100%;
				text-align: center;
			}

			a{
				color: #ffffff;
				padding: 7px 16px;
				text-decoration: none;
				display: block;
			}
			a:hover{
				background-color: #ccc;
				color: black
			}
			span.not_available:hover{
				cursor: not-allowed;
			}
		}
	}
	.languageswitcher:hover {
		cursor: pointer;

		#language-dropdown{
			display: block;
			z-index: 10;
			position: relative;
			list-style: outside none none;
			padding-left: 0;
		}
	}
}

@media (max-width: 1100px) {
	#languageswitcher{
		.languageswitcher{
			margin: 0 auto;

			#language-dropdown{
				position: absolute !important;
				bottom: 60px;

				li{
					background-color: #ffffff !important;
				}
				span, a{
					color: #000000 !important;
				}
			}
		}
	}
}