/*LANG PICKER*/
.languagepicker {
	position:absolute;
	float:right;
	right: 0em;
	display:block;
	list-style: none;
	background-color:#232323;
	border: 1px solid #666666;
	border-radius: 0.625em;
	margin:0.5em;
	padding:0.625em 0.625em 0.625em 0.625em;
	color:#999999 !important;
	z-index: 999;
	/*margin-top: -1.3rem;*/
	top: 0.2rem;
	margin-right: 0.7rem;
}

#lang-headline {
	margin-bottom: 0.5625em;
	text-align: center;
}

.lang-name {
	display: block;
	margin-top: 0.125em;
	font-size: 90%;
}

.img-lang {
	width: 2.8125em;
	border: 1px solid #929292;
	text-align: center;
}

.lang-element {
	text-align: center;
	margin: 0.4375em 0em 0em 0em;
	padding: 0.625em 0.5em 0.4375em 0.5em;
}

.lang-element__a {
	color:#999999 !important;
}

.langselect-popup_light .lang-element__a--popup {
	color:#4D4D4D !important;
}

.langselect-popup_dark .lang-element__a--popup {
	color:#B1B1B1 !important;
}

.lang-element__a:hover {
	filter: brightness(1.2);
}

.lang-element-selected, .lang-element:active {
	background-color:#444;
	border-radius:0.375em;
	color:#CCCCCC;
}

.languagepicker a {
	color:#999999;
	text-decoration: none;
}

.languagepicker a:hover {
	color:#fff;
	text-decoration: none;
}


/*Button Popup version*/
#languagepicker-mobile-container {
	display: none;
	position: absolute;
	width: 100%;
	/*outline: 1px solid yellow;*/
}

#languagepicker-mobile-button {
	display: none;
}


.lang-name-mobile {
	font-size: 87%; 
	display: inline-block;
	vertical-align: top;
	margin-top: 0.300em;
	color: #BDBDBD;
	/*user-select: none;*/
}

.lang-name-mobile:hover {
	color: #fff;
}

.img-lang-mobile {
	width: 1.625em;
	height: auto;
	margin-right: 0.4em;
	margin-top: 0.30em;
	margin-left: 0.1875em;
}

.lang-dropdown-arrow-mobile {
	display: inline-block;
	font-size: 0.8rem;
	vertical-align: top;
	/*margin-top: 0.325em;*/
	margin-top: 0.425em;
	margin-left: 0.4em;
	color: #999;
}


@media only screen and (max-width: 1300px) {
	
	#languagepicker-mobile-container {
		display: flex;
		justify-content: flex-end;
	}
	
	#languagepicker-mobile-button {
		display: flex;
		margin-right: 1rem;
		margin-left: auto;
		align-self: center;
		justify-content: space-between;
		align-items: flex-start;
		cursor: pointer;
		margin-top: 0.5rem;
	}
	
	.img-lang-mobile {
		
	}
	
	.select_arrow {
		color: #8E8E8E;
		font-size: 0.8rem;
		margin-top: 0.2rem;
	}
	
	
	/*HIDE main lang select*/
	.languagepicker {
		display: none;
	}
	
	.lang-tooltip_wrapper {
		display: none;
	}

}


@media only screen and (max-width: 500px) {
	
	#languagepicker-mobile-container {
		
	}
	
	#languagepicker-mobile-button {
		margin-top: 1rem;
	}
	
}






/*LANG SELECT POPUP*/
#langselect-overlay {
	background-color:rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	animation: fadeIn ease 0.6s;
}


#langselect-popup-wrapper {
	position: absolute; 
	top: 10%;
	width: 100%;
}


#langselect-popup {
	position: relative; 
	border: 0.125em solid #5E5E5E;
	border-radius: 0.625em;
	padding: 1.25em 1.5625em;
	max-width: 15.625em;
	line-height: 1.4375em;
	margin: auto;
	opacity: 1.0;
	z-index: 99999;
	font-size: 14px;
	animation: fadeIn ease 0.6s;
}

.langselect-popup_light {
	background-color:#fff;
	color: #121212;
}

.langselect-popup_dark {
	background-color:#121212;
	color: #D8D8D8;
}


@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.langselect-popup-select {
	display:block;
	margin-top:0.875em;
	margin-bottom:1.875em;
	text-align:center;
	font-size:1.5625em;
}

.langselect-popup-flag {
	width:7.5em;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.25em;
	margin-bottom:1.625em;
	display:block;
	font-size:1.25em;
	text-align:center;
	transition: 0.1s linear;
}

.langselect-popup-flag:hover {
	transform: scale(1.1);
}

.langselect-popup-flag a {
	color: inherit;
}

.langselect-popup-flag-img {
	width:6.5625em;
	margin-bottom:0.125em;
}

.langselect-popup-flag-img:hover {
	
}

.langselect-popup-flag-img-border {
	border: 1px solid #464646;
}


@media only screen and (max-height:1000px) {

	#langselect-popup-wrapper {
		top: 2%;
	}

	#langselect-popup {
		font-size: 12px;
	}
	
}

@media only screen and (max-height:780px) {

	#langselect-popup {
		font-size: 9.5px;
	}
	
}








/*LANG COOKIE TOOLTIP (optional)

/* The animation code */
@keyframes LeftRightFadeIn {
  0% {right: 105px;opacity: 0;}
  75% {right: 95px;opacity: 0;}
  100% {right: 78px;opacity: 1;}
}

.lang-tooltip_wrapper {
	animation-name: LeftRightFadeIn;
	animation-duration: 3s;
	/*animation-delay: 2s;*/
	z-index: 999999;
	position: absolute;
	/*text-align: center;*/
	/*margin-left: -300px;*/
	right: 5.1875em;
	display: flex;
	
	white-space:nowrap;
	
-webkit-box-shadow: 0em 0em 1.5em -0.5em rgba(0,0,0,0.75);
-moz-box-shadow: 0em 0em 1.5em -0.5em rgba(0,0,0,0.75);
box-shadow: 0em 0em 1.5em -0.5em rgba(0,0,0,0.75);
}

	
.lang-tooltip_content {
	line-height: 1.375em;
	padding: 0.625em 1em;
	/*width: 250px;*/
	display: inline-block;
	/*min-width: 200px;*/
	border-radius: 0.375em;
}

.lang-tooltip_content_colors {
	color: #000;
	background-color: #fff;
	border:1px solid #000;
}

.lang-tooltip_content_colors_dark {
	color: #fff;
	background-color: #000;
	border:1px solid #7B7B7B;
}

.lang-tooltip_cookies {
	font-size: 75%;
	line-height: 1.125em;
	color: #777;
	margin-top: 0.5em;
}

.lang-tooltip_content_close_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

a.lang-tooltip_content_close {
	font-size: 80%;
	line-height: 1.125em;
	margin-top: 0.875em;
	margin-bottom: 0.1875em;
	border-radius: 0.375em;
	display: inline-block;
	padding: 0.125em 0.5em 0.0625em 8px;cursor: pointer;
}

a.lang-tooltip_content_close_colors {
	color: #000;
	border: 1px solid #888;
}

a.lang-tooltip_content_close:hover {
	color: #000;
	background-color: #E9E9E9;
}

a.lang-tooltip_content_close_colors_dark {
	color: #fff;
	border: 1px solid #888;
}

a.lang-tooltip_content_close_colors_dark:hover {
	color: #fff;
	background-color: #434343;
}
a.lang-tooltip_content_close_colors:active {
	color: #fff;
	background-color: #000;
}

a.lang-tooltip_content_close_colors_dark:active {
	color: #000;
	background-color: #fff;
}


.lang-tooltip_arrow_wrapper {
}

.lang-tooltip_arrow_css {
	width: 0em;
	height: 0em;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 0.75em 0 0.75em 0.9375em;
	border-color: transparent transparent transparent #fff;
	margin-top: 1.375em;
	margin-left: -0.0625em;
}

.lang-tooltip_arrow_img {
	margin-top: 1em;
	margin-left: -0.125em;
}