/* CSS Document */
/* Formulare - Start */
form {
	padding:0px;
	margin:0px;
}
.formline {
	margin:20px 0px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
	margin:0px;
	padding:5px;
	width:100%;
	height:38px;
	background:rgba(0, 0, 0, 0);
	border:none;
    border-bottom:1px solid #FFFFFF;
    color:#fff;
	font-family:Arial, sans-serif;
    outline:none;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	background:rgba(255, 255, 255, 0.1);
	box-shadow:0 0 3px rgba(255, 255, 255, 0.2);
}
select[multiple]
{
	height:auto;
}
select option {
    color:#000;
}
textarea {
	resize:none;
	color:inherit;
	overflow:hidden;
	font-size:14px;
	line-height:22px;
	min-height:38px;
	height:auto;
	font-family:Arial, sans-serif;
}
textarea.autogrow {
	outline:none;
	overflow:hidden;
	resize:none;
}
button, .button, input[type=button], input[type=submit], .fileinput label {
	width:auto;
	background:#fff;
	color:#000;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:400;
	line-height:38px;
	padding:0px 35px;
	position:relative;
	text-decoration:none;
	text-transform:none;
	transition:all 0.28s ease 0s;
    border:none;
    text-align:center;
	border-radius:3px;
}
button.small, .button.small, input.small[type=button], input.small[type=submit] {
	padding:5px 10px;
}
button.square, .button.square, input.square[type=button], input.square[type=submit] {
	width:38px;
	height:38px;
	text-align:center;
}
button.full, .button.full, input.full[type=button], input.full[type=submit], .fileinput label {
    width:100%;
    padding-left:0px;
    padding-right:0px;
}
button.half, .button.half, input.half[type=button], input.half[type=submit] {
    width:calc(50% - 5px);
    padding-left:0px;
    padding-right:0px;
}
button.half1, .button.half1, input.half1[type=button], input.half1[type=submit] {
    margin-right:5px;
}
button.half2, .button.half2, input.half2[type=button], input.half2[type=submit] {
    margin-left:5px;
}
button.icon, .button.icon, input.icon[type=button], input.icon[type=submit] {
    width:36px;
    text-align:center;
    padding:10px;
}
button:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover, .fileinput label:hover {
	background:#a5a5a5;
	color:#393939;
	box-shadow:0 0 4px rgba(0,0,0,0.2) inset;
}
button.light, .button.light, input.light[type=button], input.light[type=submit] {
	background:#a5a5a5;
	color:#393939;
}
button.light:hover, .button.light:hover, input.light[type=button]:hover, input.light[type=submit]:hover {
	background:#595959;
	color:#d3d3d3;
}
input[type=file] {
    display:none;
}
.fileinput .filepreview {
	display:block;
	width:100%;
    border:1px solid #373737;
    border-top:none;
    border-bottom:none;
	background:#595959;
}
.fileinput .filepreview ul.files {
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}
.fileinput .filepreview ul.files li {
	display:block;
	list-style:none;
    position:relative;
    line-height:25px;
    word-break:break-all;
}
.fileinput .filepreview ul.files li a {
    display:block;
	padding:4px;
	position:relative;
	overflow:hidden;
    border-bottom:1px solid #242424;
}
.fileinput .filepreview .fileinfos {
    display:inline-block;
    margin-left:5px;
}
.fileinput .filepreview ul.files li .deleter {
	display:none;
	position:absolute;
	right:10px;
	top:50%;
    margin-top:-12.5px;
	width:25px;
	height:25px;
	background:#000000;
	border-radius:50%;
	line-height:25px;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
    z-index:50;
    font-size:16px;
}
.fileinput .filepreview ul.files li:hover .deleter {
	display:block;
}

.inputselect .searcharea {
    display:block;
    position:relative;
    width:100%;
}
.inputselect .searcharea .searchareacontent {
    display:none;
    position:absolute;
    width:100%;
    max-height:270px;
	margin:0px;
	background:#393939;
    color:#d3d3d3;
	box-shadow:0 0 3px rgba(255, 255, 255, 0.2);
    overflow-y:auto;
    overflow-x:hidden;
    z-index:300000;
}
.inputselect .searcharea .searchareacontent .searchareavalue {
    display:block;
    cursor:pointer;
    padding:5px;
}
.inputselect .searcharea .searchareacontent .searchareavalue:after {
    display:block;
    content:'';
    clear:both;
    width:100%;
    height:0px;
}
.inputselect .searcharea .searchareacontent .searchareavalue .searchareaname {
    float:left;
    max-width:100%;
}
.inputselect .searcharea .searchareacontent .searchareavalue.preview .searchareaname {
    line-height:30px;
    white-space:nowrap;
    max-width:calc(100% - 35px);
}
.inputselect .searcharea .searchareacontent .searchareavalue.preview .searchareapreview {
    display:block;
    float:left;
    border:1px solid #000000;
    width:30px;
    height:30px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    margin-right:5px;
}
.inputselect .searcharea .searchareacontent .searchareavalue:hover {
	background:#d3d3d3;
    color:#393939;
}
.inputselect .selectioninfo {
    display:none;
    border:1px solid #393939;
    background:#4b4b4b;
    padding:5px;
}





.multiinput .input, .multiinputselect .input {
	margin:5px 0px;
}
.multiinput .input:first-child, .multiinputselect .input:first-child {
	margin-top:0px;
}
.multiinput input[type="text"], .multiinput input[type="password"], .multiinput textarea, .multiinput select, .multiinputselect input[type="text"] {
	width:calc(100% - 25px);
	float:left;
}
.multiinput .deleter, .multiinputselect .deleter {
	width:25px;
	height:25px;
	line-height:25px;
	padding:0px;
	text-align:center;
}
fieldset {
	display:block;
	border:1px solid #ccc;
	padding:10px;
	margin:10px 0px;
}
fieldset legend {
	font-size:22px;	
	line-height:28px;
	font-weight:300;
	margin-top:5px;
	margin-bottom:5px;
}


.plusminus {
	display:flex;
    background:#FFFFFF;
    border-radius:3px;
    align-items: center;
    justify-content: space-between;
}
.plusminus .button {
	line-height:28px;
	font-size:25px;
	font-weight: 400;
    background:transparent;
    flex:0 0 30px;
    height:30px;
    border:1px solid #000;
    border-radius:50%;
    padding:0px;
    margin:0px 15px;
    text-align:center;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.plusminus input {
	text-align: center;color:#000;
}
.small .plusminus .button {
	line-height:18px;
	height:20px;
	width:20px;
	flex:0 0 20px;
	font-size:16px;
    margin:5px;
}
.small .plusminus input {
    height:30px;
}
ul.niceselect {
	display:flex;
	gap:5px;
	list-style:none;
	margin:0px;
	padding:0px;
	flex-wrap: wrap;
    width:100%;
    flex-direction: column;
    align-items: stretch;
}
ul.niceselect li {
	display:flex;
    width:100%;
	height:32px;
	list-style:none;
	margin:0px;
	padding:3px;
	border:1px solid #ccc;
	background:#efefef;
	border-radius:3px;
	cursor:pointer;
    gap:5px;
}
ul.niceselect li span {
	display:block;
	width:100%;
	height:100%;
}
ul.niceselect li span.nicer {
	display:block;
	width:26px;
	height:100%;
	box-shadow:0 0 4px rgba(0,0,0,0.2) inset;
    background-size:cover;
}
ul.niceselect li.aktiv {
	border:1px solid #000;
	box-shadow:0 0 4px rgba(0,0,0,0.2);
}
ul.niceselect.smallpreview {
    flex-direction:row;
}
ul.niceselect.smallpreview li span {
    display:none
}
ul.niceselect.smallpreview li span.nicer {
    display:block
}
ul.niceselect.smallpreview li {
    width:32px;
}
/* Formulare - Stop */




/*
legend {
	border-bottom:1px solid #ff675b;
	display:inline-block;
	font-family:"Source Sans Pro","Open Sans",Trebuchet MS,Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:600;
	letter-spacing:0.2px;
	line-height:35px;
	margin-bottom:-1px;
	max-width:100%;
	text-transform:uppercase;
	width:auto;
	color:#333333;
}
*/
.file-value {
	display:block;
	position:relative;
}
.file-value.dropfile:after {
	display:flex;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:rgba(255, 255, 255, 0.8);
	border:2px dotted #ccc;
	content:'Datei hier ablegen';
	color:#000;
	text-align:center;
	align-items:center;
    justify-content:center;	
	font-weight:900;
}
.file-value.draghere:after {
	border:2px dotted #000;
}
.file-value input[type="file"] {
	display:none;
	padding:5px;
	width:100%;
	height:38px;
	background:#f7f7f7;
	border:1px solid #f7f7f7;
}
.file-value label {
	display:block;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border:1px solid #333;
	border-bottom:0px;
	background: #1b891f;
    background: linear-gradient(0deg, #1b891f 0%, #4ac843 100%);
    transition: all 0.28s ease 0s;
	color:#fff;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 30px;
	cursor:pointer;
	padding:0px 28px;
	text-align:center;
}
.file-value.nofiles label {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom:1px solid #333;
}
.file-value ul {
	display:flex;
	padding:2px;
	margin:0px;
	border:1px solid #1b891f;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	width:100%;
	background:#fff;
    flex-direction: column;
    align-items: stretch;
	list-style:none;
	gap:2px;
}
.file-value.nofiles ul {
	display:none;
}
.file-value ul li {
	display:flex;
	width:100%;
	background:#efefef;
	margin:0px;
	padding:0px;
	position:relative;
	flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
	gap:5px;
}
.file-value ul li .fileicon {
	display:flex;
	width:32px;
	height:32px;
	border:1px solid #ccc;
	align-items: center;
    justify-content: center;
	background:#fff;
}
.file-value ul li img {
	display:block;
	max-width:100%;
	max-height:100%;
}
.file-value ul li a.file-link {
	flex:1 1 100%;
	display:flex;
	justify-content:flex-start;
	flex-direction:row;
	flex-wrap:nowrap;
    align-items:center;
	gap:5px;
	color:#000;
	text-decoration: none;
}
.file-value ul li a.file-link.nolink {
	text-decoration: none;
	cursor:default;
}
.file-value ul li a.file-link .filename{
	text-decoration:underline;
}
.file-value ul li a.file-link .filesize {
	text-decoration: none;
	font-style:italic;
	color:#999;
}
.file-value ul li a.file-status, .file-value ul li a.file-del {
	position:relative;
	display:block;
	width:32px;
	height:32px;
	flex:0 0 32px;
}
.file-value ul li a.file-status .icon {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
}
.file-value ul li a.file-status .icon .running, .file-value ul li a.file-status .icon .canceld {
	display:block;
	width:30px;
	text-align:center;
	line-height:30px;
	font-size:25px;
}
.file-value ul li a.file-status .icon .canceld {
	display:none;
	font-size:13px;
}
.file-value ul li a.file-status .name {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-shadow:0px 0px 3px rgb(0, 0, 0);
	font-weight:400px;
	font-size:11px;
}
.file-value ul li.error {
	background:#ffa0a0;
	cursor:not-allowed;
}
.file-value ul li.error .fileicon {
	border:1px solid #ff0000;
}
.file-value ul li.error a.file-status {
	background:#ff0000;
	background:linear-gradient(0deg, #990000 0%, #ff3333 100%);
}
.file-value ul li.error a.file-status .icon .running {
	display:none;
}
.file-value ul li.error a.file-status .icon .canceld {
	display:block;
}
.file-value ul li.error a.file-status .name {
	display:none;
}
ul.inputfiles li.inputfile .fileicon {
	position:relative;
}
ul.inputfiles li.inputfile .fileicon:after {
	position:absolute;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	line-height:30px;
	display:inline-block;
	font-family:"Font Awesome 5 Free";
	font-size:22px;
	font-weight:400;
	text-align:center;
	content:'\f15b';
}
ul.inputfiles li.inputfile.file-jpg .fileicon:after,
ul.inputfiles li.inputfile.file-jpeg .fileicon:after,
ul.inputfiles li.inputfile.file-tiff .fileicon:after,
ul.inputfiles li.inputfile.file-png .fileicon:after {
	content:'\f1c5';
}
ul.inputfiles li.inputfile.file-pdf .fileicon:after {
	content:'\f1c1';
}
ul.inputfiles li.inputfile.file-zip .fileicon:after {
	content:'\f1c6';
}
ul.inputfiles li.inputfile.file-doc .fileicon:after,
ul.inputfiles li.inputfile.file-docx .fileicon:after {
	content:'\f1c2';
}
ul.inputfiles li.inputfile.file-xls .fileicon:after,
ul.inputfiles li.inputfile.file-xlsx .fileicon:after {
	content:'\f1c3';
}
ul.inputfiles li.inputfile.file-ppt .fileicon:after,
ul.inputfiles li.inputfile.file-pptx .fileicon:after {
	content:'\f1c4';
}
ul.inputfiles li.inputfile.file-mpg .fileicon:after,
ul.inputfiles li.inputfile.file-mpeg .fileicon:after,
ul.inputfiles li.inputfile.file-mp4 .fileicon:after,
ul.inputfiles li.inputfile.file-ogv .fileicon:after,
ul.inputfiles li.inputfile.file-avi .fileicon:after {
	content:'\f1c8';
}
ul.inputfiles li.inputfile.file-php .fileicon:after,
ul.inputfiles li.inputfile.file-js .fileicon:after,
ul.inputfiles li.inputfile.file-json .fileicon:after,
ul.inputfiles li.inputfile.file-sql .fileicon:after,
ul.inputfiles li.inputfile.file-html .fileicon:after {
	content:'\f1c9';
}
ul.inputfiles li.inputfile.file-wav .fileicon:after {
	content:'\f1c7';
}
ul.inputfiles li.inputfile.file-ai .fileicon:after {
}
ul.inputfiles li.inputfile.file-indd .fileicon:after {
}
ul.inputfiles li.inputfile.error .fileicon:after {
	content:'\e4eb';
	font-weight:900;
}
ul.inputfiles li.inputfile .fileicon.isimage:after {
	content:none;
}
.buttonform {
	display:flex;
	flex-wrap: nowrap;
    justify-content:center;
	gap:5px;
}
.buttonform.left {
    justify-content:flex-start;
}
.buttonform.right {
    justify-content:flex-end;
}
.buttonform button {
	/*margin:0px;*/
    flex:1 1 100%;
}
.buttonform button.small {
	/*margin:0px;*/
    flex:none;
}