﻿input, textarea	{	appearance:	none; -webkit-appearance: none; -moz-appearance: none; }	
	*:focus 			{	outline: -webkit-focus-ring-color auto 0; outline: none; }
	*:-moz-focusring 	{	outline: 0; }
	::placeholder	 	{	opacity: 0; }
input[type=radio], 
input[type=checkbox] 	{	display: none; }


input, select, 
	   textarea 	{	display: block; padding: 0.50em 1.00em; width: 100.0%; border-radius: 0.125em; border-width: 1px; }
 	   textarea		{	padding: 1.00em; }

input:focus, textarea:focus 	{	border-width: 2px; }

select::marker 	{	content: ''; display: none; }

/* --- Control -- */

.control select	{	width: auto; padding: 0 2.00em 0 0; border: 0; }

/* --- Form Label Group -- */

	.flg 			{	position: relative; width: 100.0%; min-height: 3.00em; margin: 0; }
	.flg > *		{	height: 100.0%; }
	.flg > textarea	{	min-height: 13.50em; }
	.flg > label	{	position: absolute; top: 0; right: 0; width: 100.0%; height: 100.0%; padding: 0.50em 1.00em; display: grid; place-items: center start; cursor: text; }
	
	.flg > *:focus + label, 	
	.flg > *:not(:placeholder-shown) + label 	{	width: auto; transform: scale(0.75); transform-origin: top right; place-items: start start; }
	
/*	=================================
		Ende
	================================= */
