select,	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: 1.00; }
	button	 			{	background-color: transparent; }
	
input[type=checkbox], 
input[type=radio]		{	display: none; }

/* --- */

input		{	width: calc(100.0% - 2.00em); padding: 0 1.00em; height: 3.00em; }
select		{	width: 100.0%;                padding: 0 1.00em; height: 3.00em; }
textarea	{	width: calc(100.0% - 2.00em); padding: 1.00em; min-height: 4.00em; resize: vertical; }

/* Thank */

.cofo-thank 		{	display: block; height: auto; max-height: 0; overflow: hidden; }
.cofo-thank span	{	display: block; }
.cofo-thank > span	{	position: relative; margin-top: 1.50rem; padding: 1.00rem 2.00rem 1.00rem 1.00rem; border-radius: 4px; border-width: 2px; 
						background-image: url('../img/picts/black/close.svg'); background-repeat: no-repeat; background-position: top 0.50rem right 0.50rem; background-size: 1.50rem; }

	#contact.thank-on button 		{	opacity: 0.25; }
	#contact.thank-on .cofo-thank 	{	max-height: 300px; }
		
/* Form Label Group */

.form-label-group						{	position: relative; width: 100.0%; }
.form-label-group *						{	transition: all 100ms ease-in-out; }
.form-label-group + .form-label-group	{	margin-top: 0.50em; }
.form-label-group * ~ label				{	position: absolute; top: 0; left: 0; width: calc(100.0% - 2.00em); height: 3.00em; padding: 0 1.00em; cursor: text; 
											display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: center; align-items: center; transform: scale(1); transform-origin: top right;}

.form-label-group *:not(:placeholder-shown) ~ label,
.form-label-group *:focus ~ label		{	transform: scale(0.75); justify-content: flex-end; }

/* Checkbox + Radios */

input.check + label		{	position: relative; display: block; min-height: 2.00em; padding-left: 2.50em; 
							display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: center; align-items: center; }
										
input.check + label:before			{	content:''; position: absolute; top: 0; left: 0; display: block; width: 2.00em; height: 2.00em; 
										opacity: 0.50; background-image: url(../img/picts/black/radio_button_unchecked.svg); background-repeat: no-repeat; background-position: top left; background-size: cover; }
input.check:checked + label:before	{	opacity: 1.00; background-image: url("../img/picts/sofa/radio_button_checked.svg"); }

	input#DSGVO-ok.check + label	{	margin: 1.00em 0 2.00em; 

/*	=================================
		END
	================================= */