@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	
	input, textarea{font-size:1em!important;}
	
	/* Unterstehende Zeile setzt uA die Aktiv-Farben für Form-elemente */
	input[type=checkbox], input[type=radio] {--active: #749623; --active-inner: #fff; --focus: 2px rgba(39, 94, 254, .3); --border: #BBC1E1; --border-hover: #749623; --background: #fff; --disabled: #F6F8FF; --disabled-inner: #E1E6F9; -webkit-appearance: none; -moz-appearance: none; height: 24px; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; border: 1px solid var(--bc, var(--border)); background: var(--b, var(--background)); transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;}	
	input[type=checkbox]:after, input[type=radio]:after {content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);}	
	input[type=checkbox]:checked{--b: var(--active); --bc: var(--active); --d-o: .3s; --d-t: .6s; 	--d-t-e: cubic-bezier(.2, .85, .32, 1.2);}
	input[type=radio]:checked {border:6px solid #fff; background-color:#749623; --d-o: .3s; --d-t: .6s; 	--d-t-e: cubic-bezier(.2, .85, .32, 1.2);}
	
	input[type=checkbox]:disabled, input[type=radio]:disabled {--b: var(--disabled); cursor: not-allowed; opacity: 0.9;}
	input[type=checkbox]:disabled:checked, input[type=radio]:disabled:checked {--b: var(--disabled-inner); --bc: var(--border);}
	input[type=checkbox]:disabled + label, input[type=radio]:disabled + label {cursor:not-allowed;}
	input[type=checkbox]:hover:not(:checked):not(:disabled), input[type=radio]:hover:not(:checked):not(:disabled) {--bc: var(--border-hover);}
	input[type=checkbox]:focus, input[type=radio]:focus {box-shadow: 0 0 0 var(--focus);}
	input[type=checkbox]:not(.switch), input[type=radio]:not(.switch) {width: 24px;}
	input[type=checkbox]:not(.switch):after, input[type=xxxradio]:not(.switch):after {opacity: var(--o, 0);}
	input[type=checkbox]:not(.switch):checked, input[type=xxxradio]:not(.switch):checked {--o: 1;}
	input[type=checkbox] + label, input[type=radio] + label {
		line-height: 21px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 4px;}
	input[type=checkbox]:not(.switch) {border-radius:7px;}
	input[type=checkbox]:not(.switch):after {width:5px; height:9px; border:2px solid var(--active-inner); border-top:0;		border-left:0; left:8px; top:4px; transform: rotate(var(--r, 20deg));}
	input[type=checkbox]:not(.switch):checked {--r: 43deg;}
	input[type=checkbox].switch {width: 38px; border-radius: 11px;}
	input[type=checkbox].switch:after {left: 2px; top: 2px; border-radius: 50%; width: 15px; height: 15px; background: var(--ab, var(--border)); transform: translateX(var(--x, 0));}
	input[type=checkbox].switch:checked {--ab: var(--active-inner); --x: 17px;}
	input[type=checkbox].switch:disabled:not(:checked):after {opacity: 0.6;}

	input[type=radio] {border-radius: 50%;}
	input[type=xxxradio]:after {width:19px; height:19px; border-radius:50%; background: var(--active-inner); opacity:0; transform: scale(var(--s, 0.7));}
	input[type=radio]:checked {--s: .5;}
	
	input[type=text], input[type=date]{width:95%; padding:0.375em; border-radius:0.25em;}
	
	input[type=select]{}
	
	textarea {width:94%; height:10em; padding:0.5em; border-radius:0.25em; resize:vertical;}
	
	select{display:inline-block; padding:0.375em; border-radius:0.25em;}
	select.fullwidth{display:block; width:99%;}
	

	.select-css {display:block; width:98%; max-width:100%; padding:0.25em 0 0.25em 0.375em; line-height:1.3; box-sizing:border-box; border:2px solid #9CBF47; border-radius:0.375em; appearance:none; -moz-appearance:none; -webkit-appearance:none; font-size:1em!important; background-color:#fff;}
	
	.select-css.date-pick{width:4em; text-align:center;}
	.select-css option{width:auto; margin:auto;}
	
	/*.select-css {background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat:no-repeat; background-position:right .75em top 50%; background-size:.625em auto}*/

	/* Hide arrow icon in IE browsers */
	.select-css::-ms-expand {display:none;}

	/* Hover style */
	.select-css:hover {border-color:#749623;}

	/* Focus style */
	.select-css:focus {}

	/* Disabled styles */
	.select-css:disabled, .select-css[aria-disabled=true] {color:graytext;}
	.select-css:disabled:hover, .select-css[aria-disabled=true] {border-color:#aaa;}
