body 	{	overflow: hidden;  } 

#login > form 			{ 	position: absolute; top: 0; left: 0; width: 100.0%; height: 100.0%; background-image: url("../img/Intro24.jpg"); background-size: cover; background-position: center; display: flex; gap: 4.00vh; flex-flow: row wrap; justify-content: space-between; }
#login > form  > div 		{ 	height: 55.00%; position: relative; flex: 0 0 100.0%; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-end; }
#login > form  > div + div 	{ 	height: 45.00%; justify-content: flex-end; align-items: flex-start; }

	#login > form  > div > img[src="../Content/Images/svg/white/Logo_Toyota.svg"]	{ 	position: absolute; top: 4.00vw; left: 4.00vw; width: 7.50%; height: auto; }
	#login > form > div > img[src="../Content/Images/png/claim24.png"]		{ 	width: 56.00vw; height: auto; }

	#login > form > div > div	{	width: 42.00em; padding: 3.00em 3.00rem 1.80rem; margin-right: 8.00vw; border-radius: 0.50rem; overflow: hidden; display: grid; gap: 1.00em; 
							box-shadow: inset 0 0 0 1px rgba(255,255,255,0.125), inset 1px 1px 0 1px rgba(255,255,255,0.125), 0.50em 1.50em 1.50em 0 rgba(000,000,000,0.14); 
							background-image: radial-gradient(farthest-corner at 0.0% 100.0%, rgba(255,255,255,0.75) 0.00%, rgba(255,255,255,0.50) 100.0%); 
							-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); background-color: rgba(040,040,048,0.25); }
	
	#login > form > div > div > div 			{	display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; }
	#login > form > div > div > div > img		{	height: 3.00em; width: auto; }
	#login > form > div > div > div > label	{	flex: 1 1 10.00%; }
	#login > form > div > div > div > p		{	flex: 1 1 62.00%; font-size: 0.75em; line-height: 1.2; margin-top: 1.00em; }
	
	#login > form > div > div > div:last-child				{	margin-top: 1.00em; padding-top: 1.00em; border-top-width: 1px; border-top-color: var(--dark); }
	
		
/* Form Label Group */

#login .form-label-group					{	position: relative; width: 100.0%; height: 3.00em; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: center; align-items: center; }
#login .form-label-group * ~ label			{	position: absolute; top: 0; left: 0; width: 100.0%; height: 100.0%; margin: 0; padding: 0 1.50em; cursor: text; transition: all 300ms ease-in-out 0ms; display: flex; flex-flow: row wrap; align-content: center; align-items: center; transform-origin: top right; }
#login .form-label-group * ~ label:before	{	content: none; }

#login .form-label-group *:placeholder-shown ~ label		{	transform: scale(1); justify-content: flex-start; color: var(--dark); }
#login .form-label-group *:not(:placeholder-shown) ~ label,
#login .form-label-group *:focus ~ label					{	transform: scale(0.75); justify-content: flex-end; }
#login .form-label-group + .form-label-group				{	margin-top: 0.50em; }

/* Browser-Tipp */

#login + .browsertipp	{	position: absolute; top: 2.00vw; right: 2.00vw; width: 12.50em; aspect-ratio: 1 / 1; padding: 6.00em 1.00em 1.00em; border-radius: 100.0%; overflow: hidden; 
							background: url('../img/Logo_Firefox.svg') top 1.00em center no-repeat #ff00ff; background-size: 4.50em auto; font-size: 0.90em; line-height: 1.20; text-align: center; color: white; }	
									
/*	=================================
		END
	================================= 

*	{	box-shadow: 		inset 0 0 0 1px  rgba(000,000,000,0.10) !important; } 
*	{	background-color: 	rgba(000,000,000,0.05) 					!important; } 
div	{	background-color: 	rgba(255,000,000,0.05) 					!important; } 
div	{	background-image: 	none				 					!important; } 
*	{	color: 				rgba(000,000,000,1.0) 					!important; } 
img	{	box-shadow: 		inset 0 0 0 1px  rgba(000,000,000,0.40) !important; }