.loginform,
.password_reset_dialog
{
	background: 				var(--window_background);
	border-radius: 				var(--window_border_radius);
	box-shadow: 				var(--window_box_shadow);
	backdrop-filter: 			var(--window_backdrop);
	-webkit-backdrop-filter: 	var(--window_backdrop);
	border: 					var(--window_border);
	padding: 					var(--window_padding);
	color:						var(--window_text_color);
}

.loginform form > div:first-child
{
	display: 					grid;
	grid-template-columns: 		20% auto;
}

.loginform form > div:first-child > div:nth-child(2)
{
	margin-left: 				20px;
}

.loginform form > div:first-child > div:nth-child(3)
{
	display: 					none !important;
}

.loginform .logo
{
	width: 						100%;
}

.loginform .logintext 
{
	width: 						inherit;
	padding-left: 				inherit;
	padding-right: 				inherit;
}


.loginform form > div:nth-child(4)
{
	width: 						100% !important;
}

.loginform form > div:nth-child(4) > div:nth-child(2)
{
	margin-top: 				10px;
}

.loginform form input[type="submit"],
.password_reset_dialog input[type="submit"]
{
	background: 				var(--button_background);
	border-radius: 				5px;
	box-shadow: 				0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: 			blur(5px);
	-webkit-backdrop-filter: 	blur(5px);
	border: 					1px solid rgba(29, 83, 226, 0.3);
	padding: 					6px;
	color:						var(--button_text_color);
}

.loginform form input[type="submit"]:hover,
.password_reset_dialog input[type="submit"]:hover
{
	background: 				var(--button_background_hover);
	cursor: 					pointer;		
}

.loginform form input,
.password_reset_dialog input
{
	box-sizing: 				border-box;
	
	margin-top: 				5px;
	width: 						100%;
	padding: 					10px;
	border: 					none;
	border-radius: 				5px;
	font-size: 					16px;
	outline: 					none;
}

.loginform form .login_error
{
	background: 				linear-gradient(to right, #ffcdcdc8, #fffac2f6);
	color:						#b10505;
	padding: 					15px;
	font-size: 					100%;
	border-radius: 				var(--window_border_radius);
	border: 					1px solid #ff000066;
	font-weight: 				bold;
}

.changepassword_dialog, .loginform 
{
	top: 						150px;
}

.ProbenversandBulkMessageFormContainer > form .mailtext > div:first-child
{
	margin-top: 				5px;
}
.ProbenversandBulkMessageFormContainer > form .probenversandmessagebulk_message
{
	width: 						100%;
	min-height: 				100px;
}
.ProbenversandBulkMessageFormContainer > form .button_bar
{
	margin-top: 				10px;
	display: 					grid;
	grid-template-columns: 		1fr 1fr;
}
.ProbenversandBulkMessageFormContainer > form .button_bar input[type="button"],
.ProbenversandBulkMessageFormContainer > form .button_bar input[type="submit"]
{
	padding-top: 				5px;
	padding-bottom:				3px;
	padding-left: 				15px;
	padding-right: 				15px;
}
.ProbenversandBulkMessageFormContainer .keine_proben .button_cancel
{
	margin-top: 				10px;
	text-align: 				center;
}
.ProbenversandBulkMessageFormContainer > form .TierAuswahl
{
	overflow-y: 				auto;
	overflow-x: 				inherit;
	max-height: 				100px;
}
.ProbenversandBulkMessageFormContainer > form .mailform_error
{
	padding: 					5px;
	color: 						#c40000;
}

#tiledesk-container,
#tiledeskdiv
{
	position: 					fixed !important;
	top: 						10px !important;
	right: 						150px !important;
	bottom: 					auto !important;
}

#tiledeskdiv::before
{
	padding: 					10px;
	border-radius: 				10px;
	font-size: 					12px;
	background-color: 			#2a6ac1;
	color: 						#ffffff;
	position: 					absolute;
	top: 						25px;
	left: 						-160px;
	content: 					'Haben Sie Fragen? Nutzen Sie unseren Chatbot!   --->';
	width: 						150px;
}

#tiledesk-container.open #tiledeskdiv::before
{
	display: 					none;
}

#tiledesk-container #tiledeskdiv::before 
{
  	animation: 					TileDeskInfofadeInOut 6s ease-in-out forwards;
}

@keyframes TileDeskInfofadeInOut
{
	0% 		{ opacity: 0;  	}
	10% 	{ opacity: 1; 	}
	80% 	{ opacity: 1;  	}
	100% 	{ opacity: 0;  	}
}

@keyframes SecondLogoFadeOut
{
	0% 		{ opacity: 1;  	}
	80% 	{ opacity: 1;  	}
	100% 	{ opacity: 0;  	}
}

@media (min-width: 0px) and (max-width: 699px) 
{
	#tiledesk-container,
	#tiledeskdiv
	{
		top: 					-18px !important;
	}	
	#tiledesk-container.open #tiledeskdiv
	{
		right: 					0px !important;
		top: 					10px !important;
	}
}

@media (min-width: 0px) and (max-width: 450px) 
{
	#tiledesk-container,
	#tiledeskdiv
	{
		right: 					60px !important;
	}
	#tiledesk-container:not(.open) #tiledeskdiv
	{
		transform: 				scale(0.8) !important;
	}
	#tiledesk-container:not(.open) #tiledeskdiv::before
	{
		transform: 				scale(1) !important;
	}
	div#site .head div.logo2
	{
		animation: 				SecondLogoFadeOut 6s ease-in-out forwards;
	}
}